{"version":3,"sources":["webpack:///./src/assets/svg/tel.svg","webpack:///./src/assets/svg/location.svg","webpack:///./src/views/Company/Remis/retainerDetails.vue?8b18","webpack:///./src/views/Company/Remis/retainerDetails.vue","webpack:///./src/BreakdownComponent/Company/Remis/RetainerDetails/VoucherHistory.vue","webpack:///src/BreakdownComponent/Company/Remis/RetainerDetails/VoucherHistory.vue","webpack:///./src/BreakdownComponent/Company/Remis/RetainerDetails/VoucherHistory.vue?7c46","webpack:///./src/BreakdownComponent/Company/Remis/RetainerDetails/VoucherHistory.vue?edd0","webpack:///src/views/Company/Remis/retainerDetails.vue","webpack:///./src/views/Company/Remis/retainerDetails.vue?dbb9","webpack:///./src/views/Company/Remis/retainerDetails.vue?5298"],"names":["module","exports","render","_vm","this","_c","_self","attrs","creditLimit","clientId","companyId","_v","allLoader","staticClass","_l","c","i","key","showLoader","staticStyle","class","_e","clientData","_s","convertThousand","balance","walletInfo","$t","inflow","outflow","logoUrl","require","name","username","email","phoneNumber","address","state","country","tab","on","maxDate","$root","$i18n","locale","customShortcuts","model","value","dateRange","callback","$$v","expression","openCreditLimitModal","openWalletTopUpModal","voucherHistory","cardList","walletHistory","pendingRequest","details","staticRenderFns","directives","rawName","ref","refreshGrid","pageSettings","toolbar","search","toolbarClick","usedLang","rowDataBound","props","components","TableLoader","TransactionDetailsModal","provide","grid","created","data","operator","ignoreCase","pageSizes","pageCount","pageSize","viewDetails","template","methods","args","component","$","title","MasterLayout","CardList","WalletHistory","VoucherHistory","PendingClientRequest","DropDown","WalletTopUp","EditCreditLimit","ID","cardCharge","totalCards","issuedCards","unissuedCards","cards","corpId","backgroundUrl","cardBackgroundUrl","fuelBalance","walletTransactions","totalTransactions","tableDataCount","userDetails","JSON","retainerships","retainershipCount","company","status","queryStrings","id","info","emitName","delete","hasDelete","deleteName","query","optionsTemplate","startDate","endDate","pluginStartDate","pluginEndDate","start","end","label","watch","option","index","beforeDestroy","mounted","searchFun","toFixed","toString","replace","excelQueryCellInfo","revertNumber","callEndpoints","getVoucherHistory","get","configObject","isRemis","then","response","el","catch","error","customError","message","type","duration","getCardRequests","companyID","requests","request","console","getWalletHistory","getRemisHash","localStorage","getCardCharge","getCards","getRetainerships","walletTopup","_walletTransactions","updateCreditLimit","changeRoute","walletId","showFundWalletModal","showAddRetainershipModal"],"mappings":"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AP,OACA,OACAA,UAIAQ,SACAF,cACA,2DASAE,SAGAhB,yBACA,6BACAiB,kCAEA,8BACAA,qCAGAnB,gBACA,oBACA,iBACA,gCACA,MACA,mBACA,kCACA,QAIAJ,cACA,iCCpMqY,I,YCOjYwB,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,EAAAA,E,yFC0Pf,IAAIC,EAAI,IAEO,OACfC,qCACAzD,oBACAuC,YACAmB,oBACAC,gBACAC,qBACAC,iBACAC,4BACAtB,mBACAuB,gBACAC,mBACAC,wBAGApB,OACA,OACAnD,gBACAd,aACA2C,YACAC,iBACAF,kBACAG,kBACAlB,oBACA2D,wBACAzF,oCACAa,gBAEA6E,aACAC,aACAC,cACAC,gBACAC,OACA,CACAd,+CAGA,CACAA,+CAGA,CACAA,kDAIArB,yCACAoC,YACAC,kBACAC,sBACAC,cACAC,wBACA1F,cACA2F,uBACAC,kBACAC,gDACAC,gDACA,KAEAC,mBACAC,oBACA1G,eACA0B,SACAiF,aACAzG,sCACA,4BACA,aACA,gBACA,GACAgD,SACAmB,MAAAuC,WACAC,cAAAC,MAAA5G,uCACA6G,MACA,CACAvF,8CACAwF,wBAEA,CACAxF,+CACAwF,+BAEA,CACAxF,8CACAwF,+BAGAC,QACAC,aACAC,2BACA3F,cACA4F,aAGAC,2BACA,OACAzC,kBAKA3C,oDACAqF,oEACAC,8CACAC,sEACAC,gDACAjF,WAAAkF,2BAAAC,wBACAtF,iBACA,CAAA5B,YAAAmH,qCAAArF,aACA,CACA9B,gBACAmH,yCACArF,cAEA,CACA9B,gBACAmH,yCACArF,SAEA,CACA9B,eACAmH,wCACArF,kBAEA,CACA9B,iBACAmH,0CACArF,UAEA,CACA9B,gBACAmH,yCACArF,mBAMAsF,OACA9F,OACA,IACA,qBACA,wBAEA,uBACA,uBAEA,aACA,gBAEA,eACA,2BAIAS,wBACA,+BACA,yDACA,cAEA,qDACA,cAGA,sBACA,yBAGA,4BACA,0BAIAmE,WACA,aACA,2CACA,4BACAA,KAEA,kDAEA,EAGA,qBAFA,uBAOAvC,UAOA,GANA,0CACA,sCACA,iCACA,iBAGA,6BACA,kDACA,EAGA,qBAFA,oBAMA,iDACA,oBACA,kCACA,8CACA,2CAEA,8CAGA,MAFA0D,wBAIA,wDACAC,MAEA,sDACAA,yCAGA,cACAA,WAGAD,8CAGA,qDACA,sBAGA,qDACA,8BAGA,qDACA,2BAGA,2CACA,uBAEA,oDACA,4BAEA,4CACA,mBACA,gBAGAE,gBAEA,0CACA,uCAGAC,UAIA,cACA,oEACA,iBACA9D,YANAa,iCACAkD,SAQArD,SAEA7D,mBACA,mBAGA,EACAmH,QAAA,GACAC,WACAC,QAAA,6BALA,QAOAC,sBACA,yBACAxD,qDAIAyD,gBACA,0CAKA3F,uBACA,qCAGAC,uBACA,iCAKA2F,gBACA,wBACA,gBACA,gBACA,wBACA,uBACA,0BAGA,sBAIAC,oBACA,mBAEA,WACAC,IACA,qCACA,4BACA,4BACA,mBACA,qDACA,mDAGAC,mBAAAC,cAEAC,KAAAC,IACA,QAEAA,iCACAf,IACAgB,UAEAA,4CACA,qBAEAA,+CACA,qBAEAA,6BACAA,uCACAA,uCACAA,6CACAA,8BACAA,sCAEA,yCAEA,qBAEAC,MAAAC,IAGA,MAFA,mBAIAC,EADA,WACAA,wBAEAA,UAGA,kBACAC,UACAC,aACAC,kBAKAC,kBACA,gDACAC,iEAEA,mBAEA,WACAb,IACA,+DACA,4BACA,4BACA,kCAGAC,mBAAAC,cAEAC,KAAAC,IACA,yBACAU,cACAC,6CACA,gBAGA,mBAEA,eACAV,4CAGA,4BACA,6BACAA,GACAA,8DAGA,yBAGAC,MAAAC,IACA,mBAEAS,kBAKAC,mBACA,mBAEA,WACAjB,IACA,+CACA,4BACA,4BACA,mBACA,qDACA,mDAGAC,mBAAAC,cAEAC,KAAAC,IACA,QAEAA,qCACAf,IACAgB,UAEAA,wDAEAA,0BACAA,cACAA,6CACAA,0BAEA,4BACA,4CAEA,qBAEAC,MAAAC,IAGA,MAFA,mBAIAC,EADA,WACAA,wBAEAA,UAGA,kBACAC,UACAC,aACAC,kBAKAO,eACA,mBAEA,WACAlB,IACA,uCACAC,qBAEAE,KAAAC,IACAe,qDAEA,0BAEAb,MAAAC,QAGAa,gBACA,mBACA,WACApB,IACA,6DACA,4BACA,4BACA,kBAEAC,mBAAAC,cAEAC,KAAAC,IACA,mBAEA,8BAEAE,MAAAC,IAEA,MADA,mBAGAC,EADA,WACAA,wBAEAA,UAGAQ,eACA,kBACAP,UACAC,aACAC,kBAMAU,WACA,mBAEA,WACArB,IACA,8DACA,4BACA,4BACA,mBACA,gCACAC,mBAAAC,cAEAC,KAAAC,IACA,QAEA,yBAEA/C,cACAgC,IACAgB,UACAA,6DACAA,6CACAA,6BACAA,6CACAA,qCAGA,gBAQA,qBAEAC,MAAAC,IAGA,MAFA,mBAIAC,EADA,WACAA,wBAEAA,UAGA,kBACAC,UACAC,aACAC,kBAMAW,mBACA,kBACA,WACAtB,IACA,0DACA,4BACA,4BACA,kCAEAC,mBAAAC,cAEAC,KAAAC,IACA,kBAEA,iCACA,gBAGA,IACA,wBAGAE,MAAAC,IAGA,MAFA,kBAIAC,EADA,WACAA,wBAEAA,UAGAQ,eACA,kBACAP,UACAC,aACAC,kBAKAY,eACA,iBACA,iCACApD,KACAA,WACAA,SAGAqD,uBACA,iBACA,iCACArD,KACAA,WACAA,SAGAsD,oBACA,qBACA,iBACA,8BACA,yBAEA,qCAGAC,qBACA,mBACA5I,OACA4F,OACAN,KACAuD,WACA7I,OACAtB,0CAIAoK,sBACA,0CAEAC,2BACA,4CC/5BuX,ICQnX,G,UAAY,eACd,EACA7K,EACAyD,GACA,EACA,KACA,WACA,OAIa,e","file":"js/chunk-5f0a52e1.f992cd1e.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/tel.ae58fc2a.svg\";","module.exports = __webpack_public_path__ + \"img/location.45734860.svg\";","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!./retainerDetails.vue?vue&type=style&index=0&id=3f6c591f&prod&scoped=true&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('EditCreditLimit',{attrs:{\"creditLimit\":_vm.creditLimit,\"clientId\":_vm.clientId,\"companyID\":_vm.companyId}}),_vm._v(\" \"),_c('WalletTopUp',{attrs:{\"clientId\":_vm.clientId,\"companyID\":_vm.companyId}}),_vm._v(\" \"),_c('MasterLayout',[(_vm.allLoader)?_c('section',{staticClass:\"row card-loader-wrapper w-100\"},[_vm._l((2),function(c,i){return _c('div',{key:i,staticClass:\"col-md-6 position-relative mb-2\"},[_c('div',{staticClass:\"card-loader\"})])}),_vm._v(\" \"),(_vm.showLoader)?_c('div',{staticClass:\"showLoaderDiv charts__loader w-full mt-5 rounded-lg w-full\",staticStyle:{\"width\":\"130% !important\",\"height\":\"100%\"}},[_c('div',{class:_vm.showLoader ? 'loading' : null})]):_vm._e()],2):_vm._e(),_vm._v(\" \"),(!_vm.allLoader && _vm.clientData)?_c('section',[_c('section',[_c('div',{staticClass:\"fuelbalance_first_row\"},[_c('div',{staticClass:\"row align-items-center mx-auto\",staticStyle:{\"width\":\"97%\"}},[_c('div',{staticClass:\"col-sm-12 col-lg-4 py-4 px-4 wallet-card shadow-sm\"},[_c('div',[_c('h4',[_vm._v(\"Wallet Balance\")]),_vm._v(\" \"),_c('h3',[_vm._v(_vm._s(_vm.convertThousand(_vm.clientData.balance)))])]),_vm._v(\" \"),(_vm.walletInfo)?_c('section',{staticClass:\"flow d-flex mb-1\"},[_c('div',{staticClass:\"py-1 pl-2\"},[_c('span',[_vm._v(_vm._s(_vm.$t(\"text.assets.inflow\"))+\":\")]),_vm._v(\" \"),_c('span',{staticStyle:{\"font-weight\":\"600\"}},[_vm._v(_vm._s(_vm.convertThousand(_vm.walletInfo.inflow)))])]),_vm._v(\" \"),_c('div',{staticClass:\"py-1 ml-4\"},[_c('span',[_vm._v(_vm._s(_vm.$t(\"text.assets.outflow\"))+\":\")]),_vm._v(\" \"),_c('span',{staticStyle:{\"font-weight\":\"600\"}},[_vm._v(_vm._s(_vm.convertThousand(_vm.walletInfo.outflow)))])])]):_vm._e(),_vm._v(\" \"),_c('section',{staticClass:\"d-flex\"},[_c('div',{staticClass:\"credit-limit py-1 pl-2\"},[_c('span',[_vm._v(\"Credit limit:\")]),_vm._v(\" \"),_c('span',{staticStyle:{\"font-weight\":\"600\"}},[_vm._v(_vm._s(_vm.convertThousand(_vm.clientData.creditLimit)))])])])]),_vm._v(\" \"),_c('div',{staticClass:\"col-sm-12 col-lg-8\"},[_c('div',{staticClass:\"mt-3 d-flex overview-card py-3 px-4 shadow-sm\",staticStyle:{\"background-color\":\"#f3f4f5\",\"color\":\"#8991a0\"}},[_c('div',[(_vm.clientData.logoUrl)?_c('img',{staticClass:\"mr-4\",staticStyle:{\"width\":\"90px\",\"border-radius\":\"100%\"},attrs:{\"src\":_vm.clientData.logoUrl}}):_vm._e(),_vm._v(\" \"),(!_vm.clientData.logoUrl)?_c('img',{staticClass:\"mr-4\",staticStyle:{\"width\":\"90px\",\"border-radius\":\"100%\"},attrs:{\"src\":require(\"@/assets/img/avatar.svg\")}}):_vm._e()]),_vm._v(\" \"),_c('div',{},[_c('h3',{staticClass:\"text-dark\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.clientData.name)+\"\\n                    \"),_c('span',{staticStyle:{\"font-size\":\"20px\"}},[_vm._v(\"(\"+_vm._s(_vm.clientData.username)+\")\")])]),_vm._v(\" \"),_c('p',[_vm._v(_vm._s(_vm.clientData.email))]),_vm._v(\" \"),_c('div',{staticClass:\"d-flex align-items-center\"},[_c('div',{staticClass:\"mr-3 d-flex align-items-center\"},[_c('img',{staticClass:\"mr-2\",staticStyle:{\"margin-top\":\"-20px\"},attrs:{\"src\":require(\"@/assets/svg/tel.svg\"),\"width\":\"15\"}}),_vm._v(\" \"),_c('p',{},[_vm._v(_vm._s(_vm.clientData.phoneNumber))])]),_vm._v(\" \"),_c('div',{staticClass:\"d-flex align-items-center\"},[_c('img',{staticClass:\"mr-2\",staticStyle:{\"margin-top\":\"-20px\"},attrs:{\"src\":require(\"@/assets/svg/location.svg\"),\"width\":\"15\"}}),_vm._v(\" \"),_c('p',{},[_vm._v(\"\\n                        \"+_vm._s(`${_vm.clientData.address} ${_vm.clientData.state} ${_vm.clientData.country}`)+\"\\n                      \")])])])])])])])])]),_vm._v(\" \"),_c('section',{staticClass:\"d-flex flex-column-reverse flex-lg-row justify-content-between my-2\"},[_c('section',[_c('div',{staticClass:\"d-flex ml-4 mt-3 tabs\"},[_c('div',{staticClass:\"tab mr-3\",class:_vm.tab === 'walletHistory' && 'activeTab',on:{\"click\":() => (this.tab = 'walletHistory')}},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.retainership.walletHistory\"))+\"\\n            \")]),_vm._v(\" \"),_c('div',{staticClass:\"tab mr-3\",class:_vm.tab === 'voucher' && 'activeTab',on:{\"click\":() => (this.tab = 'voucher')}},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.cusMasterLayout.voucher\"))+\"\\n            \")]),_vm._v(\" \"),_c('div',{staticClass:\"mr-4 tab\",class:_vm.tab === 'cards' && 'activeTab',on:{\"click\":() => (this.tab = 'cards')}},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.cards.cards\"))+\"\\n            \")]),_vm._v(\" \"),_c('div',{staticClass:\"tab\",class:_vm.tab === 'pendingRequests' && 'activeTab',on:{\"click\":() => (this.tab = 'pendingRequests')}},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.retainership.pendingRequest\"))+\"\\n            \")])])]),_vm._v(\" \"),_c('section',{staticClass:\"d-flex mr-4 my-1\"},[(_vm.tab === 'walletHistory' || _vm.tab === 'voucher')?_c('div',{staticClass:\"mr-2\"},[_c('vue-ctk-date-time-picker',{attrs:{\"max-date\":_vm.maxDate,\"range\":true,\"autoClose\":true,\"locale\":this.$root.$i18n.locale,\"custom-shortcuts\":_vm.customShortcuts,\"color\":\"#4b2d73\",\"format\":\"DDMMYYYY\",\"formatted\":\"DD/MM/YYYY\",\"label\":_vm.$t('text.calendar.dateRange')},model:{value:(_vm.dateRange),callback:function ($$v) {_vm.dateRange=$$v},expression:\"dateRange\"}})],1):_vm._e(),_vm._v(\" \"),_c('button',{staticClass:\"py-2 px-3 text-white\",staticStyle:{\"background-color\":\"#46266e\",\"border\":\"none\",\"border-radius\":\"5px\",\"font-size\":\"14px\"},on:{\"click\":_vm.openCreditLimitModal}},[_vm._v(\"\\n            \"+_vm._s(_vm.$t(\"text.assets.updateCreditLimit\"))+\"\\n            \")]),_vm._v(\" \"),_c('button',{staticClass:\"ml-2 py-2 px-3 text-white\",staticStyle:{\"background-color\":\"#46266e\",\"border\":\"none\",\"border-radius\":\"5px\",\"font-size\":\"14px\"},on:{\"click\":_vm.openWalletTopUpModal}},[_vm._v(\"\\n            \"+_vm._s(_vm.$t(\"text.retainership.walletTopup\"))+\"\\n          \")])])]),_vm._v(\" \"),_c('section',{staticClass:\"section__row mt-3\"},[_c('div',{},[(!_vm.showLoader)?_c('div',{staticClass:\"position-relative\"},[(_vm.tab === 'voucher')?_c('VoucherHistory',{attrs:{\"voucherHistory\":_vm.voucherHistory}}):_vm._e(),_vm._v(\" \"),(_vm.tab === 'cards')?_c('CardList',{attrs:{\"cards\":_vm.cardList}}):_vm._e(),_vm._v(\" \"),(_vm.tab === 'walletHistory')?_c('WalletHistory',{attrs:{\"walletHistory\":_vm.walletHistory}}):_vm._e(),_vm._v(\" \"),(_vm.tab === 'pendingRequests')?_c('PendingClientRequest',{attrs:{\"pendingRequest\":_vm.pendingRequest}}):_vm._e()],1):_c('TableLoader',{attrs:{\"showLoader\":_vm.showLoader}}),_vm._v(\" \"),_c('DropDown',{attrs:{\"details\":_vm.details}})],1)])]):_vm._e()])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"position-relative\"},[_c('ejs-grid',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.showLoader),expression:\"!showLoader\"}],ref:\"dataGrid\",attrs:{\"created\":_vm.refreshGrid,\"allowPaging\":true,\"allowSorting\":true,\"pageSettings\":_vm.pageSettings,\"toolbar\":_vm.toolbar,\"searchSettings\":_vm.search,\"allowExcelExport\":true,\"allowPdfExport\":true,\"toolbarClick\":_vm.toolbarClick,\"locale\":_vm.usedLang,\"dataSource\":_vm.voucherHistory,\"rowDataBound\":_vm.rowDataBound}},[_c('e-columns',[_c('e-column',{attrs:{\"width\":\"40\",\"field\":\"index\",\"headerText\":\"#\"}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"date\",\"width\":\"180\",\"headerText\":_vm.$t('text.calendar.date')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"validity\",\"width\":\"150\",\"headerText\":_vm.$t('text.drivers.validity')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"staff\",\"width\":\"200\",\"headerText\":_vm.$t('text.bMasterLayout.staff')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"ownerEmail\",\"width\":\"200\",\"headerText\":_vm.$t('text.cards.ownerEmail')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"amount\",\"width\":\"150\",\"format\":\"N\",\"headerText\":_vm.$t('text.form.amount')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"consumptionStatus\",\"width\":\"130\",\"headerText\":_vm.$t('text.cDrystock.supplies.status')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"pin\",\"width\":\"120\",\"headerText\":_vm.$t('text.addCardVehicle.pin')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"location\",\"width\":\"200\",\"headerText\":_vm.$t('text.cards.location')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"returnBalanceTo\",\"width\":\"200\",\"headerText\":_vm.$t('text.cards.returnBalance')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"transferred\",\"width\":\"120\",\"headerText\":_vm.$t('text.voucher.transferred')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"vehicle\",\"width\":\"250\",\"headerText\":_vm.$t('text.cards.vehicle')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"expiryDate\",\"width\":\"150\",\"headerText\":_vm.$t('text.cards.expiryDate')}})],1)],1),_vm._v(\" \"),_c('TableLoader',{attrs:{\"showLoader\":_vm.showLoader}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"position-relative\">\r\n    <!-- <TransactionDetailsModal\r\n      v-if=\"details\"\r\n      :details=\"details\"\r\n      :moreDetails=\"false\"\r\n    /> -->\r\n    <ejs-grid\r\n      v-show=\"!showLoader\"\r\n      ref=\"dataGrid\"\r\n      :created=\"refreshGrid\"\r\n      :allowPaging=\"true\"\r\n      :allowSorting=\"true\"\r\n      :pageSettings=\"pageSettings\"\r\n      :toolbar=\"toolbar\"\r\n      :searchSettings=\"search\"\r\n      :allowExcelExport=\"true\"\r\n      :allowPdfExport=\"true\"\r\n      :toolbarClick=\"toolbarClick\"\r\n      :locale=\"usedLang\"\r\n      :dataSource=\"voucherHistory\"\r\n      :rowDataBound=\"rowDataBound\"\r\n    >\r\n      <e-columns>\r\n        <e-column width=\"40\" field=\"index\" headerText=\"#\"></e-column>\r\n\r\n        <e-column\r\n          field=\"date\"\r\n          width=\"180\"\r\n          :headerText=\"$t('text.calendar.date')\"\r\n        ></e-column>\r\n\r\n        <e-column\r\n          field=\"validity\"\r\n          width=\"150\"\r\n          :headerText=\"$t('text.drivers.validity')\"\r\n        ></e-column>\r\n\r\n        <e-column\r\n          field=\"staff\"\r\n          width=\"200\"\r\n          :headerText=\"$t('text.bMasterLayout.staff')\"\r\n        ></e-column>\r\n        <e-column\r\n          field=\"ownerEmail\"\r\n          width=\"200\"\r\n          :headerText=\"$t('text.cards.ownerEmail')\"\r\n        ></e-column>\r\n\r\n        <e-column\r\n          field=\"amount\"\r\n          width=\"150\"\r\n          format=\"N\"\r\n          :headerText=\"$t('text.form.amount')\"\r\n        ></e-column>\r\n\r\n        <e-column\r\n          field=\"consumptionStatus\"\r\n          width=\"130\"\r\n          :headerText=\"$t('text.cDrystock.supplies.status')\"\r\n        ></e-column>\r\n\r\n        <e-column\r\n          field=\"pin\"\r\n          width=\"120\"\r\n          :headerText=\"$t('text.addCardVehicle.pin')\"\r\n        ></e-column>\r\n\r\n        <e-column\r\n          field=\"location\"\r\n          width=\"200\"\r\n          :headerText=\"$t('text.cards.location')\"\r\n        ></e-column>\r\n\r\n        <e-column\r\n          field=\"returnBalanceTo\"\r\n          width=\"200\"\r\n          :headerText=\"$t('text.cards.returnBalance')\"\r\n        ></e-column>\r\n\r\n        <e-column\r\n          field=\"transferred\"\r\n          width=\"120\"\r\n          :headerText=\"$t('text.voucher.transferred')\"\r\n        ></e-column>\r\n        <e-column\r\n          field=\"vehicle\"\r\n          width=\"250\"\r\n          :headerText=\"$t('text.cards.vehicle')\"\r\n        ></e-column>\r\n\r\n        <e-column\r\n          field=\"expiryDate\"\r\n          width=\"150\"\r\n          :headerText=\"$t('text.cards.expiryDate')\"\r\n        ></e-column>\r\n\r\n        <!-- <e-column\r\n          width=\"200\"\r\n          :headerText=\"$t('text.cBranchWallet.action')\"\r\n          :template=\"viewDetails\"\r\n        >\r\n        </e-column> -->\r\n      </e-columns>\r\n    </ejs-grid>\r\n    <TableLoader :showLoader=\"showLoader\" />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Vue from \"vue\";\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\n\r\nimport TableLoader from \"@/components/tableLoader/index\";\r\nimport TransactionDetailsModal from \"@/components/modals/Remis/TransactionDetailsModal.vue\";\r\n\r\nexport default {\r\n  name: \"VoucherHistory\",\r\n  props: [\"showLoader\", \"voucherHistory\"],\r\n  components: {\r\n    TableLoader,\r\n    TransactionDetailsModal,\r\n  },\r\n  provide: {\r\n    grid: [Page, Sort, Toolbar, Search, ExcelExport, PdfExport],\r\n  },\r\n  created() {\r\n    this.$eventHub.$on(\"tranDetailsModal\", (data) => {\r\n      this.details = data;\r\n\r\n      this.$modal.show(\"accountCompanySettlement\");\r\n    });\r\n  },\r\n  data() {\r\n    return {\r\n      usedLang: this.$store.getters.getLanguage,\r\n      toolbar: [\"ExcelExport\", \"PdfExport\", \"Search\"],\r\n      search: { operator: \"contains\", ignoreCase: true },\r\n      details: null,\r\n      pageSettings: {\r\n        pageSizes: [10, 20, 50, 100, 200],\r\n        pageCount: 4,\r\n        pageSize: 10,\r\n      },\r\n      viewDetails: function () {\r\n        return {\r\n          template: Vue.component(\"columnTemplate\", {\r\n            template: `  <button @click=\"viewDetails\" style=\"background-color:#290C53; padding:15px; border:none; color:white; border-radius:5px;\"> {{ $t(\"text.cBranchWallet.viewMore\") }}</button>  \r\n         `,\r\n            data() {\r\n              return {\r\n                data: {},\r\n              };\r\n            },\r\n\r\n            methods: {\r\n              viewDetails() {\r\n                this.$eventHub.$emit(\"tranDetailsModal\", this.data);\r\n              },\r\n            },\r\n          }),\r\n        };\r\n      },\r\n    };\r\n  },\r\n\r\n  methods: {\r\n    //Utilities\r\n\r\n    rowDataBound: function (args) {\r\n      if (args.data[\"status\"] === \"Debit\") {\r\n        args.row.cells[4].style.color = \"red\";\r\n      }\r\n      if (args.data[\"status\"] === \"Credit\") {\r\n        args.row.cells[4].style.color = \"green\";\r\n      }\r\n    },\r\n    toolbarClick(args) {\r\n      switch (args.item.text) {\r\n        case \"PDF Export\":\r\n          this.$refs.dataGrid.pdfExport();\r\n          break;\r\n        case \"Excel Export\":\r\n          this.$refs.dataGrid.excelExport();\r\n          break;\r\n      }\r\n    },\r\n\r\n    refreshGrid() {\r\n      this.$refs.dataGrid.refresh();\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style>\r\n</style>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VoucherHistory.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!./VoucherHistory.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VoucherHistory.vue?vue&type=template&id=5a9a0af4&\"\nimport script from \"./VoucherHistory.vue?vue&type=script&lang=js&\"\nexport * from \"./VoucherHistory.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","<template>\r\n  <div>\r\n    <EditCreditLimit\r\n      :creditLimit=\"creditLimit\"\r\n      :clientId=\"clientId\"\r\n      :companyID=\"companyId\"\r\n    ></EditCreditLimit>\r\n    <WalletTopUp :clientId=\"clientId\" :companyID=\"companyId\"></WalletTopUp>\r\n\r\n    <MasterLayout>\r\n      <!-- LOADER -->\r\n      <section class=\"row card-loader-wrapper w-100\" v-if=\"allLoader\">\r\n        <div\r\n          class=\"col-md-6 position-relative mb-2\"\r\n          v-for=\"(c, i) in 2\"\r\n          :key=\"i\"\r\n        >\r\n          <div class=\"card-loader\"></div>\r\n        </div>\r\n        <!-- LOADER -->\r\n        <div\r\n          class=\"showLoaderDiv charts__loader w-full mt-5 rounded-lg w-full\"\r\n          style=\"width: 130% !important; height: 100%\"\r\n          v-if=\"showLoader\"\r\n        >\r\n          <div :class=\"showLoader ? 'loading' : null\"></div>\r\n        </div>\r\n        <!-- END LOADER -->\r\n      </section>\r\n      <!-- END LOADER -->\r\n\r\n      <section v-if=\"!allLoader && clientData\">\r\n        <section>\r\n          <div class=\"fuelbalance_first_row\">\r\n            <div class=\"row align-items-center mx-auto\" style=\"width: 97%\">\r\n              <div class=\"col-sm-12 col-lg-4 py-4 px-4 wallet-card shadow-sm\">\r\n                <div>\r\n                  <h4>Wallet Balance</h4>\r\n                  <h3>{{ convertThousand(clientData.balance) }}</h3>\r\n                </div>\r\n\r\n                <section class=\"flow d-flex mb-1\" v-if=\"walletInfo\">\r\n                  <div class=\"py-1 pl-2\">\r\n                    <span>{{ $t(\"text.assets.inflow\") }}:</span>\r\n                    <span style=\"font-weight: 600\" class=\"\">{{\r\n                      convertThousand(walletInfo.inflow)\r\n                    }}</span>\r\n                  </div>\r\n\r\n                  <div class=\"py-1 ml-4\">\r\n                    <span>{{ $t(\"text.assets.outflow\") }}:</span>\r\n                    <span style=\"font-weight: 600\" class=\"\">{{\r\n                      convertThousand(walletInfo.outflow)\r\n                    }}</span>\r\n                  </div>\r\n                </section>\r\n\r\n                <section class=\"d-flex\">\r\n                  <div class=\"credit-limit py-1 pl-2\">\r\n                    <span>Credit limit:</span>\r\n                    <span style=\"font-weight: 600\" class=\"\">{{\r\n                      convertThousand(clientData.creditLimit)\r\n                    }}</span>\r\n                  </div>\r\n                </section>\r\n              </div>\r\n\r\n              <div class=\"col-sm-12 col-lg-8\">\r\n                <div\r\n                  style=\"background-color: #f3f4f5; color: #8991a0\"\r\n                  class=\"mt-3 d-flex overview-card py-3 px-4 shadow-sm\"\r\n                >\r\n                  <div>\r\n                    <img\r\n                      :src=\"clientData.logoUrl\"\r\n                      style=\"width: 90px; border-radius: 100%\"\r\n                      class=\"mr-4\"\r\n                      v-if=\"clientData.logoUrl\"\r\n                    />\r\n\r\n                    <img\r\n                      src=\"@/assets/img/avatar.svg\"\r\n                      style=\"width: 90px; border-radius: 100%\"\r\n                      class=\"mr-4\"\r\n                      v-if=\"!clientData.logoUrl\"\r\n                    />\r\n                  </div>\r\n                  <div class=\"\">\r\n                    <h3 class=\"text-dark\">\r\n                      {{ clientData.name }}\r\n                      <span style=\"font-size: 20px\"\r\n                        >({{ clientData.username }})</span\r\n                      >\r\n                    </h3>\r\n                    <p>{{ clientData.email }}</p>\r\n                    <div class=\"d-flex align-items-center\">\r\n                      <div class=\"mr-3 d-flex align-items-center\">\r\n                        <img\r\n                          src=\"@/assets/svg/tel.svg\"\r\n                          width=\"15\"\r\n                          style=\"margin-top: -20px\"\r\n                          class=\"mr-2\"\r\n                        />\r\n                        <p class=\"\">{{ clientData.phoneNumber }}</p>\r\n                      </div>\r\n\r\n                      <div class=\"d-flex align-items-center\">\r\n                        <img\r\n                          src=\"@/assets/svg/location.svg\"\r\n                          width=\"15\"\r\n                          style=\"margin-top: -20px\"\r\n                          class=\"mr-2\"\r\n                        />\r\n                        <p class=\"\">\r\n                          {{\r\n                            `${clientData.address} ${clientData.state} ${clientData.country}`\r\n                          }}\r\n                        </p>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </section>\r\n\r\n        <!-- tabs -->\r\n\r\n        <section\r\n          class=\"d-flex flex-column-reverse flex-lg-row justify-content-between my-2\"\r\n        >\r\n          <section>\r\n            <div class=\"d-flex ml-4 mt-3 tabs\">\r\n              <div\r\n                @click=\"() => (this.tab = 'walletHistory')\"\r\n                class=\"tab mr-3\"\r\n                :class=\"tab === 'walletHistory' && 'activeTab'\"\r\n              >\r\n                {{ $t(\"text.retainership.walletHistory\") }}\r\n              </div>\r\n\r\n              <div\r\n                @click=\"() => (this.tab = 'voucher')\"\r\n                class=\"tab mr-3\"\r\n                :class=\"tab === 'voucher' && 'activeTab'\"\r\n              >\r\n                {{ $t(\"text.cusMasterLayout.voucher\") }}\r\n              </div>\r\n\r\n              <div\r\n                @click=\"() => (this.tab = 'cards')\"\r\n                class=\"mr-4 tab\"\r\n                :class=\"tab === 'cards' && 'activeTab'\"\r\n              >\r\n                {{ $t(\"text.cards.cards\") }}\r\n              </div>\r\n\r\n              <div\r\n                @click=\"() => (this.tab = 'pendingRequests')\"\r\n                class=\"tab\"\r\n                :class=\"tab === 'pendingRequests' && 'activeTab'\"\r\n              >\r\n                {{ $t(\"text.retainership.pendingRequest\") }}\r\n              </div>\r\n            </div>\r\n          </section>\r\n\r\n          <!-- modal actions -->\r\n          <section class=\"d-flex mr-4 my-1\">\r\n            <div\r\n              class=\"mr-2\"\r\n              v-if=\"tab === 'walletHistory' || tab === 'voucher'\"\r\n            >\r\n              <vue-ctk-date-time-picker\r\n                v-model=\"dateRange\"\r\n                :max-date=\"maxDate\"\r\n                :range=\"true\"\r\n                :autoClose=\"true\"\r\n                :locale=\"this.$root.$i18n.locale\"\r\n                :custom-shortcuts=\"customShortcuts\"\r\n                color=\"#4b2d73\"\r\n                format=\"DDMMYYYY\"\r\n                formatted=\"DD/MM/YYYY\"\r\n                :label=\"$t('text.calendar.dateRange')\"\r\n              />\r\n            </div>\r\n            <button\r\n              class=\"py-2 px-3 text-white\"\r\n              style=\"\r\n                background-color: #46266e;\r\n                border: none;\r\n                border-radius: 5px;\r\n                font-size: 14px;\r\n              \"\r\n              @click=\"openCreditLimitModal\"\r\n            >\r\n              {{ $t(\"text.assets.updateCreditLimit\") }}\r\n              <!-- <img\r\n                src=\"@/assets/img/paper-plane.png\"\r\n                width=\"25px\"\r\n                class=\"ml-3\"\r\n              /> -->\r\n            </button>\r\n\r\n            <button\r\n              class=\"ml-2 py-2 px-3 text-white\"\r\n              style=\"\r\n                background-color: #46266e;\r\n                border: none;\r\n                border-radius: 5px;\r\n                font-size: 14px;\r\n              \"\r\n              @click=\"openWalletTopUpModal\"\r\n            >\r\n              {{ $t(\"text.retainership.walletTopup\") }}\r\n            </button>\r\n          </section>\r\n          <!--  -->\r\n        </section>\r\n\r\n        <!--  -->\r\n\r\n        <section class=\"section__row mt-3\">\r\n          <div class=\"\">\r\n            <div class=\"position-relative\" v-if=\"!showLoader\">\r\n              <VoucherHistory\r\n                v-if=\"tab === 'voucher'\"\r\n                :voucherHistory=\"voucherHistory\"\r\n              />\r\n              <CardList :cards=\"cardList\" v-if=\"tab === 'cards'\" />\r\n              <WalletHistory\r\n                :walletHistory=\"walletHistory\"\r\n                v-if=\"tab === 'walletHistory'\"\r\n              />\r\n              <PendingClientRequest\r\n                :pendingRequest=\"pendingRequest\"\r\n                v-if=\"tab === 'pendingRequests'\"\r\n              />\r\n            </div>\r\n            <TableLoader :showLoader=\"showLoader\" v-else />\r\n            <DropDown :details=\"details\" />\r\n          </div>\r\n        </section>\r\n      </section>\r\n    </MasterLayout>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Vue from \"vue\";\r\nimport MasterLayout from \"@/views/Company/MasterLayout.vue\";\r\nimport backgroundUrl from \"@/assets/img/BecomeDealer.png\";\r\nimport cardBackgroundUrl from \"@/assets/img/Group393.svg\";\r\nimport configObject from \"@/config\";\r\nimport TableLoader from \"@/components/tableLoader/index\";\r\n\r\n//components\r\nimport PendingClientRequest from \"../../../BreakdownComponent/Company/Remis/RetainerDetails/PendingClientRequest.vue\";\r\nimport WalletHistory from \"../../../BreakdownComponent/Company/Remis/RetainerDetails/WalletHistory.vue\";\r\nimport VoucherHistory from \"../../../BreakdownComponent/Company/Remis/RetainerDetails/VoucherHistory.vue\";\r\nimport CardList from \"../../../BreakdownComponent/Company/Remis/RetainerDetails/CardList.vue\";\r\nimport WalletTopUp from \"@/components/modals/Retainership/walletTopUp\";\r\nimport RetTemp from \"@/components/Templates/companyRetainershipTemplate.vue\";\r\nimport EditCreditLimit from \"@/components/modals/Retainership/editCreditLimit\";\r\nimport DropDown from \"@/components/Templates/Dropdown/companyRetainershipDropdown.vue\";\r\n\r\nimport JQuery from \"jquery\";\r\nlet $ = JQuery;\r\n\r\nexport default {\r\n  title: \"Retainership :: Epump Portal\",\r\n  name: \"Retainership\",\r\n  components: {\r\n    MasterLayout,\r\n    CardList,\r\n    WalletHistory,\r\n    VoucherHistory,\r\n    PendingClientRequest,\r\n    TableLoader,\r\n    DropDown,\r\n    WalletTopUp,\r\n    EditCreditLimit,\r\n  },\r\n\r\n  data() {\r\n    return {\r\n      walletInfo: null,\r\n      allLoader: false,\r\n      cardList: [],\r\n      walletHistory: [],\r\n      voucherHistory: [],\r\n      pendingRequest: [],\r\n      tab: \"walletHistory\",\r\n      ID: this.$route.query.ID,\r\n      clientId: this.$route.query.clientId,\r\n      clientData: null,\r\n\r\n      cardCharge: 0,\r\n      totalCards: 0,\r\n      issuedCards: 0,\r\n      unissuedCards: 0,\r\n      cards: [\r\n        {\r\n          title: this.$t(\"text.retainership.totalCards\"),\r\n        },\r\n\r\n        {\r\n          title: this.$t(\"text.retainership.issuedCard\"),\r\n        },\r\n\r\n        {\r\n          title: this.$t(\"text.retainership.unissuedCard\"),\r\n        },\r\n      ],\r\n\r\n      usedLang: this.$store.getters.getLanguage,\r\n      corpId: null,\r\n      backgroundUrl,\r\n      cardBackgroundUrl,\r\n      fuelBalance: 0,\r\n      walletTransactions: null,\r\n      showLoader: false,\r\n      totalTransactions: null,\r\n      tableDataCount: 10,\r\n      userDetails: localStorage.getItem(\"userDetails\")\r\n        ? JSON.parse(localStorage.getItem(\"userDetails\"))\r\n        : null,\r\n\r\n      retainerships: null,\r\n      retainershipCount: 0,\r\n      creditLimit: \"\",\r\n      email: \"\",\r\n      company: null,\r\n      companyId: this.$route.query.companyId\r\n        ? this.$route.query.companyId\r\n        : this.company\r\n        ? this.company.id\r\n        : \"\",\r\n      details: {\r\n        data: { status: \"\" },\r\n        queryStrings: { id: \"\", companyId: this.$route.query.companyId },\r\n        info: [\r\n          {\r\n            name: this.$t(\"text.retainership.walletTopup\"),\r\n            emitName: \"walletTopup\",\r\n          },\r\n          {\r\n            name: this.$t(\"text.assets.walletTransactions\"),\r\n            emitName: \"walletTransactions\",\r\n          },\r\n          {\r\n            name: this.$t(\"text.assets.updateCreditLimit\"),\r\n            emitName: \"updateCreditLimit\",\r\n          },\r\n        ],\r\n        delete: {\r\n          hasDelete: false,\r\n          deleteName: \"deleteInvoice\",\r\n          name: \"Delete\",\r\n          query: \"id\",\r\n        },\r\n      },\r\n      optionsTemplate: function () {\r\n        return {\r\n          template: RetTemp,\r\n        };\r\n      },\r\n      // dateRange\r\n\r\n      maxDate: this.$moment(new Date()).format(\"YYYY-MM-DD\"),\r\n      startDate: this.$moment().subtract(90, \"days\").format(\"MMMM D, YYYY\"),\r\n      endDate: this.$moment().format(\"MMMM D, YYYY\"),\r\n      pluginStartDate: this.$moment().subtract(30, \"days\").format(\"D-M-YYYY\"),\r\n      pluginEndDate: this.$moment().format(\"D-M-YYYY\"),\r\n      dateRange: { start: this.pluginStartDate, end: this.pluginEndDate },\r\n      customShortcuts: [\r\n        { key: \"Today\", label: this.$t(\"text.calendar.today\"), value: \"day\" },\r\n        {\r\n          key: \"yesterday\",\r\n          label: this.$t(\"text.calendar.yesterday\"),\r\n          value: \"-day\",\r\n        },\r\n        {\r\n          key: \"last7Days\",\r\n          label: this.$t(\"text.calendar.last7Days\"),\r\n          value: 7,\r\n        },\r\n        {\r\n          key: \"lastWeek\",\r\n          label: this.$t(\"text.calendar.lastWeek\"),\r\n          value: \"-isoWeek\",\r\n        },\r\n        {\r\n          key: \"last30Days\",\r\n          label: this.$t(\"text.calendar.last30Days\"),\r\n          value: 30,\r\n        },\r\n        {\r\n          key: \"lastMonth\",\r\n          label: this.$t(\"text.calendar.lastMonth\"),\r\n          value: \"-month\",\r\n        },\r\n      ],\r\n      //\r\n    };\r\n  },\r\n  watch: {\r\n    tab(newVal) {\r\n      if (newVal) {\r\n        if (newVal === \"walletHistory\") {\r\n          this.getWalletHistory();\r\n        }\r\n        if (newVal === \"pendingRequests\") {\r\n          this.getCardRequests();\r\n        }\r\n        if (newVal === \"cards\") {\r\n          this.getCards();\r\n        }\r\n        if (newVal === \"voucher\") {\r\n          this.getVoucherHistory();\r\n        }\r\n      }\r\n    },\r\n    dateRange: function (newRange, oldRange) {\r\n      if (newRange.start !== null && newRange.end !== null) {\r\n        this.startDate = this.$moment(newRange.start, \"DD-MM-YYYY\").format(\r\n          \"YYYY-MM-DD\"\r\n        );\r\n        this.endDate = this.$moment(newRange.end, \"DD-MM-YYYY\").format(\r\n          \"YYYY-MM-DD\"\r\n        );\r\n\r\n        if (this.tab === \"voucher\") {\r\n          this.getVoucherHistory();\r\n        }\r\n\r\n        if (this.tab === \"walletHistory\") {\r\n          this.getWalletHistory();\r\n        }\r\n      }\r\n    },\r\n    company(company) {\r\n      if (company !== null) {\r\n        this.companyId = this.$route.query.companyId\r\n          ? this.$route.query.companyId\r\n          : company.id;\r\n\r\n        const remisHash = JSON.parse(localStorage.getItem(\"rHash\"));\r\n\r\n        if (!remisHash) {\r\n          this.getRemisHash();\r\n        } else {\r\n          this.callEndpoints();\r\n        }\r\n      }\r\n    },\r\n  },\r\n  created() {\r\n    this.dateRange.start = this.pluginStartDate;\r\n    this.dateRange.end = this.pluginEndDate;\r\n    this.$eventHub.$on(\"company\", (company) => {\r\n      this.company = company;\r\n    });\r\n\r\n    if (this.$route.query.companyId) {\r\n      const remisHash = JSON.parse(localStorage.getItem(\"rHash\"));\r\n      if (!remisHash) {\r\n        this.getRemisHash();\r\n      } else {\r\n        this.callEndpoints();\r\n      }\r\n    }\r\n\r\n    this.$eventHub.$on(\"companyRetainershipData\", (data) => {\r\n      this.details.data = data;\r\n      this.details.queryStrings.id = data.id;\r\n      this.details.queryStrings.walletId = data.walletId;\r\n      this.details.queryStrings.name = data.firstName;\r\n\r\n      const option = document.getElementById(\"myDropdown\");\r\n      option.classList.add(\"show\");\r\n\r\n      let index;\r\n\r\n      if (data.index > 10 && parseInt(data.index.toString().slice(1)) === 0) {\r\n        index = 10;\r\n      }\r\n      if (data.index > 10 && parseInt(data.index.toString().slice(1)) > 0) {\r\n        index = parseInt(data.index.toString().slice(1));\r\n      }\r\n\r\n      if (data.index <= 10) {\r\n        index = data.index;\r\n      }\r\n\r\n      option.style.top = `${(80 * index + (85 - index * 2)).toString()}px`;\r\n    });\r\n\r\n    this.$eventHub.$on(this.details.info[0].emitName, (queryStrings) => {\r\n      this.walletTopup(queryStrings);\r\n    });\r\n\r\n    this.$eventHub.$on(this.details.info[1].emitName, (queryStrings) => {\r\n      this._walletTransactions(queryStrings);\r\n    });\r\n\r\n    this.$eventHub.$on(this.details.info[2].emitName, (queryStrings) => {\r\n      this.updateCreditLimit();\r\n    });\r\n\r\n    this.$eventHub.$on(\"getRetainerships\", () => {\r\n      this.callEndpoints();\r\n    });\r\n    this.$eventHub.$on(\"changeRetainership\", (route, id, walletId, name) => {\r\n      this.changeRoute(route, id, walletId, name);\r\n    });\r\n    this.$eventHub.$on(\"setCreditLimit\", (creditLimit, email) => {\r\n      this.creditLimit = creditLimit;\r\n      this.email = email;\r\n    });\r\n  },\r\n  beforeDestroy() {\r\n    // this.$eventHub.$off(\"getRetainerships\");\r\n    this.$eventHub.$off(\"changeRetainership\");\r\n    this.$eventHub.$off(\"setCreditLimit\");\r\n  },\r\n\r\n  mounted() {\r\n    $(\".e-input\").keyup(function (e) {\r\n      searchFun(e);\r\n    });\r\n    function searchFun(event) {\r\n      var grid = document.getElementsByClassName(\"e-grid\")[0].ej2_instances[0];\r\n      var value = event.target.value;\r\n      grid.search(value);\r\n    }\r\n  },\r\n  methods: {\r\n    //utilities\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    excelQueryCellInfo(args) {\r\n      if (args.column.field == \"date\") {\r\n        args.value = this.$moment(args.value).format(\"DD/MM/YYYY\");\r\n      }\r\n    },\r\n\r\n    revertNumber(number) {\r\n      return Number(number.replace(/[^0-9.]+/g, \"\"));\r\n    },\r\n\r\n    //modals\r\n\r\n    openCreditLimitModal() {\r\n      this.$modal.show(\"editCreditLimit\");\r\n    },\r\n\r\n    openWalletTopUpModal() {\r\n      this.$modal.show(\"walletTopup\");\r\n    },\r\n\r\n    //requests\r\n\r\n    callEndpoints() {\r\n      this.getRetainerships();\r\n      if (this.clientId) {\r\n        this.getCards();\r\n        this.getWalletHistory();\r\n        this.getCardRequests();\r\n        this.getVoucherHistory();\r\n      }\r\n\r\n      this.getCardCharge();\r\n    },\r\n\r\n    //get voucher\r\n    getVoucherHistory() {\r\n      this.showLoader = true;\r\n\r\n      this.axios\r\n        .get(\r\n          `${configObject.remisBaseUrl}/D/Vouchers/${\r\n            this.$route.query.companyId\r\n              ? this.$route.query.companyId\r\n              : this.company.id\r\n          }/${this.clientId}?startDate=${this.startDate}&endDate=${\r\n            this.endDate\r\n          }&PageLimit=${10000}&range=5\r\n          `,\r\n          configObject.authConfig({ isRemis: true })\r\n        )\r\n        .then((response) => {\r\n          let index = 0;\r\n\r\n          response.data.data.vouchers.forEach((el) => {\r\n            index++;\r\n            el.index = index;\r\n\r\n            el.date = this.$moment(el.dateGenerated).format(\r\n              \"YYYY-MM-DD hh:mma\"\r\n            );\r\n            el.expiryDate = this.$moment(el.expiryDate).format(\r\n              \"YYYY-MM-DD hh:mma\"\r\n            );\r\n            el.isUsed = el.isUsed ? \"Yes\" : \"No\";\r\n            el.transferred = el.transferred ? \"Yes\" : \"No\";\r\n            el.location = el.location ? el.location : \"N/A\";\r\n            el.ownerEmail = el.ownerEmail ? el.ownerEmail : \"N/A\";\r\n            el.staff = el.staff ? el.staff : \"N/A\";\r\n            el.vehicle = el.vehicle ? el.vehicle : \"N/A\";\r\n          });\r\n          this.voucherHistory = response.data.data.vouchers;\r\n\r\n          this.showLoader = false;\r\n        })\r\n        .catch((error) => {\r\n          this.showLoader = false;\r\n\r\n          let customError;\r\n          if (error.response) {\r\n            customError = error.response.data.message;\r\n          } else {\r\n            customError = error.message;\r\n          }\r\n\r\n          this.$toast.open({\r\n            message: customError,\r\n            type: \"error\",\r\n            duration: 5000,\r\n          });\r\n        });\r\n    },\r\n\r\n    getCardRequests() {\r\n      if (localStorage.getItem(\"companyDetails\") !== null) {\r\n        companyID = JSON.parse(localStorage.getItem(\"companyDetails\")).id;\r\n      }\r\n      this.showLoader = true;\r\n\r\n      this.axios\r\n        .get(\r\n          `${configObject.remisBaseUrl}/D/Retainership/Customer/CardRequests/${\r\n            this.$route.query.companyId\r\n              ? this.$route.query.companyId\r\n              : this.company.id\r\n          }?PageLimit=${10000}`,\r\n\r\n          configObject.authConfig({ isRemis: true })\r\n        )\r\n        .then((response) => {\r\n          const requests = response.data.data.data;\r\n          requests.forEach((request) => {\r\n            request.orderDate = this.$moment(request.orderDate).format(\r\n              \"YYYY/MM/DD\"\r\n            );\r\n          });\r\n          this.showLoader = false;\r\n\r\n          let pendingRequest = requests.filter(\r\n            (el) => el.orderStatus.toLowerCase() === \"pending\"\r\n          );\r\n\r\n          if (pendingRequest.length > 0 && this.clientData) {\r\n            this.pendingRequest = pendingRequest.filter(\r\n              (el) =>\r\n                el.orderBy.toLowerCase() === this.clientData.name.toLowerCase()\r\n            );\r\n          } else {\r\n            this.pendingRequest = [];\r\n          }\r\n        })\r\n        .catch((error) => {\r\n          this.showLoader = false;\r\n\r\n          console.log(error);\r\n        });\r\n    },\r\n\r\n    //get wallet history\r\n    getWalletHistory() {\r\n      this.showLoader = true;\r\n\r\n      this.axios\r\n        .get(\r\n          `${configObject.remisBaseUrl}/d/WalletTransactions/${\r\n            this.$route.query.companyId\r\n              ? this.$route.query.companyId\r\n              : this.company.id\r\n          }/${this.clientId}?startDate=${this.startDate}&endDate=${\r\n            this.endDate\r\n          }&PageLimit=${10000}&range=5\r\n          `,\r\n          configObject.authConfig({ isRemis: true })\r\n        )\r\n        .then((response) => {\r\n          let index = 0;\r\n\r\n          response.data.data.transactions.forEach((el) => {\r\n            index++;\r\n            el.index = index;\r\n\r\n            el.date = this.$moment(el.date).format(\"YYYY-MM-DD hh:mma\");\r\n\r\n            el.assignedTo = el.assignedTo;\r\n            el.locked = \"No\";\r\n            el.nameOnCard = el.nameOnCard ? el.nameOnCard : \"N/A\";\r\n            el.activated = el.activated;\r\n          });\r\n          this.walletInfo = response.data.data;\r\n          this.walletHistory = response.data.data.transactions;\r\n\r\n          this.showLoader = false;\r\n        })\r\n        .catch((error) => {\r\n          this.showLoader = false;\r\n\r\n          let customError;\r\n          if (error.response) {\r\n            customError = error.response.data.message;\r\n          } else {\r\n            customError = error.message;\r\n          }\r\n\r\n          this.$toast.open({\r\n            message: customError,\r\n            type: \"error\",\r\n            duration: 5000,\r\n          });\r\n        });\r\n    },\r\n\r\n    getRemisHash() {\r\n      this.showLoader = true;\r\n\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Account/RemisHash`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          localStorage.setItem(\"rHash\", JSON.stringify(response.data));\r\n\r\n          this.getRetainerships();\r\n        })\r\n        .catch((error) => {});\r\n    },\r\n\r\n    getCardCharge() {\r\n      this.showLoader = true;\r\n      this.axios\r\n        .get(\r\n          `${configObject.remisBaseUrl}/D/Retainership/Customer/CardCharge/${\r\n            this.$route.query.companyId\r\n              ? this.$route.query.companyId\r\n              : this.company.id\r\n          }`,\r\n          configObject.authConfig({ isRemis: true })\r\n        )\r\n        .then((response) => {\r\n          this.showLoader = false;\r\n\r\n          this.cardCharge = response.data.data;\r\n        })\r\n        .catch((error) => {\r\n          this.showLoader = false;\r\n          let customError;\r\n          if (error.response) {\r\n            customError = error.response.data.message;\r\n          } else {\r\n            customError = error.message;\r\n          }\r\n\r\n          console.log(error);\r\n          this.$toast.open({\r\n            message: customError,\r\n            type: \"error\",\r\n            duration: 5000,\r\n          });\r\n        });\r\n    },\r\n\r\n    //get number of cards\r\n    getCards() {\r\n      this.showLoader = true;\r\n\r\n      this.axios\r\n        .get(\r\n          `${configObject.remisBaseUrl}/D/Retainership/Customer/clientCards/${\r\n            this.$route.query.companyId\r\n              ? this.$route.query.companyId\r\n              : this.company.id\r\n          }/${this.clientId}?PageLimit=${10000}`,\r\n          configObject.authConfig({ isRemis: true })\r\n        )\r\n        .then((response) => {\r\n          let index = 0;\r\n\r\n          const cards = response.data.data.data;\r\n\r\n          cards.forEach((el) => {\r\n            index++;\r\n            el.index = index;\r\n            el.expiryDate = this.$moment(el.expiryDate).format(\"YYYY-MM-DD\");\r\n            el.assignedTo = el.assignedTo ? el.assignedTo : \"N/A\";\r\n            el.locked = el.locked ? \"Yes\" : \"No\";\r\n            el.nameOnCard = el.nameOnCard ? el.nameOnCard : \"N/A\";\r\n            el.activated = el.activated ? \"Yes\" : \"No\";\r\n          });\r\n\r\n          this.cardList = cards;\r\n          // if (this.$refs.dataGrid) {\r\n          //   this.$refs.dataGrid.ej2Instances.setProperties({\r\n          //     dataSource: cards,\r\n          //   });\r\n          //   this.refreshGrid();\r\n          // }\r\n\r\n          this.showLoader = false;\r\n        })\r\n        .catch((error) => {\r\n          this.showLoader = false;\r\n\r\n          let customError;\r\n          if (error.response) {\r\n            customError = error.response.data.message;\r\n          } else {\r\n            customError = error.message;\r\n          }\r\n\r\n          this.$toast.open({\r\n            message: customError,\r\n            type: \"error\",\r\n            duration: 5000,\r\n          });\r\n        });\r\n    },\r\n\r\n    // get registered retainership companies\r\n    getRetainerships() {\r\n      this.allLoader = true;\r\n      this.axios\r\n        .get(\r\n          `${configObject.remisBaseUrl}/D/Retainership/Customer/Clients/${\r\n            this.$route.query.companyId\r\n              ? this.$route.query.companyId\r\n              : this.company.id\r\n          }?PageLimit=${10000}`,\r\n          configObject.authConfig({ isRemis: true })\r\n        )\r\n        .then((response) => {\r\n          this.allLoader = false;\r\n\r\n          let data = response.data.data.data.filter((el) => {\r\n            return el.id === this.ID;\r\n          });\r\n\r\n          if (data) {\r\n            this.clientData = data[0];\r\n          }\r\n        })\r\n        .catch((error) => {\r\n          this.allLoader = false;\r\n\r\n          let customError;\r\n          if (error.response) {\r\n            customError = error.response.data.message;\r\n          } else {\r\n            customError = error.message;\r\n          }\r\n\r\n          console.log(error);\r\n          this.$toast.open({\r\n            message: customError,\r\n            type: \"error\",\r\n            duration: 5000,\r\n          });\r\n        });\r\n    },\r\n\r\n    walletTopup(queryStrings) {\r\n      this.changeRoute(\r\n        \"RetainershipWalletTransactions\",\r\n        queryStrings.id,\r\n        queryStrings.walletId,\r\n        queryStrings.name\r\n      );\r\n    },\r\n    _walletTransactions(queryStrings) {\r\n      this.changeRoute(\r\n        \"RetainershipWalletTransactions\",\r\n        queryStrings.id,\r\n        queryStrings.walletId,\r\n        queryStrings.name\r\n      );\r\n    },\r\n    updateCreditLimit() {\r\n      this.$eventHub.$emit(\r\n        \"setCreditLimit\",\r\n        this.details.data.creditLimit,\r\n        this.details.data.email\r\n      );\r\n      this.$modal.show(\"editCreditLimit\");\r\n    },\r\n\r\n    changeRoute($newRoute, id, walletId, name) {\r\n      this.$router.push({\r\n        name: $newRoute,\r\n        query: {\r\n          id: id,\r\n          walletId,\r\n          name,\r\n          companyId: this.$route.query.companyId,\r\n        },\r\n      });\r\n    },\r\n    showFundWalletModal() {\r\n      this.$modal.show(\"fund-wallet-payweall\");\r\n    },\r\n    showAddRetainershipModal() {\r\n      this.$modal.show(\"addRetainershipModal\");\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.flow h4 {\r\n  font-size: 16px !important;\r\n}\r\n.tab {\r\n  color: #4c2e73;\r\n  padding: 0px 6px;\r\n  font-weight: 500;\r\n  cursor: pointer;\r\n}\r\n\r\n.activeTab {\r\n  padding-bottom: 6px;\r\n  border-bottom: 3px solid;\r\n}\r\n.overview-card {\r\n  background-color: white;\r\n  border: 1px solid #f3f4f5;\r\n  color: #667085;\r\n  border-radius: 10px;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.overview-card h5 {\r\n  font-size: 13px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.overview-card p {\r\n  font-size: 13px;\r\n}\r\n.wallet-card {\r\n  background-color: #f9f9fa;\r\n  border-radius: 8px;\r\n  /* border: 2px solid #f3f4f5; */\r\n}\r\n.wallet-card h4 {\r\n  color: #2b2b2b;\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n}\r\n\r\n.wallet-card h3 {\r\n  color: #2b2b2b;\r\n  font-size: 32px;\r\n  font-weight: 700;\r\n}\r\n\r\n.credit-limit {\r\n  border-radius: 20px;\r\n  border: 1px solid #d0d3d9;\r\n  width: 250px;\r\n  font-size: 13px;\r\n}\r\n\r\n@media screen and (max-width: 602px) {\r\n  .addNewRetainershipModal .v--modal-box.v--modal {\r\n    margin: 0 auto;\r\n    top: 150px !important;\r\n    width: 90% !important;\r\n    height: 500px !important;\r\n    left: 0 !important;\r\n    overflow: auto;\r\n  }\r\n  .addRetainershipModal .v--modal-box.v--modal {\r\n    margin: 0 auto;\r\n    /* top: 88px !important; */\r\n    width: 90% !important;\r\n    height: 379px !important;\r\n    left: 0 !important;\r\n    overflow: auto;\r\n  }\r\n  button.add_quick_fuel_btn {\r\n    margin-bottom: 62px;\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!./retainerDetails.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!./retainerDetails.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./retainerDetails.vue?vue&type=template&id=3f6c591f&scoped=true&\"\nimport script from \"./retainerDetails.vue?vue&type=script&lang=js&\"\nexport * from \"./retainerDetails.vue?vue&type=script&lang=js&\"\nimport style0 from \"./retainerDetails.vue?vue&type=style&index=0&id=3f6c591f&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  \"3f6c591f\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}