{"version":3,"sources":["webpack:///./src/views/Company/Remis/CardTransactions.vue?1395","webpack:///./src/views/Company/Remis/CardTransactions.vue?3dd0","webpack:///src/views/Company/Remis/CardTransactions.vue","webpack:///./src/views/Company/Remis/CardTransactions.vue?3587","webpack:///./src/views/Company/Remis/CardTransactions.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","details","_e","_v","staticClass","_l","c","i","key","staticStyle","class","allLoader","_s","convertThousand","cardDetails","card","amount","$t","inflow","outflow","dailyLimit","weeklyLimit","monthlyLimit","cardNumber","username","parentOwnerName","moment","expiryDate","format","style","locked","color","maxDate","$root","$i18n","locale","customShortcuts","model","value","callback","$$v","dateRange","expression","directives","name","rawName","ref","refreshGrid","pageSettings","toolbar","search","toolbarClick","usedLang","cardTransactions","viewDetails","showLoader","staticRenderFns","$","title","components","MasterLayout","CardList","WalletHistory","PendingClientRequest","TableLoader","DropDown","WalletTopUp","EditCreditLimit","TransactionDetailsModal","provide","grid","data","walletInfo","cardList","walletHistory","tab","ID","clientId","clientData","corpId","backgroundUrl","cardBackgroundUrl","fuelBalance","walletTransactions","totalTransactions","tableDataCount","userDetails","JSON","retainerships","retainershipCount","creditLimit","email","company","companyId","status","queryStrings","id","info","emitName","delete","hasDelete","deleteName","query","optionsTemplate","template","methods","startDate","endDate","pluginStartDate","pluginEndDate","start","end","label","operator","ignoreCase","pageSizes","pageCount","pageSize","watch","created","option","index","beforeDestroy","mounted","searchFun","toFixed","toString","replace","excelQueryCellInfo","args","revertNumber","callEndpoints","getCardTransactions","companyID","get","configObject","isRemis","then","response","requests","request","el","catch","error","customError","message","type","duration","finally","getRemisHash","localStorage","component"],"mappings":"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uB,GAAG,yCAAyC,OAAS,QAAQvB,EAAIS,GAAG,KAAKL,EAAG,WAAW,CAACE,MAAM,CAAC,MAAQ,MAAM,WAAaN,EAAIuB,GAAG,6BAA6B,SAAWvB,EAAI4D,gBAAgB,IAAI,GAAG5D,EAAIS,GAAG,KAAKL,EAAG,cAAc,CAACE,MAAM,CAAC,WAAaN,EAAI6D,eAAe,YAA8B,IACl5EC,EAAkB,G,4SCkQtB,IAAIC,EAAI,IAEO,OACfC,qCACAd,oBACAe,YACAC,oBACAC,gBACAC,qBACAC,4BACAC,mBACAC,gBACAC,mBACAC,uBACAC,gCAEAC,SACAC,kDAEAC,OACA,OACAzD,iBACAb,aACAuE,gBACA7D,aACA8D,YACAC,iBACArB,oBACAsB,oBACAC,wBACAC,oCACAC,gBAEA1B,yCACA2B,YACAC,kBACAC,sBACAC,cACAC,wBACA5B,cACA6B,uBACAC,kBACAC,gDACAC,gDACA,KAEAC,mBACAC,oBACAC,eACAC,SACAC,aACAC,sCACA,4BACA,aACA,gBACA,GACA5F,SACAsE,MAAAuB,WACAC,cAAAC,MAAAH,uCACAI,MACA,CACArD,8CACAsD,wBAEA,CACAtD,+CACAsD,+BAEA,CACAtD,8CACAsD,+BAGAC,QACAC,aACAC,2BACAzD,cACA0D,aAGAC,2BACA,OACAC,kBAGAlD,uBACA,OACAkD,kDACAA,sMAEAjC,OACA,OACAA,UAIAkC,SACAnD,cACA,yDAQAtB,oDACA0E,oEACAC,8CACAC,sEACAC,gDACApE,WAAAqE,2BAAAC,wBACA3E,iBACA,CAAA5B,YAAAwG,qCAAA1E,aACA,CACA9B,gBACAwG,yCACA1E,cAEA,CACA9B,gBACAwG,yCACA1E,SAEA,CACA9B,eACAwG,wCACA1E,kBAEA,CACA9B,iBACAwG,0CACA1E,UAEA,CACA9B,gBACAwG,yCACA1E,iBAMAW,6CACAC,QAAA+D,oBAAAC,eACAlE,cACAmE,6BACAC,YACAC,eAIAC,OACA3C,OACA,IACA,qBACA,wBAEA,yBACA,2BAEA,aACA,kBAIAlC,wBACA,+BACA,yDACA,cAEA,qDACA,cAGA,6BAGAmD,WACA,aACA,2CACA,4BACAA,KAEA,kDAEA,EAGA,qBAFA,uBAOA2B,UAaA,GAZA,0CACA,sCACA,iCACA,iBAGA,0CACA,eAEA,+CAGA,6BACA,kDACA,EAGA,qBAFA,oBAMA,iDACA,oBACA,kCACA,8CACA,2CAEA,8CAGA,MAFAC,wBAIA,wDACAC,MAEA,sDACAA,yCAGA,cACAA,WAGAD,8CAGA,2CACA,uBAEA,oDACA,4BAEA,4CACA,mBACA,gBAGAE,gBAEA,0CACA,uCAGAC,UAIA,cACA,oEACA,iBACArD,YANAb,iCACAmE,SAQAnB,SAEAtD,gBACA,oBACA,iBACA,gCACA,MACA,mBACA,kCACA,QAIAJ,cACA,+BAGAlC,mBACA,mBAGA,EACAgH,QAAA,GACAC,WACAC,QAAA,6BALA,QAOAC,sBACA,yBACAC,qDAIAC,gBACA,0CAKAC,gBACA,eACA,4BAIAC,sBACA,gDACAC,iEAEA,kBAEA,WACAC,IACA,wCACA,4BACA,4BACA,mBACA,8DACA,0BACA,uCAEAC,mBAAAC,cAEAC,KAAAC,IACA,kBACA,sCACA,6BACAC,cACAC,6CACA,gBAGA,mBACA,QACAD,cACAE,YACAA,iDAGA,0BAEAC,MAAAC,IAGA,MAFA,kBAKAC,EADA,WACAA,wBAEAA,UAGA,kBACAC,UACAC,aACAC,iBAGAC,QAAA,KACA,kBACA,sBAIAC,eACA,mBAEA,WACAf,IACA,uCACAC,qBAEAE,KAAAC,IACAY,qDAEA,0BAEAR,MAAAC,UCxoBwX,I,wBCQpXQ,EAAY,eACd,EACA9J,EACA+D,GACA,EACA,KACA,WACA,MAIa,aAAA+F,E","file":"js/chunk-9e442bc6.fe09299a.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=e328d3ce&prod&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.details)?_c('TransactionDetailsModal',{attrs:{\"details\":_vm.details,\"moreDetails\":true}}):_vm._e(),_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(\" \"),_c('div',{staticClass:\"showLoaderDiv charts__loader w-full mt-5 rounded-lg w-full\",staticStyle:{\"width\":\"130% !important\",\"height\":\"100%\"}},[_c('div',{class:_vm.allLoader ? 'loading' : null})])],2):_vm._e(),_vm._v(\" \"),(!_vm.allLoader)?_c('section',{staticClass:\"mt-5\"},[(_vm.cardDetails)?_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-6 py-4 px-4 wallet-card shadow-sm\"},[_c('div',[_c('h4',[_vm._v(\"Card Balance\")]),_vm._v(\" \"),_c('h3',[_vm._v(_vm._s(_vm.convertThousand(_vm.cardDetails.card.amount)))])]),_vm._v(\" \"),(_vm.cardDetails.inflow)?_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.cardDetails.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.cardDetails.outflow)))])])]):_vm._e(),_vm._v(\" \"),_c('section',{staticClass:\"d-flex\"},[_c('div',{staticClass:\"credit-limit py-1 pl-2\"},[_c('span',[_vm._v(\"Daily limit:\")]),_vm._v(\" \"),_c('span',{staticStyle:{\"font-weight\":\"600\"}},[_vm._v(_vm._s(_vm.convertThousand(_vm.cardDetails.card.dailyLimit)))])]),_vm._v(\" \"),_c('div',{staticClass:\"credit-limit py-1 pl-2 ml-2\"},[_c('span',[_vm._v(\"Weekly limit:\")]),_vm._v(\" \"),_c('span',{staticStyle:{\"font-weight\":\"600\"}},[_vm._v(_vm._s(_vm.convertThousand(_vm.cardDetails.card.weeklyLimit)))])]),_vm._v(\" \"),_c('div',{staticClass:\"credit-limit py-1 pl-2 ml-2\"},[_c('span',[_vm._v(\"Monthly limit:\")]),_vm._v(\" \"),_c('span',{staticStyle:{\"font-weight\":\"600\"}},[_vm._v(_vm._s(_vm.convertThousand(_vm.cardDetails.card.monthlyLimit)))])])])]),_vm._v(\" \"),_c('div',{staticClass:\"col-sm-12 col-lg-6\"},[_c('div',{staticClass:\"mt-3 d-flex overview-card py-3 px-4 shadow-sm\",staticStyle:{\"background-color\":\"#f3f4f5\",\"color\":\"#8991a0\"}},[_c('div',[_c('img',{staticClass:\"mr-4\",staticStyle:{\"width\":\"90px\",\"border-radius\":\"100%\"},attrs:{\"src\":require(\"@/assets/img/avatar.svg\")}})]),_vm._v(\" \"),_c('div',{},[_c('h3',{staticClass:\"text-dark\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.cardDetails.card.cardNumber)+\"\\n                    \"),(_vm.cardDetails.card.username)?_c('span',{staticStyle:{\"font-size\":\"20px\"}},[_vm._v(\"(\"+_vm._s(_vm.cardDetails.card.username)+\")\")]):_vm._e()]),_vm._v(\" \"),_c('p',[_vm._v(_vm._s(_vm.cardDetails.card.parentOwnerName))]),_vm._v(\" \"),_c('div',{staticClass:\"d-flex align-items-center text-dark\"},[_c('div',{staticClass:\"d-flex align-items-center\"},[_c('p',{},[_vm._v(\"Expiry date:\")]),_vm._v(\" \"),_c('p',{staticClass:\"ml-1\"},[_vm._v(\"\\n                        \"+_vm._s(_vm.moment(_vm.cardDetails.card.expiryDate).format(\n                            \"YYYY-MM-DD\"\n                          ))+\"\\n                      \")])]),_vm._v(\" \"),_c('div',{staticClass:\"ml-3 d-flex align-items-center\"},[_c('p',{},[_vm._v(\"Locked:\")]),_vm._v(\" \"),_c('p',{staticClass:\"ml-1\",style:([\n                          _vm.cardDetails.card.locked\n                            ? { color: 'green' }\n                            : { color: 'red' } ])},[_vm._v(\"\\n                        \"+_vm._s(_vm.cardDetails.card.locked)+\"\\n                      \")])])])])])])])])]):_vm._e(),_vm._v(\" \"),_c('section',{staticClass:\"section__row mt-2\"},[_c('section',{staticClass:\"my-1 d-flex justify-content-end\"},[_c('div',{staticClass:\"mr-2\"},[_c('vue-ctk-date-time-picker',{staticStyle:{\"width\":\"450px\"},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._v(\" \"),(!_vm.allLoader)?_c('div',{staticClass:\"position-relative\"},[_c('div',{staticClass:\"position-relative\"},[_c('ejs-grid',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.allLoader),expression:\"!allLoader\"}],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.cardTransactions}},[_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\":\"category\",\"width\":\"150\",\"headerText\":_vm.$t('text.branch.cat')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"channel\",\"width\":\"200\",\"headerText\":_vm.$t('text.retainership.channel')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"newBalance\",\"width\":\"150\",\"format\":\"N\",\"headerText\":_vm.$t('text.cBank.transaction.balance')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"amount\",\"width\":\"180\",\"format\":\"N\",\"headerText\":_vm.$t('text.shiftDeposits.amount')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"100\",\"field\":\"type\",\"headerText\":_vm.$t('text.bankAccounts.type')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"200\",\"field\":\"volumeDispensed\",\"headerText\":_vm.$t('text.pumpTransactions.volumeDispensed'),\"format\":\"N2\"}}),_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)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <TransactionDetailsModal\r\n      v-if=\"details\"\r\n      :details=\"details\"\r\n      :moreDetails=\"true\"\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        >\r\n          <div :class=\"allLoader ? '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\" class=\"mt-5\">\r\n        <section v-if=\"cardDetails\">\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-6 py-4 px-4 wallet-card shadow-sm\">\r\n                <div>\r\n                  <h4>Card Balance</h4>\r\n                  <h3>{{ convertThousand(cardDetails.card.amount) }}</h3>\r\n                </div>\r\n\r\n                <section class=\"flow d-flex mb-1\" v-if=\"cardDetails.inflow\">\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(cardDetails.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(cardDetails.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>Daily limit:</span>\r\n                    <span style=\"font-weight: 600\" class=\"\">{{\r\n                      convertThousand(cardDetails.card.dailyLimit)\r\n                    }}</span>\r\n                  </div>\r\n\r\n                  <div class=\"credit-limit py-1 pl-2 ml-2\">\r\n                    <span>Weekly limit:</span>\r\n                    <span style=\"font-weight: 600\" class=\"\">{{\r\n                      convertThousand(cardDetails.card.weeklyLimit)\r\n                    }}</span>\r\n                  </div>\r\n\r\n                  <div class=\"credit-limit py-1 pl-2 ml-2\">\r\n                    <span>Monthly limit:</span>\r\n                    <span style=\"font-weight: 600\" class=\"\">{{\r\n                      convertThousand(cardDetails.card.monthlyLimit)\r\n                    }}</span>\r\n                  </div>\r\n                </section>\r\n              </div>\r\n\r\n              <div class=\"col-sm-12 col-lg-6\">\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                    />\r\n                  </div>\r\n                  <div class=\"\">\r\n                    <h3 class=\"text-dark\">\r\n                      {{ cardDetails.card.cardNumber }}\r\n                      <span\r\n                        v-if=\"cardDetails.card.username\"\r\n                        style=\"font-size: 20px\"\r\n                        >({{ cardDetails.card.username }})</span\r\n                      >\r\n                    </h3>\r\n                    <p>{{ cardDetails.card.parentOwnerName }}</p>\r\n                    <div class=\"d-flex align-items-center text-dark\">\r\n                      <div class=\"d-flex align-items-center\">\r\n                        <p class=\"\">Expiry date:</p>\r\n                        <p class=\"ml-1\">\r\n                          {{\r\n                            moment(cardDetails.card.expiryDate).format(\r\n                              \"YYYY-MM-DD\"\r\n                            )\r\n                          }}\r\n                        </p>\r\n                      </div>\r\n                      <div class=\"ml-3 d-flex align-items-center\">\r\n                        <p class=\"\">Locked:</p>\r\n                        <p\r\n                          class=\"ml-1\"\r\n                          :style=\"[\r\n                            cardDetails.card.locked\r\n                              ? { color: 'green' }\r\n                              : { color: 'red' },\r\n                          ]\"\r\n                        >\r\n                          {{ cardDetails.card.locked }}\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-2\">\r\n          <section class=\"my-1 d-flex justify-content-end\">\r\n            <div class=\"mr-2\">\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                style=\"width: 450px\"\r\n                :label=\"$t('text.calendar.dateRange')\"\r\n              />\r\n            </div>\r\n          </section>\r\n          <div class=\"position-relative\" v-if=\"!allLoader\">\r\n            <div class=\"position-relative\">\r\n              <ejs-grid\r\n                v-show=\"!allLoader\"\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=\"cardTransactions\"\r\n              >\r\n                <e-columns>\r\n                  <e-column width=\"40\" field=\"index\" headerText=\"#\"></e-column>\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                  <e-column\r\n                    field=\"category\"\r\n                    width=\"150\"\r\n                    :headerText=\"$t('text.branch.cat')\"\r\n                  ></e-column>\r\n\r\n                  <e-column\r\n                    field=\"channel\"\r\n                    width=\"200\"\r\n                    :headerText=\"$t('text.retainership.channel')\"\r\n                  ></e-column>\r\n\r\n                  <e-column\r\n                    field=\"newBalance\"\r\n                    width=\"150\"\r\n                    format=\"N\"\r\n                    :headerText=\"$t('text.cBank.transaction.balance')\"\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                  <e-column\r\n                    width=\"100\"\r\n                    field=\"type\"\r\n                    :headerText=\"$t('text.bankAccounts.type')\"\r\n                  ></e-column>\r\n\r\n                  <e-column\r\n                    width=\"200\"\r\n                    field=\"volumeDispensed\"\r\n                    :headerText=\"$t('text.pumpTransactions.volumeDispensed')\"\r\n                    format=\"N2\"\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 {\r\n  Page,\r\n  Sort,\r\n  Toolbar,\r\n  Search,\r\n  ExcelExport,\r\n  PdfExport,\r\n} from \"@syncfusion/ej2-vue-grids\";\r\nimport 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\nimport TransactionDetailsModal from \"@/components/modals/Remis/TransactionDetailsModal.vue\";\r\n\r\nimport JQuery from \"jquery\";\r\nimport moment from \"moment\";\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    TransactionDetailsModal,\r\n  },\r\n  provide: {\r\n    grid: [Page, Sort, Toolbar, Search, ExcelExport, PdfExport],\r\n  },\r\n  data() {\r\n    return {\r\n      cardDetails: null,\r\n      details: null,\r\n      walletInfo: null,\r\n      allLoader: false,\r\n      cardList: [],\r\n      walletHistory: [],\r\n      cardTransactions: [],\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      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      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      // 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      //table props\r\n      toolbar: [\"ExcelExport\", \"PdfExport\", \"Search\"],\r\n      search: { operator: \"contains\", ignoreCase: true },\r\n      pageSettings: {\r\n        pageSizes: [10, 20, 50, 100, 200],\r\n        pageCount: 4,\r\n        pageSize: 10,\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 === \"cardTransactionss\") {\r\n          this.getCardTransactions();\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.getCardTransactions();\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    this.$eventHub.$on(\"tranDetailsModal\", (data) => {\r\n      this.details = data;\r\n\r\n      this.$modal.show(\"accountCompanySettlement\");\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(\"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    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    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    //requests\r\n\r\n    callEndpoints() {\r\n      if (this.clientId) {\r\n        this.getCardTransactions();\r\n      }\r\n    },\r\n\r\n    getCardTransactions() {\r\n      if (localStorage.getItem(\"companyDetails\") !== null) {\r\n        companyID = JSON.parse(localStorage.getItem(\"companyDetails\")).id;\r\n      }\r\n      this.allLoader = 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}&startDate=${\r\n            this.startDate\r\n          }&endDate=${this.endDate}&range=5&PageLimit=${10000}`,\r\n\r\n          configObject.authConfig({ isRemis: true })\r\n        )\r\n        .then((response) => {\r\n          this.allLoader = false;\r\n          const requests = response.data.data.transactions.data;\r\n          this.cardDetails = response.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          let index = 0;\r\n          requests.forEach((el) => {\r\n            el.index = ++index;\r\n            el.date = moment(el.date).format(\"YYYY-MM-DD HH:mma\");\r\n          });\r\n\r\n          this.cardTransactions = requests;\r\n        })\r\n        .catch((error) => {\r\n          this.allLoader = false;\r\n\r\n          let customError;\r\n\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        .finally(() => {\r\n          this.allLoader = false;\r\n          this.showLoader = false;\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};\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=e328d3ce&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=e328d3ce&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  \"e328d3ce\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}