{"version":3,"sources":["webpack:///./src/views/RegionalManager/POS/index.vue","webpack:///src/views/RegionalManager/POS/index.vue","webpack:///./src/views/RegionalManager/POS/index.vue?2ebb","webpack:///./src/views/RegionalManager/POS/index.vue?431c","webpack:///./src/components/modals/POS/index.vue","webpack:///src/components/modals/POS/index.vue","webpack:///./src/components/modals/POS/index.vue?ccfc","webpack:///./src/components/modals/POS/index.vue?dd73","webpack:///./src/assets/img/credit-card (2).svg","webpack:///./src/views/RegionalManager/POS/index.vue?2d18","webpack:///./src/assets/img/credit-card (4).svg","webpack:///./src/assets/img/credit-card (3).svg","webpack:///./src/assets/img/credit-card (6).svg"],"names":["render","_vm","this","_c","_self","staticClass","attrs","maxDate","customShortcuts","$t","model","value","dateRange","callback","$$v","expression","_v","directives","name","rawName","branchId","on","$event","$$selectedVal","Array","prototype","filter","call","target","options","o","selected","map","val","_value","multiple","_s","_l","branches","branch","index","key","domProps","id","status","require","region","currencyCode","totalTransactionsAmount","totalTransactions","totalSuccessfulTransactionsAmount","totalSuccessfulTransactions","totalFailedTransactionsAmount","totalFailedTransactions","regionalBalance","showLoader","startDate","endDate","ref","refreshGrid","toolbar","pageSettings","search","toolbarClick","rowDataBound","excelQueryCellInfo","usedLang","formatOptions","branchSelected","currency","actionTemplate","modalData","staticRenderFns","$","title","components","MasterLayout","TableLoader","POSModal","provide","grid","data","type","format","totalCharges","totalChargesCount","terminalId","label","pluginStartDate","pluginEndDate","start","end","pageSizes","pageCount","pageSize","operator","ignoreCase","template","methods","showDetails","created","beforeDestroy","mounted","searchFun","watch","getRegionalBalance","get","configObject","then","response","catch","error","printWithCSS","myWindow","style","args","pageOrientation","fileName","getBranches","getTransactions","url","a","cur","JSON","dataSource","convertThousand","toFixed","toString","replace","component","modalWidth","opened","modalDataValues","branchName","_e","cashBack","$moment","paymentDate","pumpName","amount","charge","transactionReference","stan","retrievalReferenceNumber","maskedPan","customerName","statusDescription","cardExpiry","slice","downloadReceipt","staticStyle","branchAddress","statusCode","vendor","MODAL_WIDTH","props","isButtonDisabled","window","method","headers","responseType","split","join","message","duration","savePdfFile","link","document","print","closeModal","module","exports"],"mappings":"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","file":"js/chunk-0f1d95f4.d02d5ef6.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('MasterLayout',[_c('div',{staticClass:\"dashboard_first_row\"},[_c('div',{staticClass:\"buttons_section\"},[_c('div',[_c('vue-ctk-date-time-picker',{attrs:{\"max-date\":_vm.maxDate,\"range\":true,\"autoClose\":true,\"custom-shortcuts\":_vm.customShortcuts,\"color\":\"#4b2c72\",\"format\":\"DDMMYYYY\",\"formatted\":\"DD/MM/YYYY\",\"label\":_vm.$t('text.calendar.dateRange')},model:{value:(_vm.dateRange),callback:function ($$v) {_vm.dateRange=$$v},expression:\"dateRange\"}})],1),_vm._v(\" \"),_c('div',{staticClass:\"pos_select_branch\"},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.branchId),expression:\"branchId\"}],staticClass:\"btn details_btn px-3 mr-3 mt-2\",on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.branchId=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},[_c('option',{attrs:{\"disabled\":\"\",\"value\":\"selectABranch\"}},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.branch.selectBranch\"))+\"\\n            \")]),_vm._v(\" \"),_c('option',{attrs:{\"value\":\"showAll\"}},[_vm._v(_vm._s(_vm.$t(\"text.branch.showAll\")))]),_vm._v(\" \"),_vm._l((_vm.branches),function(branch,index){return _c('option',{key:index,domProps:{\"value\":branch.id}},[_vm._v(\"\\n              \"+_vm._s(branch.name)+\"\\n            \")])})],2)]),_vm._v(\" \"),_c('div',{staticClass:\"pos_select_branch\"},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.status),expression:\"status\"}],staticClass:\"btn details_btn px-3 mr-3 mt-2\",on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.status=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},[_c('option',{attrs:{\"disabled\":\"\",\"value\":\"selectAStatus\"}},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.branch.selectStatus\"))+\"\\n            \")]),_vm._v(\" \"),_c('option',{attrs:{\"value\":\"\"}},[_vm._v(_vm._s(_vm.$t(\"text.branch.showAll\")))]),_vm._v(\" \"),_c('option',{attrs:{\"value\":\"00\"}},[_vm._v(_vm._s(_vm.$t(\"text.branch.approved\")))]),_vm._v(\" \"),_c('option',{attrs:{\"value\":\"0x0x0\"}},[_vm._v(_vm._s(_vm.$t(\"text.branch.declined\")))])])])]),_vm._v(\" \"),_c('div',{staticClass:\"row mt-3 pos_trans_card_holder\"},[_c('div',{staticClass:\"col-lg-3 col-md-3 remove_padding-right pos_trans_card\"},[_c('div',{staticClass:\"card_container_1 pos-card mt-3\"},[_c('p',{staticClass:\"dashboard__card__header text-uppercase text-center\"},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.branch.totalTransactions\"))+\"\\n            \")]),_vm._v(\" \"),_c('div',{staticClass:\"icon_wrapper inner_border_radius mx-auto\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/credit-card (4).svg\"),\"width\":\"40px\"}})]),_vm._v(\" \"),_c('div',{staticClass:\"mt-3 text-center\"},[_c('h3',{staticClass:\"font-weight-bold\"},[_vm._v(\"\\n                \"+_vm._s(_vm.region ? _vm.region.currencyCode : \"\")+\"\\n                \"+_vm._s(_vm.totalTransactionsAmount)+\"\\n              \")]),_vm._v(\" \"),_c('small',{staticClass:\"dashboard__card__header_bottom font-weight-bold\"},[_vm._v(\"\\n                \"+_vm._s(_vm.totalTransactions)+\"\\n              \")])])])]),_vm._v(\" \"),_c('div',{staticClass:\"col-lg-3 col-md-3 remove_padding-right pos_trans_card\"},[_c('div',{staticClass:\"card_container_1 pos-card mt-3\"},[_c('p',{staticClass:\"dashboard__card__header text-uppercase text-center\"},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.branch.successfulTransactions\"))+\"\\n            \")]),_vm._v(\" \"),_c('div',{staticClass:\"icon_wrapper inner_border_radius mx-auto\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/credit-card (2).svg\"),\"width\":\"40px\"}})]),_vm._v(\" \"),_c('div',{staticClass:\"mt-3 text-center\"},[_c('h3',{staticClass:\"font-weight-bold\"},[_vm._v(\"\\n                \"+_vm._s(_vm.region ? _vm.region.currencyCode : \"\")+\"\\n                \"+_vm._s(_vm.totalSuccessfulTransactionsAmount)+\"\\n              \")]),_vm._v(\" \"),_c('small',{staticClass:\"dashboard__card__header_bottom font-weight-bold\"},[_vm._v(_vm._s(_vm.totalSuccessfulTransactions))])])])]),_vm._v(\" \"),_c('div',{staticClass:\"col-lg-3 col-md-3 remove_padding-right pos_trans_card\"},[_c('div',{staticClass:\"card_container_1 pos-card mt-3\"},[_c('p',{staticClass:\"dashboard__card__header text-uppercase text-center\"},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.branch.failedTransactions\"))+\"\\n            \")]),_vm._v(\" \"),_c('div',{staticClass:\"icon_wrapper inner_border_radius mx-auto\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/credit-card (3).svg\"),\"width\":\"40px\"}})]),_vm._v(\" \"),_c('div',{staticClass:\"mt-3 text-center\"},[_c('h3',{staticClass:\"font-weight-bold\"},[_vm._v(\"\\n                \"+_vm._s(_vm.region ? _vm.region.currencyCode : \"\")+\"\\n                \"+_vm._s(_vm.totalFailedTransactionsAmount)+\"\\n              \")]),_vm._v(\" \"),_c('small',{staticClass:\"dashboard__card__header_bottom font-weight-bold\"},[_vm._v(_vm._s(_vm.totalFailedTransactions))])])])]),_vm._v(\" \"),_c('div',{staticClass:\"col-lg-3 col-md-3 remove_padding-right pos_trans_card\"},[_c('div',{staticClass:\"card_container_1 pos-card mt-3\"},[_c('p',{staticClass:\"dashboard__card__header text-uppercase text-center\"},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.cBank.transaction.totalBalance\"))+\"\\n            \")]),_vm._v(\" \"),_c('div',{staticClass:\"icon_wrapper inner_border_radius mx-auto\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/credit-card (6).svg\"),\"width\":\"40px\"}})]),_vm._v(\" \"),_c('div',{staticClass:\"mt-3 text-center\"},[_c('h3',{staticClass:\"font-weight-bold\"},[_vm._v(\"\\n                \"+_vm._s(_vm.region ? _vm.region.currencyCode : \"\")+\" \"+_vm._s(_vm.regionalBalance)+\"\\n              \")])])])])])]),_vm._v(\" \"),_c('section',[_c('div',{staticClass:\"pos_table\"},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.showLoader),expression:\"!showLoader\"}],staticClass:\"row top_section_row\"},[_c('div',{staticClass:\"col-md-8\"},[_c('span',{staticClass:\"sec_text_color\"},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.branch.posTrans\"))+\" \"+_vm._s(_vm.startDate)+\"\\n              \"+_vm._s(_vm.$t(\"text.branch.and\"))+\" \"+_vm._s(_vm.endDate)+\"\\n            \")]),_vm._v(\" \"),_c('span')]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-4 text-right\"})]),_vm._v(\" \"),_c('ejs-grid',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.showLoader),expression:\"!showLoader\"}],ref:\"dataGrid\",attrs:{\"created\":_vm.refreshGrid,\"allowPaging\":true,\"allowSorting\":true,\"toolbar\":_vm.toolbar,\"pageSettings\":_vm.pageSettings,\"searchSettings\":_vm.search,\"allowExcelExport\":true,\"allowPdfExport\":true,\"toolbarClick\":_vm.toolbarClick,\"rowDataBound\":_vm.rowDataBound,\"allowTextWrap\":true,\"excelQueryCellInfo\":_vm.excelQueryCellInfo,\"locale\":_vm.usedLang}},[_c('e-columns',[_c('e-column',{attrs:{\"width\":\"80\",\"field\":\"index\",\"allowSorting\":false,\"headerText\":\"#\"}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"paymentDate\",\"format\":_vm.formatOptions,\"type\":\"date\",\"width\":\"200\",\"headerText\":_vm.$t('text.branch.transDate')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"visible\":!_vm.branchSelected,\"field\":\"branchName\",\"width\":\"180\",\"headerText\":_vm.$t('text.branch.station')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"pumpName\",\"width\":\"100\",\"headerText\":_vm.$t('text.branch.pump')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"amount\",\"width\":\"150\",\"format\":\"N2\",\"headerText\":`${_vm.$t('text.branch.amount')}(${\n                _vm.region ? _vm.region.currency : ''\n              })`}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"stan\",\"width\":\"220\",\"headerText\":_vm.$t('text.branch.stan')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"retrievalReferenceNumber\",\"width\":\"220\",\"headerText\":_vm.$t('text.branch.rrn')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"maskedPan\",\"width\":\"220\",\"headerText\":_vm.$t('text.branch.maskedPan')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"statusDescription\",\"width\":\"200\",\"headerText\":_vm.$t('text.branch.status')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"180\",\"template\":_vm.actionTemplate,\"headerText\":_vm.$t('text.branch.action')}})],1)],1)],1),_vm._v(\" \"),_c('TableLoader',{attrs:{\"showLoader\":_vm.showLoader}})],1)]),_vm._v(\" \"),_c('POSModal',{attrs:{\"modalData\":_vm.modalData}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <MasterLayout>\r\n      <div class=\"dashboard_first_row\">\r\n        <div class=\"buttons_section\">\r\n          <div>\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              :custom-shortcuts=\"customShortcuts\"\r\n              color=\"#4b2c72\"\r\n              format=\"DDMMYYYY\"\r\n              formatted=\"DD/MM/YYYY\"\r\n              :label=\"$t('text.calendar.dateRange')\"\r\n            />\r\n          </div>\r\n          <div class=\"pos_select_branch\">\r\n            <select class=\"btn details_btn px-3 mr-3 mt-2\" v-model=\"branchId\">\r\n              <option disabled value=\"selectABranch\">\r\n                {{ $t(\"text.branch.selectBranch\") }}\r\n              </option>\r\n              <option value=\"showAll\">{{ $t(\"text.branch.showAll\") }}</option>\r\n              <option\r\n                v-for=\"(branch, index) in branches\"\r\n                :key=\"index\"\r\n                v-bind:value=\"branch.id\"\r\n              >\r\n                {{ branch.name }}\r\n              </option>\r\n            </select>\r\n          </div>\r\n          <div class=\"pos_select_branch\">\r\n            <select class=\"btn details_btn px-3 mr-3 mt-2\" v-model=\"status\">\r\n              <option disabled value=\"selectAStatus\">\r\n                {{ $t(\"text.branch.selectStatus\") }}\r\n              </option>\r\n              <option value=\"\">{{ $t(\"text.branch.showAll\") }}</option>\r\n              <option value=\"00\">{{ $t(\"text.branch.approved\") }}</option>\r\n              <option value=\"0x0x0\">{{ $t(\"text.branch.declined\") }}</option>\r\n            </select>\r\n          </div>\r\n        </div>\r\n        <div class=\"row mt-3 pos_trans_card_holder\">\r\n          <div class=\"col-lg-3 col-md-3 remove_padding-right pos_trans_card\">\r\n            <div class=\"card_container_1 pos-card mt-3\">\r\n              <p class=\"dashboard__card__header text-uppercase text-center\">\r\n                {{ $t(\"text.branch.totalTransactions\") }}\r\n              </p>\r\n              <div class=\"icon_wrapper inner_border_radius mx-auto\">\r\n                <img src=\"@/assets/img/credit-card (4).svg\" width=\"40px\" />\r\n              </div>\r\n              <div class=\"mt-3 text-center\">\r\n                <h3 class=\"font-weight-bold\">\r\n                  {{ region ? region.currencyCode : \"\" }}\r\n                  {{ totalTransactionsAmount }}\r\n                </h3>\r\n                <small class=\"dashboard__card__header_bottom font-weight-bold\">\r\n                  {{ totalTransactions }}\r\n                </small>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"col-lg-3 col-md-3 remove_padding-right pos_trans_card\">\r\n            <div class=\"card_container_1 pos-card mt-3\">\r\n              <p class=\"dashboard__card__header text-uppercase text-center\">\r\n                {{ $t(\"text.branch.successfulTransactions\") }}\r\n              </p>\r\n              <div class=\"icon_wrapper inner_border_radius mx-auto\">\r\n                <img src=\"@/assets/img/credit-card (2).svg\" width=\"40px\" />\r\n              </div>\r\n              <div class=\"mt-3 text-center\">\r\n                <h3 class=\"font-weight-bold\">\r\n                  {{ region ? region.currencyCode : \"\" }}\r\n                  {{ totalSuccessfulTransactionsAmount }}\r\n                </h3>\r\n                <small\r\n                  class=\"dashboard__card__header_bottom font-weight-bold\"\r\n                  >{{ totalSuccessfulTransactions }}</small\r\n                >\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"col-lg-3 col-md-3 remove_padding-right pos_trans_card\">\r\n            <div class=\"card_container_1 pos-card mt-3\">\r\n              <p class=\"dashboard__card__header text-uppercase text-center\">\r\n                {{ $t(\"text.branch.failedTransactions\") }}\r\n              </p>\r\n              <div class=\"icon_wrapper inner_border_radius mx-auto\">\r\n                <img src=\"@/assets/img/credit-card (3).svg\" width=\"40px\" />\r\n              </div>\r\n              <div class=\"mt-3 text-center\">\r\n                <h3 class=\"font-weight-bold\">\r\n                  {{ region ? region.currencyCode : \"\" }}\r\n                  {{ totalFailedTransactionsAmount }}\r\n                </h3>\r\n                <small\r\n                  class=\"dashboard__card__header_bottom font-weight-bold\"\r\n                  >{{ totalFailedTransactions }}</small\r\n                >\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"col-lg-3 col-md-3 remove_padding-right pos_trans_card\">\r\n            <div class=\"card_container_1 pos-card mt-3\">\r\n              <p class=\"dashboard__card__header text-uppercase text-center\">\r\n                {{ $t(\"text.cBank.transaction.totalBalance\") }}\r\n              </p>\r\n              <div class=\"icon_wrapper inner_border_radius mx-auto\">\r\n                <img src=\"@/assets/img/credit-card (6).svg\" width=\"40px\" />\r\n              </div>\r\n              <div class=\"mt-3 text-center\">\r\n                <h3 class=\"font-weight-bold\">\r\n                  {{ region ? region.currencyCode : \"\" }} {{ regionalBalance }}\r\n                </h3>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <section>\r\n        <div class=\"pos_table\">\r\n          <div class=\"row top_section_row\" v-show=\"!showLoader\">\r\n            <div class=\"col-md-8\">\r\n              <span class=\"sec_text_color\">\r\n                {{ $t(\"text.branch.posTrans\") }} {{ startDate }}\r\n                {{ $t(\"text.branch.and\") }} {{ endDate }}\r\n              </span>\r\n              <span> </span>\r\n            </div>\r\n            <div class=\"col-md-4 text-right\"></div>\r\n          </div>\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            :toolbar=\"toolbar\"\r\n            :pageSettings=\"pageSettings\"\r\n            :searchSettings=\"search\"\r\n            :allowExcelExport=\"true\"\r\n            :allowPdfExport=\"true\"\r\n            :toolbarClick=\"toolbarClick\"\r\n            :rowDataBound=\"rowDataBound\"\r\n            :allowTextWrap=\"true\"\r\n            :excelQueryCellInfo=\"excelQueryCellInfo\"\r\n            :locale=\"usedLang\"\r\n          >\r\n            <e-columns>\r\n              <e-column\r\n                width=\"80\"\r\n                field=\"index\"\r\n                :allowSorting=\"false\"\r\n                headerText=\"#\"\r\n              ></e-column>\r\n              <e-column\r\n                field=\"paymentDate\"\r\n                :format=\"formatOptions\"\r\n                type=\"date\"\r\n                width=\"200\"\r\n                :headerText=\"$t('text.branch.transDate')\"\r\n              ></e-column>\r\n              <e-column\r\n                :visible=\"!branchSelected\"\r\n                field=\"branchName\"\r\n                width=\"180\"\r\n                :headerText=\"$t('text.branch.station')\"\r\n              ></e-column>\r\n              <e-column\r\n                field=\"pumpName\"\r\n                width=\"100\"\r\n                :headerText=\"$t('text.branch.pump')\"\r\n              ></e-column>\r\n              <e-column\r\n                field=\"amount\"\r\n                width=\"150\"\r\n                format=\"N2\"\r\n                :headerText=\"`${$t('text.branch.amount')}(${\r\n                  region ? region.currency : ''\r\n                })`\"\r\n              ></e-column>\r\n              <e-column\r\n                field=\"stan\"\r\n                width=\"220\"\r\n                :headerText=\"$t('text.branch.stan')\"\r\n              ></e-column>\r\n              <e-column\r\n                field=\"retrievalReferenceNumber\"\r\n                width=\"220\"\r\n                :headerText=\"$t('text.branch.rrn')\"\r\n              ></e-column>\r\n              <e-column\r\n                field=\"maskedPan\"\r\n                width=\"220\"\r\n                :headerText=\"$t('text.branch.maskedPan')\"\r\n              ></e-column>\r\n              <e-column\r\n                field=\"statusDescription\"\r\n                width=\"200\"\r\n                :headerText=\"$t('text.branch.status')\"\r\n              ></e-column>\r\n              <e-column\r\n                width=\"180\"\r\n                :template=\"actionTemplate\"\r\n                :headerText=\"$t('text.branch.action')\"\r\n              ></e-column>\r\n            </e-columns>\r\n          </ejs-grid>\r\n        </div>\r\n\r\n        <TableLoader :showLoader=\"showLoader\" />\r\n      </section>\r\n    </MasterLayout>\r\n    <POSModal :modalData=\"modalData\"></POSModal>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Vue from \"vue\";\r\nimport MasterLayout from \"@/views/RegionalManager/MasterLayout.vue\";\r\nimport configObject from \"@/config\";\r\nimport TableLoader from \"@/components/tableLoader/index\";\r\nimport POSModal from \"@/components/modals/POS/index\";\r\n\r\nimport {\r\n  Page,\r\n  Sort,\r\n  Toolbar,\r\n  Search,\r\n  ExcelExport,\r\n  PdfExport,\r\n  Resize,\r\n} from \"@syncfusion/ej2-vue-grids\";\r\n\r\nimport JQuery from \"jquery\";\r\nlet $ = JQuery;\r\n\r\nexport default {\r\n  title: \"POS Transactions:: Epump Portal\",\r\n  name: \"POS-Transactions\",\r\n  components: {\r\n    MasterLayout,\r\n    TableLoader,\r\n    POSModal,\r\n  },\r\n  provide: {\r\n    grid: [Page, Sort, Toolbar, Search, ExcelExport, PdfExport, Resize],\r\n  },\r\n  data() {\r\n    return {\r\n      regionalBalance: 0,\r\n      usedLang: this.$store.getters.getLanguage,\r\n      formatOptions: { type: \"date\", format: \"dd/MM/yyyy\" },\r\n      branchSelected: false,\r\n      totalCharges: 0,\r\n      totalChargesCount: 0,\r\n      branches: null,\r\n      branchId: \"selectABranch\",\r\n      status: \"selectAStatus\",\r\n      region: null,\r\n      terminalId: \"\",\r\n      totalTransactions: 0,\r\n      totalTransactionsAmount: 0,\r\n      totalSuccessfulTransactions: 0,\r\n      totalSuccessfulTransactionsAmount: 0,\r\n      totalFailedTransactions: 0,\r\n      totalFailedTransactionsAmount: 0,\r\n      modalData: null,\r\n      maxDate: this.$moment(new Date()).format(\"YYYY-MM-DD\"),\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      startDate: this.$moment().subtract(7, \"days\").format(\"MMMM D, YYYY\"),\r\n      endDate: this.$moment().format(\"MMMM D, YYYY\"),\r\n      pluginStartDate: this.$moment().subtract(7, \"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      showLoader: true,\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\r\n      actionTemplate: function () {\r\n        return {\r\n          template: Vue.component(\"actionButtonsTemplate\", {\r\n            template: `<div class=\"btn dealers_btn mr-3\" @click=\"showDetails(data)\">\r\n                        Details\r\n                    </div>`,\r\n            data: function () {\r\n              return {\r\n                data: {},\r\n              };\r\n            },\r\n            methods: {\r\n              showDetails(data) {\r\n                this.$eventHub.$emit(\"showDetails\", data);\r\n              },\r\n            },\r\n          }),\r\n        };\r\n      },\r\n    };\r\n  },\r\n  created() {\r\n    this.$eventHub.$on(\"region\", (region) => {\r\n      this.region = region;\r\n    });\r\n\r\n    if (this.$route.query.regionId || this.region) {\r\n      this.getBranches();\r\n      this.getTransactions();\r\n      this.getRegionalBalance();\r\n    }\r\n    this.dateRange.start = this.pluginStartDate;\r\n    this.dateRange.end = this.pluginEndDate;\r\n    this.$eventHub.$on(\"showDetails\", (data) => {\r\n      this.modalData = data;\r\n      this.$modal.show(\"POSModal\");\r\n    });\r\n    this.$eventHub.$on(\"PrintPos\", () => {\r\n      this.printWithCSS();\r\n    });\r\n  },\r\n  beforeDestroy() {\r\n    this.$eventHub.$off(\"showDetails\");\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  watch: {\r\n    region(region) {\r\n      if (region !== null) {\r\n        this.getBranches();\r\n        this.getTransactions();\r\n        this.getRegionalBalance();\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          \"MMMM D, YYYY\"\r\n        );\r\n        this.endDate = this.$moment(newRange.end, \"DD-MM-YYYY\").format(\r\n          \"MMMM D, YYYY\"\r\n        );\r\n        this.getTransactions();\r\n      }\r\n    },\r\n    branchId: function (newId, oldId) {\r\n      if (newId !== null && newId !== \"selectABranch\") {\r\n        this.getTransactions();\r\n      }\r\n    },\r\n    status: function (newStatus, oldStatus) {\r\n      if (newStatus !== null && newStatus !== \"selectAStatus\") {\r\n        this.getTransactions();\r\n      }\r\n    },\r\n  },\r\n  methods: {\r\n    getRegionalBalance() {\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Pos/RegionBalance/${\r\n            this.$route.query.regionId\r\n              ? this.$route.query.regionId\r\n              : this.region.id\r\n          }`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          this.regionalBalance = this.convertThousand(response.data.balance);\r\n        })\r\n        .catch((error) => {});\r\n    },\r\n\r\n    printWithCSS() {\r\n      var elementHTML = $(\"#printContent\").html();\r\n      var myWindow = window.open(\"\", \"\", \"width=1000,height=700\");\r\n      myWindow.document.write(elementHTML);\r\n      var style = myWindow.document.createElement(\"style\");\r\n      style.innerHTML = `\r\n        @page {\r\n          size: auto;  /* auto is the initial value */\r\n          margin: 0mm; /* this affects the margin in the printer settings */\r\n        }\r\n        html {\r\n          background-color: #FFFFFF;\r\n          margin: 0px; /* this affects the margin on the HTML before sending to printer */\r\n        }\r\n        body {\r\n          margin: 10mm 15mm 10mm 15mm; /* margin you want for the content */\r\n          margin: 0mm;\r\n          max-width:465px; \r\n          padding:15px 0px;\r\n        }\r\n        \r\n        `;\r\n      myWindow.document.head.appendChild(style);\r\n      myWindow.document.close();\r\n      myWindow.focus();\r\n      myWindow.print();\r\n      myWindow.close();\r\n    },\r\n    excelQueryCellInfo(args) {\r\n      if (args.column.field == \"paymentDate\") {\r\n        args.value = this.$moment(args.value).format(\"DD/MM/YYYY\");\r\n      }\r\n    },\r\n    toolbarClick(args) {\r\n      switch (args.item.text) {\r\n        case \"PDF Export\":\r\n          let pdfExportProperties = {\r\n            pageOrientation: \"Landscape\",\r\n            fileName: \"POS Transactions.pdf\",\r\n          };\r\n          this.$refs.dataGrid.pdfExport(pdfExportProperties);\r\n          break;\r\n        case \"Excel Export\":\r\n          this.$refs.dataGrid.excelExport();\r\n          break;\r\n      }\r\n    },\r\n    rowDataBound: function (args) {\r\n      if (args.data[\"statusCode\"] === \"00\") {\r\n        args.row.cells[8].style.color = \"green\";\r\n      } else {\r\n        args.row.cells[8].style.color = \"red\";\r\n      }\r\n    },\r\n    refreshGrid() {\r\n      this.$refs.dataGrid.refresh();\r\n    },\r\n    getBranches() {\r\n      // const company = JSON.parse(localStorage.getItem(\"companyDetails\"));\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Company/RegionBranches/${\r\n            this.$route.query.regionId\r\n              ? this.$route.query.regionId\r\n              : this.region.id\r\n          }`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          response.data.sort((a, b) => {\r\n            return a.name > b.name ? 1 : b.name > a.name ? -1 : 0;\r\n          });\r\n          this.branches = response.data;\r\n        })\r\n        .catch((error) => {});\r\n    },\r\n    getTransactions() {\r\n      this.showLoader = true;\r\n      let grid = this.$refs.dataGrid;\r\n      const status = this.status == \"selectAStatus\" ? \"\" : this.status;\r\n      let url;\r\n      if (this.branchId == \"selectABranch\" || this.branchId == \"showAll\") {\r\n        url = `${configObject.apiBaseUrl}/Pos/RegionTransactions/${\r\n          this.$route.query.regionId\r\n            ? this.$route.query.regionId\r\n            : this.region.id\r\n        }?startDate=${this.startDate}&endDate=${this.endDate}&status=${status}`;\r\n      } else {\r\n        url = `${configObject.apiBaseUrl}/Pos/Transactions/${this.branchId}?startDate=${this.startDate}&endDate=${this.endDate}&status=${status}&terminalId=${this.terminalId}`;\r\n      }\r\n      this.axios\r\n        .get(url, configObject.authConfig())\r\n        .then((response) => {\r\n          let index = 0;\r\n          let totalTransactionsAmount = 0;\r\n          let totalSuccessfulTransactions = 0;\r\n          let totalSuccessfulTransactionsAmount = 0;\r\n          let totalFailedTransactions = 0;\r\n          let totalFailedTransactionsAmount = 0;\r\n          let totalCharges = 0;\r\n          let totalChargesCount = 0;\r\n\r\n          response.data.sort((a, b) =>\r\n            a.paymentDate < b.paymentDate\r\n              ? 1\r\n              : a.paymentDate > b.paymentDate\r\n              ? -1\r\n              : 0\r\n          );\r\n\r\n          if (this.branchId == \"selectABranch\" || this.branchId == \"showAll\") {\r\n            this.branchSelected = false;\r\n            response.data.sort((a, b) => {\r\n              if (a.date !== b.date) {\r\n                return a.branchName.toLowerCase() < b.branchName.toLowerCase()\r\n                  ? -1\r\n                  : a.branchName.toLowerCase() > b.branchName.toLowerCase()\r\n                  ? 1\r\n                  : 0;\r\n              }\r\n            });\r\n          } else {\r\n            this.branchSelected = true;\r\n          }\r\n\r\n          response.data.forEach((cur) => {\r\n            cur.index = ++index;\r\n            totalTransactionsAmount += cur.amount;\r\n            totalCharges += cur.charge;\r\n            totalChargesCount++;\r\n            if (cur.statusCode == \"00\") {\r\n              totalSuccessfulTransactions += 1;\r\n              totalSuccessfulTransactionsAmount += cur.amount;\r\n            } else {\r\n              totalFailedTransactions += 1;\r\n              totalFailedTransactionsAmount += cur.amount;\r\n            }\r\n\r\n            if (!cur.pumpName) {\r\n              JSON.parse(cur.additionalInformation).forEach((current) => {\r\n                if (current.Name == \"PumpName\") {\r\n                  cur.pumpName = current.Value;\r\n                }\r\n              });\r\n            } else {\r\n              cur.pumpName = cur.pumpName;\r\n            }\r\n          });\r\n          this.totalTransactionsAmount = this.convertThousand(\r\n            totalTransactionsAmount\r\n          );\r\n          this.totalSuccessfulTransactionsAmount = this.convertThousand(\r\n            totalSuccessfulTransactionsAmount\r\n          );\r\n          this.totalFailedTransactionsAmount = this.convertThousand(\r\n            totalFailedTransactionsAmount\r\n          );\r\n          this.totalCharges = this.convertThousand(totalCharges);\r\n\r\n          this.totalTransactions = response.data.length;\r\n          this.totalSuccessfulTransactions = totalSuccessfulTransactions;\r\n          this.totalFailedTransactions = totalFailedTransactions;\r\n          this.totalChargesCount = totalChargesCount;\r\n\r\n          this.showLoader = false;\r\n          grid.ej2Instances.setProperties({ dataSource: response.data });\r\n          this.refreshGrid();\r\n        })\r\n        .catch((error) => {\r\n          this.showLoader = false;\r\n        });\r\n    },\r\n    convertThousand(request) {\r\n      if (!isFinite(request)) {\r\n        return \"0.00\";\r\n      }\r\n      return request\r\n        .toFixed(2)\r\n        .toString()\r\n        .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style>\r\n@media screen and (max-width: 602px) {\r\n  .POSModal .v--modal-box.v--modal {\r\n    margin: 0 auto;\r\n    top: 112px !important;\r\n    width: 90% !important;\r\n    height: 500px !important;\r\n    left: 0 !important;\r\n    overflow: auto;\r\n  }\r\n  .POSModal .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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=14fe36f0&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=14fe36f0&prod&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  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('modal',{staticClass:\"POSModal overflow-y-auto\",attrs:{\"name\":\"POSModal\",\"transition\":\"pop-out\",\"width\":_vm.modalWidth,\"height\":600},on:{\"opened\":_vm.opened}},[_c('div',[_c('div',{staticClass:\"full__row_section mb-5\"},[_c('div',{staticClass:\"pos_modal ml-3\"},[(_vm.modalDataValues.branchName)?_c('div',{staticClass:\"row align-items-center p-2\"},[_c('div',{staticClass:\"col-md-6 label_text\"},[_c('label',[_vm._v(\" \"+_vm._s(_vm.$t(\"text.posModal.branchName\"))+\" \")])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-6 mobile_resp\"},[_c('div',{staticClass:\"details_input\"},[_c('label',{attrs:{\"for\":\"\"}},[_vm._v(_vm._s(_vm.modalDataValues.branchName))])])])]):_vm._e(),_vm._v(\" \"),(_vm.modalDataValues.cashBack)?_c('div',{staticClass:\"row align-items-center p-2\"},[_c('div',{staticClass:\"col-md-6 label_text\"},[_c('label',[_vm._v(_vm._s(_vm.$t(\"text.posModal.transactionType\")))])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-6 mobile_resp\"},[_c('div',{staticClass:\"details_input\"},[_c('label',{attrs:{\"for\":\"\"}},[_vm._v(_vm._s(_vm.$t(\"text.posModal.cashBack\")))])])])]):_vm._e(),_vm._v(\" \"),_c('div',{staticClass:\"row align-items-center p-2\"},[_c('div',{staticClass:\"col-md-6 label_text\"},[_c('label',[_vm._v(_vm._s(_vm.$t(\"text.posModal.transactionDate\")))])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-6 mobile_resp\"},[_c('div',{staticClass:\"details_input\"},[_c('label',{attrs:{\"for\":\"\"}},[_vm._v(_vm._s(this.$moment(_vm.modalDataValues.paymentDate).format(\"YYYY-MM-DD\")))])])])]),_vm._v(\" \"),(!_vm.modalDataValues.cashBack)?_c('div',{staticClass:\"row align-items-center p-2\"},[_c('div',{staticClass:\"col-md-6 label_text\"},[_c('label',[_vm._v(\" \"+_vm._s(_vm.$t(\"text.posModal.pumpName\"))+\" \")])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-6 mobile_resp\"},[(_vm.modalData && _vm.modalData.pumpName)?_c('div',{staticClass:\"details_input\"},[_c('label',{attrs:{\"for\":\"\"}},[_vm._v(_vm._s(_vm.modalData.pumpName ? _vm.modalData.pumpName: \" \"))])]):_vm._e()])]):_vm._e(),_vm._v(\" \"),_c('div',{staticClass:\"row align-items-center p-2\"},[_c('div',{staticClass:\"col-md-6 label_text\"},[_c('label',[_vm._v(\" \"+_vm._s(_vm.$t(\"text.posModal.amount\")))])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-6 mobile_resp\"},[_c('div',{staticClass:\"details_input\"},[_c('label',{attrs:{\"for\":\"\"}},[_vm._v(\"₦ \"+_vm._s(_vm.modalDataValues.amount))])])])]),_vm._v(\" \"),(_vm.modalDataValues.cashBack)?_c('div',{staticClass:\"row align-items-center p-2\"},[_c('div',{staticClass:\"col-md-6 label_text\"},[_c('label',[_vm._v(\" \"+_vm._s(_vm.$t(\"text.posModal.charge\"))+\" \")])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-6 mobile_resp\"},[_c('div',{staticClass:\"details_input\"},[_c('label',{attrs:{\"for\":\"\"}},[_vm._v(\"₦ \"+_vm._s(_vm.modalDataValues.charge))])])])]):_vm._e(),_vm._v(\" \"),_c('div',{staticClass:\"row align-items-center p-2\"},[_c('div',{staticClass:\"col-md-6 label_text\"},[_c('label',[_vm._v(_vm._s(_vm.$t(\"text.posModal.transactionRef\")))])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-6 mobile_resp\"},[_c('div',{staticClass:\"details_input\"},[_c('label',{attrs:{\"for\":\"\"}},[_vm._v(_vm._s(_vm.modalDataValues.transactionReference))])])])]),_vm._v(\" \"),_c('div',{staticClass:\"row align-items-center p-2\"},[_c('div',{staticClass:\"col-md-6 label_text\"},[_c('label',[_vm._v(_vm._s(_vm.$t(\"text.posModal.stan\")))])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-6 mobile_resp\"},[_c('div',{staticClass:\"details_input\"},[_c('label',{attrs:{\"for\":\"\"}},[_vm._v(_vm._s(_vm.modalDataValues.stan))])])])]),_vm._v(\" \"),_c('div',{staticClass:\"row align-items-center p-2\"},[_c('div',{staticClass:\"col-md-6 label_text\"},[_c('label',[_vm._v(_vm._s(_vm.$t(\"text.posModal.RRN\")))])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-6 mobile_resp\"},[_c('div',{staticClass:\"details_input\"},[_c('label',{attrs:{\"for\":\"\"}},[_vm._v(_vm._s(_vm.modalDataValues.retrievalReferenceNumber))])])])]),_vm._v(\" \"),_c('div',{staticClass:\"row align-items-center p-2\"},[_c('div',{staticClass:\"col-md-6 label_text\"},[_c('label',[_vm._v(_vm._s(_vm.$t(\"text.posModal.maskedPan\")))])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-6 mobile_resp\"},[_c('div',{staticClass:\"details_input\"},[_c('label',{attrs:{\"for\":\"\"}},[_vm._v(_vm._s(_vm.modalDataValues.maskedPan))])])])]),_vm._v(\" \"),_c('div',{staticClass:\"row align-items-center p-2\"},[_c('div',{staticClass:\"col-md-6 label_text\"},[_c('label',[_vm._v(_vm._s(_vm.$t(\"text.posModal.customerName\")))])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-6 mobile_resp\"},[_c('div',{staticClass:\"details_input\"},[_c('label',{attrs:{\"for\":\"\"}},[_vm._v(_vm._s(_vm.modalDataValues.customerName))])])])]),_vm._v(\" \"),_c('div',{staticClass:\"row align-items-center p-2\"},[_c('div',{staticClass:\"col-md-6 label_text\"},[_c('label',[_vm._v(_vm._s(_vm.$t(\"text.posModal.status\")))])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-6 mobile_resp\"},[_c('div',{staticClass:\"details_input\"},[_c('label',{attrs:{\"for\":\"\"}},[_vm._v(_vm._s(_vm.modalDataValues.statusDescription))])])])]),_vm._v(\" \"),_c('div',{staticClass:\"row align-items-center p-2\"},[_c('div',{staticClass:\"col-md-6 label_text\"},[_c('label',[_vm._v(_vm._s(_vm.$t(\"text.posModal.cardExpiry\")))])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-6 mobile_resp\"},[_c('div',{staticClass:\"details_input\"},[_c('label',{attrs:{\"for\":\"\"}},[_vm._v(_vm._s(_vm.modalDataValues.cardExpiry\n                    ? _vm.modalDataValues.cardExpiry.slice(2)\n                    : null)+\"/\"+_vm._s(_vm.modalDataValues.cardExpiry\n                    ? _vm.modalDataValues.cardExpiry.slice(0, 2)\n                    : null))])])])]),_vm._v(\" \"),_c('div',{staticClass:\"row align-items-center p-2\"},[_c('div',{staticClass:\"col-md-6 label_text\"},[_c('label',[_vm._v(_vm._s(_vm.$t(\"text.posModal.terminalId\")))])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-6 mobile_resp\"},[_c('div',{staticClass:\"details_input\"},[_c('label',{attrs:{\"for\":\"\"}},[_vm._v(_vm._s(_vm.modalDataValues.terminalId))])])])]),_vm._v(\" \"),_c('div',{staticClass:\"text-center\"},[_c('button',{staticClass:\"save__btn record_expense_btn btn_primary_color w-50\",on:{\"click\":()=>_vm.downloadReceipt(_vm.modalData.id)}},[_vm._v(\"\\n            \"+_vm._s(_vm.$t(\"text.clickButtons.download\"))+\"\\n            \"),_c('span',[_c('img',{staticClass:\"loader ml-2\",staticStyle:{\"display\":\"none\"},attrs:{\"src\":\"/img/git_loader.8264c9b1.gif\",\"width\":\"25px\"}})])])])])]),_vm._v(\" \"),_c('div',{staticStyle:{\"font-size\":\"16px\",\"max-width\":\"465px\",\"font-family\":\"'Times New Roman', Times, serif\",\"display\":\"none\"},attrs:{\"id\":\"printContent\"}},[_c('p',{staticStyle:{\"text-align\":\"center\",\"align-content\":\"center\",\"margin-top\":\"30px\",\"font-weight\":\"bold\",\"font-family\":\"Arial, Helvetica, sans-serif\"}},[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"text.posModal.providusBank\"))+\"\\n      \")]),_vm._v(\" \"),_c('p',{staticStyle:{\"margin\":\"0\"}},[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"text.posModal.merchantName\"))+\" \"),_c('br'),_vm._v(\"\\n        \"+_vm._s(_vm.modalDataValues.branchName)+\"\\n      \")]),_vm._v(\" \"),_c('p',{staticStyle:{\"margin\":\"0\"}},[_vm._v(\"\\n        \"+_vm._s(_vm.modalDataValues.branchAddress)),_c('br'),_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"text.posModal.terminalID\"))+\" \"+_vm._s(_vm.modalDataValues.terminalId)+\"\\n      \")]),_vm._v(\" \"),_c('p',{staticStyle:{\"margin\":\"0\",\"text-align\":\"center\"}},[_vm._v(\"\\n        ---------------------------------------------\\n      \")]),_vm._v(\" \"),_c('h5',{staticStyle:{\"text-align\":\"center\",\"align-content\":\"center\",\"margin\":\"0\"}},[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"text.posModal.reprint\"))+\"\\n      \")]),_vm._v(\" \"),_c('p',{staticStyle:{\"text-align\":\"center\",\"align-content\":\"center\",\"margin\":\"6px 0\",\"transform\":\"scale(1, 1.9)\",\"text-transform\":\"uppercase\"}},[_vm._v(\"\\n        \"+_vm._s(_vm.modalDataValues.type)+\"\\n      \")]),_vm._v(\" \"),_c('p',{staticStyle:{\"margin\":\"0\"}},[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"text.posModal.STAN\"))+\" \"+_vm._s(_vm.modalDataValues.stan)+\"\\n      \")]),_vm._v(\" \"),_c('p',{staticStyle:{\"margin\":\"0\"}},[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"text.posModal.dateTime\"))+\" \"+_vm._s(_vm.modalDataValues.paymentDate)+\"\\n      \")]),_vm._v(\" \"),_c('p',{staticStyle:{\"margin\":\"0\",\"text-align\":\"center\"}},[_vm._v(\"\\n        ----------------------------------------------\\n      \")]),_vm._v(\" \"),_c('p',{staticStyle:{\"margin\":\"0\"}},[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"text.posModal.amount\"))+\"\\n        \"),_c('span',{staticStyle:{\"float\":\"right\",\"margin-right\":\"20px\",\"transform\":\"scale(1, 1.4)\"}},[_vm._v(\"NGN \"+_vm._s(_vm.modalDataValues.amount)+\".00\")])]),_vm._v(\" \"),_c('p',{staticStyle:{\"margin\":\"0\",\"text-align\":\"center\"}},[_vm._v(\"\\n        ----------------------------------------------\\n      \")]),_vm._v(\" \"),_c('h6',{staticStyle:{\"margin\":\"0\",\"text-align\":\"center\",\"align-content\":\"center\",\"font-size\":\"20px\"}},[_vm._v(\"\\n        \"+_vm._s(_vm.modalDataValues.maskedPan)+\"\\n      \")]),_vm._v(\" \"),_c('p',{staticStyle:{\"margin\":\"0\"}},[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"text.posModal.expiryDate\"))+\"\\n        \"+_vm._s(_vm.modalDataValues.cardExpiry\n            ? _vm.modalDataValues.cardExpiry.slice(2)\n            : null)+\"/\"+_vm._s(_vm.modalDataValues.cardExpiry\n            ? _vm.modalDataValues.cardExpiry.slice(0, 2)\n            : null)+\"\\n      \")]),_vm._v(\" \"),_c('p',{staticStyle:{\"margin\":\"0\",\"text-align\":\"center\"}},[_vm._v(\"\\n        ----------------------------------------------\\n      \")]),_vm._v(\" \"),_c('h4',{staticStyle:{\"margin\":\"0\",\"font-size\":\"14px\"}},[_vm._v(\"\\n        \"+_vm._s(_vm.modalDataValues.statusDescription)+\"\\n      \")]),_vm._v(\" \"),_c('p',{staticStyle:{\"margin\":\"0\"}},[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"text.posModal.responseCode\"))+\"\\n        \"+_vm._s(_vm.modalDataValues.statusCode)+\"\\n      \")]),_vm._v(\" \"),_c('p',{staticStyle:{\"margin\":\"0\"}},[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"text.posModal.refNumber\"))+\"\\n        \"+_vm._s(_vm.modalDataValues.retrievalReferenceNumber)+\"\\n      \")]),_vm._v(\" \"),_c('p',{staticStyle:{\"margin\":\"0\"}},[_vm._v(_vm._s(_vm.modalDataValues.vendor))]),_vm._v(\" \"),_c('p',{staticStyle:{\"margin\":\"0\",\"text-align\":\"center\"}},[_vm._v(\"\\n        ----------------------------------------------\\n      \")]),_vm._v(\" \"),_c('p',{staticStyle:{\"text-align\":\"center\",\"margin-right\":\"20px\",\"font-weight\":\"bold\",\"font-size\":\"14px\",\"margin\":\"0\",\"padding-bottom\":\"40px\"}},[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"text.posModal.merchantCopy\"))+\" \"),_c('br'),_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"text.posModal.pumpAuth\"))+\"\\n      \")])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <modal\r\n    class=\"POSModal overflow-y-auto\"\r\n    name=\"POSModal\"\r\n    transition=\"pop-out\"\r\n    :width=\"modalWidth\"\r\n    :height=\"600\"\r\n    @opened=\"opened\"\r\n  >\r\n    <div>\r\n      <div class=\"full__row_section mb-5\">\r\n        <div class=\"pos_modal ml-3\">\r\n          <div\r\n            class=\"row align-items-center p-2\"\r\n            v-if=\"modalDataValues.branchName\"\r\n          >\r\n            <div class=\"col-md-6 label_text\">\r\n              <label> {{ $t(\"text.posModal.branchName\") }} </label>\r\n            </div>\r\n            <div class=\"col-md-6 mobile_resp\">\r\n              <div class=\"details_input\">\r\n                <label for=\"\">{{ modalDataValues.branchName }}</label>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div\r\n            class=\"row align-items-center p-2\"\r\n            v-if=\"modalDataValues.cashBack\"\r\n          >\r\n            <div class=\"col-md-6 label_text\">\r\n              <label>{{ $t(\"text.posModal.transactionType\") }}</label>\r\n            </div>\r\n            <div class=\"col-md-6 mobile_resp\">\r\n              <div class=\"details_input\">\r\n                <label for=\"\">{{ $t(\"text.posModal.cashBack\") }}</label>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"row align-items-center p-2\">\r\n            <div class=\"col-md-6 label_text\">\r\n              <label>{{ $t(\"text.posModal.transactionDate\") }}</label>\r\n            </div>\r\n            <div class=\"col-md-6 mobile_resp\">\r\n              <div class=\"details_input\">\r\n                <label for=\"\">{{\r\n                  this.$moment(modalDataValues.paymentDate).format(\"YYYY-MM-DD\")\r\n                }}</label>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div\r\n            class=\"row align-items-center p-2\"\r\n            v-if=\"!modalDataValues.cashBack\"\r\n          >\r\n            <div class=\"col-md-6 label_text\">\r\n              <label> {{ $t(\"text.posModal.pumpName\") }} </label>\r\n            </div>\r\n            <div class=\"col-md-6 mobile_resp\">\r\n              <div class=\"details_input\" v-if=\"modalData && modalData.pumpName\">\r\n                <label for=\"\">{{ modalData.pumpName ? modalData.pumpName: \" \" }}</label>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"row align-items-center p-2\">\r\n            <div class=\"col-md-6 label_text\">\r\n              <label> {{ $t(\"text.posModal.amount\") }}</label>\r\n            </div>\r\n            <div class=\"col-md-6 mobile_resp\">\r\n              <div class=\"details_input\">\r\n                <label for=\"\">₦ {{ modalDataValues.amount }}</label>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div\r\n            class=\"row align-items-center p-2\"\r\n            v-if=\"modalDataValues.cashBack\"\r\n          >\r\n            <div class=\"col-md-6 label_text\">\r\n              <label> {{ $t(\"text.posModal.charge\") }} </label>\r\n            </div>\r\n            <div class=\"col-md-6 mobile_resp\">\r\n              <div class=\"details_input\">\r\n                <label for=\"\">₦ {{ modalDataValues.charge }}</label>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row align-items-center p-2\">\r\n            <div class=\"col-md-6 label_text\">\r\n              <label>{{ $t(\"text.posModal.transactionRef\") }}</label>\r\n            </div>\r\n            <div class=\"col-md-6 mobile_resp\">\r\n              <div class=\"details_input\">\r\n                <label for=\"\">{{ modalDataValues.transactionReference }}</label>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"row align-items-center p-2\">\r\n            <div class=\"col-md-6 label_text\">\r\n              <label>{{ $t(\"text.posModal.stan\") }}</label>\r\n            </div>\r\n            <div class=\"col-md-6 mobile_resp\">\r\n              <div class=\"details_input\">\r\n                <label for=\"\">{{ modalDataValues.stan }}</label>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"row align-items-center p-2\">\r\n            <div class=\"col-md-6 label_text\">\r\n              <label>{{ $t(\"text.posModal.RRN\") }}</label>\r\n            </div>\r\n            <div class=\"col-md-6 mobile_resp\">\r\n              <div class=\"details_input\">\r\n                <label for=\"\">{{\r\n                  modalDataValues.retrievalReferenceNumber\r\n                }}</label>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"row align-items-center p-2\">\r\n            <div class=\"col-md-6 label_text\">\r\n              <label>{{ $t(\"text.posModal.maskedPan\") }}</label>\r\n            </div>\r\n            <div class=\"col-md-6 mobile_resp\">\r\n              <div class=\"details_input\">\r\n                <label for=\"\">{{ modalDataValues.maskedPan }}</label>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"row align-items-center p-2\">\r\n            <div class=\"col-md-6 label_text\">\r\n              <label>{{ $t(\"text.posModal.customerName\") }}</label>\r\n            </div>\r\n            <div class=\"col-md-6 mobile_resp\">\r\n              <div class=\"details_input\">\r\n                <label for=\"\">{{ modalDataValues.customerName }}</label>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"row align-items-center p-2\">\r\n            <div class=\"col-md-6 label_text\">\r\n              <label>{{ $t(\"text.posModal.status\") }}</label>\r\n            </div>\r\n            <div class=\"col-md-6 mobile_resp\">\r\n              <div class=\"details_input\">\r\n                <label for=\"\">{{ modalDataValues.statusDescription }}</label>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"row align-items-center p-2\">\r\n            <div class=\"col-md-6 label_text\">\r\n              <label>{{ $t(\"text.posModal.cardExpiry\") }}</label>\r\n            </div>\r\n            <div class=\"col-md-6 mobile_resp\">\r\n              <div class=\"details_input\">\r\n                <label for=\"\"\r\n                  >{{\r\n                    modalDataValues.cardExpiry\r\n                      ? modalDataValues.cardExpiry.slice(2)\r\n                      : null\r\n                  }}/{{\r\n                    modalDataValues.cardExpiry\r\n                      ? modalDataValues.cardExpiry.slice(0, 2)\r\n                      : null\r\n                  }}</label\r\n                >\r\n              </div>\r\n            </div>\r\n            <!-- paymentDate -->\r\n          </div>\r\n          <div class=\"row align-items-center p-2\">\r\n            <div class=\"col-md-6 label_text\">\r\n              <label>{{ $t(\"text.posModal.terminalId\") }}</label>\r\n            </div>\r\n            <div class=\"col-md-6 mobile_resp\">\r\n              <div class=\"details_input\">\r\n                <label for=\"\">{{ modalDataValues.terminalId }}</label>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"text-center\">\r\n            <button\r\n              class=\"save__btn record_expense_btn btn_primary_color w-50\"\r\n              @click=\"()=>downloadReceipt(modalData.id)\"\r\n            >\r\n              {{ $t(\"text.clickButtons.download\") }}\r\n              <span\r\n                ><img\r\n                  src=\"/img/git_loader.8264c9b1.gif\"\r\n                  width=\"25px\"\r\n                  class=\"loader ml-2\"\r\n                  style=\"display: none\"\r\n              /></span>\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <!-- //START OF POS RECEIPT TEMPLATE -->\r\n      <div\r\n        style=\"\r\n          font-size: 16px;\r\n          max-width: 465px;\r\n          font-family: 'Times New Roman', Times, serif;\r\n          display: none;\r\n        \"\r\n        id=\"printContent\"\r\n      >\r\n        <p\r\n          style=\"\r\n            text-align: center;\r\n            align-content: center;\r\n            margin-top: 30px;\r\n            font-weight: bold;\r\n            font-family: Arial, Helvetica, sans-serif;\r\n          \"\r\n        >\r\n          {{ $t(\"text.posModal.providusBank\") }}\r\n        </p>\r\n        <p style=\"margin: 0\">\r\n          {{ $t(\"text.posModal.merchantName\") }} <br />\r\n          {{ modalDataValues.branchName }}\r\n        </p>\r\n        <p style=\"margin: 0\">\r\n          {{ modalDataValues.branchAddress }}<br />\r\n          {{ $t(\"text.posModal.terminalID\") }} {{ modalDataValues.terminalId }}\r\n        </p>\r\n        <p style=\"margin: 0; text-align: center\">\r\n          ---------------------------------------------\r\n        </p>\r\n        <h5 style=\"text-align: center; align-content: center; margin: 0\">\r\n          {{ $t(\"text.posModal.reprint\") }}\r\n        </h5>\r\n        <p\r\n          style=\"\r\n            text-align: center;\r\n            align-content: center;\r\n            margin: 6px 0;\r\n            transform: scale(1, 1.9);\r\n            text-transform: uppercase;\r\n          \"\r\n        >\r\n          {{ modalDataValues.type }}\r\n        </p>\r\n        <p style=\"margin: 0\">\r\n          {{ $t(\"text.posModal.STAN\") }} {{ modalDataValues.stan }}\r\n        </p>\r\n        <p style=\"margin: 0\">\r\n          {{ $t(\"text.posModal.dateTime\") }} {{ modalDataValues.paymentDate }}\r\n        </p>\r\n        <p style=\"margin: 0; text-align: center\">\r\n          ----------------------------------------------\r\n        </p>\r\n        <p style=\"margin: 0\">\r\n          {{ $t(\"text.posModal.amount\") }}\r\n          <span\r\n            style=\"float: right; margin-right: 20px; transform: scale(1, 1.4)\"\r\n            >NGN {{ modalDataValues.amount }}.00</span\r\n          >\r\n        </p>\r\n        <p style=\"margin: 0; text-align: center\">\r\n          ----------------------------------------------\r\n        </p>\r\n        <h6\r\n          style=\"\r\n            margin: 0;\r\n            text-align: center;\r\n            align-content: center;\r\n            font-size: 20px;\r\n          \"\r\n        >\r\n          {{ modalDataValues.maskedPan }}\r\n        </h6>\r\n        <p style=\"margin: 0\">\r\n          {{ $t(\"text.posModal.expiryDate\") }}\r\n          {{\r\n            modalDataValues.cardExpiry\r\n              ? modalDataValues.cardExpiry.slice(2)\r\n              : null\r\n          }}/{{\r\n            modalDataValues.cardExpiry\r\n              ? modalDataValues.cardExpiry.slice(0, 2)\r\n              : null\r\n          }}\r\n        </p>\r\n        <p style=\"margin: 0; text-align: center\">\r\n          ----------------------------------------------\r\n        </p>\r\n        <h4 style=\"margin: 0; font-size: 14px\">\r\n          {{ modalDataValues.statusDescription }}\r\n        </h4>\r\n        <p style=\"margin: 0\">\r\n          {{ $t(\"text.posModal.responseCode\") }}\r\n          {{ modalDataValues.statusCode }}\r\n        </p>\r\n        <p style=\"margin: 0\">\r\n          {{ $t(\"text.posModal.refNumber\") }}\r\n          {{ modalDataValues.retrievalReferenceNumber }}\r\n        </p>\r\n        <p style=\"margin: 0\">{{ modalDataValues.vendor }}</p>\r\n        <p style=\"margin: 0; text-align: center\">\r\n          ----------------------------------------------\r\n        </p>\r\n        <p\r\n          style=\"\r\n            text-align: center;\r\n            margin-right: 20px;\r\n            font-weight: bold;\r\n            font-size: 14px;\r\n            margin: 0;\r\n            padding-bottom: 40px;\r\n          \"\r\n        >\r\n          {{ $t(\"text.posModal.merchantCopy\") }} <br />\r\n          {{ $t(\"text.posModal.pumpAuth\") }}\r\n        </p>\r\n      </div>\r\n      <!-- //END OF POS RECEIPT TEMPLATE -->\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 = 656;\r\n\r\nexport default {\r\n  name: \"POSModal\",\r\n  props: [\"modalData\"],\r\n  data() {\r\n    return {\r\n      modalWidth: MODAL_WIDTH,\r\n      isButtonDisabled: false,\r\n      modalDataValues: {},\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\r\n    downloadReceipt(id) {\r\n      this.isButtonDisabled = true;\r\n      $(\".loader\").show();\r\n      this.axios({\r\n        url: `${configObject.apiBaseUrl}/Pos/TransactionReceipt/${id}`,\r\n        method: \"GET\",\r\n        headers: configObject.authConfig().headers,\r\n        responseType: \"blob\",\r\n      })\r\n        .then((response) => {\r\n          const blob = response.data;\r\n          let disposition = response.headers[\"content-disposition\"];\r\n          let depositionArr = disposition.split(\";\")[1];\r\n          const fname = depositionArr\r\n            .split(\"=\")[1]\r\n            .split(\"_\")\r\n            .join(\"_\")\r\n            .replace(/[\"']/g, \"\");\r\n          this.savePdfFile(blob, fname);\r\n\r\n          this.$toast.open({\r\n            message: this.$t(\"text.omit.successfullyDownloaded\"),\r\n            type: \"success\",\r\n            duration: 3000,\r\n          });\r\n\r\n          $(\".loader\").hide();\r\n          this.isButtonDisabled = false;\r\n\r\n          // this.isButtonDisabled = false;\r\n          // $(\".loader\").hide();\r\n        })\r\n        .catch((error) => {\r\n          // this.isButtonDisabled = false;\r\n          // $(\".loader\").hide();\r\n\r\n          this.$toast.open({\r\n            message: error.response.data.message,\r\n            type: \"error\",\r\n            duration: 3000,\r\n          });\r\n        });\r\n    },\r\n\r\n    savePdfFile(blob, filename) {\r\n      if (window.navigator && window.navigator.msSaveOrOpenBlob) {\r\n        // For IE browser\r\n        window.navigator.msSaveOrOpenBlob(blob, filename);\r\n      } else {\r\n        // For modern browsers\r\n        const url = window.URL.createObjectURL(blob);\r\n        const link = document.createElement(\"a\");\r\n        link.href = url;\r\n        link.setAttribute(\"download\", filename);\r\n        document.body.appendChild(link);\r\n        link.click();\r\n        document.body.removeChild(link);\r\n        window.URL.revokeObjectURL(url);\r\n      }\r\n    },\r\n\r\n    print() {\r\n      // this.closeModal()\r\n      // this.$eventHub.$emit('PrintPos')\r\n      var elementHTML = $(\"#printContent\").html();\r\n      //  window.open(window.href, '_blank').focus()\r\n      //   window.open('', '','width=1000,height=700')\r\n      var myWindow = window.open(\"\", \"\", \"width=800,height=700\");\r\n      myWindow.document.write(elementHTML);\r\n      var style = myWindow.document.createElement(\"style\");\r\n      style.innerHTML = `\r\n        @page {\r\n          size: auto;  /* auto is the initial value */\r\n          margin: 0mm; /* this affects the margin in the printer settings */\r\n          margin-right: 10px;\r\n        }\r\n        html {\r\n          background-color: #FFFFFF;\r\n          margin: 0px; /* this affects the margin on the HTML before sending to printer */\r\n        }\r\n        body {\r\n          margin: 10mm 15mm 10mm 15mm; /* margin you want for the content */\r\n          margin: 0mm;\r\n          padding:15px 0px;\r\n          font-size: 11px;\r\n           font-family: \"Times New Roman\", Times, serif;\r\n          /*  transform: scale(1, 1.5);*/\r\n          /*  margin-top: 10em;*/\r\n}\r\n        }\r\n        \r\n        `;\r\n      myWindow.document.head.appendChild(style);\r\n      myWindow.document.close();\r\n      myWindow.focus();\r\n      myWindow.print();\r\n      // myWindow.close();\r\n    },\r\n\r\n    closeModal() {\r\n      this.$modal.hide(\"POSModal\");\r\n    },\r\n    convertThousand(request) {\r\n      if (!isFinite(request)) {\r\n        return \"0.00\";\r\n      }\r\n      return request\r\n        .toFixed(2)\r\n        .toString()\r\n        .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\r\n    },\r\n    opened() {\r\n      this.modalDataValues = this.modalData;\r\n      if (!this.modalData.pumpName) {\r\n        JSON.parse(this.modalData.additionalInformation).forEach((cur) => {\r\n          if (cur.Name == \"PumpName\") {\r\n            this.pumpName = cur.Value;\r\n          }\r\n        });\r\n      } else {\r\n        this.pumpName = this.modalData.pumpName;\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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=7044d254&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.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","module.exports = __webpack_public_path__ + \"img/credit-card (2).fd63806f.svg\";","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=14fe36f0&prod&lang=css&\"","module.exports = __webpack_public_path__ + \"img/credit-card (4).0d8f19b8.svg\";","module.exports = __webpack_public_path__ + \"img/credit-card (3).630e7539.svg\";","module.exports = __webpack_public_path__ + \"img/credit-card (6).3aa4871b.svg\";"],"sourceRoot":""}