{"version":3,"sources":["webpack:///./src/assets/img/bank-building (2).svg","webpack:///./src/views/RegionalManager/Manage_Expenses/liveBankTransactions.vue?e05c","webpack:///./src/components/Templates/regionLiveTransactionsBreakdown.vue?0aa4","webpack:///src/components/Templates/regionLiveTransactionsBreakdown.vue","webpack:///./src/components/Templates/regionLiveTransactionsBreakdown.vue?3f28","webpack:///./src/components/Templates/regionLiveTransactionsBreakdown.vue","webpack:///src/views/RegionalManager/Manage_Expenses/liveBankTransactions.vue","webpack:///./src/views/RegionalManager/Manage_Expenses/liveBankTransactions.vue?4445","webpack:///./src/views/RegionalManager/Manage_Expenses/liveBankTransactions.vue","webpack:///./src/assets/img/bank-building (2) (2).svg"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","_s","$t","maxDate","$root","$i18n","locale","customShortcuts","model","value","callback","$$v","dateRange","expression","region","currencyCode","convertThousand","totalCredit","totalDebit","transactions","balance","showLoader","length","_e","directives","name","rawName","ref","refreshGrid","pageSettings","toolbar","search","toolbarClick","rowDataBound","excelQueryCellInfo","usedLang","formatOptions","template","staticRenderFns","staticStyle","query","bankId","data","bankAccount","id","mounted","methods","component","title","components","MasterLayout","TableLoader","Paginator","provide","grid","searchTerm","type","format","showLinkedBanks","banks","branch","bankNames","branchId","startDate","endDate","pluginStartDate","pluginEndDate","start","end","key","label","pageSizes","pageCount","pageSize","operator","ignoreCase","computed","linkedBanks","watch","created","args","toFixed","toString","replace","getLiveBankTransactions","get","configObject","then","response","el","dataSource","catch","error"],"mappings":"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AP,YACAX,oDACA4D,oEACAC,8CACAC,sEACAC,gDACAtD,WAAAuD,2BAAAC,wBACA7D,iBACA,CAAA8D,YAAAC,qCAAA7D,aACA,CACA4D,gBACAC,yCACA7D,cAEA,CACA4D,gBACAC,yCACA7D,SAEA,CACA4D,eACAC,wCACA7D,kBAEA,CACA4D,iBACAC,0CACA7D,UAEA,CACA4D,gBACAC,yCACA7D,iBAGAoB,cACA0C,6BACAC,YACAC,aAEA3C,6CACAC,QAAA2C,oBAAAC,eACAtC,oBACA,OACAA,eAKAuC,UACAC,cACA,6CAGAC,OACAhE,UACA,UACA,gCAGAyC,aACA,gCAEA3C,wBACA,+BACA,yDACA,gBAEA,qDACA,gBAGA,kCAIAmE,UACA,gCACA,gBAEA,4BACA,+BAEA,0CACA,uCAEAlC,YACAC,SACAZ,sBACA,+BACA8C,qDAGAhD,gBACA,oBACA,iBACA,gCACA,MACA,mBACA,kCACA,QAGAJ,cACA,+BAaAK,yBACA,+BACA+C,mCAGAhE,mBACA,mBAGA,EACAiE,QAAA,GACAC,WACAC,QAAA,6BALA,QAOAC,0BACA,mBACA,WACAC,IACA,4DACA,2BACA,2BACA,4BACA,yCACAC,qBAEAC,KAAAC,IACA,yBACAA,gCACAC,YACAA,qDACAA,kBACAA,kBAEA,wCACA,kBACA,GAGA,uCACA,iBACA,GAGA,gDACAC,6BAEA,mBACA,qBAEAC,MAAAC,IACA,wBChZ4X,ICOxX,EAAY,eACd,EACArG,EACA+C,GACA,EACA,KACA,KACA,MAIa,e,8BClBfjD,EAAOC,QAAU,IAA0B","file":"js/chunk-2ec008df.f6bf47d9.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/bank-building (2).80d917a3.svg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('MasterLayout',[_c('div',{staticClass:\"dashboard_first_row pt-4 pb-3 pl-4 pr-4\"},[_c('div',{staticClass:\"row align-items-center white-bg py-3\"},[_c('div',{staticClass:\"col-md-1 remove-right-padding col-center-flex\"},[_c('div',{staticClass:\"square-icon-wrapper small sky-bg\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/bank-building (2).svg\"),\"width\":\"35\"}})])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-7\"},[_c('h4',{staticClass:\"primary-color font-600\"},[_vm._v(\"\\n            \"+_vm._s(_vm.$t(\"text.bankAccounts.bankTrans\"))+\"\\n          \")]),_vm._v(\" \"),_c('p',{staticClass:\"light-grey-text mt-3\"},[_vm._v(\"\\n            \"+_vm._s(_vm.$t(\"text.bankAccounts.viewBankTrans\"))+\"\\n          \")])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-3 flexify\"},[_c('vue-ctk-date-time-picker',{attrs:{\"max-date\":_vm.maxDate,\"range\":true,\"autoClose\":true,\"locale\":this.$root.$i18n.locale,\"custom-shortcuts\":_vm.customShortcuts,\"color\":\"#4b2d73\",\"format\":\"DDMMYYYY\",\"formatted\":\"DD/MM/YYYY\",\"label\":_vm.$t('text.sendReport.dateRange')},model:{value:(_vm.dateRange),callback:function ($$v) {_vm.dateRange=$$v},expression:\"dateRange\"}})],1)])]),_vm._v(\" \"),_c('div',{staticClass:\"new-row\"},[_c('div',{staticClass:\"invoice-banner\"},[_c('div',[_c('div',[_c('h6',{staticClass:\"font-600 primary-color\"},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.bankAccounts.totalCredit\"))+\"\\n            \")])]),_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.region ? _vm.region.currencyCode : \"\")+\"\\n                \"+_vm._s(_vm.convertThousand(_vm.totalCredit)))]),_c('span',{staticClass:\"bold-span primary-color\"})])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-2\"})]),_vm._v(\" \"),_c('div',[_c('div',[_c('h6',{staticClass:\"font-600 primary-color\"},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.bankAccounts.totalDebit\"))+\"\\n            \")])]),_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.region ? _vm.region.currencyCode : \"\")+\"\\n                \"+_vm._s(_vm.convertThousand(_vm.totalDebit)))]),_c('span',{staticClass:\"bold-span primary-color\"})])])]),_vm._v(\" \"),_c('div',[_c('div',[_c('h6',{staticClass:\"font-600 primary-color\"},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.bankAccounts.balance\"))+\"\\n            \")])]),_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.region ? _vm.region.currencyCode : \"\")+\"\\n                \"+_vm._s(_vm.convertThousand(_vm.transactions.balance)))]),_c('span',{staticClass:\"bold-span primary-color\"})])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-2\"})])])]),_vm._v(\" \"),(!_vm.showLoader && _vm.transactions && _vm.transactions.length < 1)?_c('div',{staticClass:\"empty-info-wrapper new-row mt-3\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/bank-building (2) (2).svg\"),\"width\":\"50\"}}),_vm._v(\" \"),_c('p',{staticClass:\"light-grey-text mt-5\"},[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"text.bankAccounts.noLiveTrans\"))+\"\\n      \")]),_vm._v(\" \"),_c('small',{staticClass:\"light-grey-text\"},[_vm._v(_vm._s(_vm.$t(\"text.bankAccounts.displayLiveTrans\")))]),_vm._v(\" \"),_c('div',{staticClass:\"mt-5\"})]):_vm._e(),_vm._v(\" \"),_c('section',{staticClass:\"new-row 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\":true,\"pageSettings\":_vm.pageSettings,\"toolbar\":_vm.toolbar,\"searchSettings\":_vm.search,\"allowExcelExport\":true,\"allowPdfExport\":true,\"toolbarClick\":_vm.toolbarClick,\"allowTextWrap\":true,\"rowDataBound\":_vm.rowDataBound,\"excelQueryCellInfo\":_vm.excelQueryCellInfo,\"locale\":_vm.usedLang}},[_c('e-columns',[_c('e-column',{attrs:{\"width\":\"80\",\"field\":\"index\",\"headerText\":\"#\"}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"150\",\"field\":\"bankAccount.dateLinked\",\"headerText\":_vm.$t('text.bankAccounts.dateLinked'),\"format\":_vm.formatOptions,\"type\":\"date\"}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"180\",\"field\":\"bankAccount.name\",\"headerText\":_vm.$t('text.bankAccounts.bank')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"180\",\"field\":\"credit\",\"headerText\":_vm.$t('text.bankAccounts.credit'),\"format\":\"N2\"}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"180\",\"field\":\"debit\",\"headerText\":_vm.$t('text.bankAccounts.debit'),\"format\":\"N2\"}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"180\",\"field\":\"balance\",\"headerText\":_vm.$t('text.bankAccounts.bal'),\"format\":\"N2\"}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"220\",\"field\":\"bankAccount.accountName\",\"headerText\":_vm.$t('text.bankAccounts.accountName')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"180\",\"field\":\"bankAccount.accountNumber\",\"headerText\":_vm.$t('text.bankAccounts.accountNumber')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"100\",\"field\":\"bankAccount.linked\",\"headerText\":_vm.$t('text.bankAccounts.linked')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"180\",\"field\":\"bankAccount.linkedService\",\"headerText\":_vm.$t('text.bankAccounts.linkedService')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"width\":\"250\",\"template\":_vm.template,\"headerText\":_vm.$t('text.bankAccounts.action')}})],1)],1),_vm._v(\" \"),_c('TableLoader',{attrs:{\"showLoader\":_vm.showLoader}})],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{},[_c('router-link',{staticClass:\"btn dealers_btn mr-3\",staticStyle:{\"font-size\":\"15px\"},attrs:{\"to\":{\n      name: 'region-bank-transactions-breakdown',\n      query: { bankId: _vm.data.bankAccount.id },\n    }}},[_vm._v(\"\\n  \"+_vm._s(_vm.$t('text.clickButtons.view'))+\"\\n  \")])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"\">\r\n    <router-link\r\n      :to=\"{\r\n        name: 'region-bank-transactions-breakdown',\r\n        query: { bankId: data.bankAccount.id },\r\n      }\"\r\n      class=\"btn dealers_btn mr-3\"\r\n      style=\"font-size: 15px\"\r\n    >\r\n    {{ $t('text.clickButtons.view') }}\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  methods: {},\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!./regionLiveTransactionsBreakdown.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!./regionLiveTransactionsBreakdown.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./regionLiveTransactionsBreakdown.vue?vue&type=template&id=3951dd0e&\"\nimport script from \"./regionLiveTransactionsBreakdown.vue?vue&type=script&lang=js&\"\nexport * from \"./regionLiveTransactionsBreakdown.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    <!-- <LinkBankAccount :companyId=\"$route.query.companyId\" /> -->\r\n    <MasterLayout>\r\n      <div class=\"dashboard_first_row pt-4 pb-3 pl-4 pr-4\">\r\n        <div class=\"row align-items-center white-bg py-3\">\r\n          <div class=\"col-md-1 remove-right-padding col-center-flex\">\r\n            <div class=\"square-icon-wrapper small sky-bg\">\r\n              <img src=\"@/assets/img/bank-building (2).svg\" width=\"35\" />\r\n            </div>\r\n          </div>\r\n          <div class=\"col-md-7\">\r\n            <h4 class=\"primary-color font-600\">\r\n              {{ $t(\"text.bankAccounts.bankTrans\") }}\r\n            </h4>\r\n            <p class=\"light-grey-text mt-3\">\r\n              {{ $t(\"text.bankAccounts.viewBankTrans\") }}\r\n            </p>\r\n          </div>\r\n          <div class=\"col-md-3 flexify\">\r\n            <vue-ctk-date-time-picker\r\n              v-model=\"dateRange\"\r\n              :max-date=\"maxDate\"\r\n              :range=\"true\"\r\n              :autoClose=\"true\"\r\n              :locale=\"this.$root.$i18n.locale\"\r\n              :custom-shortcuts=\"customShortcuts\"\r\n              color=\"#4b2d73\"\r\n              format=\"DDMMYYYY\"\r\n              formatted=\"DD/MM/YYYY\"\r\n              :label=\"$t('text.sendReport.dateRange')\"\r\n            />\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"new-row\">\r\n        <div class=\"invoice-banner\">\r\n          <div>\r\n            <div>\r\n              <h6 class=\"font-600 primary-color\">\r\n                {{ $t(\"text.bankAccounts.totalCredit\") }}\r\n              </h6>\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                  >{{ region ? region.currencyCode : \"\" }}\r\n                  {{ convertThousand(totalCredit) }}</span\r\n                ><span class=\"bold-span primary-color\"></span\r\n              ></span>\r\n            </div>\r\n            <div class=\"mt-2\"></div>\r\n          </div>\r\n          <div>\r\n            <div>\r\n              <h6 class=\"font-600 primary-color\">\r\n                {{ $t(\"text.bankAccounts.totalDebit\") }}\r\n              </h6>\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                  >{{ region ? region.currencyCode : \"\" }}\r\n                  {{ convertThousand(totalDebit) }}</span\r\n                ><span class=\"bold-span primary-color\"></span\r\n              ></span>\r\n            </div>\r\n          </div>\r\n          <div>\r\n            <div>\r\n              <h6 class=\"font-600 primary-color\">\r\n                {{ $t(\"text.bankAccounts.balance\") }}\r\n              </h6>\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                  >{{ region ? region.currencyCode : \"\" }}\r\n                  {{ convertThousand(transactions.balance) }}</span\r\n                ><span class=\"bold-span primary-color\"></span\r\n              ></span>\r\n            </div>\r\n            <div class=\"mt-2\"></div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div\r\n        class=\"empty-info-wrapper new-row mt-3\"\r\n        v-if=\"!showLoader && transactions && transactions.length < 1\"\r\n      >\r\n        <img src=\"@/assets/img/bank-building (2) (2).svg\" width=\"50\" />\r\n        <p class=\"light-grey-text mt-5\">\r\n          {{ $t(\"text.bankAccounts.noLiveTrans\") }}\r\n        </p>\r\n        <small class=\"light-grey-text\">{{\r\n          $t(\"text.bankAccounts.displayLiveTrans\")\r\n        }}</small>\r\n        <div class=\"mt-5\"></div>\r\n      </div>\r\n      <section class=\"new-row 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=\"true\"\r\n          :pageSettings=\"pageSettings\"\r\n          :toolbar=\"toolbar\"\r\n          :searchSettings=\"search\"\r\n          :allowExcelExport=\"true\"\r\n          :allowPdfExport=\"true\"\r\n          :toolbarClick=\"toolbarClick\"\r\n          :allowTextWrap=\"true\"\r\n          :rowDataBound=\"rowDataBound\"\r\n          :excelQueryCellInfo=\"excelQueryCellInfo\"\r\n          :locale=\"usedLang\"\r\n        >\r\n          <e-columns>\r\n            <e-column width=\"80\" field=\"index\" headerText=\"#\"></e-column>\r\n            <e-column\r\n              width=\"150\"\r\n              field=\"bankAccount.dateLinked\"\r\n              :headerText=\"$t('text.bankAccounts.dateLinked')\"\r\n              :format=\"formatOptions\"\r\n              type=\"date\"\r\n            ></e-column>\r\n            <e-column\r\n              width=\"180\"\r\n              field=\"bankAccount.name\"\r\n              :headerText=\"$t('text.bankAccounts.bank')\"\r\n            ></e-column>\r\n            <e-column\r\n              width=\"180\"\r\n              field=\"credit\"\r\n              :headerText=\"$t('text.bankAccounts.credit')\"\r\n              format=\"N2\"\r\n            ></e-column>\r\n            <e-column\r\n              width=\"180\"\r\n              field=\"debit\"\r\n              :headerText=\"$t('text.bankAccounts.debit')\"\r\n              format=\"N2\"\r\n            ></e-column>\r\n            <e-column\r\n              width=\"180\"\r\n              field=\"balance\"\r\n              :headerText=\"$t('text.bankAccounts.bal')\"\r\n              format=\"N2\"\r\n            ></e-column>\r\n            <e-column\r\n              width=\"220\"\r\n              field=\"bankAccount.accountName\"\r\n              :headerText=\"$t('text.bankAccounts.accountName')\"\r\n            ></e-column>\r\n            <e-column\r\n              width=\"180\"\r\n              field=\"bankAccount.accountNumber\"\r\n              :headerText=\"$t('text.bankAccounts.accountNumber')\"\r\n            ></e-column>\r\n            <e-column\r\n              width=\"100\"\r\n              field=\"bankAccount.linked\"\r\n              :headerText=\"$t('text.bankAccounts.linked')\"\r\n            ></e-column>\r\n            <e-column\r\n              width=\"180\"\r\n              field=\"bankAccount.linkedService\"\r\n              :headerText=\"$t('text.bankAccounts.linkedService')\"\r\n            ></e-column>\r\n            <e-column\r\n              width=\"250\"\r\n              :template=\"template\"\r\n              :headerText=\"$t('text.bankAccounts.action')\"\r\n            ></e-column>\r\n          </e-columns>\r\n        </ejs-grid>\r\n        <TableLoader :showLoader=\"showLoader\"></TableLoader>\r\n      </section>\r\n    </MasterLayout>\r\n  </div>\r\n</template>\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 {\r\n  Page,\r\n  Sort,\r\n  Toolbar,\r\n  Search,\r\n  ExcelExport,\r\n  PdfExport,\r\n} from \"@syncfusion/ej2-vue-grids\";\r\nimport Temp from \"@/components/Templates/invoices\";\r\nimport DateTemp from \"@/components/Templates/dateTemp\";\r\nimport Paginator from \"@/components/Paginator.vue\";\r\nimport CompanyLiveTransactionsBreakdown from \"@/components/Templates/regionLiveTransactionsBreakdown.vue\";\r\nimport VueMomentsAgo from \"vue-moments-ago\";\r\n// import LinkBankAccount from \"@/components/modals/linkBankAccount.vue\";\r\n\r\nimport Jquery from \"jquery\";\r\nlet $ = Jquery;\r\n\r\nexport default {\r\n  title: \"Link Bank Account:: Epump Portal\",\r\n  components: {\r\n    MasterLayout,\r\n    TableLoader,\r\n    Paginator,\r\n    // LinkBankAccount,\r\n    TableLoader,\r\n  },\r\n  provide: {\r\n    grid: [Page, Sort, Toolbar, Search, ExcelExport, PdfExport],\r\n  },\r\n  data() {\r\n    return {\r\n      usedLang: this.$store.getters.getLanguage,\r\n      transactions: {},\r\n      totalCredit: 0,\r\n      totalDebit: 0,\r\n      searchTerm: \"\",\r\n      formatOptions: { type: \"date\", format: \"dd/MM/yyyy \" },\r\n      showLinkedBanks: false,\r\n      banks: [],\r\n      branch: {},\r\n      bankNames: [],\r\n      branchId: null,\r\n      showLoader: true,\r\n      region: null,\r\n      maxDate: this.$moment(new Date()).format(\"YYYY-MM-DD\"),\r\n      startDate: this.$moment().subtract(30, \"days\").format(\"MMMM D, YYYY\"),\r\n      endDate: this.$moment().format(\"MMMM D, YYYY\"),\r\n      pluginStartDate: this.$moment().subtract(30, \"days\").format(\"D-M-YYYY\"),\r\n      pluginEndDate: this.$moment().format(\"D-M-YYYY\"),\r\n      dateRange: { start: this.pluginStartDate, end: this.pluginEndDate },\r\n      customShortcuts: [\r\n        { key: \"Today\", label: this.$t(\"text.calendar.today\"), value: \"day\" },\r\n        {\r\n          key: \"yesterday\",\r\n          label: this.$t(\"text.calendar.yesterday\"),\r\n          value: \"-day\",\r\n        },\r\n        {\r\n          key: \"last7Days\",\r\n          label: this.$t(\"text.calendar.last7Days\"),\r\n          value: 7,\r\n        },\r\n        {\r\n          key: \"lastWeek\",\r\n          label: this.$t(\"text.calendar.lastWeek\"),\r\n          value: \"-isoWeek\",\r\n        },\r\n        {\r\n          key: \"last30Days\",\r\n          label: this.$t(\"text.calendar.last30Days\"),\r\n          value: 30,\r\n        },\r\n        {\r\n          key: \"lastMonth\",\r\n          label: this.$t(\"text.calendar.lastMonth\"),\r\n          value: \"-month\",\r\n        },\r\n      ],\r\n      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      template: function () {\r\n        return {\r\n          template: CompanyLiveTransactionsBreakdown,\r\n        };\r\n      },\r\n    };\r\n  },\r\n  computed: {\r\n    linkedBanks() {\r\n      return this.banks.filter((bank) => bank.linked === true);\r\n    },\r\n  },\r\n  watch: {\r\n    region(region) {\r\n      if (region !== null) {\r\n        this.getLiveBankTransactions();\r\n      }\r\n    },\r\n    searchTerm() {\r\n      this.getLiveBankTransactions();\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\r\n        this.getLiveBankTransactions();\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    if (this.$route.query.regionId) {\r\n      this.getLiveBankTransactions();\r\n    }\r\n    this.dateRange.start = this.pluginStartDate;\r\n    this.dateRange.end = this.pluginEndDate;\r\n  },\r\n  mounted() {},\r\n  methods: {\r\n    excelQueryCellInfo(args) {\r\n      if (args.column.field == \"dateLinked\") {\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          this.$refs.dataGrid.pdfExport();\r\n          break;\r\n        case \"Excel Export\":\r\n          this.$refs.dataGrid.excelExport();\r\n          break;\r\n      }\r\n    },\r\n    refreshGrid() {\r\n      this.$refs.dataGrid.refresh();\r\n    },\r\n    // getBanks() {\r\n    //   this.axios\r\n    //     .get(\r\n    //       `${configObject.apiBaseUrl}/Branch/Banks`,\r\n    //       configObject.authConfig()\r\n    //     )\r\n    //     .then((response) => {\r\n    //       this.bankNames = response.data;\r\n    //     })\r\n    //     .catch((error) => {});\r\n    // },\r\n    rowDataBound: function (args) {\r\n      if (args.data[\"status\"] === \"PENDING\") {\r\n        args.row.cells[9].style.color = \"red\";\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    getLiveBankTransactions() {\r\n      this.showLoader = true;\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Company/LiveBankTransactions/Region/${\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}`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          this.transactions = response.data;\r\n          response.data.accounts.forEach((el, index) => {\r\n            el.index = index + 1;\r\n            el.bankAccount.linked = el.bankAccount.linked ? \"Yes\" : \"No\";\r\n            el.credit = el.credit;\r\n            el.debit = el.debit;\r\n          });\r\n          this.totalCredit = response.data.accounts.reduce(\r\n            (acc, cur) => (acc += cur.credit),\r\n            0\r\n          );\r\n\r\n          this.totalDebit = response.data.accounts.reduce(\r\n            (acc, cur) => (acc += cur.debit),\r\n            0\r\n          );\r\n\r\n          this.$refs.dataGrid.ej2Instances.setProperties({\r\n            dataSource: response.data.accounts,\r\n          });\r\n          this.refreshGrid();\r\n          this.showLoader = false;\r\n        })\r\n        .catch((error) => {\r\n          this.showLoader = false;\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!./liveBankTransactions.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!./liveBankTransactions.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./liveBankTransactions.vue?vue&type=template&id=253f5c84&\"\nimport script from \"./liveBankTransactions.vue?vue&type=script&lang=js&\"\nexport * from \"./liveBankTransactions.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/bank-building (2) (2).3bbc0365.svg\";"],"sourceRoot":""}