{"version":3,"sources":["webpack:///./src/views/PaymentDetails.vue?462c","webpack:///../../../src/components/VCard/index.ts","webpack:///./src/views/PaymentDetails.vue?d9d3","webpack:///src/views/PaymentDetails.vue","webpack:///./src/views/PaymentDetails.vue?b148","webpack:///./src/views/PaymentDetails.vue?17d8"],"names":["VCardActions","VCardSubtitle","VCardText","VCardTitle","render","_vm","this","_h","$createElement","_c","_self","staticClass","$store","state","paymentDetails","Request","TotalLeftToPay","IsGenericLink","_e","attrs","_v","on","$event","stopPropagation","dialog","class","Property","staticStyle","_s","_l","payment","key","id","Description","individualPaymentDiffers","requiredRules","model","value","callback","$$v","$set","_n","expression","totalPaymentDifference","_f","calcTotalPaymentAmount","ref","valid","nameRules","genericLinkFullName","emailRules","genericLinkEmail","descriptionRules","genericLinkDescription","genericLinkAmount","formatGenericLinkAmount","_m","method","oneOffPaymentMethod","enum","show","setPaymentMethod","title","subtitle","validationOK","setDetailAndContinue","staticRenderFns","name","created","console","log","cardOnly","selectedPaymentMethod","unfilteredPaymentMethods","duePayments","originalPayments","map","userInputAmount","item","AmountLeftToPay","data","totalPaymentAmount","originalDuePayments","methods","validateGenericForm","$refs","form","validate","commit","breakDown","total","formValidated","newPaymentDetails","$router","push","computed","paymentMethods","newArray","filter","calcOriginalTotalPaymentAmount","Intl","NumberFormat","style","currency","component","VBtn","VCard","VCol","VDialog","VDivider","VForm","VIcon","VRow","VSpacer","VTextField"],"mappings":"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","file":"js/chunk-2354decc.979b5801.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PaymentDetails.vue?vue&type=style&index=0&id=e2a8a42a&scoped=true&lang=css&\"","import VCard from './VCard'\nimport { createSimpleFunctional } from '../../util/helpers'\n\nconst VCardActions = createSimpleFunctional('v-card__actions')\nconst VCardSubtitle = createSimpleFunctional('v-card__subtitle')\nconst VCardText = createSimpleFunctional('v-card__text')\nconst VCardTitle = createSimpleFunctional('v-card__title')\n\nexport {\n  VCard,\n  VCardActions,\n  VCardSubtitle,\n  VCardText,\n  VCardTitle,\n}\n\nexport default {\n  $_vuetify_subcomponents: {\n    VCard,\n    VCardActions,\n    VCardSubtitle,\n    VCardText,\n    VCardTitle,\n  },\n}\n","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.$store.state.paymentDetails.Request.TotalLeftToPay >= 0)?_c('div',[(!_vm.$store.state.paymentDetails.IsGenericLink)?_c('div',{staticClass:\"\\n          payment-title\\n          mt-1\\n          mb-n2\\n          py-2\\n          d-flex\\n          justify-space-between\\n          align-center\\n        \"},[_c('p',{staticClass:\"my-0 grey--text\",attrs:{\"tabindex\":\"0\"}},[_vm._v(\" Payment due on following items: \")]),_c('v-btn',{staticClass:\"mr-n2\",attrs:{\"aria-label\":\"Help\",\"fab\":\"\",\"text\":\"\",\"color\":\"grey lighten-2\",\"depressed\":\"\",\"small\":\"\"},on:{\"click\":function($event){$event.stopPropagation();_vm.dialog = true}}},[_c('v-icon',[_vm._v(\"mdi-help-circle\")])],1)],1):_vm._e(),_c('v-card',{staticClass:\"payment-overview mt-1 grey lighten-3 rounded-md\",attrs:{\"flat\":\"\"}},[_c('v-card-text',{staticClass:\"text-body-1\",class:_vm.$store.state.paymentDetails.Property ? 'pt-3' : 'pt-8'},[(_vm.$store.state.paymentDetails.Property)?_c('div',{staticClass:\"text-h6 text-center mt-0 mb-5\"},[_c('span',{staticClass:\"d-inline-block text-truncate\",staticStyle:{\"max-width\":\"300px\"}},[_vm._v(\" \"+_vm._s(_vm.$store.state.paymentDetails.Property)+\" \")])]):_vm._e(),(!_vm.$store.state.paymentDetails.IsGenericLink)?_c('div',[_vm._l((_vm.duePayments),function(payment){return _c('v-row',{key:payment.id,staticClass:\"mb-6\",attrs:{\"align\":\"center\"}},[_c('v-col',{staticClass:\"py-0\"},[_c('div',{staticClass:\"d-flex align-center\"},[_c('p',{staticClass:\"my-0 mr-1\",attrs:{\"tabindex\":\"0\",\"aria-label\":(\"Payment description: \" + (payment.Description))}},[_vm._v(\" \"+_vm._s(payment.Description)+\" \")]),(_vm.individualPaymentDiffers(payment) === '')?_c('v-icon',{attrs:{\"small\":\"\",\"color\":\"green\"}},[_vm._v(\"mdi-check\")]):_vm._e()],1),_c('p',{staticClass:\"text-caption my-0 primary--text\"},[_vm._v(\" \"+_vm._s(_vm.individualPaymentDiffers(payment))+\" \")])]),_c('v-col',{staticClass:\"py-0\",attrs:{\"cols\":\"6\",\"sm\":\"4\"}},[_c('v-text-field',{staticClass:\"mb-n6 rounded-sm\",attrs:{\"aria-label\":\"Payment amount\",\"type\":\"number\",\"outlined\":\"\",\"dense\":\"\",\"reverse\":\"\",\"append-icon\":\"mdi-pencil-outline\",\"hint\":\"Edit the amount\",\"rules\":_vm.requiredRules},model:{value:(payment.userInputAmount),callback:function ($$v) {_vm.$set(payment, \"userInputAmount\", _vm._n($$v))},expression:\"payment.userInputAmount\"}})],1)],1)}),_c('v-divider',{staticClass:\"my-5\"}),_c('v-row',{attrs:{\"align\":\"center\"}},[_c('v-col',{},[_c('p',{staticClass:\"my-0 font-weight-black\",attrs:{\"tabindex\":\"0\"}},[_vm._v(\" Total amount \")]),_c('p',{staticClass:\"text-caption primary--text my-0\"},[_vm._v(\" \"+_vm._s(_vm.totalPaymentDifference)+\" \")])]),_c('v-col',{staticClass:\"pr-6 pr-lg-9\",attrs:{\"cols\":\"6\",\"sm\":\"4\"}},[_c('div',{staticClass:\"d-flex justify-space-between font-weight-black\"},[_c('p',{staticClass:\"my-0\",attrs:{\"tabindex\":\"0\",\"aria-label\":\"Great british pounds\"}},[_vm._v(\" GBP \")]),_c('p',{staticClass:\"my-0\",attrs:{\"tabindex\":\"0\"}},[_vm._v(\" \"+_vm._s(_vm._f(\"formatAmount\")(_vm.calcTotalPaymentAmount))+\" \")])])])],1)],2):_vm._e(),(_vm.$store.state.paymentDetails.IsGenericLink)?_c('div',[_c('p',{staticClass:\"font-weight-light text-center mb-8\"},[_vm._v(\" In order for your agent to easily identify you for this payment, please enter your full name and email address. \")]),_c('v-form',{ref:\"form\",attrs:{\"lazy-validation\":\"\"},model:{value:(_vm.valid),callback:function ($$v) {_vm.valid=$$v},expression:\"valid\"}},[_c('v-row',{staticClass:\"mb-6\",attrs:{\"align\":\"center\"}},[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-text-field',{staticClass:\"rounded-sm\",attrs:{\"required\":\"\",\"aria-label\":\"User full name\",\"outlined\":\"\",\"dense\":\"\",\"append-icon\":\"mdi-account\",\"placeholder\":\"Enter your name and surname\",\"label\":\"Full name\",\"rules\":_vm.nameRules},model:{value:(_vm.genericLinkFullName),callback:function ($$v) {_vm.genericLinkFullName=$$v},expression:\"genericLinkFullName\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-text-field',{staticClass:\"mt-n6 rounded-sm\",attrs:{\"required\":\"\",\"aria-label\":\"User email\",\"outlined\":\"\",\"dense\":\"\",\"placeholder\":\"Enter your email address\",\"rules\":_vm.emailRules,\"append-icon\":\"mdi-at\"},model:{value:(_vm.genericLinkEmail),callback:function ($$v) {_vm.genericLinkEmail=$$v},expression:\"genericLinkEmail\"}})],1),_c('v-col',{staticClass:\"py-0\",attrs:{\"cols\":\"12\",\"sm\":\"9\"}},[_c('div',{staticClass:\"d-flex align-center\"},[_c('v-text-field',{staticClass:\"rounded-sm\",attrs:{\"hint\":\"E.g.: Rent\",\"persistent-hint\":\"\",\"aria-label\":\"Payment amount\",\"outlined\":\"\",\"dense\":\"\",\"placeholder\":\"Payment description\",\"append-icon\":\"mdi-help-circle\",\"rules\":_vm.descriptionRules},on:{\"click:append\":function($event){_vm.dialog = true}},model:{value:(_vm.genericLinkDescription),callback:function ($$v) {_vm.genericLinkDescription=$$v},expression:\"genericLinkDescription\"}})],1)]),_c('v-col',{staticClass:\"py-0 mt-8 mt-sm-0\",attrs:{\"cols\":\"7\",\"offset\":\"5\",\"sm\":\"3\",\"offset-sm\":\"0\"}},[_c('v-text-field',{staticClass:\"rounded-sm\",attrs:{\"aria-label\":\"Payment amount\",\"type\":\"number\",\"outlined\":\"\",\"dense\":\"\",\"placeholder\":\"Amount\",\"rules\":_vm.requiredRules},model:{value:(_vm.genericLinkAmount),callback:function ($$v) {_vm.genericLinkAmount=_vm._n($$v)},expression:\"genericLinkAmount\"}})],1)],1)],1),_c('v-divider',{staticClass:\"my-5\"}),_c('div',{staticClass:\"d-flex align-center font-weight-black\"},[_c('p',{staticClass:\"my-0\",attrs:{\"tabindex\":\"0\"}},[_vm._v(\"Total amount\")]),_c('v-spacer'),_c('p',{staticClass:\"my-0\",attrs:{\"tabindex\":\"0\"}},[_vm._v(_vm._s(_vm.formatGenericLinkAmount))])],1)],1):_vm._e()])],1),_vm._m(0),_vm._l((_vm.unfilteredPaymentMethods),function(method){return _c('v-card',{key:method.id,staticClass:\"mb-3 rounded-md\",class:[\n          _vm.$store.state.oneOffPaymentMethod === method.enum ? 'secondary' : '',\n          (method.show === false ? 'hide-input' : '')\n         ],attrs:{\"flat\":\"\",\"outlined\":\"\"},on:{\"click\":function($event){return _vm.setPaymentMethod(method)}}},[_c('v-card-text',{staticClass:\"py-3 d-flex justify-space-between\",class:_vm.$store.state.oneOffPaymentMethod === method.enum\n              ? 'white--text'\n              : ''},[_c('div',[_c('p',{staticClass:\"my-0 text-body-1\"},[_vm._v(_vm._s(method.title))]),_c('p',{staticClass:\"my-0 text-caption font-weight-thin\"},[_vm._v(\" \"+_vm._s(method.subtitle)+\" \")])]),(_vm.$store.state.oneOffPaymentMethod === method.enum)?_c('v-icon',{attrs:{\"color\":\"white\"}},[_vm._v(\"mdi-check-circle-outline\")]):_c('v-icon',{attrs:{\"color\":\"grey\"}},[_vm._v(\"mdi-circle-outline\")])],1)],1)}),_c('v-btn',{staticClass:\"mb-3 mt-5\",attrs:{\"disabled\":!_vm.validationOK,\"x-large\":\"\",\"depressed\":\"\",\"color\":\"primary\",\"block\":\"\"},on:{\"click\":_vm.setDetailAndContinue}},[_vm._v(\" continue \")])],2):_c('div',{staticClass:\"text-center\"},[_c('p',{staticClass:\"text-h6 font-weight-black mt-12\"},[_vm._v(\" No outstanding payments present. \")]),_c('v-icon',{staticClass:\"icon\",attrs:{\"color\":\"grey lighten-4\",\"size\":\"150\"}},[_vm._v(\"mdi-file-check-outline\")])],1),_c('v-dialog',{attrs:{\"max-width\":\"500px\",\"transition\":\"dialog-transition\"},model:{value:(_vm.dialog),callback:function ($$v) {_vm.dialog=$$v},expression:\"dialog\"}},[_c('v-card',[_c('v-card-title',{staticClass:\"primary py-2\"},[_c('span',{staticClass:\"white--text\"},[_vm._v(\"Payments\")]),_c('v-spacer'),_c('v-btn',{attrs:{\"small\":\"\",\"fab\":\"\",\"text\":\"\",\"color\":\"white\"},on:{\"click\":function($event){_vm.dialog = false}}},[_c('v-icon',[_vm._v(\"mdi-close\")])],1)],1),_c('v-card-text',{staticClass:\"pt-3\"},[(_vm.$store.state.paymentDetails.IsGenericLink)?_c('div',[_c('p',{staticClass:\"mb-0 font-weight-bold\"},[_vm._v(\"User details\")]),_c('v-divider',{staticClass:\"mb-3\"}),_c('p',[_vm._v(\" In order for your agent to easily identify you for this payment, please enter your full name and email address. \"),_c('br')]),_c('p',{staticClass:\"mb-0 font-weight-bold\"},[_vm._v(\"Payment description\")]),_c('v-divider',{staticClass:\"mb-3\"}),_c('p',[_vm._v(\" Enter a short descritpion of the payment. (e.g: rent, deposit, holding fee) \")]),_c('p',{staticClass:\"mb-0 font-weight-bold\"},[_vm._v(\"Amount\")]),_c('v-divider',{staticClass:\"mb-3\"}),_c('p',[_vm._v(\"Enter the amount you wish to pay in pounds (GBP/£).\")]),_c('p',{staticClass:\"mb-0 font-weight-bold\"},[_vm._v(\"Payment method\")]),_c('v-divider',{staticClass:\"mb-3\"}),_c('p',[_vm._v(\" Select how to pay by choosing \"),_c('strong',[_vm._v(\"Secure bank transfer\")]),_vm._v(\" or \"),_c('strong',[_vm._v(\"Pay by card\")]),_vm._v(\". \")])],1):_c('div',[_c('p',{staticClass:\"mb-0 font-weight-bold\"},[_vm._v(\"Editing payment details\")]),_c('v-divider',{staticClass:\"mb-3\"}),_c('p',[_vm._v(\" You can change the amount for individual payments to your liking. \")]),_c('p',[_vm._v(\" Amounts due will still be visble when accessing this application in the future. \")]),_c('p',{staticClass:\"mb-0 font-weight-bold\"},[_vm._v(\"Payment method\")]),_c('v-divider',{staticClass:\"mb-3\"}),_c('p',[_c('strong',[_vm._v(\"Easy Bank Transfer\")]),_vm._v(\" (reccomended) allows you to complete a secure payment in the safety of your bank`s own application. \")]),_c('p',[_c('strong',[_vm._v(\"Pay with card\")]),_vm._v(\" allows you to complete a quick card payment via Barclaycard`s ePDQ eCommerce platform. \")])],1)])],1)],1)],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-8 mb-3\"},[_c('p',{staticClass:\"my-0 text-center text-uppercase\",attrs:{\"tabindex\":\"0\"}},[_vm._v(\" select payment method \")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div class=\"d-flex flex-column\">\n      <!-- <ThePageTitle>Request for payment</ThePageTitle> -->\n\n      <div v-if=\"$store.state.paymentDetails.Request.TotalLeftToPay >= 0\">\n        <div\n          v-if=\"!$store.state.paymentDetails.IsGenericLink\"\n          class=\"\n            payment-title\n            mt-1\n            mb-n2\n            py-2\n            d-flex\n            justify-space-between\n            align-center\n          \"\n        >\n          <p tabindex=\"0\" class=\"my-0 grey--text\">\n            Payment due on following items:\n          </p>\n          <v-btn\n            @click.stop=\"dialog = true\"\n            aria-label=\"Help\"\n            class=\"mr-n2\"\n            fab\n            text\n            color=\"grey lighten-2\"\n            depressed\n            small\n          >\n            <v-icon>mdi-help-circle</v-icon>\n          </v-btn>\n        </div>\n\n        <!-- Payment breakdown  -->\n        <v-card flat class=\"payment-overview mt-1 grey lighten-3 rounded-md\">\n          <v-card-text\n            class=\"text-body-1\"\n            :class=\"$store.state.paymentDetails.Property ? 'pt-3' : 'pt-8'\"\n          >\n            <div\n              v-if=\"$store.state.paymentDetails.Property\"\n              class=\"text-h6 text-center mt-0 mb-5\"\n            >\n              <span\n                class=\"d-inline-block text-truncate\"\n                style=\"max-width: 300px\"\n              >\n                {{ $store.state.paymentDetails.Property }}\n              </span>\n            </div>\n\n            <div v-if=\"!$store.state.paymentDetails.IsGenericLink\">\n              <v-row\n                v-for=\"payment in duePayments\"\n                :key=\"payment.id\"\n                align=\"center\"\n                class=\"mb-6\"\n              >\n                <v-col class=\"py-0\">\n                  <div class=\"d-flex align-center\">\n                    <p\n                      tabindex=\"0\"\n                      :aria-label=\"`Payment description: ${payment.Description}`\"\n                      class=\"my-0 mr-1\"\n                    >\n                      {{ payment.Description }}\n                    </p>\n                    <v-icon\n                      small\n                      v-if=\"individualPaymentDiffers(payment) === ''\"\n                      color=\"green\"\n                      >mdi-check</v-icon\n                    >\n                  </div>\n                  <p class=\"text-caption my-0 primary--text\">\n                    {{ individualPaymentDiffers(payment) }}\n                  </p>\n                </v-col>\n                <v-col class=\"py-0\" cols=\"6\" sm=\"4\">\n                  <v-text-field\n                    v-model.number=\"payment.userInputAmount\"\n                    aria-label=\"Payment amount\"\n                    type=\"number\"\n                    outlined\n                    dense\n                    reverse\n                    class=\"mb-n6 rounded-sm\"\n                    append-icon=\"mdi-pencil-outline\"\n                    hint=\"Edit the amount\"\n                    :rules=\"requiredRules\"\n                  ></v-text-field>\n                </v-col>\n              </v-row>\n\n              <v-divider class=\"my-5\"></v-divider>\n\n              <v-row align=\"center\">\n                <v-col class=\"\">\n                  <p tabindex=\"0\" class=\"my-0 font-weight-black\">\n                    Total amount\n                  </p>\n                  <p class=\"text-caption primary--text my-0\">\n                    {{ totalPaymentDifference }}\n                  </p>\n                </v-col>\n                <v-col class=\"pr-6 pr-lg-9\" cols=\"6\" sm=\"4\">\n                  <div class=\"d-flex justify-space-between font-weight-black\">\n                    <p\n                      tabindex=\"0\"\n                      aria-label=\"Great british pounds\"\n                      class=\"my-0\"\n                    >\n                      GBP\n                    </p>\n                    <p tabindex=\"0\" class=\"my-0\">\n                      {{ calcTotalPaymentAmount | formatAmount }}\n                    </p>\n                  </div>\n                </v-col>\n              </v-row>\n            </div>\n\n            <div v-if=\"$store.state.paymentDetails.IsGenericLink\">\n              <p class=\"font-weight-light text-center mb-8\">\n                In order for your agent to easily identify you for this payment,\n                please enter your full name and email address.\n              </p>\n              <v-form ref=\"form\" v-model=\"valid\" lazy-validation>\n                <v-row align=\"center\" class=\"mb-6\">\n                  <v-col cols=\"12\" class=\"\">\n                    <v-text-field\n                      required\n                      class=\"rounded-sm\"\n                      v-model=\"genericLinkFullName\"\n                      aria-label=\"User full name\"\n                      outlined\n                      dense\n                      append-icon=\"mdi-account\"\n                      placeholder=\"Enter your name and surname\"\n                      label=\"Full name\"\n                      :rules=\"nameRules\"\n                    ></v-text-field>\n                  </v-col>\n                  <v-col cols=\"12\" class=\"\">\n                    <v-text-field\n                      required\n                      v-model=\"genericLinkEmail\"\n                      aria-label=\"User email\"\n                      outlined\n                      dense\n                      placeholder=\"Enter your email address\"\n                      class=\"mt-n6 rounded-sm\"\n                      :rules=\"emailRules\"\n                      append-icon=\"mdi-at\"\n                    ></v-text-field>\n                  </v-col>\n                  <v-col class=\"py-0\" cols=\"12\" sm=\"9\">\n                    <div class=\"d-flex align-center\">\n                      <v-text-field\n                        hint=\"E.g.: Rent\"\n                        persistent-hint\n                        v-model=\"genericLinkDescription\"\n                        aria-label=\"Payment amount\"\n                        outlined\n                        dense\n                        placeholder=\"Payment description\"\n                        class=\"rounded-sm\"\n                        append-icon=\"mdi-help-circle\"\n                        @click:append=\"dialog = true\"\n                        :rules=\"descriptionRules\"\n                      ></v-text-field>\n                    </div>\n                  </v-col>\n                  <v-col\n                    class=\"py-0 mt-8 mt-sm-0\"\n                    cols=\"7\"\n                    offset=\"5\"\n                    sm=\"3\"\n                    offset-sm=\"0\"\n                  >\n                    <v-text-field\n                      v-model.number=\"genericLinkAmount\"\n                      aria-label=\"Payment amount\"\n                      type=\"number\"\n                      outlined\n                      dense\n                      class=\"rounded-sm\"\n                      placeholder=\"Amount\"\n                      :rules=\"requiredRules\"\n                    ></v-text-field>\n                  </v-col>\n                </v-row>\n              </v-form>\n              <v-divider class=\"my-5\"></v-divider>\n              <div class=\"d-flex align-center font-weight-black\">\n                <p tabindex=\"0\" class=\"my-0\">Total amount</p>\n                <v-spacer></v-spacer>\n                <p tabindex=\"0\" class=\"my-0\">{{ formatGenericLinkAmount }}</p>\n              </div>\n            </div>\n          </v-card-text>\n        </v-card>\n        <!-- /Payment breakdown  -->\n\n        <div class=\"payment-method-title mt-8 mb-3\">\n          <p tabindex=\"0\" class=\"my-0 text-center text-uppercase\">\n            select payment method\n          </p>\n        </div>\n\n        <!-- Payment methods -->\n        <v-card\n          v-for=\"method in unfilteredPaymentMethods\"\n          :key=\"method.id\"\n          @click=\"setPaymentMethod(method)\"\n          flat\n          class=\"mb-3 rounded-md\"\n          :class=\"[\n            $store.state.oneOffPaymentMethod === method.enum ? 'secondary' : '',\n            (method.show === false ? 'hide-input' : '')\n           ]\n          \"\n          outlined\n        >\n          <v-card-text\n            class=\"py-3 d-flex justify-space-between\"\n            :class=\"\n              $store.state.oneOffPaymentMethod === method.enum\n                ? 'white--text'\n                : ''\n            \"\n          >\n            <div>\n              <p class=\"my-0 text-body-1\">{{ method.title }}</p>\n              <p class=\"my-0 text-caption font-weight-thin\">\n                {{ method.subtitle }}\n              </p>\n            </div>\n            <v-icon\n              v-if=\"$store.state.oneOffPaymentMethod === method.enum\"\n              color=\"white\"\n              >mdi-check-circle-outline</v-icon\n            >\n            <v-icon v-else color=\"grey\">mdi-circle-outline</v-icon>\n          </v-card-text>\n        </v-card>\n        <!-- /Payment methods card -->\n\n        <v-btn\n          @click=\"setDetailAndContinue\"\n          :disabled=\"!validationOK\"\n          class=\"mb-3 mt-5\"\n          x-large\n          depressed\n          color=\"primary\"\n          block\n        >\n          continue\n        </v-btn>\n      </div>\n\n      <div v-else class=\"text-center\">\n        <p class=\"text-h6 font-weight-black mt-12\">\n          No outstanding payments present.\n        </p>\n        <v-icon class=\"icon\" color=\"grey lighten-4\" size=\"150\"\n          >mdi-file-check-outline</v-icon\n        >\n      </div>\n\n      <v-dialog\n        v-model=\"dialog\"\n        max-width=\"500px\"\n        transition=\"dialog-transition\"\n      >\n        <v-card>\n          <v-card-title class=\"primary py-2\">\n            <span class=\"white--text\">Payments</span>\n            <v-spacer></v-spacer>\n            <v-btn small fab text @click=\"dialog = false\" color=\"white\">\n              <v-icon>mdi-close</v-icon>\n            </v-btn>\n          </v-card-title>\n\n          <v-card-text class=\"pt-3\">\n            <div v-if=\"$store.state.paymentDetails.IsGenericLink\">\n              <p class=\"mb-0 font-weight-bold\">User details</p>\n              <v-divider class=\"mb-3\"></v-divider>\n              <p>\n                In order for your agent to easily identify you for this payment,\n                please enter your full name and email address. <br />\n              </p>\n              <p class=\"mb-0 font-weight-bold\">Payment description</p>\n              <v-divider class=\"mb-3\"></v-divider>\n              <p>\n                Enter a short descritpion of the payment. (e.g: rent, deposit,\n                holding fee)\n              </p>\n              <p class=\"mb-0 font-weight-bold\">Amount</p>\n              <v-divider class=\"mb-3\"></v-divider>\n              <p>Enter the amount you wish to pay in pounds (GBP/£).</p>\n              <p class=\"mb-0 font-weight-bold\">Payment method</p>\n              <v-divider class=\"mb-3\"></v-divider>\n              <p>\n                Select how to pay by choosing\n                <strong>Secure bank transfer</strong> or\n                <strong>Pay by card</strong>.\n              </p>\n            </div>\n            <div v-else>\n              <p class=\"mb-0 font-weight-bold\">Editing payment details</p>\n              <v-divider class=\"mb-3\"></v-divider>\n              <p>\n                You can change the amount for individual payments to your\n                liking.\n              </p>\n              <p>\n                Amounts due will still be visble when accessing this application\n                in the future.\n              </p>\n              <p class=\"mb-0 font-weight-bold\">Payment method</p>\n              <v-divider class=\"mb-3\"></v-divider>\n              <p>\n                <strong>Easy Bank Transfer</strong> (reccomended) allows you to\n                complete a secure payment in the safety of your bank`s own\n                application.\n              </p>\n              <p>\n                <strong>Pay with card</strong> allows you to complete a quick\n                card payment via Barclaycard`s ePDQ eCommerce platform.\n              </p>\n            </div>\n          </v-card-text>\n        </v-card>\n      </v-dialog>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"PaymentDetails\",\n  created() {\n    console.log(this.$store.state.cardOnly);\n    if(this.$store.state.cardOnly)\n      this.selectedPaymentMethod = this.unfilteredPaymentMethods[1]; // Default card\n    else{\n      this.selectedPaymentMethod = this.unfilteredPaymentMethods[0]; // Default bank\n    } // default to first entry in array:-\n    this.setPaymentMethod(this.selectedPaymentMethod) // Select default\n    const originalPayments = this.$store.state.paymentDetails.Request.Breakdown;\n    this.duePayments = originalPayments.map((item) => {\n      return {\n        ...item,\n        userInputAmount: item.AmountLeftToPay,\n      };\n    });\n  },\n  data() {\n    return {\n      dialog: false,\n      unfilteredPaymentMethods:  [\n        {\n          id: 1,\n          title: \"Easy bank transfer\",\n          subtitle: \"Recommended\",\n          enum: \"bankTransfer\",\n          show: !this.$store.state.cardOnly\n        },\n        {\n          id: 2,\n          title: \"Pay by card\",\n          subtitle: \"Enter your card details\",\n          // subtitle: 'Coming soon...',\n          enum: \"cardPayment\",\n          show: this.$store.state.cardPaymentPermissions.CardPaymentsAllowed\n        },\n      ],\n      totalPaymentAmount: \"\",\n      duePayments: \"\",\n      originalDuePayments: \"\",\n      // Generic link\n      genericLinkFullName: \"\",\n      genericLinkEmail: \"\",\n      genericLinkDescription: \"\",\n      genericLinkAmount: null,\n      valid: true,\n      requiredRules: [\n        (v) => !!v || \"Amount is required\",\n        (v) => v > 0 || \"Min amount £1\",\n      ],\n      nameRules: [\n        (v) => !!v || \"Name is required\",\n        (v) => (v && v.length >= 5) || \"Name must be at least 5 characters\",\n      ],\n      descriptionRules: [\n        (v) => !!v || \"Description is required\",\n        (v) =>\n          (v && v.length >= 3) || \"Description must be at least 3 characters\",\n      ],\n      emailRules: [\n        (v) => !!v || \"E-mail is required\",\n        (v) => /.+@.+\\..+/.test(v) || \"E-mail must be valid\",\n      ],\n    };\n  },\n  methods: {\n    validateGenericForm() {\n      this.$refs.form.validate();\n    },\n    individualPaymentDiffers(payment) {\n      const difference = Math.abs(\n        payment.AmountLeftToPay - payment.userInputAmount\n      ).toFixed(2);\n      if (payment.AmountLeftToPay > payment.userInputAmount)\n        return `£${difference} still due.`;\n      if (payment.AmountLeftToPay < payment.userInputAmount)\n        return `You entered £${difference} too much.`;\n      return \"\";\n    },\n    setPaymentMethod(method) {\n      this.$store.commit(\"SET_ONE_OFF_PAYMENT_METHOD\", method.enum); // default is hardcoded to: 'bankTransfer'\n    },\n    setDetailAndContinue() {\n      let newPaymentDetails = {\n        breakDown: null,\n        total: null,\n      };\n      if (this.$store.state.paymentDetails.IsGenericLink) {\n        const formValidated = this.$refs.form.validate();\n\n        if (formValidated) {\n          newPaymentDetails.breakDown = [\n            {\n              Amount: this.genericLinkAmount,\n              UserInputtedReference: `${this.genericLinkFullName} \\n ${this.genericLinkEmail} \\n ${this.genericLinkDescription}`,\n            },\n          ];\n          newPaymentDetails.total = this.genericLinkAmount;\n          console.log(newPaymentDetails.total);\n          this.$store.commit(\n            \"SET_PAYMENT_DETAILS_TO_SUBMIT\",\n            newPaymentDetails\n          );\n\n          if (this.$store.state.oneOffPaymentMethod === \"bankTransfer\")\n            this.$router.push({ name: \"PaymentSelectBank\" });\n          else {\n            this.$router.push({ name: \"PaymentCardConfirm\" });\n          }\n        } else {\n          console.log(\"Form not valid\");\n        }\n      } else {\n        (newPaymentDetails.breakDown = this.duePayments),\n          (newPaymentDetails.total = this.calcTotalPaymentAmount);\n        this.$store.commit(\"SET_PAYMENT_DETAILS_TO_SUBMIT\", newPaymentDetails);\n        console.log(newPaymentDetails.total);\n        if (this.$store.state.oneOffPaymentMethod === \"bankTransfer\")\n          this.$router.push({ name: \"PaymentSelectBank\" });\n        else {\n          this.$router.push({ name: \"PaymentCardConfirm\" });\n        }\n      }\n    },\n  },\n  computed: {\n    paymentMethods(){ \n      var newArray = this.unfilteredPaymentMethods.filter((currentValue) => {return currentValue.show === true});\n      return newArray;\n    },\n    calcTotalPaymentAmount() {\n      const paymentAmounts = this.duePayments.map(\n        (item) => item.userInputAmount\n      );\n      const total = paymentAmounts.reduce((a, b) => a + b, 0).toFixed(2);\n      return total;\n    },\n    calcOriginalTotalPaymentAmount() {\n      const paymentAmounts = this.duePayments.map(\n        (item) => item.AmountLeftToPay\n      );\n      const total = paymentAmounts.reduce((a, b) => a + b, 0);\n      return total;\n    },\n    totalPaymentDifference() {\n      const difference = Math.abs(\n        this.calcOriginalTotalPaymentAmount - this.calcTotalPaymentAmount\n      ).toFixed(2);\n      if (this.calcOriginalTotalPaymentAmount > this.calcTotalPaymentAmount)\n        return `£${difference} still due`;\n      if (this.calcOriginalTotalPaymentAmount < this.calcTotalPaymentAmount)\n        return `Your total is £${difference} over what is due. Please check your numbers.`;\n      return \"\";\n    },\n    validationOK() {\n      if (this.$store.state.paymentDetails.IsGenericLink) {\n        //validation happening after user presses continu button\n        return true;\n      } else {\n        // non generic payment\n        if (\n          this.calcTotalPaymentAmount > this.calcOriginalTotalPaymentAmount ||\n          this.calcTotalPaymentAmount <= 0\n        )\n          return false;\n        return true;\n      }\n    },\n    formatGenericLinkAmount() {\n      return new Intl.NumberFormat(\"en-GB\", {\n        style: \"currency\",\n        currency: \"GBP\",\n      }).format(this.genericLinkAmount);\n    },\n  },\n};\n</script>\n\n<style scoped>\n.hide-input{\n  display: none !important;\n}\n</style>\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!./PaymentDetails.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!./PaymentDetails.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PaymentDetails.vue?vue&type=template&id=e2a8a42a&scoped=true&\"\nimport script from \"./PaymentDetails.vue?vue&type=script&lang=js&\"\nexport * from \"./PaymentDetails.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PaymentDetails.vue?vue&type=style&index=0&id=e2a8a42a&scoped=true&lang=css&\"\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  \"e2a8a42a\",\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 { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VDialog } from 'vuetify/lib/components/VDialog';\nimport { VDivider } from 'vuetify/lib/components/VDivider';\nimport { VForm } from 'vuetify/lib/components/VForm';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\ninstallComponents(component, {VBtn,VCard,VCardText,VCardTitle,VCol,VDialog,VDivider,VForm,VIcon,VRow,VSpacer,VTextField})\n"],"sourceRoot":""}