{"version":3,"sources":["webpack:///./src/views/Company/Remis/CardTransactions.vue?8343","webpack:///./src/views/Company/Remis/CardTransactions.vue","webpack:///src/views/Company/Remis/CardTransactions.vue","webpack:///./src/views/Company/Remis/CardTransactions.vue?3587","webpack:///./src/views/Company/Remis/CardTransactions.vue?f3d3"],"names":["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","directives","rawName","value","expression","ref","refreshGrid","pageSettings","toolbar","search","toolbarClick","usedLang","cards","viewDetails","staticRenderFns","$","title","components","MasterLayout","CardList","WalletHistory","PendingClientRequest","TableLoader","DropDown","WalletTopUp","EditCreditLimit","data","cardList","walletHistory","pendingRequest","tab","ID","cardCharge","totalCards","issuedCards","unissuedCards","corpId","backgroundUrl","cardBackgroundUrl","fuelBalance","walletTransactions","totalTransactions","tableDataCount","userDetails","JSON","retainerships","retainershipCount","company","details","status","queryStrings","id","info","emitName","delete","hasDelete","deleteName","query","optionsTemplate","template","maxDate","startDate","endDate","pluginStartDate","pluginEndDate","dateRange","start","end","customShortcuts","label","watch","created","option","index","beforeDestroy","mounted","grid","searchFun","methods","toFixed","toString","replace","excelQueryCellInfo","args","revertNumber","openCreditLimitModal","openWalletTopUpModal","callEndpoints","getCardRequests","companyID","get","configObject","isRemis","then","response","requests","request","el","catch","error","console","getWalletHistory","customError","message","type","duration","getRemisHash","localStorage","getCardCharge","getCards","getRetainerships","walletTopup","_walletTransactions","updateCreditLimit","changeRoute","walletId","showFundWalletModal","showAddRetainershipModal","component"],"mappings":"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ACA9D,cACA+D,aAGAC,2BACA,OACAC,kBAKAC,oDACAC,oEACAC,8CACAC,sEACAC,gDACAC,WAAAC,2BAAAC,wBACAC,iBACA,CAAAzF,YAAA0F,qCAAAlE,aACA,CACAxB,gBACA0F,yCACAlE,cAEA,CACAxB,gBACA0F,yCACAlE,SAEA,CACAxB,eACA0F,wCACAlE,kBAEA,CACAxB,iBACA0F,0CACAlE,UAEA,CACAxB,gBACA0F,yCACAlE,mBAMAmE,OACAxC,OACA,IACA,qBACA,wBAEA,uBACA,uBAEA,aACA,kBAIAmC,wBACA,+BACA,yDACA,cAEA,qDACA,cAGA,0BAGAlB,WACA,aACA,2CACA,4BACAA,KAEA,kDAEA,EAGA,qBAFA,uBAOAwB,UAOA,GANA,0CACA,sCACA,iCACA,iBAGA,6BACA,kDACA,EAGA,qBAFA,oBAMA,iDACA,oBACA,kCACA,8CACA,2CAEA,8CAGA,MAFAC,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,iBACAC,YANA7D,iCACA8D,SAQAC,SAEA5F,mBACA,mBAGA,EACA6F,QAAA,GACAC,WACAC,QAAA,6BALA,QAOAC,sBACA,yBACAC,qDAIAC,gBACA,0CAKAC,uBACA,qCAGAC,uBACA,iCAKAC,gBACA,wBACA,gBACA,gBACA,wBACA,wBAGA,sBAGAC,kBACA,gDACAC,iEAEA,mBAEA,WACAC,IACA,wCACA,4BACA,4BACA,mBACA,mDAEAC,mBAAAC,cAEAC,KAAAC,IACA,yBACAC,cACAC,6CACA,gBAGA,mBAEA,eACAC,4CAGA,4BACA,6BACAA,GACAA,8DAGA,yBAGAC,MAAAC,IACA,mBAEAC,kBAKAC,mBACA,mBAEA,WACAX,IACA,+CACA,4BACA,4BACA,mBACA,qDACA,mCAGAC,mBAAAC,cAEAC,KAAAC,IACA,QAEAA,qCACArB,IACAwB,UAEAA,wDAEAA,0BACAA,cACAA,6CACAA,0BAEA,4BACA,4CAEA,qBAEAC,MAAAC,IAGA,MAFA,mBAIAG,EADA,WACAA,wBAEAA,UAGA,kBACAC,UACAC,aACAC,kBAKAC,eACA,mBAEA,WACAhB,IACA,uCACAC,qBAEAE,KAAAC,IACAa,qDAEA,0BAEAT,MAAAC,QAGAS,gBACA,mBACA,WACAlB,IACA,6DACA,4BACA,4BACA,kBAEAC,mBAAAC,cAEAC,KAAAC,IACA,mBAEA,8BAEAI,MAAAC,IAEA,MADA,mBAGAG,EADA,WACAA,wBAEAA,UAGAF,eACA,kBACAG,UACAC,aACAC,kBAMAI,WACA,mBAEA,WACAnB,IACA,8DACA,4BACA,4BACA,mBACA,gBACAC,mBAAAC,cAEAC,KAAAC,IACA,QAEA,yBAEAlF,cACA6D,IACAwB,UACAA,6DACAA,6CACAA,6BACAA,6CACAA,qCAGA,gBAQA,qBAEAC,MAAAC,IAGA,MAFA,mBAIAG,EADA,WACAA,wBAEAA,UAGA,kBACAC,UACAC,aACAC,kBAMAK,mBACA,kBACA,WACApB,IACA,0DACA,4BACA,4BACA,kBAEAC,mBAAAC,cAEAC,KAAAC,IACA,kBAEA,iCACA,gBAGA,IACA,wBAGAI,MAAAC,IAGA,MAFA,kBAIAG,EADA,WACAA,wBAEAA,UAGAF,eACA,kBACAG,UACAC,aACAC,kBAKAM,eACA,iBACA,iCACA7D,KACAA,WACAA,SAGA8D,uBACA,iBACA,iCACA9D,KACAA,WACAA,SAGA+D,oBACA,qBACA,iBACA,8BACA,yBAEA,qCAGAC,qBACA,mBACAxH,OACA+D,OACAN,KACAgE,WACAzH,OACAtB,0CAIAgJ,sBACA,0CAEAC,2BACA,4CC/yBwX,I,wBCQpXC,EAAY,eACd,EACA1J,EACAkD,GACA,EACA,KACA,WACA,MAIa,aAAAwG,E","file":"js/chunk-29ea13f6.7eb17638.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!./CardTransactions.vue?vue&type=style&index=0&id=d29825ce&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:\"section__row mt-3\"},[(!_vm.showLoader)?_c('div',{staticClass:\"position-relative\"},[_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.cards}},[_c('e-columns',[_c('e-column',{attrs:{\"width\":\"40\",\"field\":\"index\",\"headerText\":\"#\"}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"cardNumber\",\"width\":\"150\",\"headerText\":_vm.$t('text.cards.cardNumber')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"nameOnCard\",\"width\":\"200\",\"headerText\":_vm.$t('text.retainership.nameOnCard')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"expiryDate\",\"width\":\"150\",\"headerText\":_vm.$t('text.bLease.exDate')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"amount\",\"width\":\"180\",\"format\":\"N\",\"headerText\":_vm.$t('text.shiftDeposits.amount')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"activated\",\"width\":\"100\",\"headerText\":_vm.$t('text.retainership.activated')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"locked\",\"width\":\"80\",\"headerText\":_vm.$t('text.cards.locked')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"200\",\"headerText\":_vm.$t('text.cBranchWallet.action'),\"template\":_vm.viewDetails}})],1)],1),_vm._v(\" \"),_c('TableLoader',{attrs:{\"showLoader\":_vm.showLoader}})],1)]):_vm._e()])]):_vm._e()])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<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        <section class=\"section__row mt-3\">\r\n          <div class=\"position-relative\" v-if=\"!showLoader\">\r\n            <div class=\"position-relative\">\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=\"cards\"\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=\"cardNumber\"\r\n                    width=\"150\"\r\n                    :headerText=\"$t('text.cards.cardNumber')\"\r\n                  ></e-column>\r\n\r\n                  <e-column\r\n                    field=\"nameOnCard\"\r\n                    width=\"200\"\r\n                    :headerText=\"$t('text.retainership.nameOnCard')\"\r\n                  ></e-column>\r\n\r\n                  <e-column\r\n                    field=\"expiryDate\"\r\n                    width=\"150\"\r\n                    :headerText=\"$t('text.bLease.exDate')\"\r\n                  ></e-column>\r\n\r\n                  <e-column\r\n                    field=\"amount\"\r\n                    width=\"180\"\r\n                    format=\"N\"\r\n                    :headerText=\"$t('text.shiftDeposits.amount')\"\r\n                  ></e-column>\r\n\r\n                  <e-column\r\n                    field=\"activated\"\r\n                    width=\"100\"\r\n                    :headerText=\"$t('text.retainership.activated')\"\r\n                  ></e-column>\r\n\r\n                  <!-- <e-column\r\n          field=\"assignedTo\"\r\n          width=\"150\"\r\n          :headerText=\"$t('text.retainership.assignedTo')\"\r\n        ></e-column> -->\r\n\r\n                  <e-column\r\n                    field=\"locked\"\r\n                    width=\"80\"\r\n                    :headerText=\"$t('text.cards.locked')\"\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          </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 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    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      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      }\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        this.getWalletHistory();\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      }\r\n\r\n      this.getCardCharge();\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/CardDetails/${\r\n            this.$route.query.companyId\r\n              ? this.$route.query.companyId\r\n              : this.company.id\r\n          }/${this.clientId}?cardId=${this.$route.query.cardId}`,\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          }&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}`,\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          }`,\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!./CardTransactions.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!./CardTransactions.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CardTransactions.vue?vue&type=template&id=d29825ce&scoped=true&\"\nimport script from \"./CardTransactions.vue?vue&type=script&lang=js&\"\nexport * from \"./CardTransactions.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CardTransactions.vue?vue&type=style&index=0&id=d29825ce&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  \"d29825ce\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}