{"version":3,"sources":["webpack:///./src/components/ContactDetails.vue?1860","webpack:///src/components/ContactDetails.vue","webpack:///./src/components/ContactDetails.vue?ddfb","webpack:///./src/components/ContactDetails.vue?dbdf","webpack:///./src/views/static/BankNotShown.vue?f490","webpack:///src/views/static/BankNotShown.vue","webpack:///./src/views/static/BankNotShown.vue?4252","webpack:///./src/views/static/BankNotShown.vue","webpack:///./src/components/BankDetails.vue?24a6","webpack:///src/components/BankDetails.vue","webpack:///./src/components/BankDetails.vue?5b26","webpack:///../../../src/components/VDataTable/VSimpleTable.ts","webpack:///./src/components/BankDetails.vue","webpack:///../../../src/components/VCard/index.ts","webpack:///./src/components/ContactDetails.vue?8f35","webpack:///../../../src/components/VDivider/VDivider.ts","webpack:///./src/assets/CalmonyPayBranding/undraw_transfer_money.svg","webpack:///./src/assets/PayAgentBranding/undraw_transfer_money.svg"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","$store","state","paymentDetails","Branch","attrs","BranchPhone","staticRenderFns","name","component","theme","_e","components","BankDetails","ContactDetails","VCol","VContainer","VImg","VRow","Request","Frequency","scopedSlots","_u","key","fn","paymentDetailsToSubmit","total","BankAccountName","on","copyAccountName","BankAccountAccountNumber","copyAccountNo","BankAccountSortCode","copySortCode","ref","requestID","copyRequestID","proxy","data","accountNameCopied","accountNoCopied","sortCodeCopied","requestIDCopied","methods","copyStringToClipboard","str","toggleIcon","dataRef","setTimeout","el","document","createElement","value","setAttribute","style","body","appendChild","select","execCommand","removeChild","mixins","props","dense","fixedHeader","height","Number","String","computed","classes","$slots","themeClasses","genWrapper","wrapper","h","class","VBtn","VCard","VCardText","VDivider","VIcon","VSimpleTable","VCardActions","VCardSubtitle","VCardTitle","inset","vertical","Boolean","$attrs","role","orientation","$listeners","module","exports"],"mappings":"2IAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,IAAI,CAACE,YAAY,iDAAiD,CAACN,EAAIO,GAAG,eAAeP,EAAIQ,GAAGR,EAAIS,OAAOC,MAAMC,eAAeC,QAAQ,0BAA0BR,EAAG,IAAI,CAACE,YAAY,2CAA2C,CAACN,EAAIO,GAAG,SAASH,EAAG,IAAI,CAACS,MAAM,CAAC,GAAK,eAAe,KAAQ,OAAUb,EAAIS,OAAOC,MAAMC,eAA0B,cAAK,CAACX,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,OAAOC,MAAMC,eAAeG,qBAC/eC,EAAkB,GCStB,GACEC,KAAM,kBCXgV,I,wBCQpVC,EAAY,eACd,EACAlB,EACAgB,GACA,EACA,KACA,WACA,MAIa,OAAAE,E,oDCnBf,IAAIlB,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,0CAA0C,CAACF,EAAG,cAAc,CAACA,EAAG,QAAQ,CAACA,EAAG,QAAQ,CAACE,YAAY,OAAOO,MAAM,CAAC,KAAO,KAAK,GAAK,IAAI,YAAY,IAAI,GAAK,IAAI,YAAY,MAAM,CAACT,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAA8B,aAA5BL,KAAKQ,OAAOC,MAAMQ,MAAsBd,EAAG,QAAQ,CAACE,YAAY,YAAYO,MAAM,CAAC,YAAY,MAAM,IAAM,EAAQ,QAA2D,QAAU,MAAMT,EAAG,QAAQ,CAACE,YAAY,YAAYO,MAAM,CAAC,YAAY,MAAM,IAAM,EAAQ,QAA6D,QAAU,OAAO,GAAGT,EAAG,MAAM,CAACE,YAAY,kCAAkC,CAACF,EAAG,IAAI,CAACE,YAAY,2CAA2C,CAACN,EAAIO,GAAG,+BAAgCP,EAAIS,OAAOC,MAAoB,eAAEN,EAAG,eAAeJ,EAAImB,KAAMnB,EAAIS,OAAOC,MAAoB,eAAEN,EAAG,kBAAkBA,EAAG,IAAI,CAACE,YAAY,eAAe,CAACN,EAAIO,GAAG,iCAAiC,MAAM,IAAI,IAAI,MACpiCQ,EAAkB,G,wBC8CtB,GACEC,KAAM,eACNI,WAAY,CACVC,YAAJ,OACIC,eAAJ,SCnDqW,I,iFCOjWL,EAAY,eACd,EACAlB,EACAgB,GACA,EACA,KACA,WACA,MAIa,aAAAE,EAAiB,QAQhC,IAAkBA,EAAW,CAACM,OAAA,KAAKC,aAAA,KAAWC,OAAA,KAAKC,OAAA,Q,oCC1BnD,IAAI3B,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAAwD,WAAtDJ,EAAIS,OAAOC,MAAMC,eAAegB,QAAQC,UAAwBxB,EAAG,IAAI,CAACE,YAAY,2CAA2C,CAACN,EAAIO,GAAG,gCAAgCH,EAAG,OAAO,CAACE,YAAY,qBAAqB,CAACN,EAAIO,GAAG,mBAAmBP,EAAIO,GAAG,WAAWH,EAAG,IAAI,CAACE,YAAY,2CAA2C,CAACN,EAAIO,GAAG,gGAAgGH,EAAG,SAAS,CAACE,YAAY,OAAOO,MAAM,CAAC,SAAW,KAAK,CAACT,EAAG,cAAc,CAACA,EAAG,iBAAiB,CAACyB,YAAY7B,EAAI8B,GAAG,CAAC,CAACC,IAAI,UAAUC,GAAG,WAAW,MAAO,CAAC5B,EAAG,QAAQ,GAAG,CAACA,EAAG,KAAK,CAACS,MAAM,CAAC,SAAW,MAAM,CAACT,EAAG,KAAK,CAACE,YAAY,gBAAgB,CAACN,EAAIO,GAAG,aAAaH,EAAG,KAAK,CAACE,YAAY,wIAAwI,CAACN,EAAIO,GAAG,QAAQP,EAAIQ,GAAGR,EAAIS,OAAOC,MAAMuB,uBAAuBC,OAAO,OAAO9B,EAAG,QAAQA,EAAG,KAAK,CAACS,MAAM,CAAC,SAAW,MAAM,CAACT,EAAG,KAAK,CAACE,YAAY,gBAAgB,CAACN,EAAIO,GAAG,mBAAmBH,EAAG,KAAK,CAACE,YAAY,wIAAwI,CAACN,EAAIO,GAAG,IAAIP,EAAIQ,GAAGR,EAAIS,OAAOC,MAAMC,eAAewB,iBAAiB,OAAO/B,EAAG,KAAK,CAACA,EAAG,QAAQ,CAACS,MAAM,CAAC,KAAO,GAAG,aAAa,qBAAqBuB,GAAG,CAAC,MAAQpC,EAAIqC,kBAAkB,CAAErC,EAAqB,kBAAEI,EAAG,SAAS,CAACS,MAAM,CAAC,MAAQ,SAAS,CAACb,EAAIO,GAAG,eAAeH,EAAG,SAAS,CAACS,MAAM,CAAC,MAAQ,SAAS,CAACb,EAAIO,GAAG,uBAAuB,IAAI,KAAKH,EAAG,KAAK,CAACS,MAAM,CAAC,SAAW,MAAM,CAACT,EAAG,KAAK,CAACE,YAAY,gBAAgB,CAACN,EAAIO,GAAG,kBAAkBH,EAAG,KAAK,CAACE,YAAY,wIAAwI,CAACN,EAAIO,GAAG,IAAIP,EAAIQ,GAAGR,EAAIS,OAAOC,MAAMC,eAAe2B,0BAA0B,OAAOlC,EAAG,KAAK,CAACA,EAAG,QAAQ,CAACS,MAAM,CAAC,KAAO,GAAG,aAAa,qBAAqBuB,GAAG,CAAC,MAAQpC,EAAIuC,gBAAgB,CAAEvC,EAAmB,gBAAEI,EAAG,SAAS,CAACS,MAAM,CAAC,MAAQ,SAAS,CAACb,EAAIO,GAAG,eAAeH,EAAG,SAAS,CAACS,MAAM,CAAC,MAAQ,SAAS,CAACb,EAAIO,GAAG,uBAAuB,IAAI,KAAKH,EAAG,KAAK,CAACS,MAAM,CAAC,SAAW,MAAM,CAACT,EAAG,KAAK,CAACE,YAAY,gBAAgB,CAACN,EAAIO,GAAG,gBAAgBH,EAAG,KAAK,CAACE,YAAY,wIAAwI,CAACN,EAAIO,GAAG,IAAIP,EAAIQ,GAAGR,EAAIS,OAAOC,MAAMC,eAAe6B,qBAAqB,OAAOpC,EAAG,KAAK,CAACA,EAAG,QAAQ,CAACS,MAAM,CAAC,KAAO,GAAG,aAAa,qBAAqBuB,GAAG,CAAC,MAAQpC,EAAIyC,eAAe,CAAEzC,EAAkB,eAAEI,EAAG,SAAS,CAACS,MAAM,CAAC,MAAQ,SAAS,CAACb,EAAIO,GAAG,eAAeH,EAAG,SAAS,CAACS,MAAM,CAAC,MAAQ,SAAS,CAACb,EAAIO,GAAG,uBAAuB,IAAI,KAAKH,EAAG,KAAK,CAACS,MAAM,CAAC,SAAW,MAAM,CAACT,EAAG,KAAK,CAACE,YAAY,gBAAgB,CAACN,EAAIO,GAAG,eAAeH,EAAG,KAAK,CAACsC,IAAI,YAAYpC,YAAY,wIAAwI,CAACN,EAAIO,GAAG,IAAIP,EAAIQ,GAAGR,EAAIS,OAAOC,MAAMiC,WAAW,OAAOvC,EAAG,KAAK,CAACA,EAAG,QAAQ,CAACS,MAAM,CAAC,KAAO,GAAG,aAAa,qBAAqBuB,GAAG,CAAC,MAAQpC,EAAI4C,gBAAgB,CAAE5C,EAAmB,gBAAEI,EAAG,SAAS,CAACS,MAAM,CAAC,MAAQ,SAAS,CAACb,EAAIO,GAAG,eAAeH,EAAG,SAAS,CAACS,MAAM,CAAC,MAAQ,SAAS,CAACb,EAAIO,GAAG,uBAAuB,IAAI,SAASsC,OAAM,OAAUzC,EAAG,aAAaA,EAAG,IAAI,CAACE,YAAY,oDAAoD,CAACN,EAAIO,GAAG,kDAAkDP,EAAIQ,GAAGR,EAAIS,OAAOC,MAAMiC,WAAW,0CAA0C,IAAI,IAAI,IAC3kH5B,EAAkB,GC8ItB,GACEC,KAAM,cACN8B,KAFF,WAGI,MAAO,CACLC,mBAAmB,EACnBC,iBAAiB,EACjBC,gBAAgB,EAChBC,iBAAiB,IAGrBC,QAAS,CACPd,gBADJ,WAEM,IAAN,mBACMpC,KAAKmD,sBAAsBC,GAC3B,IAAN,sBACMpD,KAAKqD,WAAWC,IAElBhB,cAPJ,WAQM,IAAN,cACMtC,KAAKmD,sBAAsBC,GAC3B,IAAN,oBACMpD,KAAKqD,WAAWC,IAElBd,aAbJ,WAcM,IAAN,cACMxC,KAAKmD,sBAAsBC,GAC3B,IAAN,mBACMpD,KAAKqD,WAAWC,IAElBX,cAnBJ,WAoBM,IAAN,8BACM3C,KAAKmD,sBAAsBC,GAC3B,IAAN,oBACMpD,KAAKqD,WAAWC,IAElBD,WAzBJ,SAyBA,cACME,YAAW,WACT,EAAR,QACA,KACMA,YAAW,WACT,EAAR,QACA,MAEIJ,sBAjCJ,SAiCA,GAEM,IAAIK,EAAKC,SAASC,cAAc,YAEhCF,EAAGG,MAAQP,EAEXI,EAAGI,aAAa,WAAY,IAC5BJ,EAAGK,MAAQ,CAAjB,oCACMJ,SAASK,KAAKC,YAAYP,GAE1BA,EAAGQ,SAEHP,SAASQ,YAAY,QAErBR,SAASK,KAAKI,YAAYV,MCxMqT,I,mKCOtU,SAAAW,EAAA,qBAAyB,CACtCpD,KADsC,iBAGtCqD,MAAO,CACLC,MADK,QAELC,YAFK,QAGLC,OAAQ,CAACC,OAAQC,SAGnBC,SAAU,CACRC,QADQ,WAEN,uBACE,sBAAuB3E,KADlB,MAEL,+BAAgCA,KAAF,SAAkBA,KAF3C,YAGL,6BAA8BA,KAHzB,YAIL,0BAA2BA,KAAK4E,OAJ3B,IAKL,6BAA8B5E,KAAK4E,OAL9B,QAMF5E,KAAK6E,gBAKd3B,QAAS,CACP4B,WADO,WAEL,OAAO9E,KAAK4E,OAAOG,SAAW/E,KAAKE,eAAe,MAAO,CACvDG,YADuD,wBAEvDwD,MAAO,CACLU,OAAQ,eAAcvE,KAAD,UAEtB,CACDA,KAAKE,eAAe,QAASF,KAAK4E,OANpC,aAWJ9E,OAnCsC,SAmChC,GACJ,OAAOkF,EAAE,MAAO,CACd3E,YADc,eAEd4E,MAAOjF,KAAK2E,SACX,CACD3E,KAAK4E,OADJ,IAED5E,KAFC,aAGDA,KAAK4E,OANP,YCpCA5D,EAAY,eACd,EACAlB,EACAgB,GACA,EACA,KACA,KACA,MAIa,OAAAE,EAAiB,QAUhC,IAAkBA,EAAW,CAACkE,OAAA,KAAKC,QAAA,KAAMC,UAAA,OAAUC,WAAA,KAASC,QAAA,KAAMC,aAAA,K,sFC5BlE,gGAGMC,EAAe,eAArB,mBACMC,EAAgB,eAAtB,oBACML,EAAY,eAAlB,gBACMM,EAAa,eAAnB,iBAYI,Q,oCClBJ,W,0ECSe,qBAAiB,CAC9B3E,KAD8B,YAG9BqD,MAAO,CACLuB,MADK,QAELC,SAAUC,SAGZ/F,OAR8B,SAQxB,GAEJ,MAIA,OAHKE,KAAK8F,OAAN,MAAJ,cAAyB9F,KAAK8F,OAAOC,OACnCC,EAAchG,KAAK4F,SAAW,WAA9B,cAEKZ,EAAE,KAAM,CACbC,MAAO,gBACL,aADK,EAEL,mBAAoBjF,KAFf,MAGL,sBAAuBA,KAHlB,UAIFA,KAAK6E,cAEVjE,MAAO,gBACLmF,KADK,YAEL,mBAFK,GAGF/F,KAAK8F,QAEV3D,GAAInC,KAAKiG,iB,qBCnCfC,EAAOC,QAAU,IAA0B,0C,qBCA3CD,EAAOC,QAAU,IAA0B","file":"js/chunk-22291ac6.3117c9c1.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('p',{staticClass:\"text-center text-body-1 text-sm-h6 mt-10 mb-1\"},[_vm._v(\"Contact our \"+_vm._s(_vm.$store.state.paymentDetails.Branch)+\" office for support.\")]),_c('p',{staticClass:\"text-center text-body-1 text-sm-h6 my-0\"},[_vm._v(\"Tel: \"),_c('a',{attrs:{\"id\":\"phone-number\",\"href\":(\"tel:\" + (_vm.$store.state.paymentDetails.BranchPhone))}},[_vm._v(_vm._s(_vm.$store.state.paymentDetails.BranchPhone))])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <p class=\"text-center text-body-1 text-sm-h6 mt-10 mb-1\">Contact our {{ $store.state.paymentDetails.Branch }} office for support.</p>\n    <p class=\"text-center text-body-1 text-sm-h6 my-0\">Tel: <a id=\"phone-number\" :href=\"`tel:${$store.state.paymentDetails.BranchPhone}`\">{{ $store.state.paymentDetails.BranchPhone }}</a></p>\n\n    \n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'contactDetails'\n}\n</script>\n\n<style scoped>\na:link {\n  text-decoration: none;\n}\n\na:visited {\n  text-decoration: none;\n}\n\na:hover {\n  text-decoration: underline;\n}\n\na:active {\n  text-decoration: underline;\n}\n</style>","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!./ContactDetails.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!./ContactDetails.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ContactDetails.vue?vue&type=template&id=338a340a&scoped=true&\"\nimport script from \"./ContactDetails.vue?vue&type=script&lang=js&\"\nexport * from \"./ContactDetails.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ContactDetails.vue?vue&type=style&index=0&id=338a340a&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  \"338a340a\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"pa-3 flex-container d-flex flex-column\"},[_c('v-container',[_c('v-row',[_c('v-col',{staticClass:\"pt-0\",attrs:{\"cols\":\"12\",\"sm\":\"8\",\"offset-sm\":\"2\",\"md\":\"6\",\"offset-md\":\"3\"}},[_c('div',{staticClass:\"d-flex justify-center\"},[(this.$store.state.theme === 'payagent')?_c('v-img',{staticClass:\"mt-5 ml-5\",attrs:{\"max-width\":\"250\",\"src\":require(\"../../assets/PayAgentBranding/undraw_transfer_money.svg\"),\"contain\":\"\"}}):_c('v-img',{staticClass:\"mt-5 ml-5\",attrs:{\"max-width\":\"250\",\"src\":require(\"../../assets/CalmonyPayBranding/undraw_transfer_money.svg\"),\"contain\":\"\"}})],1),_c('div',{staticClass:\"mt-8 grey--text text--darken-1\"},[_c('p',{staticClass:\"text-body-1 text-sm-h5 mb-5 text-center\"},[_vm._v(\"Was your bank not listed?\")]),(_vm.$store.state.paymentDetails)?_c('BankDetails'):_vm._e(),(_vm.$store.state.paymentDetails)?_c('ContactDetails'):_c('p',{staticClass:\"text-center\"},[_vm._v(\"Please contact your agent.\")])],1)])],1)],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div class=\"pa-3 flex-container d-flex flex-column\">\n      <v-container>\n        <v-row>\n          <v-col\n            class=\"pt-0\" \n            cols=\"12\" \n            sm=\"8\" offset-sm=\"2\"\n            md=\"6\" offset-md=\"3\"\n          >\n            <div class=\"d-flex justify-center\">\n              <v-img v-if=\"this.$store.state.theme === 'payagent'\"\n                max-width=\"250\"\n                class=\"mt-5 ml-5\"\n                src=\"../../assets/PayAgentBranding/undraw_transfer_money.svg\"\n                contain\n              />\n              <v-img v-else\n                max-width=\"250\"\n                class=\"mt-5 ml-5\"\n                src=\"../../assets/CalmonyPayBranding/undraw_transfer_money.svg\"\n                contain\n              />\n            </div>\n\n            <div class=\"mt-8 grey--text text--darken-1\">\n              <p class=\"text-body-1 text-sm-h5 mb-5 text-center\">Was your bank not listed?</p>\n\n              <!-- Conditionally render if payment details stored in $store -->\n              <BankDetails v-if=\"$store.state.paymentDetails\" />\n\n              <ContactDetails v-if=\"$store.state.paymentDetails\" />\n              <p v-else class=\"text-center\">Please contact your agent.</p>\n            </div>\n            \n          </v-col>\n        </v-row>\n      </v-container>\n    </div>\n  </div>\n</template>\n\n<script>\nimport BankDetails from '@/components/BankDetails.vue';\nimport ContactDetails from '@/components/ContactDetails.vue';\n\nexport default {    \n  name: 'bankNotShown',\n  components: {\n    BankDetails,\n    ContactDetails\n  }\n}\n</script>\n\n<style scoped>\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!./BankNotShown.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!./BankNotShown.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BankNotShown.vue?vue&type=template&id=4fec77d0&scoped=true&\"\nimport script from \"./BankNotShown.vue?vue&type=script&lang=js&\"\nexport * from \"./BankNotShown.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  \"4fec77d0\",\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 { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VImg } from 'vuetify/lib/components/VImg';\nimport { VRow } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VCol,VContainer,VImg,VRow})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.$store.state.paymentDetails.Request.Frequency === 'OneOff')?_c('p',{staticClass:\"text-body-1 text-sm-h6 my-0 text-center\"},[_vm._v(\" You can also pay by direct \"),_c('span',{staticClass:\"font-weight-black\"},[_vm._v(\"bank transfer\")]),_vm._v(\" to: \")]):_c('p',{staticClass:\"text-body-1 text-sm-h6 my-0 text-center\"},[_vm._v(\" You can also set up a standing order manually via your bank using the following details: \")]),_c('v-card',{staticClass:\"mt-3\",attrs:{\"outlined\":\"\"}},[_c('v-card-text',[_c('v-simple-table',{scopedSlots:_vm._u([{key:\"default\",fn:function(){return [_c('tbody',{},[_c('tr',{attrs:{\"tabindex\":\"0\"}},[_c('td',{staticClass:\"text-caption\"},[_vm._v(\"Amount:\")]),_c('td',{staticClass:\"\\n                  font-weight-black\\n                  grey--text\\n                  text--darken-1 text-caption\\n                \"},[_vm._v(\" GBP \"+_vm._s(_vm.$store.state.paymentDetailsToSubmit.total)+\" \")]),_c('td')]),_c('tr',{attrs:{\"tabindex\":\"0\"}},[_c('td',{staticClass:\"text-caption\"},[_vm._v(\"Account name:\")]),_c('td',{staticClass:\"\\n                  font-weight-black\\n                  grey--text\\n                  text--darken-1 text-caption\\n                \"},[_vm._v(\" \"+_vm._s(_vm.$store.state.paymentDetails.BankAccountName)+\" \")]),_c('td',[_c('v-btn',{attrs:{\"icon\":\"\",\"aria-label\":\"Copy to clipboard\"},on:{\"click\":_vm.copyAccountName}},[(_vm.accountNameCopied)?_c('v-icon',{attrs:{\"color\":\"grey\"}},[_vm._v(\"mdi-check\")]):_c('v-icon',{attrs:{\"color\":\"grey\"}},[_vm._v(\"mdi-content-copy\")])],1)],1)]),_c('tr',{attrs:{\"tabindex\":\"0\"}},[_c('td',{staticClass:\"text-caption\"},[_vm._v(\"Account no.:\")]),_c('td',{staticClass:\"\\n                  font-weight-black\\n                  grey--text\\n                  text--darken-1 text-caption\\n                \"},[_vm._v(\" \"+_vm._s(_vm.$store.state.paymentDetails.BankAccountAccountNumber)+\" \")]),_c('td',[_c('v-btn',{attrs:{\"icon\":\"\",\"aria-label\":\"Copy to clipboard\"},on:{\"click\":_vm.copyAccountNo}},[(_vm.accountNoCopied)?_c('v-icon',{attrs:{\"color\":\"grey\"}},[_vm._v(\"mdi-check\")]):_c('v-icon',{attrs:{\"color\":\"grey\"}},[_vm._v(\"mdi-content-copy\")])],1)],1)]),_c('tr',{attrs:{\"tabindex\":\"0\"}},[_c('td',{staticClass:\"text-caption\"},[_vm._v(\"Sort code:\")]),_c('td',{staticClass:\"\\n                  font-weight-black\\n                  grey--text\\n                  text--darken-1 text-caption\\n                \"},[_vm._v(\" \"+_vm._s(_vm.$store.state.paymentDetails.BankAccountSortCode)+\" \")]),_c('td',[_c('v-btn',{attrs:{\"icon\":\"\",\"aria-label\":\"Copy to clipboard\"},on:{\"click\":_vm.copySortCode}},[(_vm.sortCodeCopied)?_c('v-icon',{attrs:{\"color\":\"grey\"}},[_vm._v(\"mdi-check\")]):_c('v-icon',{attrs:{\"color\":\"grey\"}},[_vm._v(\"mdi-content-copy\")])],1)],1)]),_c('tr',{attrs:{\"tabindex\":\"0\"}},[_c('td',{staticClass:\"text-caption\"},[_vm._v(\"Reference\")]),_c('td',{ref:\"requestID\",staticClass:\"\\n                  font-weight-black\\n                  grey--text\\n                  text--darken-1 text-caption\\n                \"},[_vm._v(\" \"+_vm._s(_vm.$store.state.requestID)+\" \")]),_c('td',[_c('v-btn',{attrs:{\"icon\":\"\",\"aria-label\":\"Copy to clipboard\"},on:{\"click\":_vm.copyRequestID}},[(_vm.requestIDCopied)?_c('v-icon',{attrs:{\"color\":\"grey\"}},[_vm._v(\"mdi-check\")]):_c('v-icon',{attrs:{\"color\":\"grey\"}},[_vm._v(\"mdi-content-copy\")])],1)],1)])])]},proxy:true}])}),_c('v-divider'),_c('p',{staticClass:\"red--text text-center mt-3 mb-0 font-weight-bold\"},[_vm._v(\" * Please ensure you use the payment reference \"+_vm._s(_vm.$store.state.requestID)+\" or your payment will be returned. \")])],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <p\n      v-if=\"$store.state.paymentDetails.Request.Frequency === 'OneOff'\"\n      class=\"text-body-1 text-sm-h6 my-0 text-center\"\n    >\n      You can also pay by direct\n      <span class=\"font-weight-black\">bank transfer</span> to:\n    </p>\n    <p v-else class=\"text-body-1 text-sm-h6 my-0 text-center\">\n      You can also set up a standing order manually via your bank using the\n      following details:\n    </p>\n    <v-card outlined class=\"mt-3\">\n      <v-card-text>\n        <v-simple-table>\n          <template v-slot:default>\n            <tbody class=\"\">\n              <tr tabindex=\"0\">\n                <td class=\"text-caption\">Amount:</td>\n                <td\n                  class=\"\n                    font-weight-black\n                    grey--text\n                    text--darken-1 text-caption\n                  \"\n                >\n                  GBP {{ $store.state.paymentDetailsToSubmit.total }}\n                </td>\n                <td></td>\n              </tr>\n              <tr tabindex=\"0\">\n                <td class=\"text-caption\">Account name:</td>\n                <td\n                  class=\"\n                    font-weight-black\n                    grey--text\n                    text--darken-1 text-caption\n                  \"\n                >\n                  {{ $store.state.paymentDetails.BankAccountName }}\n                </td>\n                <td>\n                  <v-btn\n                    @click=\"copyAccountName\"\n                    icon\n                    aria-label=\"Copy to clipboard\"\n                  >\n                    <v-icon color=\"grey\" v-if=\"accountNameCopied\"\n                      >mdi-check</v-icon\n                    >\n                    <v-icon color=\"grey\" v-else>mdi-content-copy</v-icon>\n                  </v-btn>\n                </td>\n              </tr>\n\n              <tr tabindex=\"0\">\n                <td class=\"text-caption\">Account no.:</td>\n                <td\n                  class=\"\n                    font-weight-black\n                    grey--text\n                    text--darken-1 text-caption\n                  \"\n                >\n                  {{ $store.state.paymentDetails.BankAccountAccountNumber }}\n                </td>\n                <td>\n                  <v-btn\n                    @click=\"copyAccountNo\"\n                    icon\n                    aria-label=\"Copy to clipboard\"\n                  >\n                    <v-icon color=\"grey\" v-if=\"accountNoCopied\"\n                      >mdi-check</v-icon\n                    >\n                    <v-icon color=\"grey\" v-else>mdi-content-copy</v-icon>\n                  </v-btn>\n                </td>\n              </tr>\n              <tr tabindex=\"0\">\n                <td class=\"text-caption\">Sort code:</td>\n                <td\n                  class=\"\n                    font-weight-black\n                    grey--text\n                    text--darken-1 text-caption\n                  \"\n                >\n                  {{ $store.state.paymentDetails.BankAccountSortCode }}\n                </td>\n                <td>\n                  <v-btn\n                    @click=\"copySortCode\"\n                    icon\n                    aria-label=\"Copy to clipboard\"\n                  >\n                    <v-icon color=\"grey\" v-if=\"sortCodeCopied\"\n                      >mdi-check</v-icon\n                    >\n                    <v-icon color=\"grey\" v-else>mdi-content-copy</v-icon>\n                  </v-btn>\n                </td>\n              </tr>\n              <tr tabindex=\"0\">\n                <td class=\"text-caption\">Reference</td>\n                <td\n                  ref=\"requestID\"\n                  class=\"\n                    font-weight-black\n                    grey--text\n                    text--darken-1 text-caption\n                  \"\n                >\n                  {{ $store.state.requestID }}\n                </td>\n                <td>\n                  <v-btn\n                    @click=\"copyRequestID\"\n                    icon\n                    aria-label=\"Copy to clipboard\"\n                  >\n                    <v-icon color=\"grey\" v-if=\"requestIDCopied\"\n                      >mdi-check</v-icon\n                    >\n                    <v-icon color=\"grey\" v-else>mdi-content-copy</v-icon>\n                  </v-btn>\n                </td>\n              </tr>\n            </tbody>\n          </template>\n        </v-simple-table>\n        <v-divider></v-divider>\n        <p class=\"red--text text-center mt-3 mb-0 font-weight-bold\">\n          * Please ensure you use the payment reference\n          {{ $store.state.requestID }} or your payment will be returned.\n        </p>\n      </v-card-text>\n    </v-card>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"bankDetails\",\n  data() {\n    return {\n      accountNameCopied: false,\n      accountNoCopied: false,\n      sortCodeCopied: false,\n      requestIDCopied: false,\n    };\n  },\n  methods: {\n    copyAccountName() {\n      const str = \"XYZBankAccount\";\n      this.copyStringToClipboard(str);\n      const dataRef = \"accountNameCopied\";\n      this.toggleIcon(dataRef);\n    },\n    copyAccountNo() {\n      const str = \"555555555\";\n      this.copyStringToClipboard(str);\n      const dataRef = \"accountNoCopied\";\n      this.toggleIcon(dataRef);\n    },\n    copySortCode() {\n      const str = \"99-999-99\";\n      this.copyStringToClipboard(str);\n      const dataRef = \"sortCodeCopied\";\n      this.toggleIcon(dataRef);\n    },\n    copyRequestID() {\n      const str = this.$store.state.requestID;\n      this.copyStringToClipboard(str);\n      const dataRef = \"requestIDCopied\";\n      this.toggleIcon(dataRef);\n    },\n    toggleIcon(selectTarget) {\n      setTimeout(() => {\n        this[selectTarget] = true;\n      }, 100);\n      setTimeout(() => {\n        this[selectTarget] = false;\n      }, 2000);\n    },\n    copyStringToClipboard(str) {\n      // Create new element\n      var el = document.createElement(\"textarea\");\n      // Set value (string to be copied)\n      el.value = str;\n      // Set non-editable to avoid focus and move outside of view\n      el.setAttribute(\"readonly\", \"\");\n      el.style = { position: \"absolute\", left: \"-9999px\" };\n      document.body.appendChild(el);\n      // Select text inside element\n      el.select();\n      // Copy text to clipboard\n      document.execCommand(\"copy\");\n      // Remove temporary element\n      document.body.removeChild(el);\n    },\n  },\n};\n</script>\n\n<style>\n</style>","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!./BankDetails.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!./BankDetails.vue?vue&type=script&lang=js&\"","import './VSimpleTable.sass'\n\nimport { convertToUnit } from '../../util/helpers'\nimport Themeable from '../../mixins/themeable'\nimport mixins from '../../util/mixins'\nimport { VNode } from 'vue'\n\nexport default mixins(Themeable).extend({\n  name: 'v-simple-table',\n\n  props: {\n    dense: Boolean,\n    fixedHeader: Boolean,\n    height: [Number, String],\n  },\n\n  computed: {\n    classes (): Record<string, boolean> {\n      return {\n        'v-data-table--dense': this.dense,\n        'v-data-table--fixed-height': !!this.height && !this.fixedHeader,\n        'v-data-table--fixed-header': this.fixedHeader,\n        'v-data-table--has-top': !!this.$slots.top,\n        'v-data-table--has-bottom': !!this.$slots.bottom,\n        ...this.themeClasses,\n      }\n    },\n  },\n\n  methods: {\n    genWrapper () {\n      return this.$slots.wrapper || this.$createElement('div', {\n        staticClass: 'v-data-table__wrapper',\n        style: {\n          height: convertToUnit(this.height),\n        },\n      }, [\n        this.$createElement('table', this.$slots.default),\n      ])\n    },\n  },\n\n  render (h): VNode {\n    return h('div', {\n      staticClass: 'v-data-table',\n      class: this.classes,\n    }, [\n      this.$slots.top,\n      this.genWrapper(),\n      this.$slots.bottom,\n    ])\n  },\n})\n","import { render, staticRenderFns } from \"./BankDetails.vue?vue&type=template&id=70ba5278&\"\nimport script from \"./BankDetails.vue?vue&type=script&lang=js&\"\nexport * from \"./BankDetails.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';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VSimpleTable } from 'vuetify/lib/components/VDataTable';\ninstallComponents(component, {VBtn,VCard,VCardText,VDivider,VIcon,VSimpleTable})\n","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","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!./ContactDetails.vue?vue&type=style&index=0&id=338a340a&scoped=true&lang=css&\"","// Styles\nimport './VDivider.sass'\n\n// Types\nimport { VNode } from 'vue'\n\n// Mixins\nimport Themeable from '../../mixins/themeable'\n\nexport default Themeable.extend({\n  name: 'v-divider',\n\n  props: {\n    inset: Boolean,\n    vertical: Boolean,\n  },\n\n  render (h): VNode {\n    // WAI-ARIA attributes\n    let orientation\n    if (!this.$attrs.role || this.$attrs.role === 'separator') {\n      orientation = this.vertical ? 'vertical' : 'horizontal'\n    }\n    return h('hr', {\n      class: {\n        'v-divider': true,\n        'v-divider--inset': this.inset,\n        'v-divider--vertical': this.vertical,\n        ...this.themeClasses,\n      },\n      attrs: {\n        role: 'separator',\n        'aria-orientation': orientation,\n        ...this.$attrs,\n      },\n      on: this.$listeners,\n    })\n  },\n})\n","module.exports = __webpack_public_path__ + \"img/undraw_transfer_money.3f171aa3.svg\";","module.exports = __webpack_public_path__ + \"img/undraw_transfer_money.47ee5aac.svg\";"],"sourceRoot":""}