{"version":3,"sources":["webpack:///./src/components/Templates/recurringPaymentTemplate.vue","webpack:///src/components/Templates/recurringPaymentTemplate.vue","webpack:///./src/components/Templates/recurringPaymentTemplate.vue?5730","webpack:///./src/components/Templates/recurringPaymentTemplate.vue?e3bf","webpack:///./src/views/Company/Invoices/setRecurring.vue","webpack:///./src/components/Templates/setRecurringTemplate.vue","webpack:///src/components/Templates/setRecurringTemplate.vue","webpack:///./src/components/Templates/setRecurringTemplate.vue?416f","webpack:///./src/components/Templates/setRecurringTemplate.vue?265a","webpack:///src/views/Company/Invoices/setRecurring.vue","webpack:///./src/views/Company/Invoices/setRecurring.vue?91e8","webpack:///./src/views/Company/Invoices/setRecurring.vue?8637","webpack:///./src/assets/img/bill (1).svg"],"names":["render","_vm","this","_c","_self","staticClass","staticStyle","attrs","name","query","subscriptionId","data","id","on","openFundWalletModal","_v","_s","$t","staticRenderFns","mounted","methods","component","require","company","convertThousand","subscription","amount","currency","edited","_e","directives","rawName","value","showLoader","expression","ref","refreshGrid","toolbarClick","usedLang","editedTemplate","class","$","title","components","MasterLayout","TableLoader","Paginator","VueMomentsAgo","provide","grid","companyId","isButtonDisabled","formatOptions","type","format","pageSettings","pageSizes","pageCount","pageSize","toolbar","search","operator","ignoreCase","totalAmount","template","watch","created","computed","rowDataBound","arging","getCompanySubscritpion","get","configObject","then","res","element","dataSource","catch","error","toFixed","toString","replace","getCompanySubscritpionTransactions","setupPayment","post","location","message","duration","pageOrientation","fileName","module","exports"],"mappings":"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","file":"js/chunk-d213fb6e.91ea5e6f.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{},[_c('router-link',{staticClass:\"btn dealers_btn mr-3\",staticStyle:{\"font-size\":\"15px\"},attrs:{\"to\":{name: 'recurring-payment-breakdown', query: {subscriptionId: _vm.data.id}}},on:{\"click\":_vm.openFundWalletModal}},[_vm._v(\"\\n    \"+_vm._s(_vm.$t('text.clickButtons.viewBreakDown'))+\"\\n  \")])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n   <div class=\"\">\r\n    <router-link :to=\"{name: 'recurring-payment-breakdown', query: {subscriptionId: data.id}}\" class=\"btn dealers_btn mr-3\" @click=\"openFundWalletModal\" style=\"font-size: 15px\" >\r\n      {{ $t('text.clickButtons.viewBreakDown') }}\r\n    </router-link>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport configObject from \"@/config\";\r\nimport Jquery from \"jquery\";\r\nlet $ = Jquery;\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      data: {},\r\n    };\r\n  },\r\n  mounted() {\r\n      \r\n  },\r\n  methods: {\r\n      openFundWalletModal() {\r\n        this.$eventHub.$emit('_fundAccount', (this.data));\r\n      },\r\n  },\r\n};\r\n\r\n</script>","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!./recurringPaymentTemplate.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!./recurringPaymentTemplate.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./recurringPaymentTemplate.vue?vue&type=template&id=32a03bd6&\"\nimport script from \"./recurringPaymentTemplate.vue?vue&type=script&lang=js&\"\nexport * from \"./recurringPaymentTemplate.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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('MasterLayout',[_c('div',{staticClass:\"p-4 dashboard_first_row\"},[_c('div',{staticClass:\"row align-items-center\"},[_c('div',{staticClass:\"col-md-1 remove-right-padding text-center\"},[_c('div',{staticClass:\"square-icon-wrapper small sky-bg\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/bill (1).svg\"),\"width\":\"25\"}})])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-10\"},[_c('h4',{staticClass:\"primary-color font-600\"},[_vm._v(\"\\n            \"+_vm._s(_vm.company ? _vm.company.name : \"\")+\"\\n            \"+_vm._s(_vm.$t(\"text.cInvoice.setRecurring.title\"))+\"\\n          \")]),_vm._v(\" \"),_c('p',{staticClass:\"light-grey-text mt-3\"},[_vm._v(\"\\n            \"+_vm._s(_vm.$t(\"text.cInvoice.breakdown.desc1\"))+\" \"),_c('br'),_vm._v(\"\\n            \"+_vm._s(_vm.$t(\"text.cInvoice.breakdown.desc2\"))+\"\\n          \")])])]),_vm._v(\" \"),_c('div',{staticClass:\"dialog-container invoices_home\"},[_c('div',{staticClass:\"invoice-banner mt-3\"},[_c('div',[_c('div',[_c('span',{staticClass:\"font-500 text-black invoice-header\"},[_vm._v(_vm._s(_vm.$t(\"text.cInvoice.breakdown.totalAmount\"))+\":\")])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-2\"},[_c('span',[_c('span',{staticClass:\"currency\"}),_c('span',{staticClass:\"amount-figures primary-color\"},[_vm._v(_vm._s(_vm.convertThousand(_vm.subscription.amount)))]),_c('span',{staticClass:\"bold-span primary-color\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.company ? _vm.company.currency : \"\")+\"\\n                \")])])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-2\"},[_c('span',{staticClass:\"font-500 text-black invoice-header\"},[_vm._v(_vm._s(_vm.$t(\"text.cInvoice.breakdown.monthly\")))])])]),_vm._v(\" \"),(_vm.subscription.edited)?_c('div'):_vm._e()])]),_vm._v(\" \"),_c('h6',{staticClass:\"primary-color mt-3\"},[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"text.cInvoice.breakdown.subList\"))+\"\\n      \")]),_vm._v(\" \"),_c('div',{staticClass:\"position-relative mt-3\"},[_c('ejs-grid',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.showLoader),expression:\"!showLoader\"}],ref:\"dataGrid\",attrs:{\"created\":_vm.refreshGrid,\"allowPaging\":true,\"allowSorting\":false,\"allowExcelExport\":false,\"allowPdfExport\":false,\"toolbarClick\":_vm.toolbarClick,\"allowTextWrap\":true,\"locale\":_vm.usedLang}},[_c('e-columns',[_c('e-column',{attrs:{\"width\":\"200\",\"field\":\"branchName\",\"headerText\":_vm.$t('text.cInvoice.station')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"200\",\"field\":\"amount\",\"format\":\"N2\",\"headerText\":_vm.$t('text.cInvoice.details.amount')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"80\",\"template\":_vm.editedTemplate,\"headerText\":_vm.$t('text.cInvoice.details.edit')}})],1)],1),_vm._v(\" \"),_c('TableLoader',{attrs:{\"showLoader\":_vm.showLoader}}),_vm._v(\" \"),_c('div',{staticClass:\"mt-3\",staticStyle:{\"margin\":\"0 auto\"}})],1)])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"status-badge\"},[_c('div',{staticClass:\"invoice-status success bold-span\",class:[_vm.data.edited ? 'paidColor' : 'success']},[_vm._v(\"\\n        \"+_vm._s(_vm.data.edited)+\"\\n   \")])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"status-badge\">\r\n       <div class=\"invoice-status success bold-span\" :class=\"[data.edited ? 'paidColor' : 'success']\">\r\n            {{data.edited}}\r\n       </div>\r\n    </div>\r\n</template>\r\n<script>\r\nexport default {\r\n    data() {\r\n        return {\r\n            data: {}\r\n        }\r\n    }\r\n }\r\n</script>","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!./setRecurringTemplate.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!./setRecurringTemplate.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./setRecurringTemplate.vue?vue&type=template&id=3657533e&\"\nimport script from \"./setRecurringTemplate.vue?vue&type=script&lang=js&\"\nexport * from \"./setRecurringTemplate.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    <MasterLayout>\r\n      <div class=\"p-4 dashboard_first_row\">\r\n        <div class=\"row align-items-center\">\r\n          <div class=\"col-md-1 remove-right-padding text-center\">\r\n            <div class=\"square-icon-wrapper small sky-bg\">\r\n              <img src=\"@/assets/img/bill (1).svg\" width=\"25\" />\r\n            </div>\r\n          </div>\r\n          <div class=\"col-md-10\">\r\n            <h4 class=\"primary-color font-600\">\r\n              {{ company ? company.name : \"\" }}\r\n              {{ $t(\"text.cInvoice.setRecurring.title\") }}\r\n            </h4>\r\n            <p class=\"light-grey-text mt-3\">\r\n              {{ $t(\"text.cInvoice.breakdown.desc1\") }} <br />\r\n              {{ $t(\"text.cInvoice.breakdown.desc2\") }}\r\n            </p>\r\n          </div>\r\n        </div>\r\n        <div class=\"dialog-container invoices_home\">\r\n          <div class=\"invoice-banner mt-3\">\r\n            <div>\r\n              <div>\r\n                <span class=\"font-500 text-black invoice-header\"\r\n                  >{{ $t(\"text.cInvoice.breakdown.totalAmount\") }}:</span\r\n                >\r\n              </div>\r\n              <div class=\"mt-2\">\r\n                <span\r\n                  ><span class=\"currency\"></span\r\n                  ><span class=\"amount-figures primary-color\">{{\r\n                    convertThousand(subscription.amount)\r\n                  }}</span\r\n                  ><span class=\"bold-span primary-color\">\r\n                    {{ company ? company.currency : \"\" }}\r\n                  </span></span\r\n                >\r\n              </div>\r\n              <div class=\"mt-2\">\r\n                <span class=\"font-500 text-black invoice-header\">{{\r\n                  $t(\"text.cInvoice.breakdown.monthly\")\r\n                }}</span>\r\n              </div>\r\n            </div>\r\n            <div v-if=\"subscription.edited\">\r\n              <!-- <button class=\"ep-btn ep-primary\"  @click=\"setupPayment\"  :disabled=\"isButtonDisabled ? true : null\"\r\n                            :style= \"[isButtonDisabled ? {cursor: 'not-allowed'} : {cursor: 'pointer'}]\">\r\n                                Setup payment\r\n                                 <img src=\"@/assets/img/git_loader.gif\" style=\"display:none\" width=\"35px\" class=\"ml-3 loader\" />\r\n                            </button> -->\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <h6 class=\"primary-color mt-3\">\r\n          {{ $t(\"text.cInvoice.breakdown.subList\") }}\r\n        </h6>\r\n        <div class=\"position-relative mt-3\">\r\n          <ejs-grid\r\n            v-show=\"!showLoader\"\r\n            ref=\"dataGrid\"\r\n            :created=\"refreshGrid\"\r\n            :allowPaging=\"true\"\r\n            :allowSorting=\"false\"\r\n            :allowExcelExport=\"false\"\r\n            :allowPdfExport=\"false\"\r\n            :toolbarClick=\"toolbarClick\"\r\n            :allowTextWrap=\"true\"\r\n            :locale=\"usedLang\"\r\n          >\r\n            <e-columns>\r\n              <e-column\r\n                width=\"200\"\r\n                field=\"branchName\"\r\n                :headerText=\"$t('text.cInvoice.station')\"\r\n              ></e-column>\r\n              <e-column\r\n                width=\"200\"\r\n                field=\"amount\"\r\n                format=\"N2\"\r\n                :headerText=\"$t('text.cInvoice.details.amount')\"\r\n              ></e-column>\r\n              <e-column\r\n                width=\"80\"\r\n                :template=\"editedTemplate\"\r\n                :headerText=\"$t('text.cInvoice.details.edit')\"\r\n              ></e-column>\r\n              <!-- <e-column width=\"200\" field=\"edited\" headerText=\"Edited\" ></e-column> -->\r\n            </e-columns>\r\n          </ejs-grid>\r\n          <TableLoader :showLoader=\"showLoader\" />\r\n          <div class=\"mt-3\" style=\"margin: 0 auto\">\r\n            <!-- <Paginator \r\n                            v-show=\"!showLoader\"\r\n                            :total-pages=\"totalPages\"\r\n                            :per-page=\"pageSize\"\r\n                            :current-page=\"currentPage\"\r\n                            @pagechanged=\"onPageChange\"\r\n                            @getPageSize=\"getPageSize\"\r\n                            :pageSize=\"pageSize\"\r\n                        /> -->\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </MasterLayout>\r\n  </div>\r\n</template>\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  groupAggregates,\r\n} from \"@syncfusion/ej2-vue-grids\";\r\nimport Temp from \"@/components/Templates/invoices\";\r\nimport DateTemp from \"@/components/Templates/dateTemp\";\r\nimport Paginator from \"@/components/Paginator.vue\";\r\nimport invoiceTemp from \"@/components/Templates/list_of_invoices_template.vue\";\r\nimport VueMomentsAgo from \"vue-moments-ago\";\r\nimport RecurringPaymentTemplate from \"@/components/Templates/recurringPaymentTemplate.vue\";\r\nimport SetRecurringTemplate from \"@/components/Templates/setRecurringTemplate.vue\";\r\n\r\nimport Jquery from \"jquery\";\r\nlet $ = Jquery;\r\n\r\nexport default {\r\n  title: \"Recurring payment set-up:: Epump Portal\",\r\n  components: {\r\n    MasterLayout,\r\n    TableLoader,\r\n    Paginator,\r\n    VueMomentsAgo,\r\n  },\r\n  provide: {\r\n    grid: [Page, Sort, Toolbar, Search],\r\n  },\r\n  data() {\r\n    return {\r\n      usedLang: this.$store.getters.getLanguage,\r\n      companyId: null,\r\n      isButtonDisabled: false,\r\n      showLoader: false,\r\n      formatOptions: { type: \"date\", format: \"dd/MM/yyyy\" },\r\n      pageSettings: {\r\n        pageSizes: [10, 20, 50, 100, 200],\r\n        pageCount: 4,\r\n        pageSize: 10,\r\n      },\r\n      toolbar: [\"Search\"],\r\n      search: { operator: \"contains\", ignoreCase: true },\r\n      company: null,\r\n      totalAmount: 0,\r\n      editedTemplate: function () {\r\n        return {\r\n          template: SetRecurringTemplate,\r\n        };\r\n      },\r\n      template: function () {\r\n        return {\r\n          template: RecurringPaymentTemplate,\r\n        };\r\n      },\r\n      subscription: {},\r\n    };\r\n  },\r\n  watch: {\r\n    company(company) {\r\n      if (company !== null) {\r\n        this.getCompanySubscritpion();\r\n      }\r\n    },\r\n  },\r\n  created() {\r\n    this.$eventHub.$on(\"company\", (company) => {\r\n      this.company = company;\r\n    });\r\n    if (this.$route.query.companyId) {\r\n      this.getCompanySubscritpion();\r\n    }\r\n  },\r\n  computed: {},\r\n  mounted() {},\r\n  methods: {\r\n    rowDataBound: function (arging) {\r\n      if (arging.data.edited) {\r\n        arging.row.style.backgroundColor = \"#0bb60b9e\";\r\n      }\r\n      if (arging.row.children[2].innerHTML == \"No\") {\r\n        arging.row.style.backgroundColor = \"#f27e0080\";\r\n      }\r\n    },\r\n    getCompanySubscritpion() {\r\n      this.showLoader = true;\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Company/MySubscription/${\r\n            this.$route.query.companyId\r\n              ? this.$route.query.companyId\r\n              : this.company.id\r\n          }`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((res) => {\r\n          this.subscription = res.data;\r\n          res.data.subscriptionItems.forEach((element) => {\r\n            element.edited = element.edited ? \"Yes\" : \"No\";\r\n          });\r\n          this.showLoader = false;\r\n          this.$refs.dataGrid.ej2Instances.setProperties({\r\n            dataSource: res.data.subscriptionItems,\r\n          });\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    getCompanySubscritpionTransactions() {\r\n      this.showLoader = true;\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Company/SubscriptionTransactions/${\r\n            this.$route.query.companyId\r\n              ? this.$route.query.companyId\r\n              : this.company.id\r\n          }`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((res) => {\r\n          this.showLoader = false;\r\n        })\r\n        .catch((error) => {\r\n          this.showLoader = false;\r\n        });\r\n    },\r\n    setupPayment() {\r\n      this.isButtonDisabled = true;\r\n      $(\".loader\").show();\r\n      this.axios\r\n        .post(\r\n          `${configObject.apiBaseUrl}/Company/DDSubscription/${\r\n            this.$route.query.companyId\r\n              ? this.$route.query.companyId\r\n              : this.company.id\r\n          }/${parseFloat(this.subscription.amount)}`,\r\n          {},\r\n          configObject.authConfig()\r\n        )\r\n        .then((res) => {\r\n          location.assign(res.data);\r\n          this.isButtonDisabled = false;\r\n          $(\".loader\").hide();\r\n        })\r\n        .catch((error) => {\r\n          this.$toast.open({\r\n            message: error.response.data.statusDescription,\r\n            type: \"error\",\r\n            duration: 3000,\r\n          });\r\n          this.isButtonDisabled = false;\r\n          $(\".loader\").hide();\r\n          this.showLoader = false;\r\n        });\r\n    },\r\n    refreshGrid() {\r\n      this.$refs.dataGrid.refresh();\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: \"branches.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  },\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!./setRecurring.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!./setRecurring.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./setRecurring.vue?vue&type=template&id=4451e28d&\"\nimport script from \"./setRecurring.vue?vue&type=script&lang=js&\"\nexport * from \"./setRecurring.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/bill (1).94deec59.svg\";"],"sourceRoot":""}