{"version":3,"sources":["webpack:///./src/views/StandingOrderConfirm.vue?a4e3","webpack:///src/views/StandingOrderConfirm.vue","webpack:///./src/views/StandingOrderConfirm.vue?9c3d","webpack:///./src/views/StandingOrderConfirm.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_m","attrs","_v","_s","$store","state","paymentDetails","BankAccountName","requestID","Request","Breakdown","Amount","toFixed","Frequency","formattedStartDate","formattedEndDate","loading","on","postPayment","staticRenderFns","name","components","ModulrTermsAndConditions","SelectedBankAndLogo","data","overlayLoader","methods","reRoute","$router","push","body","payload","modulrBankID","selectedBank","ModulrID","payMethod","initialPayment","paymentDetailsToSubmit","startDate","finalPayment","endDate","API","res","status","modulrURL","modulrID","window","location","href","url","error","alert","console","log","createCookie","minutes","date","Date","setTime","getTime","expires","toGMTString","document","cookie","value","computed","component","VBtn","VCard","VCardText","VDivider"],"mappings":"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","file":"js/chunk-2d0dd441.68e59c59.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"d-flex flex-column\"},[_vm._m(0),_c('v-card',{staticClass:\"grey lighten-3 rounded-md\",attrs:{\"outlined\":\"\"}},[_c('v-card-text',[_c('div',{staticClass:\"d-flex justify-space-between\"},[_c('div',{staticClass:\"mb-3\"},[_c('p',{staticClass:\"text-caption my-0 font-weight-light\",attrs:{\"tabindex\":\"0\"}},[_vm._v(\" Account name \")]),_c('p',{staticClass:\"text-caption mt-n1\",attrs:{\"tabindex\":\"0\"}},[_vm._v(\" \"+_vm._s(_vm.$store.state.paymentDetails.BankAccountName)+\" \")])]),_c('div',{staticClass:\"mb-3 text-right\"},[_c('p',{staticClass:\"text-caption my-0 font-weight-light\",attrs:{\"tabindex\":\"0\"}},[_vm._v(\" Payment reference \")]),_c('p',{staticClass:\"text-caption mt-n1 text-right\",attrs:{\"tabindex\":\"0\"}},[_vm._v(\" \"+_vm._s(_vm.$store.state.requestID)+\" \")])])]),_c('div',{staticClass:\"mt-n3 d-flex justify-space-between text-body-1\"},[_c('p',{staticClass:\"my-0 font-weight-black\",attrs:{\"tabindex\":\"0\"}},[_vm._v(\"Amount\")]),_c('p',{staticClass:\"my-0 font-weight-black\",attrs:{\"tabindex\":\"0\"}},[_vm._v(\" GBP \"+_vm._s(_vm.$store.state.paymentDetails.Request.Breakdown[0].Amount.toFixed( 2 ))+\" \")])]),_c('v-divider',{staticClass:\"my-1\"}),_c('div',{staticClass:\"d-flex justify-space-between\"},[_c('p',{staticClass:\"text-caption my-0 font-weight-light\",attrs:{\"tabindex\":\"0\"}},[_vm._v(\" Frequency \")]),_c('p',{staticClass:\"text-caption my-0 font-weight-light\",attrs:{\"tabindex\":\"0\"}},[_vm._v(\" \"+_vm._s(_vm.$store.state.paymentDetails.Request.Frequency)+\" \")])]),_c('div',{staticClass:\"d-flex justify-space-between\"},[_c('p',{staticClass:\"text-caption my-0 font-weight-light\",attrs:{\"tabindex\":\"0\"}},[_vm._v(\" First payment \")]),_c('p',{staticClass:\"text-caption my-0 font-weight-light\",attrs:{\"tabindex\":\"0\"}},[_vm._v(\" \"+_vm._s(_vm.formattedStartDate)+\" \")])]),_c('div',{staticClass:\"d-flex justify-space-between\"},[_c('p',{staticClass:\"text-caption my-0 font-weight-light\",attrs:{\"tabindex\":\"0\"}},[_vm._v(\" Final payment \")]),(_vm.$store.state.paymentDetails.Request.FinalPayment)?_c('p',{staticClass:\"text-caption my-0 font-weight-light\",attrs:{\"tabindex\":\"0\"}},[_vm._v(\" \"+_vm._s(_vm.formattedEndDate)+\" \")]):_c('p',{staticClass:\"text-caption my-0 font-weight-light\",attrs:{\"tabindex\":\"0\"}},[_vm._v(\" No end date set \")])])],1)],1),_vm._m(1),_c('SelectedBankAndLogo'),_c('p',{staticClass:\"text-center text-body-1 text-sm-h6 mt-12\",attrs:{\"tabindex\":\"0\"}},[_vm._v(\" You will be securely redirected to your bank to authenticate this payment. \")]),_c('v-btn',{staticClass:\"mb-3\",attrs:{\"loading\":_vm.loading,\"x-large\":\"\",\"depressed\":\"\",\"color\":\"primary\",\"block\":\"\"},on:{\"click\":_vm.postPayment}},[_vm._v(\" confirm & continue \")]),_c('ModulrTermsAndConditions')],1)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"payment-method-title mt-6 mb-3\"},[_c('p',{staticClass:\"my-0 text-center text-uppercase\",attrs:{\"tabindex\":\"0\"}},[_vm._v(\" Standing order details \")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"payment-method-title mt-6 mt-sm-10 mb-3\"},[_c('p',{staticClass:\"my-0 text-center text-uppercase\",attrs:{\"tabindex\":\"0\"}},[_vm._v(\"payment from\")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div class=\"d-flex flex-column\">\n      <div class=\"payment-method-title mt-6 mb-3\">\n        <p tabindex=\"0\" class=\"my-0 text-center text-uppercase\">\n          Standing order details\n        </p>\n      </div>\n\n      <v-card outlined class=\"grey lighten-3 rounded-md\">\n        <v-card-text>\n          <div class=\"d-flex justify-space-between\">\n            <div class=\"mb-3\">\n              <p tabindex=\"0\" class=\"text-caption my-0 font-weight-light\">\n                Account name\n              </p>\n              <p tabindex=\"0\" class=\"text-caption mt-n1\">\n                {{ $store.state.paymentDetails.BankAccountName }}\n              </p>\n            </div>\n            <div class=\"mb-3 text-right\">\n              <p tabindex=\"0\" class=\"text-caption my-0 font-weight-light\">\n                Payment reference\n              </p>\n              <p tabindex=\"0\" class=\"text-caption mt-n1 text-right\">\n                {{ $store.state.requestID }}\n              </p>\n            </div>\n          </div>\n          <div class=\"mt-n3 d-flex justify-space-between text-body-1\">\n            <p tabindex=\"0\" class=\"my-0 font-weight-black\">Amount</p>\n            <p tabindex=\"0\" class=\"my-0 font-weight-black\">\n              GBP\n              {{\n                $store.state.paymentDetails.Request.Breakdown[0].Amount.toFixed(\n                  2\n                )\n              }}\n            </p>\n          </div>\n          <v-divider class=\"my-1\"></v-divider>\n          <div class=\"d-flex justify-space-between\">\n            <p tabindex=\"0\" class=\"text-caption my-0 font-weight-light\">\n              Frequency\n            </p>\n            <p tabindex=\"0\" class=\"text-caption my-0 font-weight-light\">\n              {{ $store.state.paymentDetails.Request.Frequency }}\n            </p>\n          </div>\n          <div class=\"d-flex justify-space-between\">\n            <p tabindex=\"0\" class=\"text-caption my-0 font-weight-light\">\n              First payment\n            </p>\n            <p tabindex=\"0\" class=\"text-caption my-0 font-weight-light\">\n              {{ formattedStartDate }}\n            </p>\n          </div>\n          <div class=\"d-flex justify-space-between\">\n            <p tabindex=\"0\" class=\"text-caption my-0 font-weight-light\">\n              Final payment\n            </p>\n            <p\n              tabindex=\"0\"\n              v-if=\"$store.state.paymentDetails.Request.FinalPayment\"\n              class=\"text-caption my-0 font-weight-light\"\n            >\n              {{ formattedEndDate }}\n            </p>\n            <p tabindex=\"0\" v-else class=\"text-caption my-0 font-weight-light\">\n              No end date set\n            </p>\n          </div>\n        </v-card-text>\n      </v-card>\n\n      <div class=\"payment-method-title mt-6 mt-sm-10 mb-3\">\n        <p tabindex=\"0\" class=\"my-0 text-center text-uppercase\">payment from</p>\n      </div>\n\n      <SelectedBankAndLogo />\n\n      <p tabindex=\"0\" class=\"text-center text-body-1 text-sm-h6 mt-12\">\n        You will be securely redirected to your bank to authenticate this\n        payment.\n      </p>\n\n      <v-btn\n        @click=\"postPayment\"\n        :loading=\"loading\"\n        class=\"mb-3\"\n        x-large\n        depressed\n        color=\"primary\"\n        block\n      >\n        confirm & continue\n      </v-btn>\n\n      <ModulrTermsAndConditions />\n    </div>\n  </div>\n</template>\n\n<script>\nimport ModulrTermsAndConditions from \"@/components/ModulrTermsAndConditions.vue\";\nimport SelectedBankAndLogo from \"@/components/SelectedBankAndLogo.vue\";\nimport { API } from \"aws-amplify\";\nimport moment from \"moment/src/moment\";\n\nexport default {\n  name: \"PaymentConfirmation\",\n  components: {\n    ModulrTermsAndConditions,\n    SelectedBankAndLogo,\n  },\n  data() {\n    return {\n      overlayLoader: false,\n      loading: false,\n    };\n  },\n  methods: {\n    reRoute() {\n      this.overlayLoader = true;\n      this.$router.push({ name: \"PaymentSuccess\" });\n    },\n    postPayment() {\n      this.loading = true;\n\n      const postParams = {\n        body: {\n          payload: { payments: [] },\n          modulrBankID: this.$store.state.selectedBank.ModulrID,\n          requestID: this.$store.state.requestID,\n          payMethod: \"Transfer\", // hard coded for Modulr bank transfers\n          initialPayment: this.$store.state.paymentDetailsToSubmit.startDate,\n          finalPayment: this.$store.state.paymentDetailsToSubmit.endDate,\n        },\n      };\n\n      API.post(\"paymentAppRest\", \"/modulr\", postParams).then((res) => {\n        this.loading = false;\n        if (res.status === \"200\") {\n          if (res.modulrURL.modulrID) {\n            this.$store.commit(\"SET_MODULR_ID\", res.modulrURL.modulrID); // API request returns ModulrID and URL for reroute\n            if (this.$store.state.safariBrowser) {\n              // if Safari browser - set a number of session cookies to 5 mins\n              this.createCookie(\"modulrID\", res.modulrURL.modulrID, 5);\n              this.createCookie(\n                \"payAgentRequestID\",\n                this.$store.state.requestID,\n                5\n              );\n              this.createCookie(\n                \"payAgentPaymentDetails\",\n                JSON.stringify(this.$store.state.paymentDetails),\n                5\n              );\n              this.createCookie(\n                \"payAgentPaymentDetailsSubmitted\",\n                JSON.stringify(this.$store.state.paymentDetailsToSubmit),\n                5\n              );\n            }\n            // window.open(res.modulrURL.url, \"_self\")\n            window.location.href = res.modulrURL.url;\n          }\n          if (res.modulrURL.error) alert(res.modulrURL.error);\n        } else {\n          console.log(\"Error: \", res);\n          this.loading = false;\n        }\n      });\n    },\n    createCookie(name, value, minutes) {\n      let expires;\n      if (minutes) {\n        var date = new Date();\n        date.setTime(date.getTime() + minutes * 60 * 1000);\n        expires = \"; expires=\" + date.toGMTString();\n      } else {\n        expires = \"\";\n      }\n      document.cookie = name + \"=\" + value + expires;\n    },\n  },\n  computed: {\n    formattedStartDate() {\n      return this.$store.state.paymentDetailsToSubmit.startDate\n        ? moment(this.$store.state.paymentDetailsToSubmit.startDate).format(\n            \"DD/MM/YYYY\"\n          )\n        : \"\";\n    },\n    formattedEndDate() {\n      return this.$store.state.paymentDetailsToSubmit.endDate\n        ? moment(this.$store.state.paymentDetailsToSubmit.endDate).format(\n            \"DD/MM/YYYY\"\n          )\n        : \"\";\n    },\n  },\n};\n</script>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StandingOrderConfirm.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StandingOrderConfirm.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./StandingOrderConfirm.vue?vue&type=template&id=9bd2b14a&\"\nimport script from \"./StandingOrderConfirm.vue?vue&type=script&lang=js&\"\nexport * from \"./StandingOrderConfirm.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VDivider } from 'vuetify/lib/components/VDivider';\ninstallComponents(component, {VBtn,VCard,VCardText,VDivider})\n"],"sourceRoot":""}