{"version":3,"sources":["webpack:///./src/views/Company/Remis/retainerDetails.vue?0c40","webpack:///./src/views/Company/Remis/retainerDetails.vue","webpack:///src/views/Company/Remis/retainerDetails.vue","webpack:///./src/views/Company/Remis/retainerDetails.vue?dbb9","webpack:///./src/views/Company/Remis/retainerDetails.vue?5298"],"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","tab","on","maxDate","$root","$i18n","locale","customShortcuts","model","value","dateRange","callback","$$v","expression","openCreditLimitModal","openWalletTopUpModal","cardList","walletHistory","pendingRequest","details","staticRenderFns","$","title","components","MasterLayout","CardList","WalletHistory","PendingClientRequest","TableLoader","DropDown","WalletTopUp","EditCreditLimit","data","ID","cardCharge","totalCards","issuedCards","unissuedCards","cards","usedLang","corpId","backgroundUrl","cardBackgroundUrl","fuelBalance","walletTransactions","totalTransactions","tableDataCount","userDetails","JSON","retainerships","retainershipCount","company","status","queryStrings","id","info","emitName","delete","hasDelete","deleteName","query","optionsTemplate","template","startDate","endDate","pluginStartDate","pluginEndDate","start","end","label","watch","created","option","index","beforeDestroy","mounted","grid","searchFun","methods","toFixed","toString","replace","excelQueryCellInfo","args","revertNumber","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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","file":"js/chunk-00896e70.4f7dc995.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!./retainerDetails.vue?vue&type=style&index=0&id=36619fe3&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:\"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')?_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 === '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 }","<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 = '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 class=\"mr-2\" v-if=\"tab === 'walletHistory'\">\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              <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 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/Retainership/Customer/CardRequests/${\r\n            this.$route.query.companyId\r\n              ? this.$route.query.companyId\r\n              : this.company.id\r\n          }`,\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!./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=36619fe3&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=36619fe3&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  \"36619fe3\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}