{"version":3,"sources":["webpack:///./src/views/Company/MakePayment/index.vue?3702","webpack:///./src/views/Company/MakePayment/index.vue","webpack:///src/views/Company/MakePayment/index.vue","webpack:///./src/views/Company/MakePayment/index.vue?73da","webpack:///./src/views/Company/MakePayment/index.vue?c6ff"],"names":["render","_vm","this","_c","_self","staticClass","status","loading","ref","attrs","$t","staticStyle","require","_e","_v","success","failure","_s","on","$event","changeTab","class","tab","style","color","payFunction","accountNumber","accountName","$route","query","amt","walletUnit","displayAmt","display","convertThousand","walletBalance","directives","name","rawName","modifiers","isButtonDisabled","cursor","getWalletBalance","id","continuePaz","displayTxt","continuePay","zIndex","backgroundPosition","backgroundRepeat","backgroundSize","backgroundImage","backImg","staticRenderFns","$","title","components","MasterLayout","TableLoader","provide","grid","data","paymentConfirmed","backgroundUrl","modalWidth","modalheight","showBanner","payOnline","email","phone","publicKey","banks","amount","depositNo","depositorName","bank","showdropDown","toggleBanksDropdown","showButtonLoader","flwRef","trxRef","reservedAccount","bankName","company","companyId","invoiceId","fundingAmount","amountPaid","abankName","referralCode","depositSlipNo","datePaid","maxDate","created","beforeDestroy","mounted","watch","methods","randomString","result","generateTransactionRef","post","configObject","then","response","message","type","duration","catch","error","directInvoiceSettlement","setTimeout","rerouteToID","get","toFixed","toString","replace","walletPayment","branchId","paymentMode","getFundProperties","url","getAccountDetails","res","showModal","hideModal","confirmPayment","flw","parseFloat","routeToComWallet","event","btn","PBFPubKey","customer_email","customer_firstname","customer_lastname","custom_description","custom_logo","custom_title","customer_phone","country","currency","payment_method","txref","callback","_this","raveSetup","onclose","component"],"mappings":"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A,mBACAT,sBACAR,OACAuD,6BAIAxC,cACA,uBACA,8DAEA,MACA,OAEAU,oBACA,yBACA,mBAEA,SACA+B,+BACAE,kCAEA,WACAc,KACA,qDACAxC,EACAyC,qBAEAC,KAAAC,IACA,kBACAC,wDACAC,eACAC,eAEA,yBACArD,oBACA,mBACA,mBACAjB,uBACAR,OAAAc,kBAAAyC,8BAGAwB,MAAAC,IACA,yBACAvD,oBACA,mBACA,kBACAmD,gCACAC,aACAC,kBAIAG,0BACA,SACAzB,+BACAE,kCAEA,WACAc,KACA,qDACAxC,EACAyC,qBAEAC,KAAAC,IACA,kBACAC,wDACAC,eACAC,eAEAI,mCAMAH,MAAAC,IACAvD,oBACA,kBACAmD,gCACAC,aACAC,kBAIAK,cACA,mBACA3E,uBACAR,OAAAc,kBAAAyC,6BAGA1C,mBACAY,qBACA,yBACA,mBACA,WACA2D,IACA,wDACA,4BACA,4BACA,kBAEAX,qBAEAC,KAAAC,IACAlD,qBACA,yBACA,mBACA,wCACA,oCAEAsD,MAAAC,QAEA3E,mBACA,mBAGA,EACAgF,QAAA,GACAC,WACAC,QAAA,6BALA,QAOAC,iBAEA,GADAlG,oBACA,mBAMA,YALA,kBACAsF,kDACAC,aACAC,eAIA,OACAW,wBACA9C,sCACA+C,0BAEAjE,oBACA,yBACA,WACA+C,KACA,2CACAxC,EACAyC,qBAEAC,KAAA,KACA,yBACA,iBACA,kBACAE,qDACAC,eACAC,eAEArD,oBACA,2BAEAsD,MAAAC,IACA,kBACAJ,gCACAC,aACAC,eAEA,yBACA,iBACArD,oBACA,4BAGAkE,oBAEA,GADA,sBACA,qCACA,iDACA,WACAP,IAAAQ,EAAAnB,qBACAC,KAAAC,IACA,sDACA,sBACA,mBACA,mBACA,gCACA,sCACA,0BAIAI,MAAAC,SAIAa,oBAEA,GADApE,qBACA,qCACA,+EACA,WACA2D,IAAAQ,EAAAnB,qBACAC,KAAAoB,IAEA,oCACA,0CACArE,uBAIAsD,MAAAC,SAGAe,YACA,+BAEAC,YACA,+BAEAC,iBACA,iBACA,yBACA,OACA1C,yBACAZ,+BACA+C,mBACAvC,mBACA+C,OACAhD,oBAEA,WACAsB,KACA,6CACAxC,EACAyC,qBAEAC,KAAA,KACA,yBAEA,kBACAE,qDACAC,eACAC,eAGA,sBACA,uBACAqB,+CAGA,+BAEAjB,wCAGAH,MAAAC,IACA,4BAGAoB,mBACA,mBACA5F,sBACAR,OAAAuD,6BAuEA3D,eACAyG,mBACA5E,4BACAA,4BACAA,oCACA,cACA6E,8BACA,qCACA,qBAGA,wBACA,oBACA,wBACA,eACA,IACA,+BACA,WAEA,gBACAC,YACAC,iBACAC,sBACAC,qBACAC,iCACAC,YACA,gEACAC,qBACAlE,SACAmE,iBACAC,aACAC,eACAC,sBACAC,QAGAC,qBAGA,iBACA,cAGA,gCACAC,WACAA,WACAA,sBAEAA,oBAQAC,WAGAC,mBACAhB,iCAIA,kBACA1B,kDACAC,aACAC,eAEAwB,4BCl7B6W,I,wBCQzWiB,EAAY,eACd,EACApJ,EACAqD,GACA,EACA,KACA,WACA,MAIa,aAAA+F,E","file":"js/chunk-74515284.9baef870.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!./index.vue?vue&type=style&index=0&id=177d8b78&prod&scoped=true&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('MasterLayout',[_c('div',{staticClass:\"pt-5 pb-3 pl-4 pr-3 dashboard_first_row\"},[_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.errorConfirming')}},[_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._e()],1),_vm._v(\" \"),_c('div',{staticClass:\"text-center pb-4\"},[_c('p',{staticClass:\"page-header\"},[_vm._v(_vm._s(_vm.$t(\"text.iFundWallet.makePayment\")))])]),_vm._v(\" \"),_c('div',{staticClass:\"center_div pb-5\",staticStyle:{\"margin-top\":\"0px\"}},[_c('div',{staticClass:\"pad_div\"},[_c('ul',{staticClass:\"tabs__lists d-flex justify-content-center\"},[_c('li',{staticClass:\"mt-3\",on:{\"click\":function($event){return _vm.changeTab('wallet')}}},[_c('a',{staticClass:\"tab_link\",class:[_vm.tab === 'wallet' ? 'active__tab__link' : null],attrs:{\"href\":\"#\"}},[_c('i',{staticClass:\"fa fa-credit-card mr-2\",style:([_vm.tab === 'wallet' ? { color: '#370F70' } : null]),attrs:{\"aria-hidden\":\"true\"}}),_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.iFundWallet.bankTransfer\"))+\"\\n            \")])]),_vm._v(\" \"),_c('li',{staticClass:\"mt-3 ml-1\",on:{\"click\":function($event){return _vm.changeTab('card')}}},[_c('a',{staticClass:\"tab_link\",class:[_vm.tab === 'card' ? 'active__tab__link' : null],attrs:{\"href\":\"#\"}},[_c('i',{staticClass:\"fa fa-credit-card mr-2\",style:([_vm.tab === 'card' ? { color: '#370F70' } : null]),attrs:{\"aria-hidden\":\"true\"}}),_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.iFundWallet.card\"))+\"\\n            \")])])])]),_vm._v(\" \"),(_vm.tab === 'card')?_c('div',[_c('div',{staticClass:\"pay_header text-center\"},[_vm._v(\"\\n          \"+_vm._s(_vm.$t(\"text.iFundWallet.fundAccountWithCard\"))+\"\\n        \")]),_vm._v(\" \"),_c('div',{staticClass:\"text-center mt-4\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/credit-card.svg\"),\"width\":\"35px\"}})]),_vm._v(\" \"),_c('div',{staticClass:\"text-center mt-4\"},[_c('small',{staticClass:\"small_text\"})]),_vm._v(\" \"),_c('div',{staticClass:\"input_holder\"},[_c('div',{staticClass:\"mt-4\"},[_c('input',{staticClass:\"email\",attrs:{\"type\":\"hidden\"}}),_vm._v(\" \"),_c('input',{staticClass:\"phone\",attrs:{\"type\":\"hidden\"}}),_vm._v(\" \"),_c('input',{staticClass:\"publicKey\",attrs:{\"type\":\"hidden\"}}),_vm._v(\" \"),_c('input',{staticClass:\"trxRef\",attrs:{\"type\":\"hidden\",\"name\":\"trxRef\"}}),_vm._v(\" \"),_c('input',{staticClass:\"flwRef\",attrs:{\"type\":\"hidden\",\"name\":\"flwRef\"}}),_vm._v(\" \"),_c('input',{staticClass:\"form-control form__input amount\",staticStyle:{\"width\":\"100%\"},attrs:{\"type\":\"number\",\"name\":\"amount\",\"placeholder\":_vm.$t('text.iFundWallet.amount')}})])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-4 text-center\"},[_c('button',{staticClass:\"ep-btn ep-primary\",on:{\"click\":function($event){return _vm.payFunction($event)}}},[_vm._v(\"\\n            \"+_vm._s(_vm.$t(\"text.iFundWallet.payNow\"))+\"\\n          \")])])]):_vm._e(),_vm._v(\" \"),(_vm.tab === 'wallet')?_c('div',[_c('div',{staticClass:\"pay_header text-center\"},[_vm._v(\"\\n          \"+_vm._s(_vm.$t(\"text.iFundWallet.desc\"))+\"\\n        \")]),_vm._v(\" \"),_c('div',{staticClass:\"text-center mt-4\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/money (3).svg\"),\"width\":\"50\"}})]),_vm._v(\" \"),_c('div',{staticClass:\"mx-auto text-center p-2\"},[_c('ul',{staticClass:\"mt-3 list-group\"},[_c('li',{staticClass:\"list-group-item d-flex justify-content-between align-items-center\"},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.iFundWallet.bankName\"))+\"\\n              \"),_c('span',{staticClass:\"text-secondary\"},[_vm._v(_vm._s(_vm.$t(\"text.iFundWallet.providusBank\")))])]),_vm._v(\" \"),_c('li',{staticClass:\"list-group-item d-flex justify-content-between align-items-center\"},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.iFundWallet.accountNumber\"))+\"\\n              \"),_c('span',{staticClass:\"text-secondary\"},[_vm._v(_vm._s(this.accountNumber))]),_vm._v(\" \"),_c('img',{staticClass:\"ml-3 loader4\",staticStyle:{\"display\":\"none\"},attrs:{\"src\":require(\"@/assets/img/git_loader.gif\"),\"width\":\"20px\"}})]),_vm._v(\" \"),_c('li',{staticClass:\"list-group-item d-flex justify-content-between align-items-center\"},[_c('span',{staticClass:\"text-left\"},[_vm._v(_vm._s(_vm.$t(\"text.iFundWallet.accountName\")))]),_vm._v(\" \"),_c('span',{staticClass:\"text-secondary text-right\"},[_vm._v(\"\\n                \"+_vm._s(this.accountName))]),_vm._v(\" \"),_c('img',{staticClass:\"ml-3 loader4\",staticStyle:{\"display\":\"none\"},attrs:{\"src\":require(\"@/assets/img/git_loader.gif\"),\"width\":\"20px\"}})]),_vm._v(\" \"),(_vm.$route.query.amt)?_c('li',{staticClass:\"list-group-item d-flex justify-content-between align-items-center\"},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.cInvoice.amountDue\"))+\"\\n              \"),_c('span',{staticClass:\"text-secondary\"},[_vm._v(\"\\n                \"+_vm._s(_vm.walletUnit)+_vm._s(this.$route.query.amt))])]):_vm._e(),_vm._v(\" \"),_c('li',{staticClass:\"list-group-item d-flex justify-content-between align-items-center\"},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.cWallet.walletBalance\"))+\":\\n              \"),_c('span',{staticClass:\"text-secondary\"},[_c('span',{style:([\n                    _vm.displayAmt ? { display: 'none' } : { display: 'inline' },\n                  ])},[_vm._v(\"\\n                  \"+_vm._s(_vm.walletUnit)+_vm._s(_vm.convertThousand(_vm.walletBalance))+\"\\n                  \"),_c('i',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],staticClass:\"ml-2 cursor-pointer fa fa-refresh\",staticStyle:{\"font-size\":\"15px\",\"color\":\"grey\"},style:([\n                      _vm.isButtonDisabled\n                        ? { cursor: 'not-allowed' }\n                        : { cursor: 'pointer' },\n                    ]),attrs:{\"aria-hidden\":\"true\",\"title\":_vm.$t('text.clickButtons.refresh')},on:{\"click\":_vm.getWalletBalance}})]),_vm._v(\" \"),_c('img',{staticClass:\"ml-3 loader3\",staticStyle:{\"display\":\"none\"},attrs:{\"src\":require(\"@/assets/img/git_loader.gif\"),\"width\":\"20px\"}})])]),_vm._v(\" \"),(_vm.$route.query.id)?_c('p',{staticClass:\"font-weight-light mt-3\"},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.iFundWallet.desc2\"))+\"\\n            \")]):_c('p',{staticClass:\"font-weight-light mt-3\"},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.iFundWallet.desc3\"))+\"\\n              \"+_vm._s(_vm.$t(\"text.iFundWallet.clickContinue\"))+\"\\n            \")]),_vm._v(\" \"),(_vm.$route.query.id)?_c('button',{staticClass:\"ep-btn ep-primary\",style:([\n                _vm.isButtonDisabled\n                  ? { cursor: 'not-allowed' }\n                  : { cursor: 'pointer' },\n              ]),on:{\"click\":_vm.continuePaz}},[_c('span',{style:([\n                  _vm.displayTxt ? { display: 'none' } : { display: 'inline' },\n                ])},[_vm._v(_vm._s(_vm.$t(\"text.cInvoice.settleInvoice\")))]),_vm._v(\" \"),_c('img',{staticClass:\"ml-3 loader\",staticStyle:{\"display\":\"none\"},attrs:{\"src\":require(\"@/assets/img/git_loader.gif\"),\"width\":\"22px\"}})]):_c('button',{staticClass:\"ep-btn ep-primary\",on:{\"click\":_vm.continuePay}},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.iFundWallet.continue\"))+\"\\n            \")])])])]):_vm._e(),_vm._v(\" \"),_c('div',{staticClass:\"pattern_sec\",style:([\n          {\n            zIndex: '-1200',\n            backgroundPosition: 'center',\n            backgroundRepeat: 'no-repeat',\n            backgroundSize: 'cover',\n            backgroundImage: `linear-gradient(rgb(55, 15, 112 , 0.001), rgb(55, 15, 112 ,0.001)), url(${_vm.backImg})`,\n          },\n        ])})])])])\n}\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\">\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.errorConfirming')\"\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>\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        <div class=\"pad_div\">\r\n          <ul class=\"tabs__lists d-flex justify-content-center\">\r\n            <li class=\"mt-3\" @click=\"changeTab('wallet')\">\r\n              <a\r\n                href=\"#\"\r\n                class=\"tab_link\"\r\n                :class=\"[tab === 'wallet' ? 'active__tab__link' : null]\"\r\n              >\r\n                <i\r\n                  class=\"fa fa-credit-card mr-2\"\r\n                  aria-hidden=\"true\"\r\n                  :style=\"[tab === 'wallet' ? { color: '#370F70' } : null]\"\r\n                ></i>\r\n                {{ $t(\"text.iFundWallet.bankTransfer\") }}\r\n              </a>\r\n            </li>\r\n            <li class=\"mt-3 ml-1\" @click=\"changeTab('card')\">\r\n              <a\r\n                href=\"#\"\r\n                class=\"tab_link\"\r\n                :class=\"[tab === 'card' ? 'active__tab__link' : null]\"\r\n              >\r\n                <i\r\n                  class=\"fa fa-credit-card mr-2\"\r\n                  aria-hidden=\"true\"\r\n                  :style=\"[tab === 'card' ? { color: '#370F70' } : null]\"\r\n                ></i>\r\n                {{ $t(\"text.iFundWallet.card\") }}\r\n              </a>\r\n            </li>\r\n            <!-- <li class=\"mt-3 ml-5\" @click=\"changeTab('deposit')\">\r\n              <a\r\n                href=\"#\"\r\n                class=\"tab_link\"\r\n                :class=\"[tab === 'deposit' ? 'active__tab__link' : null]\"\r\n              >\r\n                <i\r\n                  class=\"fa fa-credit-card mr-2\"\r\n                  aria-hidden=\"true\"\r\n                  :style=\"[tab === 'deposit' ? { color: '#370F70' } : null]\"\r\n                ></i>\r\n                Bank Deposit\r\n              </a>\r\n            </li> -->\r\n          </ul>\r\n        </div>\r\n        <div v-if=\"tab === 'card'\">\r\n          <div class=\"pay_header text-center\">\r\n            {{ $t(\"text.iFundWallet.fundAccountWithCard\") }}\r\n          </div>\r\n          <div class=\"text-center mt-4\">\r\n            <img src=\"@/assets/img/credit-card.svg\" width=\"35px\" />\r\n          </div>\r\n          <div class=\"text-center mt-4\">\r\n            <small class=\"small_text\"></small>\r\n          </div>\r\n          <div class=\"input_holder\">\r\n            <div class=\"mt-4\">\r\n              <input type=\"hidden\" class=\"email\" />\r\n              <input type=\"hidden\" class=\"phone\" />\r\n              <input type=\"hidden\" class=\"publicKey\" />\r\n              <input type=\"hidden\" name=\"trxRef\" class=\"trxRef\" />\r\n              <input type=\"hidden\" name=\"flwRef\" class=\"flwRef\" />\r\n              <input\r\n                type=\"number\"\r\n                name=\"amount\"\r\n                class=\"form-control form__input amount\"\r\n                :placeholder=\"$t('text.iFundWallet.amount')\"\r\n                style=\"width: 100%\"\r\n              />\r\n            </div>\r\n          </div>\r\n          <div class=\"mt-4 text-center\">\r\n            <button class=\"ep-btn ep-primary\" @click=\"payFunction($event)\">\r\n              {{ $t(\"text.iFundWallet.payNow\") }}\r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n        <div v-if=\"tab === 'wallet'\">\r\n          <div class=\"pay_header text-center\">\r\n            {{ $t(\"text.iFundWallet.desc\") }}\r\n          </div>\r\n          <div class=\"text-center mt-4\">\r\n            <img src=\"@/assets/img/money (3).svg\" width=\"50\" />\r\n          </div>\r\n\r\n          <!-- <div class=\"mx-auto text-center\" style=\"width: 500px\"> -->\r\n          <div class=\"mx-auto text-center p-2\">\r\n            <ul class=\"mt-3 list-group\">\r\n              <li\r\n                class=\"list-group-item d-flex justify-content-between align-items-center\"\r\n              >\r\n                {{ $t(\"text.iFundWallet.bankName\") }}\r\n                <span class=\"text-secondary\">{{\r\n                  $t(\"text.iFundWallet.providusBank\")\r\n                }}</span>\r\n              </li>\r\n              <li\r\n                class=\"list-group-item d-flex justify-content-between align-items-center\"\r\n              >\r\n                {{ $t(\"text.iFundWallet.accountNumber\") }}\r\n                <span class=\"text-secondary\">{{ this.accountNumber }}</span>\r\n                <img\r\n                  src=\"@/assets/img/git_loader.gif\"\r\n                  style=\"display: none\"\r\n                  width=\"20px\"\r\n                  class=\"ml-3 loader4\"\r\n                />\r\n              </li>\r\n              <li\r\n                class=\"list-group-item d-flex justify-content-between align-items-center\"\r\n              >\r\n                <span class=\"text-left\">{{\r\n                  $t(\"text.iFundWallet.accountName\")\r\n                }}</span>\r\n                <!-- {{ $t(\"text.iFundWallet.accountName\") }} -->\r\n                <span class=\"text-secondary text-right\">\r\n                  {{ this.accountName }}</span\r\n                >\r\n                <img\r\n                  src=\"@/assets/img/git_loader.gif\"\r\n                  style=\"display: none\"\r\n                  width=\"20px\"\r\n                  class=\"ml-3 loader4\"\r\n                />\r\n              </li>\r\n              <li\r\n                v-if=\"$route.query.amt\"\r\n                class=\"list-group-item d-flex justify-content-between align-items-center\"\r\n              >\r\n                {{ $t(\"text.cInvoice.amountDue\") }}\r\n                <span class=\"text-secondary\">\r\n                  {{ walletUnit }}{{ this.$route.query.amt }}</span\r\n                >\r\n              </li>\r\n              <li\r\n                class=\"list-group-item d-flex justify-content-between align-items-center\"\r\n              >\r\n                {{ $t(\"text.cWallet.walletBalance\") }}:\r\n                <span class=\"text-secondary\">\r\n                  <span\r\n                    :style=\"[\r\n                      displayAmt ? { display: 'none' } : { display: 'inline' },\r\n                    ]\"\r\n                  >\r\n                    {{ walletUnit }}{{ convertThousand(walletBalance) }}\r\n                    <i\r\n                      class=\"ml-2 cursor-pointer fa fa-refresh\"\r\n                      style=\"font-size: 15px; color: grey\"\r\n                      :style=\"[\r\n                        isButtonDisabled\r\n                          ? { cursor: 'not-allowed' }\r\n                          : { cursor: 'pointer' },\r\n                      ]\"\r\n                      aria-hidden=\"true\"\r\n                      v-b-tooltip.hover\r\n                      :title=\"$t('text.clickButtons.refresh')\"\r\n                      @click=\"getWalletBalance\"\r\n                    ></i>\r\n                  </span>\r\n                  <img\r\n                    src=\"@/assets/img/git_loader.gif\"\r\n                    style=\"display: none\"\r\n                    width=\"20px\"\r\n                    class=\"ml-3 loader3\"\r\n                /></span>\r\n              </li>\r\n              <p v-if=\"$route.query.id\" class=\"font-weight-light mt-3\">\r\n                {{ $t(\"text.iFundWallet.desc2\") }}\r\n              </p>\r\n              <p v-else class=\"font-weight-light mt-3\">\r\n                {{ $t(\"text.iFundWallet.desc3\") }}\r\n                {{ $t(\"text.iFundWallet.clickContinue\") }}\r\n              </p>\r\n\r\n              <button\r\n                v-if=\"$route.query.id\"\r\n                class=\"ep-btn ep-primary\"\r\n                @click=\"continuePaz\"\r\n                :style=\"[\r\n                  isButtonDisabled\r\n                    ? { cursor: 'not-allowed' }\r\n                    : { cursor: 'pointer' },\r\n                ]\"\r\n              >\r\n                <span\r\n                  :style=\"[\r\n                    displayTxt ? { display: 'none' } : { display: 'inline' },\r\n                  ]\"\r\n                  >{{ $t(\"text.cInvoice.settleInvoice\") }}</span\r\n                >\r\n                <img\r\n                  src=\"@/assets/img/git_loader.gif\"\r\n                  style=\"display: none\"\r\n                  width=\"22px\"\r\n                  class=\"ml-3 loader\"\r\n                />\r\n              </button>\r\n              <button v-else class=\"ep-btn ep-primary\" @click=\"continuePay\">\r\n                {{ $t(\"text.iFundWallet.continue\") }}\r\n              </button>\r\n              <!-- <button class=\"btn btn_theme mt-3\" @click=\"maked\">\r\n                Continue\r\n              </button> -->\r\n            </ul>\r\n          </div>\r\n        </div>\r\n        <!-- <div class=\"\" v-if=\"tab === 'deposit'\">\r\n          <div class=\"p-3\">\r\n            <div class=\"pay_header text-center\">\r\n              Fill the form below to fund your account through bank deposit\r\n            </div>\r\n            <div class=\"text-center mt-4\">\r\n              <img src=\"@/assets/img/money (3).svg\" width=\"50\" />\r\n            </div>\r\n            <div class=\"row mt-3\">\r\n              <div class=\"col-md-6\">\r\n                <label>Account</label>\r\n                <select type=\"text\" placeholder=\"\" v-model=\"abankName\">\r\n                  <option value=\"selectAccount\" selected disabled>\r\n                    Select Account\r\n                  </option>\r\n                  <option\r\n                    :value=\"bank.bankName\"\r\n                    v-for=\"(bank, i) in banks\"\r\n                    :key=\"i\"\r\n                  >\r\n                    {{ bank.accountName }} ({{ bank.accountNumber }})\r\n                  </option>\r\n                </select>\r\n              </div>\r\n              <div class=\"col-md-6\">\r\n                <label>Bank </label>\r\n                <input\r\n                  type=\"text\"\r\n                  placeholder=\"\"\r\n                  v-model=\"abankName\"\r\n                  disabled\r\n                />\r\n              </div>\r\n            </div>\r\n            <div class=\"row mt-4\">\r\n              <div class=\"col-md-6\">\r\n                <label>Depositor''s name</label>\r\n                <input type=\"text\" placeholder=\"\" v-model=\"depositorName\" />\r\n              </div>\r\n              <div class=\"col-md-6\">\r\n                <label>Deposit slip number</label>\r\n                <input type=\"text\" placeholder=\"\" v-model=\"depositSlipNo\" />\r\n              </div>\r\n            </div>\r\n            <div class=\"row mt-4\">\r\n              <div class=\"col-md-6\">\r\n                <label>Amount</label>\r\n                <input type=\"text\" placeholder=\"\" v-model=\"amountPaid\" />\r\n              </div>\r\n              <div class=\"col-md-6\">\r\n                <label>Date paid</label>\r\n                <vue-ctk-date-time-picker\r\n                  :max-date=\"maxDate\"\r\n                  v-model=\"datePaid\"\r\n                  :onlyDate=\"true\"\r\n                  :autoClose=\"true\"\r\n                  :locale=\"this.$root.$i18n.locale\"\r\n                  :color=\"$store.getters.getDatePickerColor\"\r\n                  format=\"YYYY-MM-DDTHH:mm:ss\"\r\n                  formatted=\"DD/MM/YYYY\"\r\n                  label=\"Select date paid\"\r\n                />\r\n              </div>\r\n            </div>\r\n          </div>\r\n      \r\n          <div class=\"text-center mt-4\">\r\n            <button\r\n              class=\"ep-btn ep-primary\"\r\n              @click=\"payViaBankDeposit\"\r\n              :disabled=\"isButtonDisabled ? true : false\"\r\n              style=\"border: 0\"\r\n              :style=\"[\r\n                isButtonDisabled\r\n                  ? { cursor: 'not-allowed' }\r\n                  : { cursor: 'pointer' },\r\n              ]\"\r\n            >\r\n              Request to fund\r\n\r\n              <img\r\n                src=\"@/assets/img/git_loader.gif\"\r\n                style=\"display: none\"\r\n                width=\"20px\"\r\n                class=\"ml-3 loader2\"\r\n              />\r\n            </button>\r\n          </div>\r\n        </div> -->\r\n\r\n        <div\r\n          class=\"pattern_sec\"\r\n          :style=\"[\r\n            {\r\n              zIndex: '-1200',\r\n              backgroundPosition: 'center',\r\n              backgroundRepeat: 'no-repeat',\r\n              backgroundSize: 'cover',\r\n              backgroundImage: `linear-gradient(rgb(55, 15, 112 , 0.001), rgb(55, 15, 112 ,0.001)), url(${backImg})`,\r\n            },\r\n          ]\"\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: null,\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      walletUnit: \"\",\r\n      displayAmt: false,\r\n      displayTxt: false,\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    });\r\n  },\r\n  beforeDestroy() {},\r\n  mounted() {\r\n    // this.showModal();\r\n    // this.status = this.failure;\r\n    // this.status = this.loading;\r\n  },\r\n  watch: {\r\n    company(company) {\r\n      if (company !== null) {\r\n        this.getFundProperties();\r\n        this.getAccountDetails();\r\n      }\r\n    },\r\n  },\r\n  methods: {\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    // continuePay() {\r\n    //   if (this.$route.query.id && this.$route.query.companyId) {\r\n    //     this.$router.push({\r\n    //       name: \"invoice_details\",\r\n    //       query: {\r\n    //         id: this.invoiceId,\r\n    //         companyId: this.companyId,\r\n    //       },\r\n    //     });\r\n    //   } else {\r\n    //     this.$router.push({\r\n    //       name: \"company_wallet\",\r\n    //       query: {\r\n    //         companyId: this.companyId,\r\n    //       },\r\n    //     });\r\n    //   }\r\n    // },\r\n    continuePay() {\r\n      this.$router.push({\r\n        name: \"company_wallet\",\r\n        query: {\r\n          companyId: this.companyId,\r\n        },\r\n      });\r\n    },\r\n    continuePaz() {\r\n      const confirm = window.confirm(\r\n        `Do you want to settle Invoice of ${this.$route.query.amt}?`\r\n      );\r\n      if (!confirm) {\r\n        return;\r\n      }\r\n      $(\".loader\").show();\r\n      this.isButtonDisabled = true;\r\n      this.displayAmt = true;\r\n\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.isButtonDisabled = false;\r\n          $(\".loader\").hide();\r\n          this.displayAmt = false;\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          this.isButtonDisabled = false;\r\n          $(\".loader\").hide();\r\n          this.displayAmt = false;\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    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          setTimeout(this.rerouteToID, 4000);\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    rerouteToID() {\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    getWalletBalance() {\r\n      $(\".loader3\").show();\r\n      this.isButtonDisabled = true;\r\n      this.displayAmt = true;\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Company/WalletBalanceForCompany/${\r\n            this.$route.query.companyId\r\n              ? this.$route.query.companyId\r\n              : this.company.id\r\n          }`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          $(\".loader3\").hide();\r\n          this.isButtonDisabled = false;\r\n          this.displayAmt = false;\r\n          this.walletBalance = response.data.walletBalance;\r\n          this.walletUnit = response.data.walletUnit;\r\n        })\r\n        .catch((error) => {});\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    walletPayment($event) {\r\n      $event.preventDefault();\r\n      if (!this.fundingAmount) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.iFundWallet.amountMissing\"),\r\n          type: \"error\",\r\n          duration: 5000,\r\n        });\r\n        return;\r\n      }\r\n      let data = {\r\n        branchId: this.companyId,\r\n        amount: parseFloat(this.fundingAmount),\r\n        paymentMode: \"UserWallet\",\r\n      };\r\n      $(\".loader\").show();\r\n      this.isButtonDisabled = true;\r\n      this.axios\r\n        .post(\r\n          `${configObject.apiBaseUrl}/Industrial/FundWallet`,\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          $(\".loader\").hide();\r\n          this.isButtonDisabled = false;\r\n        })\r\n        .catch((error) => {\r\n          this.$toast.open({\r\n            message: error.response.data.message,\r\n            type: \"error\",\r\n            duration: 5000,\r\n          });\r\n          this.status = this.failure;\r\n          this.showModal();\r\n          $(\".loader\").hide();\r\n          this.isButtonDisabled = false;\r\n        });\r\n    },\r\n    getFundProperties() {\r\n      this.showBtnLoader = true;\r\n      if (localStorage.getItem(\"userDetails\")) {\r\n        let url = `${configObject.apiBaseUrl}/Wallet/FundProperties`;\r\n        this.axios\r\n          .get(url, configObject.authConfig())\r\n          .then((response) => {\r\n            let user = JSON.parse(localStorage.getItem(\"userDetails\"));\r\n            this.showBtnLoader = false;\r\n            this.email = user.email;\r\n            this.phone = user.phone;\r\n            this.publicKey = response.data.publicKey;\r\n            this.referralCode = response.data.referralCode;\r\n            this.banks = response.data.banks;\r\n            // this.accountName = response.data.accountName;\r\n            // this.bankName = response.data.bankName;\r\n          })\r\n          .catch((error) => {});\r\n      }\r\n    },\r\n\r\n    getAccountDetails() {\r\n      $(\".loader4\").show();\r\n      if (localStorage.getItem(\"userDetails\")) {\r\n        let url = `${configObject.apiBaseUrl}/Wallet/GetCompanyBankDetails?id=${this.companyId}`;\r\n        this.axios\r\n          .get(url, configObject.authConfig())\r\n          .then((res) => {\r\n            // console.log(res.data.accountName)\r\n            this.accountName = res.data.accountName;\r\n            this.accountNumber = res.data.reservedAccount;\r\n            $(\".loader4\").hide();\r\n            //this.banks = response.data.banks;\r\n            //this.walletBalance = this.convertThousand(res.data.balance);\r\n          })\r\n          .catch((error) => {});\r\n      }\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      this.showModal();\r\n      this.status = this.loading;\r\n      let data = {\r\n        companyId: this.companyId,\r\n        amount: parseFloat(this.amount),\r\n        paymentMode: \"rave\",\r\n        trxRef: this.trxRef,\r\n        flw: true,\r\n        flwRef: this.flwRef,\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          this.status = this.failure;\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    // payViaBankDeposit(e) {\r\n    //   e.preventDefault();\r\n    //   if (this.abankName == \"selectAccount\") {\r\n    //     this.$toast.open({\r\n    //       message: \"Select an Account\",\r\n    //       type: \"error\",\r\n    //       duration: 3000,\r\n    //     });\r\n    //     return;\r\n    //   }\r\n    //   if (!this.depositorName) {\r\n    //     this.$toast.open({\r\n    //       message: \"Depositior's name is required\",\r\n    //       type: \"error\",\r\n    //       duration: 3000,\r\n    //     });\r\n    //     return;\r\n    //   }\r\n    //   if (!this.depositSlipNo) {\r\n    //     this.$toast.open({\r\n    //       message: \"Deposit slip number is required\",\r\n    //       type: \"error\",\r\n    //       duration: 3000,\r\n    //     });\r\n    //     return;\r\n    //   }\r\n\r\n    //   if (!this.amountPaid) {\r\n    //     this.$toast.open({\r\n    //       message: \"Amoun paid is required\",\r\n    //       type: \"error\",\r\n    //       duration: 3000,\r\n    //     });\r\n    //     return;\r\n    //   }\r\n\r\n    //   let data = {\r\n    //     bankName: this.abankName,\r\n    //     amountPaid: parseFloat(this.amountPaid),\r\n    //     depositorName: this.depositorName,\r\n    //     depositSlipNo: this.depositSlipNo,\r\n    //     datePaid: this.datePaid,\r\n    //     referralCode: this.referralCode,\r\n    //     corpId: this.$route.query.companyId,\r\n    //   };\r\n\r\n    //   this.isButtonDisabled = true;\r\n    //   $(\".loader2\").show();\r\n    //   this.axios\r\n    //     .post(\r\n    //       `${configObject.apiBaseUrl}/Wallet/RequestToFund`,\r\n    //       data,\r\n    //       configObject.authConfig()\r\n    //     )\r\n    //     .then(() => {\r\n    //       this.isButtonDisabled = false;\r\n    //       $(\".loader2\").hide();\r\n    //       this.$toast.open({\r\n    //         message: \"Funds requested successfully\",\r\n    //         type: \"success\",\r\n    //         duration: 3000,\r\n    //       });\r\n    //     })\r\n    //     .catch((error) => {\r\n    //       this.isButtonDisabled = false;\r\n    //       $(\".loader2\").hide();\r\n    //     });\r\n    // },\r\n    payFunction(event) {\r\n      event.preventDefault();\r\n      $(\".email\").val(this.email);\r\n      $(\".phone\").val(this.phone);\r\n      $(\".publicKey\").val(this.publicKey);\r\n      var btn = $(this);\r\n      btn.attr(\"disabled\", \"disabled\");\r\n      var realAmt = parseFloat($(\".amount\").val());\r\n      if (isFinite(realAmt) && realAmt > 0) {\r\n        //var amt = realAmt + (realAmt * (1.6 / 100));\r\n\r\n        var email = $(\".email\").val();\r\n        var phone = $(\".phone\").val();\r\n        var pk = $(\".publicKey\").val(); //\"FLWPUBK-fc08788826e348423d0d89eb1370f784-X\";//\r\n        var allString = \"0123456789\";\r\n        var PBFKey = pk;\r\n        var rString = \"EP\" + this.randomString(14, allString);\r\n        let _this = this;\r\n        // eslint-disable-next-line no-undef\r\n        let raveSetup = getpaidSetup({\r\n          PBFPubKey: PBFKey,\r\n          customer_email: email,\r\n          customer_firstname: \"\",\r\n          customer_lastname: \"\",\r\n          custom_description: \"Fund Wallet\",\r\n          custom_logo:\r\n            \"https://app.epump.com.ng/Content_v3/Images/e-pump%20logo2.png\",\r\n          custom_title: \"EPump\",\r\n          amount: realAmt,\r\n          customer_phone: phone,\r\n          country: \"NG\",\r\n          currency: \"NGN\",\r\n          payment_method: \"both\",\r\n          txref: rString,\r\n          //integrity_hash: \"<ADD YOUR INTEGRITY HASH HERE>\",\r\n\r\n          callback: function (response) {\r\n            // console.log(\"callback initiated\");\r\n            // console.log(response);\r\n            var tx_Ref = response.tx.txRef;\r\n            var flw_Ref = response.tx.flwRef;\r\n            // collect flwRef returned and pass to a server page to complete status check.\r\n\r\n            if (response.tx.chargeResponseCode == \"00\") {\r\n              _this.trxRef = tx_Ref;\r\n              _this.flwRef = flw_Ref;\r\n              _this.amount = realAmt.toString();\r\n              //_this.closeModal();\r\n              _this.confirmPayment();\r\n              // $('.trxRef').val(response.tx.txRef);\r\n              // $('.flwRef').val(flw_ref);\r\n              //$('.onlinePay').submit();\r\n              // redirect to a success page\r\n            } else {\r\n              // redirect to a failure page.\r\n            }\r\n            raveSetup.close();\r\n            // to settle invoice automatically\r\n          },\r\n          onclose: function () {\r\n            btn.removeAttr(\"disabled\");\r\n          },\r\n        });\r\n      } else {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.iFundWallet.amountMissing\"),\r\n          type: \"error\",\r\n          duration: 10000,\r\n        });\r\n        btn.removeAttr(\"disabled\");\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n@media screen and (max-width: 600px) {\r\n  .listscroll {\r\n    overflow: scroll !important;\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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=177d8b78&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=177d8b78&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  \"177d8b78\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}