{"version":3,"sources":["webpack:///./src/assets/img/credit_card__grey.svg","webpack:///./src/views/Customer/Vehicle/fundCard.vue?4082","webpack:///src/views/Customer/Vehicle/fundCard.vue","webpack:///./src/views/Customer/Vehicle/fundCard.vue?42cb","webpack:///./src/views/Customer/Vehicle/fundCard.vue"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","on","$event","changeTab","class","tab","attrs","style","color","_s","$t","directives","name","rawName","value","expression","staticStyle","domProps","target","composing","cardAmount","isButtonDisabled","cursor","fundCard","_e","payFunction","cardNumber","backgroundPosition","backgroundRepeat","backgroundSize","backgroundImage","backImg","staticRenderFns","$","title","props","components","MasterLayout","TableLoader","provide","grid","data","loading","paymentConfirmed","success","failure","status","backgroundUrl","modalWidth","modalheight","showBanner","payOnline","email","phone","publicKey","banks","amount","depositNo","depositorName","bank","showdropDown","accountName","accountNumber","toggleBanksDropdown","showButtonLoader","flwRef","trxRef","userDetails","created","beforeDestroy","mounted","methods","message","type","duration","post","configObject","then","catch","error","randomString","result","getFundProperties","get","response","getCardDetails","showModal","hideModal","confirmPayment","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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iB,YAAY,CAAC,MAAQ,MAAM,OAAS,WAAW,CAACnB,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,OAAO,CAACE,YAAY,yBAAyB,CAACN,EAAIO,GAAGP,EAAIgB,GAAGhB,EAAIiB,GAAG,kCAAkC,SAASjB,EAAIO,GAAG,KAAKH,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,IAAI,CAACE,YAAY,+BAA+B,CAACN,EAAIO,GAAGP,EAAIgB,GAAGhB,EAAIiC,uBAAuBjC,EAAI+B,KAAK/B,EAAIO,GAAG,KAAKH,EAAG,MAAM,CAACE,YAAY,cAAcQ,MAAM,CAC5rF,CACIoB,mBAAoB,SACpBC,iBAAkB,YAClBC,eAAgB,QAChBC,gBAAkB,2EAA6ErC,EAAIsC,QAAU,eAG3HC,EAAkB,G,uLC+OtB,IAAIC,EAAI,IAEO,OACfC,kCACAC,iBACAvB,qBACAwB,YACAC,oBACAC,oBAEAC,SACAC,kDAEAC,OACA,OACApB,oBACAU,YACA1B,WACAqC,UACAC,sBACAC,UACAC,UACAC,SACAC,kBACAC,gBACAC,iBACAC,cACAC,aACAC,SACAC,SACAC,aACAC,WACAC,YACAC,eACAC,mBACAC,UACAC,gBACAC,iBACAC,mBACAC,uBACA1C,oBACA2C,oBACAC,UACAC,UACAxC,gBACAmC,iBACAzC,gBACA+C,uGAIAC,UACA,0BAEAC,kBACAC,UACA,6BACA,6CAEA,uBAGAC,SACAhD,WACA,oBAMA,YALA,kBACAiD,oDACAC,aACAC,eAIA,OACA,gCACA,oCAEA,yBACAzC,qBACA,WACA0C,KACA,mCACAlC,EACAmC,qBAEAC,KAAA,KACA,yBACA5C,qBAEA,kBACAuC,kCACAC,eACAC,iBAGAI,MAAAC,IACA,yBACA9C,wBAGA9B,aACA,YAEA6E,kBAEA,IADA,SACA,YACAC,yCACA,UAEAC,oBACA,sBACA,qCACA,WACAC,IAAA,wEAAAP,qBACAC,KAAAO,IACA,sDACA,sBACA,mBACA,mBACA,gCACA,0BAEAN,MAAAC,QAGAM,iBACA,WACAV,KACA,mEACAC,qBAEAC,KAAAO,IACA,uCAEAN,MAAAC,QAGAO,YACA,+BAEAC,YACA,+BAEAC,iBACA,OACA,iCACA,mBACA,mBACA,OACA,YACA,UAEA,WACAb,KACA,6CACAlC,EACAmC,qBAEAC,KAAA,KACA,yBACA,iBACA,kBACAL,oDACAC,eACAC,iBAKAI,MAAAC,QAGAtD,eACAgE,mBACAxD,4BACAA,4BACAA,oCACA,cACAyD,8BACA,qCACA,qBAGA,wBACA,oBACA,wBACA,eACA,IACA,+BACA,WACA,gBACAC,YACAC,iBACAC,sBACAC,qBACAC,iCACAC,YACA,gEACAC,qBACAzC,SACA0C,iBACAC,aACAC,eACAC,sBACAC,QAGAC,qBACA,sCAGAnB,wBAEAoB,wCACAA,WACAA,sBAEA,yBACA,iBACAA,mBACA,kBACAhC,oDACAC,eACAC,gBAUA+B,WAEAC,mBACAhB,iCAIA,kBACAlB,gDACAC,aACAC,eAEAgB,4BC7egX,I,YCO5WiB,EAAY,eACd,EACAnH,EACAwC,GACA,EACA,KACA,KACA,MAIa,aAAA2E,E","file":"js/chunk-8a6339a4.e09cdf71.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/credit_card__grey.6d91444f.svg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('MasterLayout',[_c('div',{staticClass:\"section__row mt-3\"},[_c('div'),_vm._v(\" \"),_c('div',{staticClass:\"center_div\"},[_c('div',{staticClass:\"pad_div justify-content-center row\"},[_c('ul',{staticClass:\"tabs__lists\"},[_c('li',{staticClass:\"mt-3\",on:{\"click\":function($event){return _vm.changeTab('bank')}}},[_c('a',{staticClass:\"tab_link mr-4\",class:[_vm.tab === 'bank' ?  'active__tab__link' : null],attrs:{\"href\":\"#\"}},[_c('i',{staticClass:\"fa fa-university mr-2\",style:([_vm.tab === 'bank' ?  {color:'#0d041d96'} : null]),attrs:{\"aria-hidden\":\"true\"}}),_vm._v(\"\\n              \"+_vm._s(_vm.$t('text.fundWallet.bankTransfer'))+\"\\n            \")])]),_vm._v(\" \"),_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:'#0d041d96'} : null]),attrs:{\"aria-hidden\":\"true\"}}),_vm._v(\"\\n              \"+_vm._s(_vm.$t('text.extendedReport.fund'))+\"\\n            \")])])])]),_vm._v(\" \"),(_vm.tab === 'wallet')?_c('div',[_c('div',{staticClass:\"pay_header text-center\"},[_vm._v(_vm._s(_vm.$t('text.extendedReport.wallet')))]),_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:\"input_holder\"},[_c('div',{staticClass:\"mt-4\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.cardAmount),expression:\"cardAmount\"}],staticClass:\"form-control form__input amount\",staticStyle:{\"width\":\"100%\"},attrs:{\"type\":\"number\",\"name\":\"amount\",\"placeholder\":\"Card Amount\"},domProps:{\"value\":(_vm.cardAmount)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.cardAmount=$event.target.value}}})])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-4 text-center\"},[_c('button',{staticClass:\"btn btn_price_them other_btn_4\",style:([\n              _vm.isButtonDisabled ? { cursor: 'not-allowed' } : { cursor: 'pointer' }\n            ]),attrs:{\"disabled\":_vm.isButtonDisabled ? true : null},on:{\"click\":_vm.fundCard}},[_vm._v(_vm._s(_vm.$t('text.extendedReport.fundCard'))+\"\\n            \"),_c('img',{staticClass:\"ml-3 loader1\",staticStyle:{\"display\":\"none\"},attrs:{\"src\":require(\"@/assets/img/git_loader.gif\"),\"width\":\"20px\"}})])])]):_vm._e(),_vm._v(\" \"),(_vm.tab === 'card')?_c('div',[_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(_vm._s(_vm.$t('text.extendedReport.fundRemis')))])]),_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.fundWallet.amount')}})])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-4 text-center\"},[_c('button',{staticClass:\"btn btn_price_them other_btn_4\",on:{\"click\":function($event){return _vm.payFunction($event)}}},[_vm._v(_vm._s(_vm.$t('text.fundWallet.payNow')))])])]):_vm._e(),_vm._v(\" \"),(_vm.tab === 'bank')?_c('div',[_c('div',{staticClass:\"pay_header text-center\"},[_vm._v(_vm._s(_vm.$t('text.extendedReport.fundRemis')))]),_vm._v(\" \"),_c('div',{staticClass:\"text-center mt-4\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/credit_card__grey.svg\"),\"width\":\"35px\"}})]),_vm._v(\" \"),_c('div',{staticClass:\"fund_wallet_user_details_wrapper\"},[_c('div',{staticClass:\"clearfix clearfix_mobile mt-3\",staticStyle:{\"width\":\"70%\",\"margin\":\"0 auto\"}},[_c('div',{staticClass:\"left_div\"},[_c('span',{staticClass:\"mr-4 accont_text_span\"},[_vm._v(_vm._s(_vm.$t('text.fundWallet.bankName'))+\":\")])]),_vm._v(\" \"),_c('div',{staticClass:\"right_div\"},[_c('b',{staticClass:\"accont_text_span\"},[_vm._v(_vm._s(_vm.$t('text.extendedReport.providus')))])])]),_vm._v(\" \"),_c('div',{staticClass:\"clearfix clearfix_mobile mt-3\",staticStyle:{\"width\":\"70%\",\"margin\":\"0 auto\"}},[_c('div',{staticClass:\"left_div\"},[_c('span',{staticClass:\"mr-4 accont_text_span\"},[_vm._v(_vm._s(_vm.$t('text.fundWallet.accountNumber'))+\":\")])]),_vm._v(\" \"),_c('div',{staticClass:\"right_div\"},[_c('b',{staticClass:\"accont_text_span text-right\"},[_vm._v(_vm._s(_vm.cardNumber))])])])])]):_vm._e(),_vm._v(\" \"),_c('div',{staticClass:\"pattern_sec\",style:([\n              {\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              ])})])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <MasterLayout>\r\n    <div class=\"section__row mt-3\">\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.fundWallet.confirmingPayment')\"\r\n          v-if=\"status == loading\"\r\n        >\r\n          <div class=\"epump-loader\" style=\"top: 22%;left: 35%; width:120px; height: 120px\">\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.fundWallet.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.fundWallet.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=\"center_div\">\r\n        <div class=\"pad_div justify-content-center row\">\r\n          <ul class=\"tabs__lists\">\r\n            <li class=\"mt-3\" @click=\"changeTab('bank')\">\r\n              <a\r\n                href=\"#\"\r\n                class=\"tab_link mr-4\"\r\n                :class=\"[tab === 'bank' ?  'active__tab__link' : null]\"\r\n              >\r\n                <i\r\n                  class=\"fa fa-university mr-2\"\r\n                  aria-hidden=\"true\"\r\n                  :style=\"[tab === 'bank' ?  {color:'#0d041d96'} : null]\"\r\n                ></i>\r\n                {{$t('text.fundWallet.bankTransfer')}}\r\n              </a>\r\n            </li>\r\n            <li class=\"mt-3\" @click=\"changeTab('wallet')\">\r\n              <a href=\"#\" class=\"tab_link\" :class=\"[tab === 'wallet' ?  'active__tab__link' : null]\">\r\n                <i\r\n                  class=\"fa fa-credit-card mr-2\"\r\n                  aria-hidden=\"true\"\r\n                  :style=\"[tab === 'wallet' ?  {color:'#0d041d96'} : null]\"\r\n                ></i>\r\n                {{$t('text.extendedReport.fund')}}\r\n              </a>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n        <div v-if=\"tab === 'wallet'\">\r\n          <div class=\"pay_header text-center\">{{$t('text.extendedReport.wallet')}}</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=\"input_holder\">\r\n            <div class=\"mt-4\">\r\n              <input\r\n                type=\"number\"\r\n                name=\"amount\"\r\n                v-model=\"cardAmount\"\r\n                class=\"form-control form__input amount\"\r\n                placeholder=\"Card 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=\"btn btn_price_them other_btn_4\" @click=\"fundCard\"\r\n              :disabled=\"isButtonDisabled ? true : null\"\r\n              :style=\"[\r\n                isButtonDisabled ? { cursor: 'not-allowed' } : { cursor: 'pointer' }\r\n              ]\"\r\n              >{{$t('text.extendedReport.fundCard')}}\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 loader1\"\r\n                />\r\n              </button>\r\n          </div>\r\n        </div>\r\n        <div v-if=\"tab === 'card'\">\r\n          <!-- <div class=\"pay_header text-center\">Fund your remis card by payinig with your card online</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\">{{$t('text.extendedReport.fundRemis')}}</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.fundWallet.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=\"btn btn_price_them other_btn_4\" @click=\"payFunction($event)\">{{$t('text.fundWallet.payNow')}}</button>\r\n          </div>\r\n        </div>\r\n\r\n        <div v-if=\"tab === 'bank'\">\r\n          <div\r\n            class=\"pay_header text-center\"\r\n          >{{$t('text.extendedReport.fundRemis')}}</div>\r\n          <div class=\"text-center mt-4\">\r\n            <img src=\"@/assets/img/credit_card__grey.svg\" width=\"35px\" />\r\n          </div>\r\n          <div class=\"fund_wallet_user_details_wrapper\">\r\n            <!-- <div class=\"mt-4\">\r\n                <div class=\"clearfix clearfix_mobile mt-3\" style=\"width: 70%; margin: 0 auto;\">\r\n                    <div class=\"left_div\">\r\n                        <span class=\"accont_text_span\">{{$t('text.fundWallet.accountName')}}:</span>\r\n                    </div>\r\n                    <div class=\"right_div\">\r\n                        <b class=\"accont_text_span\">{{$t('text.fundWallet.remis')}} - {{accountName}}</b>\r\n                    </div>\r\n                </div>\r\n            </div> -->\r\n            <div class=\"clearfix clearfix_mobile mt-3\" style=\"width: 70%; margin: 0 auto;\">\r\n                <div class=\"left_div\">\r\n                    <span class=\"mr-4 accont_text_span\">{{$t('text.fundWallet.bankName')}}:</span>\r\n                </div>\r\n                <div class=\"right_div\">\r\n                    <b class=\"accont_text_span\">{{$t('text.extendedReport.providus')}}</b>\r\n                </div>\r\n            </div>\r\n             <div class=\"clearfix clearfix_mobile mt-3\" style=\"width: 70%; margin: 0 auto;\">\r\n                <div class=\"left_div\">\r\n                    <span class=\"mr-4 accont_text_span\">{{$t('text.fundWallet.accountNumber')}}:</span>\r\n                </div>\r\n                <div class=\"right_div\">\r\n                    <b class=\"accont_text_span text-right\">{{cardNumber}}</b>\r\n                </div>\r\n            </div>\r\n            <!-- <div class=\"mt-5\">\r\n              <div class=\"pay_header text-center\">Your card will be funded within the next few minutes</div>\r\n            </div> -->\r\n          </div>\r\n        </div>\r\n\r\n        <div\r\n          class=\"pattern_sec\"\r\n          :style=\"[\r\n                {\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/Customer/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: \"Fund Card :: Epump Portal\",\r\n  props: [\"corpId\"],\r\n  name: \"VerifyReceipt\",\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      isButtonDisabled: false,\r\n      backImg,\r\n      tab: \"bank\",\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      accountName: null,\r\n      accountNumber: null,\r\n      toggleBanksDropdown: false,\r\n      isButtonDisabled: false,\r\n      showButtonLoader: true,\r\n      flwRef: \"\",\r\n      trxRef: \"\",\r\n      cardNumber: null,\r\n      accountName: null,\r\n      cardAmount: null,\r\n      userDetails: localStorage.getItem(\"userDetails\") ? JSON.parse(localStorage.getItem(\"userDetails\")) : null,\r\n\r\n    };\r\n  },\r\n  created() {\r\n    this.getFundProperties();\r\n  },\r\n  beforeDestroy() {},\r\n  mounted() {\r\n    if(this.$route.query.cardNumber) {\r\n      this.cardNumber = this.$route.query.cardNumber\r\n    }else {\r\n      this.getCardDetails()\r\n    }\r\n  },\r\n  methods: {\r\n    fundCard() {\r\n      if(!this.cardAmount) {\r\n         this.$toast.open({\r\n            message:this.$t (\"text.extendedReport.fundCardNoti\"),\r\n            type: \"error\",\r\n            duration: 5000\r\n          });\r\n          return\r\n      }\r\n      let data = {\r\n        \"cardId\": this.$route.query.cardId,\r\n        \"amount\": parseFloat(this.cardAmount)\r\n      }\r\n      this.isButtonDisabled = true\r\n      $(\".loader1\").show();\r\n      this.axios\r\n        .post(\r\n          `${configObject.apiBaseUrl}/Card/FundCard`,\r\n          data,\r\n          configObject.authConfig()\r\n        )\r\n        .then(() => {\r\n          this.isButtonDisabled = false\r\n          $(\".loader1\").hide();\r\n          // this.$router.push({name: 'cards'})\r\n          this.$toast.open({\r\n            message: \"Card funded sucessfully\",\r\n            type: \"success\",\r\n            duration: 3000\r\n          });\r\n        })\r\n        .catch(error => {\r\n          this.isButtonDisabled = false\r\n          $(\".loader1\").hide();\r\n        });\r\n    },\r\n    changeTab(tab) {\r\n      this.tab = tab;\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    getFundProperties() {\r\n      this.showBtnLoader = true;\r\n      if (localStorage.getItem(\"userDetails\")) {\r\n        this.axios\r\n          .get( `${configObject.apiBaseUrl}/Wallet/FundProperties?id=${this.$route.query.id}`, 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.banks = response.data.banks;\r\n          })\r\n          .catch(error => {});\r\n      }\r\n    },\r\n    getCardDetails() {\r\n      this.axios\r\n        .post(\r\n          `${configObject.apiBaseUrl}/Card/VehicleCard/${this.$route.query.id}`, {},\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n            this.cardNumber = response.data[0].cardNumber; \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      let data = {\r\n        \"amount\": this.amount.toString() + \"\",\r\n        \"trxRef\": this.trxRef,\r\n        \"flwRef\": this.flwRef,\r\n        \"flw\": true,\r\n        \"corpId\": null,\r\n        \"remis\": true,\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.fundWallet.paymentConfirmed'),\r\n            type: \"success\",\r\n            duration: 5000\r\n          });\r\n          \r\n         \r\n        })\r\n        .catch(error => {\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        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            var flw_ref = response.data.transactionobject.flwRef; // collect flwRef returned and pass to a erver page to complete status check.\r\n            \r\n            if (\r\n              response.data.respcode == \"00\" \r\n            ) {\r\n              _this.trxRef = response.data.transactionobject.txRef;\r\n              _this.flwRef = flw_ref;\r\n              _this.amount = realAmt.toString();\r\n              //_this.closeModal();\r\n              this.status = this.success;\r\n              this.showModal();\r\n              _this.confirmPayment();\r\n              this.$toast.open({\r\n                message: this.$t('text.fundWallet.paymentConfirmed'),\r\n                type: \"success\",\r\n                duration: 5000\r\n              });\r\n              // $('.trxRef').val(response.tx.txRef);\r\n              // $('.flwRef').val(flw_ref);\r\n              //$('.onlinePay').submit();\r\n\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          },\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.fundWallet.amountNotSet'),\r\n          type: \"error\",\r\n          duration: 10000\r\n        });\r\n        btn.removeAttr(\"disabled\");\r\n      }\r\n    },\r\n    // getBankName(bank) {\r\n    //   this.bank = bank;\r\n    //   let _this = this;\r\n    //   this.banks.forEach(bank => {\r\n    //     if (bank.bankName === _this.bank) {\r\n    //       _this.accountName = bank.accountName;\r\n    //       _this.accountNumber = bank.accountNumber;\r\n    //     }\r\n    //   });\r\n    // }\r\n  }\r\n};\r\n</script>\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!./fundCard.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!./fundCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./fundCard.vue?vue&type=template&id=22c21430&\"\nimport script from \"./fundCard.vue?vue&type=script&lang=js&\"\nexport * from \"./fundCard.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"],"sourceRoot":""}