{"version":3,"sources":["webpack:///./src/views/Company/MakePayment/indexStripe.vue?98f2","webpack:///src/views/Company/MakePayment/indexStripe.vue","webpack:///./src/views/Company/MakePayment/indexStripe.vue?f945","webpack:///./src/views/Company/MakePayment/indexStripe.vue","webpack:///./src/views/Company/MakePayment/indexStripe.vue?47ab"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","status","loading","ref","$t","staticStyle","_e","_v","success","failure","name","query","companyId","_s","directives","rawName","value","btnDynamic","expression","domProps","on","$event","target","composing","amount","rmvDis","modifiers","next","back","convertThousand","Number","handleSubmit","staticRenderFns","$","title","components","MasterLayout","TableLoader","provide","grid","data","backImg","tab","paymentConfirmed","backgroundUrl","modalWidth","modalheight","showBanner","payOnline","email","phone","publicKey","banks","depositNo","depositorName","bank","showdropDown","accountNumber","toggleBanksDropdown","isButtonDisabled","showButtonLoader","flwRef","trxRef","reservedAccount","accountName","bankName","company","invoiceId","fundingAmount","amountPaid","abankName","referralCode","depositSlipNo","datePaid","maxDate","walletBalance","displayAmt","displayTxt","stripePkey","clientSecret","stripe","emailAddress","elements","created","beforeDestroy","mounted","document","watch","methods","randomString","result","generateTransactionRef","duo","getStripePKey","get","configObject","then","response","catch","error","initialize","post","Amount","theme","appearance","linkAuthenticationElement","layout","paymentElementOptions","paymentElement","message","type","duration","confirmParams","return_url","receipt_email","paymentIntent","showMessage","messageContainer","setTimeout","messageText","setLoading","directInvoiceSettlement","id","toFixed","toString","replace","showModal","hideModal","confirmPayment","flw","paymentIntentId","parseFloat","routeToComWallet","component"],"mappings":"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AIc,GAAG,KAAKV,EAAG,MAAM,CAACE,YAAY,SAASC,MAAM,CAAC,GAAK,kCACj7HgC,EAAkB,G,uLCqOtB,IAAIC,EAAI,IAEO,OACfC,oCACAxB,mBACAyB,YACAC,oBACAC,oBAEAC,SACAC,kDAEAC,OACA,OACAC,YACAC,aACAxC,UACAyC,sBACAnC,UACAC,UACAR,SACA2C,kBACAC,gBACAC,iBACAC,cACAC,aACAC,SACAC,SACAC,aACAC,WACA5B,UACA6B,eACAC,mBACAC,UACAC,gBACAC,mBACAC,uBACAC,oBACAC,oBACAC,UACAC,UACAC,qBACAC,iBACAP,mBACAQ,cACAC,aACAtD,eACAuD,eACAC,mBACAd,mBACAe,aACAf,iBACAgB,0BACAC,gBACAC,iBACAC,sDACAC,oDACAC,gBACAC,cACAC,cACAC,cACAC,gBACAC,UACAC,gBACAC,YACAjE,gBAKAkE,UACA,iCACA,eACA,2CACA,4BACA,gBACA,uCAQAC,kBACAC,UACA,iDACA,iEACAC,sDACA,aAGAC,OACArB,WACA,UAGA,uBAKAsB,SACA/D,SAEA,iBAEA6D,gEAEAA,iEAGA3D,OACA,iCAEA,mBAGAC,OACA,kCASA6D,kBAEA,IADA,SACA,YACAC,yCACA,UAEAC,yBACA,mBACA,+BACA,UAGAC,MACA,8BACA,sBAGAC,gBACA,kBACAC,IACA,gDACAC,qBAEAC,KAAAC,IAEA,iCACA,uCAGAC,MAAAC,QAEAC,aACA,WACAC,KACA,gDACA,CAAAC,oBACAP,qBAEAC,KAAAC,IAIA,sCAEA,0BAEA,GACAM,gBAIA,MACA,oCAAAC,aAAAzB,iBACAG,gBAGA,QACAA,+BACAuB,wCAEAA,kBACA,kCAGA,SACAC,eAGA,WACA,UACAC,GAEAC,8BAEAV,MAAAC,IACA,kBACAU,4CACAC,aACAC,kBAIA,sBAGA,MAEA,EAJA1F,mBACA,oBAEA6D,gBAEAD,oBAGA,YAAAkB,SAAA,4BACAjB,WACA8B,eAEAC,gCAGAC,mBAUA,mDACA,6BAEA,kBACAL,6CACAC,eACAC,eAEA,wDAGA,qBAIA,oBAEA,wDACA,gCAGA,MACA,OAGA,oBAAAI,SAAA,kCACApC,GAGA,iBACA,gBAGA,qBACA,kBACA8B,8CACAC,eACAC,eAEA,iBACA,gDAEA,yBACA,iBACA,sBACA,MACA,iBAEA,kBACAF,+CACAC,eACAC,eAEA,yDACA,MACA,8BAEA,kBACAF,kDACAC,aACAC,eAEA,4DACA,MACA,QAEA,kBACAF,gDACAC,aACAC,eAEA,0DACA,QAKAK,eACA,mDACA,kBACAP,UACAC,aACAC,eAGAM,6BACAA,gBAEAC,uBACAD,0BACAE,mBACA,MAIAC,cACA,GAEAlC,8CACAA,8DACAA,iEAEAA,8CACAA,2DACAA,oEAMAmC,0BACA,SACAtD,+BACAE,kCAEA,WACAgC,KACA,qDACA7D,EACAuD,qBAEAC,KAAAC,IACA,kBACAY,wDACAC,eACAC,eAEA,mBACArG,uBACAC,OAAA+G,kBAAA9G,8BAGAsF,MAAAC,IACAlE,oBACA,kBACA4E,gCACAC,aACAC,kBAIAlF,mBACA,mBAGA,EACA8F,QAAA,GACAC,WACAC,QAAA,6BALA,QAOAC,YACA,+BAEAC,YACA,+BAEAC,iBACA,OACApH,yBACAY,+BACAyG,OACAjD,UACAkD,kDAEA,WACA7B,KACA,6CACA7D,EACAuD,qBAEAC,KAAA,KACA,yBACA,iBACA,kBACAa,qDACAC,eACAC,eAGA,sBACA,uBACAoB,+CAGA,+BAEAb,wCAGApB,MAAAC,IAEA,4BAQAiC,mBACA,mBACA1H,sBACAC,OAAAC,+BCjqBmX,I,wBCQ/WyH,EAAY,eACd,EACA7I,EACAwC,GACA,EACA,KACA,WACA,MAIa,aAAAqG,E,2CCnBf,W","file":"js/chunk-1d05a92f.2ea10d8d.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('MasterLayout',[_c('div',{staticClass:\"pt-5 pb-3 pl-4 pr-3 dashboard_first_row\",attrs:{\"id\":\"cuscus\"}},[_c('div',[(_vm.status == _vm.loading)?_c('b-modal',{ref:\"my-modal\",attrs:{\"id\":\"modal1\",\"hide-footer\":\"\",\"title\":_vm.$t('text.iFundWallet.confirmingPayment')}},[_c('div',{staticClass:\"epump-loader\",staticStyle:{\"top\":\"22%\",\"left\":\"35%\",\"width\":\"120px\",\"height\":\"120px\"}},[_c('img',{staticClass:\"epump-loader-logo\",attrs:{\"src\":require(\"@/assets/img/epump-logo.png\")}})])]):_vm._e(),_vm._v(\" \"),(_vm.status == _vm.success)?_c('b-modal',{ref:\"my-modal\",attrs:{\"id\":\"modal1\",\"hide-footer\":\"\",\"title\":_vm.$t('text.iFundWallet.paymentConfirmed')}},[_c('div',{staticStyle:{\"margin\":\"0 auto\",\"width\":\"43%\",\"margin-top\":\"80px\"}},[_c('div',{staticClass:\"success-checkmark\"},[_c('div',{staticClass:\"check-icon\"},[_c('span',{staticClass:\"icon-line line-tip\"}),_vm._v(\" \"),_c('span',{staticClass:\"icon-line line-long\"}),_vm._v(\" \"),_c('div',{staticClass:\"icon-circle\"}),_vm._v(\" \"),_c('div',{staticClass:\"icon-fix\"})])])])]):_vm._e(),_vm._v(\" \"),(_vm.status == _vm.failure)?_c('b-modal',{ref:\"my-modal\",attrs:{\"id\":\"modal1\",\"hide-footer\":\"\",\"title\":_vm.$t('text.iFundWallet.errorConfirmingStripe')}},[_c('div',{staticStyle:{\"margin\":\"0 auto\",\"width\":\"43%\"}},[_c('svg',{staticClass:\"cancel_img\",attrs:{\"version\":\"1.1\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 130.2 130.2\"}},[_c('circle',{staticClass:\"path circle\",attrs:{\"fill\":\"none\",\"stroke\":\"#D06079\",\"stroke-width\":\"6\",\"stroke-miterlimit\":\"10\",\"cx\":\"65.1\",\"cy\":\"65.1\",\"r\":\"62.1\"}}),_vm._v(\" \"),_c('line',{staticClass:\"path line\",attrs:{\"fill\":\"none\",\"stroke\":\"#D06079\",\"stroke-width\":\"6\",\"stroke-linecap\":\"round\",\"stroke-miterlimit\":\"10\",\"x1\":\"34.4\",\"y1\":\"37.9\",\"x2\":\"95.8\",\"y2\":\"92.3\"}}),_vm._v(\" \"),_c('line',{staticClass:\"path line\",attrs:{\"fill\":\"none\",\"stroke\":\"#D06079\",\"stroke-width\":\"6\",\"stroke-linecap\":\"round\",\"stroke-miterlimit\":\"10\",\"x1\":\"95.8\",\"y1\":\"38\",\"x2\":\"34.4\",\"y2\":\"92.2\"}})]),_vm._v(\" \"),_c('div',{staticClass:\"mt-3\"},[_c('router-link',{attrs:{\"to\":{\n                name: 'company_wallet',\n                query: {\n                  companyId: this.companyId,\n                },\n              }}},[_c('button',{staticClass:\"add__new__retainership_btn\",staticStyle:{\"border-radius\":\"6px\",\"background-color\":\"green\"}},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.cMasterLayout.wallet\"))+\"\\n              \")])])],1)])]):_vm._e()],1),_vm._v(\" \"),_c('div',{staticClass:\"justify-content-center align-items-center g-2 mb-4\"},[_c('div',{staticStyle:{\"width\":\"50%\",\"margin\":\"auto\"}},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.btnDynamic == false),expression:\"btnDynamic == false\"}]},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.amount),expression:\"amount\"}],staticClass:\"form-control form__input amount mt-5\",staticStyle:{\"width\":\"70%\",\"margin\":\"auto\"},attrs:{\"type\":\"number\",\"name\":\"amount\",\"placeholder\":_vm.$t('text.iFundWallet.inputUSD')},domProps:{\"value\":(_vm.amount)},on:{\"input\":[function($event){if($event.target.composing){ return; }_vm.amount=$event.target.value},_vm.rmvDis]}}),_vm._v(\" \"),_c('p',{staticClass:\"text-right\",staticStyle:{\"width\":\"85%\"}},[_c('span',{staticClass:\"text-muted\",staticStyle:{\"font-size\":\"10px\"}},[_vm._v(_vm._s(_vm.$t(\"text.iFundWallet.poweredBy\"))+\"\\n              \"),_c('i',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],staticClass:\"mr-1 fa fa-cc-stripe\",staticStyle:{\"font-size\":\"15px\",\"color\":\"#635bff\"},attrs:{\"aria-hidden\":\"true\"}})])])]),_vm._v(\" \"),_c('button',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.btnDynamic == false),expression:\"btnDynamic == false\"}],staticClass:\"ep-btn ep-primary mt-4\",staticStyle:{\"width\":\"30%\",\"margin\":\"auto\"},attrs:{\"id\":\"nextBtnn\",\"disabled\":\"\"},on:{\"click\":function($event){return _vm.next($event)}}},[_c('span',[_vm._v(_vm._s(_vm.$t(\"text.iAddOrder.next\")))])])]),_vm._v(\" \"),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.amount !== '' && _vm.btnDynamic == true),expression:\"amount !== '' && btnDynamic == true\"}]},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col\"}),_vm._v(\" \"),_c('div',{staticClass:\"col pay_header text-center\"},[_vm._v(\"\\n            \"+_vm._s(_vm.$t(\"text.iFundWallet.fundAccountWithCard\"))+\"\\n          \")]),_vm._v(\" \"),(_vm.btnDynamic == true)?_c('div',{staticClass:\"col\"},[_c('i',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],staticClass:\"ml-5 cursor-pointer fa fa-times-circle-o\",staticStyle:{\"font-size\":\"30px\",\"color\":\"#ee0000\"},attrs:{\"aria-hidden\":\"true\",\"title\":_vm.$t('text.linkBankAccModal.back')},on:{\"click\":_vm.back}})]):_vm._e()]),_vm._v(\" \"),_c('div',{staticClass:\"mt-4\",staticStyle:{\"width\":\"45%\",\"margin\":\"auto\"}},[_c('div',{staticClass:\"row p-3\"},[_c('div',{staticClass:\"col\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/epump-logo.png\"),\"width\":\"50px\"}})]),_vm._v(\" \"),(_vm.btnDynamic == true)?_c('div',{staticClass:\"col text-right\"},[_c('p',{staticClass:\"text-right\"},[_c('span',{staticClass:\"text-muted\",staticStyle:{\"font-size\":\"30px\"}},[_vm._v(\"$\"+_vm._s(_vm.convertThousand(Number(_vm.amount))))]),_vm._v(\" \"),_c('br'),_vm._v(\" \"),_c('span',{staticClass:\"text-muted\",staticStyle:{\"font-size\":\"12px\",\"margin\":\"0\"}},[_vm._v(\"\\n                  \"+_vm._s(_vm.$t(\"text.iFundWallet.poweredBy\"))+\"\\n                  \"),_c('i',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],staticClass:\"mr-1 fa fa-cc-stripe\",staticStyle:{\"font-size\":\"15px\",\"color\":\"#635bff\"},attrs:{\"aria-hidden\":\"true\"}})])])]):_vm._e()]),_vm._v(\" \"),_c('hr',{staticClass:\"mb-3\"}),_vm._v(\" \"),_c('form',{attrs:{\"id\":\"payment-form\"}},[_c('div',{attrs:{\"id\":\"link-authentication-element\"}}),_vm._v(\" \"),_c('div',{attrs:{\"id\":\"payment-element\"}}),_vm._v(\" \"),_c('button',{staticClass:\"ep-btn ep-primary\",attrs:{\"id\":\"submit\"},on:{\"click\":function($event){return _vm.handleSubmit($event)}}},[_c('div',{staticClass:\"spinner hidden\",attrs:{\"id\":\"spinner\"}}),_vm._v(\" \"),_c('span',{attrs:{\"id\":\"button-text\"}},[_vm._v(_vm._s(_vm.$t(\"text.iFundWallet.payNow\")))])]),_vm._v(\" \"),_c('div',{staticClass:\"hidden\",attrs:{\"id\":\"payment-message\"}})])])])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <MasterLayout>\r\n    <!-- <div class=\"section__row mt-3\" style=\"margin-bottom: 216px\"> -->\r\n    <div class=\"pt-5 pb-3 pl-4 pr-3 dashboard_first_row\" id=\"cuscus\">\r\n      <div>\r\n        <b-modal\r\n          ref=\"my-modal\"\r\n          id=\"modal1\"\r\n          hide-footer\r\n          :title=\"$t('text.iFundWallet.confirmingPayment')\"\r\n          v-if=\"status == loading\"\r\n        >\r\n          <div\r\n            class=\"epump-loader\"\r\n            style=\"top: 22%; left: 35%; width: 120px; height: 120px\"\r\n          >\r\n            <img src=\"@/assets/img/epump-logo.png\" class=\"epump-loader-logo\" />\r\n          </div>\r\n        </b-modal>\r\n        <b-modal\r\n          v-if=\"status == success\"\r\n          ref=\"my-modal\"\r\n          id=\"modal1\"\r\n          hide-footer\r\n          :title=\"$t('text.iFundWallet.paymentConfirmed')\"\r\n        >\r\n          <div style=\"margin: 0 auto; width: 43%; margin-top: 80px\" class>\r\n            <div class=\"success-checkmark\">\r\n              <div class=\"check-icon\">\r\n                <span class=\"icon-line line-tip\"></span>\r\n                <span class=\"icon-line line-long\"></span>\r\n                <div class=\"icon-circle\"></div>\r\n                <div class=\"icon-fix\"></div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </b-modal>\r\n        <b-modal\r\n          v-if=\"status == failure\"\r\n          ref=\"my-modal\"\r\n          id=\"modal1\"\r\n          hide-footer\r\n          :title=\"$t('text.iFundWallet.errorConfirmingStripe')\"\r\n        >\r\n          <div style=\"margin: 0 auto; width: 43%\">\r\n            <svg\r\n              version=\"1.1\"\r\n              xmlns=\"http://www.w3.org/2000/svg\"\r\n              viewBox=\"0 0 130.2 130.2\"\r\n              class=\"cancel_img\"\r\n            >\r\n              <circle\r\n                class=\"path circle\"\r\n                fill=\"none\"\r\n                stroke=\"#D06079\"\r\n                stroke-width=\"6\"\r\n                stroke-miterlimit=\"10\"\r\n                cx=\"65.1\"\r\n                cy=\"65.1\"\r\n                r=\"62.1\"\r\n              />\r\n              <line\r\n                class=\"path line\"\r\n                fill=\"none\"\r\n                stroke=\"#D06079\"\r\n                stroke-width=\"6\"\r\n                stroke-linecap=\"round\"\r\n                stroke-miterlimit=\"10\"\r\n                x1=\"34.4\"\r\n                y1=\"37.9\"\r\n                x2=\"95.8\"\r\n                y2=\"92.3\"\r\n              />\r\n              <line\r\n                class=\"path line\"\r\n                fill=\"none\"\r\n                stroke=\"#D06079\"\r\n                stroke-width=\"6\"\r\n                stroke-linecap=\"round\"\r\n                stroke-miterlimit=\"10\"\r\n                x1=\"95.8\"\r\n                y1=\"38\"\r\n                x2=\"34.4\"\r\n                y2=\"92.2\"\r\n              />\r\n            </svg>\r\n            <div class=\"mt-3\">\r\n              <router-link\r\n                :to=\"{\r\n                  name: 'company_wallet',\r\n                  query: {\r\n                    companyId: this.companyId,\r\n                  },\r\n                }\"\r\n              >\r\n                <button\r\n                  class=\"add__new__retainership_btn\"\r\n                  style=\"border-radius: 6px; background-color: green\"\r\n                >\r\n                  {{ $t(\"text.cMasterLayout.wallet\") }}\r\n                </button>\r\n              </router-link>\r\n            </div>\r\n          </div>\r\n        </b-modal>\r\n      </div>\r\n      <!-- <div class=\"text-center pb-4\">\r\n        <p class=\"page-header\">{{ $t(\"text.iFundWallet.makePayment\") }}</p>\r\n      </div> -->\r\n      <!-- <div class=\"center_div pb-5\" style=\"margin-top: 0px\"> -->\r\n\r\n      <div class=\"justify-content-center align-items-center g-2 mb-4\">\r\n        <div style=\"width: 50%; margin: auto\">\r\n          <div v-show=\"btnDynamic == false\">\r\n            <input\r\n              @input=\"rmvDis\"\r\n              type=\"number\"\r\n              name=\"amount\"\r\n              v-model=\"amount\"\r\n              class=\"form-control form__input amount mt-5\"\r\n              :placeholder=\"$t('text.iFundWallet.inputUSD')\"\r\n              style=\"width: 70%; margin: auto\"\r\n            />\r\n            <p class=\"text-right\" style=\"width: 85%\">\r\n              <span class=\"text-muted\" style=\"font-size: 10px\"\r\n                >{{ $t(\"text.iFundWallet.poweredBy\") }}\r\n                <i\r\n                  class=\"mr-1 fa fa-cc-stripe\"\r\n                  style=\"font-size: 15px; color: #635bff\"\r\n                  aria-hidden=\"true\"\r\n                  v-b-tooltip.hover\r\n                ></i\r\n              ></span>\r\n            </p>\r\n          </div>\r\n          <button\r\n            id=\"nextBtnn\"\r\n            v-show=\"btnDynamic == false\"\r\n            class=\"ep-btn ep-primary mt-4\"\r\n            style=\"width: 30%; margin: auto\"\r\n            @click=\"next($event)\"\r\n            disabled\r\n          >\r\n            <span>{{ $t(\"text.iAddOrder.next\") }}</span>\r\n          </button>\r\n        </div>\r\n\r\n        <div v-show=\"amount !== '' && btnDynamic == true\" class=\"\">\r\n          <div class=\"row\">\r\n            <div class=\"col\"></div>\r\n            <div class=\"col pay_header text-center\">\r\n              {{ $t(\"text.iFundWallet.fundAccountWithCard\") }}\r\n            </div>\r\n            <div v-if=\"btnDynamic == true\" class=\"col\">\r\n              <i\r\n                class=\"ml-5 cursor-pointer fa fa-times-circle-o\"\r\n                style=\"font-size: 30px; color: #ee0000\"\r\n                aria-hidden=\"true\"\r\n                v-b-tooltip.hover\r\n                :title=\"$t('text.linkBankAccModal.back')\"\r\n                @click=\"back\"\r\n              ></i>\r\n            </div>\r\n          </div>\r\n\r\n          <!-- stripe integration -->\r\n\r\n          <div class=\"mt-4\" style=\"width: 45%; margin: auto\">\r\n            <div class=\"row p-3\">\r\n              <div class=\"col\">\r\n                <img src=\"@/assets/img/epump-logo.png\" width=\"50px\" />\r\n              </div>\r\n              <div v-if=\"btnDynamic == true\" class=\"col text-right\">\r\n                <p class=\"text-right\">\r\n                  <span class=\"text-muted\" style=\"font-size: 30px\"\r\n                    >${{ convertThousand(Number(amount)) }}</span\r\n                  >\r\n                  <br />\r\n                  <span class=\"text-muted\" style=\"font-size: 12px; margin: 0\">\r\n                    {{ $t(\"text.iFundWallet.poweredBy\") }}\r\n                    <i\r\n                      class=\"mr-1 fa fa-cc-stripe\"\r\n                      style=\"font-size: 15px; color: #635bff\"\r\n                      aria-hidden=\"true\"\r\n                      v-b-tooltip.hover\r\n                    ></i\r\n                  ></span>\r\n                </p>\r\n              </div>\r\n            </div>\r\n            <hr class=\"mb-3\" />\r\n\r\n            <form id=\"payment-form\">\r\n              <div id=\"link-authentication-element\">\r\n                <!--Stripe.js injects the Link Authentication Element-->\r\n              </div>\r\n              <div id=\"payment-element\">\r\n                <!--Stripe.js injects the Payment Element-->\r\n              </div>\r\n              <button\r\n                class=\"ep-btn ep-primary\"\r\n                id=\"submit\"\r\n                @click=\"handleSubmit($event)\"\r\n              >\r\n                <div class=\"spinner hidden\" id=\"spinner\"></div>\r\n                <span id=\"button-text\">{{\r\n                  $t(\"text.iFundWallet.payNow\")\r\n                }}</span>\r\n              </button>\r\n              <div id=\"payment-message\" class=\"hidden\"></div>\r\n            </form>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </MasterLayout>\r\n</template>\r\n\r\n<script>\r\nimport Vue from \"vue\";\r\nimport MasterLayout from \"@/views/Company/MasterLayout.vue\";\r\nimport configObject from \"@/config\";\r\nimport cardBackgroundUrl from \"@/assets/img/Group393.svg\";\r\nimport backgroundUrl from \"@/assets/img/MobileWallet.png\";\r\nimport TableLoader from \"@/components/tableLoader/index\";\r\nimport backImg from \"@/assets/img/pattern_img.png\";\r\nimport {\r\n  Page,\r\n  Sort,\r\n  Toolbar,\r\n  Search,\r\n  ExcelExport,\r\n  PdfExport,\r\n} from \"@syncfusion/ej2-vue-grids\";\r\nimport JQuery from \"jquery\";\r\nlet $ = JQuery;\r\n\r\nexport default {\r\n  title: \"Make Payment:: Epump Portal\",\r\n  name: \"MakePayment\",\r\n  components: {\r\n    MasterLayout,\r\n    TableLoader,\r\n  },\r\n  provide: {\r\n    grid: [Page, Sort, Toolbar, Search, ExcelExport, PdfExport],\r\n  },\r\n  data() {\r\n    return {\r\n      backImg,\r\n      tab: \"wallet\",\r\n      loading: 0,\r\n      paymentConfirmed: null,\r\n      success: 1,\r\n      failure: 2,\r\n      status: 0,\r\n      backgroundUrl,\r\n      modalWidth: null,\r\n      modalheight: null,\r\n      showBanner: true,\r\n      payOnline: true,\r\n      email: \"\",\r\n      phone: \"\",\r\n      publicKey: \"\",\r\n      banks: null,\r\n      amount: \"\",\r\n      depositNo: null,\r\n      depositorName: null,\r\n      bank: null,\r\n      showdropDown: false,\r\n      accountNumber: null,\r\n      toggleBanksDropdown: false,\r\n      isButtonDisabled: false,\r\n      showButtonLoader: true,\r\n      flwRef: \"\",\r\n      trxRef: \"\",\r\n      reservedAccount: null,\r\n      accountName: null,\r\n      accountNumber: null,\r\n      bankName: null,\r\n      company: null,\r\n      companyId: null,\r\n      invoiceId: null,\r\n      fundingAmount: null,\r\n      depositorName: null,\r\n      amountPaid: 0,\r\n      depositorName: \"\",\r\n      abankName: \"selectAccount\",\r\n      referralCode: \"\",\r\n      depositSlipNo: \"\",\r\n      datePaid: this.$moment().format(\"YYYY-MM-DDTHH:mm:ss\"),\r\n      maxDate: this.$moment(new Date()).format(\"YYYY-MM-DD\"),\r\n      walletBalance: 0,\r\n      displayAmt: false,\r\n      displayTxt: false,\r\n      stripePkey: \"\",\r\n      clientSecret: \"\",\r\n      stripe: {},\r\n      emailAddress: \"\",\r\n      elements: {},\r\n      btnDynamic: false,\r\n\r\n      // stripe: Stripe(this.stripePkey),\r\n    };\r\n  },\r\n  created() {\r\n    this.$eventHub.$on(\"company\", (company) => {\r\n      this.company = company;\r\n      this.companyId = this.$route.query.companyId\r\n        ? this.$route.query.companyId\r\n        : this.company.id;\r\n      this.invoiceId = this.$route.query.id;\r\n      // this.getFundProperties();\r\n      // this.getAccountDetails();\r\n      // this.getWalletBalance();\r\n      // this.getStripePKey();\r\n      // this.duo();\r\n    });\r\n  },\r\n  beforeDestroy() {},\r\n  mounted() {\r\n    if (this.$route.query.payment_intent_client_secret) {\r\n      this.clientSecret = this.$route.query.payment_intent_client_secret;\r\n      document.getElementById(\"cuscus\").style.cursor = \"wait\";\r\n      this.duo();\r\n    }\r\n  },\r\n  watch: {\r\n    company(company) {\r\n      if (company !== null) {\r\n        // this.getFundProperties();\r\n        // this.getAccountDetails();\r\n        this.getStripePKey();\r\n        // this.duo();\r\n      }\r\n    },\r\n  },\r\n  methods: {\r\n    rmvDis() {\r\n      // console.log(\"inputting number\");\r\n      if (this.amount !== \"\") {\r\n        // console.log(\"tracking\");\r\n        document.querySelector(\"#nextBtnn\").removeAttribute(\"disabled\");\r\n      } else {\r\n        document.querySelector(\"#nextBtnn\").setAttribute(\"disabled\", \"\");\r\n      }\r\n    },\r\n    next() {\r\n      this.btnDynamic = !this.btnDynamic;\r\n      // this.duo();\r\n      this.initialize();\r\n      // this.checkStatus();\r\n    },\r\n    back() {\r\n      this.btnDynamic = !this.btnDynamic;\r\n      // document.querySelector(\"#nextBtnn\").removeAttribute(\"disabled\");\r\n    },\r\n    // changeTab(tab) {\r\n    //   this.tab = tab;\r\n    // },\r\n    // maked() {\r\n    //   this.$router.push(\"/Industrial/Branch/Dashboard\");\r\n    // },\r\n    randomString(length, chars) {\r\n      var result = \"\";\r\n      for (var i = length; i > 0; --i)\r\n        result += chars[Math.floor(Math.random() * chars.length)];\r\n      return result;\r\n    },\r\n    generateTransactionRef() {\r\n      var allString = \"0123456789\";\r\n      var rString = \"EP\" + this.randomString(14, allString);\r\n      return rString;\r\n    },\r\n    // STRIPE INTEGRATION STARTS\r\n    duo() {\r\n      this.getStripePKey().then((result) => {\r\n        this.checkStatus();\r\n      });\r\n    },\r\n    getStripePKey() {\r\n      return this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/stripe/stripepublishingkey`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          // console.log(response.data.secretKey);\r\n          this.stripePkey = response.data.secretKey;\r\n          this.stripe = Stripe(response.data.secretKey);\r\n          // console.log(this.stripe);\r\n        })\r\n        .catch((error) => {});\r\n    },\r\n    initialize() {\r\n      this.axios\r\n        .post(\r\n          `${configObject.apiBaseUrl}/stripe/createpaymentintent`,\r\n          { Amount: this.amount },\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          // console.log(response.data.clientSecret);\r\n          // this.clientSecret = response.data.clientSecret;\r\n          // console.log(response.data);\r\n          this.clientSecret = response.data.clientSecret;\r\n\r\n          const clientSecret = this.clientSecret;\r\n\r\n          const appearance = {\r\n            theme: \"stripe\",\r\n          };\r\n          // let clientSecret;\r\n          // console.log(clientSecret);\r\n          let elements;\r\n          this.elements = this.stripe.elements({ appearance, clientSecret });\r\n          elements = this.elements;\r\n          // console.log(elements);\r\n\r\n          const linkAuthenticationElement =\r\n            elements.create(\"linkAuthentication\");\r\n          linkAuthenticationElement.mount(\"#link-authentication-element\");\r\n\r\n          linkAuthenticationElement.on(\"change\", (event) => {\r\n            this.emailAddress = event.value.email;\r\n          });\r\n\r\n          const paymentElementOptions = {\r\n            layout: \"tabs\",\r\n          };\r\n\r\n          const paymentElement = elements.create(\r\n            \"payment\",\r\n            paymentElementOptions\r\n          );\r\n          paymentElement.mount(\"#payment-element\");\r\n        })\r\n        .catch((error) => {\r\n          this.$toast.open({\r\n            message: this.$t(\"text.errors.errorOccured\"),\r\n            type: \"error\",\r\n            duration: 5000,\r\n          });\r\n        });\r\n    },\r\n    async handleSubmit($event) {\r\n      $event.preventDefault();\r\n      this.setLoading(true);\r\n      let elements;\r\n      elements = this.elements;\r\n      let emailAddress;\r\n      emailAddress = this.emailAddress;\r\n      // console.log(\"about to confirm\");\r\n\r\n      const { error } = await this.stripe.confirmPayment({\r\n        elements,\r\n        confirmParams: {\r\n          // Make sure to change this to your payment completion page\r\n          return_url: window.location.href,\r\n          // return_url:\r\n          //   \"http://localhost:8080/Company/make-stripe-payment?companyId=9e5f6ff4-81de-43cc-aa44-93798080875e\",\r\n          receipt_email: emailAddress,\r\n        },\r\n      });\r\n      // console.log(error);\r\n\r\n      // This point will only be reached if there is an immediate error when\r\n      // confirming the payment. Otherwise, your customer will be redirected to\r\n      // your `return_url`. For some payment methods like iDEAL, your customer will\r\n      // be redirected to an intermediate site first to authorize the payment, then\r\n      // redirected to the `return_url`.\r\n      if (error.type === \"card_error\" || error.type === \"validation_error\") {\r\n        this.showMessage(error.message);\r\n      } else {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.omit.unexpectedError\"),\r\n          type: \"success\",\r\n          duration: 3000,\r\n        });\r\n        this.showMessage(this.$t(\"text.omit.unexpectedError\"));\r\n      }\r\n\r\n      this.setLoading(false);\r\n    },\r\n\r\n    // Fetches the payment intent status after payment submission\r\n    async checkStatus() {\r\n      // console.log(\"checking statussss\");\r\n      const clientSecret = new URLSearchParams(window.location.search).get(\r\n        \"payment_intent_client_secret\"\r\n      );\r\n\r\n      if (!clientSecret) {\r\n        return;\r\n      }\r\n\r\n      const { paymentIntent } = await this.stripe.retrievePaymentIntent(\r\n        clientSecret\r\n      );\r\n\r\n      switch (paymentIntent.status) {\r\n        case \"succeeded\":\r\n          // console.log(\"Payment succeeded!\");\r\n          // console.log(paymentIntent.amount);\r\n          this.amount = paymentIntent.amount;\r\n          this.$toast.open({\r\n            message: this.$t(\"text.omit.paymentSucceeded\"),\r\n            type: \"success\",\r\n            duration: 3000,\r\n          });\r\n          this.showMessage(\r\n            this.$t(\"text.omit.paymentSucceeded\") + paymentIntent.amount\r\n          );\r\n          this.status = this.loading;\r\n          this.showModal();\r\n          this.confirmPayment();\r\n          break;\r\n        case \"processing\":\r\n          // console.log(\"Payment processing!\");\r\n          this.$toast.open({\r\n            message: this.$t(\"text.omit.paymentProcessing\"),\r\n            type: \"success\",\r\n            duration: 3000,\r\n          });\r\n          this.showMessage(this.$t(\"text.omit.paymentProcessing\"));\r\n          break;\r\n        case \"requires_payment_method\":\r\n          // console.log(\"Your payment was not successful, please try again.\");\r\n          this.$toast.open({\r\n            message: this.$t(\"text.omit.paymentNotSuccessful\"),\r\n            type: \"error\",\r\n            duration: 3000,\r\n          });\r\n          this.showMessage(this.$t(\"text.omit.paymentNotSuccessful\"));\r\n          break;\r\n        default:\r\n          // console.log(\"Something went wrong.\");\r\n          this.$toast.open({\r\n            message: this.$t(\"text.omit.SomethingWentWrong\"),\r\n            type: \"error\",\r\n            duration: 3000,\r\n          });\r\n          this.showMessage(this.$t(\"text.omit.SomethingWentWrong\"));\r\n          break;\r\n      }\r\n    },\r\n    // ------- UI helpers -------\r\n\r\n    showMessage(messageText) {\r\n      const messageContainer = document.querySelector(\"#payment-message\");\r\n      this.$toast.open({\r\n        message: messageText,\r\n        type: \"error\",\r\n        duration: 4000,\r\n      });\r\n\r\n      messageContainer.classList.remove(\"hidden\");\r\n      messageContainer.textContent = messageText;\r\n\r\n      setTimeout(function () {\r\n        messageContainer.classList.add(\"hidden\");\r\n        messageText.textContent = \"\";\r\n      }, 4000);\r\n    },\r\n\r\n    // Show a spinner on payment submission\r\n    setLoading(isLoading) {\r\n      if (isLoading) {\r\n        // Disable the button and show a spinner\r\n        document.querySelector(\"#submit\").disabled = true;\r\n        document.querySelector(\"#spinner\").classList.remove(\"hidden\");\r\n        document.querySelector(\"#button-text\").classList.add(\"hidden\");\r\n      } else {\r\n        document.querySelector(\"#submit\").disabled = false;\r\n        document.querySelector(\"#spinner\").classList.add(\"hidden\");\r\n        document.querySelector(\"#button-text\").classList.remove(\"hidden\");\r\n      }\r\n    },\r\n    // STRIPE INTEGRATION ENDS\r\n\r\n    // TO SETTLE INVOICE DIRECTLY IF YOU'RE COMING FROM INVOICE PAGE\r\n    directInvoiceSettlement() {\r\n      const data = {\r\n        invoiceId: this.$route.query.id,\r\n        amountPaid: this.$route.query.amt,\r\n      };\r\n      this.axios\r\n        .post(\r\n          `${configObject.apiBaseUrl}/Invoices/settle-invoice-payment`,\r\n          data,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          this.$toast.open({\r\n            message: this.$t(\"text.invoicesModal.paymentSuccessful\"),\r\n            type: \"success\",\r\n            duration: 3000,\r\n          });\r\n          this.$router.push({\r\n            name: \"invoice_details\",\r\n            query: { id: this.invoiceId, companyId: this.companyId },\r\n          });\r\n        })\r\n        .catch((error) => {\r\n          $(\".loader\").hide();\r\n          this.$toast.open({\r\n            message: error.response.data.message,\r\n            type: \"error\",\r\n            duration: 3000,\r\n          });\r\n        });\r\n    },\r\n    convertThousand(request) {\r\n      if (!isFinite(request)) {\r\n        return \"0.00\";\r\n      }\r\n      return request\r\n        .toFixed(2)\r\n        .toString()\r\n        .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\r\n    },\r\n    showModal() {\r\n      this.$refs[\"my-modal\"].show();\r\n    },\r\n    hideModal() {\r\n      this.$refs[\"my-modal\"].hide();\r\n    },\r\n    confirmPayment() {\r\n      let data = {\r\n        companyId: this.companyId,\r\n        amount: parseFloat(this.amount),\r\n        flw: false,\r\n        stripe: true,\r\n        paymentIntentId: this.$route.query.payment_intent,\r\n      };\r\n      this.axios\r\n        .post(\r\n          `${configObject.apiBaseUrl}/Wallet/FundWalletOnline`,\r\n          data,\r\n          configObject.authConfig()\r\n        )\r\n        .then(() => {\r\n          this.status = this.success;\r\n          this.showModal();\r\n          this.$toast.open({\r\n            message: this.$t(\"text.iFundWallet.paymentConfirmed\"),\r\n            type: \"success\",\r\n            duration: 5000,\r\n          });\r\n          if (\r\n            this.$route.query.id &&\r\n            this.$route.query.amt &&\r\n            parseFloat(this.amount) >= this.$route.query.amt\r\n          ) {\r\n            // console.log(\"settling direct invoice\");\r\n            this.directInvoiceSettlement();\r\n          } else {\r\n            setTimeout(this.routeToComWallet, 3000);\r\n          }\r\n        })\r\n        .catch((error) => {\r\n          // console.log(error);\r\n          this.status = this.failure;\r\n          // this.$toast.open({\r\n          //   message: error,\r\n          //   type: \"success\",\r\n          //   duration: 5000,\r\n          // });\r\n        });\r\n    },\r\n    routeToComWallet() {\r\n      this.$router.push({\r\n        name: \"company_wallet\",\r\n        query: { companyId: this.companyId },\r\n      });\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\nform {\r\n  width: 30vw;\r\n  min-width: 500px;\r\n  align-self: center;\r\n  box-shadow: 0px 0px 0px 0.5px rgba(50, 50, 93, 0.1),\r\n    0px 2px 5px 0px rgba(50, 50, 93, 0.1), 0px 1px 1.5px 0px rgba(0, 0, 0, 0.07);\r\n  border-radius: 7px;\r\n  padding: 40px;\r\n}\r\n\r\n.hidden {\r\n  display: none;\r\n}\r\n\r\n#payment-message {\r\n  color: rgb(105, 115, 134);\r\n  font-size: 16px;\r\n  line-height: 20px;\r\n  padding-top: 12px;\r\n  text-align: center;\r\n}\r\n\r\n#payment-element {\r\n  margin-bottom: 24px;\r\n}\r\n\r\n/* Buttons and links */\r\nbutton {\r\n  background: #5469d4;\r\n  font-family: Arial, sans-serif;\r\n  color: #ffffff;\r\n  border-radius: 4px;\r\n  border: 0;\r\n  padding: 12px 16px;\r\n  font-size: 16px;\r\n  font-weight: 600;\r\n  cursor: pointer;\r\n  display: block;\r\n  transition: all 0.2s ease;\r\n  box-shadow: 0px 4px 5.5px 0px rgba(0, 0, 0, 0.07);\r\n  width: 100%;\r\n}\r\nbutton:hover {\r\n  filter: contrast(115%);\r\n}\r\nbutton:disabled {\r\n  opacity: 0.5;\r\n  cursor: default;\r\n}\r\n\r\n/* spinner/processing state, errors */\r\n.spinner,\r\n.spinner:before,\r\n.spinner:after {\r\n  border-radius: 50%;\r\n}\r\n.spinner {\r\n  color: #ffffff;\r\n  font-size: 22px;\r\n  text-indent: -99999px;\r\n  margin: 0px auto;\r\n  position: relative;\r\n  width: 20px;\r\n  height: 20px;\r\n  box-shadow: inset 0 0 0 2px;\r\n  -webkit-transform: translateZ(0);\r\n  -ms-transform: translateZ(0);\r\n  transform: translateZ(0);\r\n}\r\n.spinner:before,\r\n.spinner:after {\r\n  position: absolute;\r\n  content: \"\";\r\n}\r\n.spinner:before {\r\n  width: 10.4px;\r\n  height: 20.4px;\r\n  background: #5469d4;\r\n  border-radius: 20.4px 0 0 20.4px;\r\n  top: -0.2px;\r\n  left: -0.2px;\r\n  -webkit-transform-origin: 10.4px 10.2px;\r\n  transform-origin: 10.4px 10.2px;\r\n  -webkit-animation: loading 2s infinite ease 1.5s;\r\n  animation: loading 2s infinite ease 1.5s;\r\n}\r\n.spinner:after {\r\n  width: 10.4px;\r\n  height: 10.2px;\r\n  background: #5469d4;\r\n  border-radius: 0 10.2px 10.2px 0;\r\n  top: -0.1px;\r\n  left: 10.2px;\r\n  -webkit-transform-origin: 0px 10.2px;\r\n  transform-origin: 0px 10.2px;\r\n  -webkit-animation: loading 2s infinite ease;\r\n  animation: loading 2s infinite ease;\r\n}\r\n\r\n@-webkit-keyframes loading {\r\n  0% {\r\n    -webkit-transform: rotate(0deg);\r\n    transform: rotate(0deg);\r\n  }\r\n  100% {\r\n    -webkit-transform: rotate(360deg);\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n@keyframes loading {\r\n  0% {\r\n    -webkit-transform: rotate(0deg);\r\n    transform: rotate(0deg);\r\n  }\r\n  100% {\r\n    -webkit-transform: rotate(360deg);\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n@media only screen and (max-width: 600px) {\r\n  form {\r\n    width: 80vw;\r\n    min-width: initial;\r\n  }\r\n}\r\n</style>\r\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!./indexStripe.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!./indexStripe.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./indexStripe.vue?vue&type=template&id=38b768b9&scoped=true&\"\nimport script from \"./indexStripe.vue?vue&type=script&lang=js&\"\nexport * from \"./indexStripe.vue?vue&type=script&lang=js&\"\nimport style0 from \"./indexStripe.vue?vue&type=style&index=0&id=38b768b9&prod&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  \"38b768b9\",\n  null\n  \n)\n\nexport default component.exports","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!./indexStripe.vue?vue&type=style&index=0&id=38b768b9&prod&scoped=true&lang=css&\""],"sourceRoot":""}