{"version":3,"sources":["webpack:///./src/views/Company/Remis/allCards.vue","webpack:///./src/components/modals/resetCardExpiration.vue","webpack:///src/components/modals/resetCardExpiration.vue","webpack:///./src/components/modals/resetCardExpiration.vue?832b","webpack:///./src/components/modals/resetCardExpiration.vue?c751","webpack:///src/views/Company/Remis/allCards.vue","webpack:///./src/views/Company/Remis/allCards.vue?e31e","webpack:///./src/views/Company/Remis/allCards.vue?0046","webpack:///./src/views/Company/Remis/allCards.vue?c4ac","webpack:///./src/components/modals/Remis/Retainership/setCardCharge.vue","webpack:///src/components/modals/Remis/Retainership/setCardCharge.vue","webpack:///./src/components/modals/Remis/Retainership/setCardCharge.vue?9396","webpack:///./src/components/modals/Remis/Retainership/setCardCharge.vue?6814"],"names":["render","_vm","this","_c","_self","attrs","company","_v","companyId","cardCharge","cardDetails","showLoader","staticClass","_l","c","i","key","staticStyle","class","_e","_s","$t","totalCards","retainershipCards","card","index","on","title","toLowerCase","changeTable","number","require","image","tableType","name","query","assign","showAssignCardModal","showsetCardChargeModal","directives","rawName","value","expression","ref","refreshGrid","pageSettings","toolbar","search","toolbarClick","usedLang","rowSelected","tableData","viewDetails","staticRenderFns","modalWidth","closeResetCardExpirationModal","minDate","model","date","callback","$$v","resetDate","$","MODAL_WIDTH","props","data","isButtonDisabled","created","window","mounted","watch","methods","cardNumber","newExpiryDate","post","configObject","isRemis","then","response","message","type","duration","catch","error","customError","console","finally","component","components","MasterLayout","ApprovalRequestModal","AddRetainershipModal","AddNewRetainershipModal","TableLoader","DropDown","AssignCardModal","PendingRequest","ApprovedRequest","DeclinedRequest","SetCardChargeModal","ResetCardExpirationModal","provide","grid","approvedNumberOfCardRequest","pendingNumberOfCardRequest","unissuedCards","issuedCards","soldCards","unsoldCards","secondTableData","pendingRequest","approvedRequest","declinedRequest","availableCards","pendingRequestNumber","approvedRequestNumber","declinedRequestNumber","totalTransactions","tableDataCount","userDetails","JSON","pageSizes","pageCount","pageSize","operator","ignoreCase","details","status","queryStrings","id","info","emitName","delete","hasDelete","deleteName","optionsTemplate","template","ActionTemp","showResetCardExpirationModal","computed","option","beforeDestroy","searchFun","callEndpoints","showFundWalletModal","show","showAddNewRetainershipModal","showApproveModal","getCardCharge","get","getRemisHash","localStorage","getCards","cards","el","getCardRequests","companyID","requests","request","dataSource","convertThousand","toFixed","toString","replace","arg","changeRoute","walletId","revertNumber","opened","currentCardCharge","chargeAmount","domProps","$event","target","composing","style","cursor","setChargeAmount","closeCreditLimit","config","customerEpumpId","amountPerCard"],"mappings":"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AY,CAAC,QAAU,QAAQZ,MAAM,CAAC,IAAM0B,EAAQ,QAA+B,MAAQ,qBAElgDsB,EAAkB,G,qBC6DtB,IAAIS,EAAI,IAER,MAAMC,EAAc,IAEL,OACf7B,gCACA8B,yBACAC,OACA,OACAX,aACAY,oBAEAV,oDACAE,YAIAS,UACA,gBACAC,2BAEAC,UACA,gBAEAC,SACAC,SACAhB,gCACA,6CAEA,gBAGAM,YACA,mBACA,SACA,CACAW,gCACAC,0BAGAX,oBACA,WACAY,KACA,wDACA,4BACA,4BACA,kBAEAT,EACAU,mBAAAC,cAEAC,KAAAC,IACA,kBACAC,qDACAC,eACAC,eAEA,qCACA,6CAEAC,MAAAC,IACA,MAEAC,EADA,WACAA,wBAEAA,UAGAC,eACA,kBACAN,UACAC,aACAC,iBAGAK,QAAA,KACAxB,yBC3I4W,I,YCOxWyB,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,EAAAA,E,QCwNf,IAAI,EAAI,IAEO,OACf5D,2CACAO,yBACAsD,YACAC,oBACAC,4BACAC,4BACAC,+BAEAC,mBACAC,gBACAC,uBAEAC,sBACAC,uBACAC,uBAEAC,0BACAC,4BAEAC,SACAC,kDAEArC,OACA,OACAxD,aACAC,iBACA6F,8BACAC,6BACArD,aACAsD,iBACAC,eACApF,aACAqF,YACAC,cACAC,mBACA5E,uBACA6E,kBACAC,mBACAC,mBACAC,iBACAC,uBACAC,wBACAC,wBAEAnE,yCACA6D,iBACAnG,cACA0G,uBACAC,kBACAC,gDACAC,gDACA,KACA3E,cACA4E,6BACAC,YACAC,aAEA7E,6CACAC,QAAA6E,oBAAAC,eACAvH,aACAE,sCACA,4BACA,aACA,gBACA,GACAsH,SACA7D,MAAA8D,WACAC,cAAAC,MAAAzH,uCACA0H,MACA,CACAhG,8CACAiG,8BAEA,CACAjG,+CACAiG,gCAGAC,QACAC,aACAC,2BACApG,cACAC,aAGAoG,2BACA,OACAC,kBAIAC,sBACA,OACAD,kBAIApF,uBACA,OACAoF,kDACAA,6NAEAvE,OACA,OACAA,UAIAM,SACAmE,+BACA,8DAQAC,UACApH,oBACA,OACA,CACAI,mBACAG,sBACAE,oBAEA,CACAL,qBACAG,wBACAE,oBAEA,CACAL,2BACAG,uBACAE,wBAKAsC,OACAhE,WACA,aACA,kDACA,EAGA,qBAFA,uBAOA6D,UACA,wBACA,iCACA,iBAcA,iDACA,oBACA,kCACA,8CACA,2CAEA,8CAGA,MAFAyE,wBAIA,wDACAnH,MAEA,sDACAA,yCAGA,cACAA,WAGAmH,8CAGA,0CACA,yBAGA,6CACA,0BAGA,6CACA,mBACA,+CAGA,4CACA,wBAGAC,gBACA,wCAGAxE,UAIA,cACA,oEACA,iBACAiC,YANAxC,iCACAgF,SAeAvE,SACAwE,gBACA,qBACA,iBAIAC,sBACA,0CAEAC,OACAtD,OACA,0CAEAuD,8BACA,6CAGAC,mBACA,0CAGA9G,sBACA,qCAEAC,yBACA,wCAOA8G,gBACA,mBACA,WACAC,IACA,6DACA,4BACA,4BACA,kBAEA1E,mBAAAC,cAEAC,KAAAC,IACA,mBAEA,8BAEAI,MAAAC,IAGA,MAFA,mBAIAC,EADA,WACAA,wBAEAA,UAGAC,eACA,kBACAN,UACAC,aACAC,kBAKAqE,eACA,WACAD,IACA,uCACA1E,qBAEAE,KAAAC,IACAyE,qDACA,uBACA,kBAGArE,MAAAC,QAIAqE,WACA,mBACA,WACAH,IACA,wDACA,4BACA,4BACA,kCAGA1E,mBAAAC,cAEAC,KAAAC,IACA,sBACA,0BACA,yCAEA2E,cACAjI,qCACAA,iCACAA,mCACAA,wCACAA,6CACAA,+CACA,gBAIA,gCACA,YAGA,QACA,IACA,6BACA,YAEA,6BACAA,cAGA,+BACAA,cAGA,+BAEA,uCACA,2CAGA,6CAEA,+BACAkI,oBACAA,yBAKAxE,MAAAC,IACA,kBACAJ,8BACAC,aACAC,iBAGAK,QAAA,KACA,sBAIAqE,kBACA,gDACAC,iEAEA,mBAEA,WACAP,IACA,+DACA,4BACA,4BACA,kCAGA1E,mBAAAC,cAEAC,KAAAC,IACA,yBACA+E,cACAC,6CACA,gBAGA,mBAEA,eACAJ,4CAGA,WACAA,8CAGA,sBACA,uBAEA,gDACAK,eAEA,q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","file":"js/chunk-bab4fc96.7edcc943.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('AddRetainershipModal',{attrs:{\"company\":_vm.company}}),_vm._v(\" \"),_c('AddNewRetainershipModal',{attrs:{\"company\":_vm.company}}),_vm._v(\" \"),_c('SetCardChargeModal',{attrs:{\"companyID\":_vm.companyId,\"currentCardCharge\":_vm.cardCharge}}),_vm._v(\" \"),_c('ResetCardExpirationModal',{attrs:{\"company\":_vm.company,\"card\":_vm.cardDetails}}),_vm._v(\" \"),_c('MasterLayout',[(_vm.showLoader)?_c('section',{staticClass:\"row card-loader-wrapper w-100\"},[_vm._l((4),function(c,i){return _c('div',{key:i,staticClass:\"col-md-3 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.showLoader)?_c('section',[_c('section',[_c('h5',[_vm._v(_vm._s(_vm.$t(\"text.retainership.cardRequest\")))]),_vm._v(\" \"),_c('div',{staticClass:\"fuelbalance_first_row\"},[_c('div',{staticClass:\"row w-100\"},[_c('div',{staticClass:\"col-sm-12 col-lg-3\"},[_c('div',{staticClass:\"d-flex justify-content-between overview-card p-4 px-10\",staticStyle:{\"background-color\":\"#46266e\",\"color\":\"white\"}},[_c('div',{},[_c('h5',[_vm._v(_vm._s(_vm.$t(\"text.retainership.totalCards\")))]),_vm._v(\" \"),_c('p',{staticClass:\"mt-3\"},[_vm._v(_vm._s(_vm.totalCards))])])])]),_vm._v(\" \"),_vm._l((_vm.retainershipCards),function(card,index){return _c('div',{key:index,staticClass:\"col-sm-12 col-lg-3 cursor-pointer\"},[_c('div',{staticClass:\"d-flex justify-content-between overview-card p-4 px-10 shadow-sm\",on:{\"click\":() =>\n                    card.title.toLowerCase() !== 'available cards' &&\n                    _vm.changeTable(card.title)}},[_c('div',{},[_c('h5',[_vm._v(_vm._s(card.title))]),_vm._v(\" \"),_c('p',{staticClass:\"mt-3\"},[_vm._v(\"\\n                    \"+_vm._s(card.number)+\"\\n                  \")])]),_vm._v(\" \"),_c('div',[_c('img',{attrs:{\"src\":require(`@/assets/svg/${card.image}`),\"alt\":\"Card Image\"}})])])])})],2)]),_vm._v(\" \"),_c('section',{staticClass:\"d-flex justify-content-between align-items-center mr-4\"},[_c('div',[_c('h3',{staticClass:\"ml-2 mt-2\",staticStyle:{\"font-size\":\"20px\"}},[_vm._v(_vm._s(_vm.tableType))])]),_vm._v(\" \"),_c('div',[_c('router-link',{attrs:{\"to\":{\n                name: 'approve-retainership-card-request',\n                query: { assign: true, companyId: _vm.companyId },\n              }}},[_c('button',{staticClass:\"py-2 px-3 text-white\",staticStyle:{\"background-color\":\"#46266e\",\"border\":\"none\",\"border-radius\":\"5px\",\"font-size\":\"14px\"},on:{\"click\":_vm.showAssignCardModal}},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.retainership.sellToCustomer\"))+\"\\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.showsetCardChargeModal}},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.retainership.setCardCharge\"))+\"\\n            \")])],1)])]),_vm._v(\" \"),_c('section',{staticClass:\"section__row mt-3\"},[_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,\"rowSelected\":_vm.rowSelected,\"dataSource\":_vm.tableData}},[_c('e-columns',[_c('e-column',{attrs:{\"field\":\"index\",\"width\":\"40\",\"headerText\":\"#\"}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"cardNumber\",\"width\":\"150\",\"headerText\":_vm.$t('text.cards.cardNumber')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"serialNumber\",\"width\":\"200\",\"headerText\":_vm.$t('text.branch.serialNo')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"nameOnCard\",\"width\":\"150\",\"headerText\":_vm.$t('text.editStaff.cardName')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"assigned\",\"width\":\"150\",\"headerText\":_vm.$t('text.retainership.assignedTo')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"activated\",\"width\":\"150\",\"headerText\":_vm.$t('text.retainership.activated')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"owner\",\"width\":\"200\",\"headerText\":_vm.$t('text.cAlerts.owner')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"expiryDate\",\"width\":\"200\",\"headerText\":_vm.$t('text.bLease.exDate')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"200\",\"template\":_vm.viewDetails,\"headerText\":\"Action\"}})],1)],1),_vm._v(\" \"),_c('TableLoader',{attrs:{\"showLoader\":_vm.showLoader}})],1)])]):_vm._e()])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('modal',{staticClass:\"addNewRetainershipModal\",attrs:{\"name\":\"resetCardExpirationModal\",\"transition\":\"pop-out\",\"width\":_vm.modalWidth,\"height\":550}},[_c('div',{staticClass:\"retainership__box\"},[_c('button',{staticClass:\"close modal-close\",attrs:{\"type\":\"button\",\"aria-label\":\"Close\"},on:{\"click\":_vm.closeResetCardExpirationModal}},[_c('span',{attrs:{\"aria-hidden\":\"true\"}},[_vm._v(\"×\")])]),_vm._v(\" \"),_c('div',{staticClass:\"text-center\"},[_c('h3',{staticClass:\"add__retainership__header mt-2\"},[_c('span',[_c('img',{attrs:{\"src\":require(\"@/assets/img/Group 484.png\"),\"width\":\"50px\"}})]),_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"text.retainership.resetExpiryDate\"))+\"\\n      \")]),_vm._v(\" \"),_c('div',{staticClass:\"sign_up_form_section\"},[_c('div',{},[_c('vue-ctk-date-time-picker',{staticClass:\"w-full\",attrs:{\"id\":\"DateTimePicker\",\"color\":\"#290C53\",\"only-date\":\"\",\"format\":\"YYYY-MM-DDTHH:mm:ss.sssZ\",\"formatted\":\"YYYY-MM-DD \",\"label\":\"Select expiry date \",\"min-date\":_vm.minDate,\"auto-close\":\"\"},model:{value:(_vm.date),callback:function ($$v) {_vm.date=$$v},expression:\"date\"}})],1),_vm._v(\" \"),_c('div',{staticClass:\"text-center mt-5\"},[_c('button',{staticClass:\"add_quick_fuel_btn\",staticStyle:{\"background-color\":\"#46266e\"},on:{\"click\":_vm.resetDate}},[_vm._v(\"\\n            \"+_vm._s(_vm.$t(\"text.categories.submit\"))),_c('span')]),_vm._v(\" \"),_c('img',{staticClass:\"ml-3 loader\",staticStyle:{\"display\":\"none\"},attrs:{\"src\":require(\"@/assets/img/git_loader.gif\"),\"width\":\"35px\"}})])])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <modal\r\n    class=\"addNewRetainershipModal\"\r\n    name=\"resetCardExpirationModal\"\r\n    transition=\"pop-out\"\r\n    :width=\"modalWidth\"\r\n    :height=\"550\"\r\n  >\r\n    <div class=\"retainership__box\">\r\n      <button\r\n        type=\"button\"\r\n        class=\"close modal-close\"\r\n        aria-label=\"Close\"\r\n        @click=\"closeResetCardExpirationModal\"\r\n      >\r\n        <span aria-hidden=\"true\">&times;</span>\r\n      </button>\r\n      <div class=\"text-center\">\r\n        <h3 class=\"add__retainership__header mt-2\">\r\n          <span>\r\n            <img src=\"@/assets/img/Group 484.png\" width=\"50px\" />\r\n          </span>\r\n          {{ $t(\"text.retainership.resetExpiryDate\") }}\r\n        </h3>\r\n\r\n        <div class=\"sign_up_form_section\">\r\n          <div class=\"\">\r\n            <vue-ctk-date-time-picker\r\n              id=\"DateTimePicker\"\r\n              v-model=\"date\"\r\n              color=\"#290C53\"\r\n              only-date\r\n              format=\"YYYY-MM-DDTHH:mm:ss.sssZ\"\r\n              formatted=\"YYYY-MM-DD \"\r\n              label=\"Select expiry date \"\r\n              class=\"w-full\"\r\n              :min-date=\"minDate\"\r\n              auto-close\r\n            />\r\n          </div>\r\n          <div class=\"text-center mt-5\">\r\n            <button\r\n              style=\"background-color: #46266e\"\r\n              class=\"add_quick_fuel_btn\"\r\n              @click=\"resetDate\"\r\n            >\r\n              {{ $t(\"text.categories.submit\") }}<span></span>\r\n            </button>\r\n            <img\r\n              src=\"@/assets/img/git_loader.gif\"\r\n              style=\"display: none\"\r\n              width=\"35px\"\r\n              class=\"ml-3 loader\"\r\n            />\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </modal>\r\n</template>\r\n<script>\r\nimport configObject from \"@/config\";\r\nimport JQuery from \"jquery\";\r\nlet $ = JQuery;\r\n\r\nconst MODAL_WIDTH = 700;\r\n\r\nexport default {\r\n  name: \"ResetCardExpirationModal\",\r\n  props: [\"company\", \"card\"],\r\n  data() {\r\n    return {\r\n      modalWidth: MODAL_WIDTH,\r\n      isButtonDisabled: false,\r\n      // dateRange\r\n      minDate: this.$moment(new Date()).format(\"YYYY-MM-DD\"),\r\n      date: null,\r\n      //\r\n    };\r\n  },\r\n  created() {\r\n    this.modalWidth =\r\n      window.innerWidth < MODAL_WIDTH ? MODAL_WIDTH / 2 : MODAL_WIDTH;\r\n  },\r\n  mounted() {\r\n    this.date = null;\r\n  },\r\n  watch: {},\r\n  methods: {\r\n    closeResetCardExpirationModal() {\r\n      this.$modal.hide(\"resetCardExpirationModal\");\r\n\r\n      this.date = null;\r\n    },\r\n\r\n    resetDate() {\r\n      this.showLoader = true;\r\n      const data = [\r\n        {\r\n          cardNumber: this.card.cardNumber,\r\n          newExpiryDate: this.date,\r\n        },\r\n      ];\r\n      $(\".loader\").show();\r\n      this.axios\r\n        .post(\r\n          `${configObject.remisBaseUrl}/D/Retainership/Card/SetExpiry/${\r\n            this.$route.query.companyId\r\n              ? this.$route.query.companyId\r\n              : this.company.id\r\n          }`,\r\n          data,\r\n          configObject.authConfig({ isRemis: true })\r\n        )\r\n        .then((response) => {\r\n          this.$toast.open({\r\n            message: this.$t(\"text.retainership.resetSuccessful\"),\r\n            type: \"success\",\r\n            duration: 3000,\r\n          });\r\n          this.closeResetCardExpirationModal();\r\n          this.$eventHub.$emit(\"expiryResetSuccess\");\r\n        })\r\n        .catch((error) => {\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        .finally(() => {\r\n          $(\".loader\").hide();\r\n        });\r\n    },\r\n  },\r\n};\r\n</script>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./resetCardExpiration.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!./resetCardExpiration.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./resetCardExpiration.vue?vue&type=template&id=433bc4e8&\"\nimport script from \"./resetCardExpiration.vue?vue&type=script&lang=js&\"\nexport * from \"./resetCardExpiration.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div>\r\n    <AddRetainershipModal :company=\"company\"></AddRetainershipModal>\r\n    <AddNewRetainershipModal :company=\"company\"></AddNewRetainershipModal>\r\n    <!-- <ApprovalRequestModal></ApprovalRequestModal> -->\r\n    <!-- <AssignCardModal></AssignCardModal> -->\r\n\r\n    <SetCardChargeModal\r\n      :companyID=\"companyId\"\r\n      :currentCardCharge=\"cardCharge\"\r\n    ></SetCardChargeModal>\r\n\r\n    <ResetCardExpirationModal :company=\"company\" :card=\"cardDetails\" />\r\n    <MasterLayout>\r\n      <!-- LOADER -->\r\n      <section class=\"row card-loader-wrapper w-100\" v-if=\"showLoader\">\r\n        <div\r\n          class=\"col-md-3 position-relative mb-2\"\r\n          v-for=\"(c, i) in 4\"\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=\"!showLoader\">\r\n        <section>\r\n          <h5>{{ $t(\"text.retainership.cardRequest\") }}</h5>\r\n          <div class=\"fuelbalance_first_row\">\r\n            <div class=\"row w-100\">\r\n              <div class=\"col-sm-12 col-lg-3\">\r\n                <div\r\n                  style=\"background-color: #46266e; color: white\"\r\n                  class=\"d-flex justify-content-between overview-card p-4 px-10\"\r\n                >\r\n                  <div class=\"\">\r\n                    <h5>{{ $t(\"text.retainership.totalCards\") }}</h5>\r\n                    <p class=\"mt-3\">{{ totalCards }}</p>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              <div\r\n                v-for=\"(card, index) in retainershipCards\"\r\n                :key=\"index\"\r\n                class=\"col-sm-12 col-lg-3 cursor-pointer\"\r\n              >\r\n                <div\r\n                  @click=\"\r\n                    () =>\r\n                      card.title.toLowerCase() !== 'available cards' &&\r\n                      changeTable(card.title)\r\n                  \"\r\n                  class=\"d-flex justify-content-between overview-card p-4 px-10 shadow-sm\"\r\n                >\r\n                  <div class=\"\">\r\n                    <h5>{{ card.title }}</h5>\r\n\r\n                    <p class=\"mt-3\">\r\n                      {{ card.number }}\r\n                    </p>\r\n                  </div>\r\n\r\n                  <div>\r\n                    <img\r\n                      :src=\"require(`@/assets/svg/${card.image}`)\"\r\n                      alt=\"Card Image\"\r\n                    />\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <section\r\n            class=\"d-flex justify-content-between align-items-center mr-4\"\r\n          >\r\n            <div>\r\n              <h3 style=\"font-size: 20px\" class=\"ml-2 mt-2\">{{ tableType }}</h3>\r\n            </div>\r\n            <div>\r\n              <router-link\r\n                :to=\"{\r\n                  name: 'approve-retainership-card-request',\r\n                  query: { assign: true, companyId: companyId },\r\n                }\"\r\n              >\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=\"showAssignCardModal\"\r\n                >\r\n                  {{ $t(\"text.retainership.sellToCustomer\") }}\r\n                </button>\r\n              </router-link>\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=\"showsetCardChargeModal\"\r\n              >\r\n                {{ $t(\"text.retainership.setCardCharge\") }}\r\n              </button>\r\n            </div>\r\n          </section>\r\n        </section>\r\n\r\n        <section class=\"section__row mt-3\">\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              :rowSelected=\"rowSelected\"\r\n              :dataSource=\"tableData\"\r\n            >\r\n              <e-columns>\r\n                <e-column field=\"index\" width=\"40\" 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=\"serialNumber\"\r\n                  width=\"200\"\r\n                  :headerText=\"$t('text.branch.serialNo')\"\r\n                ></e-column>\r\n\r\n                <e-column\r\n                  field=\"nameOnCard\"\r\n                  width=\"150\"\r\n                  :headerText=\"$t('text.editStaff.cardName')\"\r\n                ></e-column>\r\n\r\n                <e-column\r\n                  field=\"assigned\"\r\n                  width=\"150\"\r\n                  :headerText=\"$t('text.retainership.assignedTo')\"\r\n                ></e-column>\r\n\r\n                <e-column\r\n                  field=\"activated\"\r\n                  width=\"150\"\r\n                  :headerText=\"$t('text.retainership.activated')\"\r\n                ></e-column>\r\n                <e-column\r\n                  field=\"owner\"\r\n                  width=\"200\"\r\n                  :headerText=\"$t('text.cAlerts.owner')\"\r\n                ></e-column>\r\n                <e-column\r\n                  field=\"expiryDate\"\r\n                  width=\"200\"\r\n                  :headerText=\"$t('text.bLease.exDate')\"\r\n                ></e-column>\r\n                <e-column\r\n                  width=\"200\"\r\n                  :template=\"viewDetails\"\r\n                  headerText=\"Action\"\r\n                ></e-column>\r\n              </e-columns>\r\n            </ejs-grid>\r\n            <TableLoader :showLoader=\"showLoader\" />\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 configObject from \"@/config\";\r\nimport TableLoader from \"@/components/tableLoader/index\";\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 AssignCardModal from \"@/components/modals/Remis/Retainership/CardRequest/assignCard\";\r\nimport ApprovalRequestModal from \"@/components/modals/Remis/Retainership/CardRequest/approveCardRequest\";\r\nimport AddRetainershipModal from \"@/components/modals/addRetainershipModal\";\r\nimport AddNewRetainershipModal from \"@/components/modals/addNewRetainershipModal\";\r\nimport DropDown from \"@/components/Templates/Dropdown/companyRetainershipDropdown.vue\";\r\nimport RetTemp from \"@/components/Templates/companyRetainershipTemplate.vue\";\r\n\r\nimport ActionTemp from \"@/components/TableTemplates/retainership/cardRequest.vue\";\r\n\r\n//component\r\nimport PendingRequest from \"@/BreakdownComponent/Company/Remis/CardRequest/PendingRequest.vue\";\r\nimport ApprovedRequest from \"@/BreakdownComponent/Company/Remis/CardRequest/ApprovedRequest.vue\";\r\nimport DeclinedRequest from \"@/BreakdownComponent/Company/Remis/CardRequest/DeclinedRequest.vue\";\r\nimport SetCardChargeModal from \"@/components/modals/Remis/Retainership/setCardCharge\";\r\n\r\nimport ResetCardExpirationModal from \"@/components/modals/resetCardExpiration\";\r\n\r\nimport JQuery from \"jquery\";\r\nlet $ = JQuery;\r\n\r\nexport default {\r\n  title: \"Retainership Cards :: Epump Portal\",\r\n  name: \"RetainershipCards\",\r\n  components: {\r\n    MasterLayout,\r\n    ApprovalRequestModal,\r\n    AddRetainershipModal,\r\n    AddNewRetainershipModal,\r\n\r\n    TableLoader,\r\n    DropDown,\r\n    AssignCardModal,\r\n\r\n    PendingRequest,\r\n    ApprovedRequest,\r\n    DeclinedRequest,\r\n\r\n    SetCardChargeModal,\r\n    ResetCardExpirationModal,\r\n  },\r\n  provide: {\r\n    grid: [Page, Sort, Toolbar, Search, ExcelExport, PdfExport],\r\n  },\r\n  data() {\r\n    return {\r\n      cardCharge: 0,\r\n      cardDetails: null,\r\n      approvedNumberOfCardRequest: 0,\r\n      pendingNumberOfCardRequest: 0,\r\n      tableData: [],\r\n      unissuedCards: [],\r\n      issuedCards: [],\r\n      totalCards: 0,\r\n      soldCards: 0,\r\n      unsoldCards: 0,\r\n      secondTableData: [],\r\n      tableType: \"Sold cards\",\r\n      pendingRequest: [],\r\n      approvedRequest: [],\r\n      declinedRequest: [],\r\n      availableCards: 0,\r\n      pendingRequestNumber: 0,\r\n      approvedRequestNumber: 0,\r\n      declinedRequestNumber: 0,\r\n\r\n      usedLang: this.$store.getters.getLanguage,\r\n      pendingRequest: 0,\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      pageSettings: {\r\n        pageSizes: [10, 20, 50, 100, 200],\r\n        pageCount: 4,\r\n        pageSize: 10,\r\n      },\r\n      toolbar: [\"ExcelExport\", \"PdfExport\", \"Search\"],\r\n      search: { operator: \"contains\", ignoreCase: true },\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.assets.updateCreditLimit\"),\r\n            emitName: \"updateCreditLimit\",\r\n          },\r\n          {\r\n            name: this.$t(\"text.assets.walletTransactions\"),\r\n            emitName: \"walletTransactions\",\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\r\n      ActionTemp: function () {\r\n        return {\r\n          template: ActionTemp,\r\n        };\r\n      },\r\n\r\n      viewDetails: function () {\r\n        return {\r\n          template: Vue.component(\"columnTemplate\", {\r\n            template: `  <button @click=\"showResetCardExpirationModal\" style=\"background-color:#290C53; padding:15px; border:none; color:white; border-radius:5px;\"> {{ $t(\"text.retainership.resetExpiryDate\") }}</button>  \r\n         `,\r\n            data() {\r\n              return {\r\n                data: {},\r\n              };\r\n            },\r\n\r\n            methods: {\r\n              showResetCardExpirationModal() {\r\n                this.$eventHub.$emit(\"cardExpirationReset\", this.data);\r\n              },\r\n            },\r\n          }),\r\n        };\r\n      },\r\n    };\r\n  },\r\n  computed: {\r\n    retainershipCards() {\r\n      return [\r\n        {\r\n          title: \"Sold Cards\",\r\n          number: this.soldCards,\r\n          image: \"wallet.svg\",\r\n        },\r\n        {\r\n          title: \"Unsold Cards\",\r\n          number: this.unsoldCards,\r\n          image: \"wallet.svg\",\r\n        },\r\n        {\r\n          title: \"Current Card Price\",\r\n          number: this.cardCharge,\r\n          image: \"Pending.svg\",\r\n        },\r\n      ];\r\n    },\r\n  },\r\n  watch: {\r\n    company(company) {\r\n      if (company !== null) {\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  },\r\n  created() {\r\n    this.secondTableData = [];\r\n    this.$eventHub.$on(\"company\", (company) => {\r\n      this.company = company;\r\n    });\r\n\r\n    // this.$eventHub.$on(\"getRetainerships\", () => {\r\n    //   this.callEndpoints();\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    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(\"getCardRequests\", () => {\r\n      this.getCardRequests();\r\n    });\r\n\r\n    this.$eventHub.$on(\"approveCardRequest\", () => {\r\n      this.showApproveModal();\r\n    });\r\n\r\n    this.$eventHub.$on(\"cardExpirationReset\", (data) => {\r\n      this.cardDetails = data;\r\n      this.$modal.show(\"resetCardExpirationModal\");\r\n    });\r\n\r\n    this.$eventHub.$on(\"expiryResetSuccess\", (data) => {\r\n      this.callEndpoints();\r\n    });\r\n  },\r\n  beforeDestroy() {\r\n    this.$eventHub.$off(\"getCardRequests\");\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    // 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    // this.getCardCharge();\r\n  },\r\n  methods: {\r\n    callEndpoints() {\r\n      this.getCardCharge();\r\n      this.getCards();\r\n    },\r\n\r\n    // Modal functions\r\n    showFundWalletModal() {\r\n      this.$modal.show(\"fund-wallet-payweall\");\r\n    },\r\n    show() {\r\n      AddRetainershipModal;\r\n      this.$modal.show(\"addRetainershipModal\");\r\n    },\r\n    showAddNewRetainershipModal() {\r\n      this.$modal.show(\"addNewRetainershipModal\");\r\n    },\r\n\r\n    showApproveModal() {\r\n      this.$modal.show(\"approvalRequestModal\");\r\n    },\r\n\r\n    showAssignCardModal() {\r\n      this.$modal.show(\"assignCardModal\");\r\n    },\r\n    showsetCardChargeModal() {\r\n      this.$modal.show(\"setCardChargeModal\");\r\n    },\r\n\r\n    /////\r\n\r\n    //Requests\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\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    getRemisHash() {\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          this.getCardRequests();\r\n          this.getCards();\r\n          // this.getDashboardDetails();\r\n        })\r\n        .catch((error) => {});\r\n    },\r\n\r\n    //get cards\r\n    getCards() {\r\n      this.cardLoader = true;\r\n      this.axios\r\n        .get(\r\n          `${configObject.remisBaseUrl}/D/Retainership/Customer/Cards/${\r\n            this.$route.query.companyId\r\n              ? this.$route.query.companyId\r\n              : this.company.id\r\n          }?PageLimit=${10000}`,\r\n          // ?query=${this.searchInp}\r\n          configObject.authConfig({ isRemis: true })\r\n        )\r\n        .then((response) => {\r\n          if (response.data.data.cards) {\r\n            const cards = response.data.data.cards;\r\n            this.totalCards = response.data.data.cards.length;\r\n\r\n            cards.forEach((card) => {\r\n              card.serialNumber = card.serialNumber || \"N/A\";\r\n              card.assigned = card.assigned ? \"Yes\" : \"No\";\r\n              card.activated = card.activated ? \"Yes\" : \"No\";\r\n              card.owner = card.ownersName ? card.ownersName : \"N/A\";\r\n              card.nameOnCard = card.nameOnCard ? card.nameOnCard : \"N/A\";\r\n              card.expiryDate = this.$moment(card.expiryDate).format(\r\n                \"YYYY-MM-DD\"\r\n              );\r\n            });\r\n\r\n            this.unissuedCards = cards.filter((card) => {\r\n              return !card.clientId;\r\n            });\r\n\r\n            let issuedIndex = 1;\r\n            let unissuedIndex = 1;\r\n            this.issuedCards = cards.filter((card) => {\r\n              return card.clientId;\r\n            });\r\n            this.issuedCards.forEach((card) => {\r\n              card.index = issuedIndex++;\r\n            });\r\n\r\n            this.unissuedCards.forEach((card) => {\r\n              card.index = unissuedIndex++;\r\n            });\r\n\r\n            this.changeTable(\"Sold Cards\");\r\n\r\n            this.soldCards = this.issuedCards.length;\r\n            this.unsoldCards = this.unissuedCards.length;\r\n          }\r\n\r\n          this.numberOfCards = this.unissuedCards.length;\r\n\r\n          this.unissuedCards.forEach((el) => {\r\n            el.text = el.cardNumber;\r\n            el.value = el.cardNumber;\r\n          });\r\n\r\n          // this.totalCards = response.data.data.length;\r\n        })\r\n        .catch((error) => {\r\n          this.$toast.open({\r\n            message: error.response.data.title,\r\n            type: \"error\",\r\n            duration: 5000,\r\n          });\r\n        })\r\n        .finally(() => {\r\n          this.cardLoader = false;\r\n        });\r\n    },\r\n\r\n    getCardRequests() {\r\n      if (localStorage.getItem(\"companyDetails\") !== null) {\r\n        companyID = JSON.parse(localStorage.getItem(\"companyDetails\")).id;\r\n      }\r\n      this.showLoader = true;\r\n\r\n      this.axios\r\n        .get(\r\n          `${configObject.remisBaseUrl}/D/Retainership/Customer/CardRequests/${\r\n            this.$route.query.companyId\r\n              ? this.$route.query.companyId\r\n              : this.company.id\r\n          }?PageLimit=${10000}`,\r\n\r\n          configObject.authConfig({ isRemis: true })\r\n        )\r\n        .then((response) => {\r\n          const requests = response.data.data.data;\r\n          requests.forEach((request) => {\r\n            request.orderDate = this.$moment(request.orderDate).format(\r\n              \"YYYY/MM/DD\"\r\n            );\r\n          });\r\n          this.showLoader = false;\r\n\r\n          let pendingRequest = requests.filter(\r\n            (el) => el.orderStatus.toLowerCase() === \"pending\"\r\n          );\r\n\r\n          let approvedRequest = requests.filter(\r\n            (el) => el.orderStatus.toLowerCase() === \"fulfilled\"\r\n          );\r\n\r\n          this.pendingRequest = pendingRequest;\r\n          this.approvedRequest = approvedRequest;\r\n\r\n          this.$refs.dataGrid.ej2Instances.setProperties({\r\n            dataSource: pendingRequest,\r\n          });\r\n          this.refreshGrid();\r\n        })\r\n        .catch((error) => {\r\n          this.showLoader = false;\r\n          // this.grid.ej2Instances.setProperties({ dataSource: [] });\r\n          // this.refreshGrid();\r\n\r\n          console.log(error.response);\r\n        });\r\n    },\r\n\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    changeTable(arg) {\r\n      this.tableType = arg;\r\n      this.tableData =\r\n        arg.toLowerCase() === \"unsold cards\"\r\n          ? this.unissuedCards\r\n          : this.issuedCards;\r\n\r\n      this.$nextTick(() => {\r\n        if (this.$refs.dataGrid) {\r\n          this.$refs.dataGrid.refresh();\r\n        }\r\n      });\r\n    },\r\n\r\n    rowSelected(args) {\r\n      //redirect to approval page\r\n      // this.$router.push({\r\n      //   name: \"approve-retainership-card-request\",\r\n      //   query: {\r\n      //     companyId: this.$route.query.companyId,\r\n      //     requestId: args.data.id,\r\n      //   },\r\n      // });\r\n    },\r\n\r\n    toolbarClick(args) {\r\n      switch (args.item.text) {\r\n        case \"PDF Export\":\r\n          this.$refs.dataGrid.pdfExport();\r\n          break;\r\n        case \"Excel Export\":\r\n          this.$refs.dataGrid.excelExport();\r\n          break;\r\n      }\r\n    },\r\n\r\n    refreshGrid() {\r\n      this.$refs.dataGrid.refresh();\r\n    },\r\n\r\n    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\r\n    revertNumber(number) {\r\n      return Number(number.replace(/[^0-9.]+/g, \"\"));\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\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-weight: 700;\r\n}\r\n.e-grid .e-row:hover .e-rowcell {\r\n  cursor: pointer;\r\n  text-decoration: underline;\r\n  color: purple;\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!./allCards.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!./allCards.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./allCards.vue?vue&type=template&id=e4fcab1c&scoped=true&\"\nimport script from \"./allCards.vue?vue&type=script&lang=js&\"\nexport * from \"./allCards.vue?vue&type=script&lang=js&\"\nimport style0 from \"./allCards.vue?vue&type=style&index=0&id=e4fcab1c&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  \"e4fcab1c\",\n  null\n  \n)\n\nexport default component.exports","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!./allCards.vue?vue&type=style&index=0&id=e4fcab1c&prod&scoped=true&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('modal',{staticClass:\"editCreditLimit\",attrs:{\"name\":\"setCardChargeModal\",\"transition\":\"pop-out\",\"width\":_vm.modalWidth,\"height\":355},on:{\"opened\":_vm.opened}},[_c('div',{staticClass:\"retainership__box\"},[_c('div',{staticClass:\"text-center\"},[_c('h3',{staticClass:\"add__retainership__header mt-5\"},[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"text.retainership.setCardCharge\"))+\"\\n      \")]),_vm._v(\" \"),_c('div',{staticClass:\"add__retainership__form__wrapper\"},[_c('div',{staticClass:\"d-flex justify-content-center\"},[_c('p',{staticStyle:{\"font-weight\":\"500\",\"font-size\":\"15px\"}},[_vm._v(\"\\n            \"+_vm._s(_vm.$t(\"text.retainership.currentCardCharge\"))+\" :\\n          \")]),_vm._v(\" \"),_c('p',{staticClass:\"ml-2\"},[_vm._v(_vm._s(_vm.currentCardCharge))])]),_vm._v(\" \"),_c('div',{staticClass:\"form_input_section mt-4\"},[_c('div',{ref:\"email_input_div\",staticClass:\"input__div\"},[_c('div',{staticClass:\"placeholder_div\"},[_c('img',{staticClass:\"input_placeholder_icon\",attrs:{\"src\":require(\"@/assets/img/email.png\"),\"width\":\"50%\"}})]),_vm._v(\" \"),_c('div',{staticClass:\"input_field_section\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.chargeAmount),expression:\"chargeAmount\"}],attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.chargeAmount)},on:{\"input\":function($event){if($event.target.composing)return;_vm.chargeAmount=$event.target.value}}})])])]),_vm._v(\" \"),_c('div',{ref:\"email_error_message\"}),_vm._v(\" \"),_c('div',{staticClass:\"text-center mt-5\"},[_c('button',{staticClass:\"add_quick_fuel_btn\",staticStyle:{\"background-color\":\"#46266e\"},style:([\n              _vm.isButtonDisabled\n                ? { cursor: 'not-allowed' }\n                : { cursor: 'pointer' },\n            ]),attrs:{\"disabled\":_vm.isButtonDisabled ? true : null},on:{\"click\":function($event){return _vm.setChargeAmount($event)}}},[_vm._v(\"\\n            \"+_vm._s(_vm.$t(\"text.actionButtons.submit\"))+\" \"),_c('span')]),_vm._v(\" \"),_c('img',{staticClass:\"ml-3 loader\",staticStyle:{\"display\":\"none\"},attrs:{\"src\":require(\"@/assets/img/git_loader.gif\"),\"width\":\"35px\"}})])])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <modal\r\n    class=\"editCreditLimit\"\r\n    name=\"setCardChargeModal\"\r\n    transition=\"pop-out\"\r\n    :width=\"modalWidth\"\r\n    :height=\"355\"\r\n    @opened=\"opened\"\r\n  >\r\n    <div class=\"retainership__box\">\r\n      <div class=\"text-center\">\r\n        <h3 class=\"add__retainership__header mt-5\">\r\n          {{ $t(\"text.retainership.setCardCharge\") }}\r\n        </h3>\r\n        <div class=\"add__retainership__form__wrapper\">\r\n          <div class=\"d-flex justify-content-center\">\r\n            <p style=\"font-weight: 500; font-size: 15px\">\r\n              {{ $t(\"text.retainership.currentCardCharge\") }} :\r\n            </p>\r\n            <p class=\"ml-2\">{{ currentCardCharge }}</p>\r\n          </div>\r\n          <div class=\"form_input_section mt-4\">\r\n            <div class=\"input__div\" ref=\"email_input_div\">\r\n              <div class=\"placeholder_div\">\r\n                <img\r\n                  src=\"@/assets/img/email.png\"\r\n                  width=\"50%\"\r\n                  class=\"input_placeholder_icon\"\r\n                />\r\n              </div>\r\n              <div class=\"input_field_section\">\r\n                <input type=\"text\" v-model=\"chargeAmount\" />\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div ref=\"email_error_message\"></div>\r\n          <div class=\"text-center mt-5\">\r\n            <button\r\n              class=\"add_quick_fuel_btn\"\r\n              @click=\"setChargeAmount($event)\"\r\n              :disabled=\"isButtonDisabled ? true : null\"\r\n              :style=\"[\r\n                isButtonDisabled\r\n                  ? { cursor: 'not-allowed' }\r\n                  : { cursor: 'pointer' },\r\n              ]\"\r\n              style=\"background-color: #46266e\"\r\n            >\r\n              {{ $t(\"text.actionButtons.submit\") }} <span></span>\r\n            </button>\r\n            <img\r\n              src=\"@/assets/img/git_loader.gif\"\r\n              style=\"display: none\"\r\n              width=\"35px\"\r\n              class=\"ml-3 loader\"\r\n            />\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </modal>\r\n</template>\r\n<script>\r\nimport configObject from \"@/config\";\r\nimport JQuery from \"jquery\";\r\nlet $ = JQuery;\r\n\r\nconst MODAL_WIDTH = 600;\r\n\r\nexport default {\r\n  name: \"editCreditLimit\",\r\n  props: [\"creditLimit\", \"email\", \"currentCardCharge\", \"companyID\"],\r\n  data() {\r\n    return {\r\n      chargeAmount: null,\r\n      modalWidth: MODAL_WIDTH,\r\n      isButtonDisabled: false,\r\n    };\r\n  },\r\n  created() {\r\n    this.modalWidth =\r\n      window.innerWidth < MODAL_WIDTH ? MODAL_WIDTH / 2 : MODAL_WIDTH;\r\n  },\r\n  methods: {\r\n    closeCreditLimit() {\r\n      this.$modal.hide(\"setCardChargeModal\");\r\n    },\r\n    setChargeAmount($event) {\r\n      $event.preventDefault();\r\n      if (!this.chargeAmount) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.retainership.enterAmount\"),\r\n          type: \"error\",\r\n          duration: 5000,\r\n        });\r\n        return;\r\n      }\r\n\r\n      //changing content type\r\n      const config = configObject.authConfig({ isRemis: true });\r\n      config.headers[\"Content-Type\"] = \"application/json\";\r\n\r\n      let data = {\r\n        customerEpumpId: this.companyID,\r\n        amountPerCard: parseFloat(this.chargeAmount),\r\n      };\r\n      console.log(data);\r\n      this.isButtonDisabled = true;\r\n      $(\".loader\").show();\r\n\r\n      this.axios\r\n        .post(\r\n          `${configObject.remisBaseUrl}/D/Retainership/Customer/SetCardCharge/${this.companyID}?amountPerCard=${this.chargeAmount}`,\r\n          data,\r\n          config\r\n        )\r\n        .then(() => {\r\n          $(\".loader\").hide();\r\n          this.isButtonDisabled = false;\r\n          data = null;\r\n          this.chargeAmount = null;\r\n          this.$modal.hide(\"setCardChargeModal\");\r\n          this.$toast.open({\r\n            message: this.$t(\"text.requests.success\"),\r\n            type: \"success\",\r\n            duration: 3000,\r\n          });\r\n        \r\n          this.$eventHub.$emit(\"getRetainerships\");\r\n        })\r\n        .catch((error) => {\r\n          this.$toast.open({\r\n            message: error.response.data.title,\r\n            type: \"error\",\r\n            duration: 3000,\r\n          });\r\n          this.isButtonDisabled = false;\r\n          $(\".loader\").hide();\r\n        });\r\n    },\r\n    opened() {\r\n      // this.chargeAmount = this.creditLimit;\r\n    },\r\n  },\r\n};\r\n</script>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./setCardCharge.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!./setCardCharge.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./setCardCharge.vue?vue&type=template&id=8769caea&\"\nimport script from \"./setCardCharge.vue?vue&type=script&lang=js&\"\nexport * from \"./setCardCharge.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}