{"version":3,"sources":["webpack:///./src/views/Company/Invoices/subscriptionTransactions.vue","webpack:///./src/components/Templates/companySubscriptionTransactions.vue","webpack:///src/components/Templates/companySubscriptionTransactions.vue","webpack:///./src/components/Templates/companySubscriptionTransactions.vue?8ffc","webpack:///./src/components/Templates/companySubscriptionTransactions.vue?bc15","webpack:///./src/components/Templates/toggleTransactionsBreakdown.vue","webpack:///src/components/Templates/toggleTransactionsBreakdown.vue","webpack:///./src/components/Templates/toggleTransactionsBreakdown.vue?331d","webpack:///./src/components/Templates/toggleTransactionsBreakdown.vue?39ce","webpack:///src/views/Company/Invoices/subscriptionTransactions.vue","webpack:///./src/views/Company/Invoices/subscriptionTransactions.vue?3305","webpack:///./src/views/Company/Invoices/subscriptionTransactions.vue?924b","webpack:///./src/assets/img/bill (1).svg"],"names":["render","_vm","this","_c","_self","staticClass","attrs","require","_v","_s","company","name","$t","directives","rawName","value","showLoader","expression","ref","refreshGrid","toolbarClick","rowDataBound","usedLang","formatOptions","currency","toggleTemplate","staticStyle","staticRenderFns","query","subscriptionId","data","id","on","openFundWalletModal","mounted","methods","component","title","components","MasterLayout","TableLoader","Paginator","VueMomentsAgo","provide","grid","companyId","isButtonDisabled","type","format","pageSettings","pageSizes","pageCount","pageSize","toolbar","search","operator","ignoreCase","totalAmount","template","created","computed","watch","convertThousand","toFixed","toString","replace","arging","map","br","branchName","edited","join","branchesTr","args","getCompanySubscriptionTransactions","get","configObject","then","res","sessionStorage","localStorage","JSON","index","element","dataSource","catch","error","pageOrientation","fileName","module","exports"],"mappings":"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AEO,OACfG,OACA,OACAA,UAGAK,YCnBoX,ICOhX,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,I,QCwFP,IAEO,OACfE,iDACAC,YACAC,oBACAC,mBACAC,iBACAC,sBAEAC,SACAC,oCAEAd,OACA,OACAR,yCACAuB,eACAC,oBACA9B,cACAO,eAAAwB,YAAAC,qBACAC,cACAC,6BACAC,YACAC,aAEAC,mBACAC,QAAAC,oBAAAC,eACA9C,aACA+C,cACAC,oBACA,OACAA,aAGAjC,0BACA,OACAiC,eAKAC,UACA,iCACA,iBAGA,6BACA,2CAGAC,YACAC,OACAnD,WACA,UACA,4CAIAwB,YACAC,SACA2B,mBACA,mBAGA,EACAC,QAAA,GACAC,WACAC,QAAA,6BALA,QAOA5C,yBACA,4BACA6C,qCAEAA,mCACA,wBACAC,IAAAC,GACA,uDAE4BA,EAAGC,+CAE/B3D,mCACA,kEAC4B0D,EAAGE,OAAS,MAAQ,sDAIhDC,KAAA,KAEA,maAU6BC,uFAO7BC,wCACAA,yCACAA,6CAKA,8CACAP,qCACAA,8BACAA,4BACA,gHAEAA,kDACAA,4BACA,kHAIAQ,qCACA,mBACA,WACAC,IACA,yDACA,4BACA,4BACA,kBAEAC,qBAEAC,KAAAC,IACAC,uBACAC,qBACA,wCACAC,wBAEA,QACAH,mBACAI,IACAC,UACAA,kCACAA,qCAEA,+BACA,kBACA,GAEA,mBACA,gDACAC,oBAEA,qBAEAC,MAAAC,IACA,sBAGAnE,cACA,+BAEAC,gBACA,oBACA,iBACA,OACAmE,4BACAC,yBAEA,iCACA,MACA,mBACA,kCACA,UC1RgY,ICO5X,EAAY,eACd,EACAxF,EACA2B,GACA,EACA,KACA,KACA,MAIa,e,8BClBf8D,EAAOC,QAAU,IAA0B","file":"js/chunk-1cd16caf.9196a4e1.js","sourcesContent":["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.subTran.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.subTran.desc2\"))+\"\\n          \")])])]),_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,\"rowDataBound\":_vm.rowDataBound,\"locale\":_vm.usedLang}},[_c('e-columns',[_c('e-column',{attrs:{\"width\":\"100\",\"field\":\"dateCreated\",\"format\":_vm.formatOptions,\"type\":\"date\",\"headerText\":_vm.$t('text.cInvoice.date')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"100\",\"field\":\"status\",\"headerText\":_vm.$t('text.cInvoice.status')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"200\",\"field\":\"amount\",\"headerText\":`${_vm.$t('text.cInvoice.date')} (${\n                _vm.company ? _vm.company.currency : ''\n              })`,\"format\":\"N2\",\"textAlign\":\"right\"}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"300\",\"field\":\"branchesCount\",\"headerText\":_vm.$t('text.cInvoice.station')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"80\",\"template\":_vm.toggleTemplate}})],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',{},[_c('router-link',{staticClass:\"btn dealers_btn mr-3\",staticStyle:{\"font-size\":\"15px\"},attrs:{\"to\":{name: 'subscription-transactions-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: 'subscription-transactions-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!./companySubscriptionTransactions.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!./companySubscriptionTransactions.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./companySubscriptionTransactions.vue?vue&type=template&id=e9519e28&\"\nimport script from \"./companySubscriptionTransactions.vue?vue&type=script&lang=js&\"\nexport * from \"./companySubscriptionTransactions.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('button',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip\"}],staticClass:\"text-center var_btn eye_holder\",attrs:{\"title\":\"Toggle breakdown\"}},[_c('i',{staticClass:\"fa fa-plus\"})])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"\">\r\n    <button class=\"text-center var_btn eye_holder\" v-b-tooltip title=\"Toggle breakdown\">\r\n        <i class=\"fa fa-plus\"></i>\r\n    </button>\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  methods: {\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!./toggleTransactionsBreakdown.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!./toggleTransactionsBreakdown.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./toggleTransactionsBreakdown.vue?vue&type=template&id=00713d1e&\"\nimport script from \"./toggleTransactionsBreakdown.vue?vue&type=script&lang=js&\"\nexport * from \"./toggleTransactionsBreakdown.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.subTran.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.subTran.desc2\") }}\r\n            </p>\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            :rowDataBound=\"rowDataBound\"\r\n            :locale=\"usedLang\"\r\n          >\r\n            <e-columns>\r\n              <e-column\r\n                width=\"100\"\r\n                field=\"dateCreated\"\r\n                :format=\"formatOptions\"\r\n                type=\"date\"\r\n                :headerText=\"$t('text.cInvoice.date')\"\r\n              ></e-column>\r\n              <e-column\r\n                width=\"100\"\r\n                field=\"status\"\r\n                :headerText=\"$t('text.cInvoice.status')\"\r\n              ></e-column>\r\n              <e-column\r\n                width=\"200\"\r\n                field=\"amount\"\r\n                :headerText=\"`${$t('text.cInvoice.date')} (${\r\n                  company ? company.currency : ''\r\n                })`\"\r\n                format=\"N2\"\r\n                textAlign=\"right\"\r\n              ></e-column>\r\n              <e-column\r\n                width=\"300\"\r\n                field=\"branchesCount\"\r\n                :headerText=\"$t('text.cInvoice.station')\"\r\n              ></e-column>\r\n              <e-column width=\"80\" :template=\"toggleTemplate\"></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 CompanySubscriptionTransactions from \"@/components/Templates/companySubscriptionTransactions.vue\";\r\nimport ToggleTransactionsBreakdown from \"@/components/Templates/toggleTransactionsBreakdown.vue\";\r\n\r\nimport Jquery from \"jquery\";\r\nlet $ = Jquery;\r\n\r\nexport default {\r\n  title: \"Subscription Transactions:: 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      template: function () {\r\n        return {\r\n          template: CompanySubscriptionTransactions,\r\n        };\r\n      },\r\n      toggleTemplate: function () {\r\n        return {\r\n          template: ToggleTransactionsBreakdown,\r\n        };\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\r\n    if (this.$route.query.companyId) {\r\n      this.getCompanySubscriptionTransactions();\r\n    }\r\n  },\r\n  computed: {},\r\n  watch: {\r\n    company(company) {\r\n      if (company !== null) {\r\n        this.getCompanySubscriptionTransactions();\r\n      }\r\n    },\r\n  },\r\n  mounted() {},\r\n  methods: {\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    rowDataBound: function (arging) {\r\n      if (arging.data.status === \"PENDING\") {\r\n        arging.row.children[1].style.color = \"red\";\r\n      }\r\n      arging.row.addEventListener(\"click\", (args) => {\r\n        const branchesTr = arging.data.branches\r\n          .map((br) => {\r\n            return `\r\n                  <tr>\r\n                      <td>${br.branchName}</td>\r\n                      <td> ${\r\n                        company ? company.currencyCode : \"\"\r\n                      } ${this.convertThousand(br.amount)}</td>\r\n                      <td>${br.edited ? \"Yes\" : \"No\"}</td>\r\n                  </tr>\r\n              `;\r\n          })\r\n          .join(\" \");\r\n\r\n        const html = `\r\n                    <table class=\"table\">\r\n                        <thead>\r\n                          <tr>\r\n                              <th scope=\"col\">Branch</th>\r\n                              <th scope=\"col\">Amount</th>\r\n                              <th scope=\"col\">Edited</th>\r\n                          </tr>\r\n                        </thead>\r\n                        <tbody>\r\n                           ${branchesTr}\r\n                        </tbody>\r\n                    </table>\r\n                `;\r\n\r\n        if (\r\n          !(\r\n            args.target.classList.contains(\"fa-plus\") ||\r\n            args.target.classList.contains(\"fa-minus\") ||\r\n            args.target.classList.contains(\"eye_holder\")\r\n          )\r\n        ) {\r\n          return;\r\n        }\r\n        if (arging.row.children[4].innerHTML.includes(\"plus\")) {\r\n          arging.row.children[3].style.width = \"100%\";\r\n          arging.row.children[3].innerHTML = html;\r\n          arging.row.children[4].innerHTML =\r\n            '<div><button class=\"text-center var_btn eye_holder\"><!----><i class=\"fa fa-minus\"></i></button></div>';\r\n        } else {\r\n          arging.row.children[3].innerHTML = arging.data.branchesNumber;\r\n          arging.row.children[4].innerHTML =\r\n            '<div><button class=\"text-center var_btn eye_holder\"><!----><i class=\"fa fa-plus\"></i></button></div>';\r\n        }\r\n      });\r\n    },\r\n    getCompanySubscriptionTransactions() {\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          sessionStorage.clear();\r\n          localStorage.setItem(\r\n            \"subscriptionTransactionsBreakdownList\",\r\n            JSON.stringify(res.data)\r\n          );\r\n          let index = 0;\r\n          res.data.forEach((element) => {\r\n            index++;\r\n            element.index = index;\r\n            element.branchesCount = element.branches.length;\r\n            element.branchesNumber = element.branches.length;\r\n          });\r\n          this.totalAmount = res.data.reduce(\r\n            (acc, cur) => (acc += cur.amount),\r\n            0\r\n          );\r\n          this.showLoader = false;\r\n          this.$refs.dataGrid.ej2Instances.setProperties({\r\n            dataSource: res.data,\r\n          });\r\n          this.refreshGrid();\r\n        })\r\n        .catch((error) => {\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!./subscriptionTransactions.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!./subscriptionTransactions.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./subscriptionTransactions.vue?vue&type=template&id=d471fffc&\"\nimport script from \"./subscriptionTransactions.vue?vue&type=script&lang=js&\"\nexport * from \"./subscriptionTransactions.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":""}