{"version":3,"sources":["webpack:///./src/assets/img/bank-disabled.svg","webpack:///./src/views/Company/BankAccounts/linkBankAccounts.vue","webpack:///src/views/Company/BankAccounts/linkBankAccounts.vue","webpack:///./src/views/Company/BankAccounts/linkBankAccounts.vue?c3d4","webpack:///./src/views/Company/BankAccounts/linkBankAccounts.vue?f1e2","webpack:///./src/components/modals/linkBankAccount.vue","webpack:///src/components/modals/linkBankAccount.vue","webpack:///./src/components/modals/linkBankAccount.vue?38d4","webpack:///./src/components/modals/linkBankAccount.vue?8f15","webpack:///./src/assets/img/link.svg","webpack:///./src/assets/img/bank-building (2).svg","webpack:///./src/assets/img/bank (1).svg","webpack:///./src/assets/img/av.svg","webpack:///./src/assets/img/bank-building (2) (2).svg","webpack:///./src/assets/img/cancel-button.svg"],"names":["module","exports","render","_vm","this","_c","_self","attrs","companyId","_v","staticClass","require","_s","$t","on","linkBankModal","staticRenderFns","title","components","MasterLayout","TableLoader","Paginator","LinkBankAccount","provide","grid","data","companyBanks","bankList","banksArr","company","created","watch","methods","component","closed","opened","mode","$event","changeMode","_e","closeModal","style","opacity","isButtonDisabled","cursor","launchMono","staticStyle","addBank","directives","name","rawName","value","accountName","expression","domProps","target","composing","accountNumber","selectedBank","bankName","bankNames","_l","bank","i","key","selectBank","iconUrl","length","isButton_2_Disabled","addBankAccts","MODAL_WIDTH","$","props","modalWidth","description","groupType","showLoader","branch","branchId","amount","computed","mounted","document","window","onSuccess","onClose","Array","detail","e","message","type","duration","bankCode","post","configObject","then","catch","error","getBankList","get","response","linkBankAccount","code","res"],"mappings":"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","file":"js/chunk-dbe34c0a.cbfda407.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/bank-disabled.68ab62fe.svg\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('LinkBankAccount',{attrs:{\"companyId\":_vm.companyId}}),_vm._v(\" \"),_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-9\"},[_c('h4',{staticClass:\"primary-color font-600\"},[_vm._v(\"\\n            \"+_vm._s(_vm.$t(\"text.cBank.account.title\"))+\"\\n          \")]),_vm._v(\" \"),_c('p',{staticClass:\"light-grey-text mt-3\"},[_vm._v(\"\\n            \"+_vm._s(_vm.$t(\"text.cBank.account.description\"))+\", \"),_c('br'),_vm._v(_vm._s(_vm.$t(\"text.cBank.account.desc1\"))+\"\\n          \")])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-2\"},[_c('button',{staticClass:\"ep-btn ep-primary\",on:{\"click\":_vm.linkBankModal}},[_vm._v(\"\\n            \"+_vm._s(_vm.$t(\"text.cBank.account.addBank\"))+\"\\n          \")])])])]),_vm._v(\" \"),_c('section',{staticClass:\"products_summary__wrapper mt-3 pb-3\"},[_c('div',{},[_c('div',{staticClass:\"ep-card green-color p-1 text-center br-5\"},[_c('p',{staticClass:\"m-0 primary-color\"},[_c('span',{staticClass:\"mr-3\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/link.svg\"),\"width\":\"25\"}})]),_vm._v(\"\\n            \"+_vm._s(_vm.$t(\"text.cBank.account.iconInfo\"))+\"\\n          \")])])]),_vm._v(\" \"),_c('div',{staticClass:\"row ml-2\"},[_c('div',{staticClass:\"col-md-4\"},[_c('div',{},[_c('div',{staticClass:\"linked-account-muted\"},[_c('div',{staticClass:\"mx-auto text-center\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/bank-disabled.svg\"),\"width\":\"25\"}}),_vm._v(\" \"),_c('p',{staticClass:\"text-muted mt-3\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.$t(\"text.cBank.account.accountsAdded\"))+\"\\n                \")])])])])])])])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <LinkBankAccount :companyId=\"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-9\">\r\n            <h4 class=\"primary-color font-600\">\r\n              {{ $t(\"text.cBank.account.title\") }}\r\n            </h4>\r\n            <p class=\"light-grey-text mt-3\">\r\n              {{ $t(\"text.cBank.account.description\") }}, <br />{{\r\n                $t(\"text.cBank.account.desc1\")\r\n              }}\r\n            </p>\r\n          </div>\r\n          <div class=\"col-md-2\">\r\n            <button class=\"ep-btn ep-primary\" @click=\"linkBankModal\">\r\n              {{ $t(\"text.cBank.account.addBank\") }}\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <section class=\"products_summary__wrapper mt-3 pb-3\">\r\n        <div class=\"\">\r\n          <div class=\"ep-card green-color p-1 text-center br-5\">\r\n            <p class=\"m-0 primary-color\">\r\n              <span class=\"mr-3\">\r\n                <img src=\"@/assets/img/link.svg\" width=\"25\" />\r\n              </span>\r\n              {{ $t(\"text.cBank.account.iconInfo\") }}\r\n            </p>\r\n          </div>\r\n        </div>\r\n        <div class=\"row ml-2\">\r\n          <!-- <div class=\"col-md-4\" v-for=\"acc in banksArr\" :key=\"acc.id\">\r\n                    <div class=\"linked-account-wrapper\">\r\n                    <div class=\"linked-acounts-container position-relative\">\r\n                        <div class=\"position-absolute\">\r\n                        <div class=\"linked-icon-container\" v-if=\"acc.linked\">\r\n                            <img src=\"@/assets/img/link.svg\" width=\"25\" />\r\n                        </div>\r\n                        </div>\r\n                        <div\r\n                        class=\"\r\n                            d-flex\r\n                            justify-content-between\r\n                            align-items-center\r\n                            mt-5\r\n                            pt-3\r\n                        \"\r\n                        >\r\n                        <div>\r\n                            <span class=\"font-600 primary-color\" v-if=\"!acc.iconUrl\">\r\n                            {{ acc.name }}\r\n                            </span>\r\n                            <img\r\n                            :src=\"`${\r\n                                acc.iconUrl\r\n                                ? acc.iconUrl\r\n                                : require('@/assets/img/bank-building (2).svg')\r\n                            }`\"\r\n                            width=\"40\"\r\n                            v-if=\"acc.iconUrl\"\r\n                            />\r\n                        </div>\r\n                        <p class=\"primary-color m-0 font-600\">\r\n                            {{ acc.accountName }}\r\n                        </p>\r\n                        </div>\r\n                        <div class=\"d-flex justify-content-between mt-3\">\r\n                        <p class=\"font-600 primary-color\">{{ acc.accountNumber }}</p>\r\n                        <h6\r\n                            class=\"color-red font-600 cursor-pointer\"\r\n                            @click=\"removeBank(acc)\"\r\n                        >\r\n                            Remove bank\r\n                        </h6>\r\n                        </div>\r\n                    </div>\r\n                    </div>\r\n                </div> -->\r\n          <div class=\"col-md-4\">\r\n            <div class=\"\">\r\n              <div class=\"linked-account-muted\">\r\n                <div class=\"mx-auto text-center\">\r\n                  <img src=\"@/assets/img/bank-disabled.svg\" width=\"25\" />\r\n                  <p class=\"text-muted mt-3\">\r\n                    {{ $t(\"text.cBank.account.accountsAdded\") }}\r\n                  </p>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\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/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 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  },\r\n  provide: {\r\n    grid: [Page, Sort, Toolbar, Search],\r\n  },\r\n  data() {\r\n    return {\r\n      companyBanks: [],\r\n      bankList: [],\r\n      banksArr: [],\r\n      company: null,\r\n      companyId:this.$route.query.companyId\r\n          ? this.$route.query.companyId\r\n          : this.company.id,\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  watch: {\r\n    // banks() {\r\n    //     const bankList = [...this.bankList]\r\n    //     this.banks.forEach(bank => {\r\n    //         const bankIndex = this.bankList.findIndex(bl => bl.bankName === bank.name)\r\n    //         if(bankIndex > -1) {\r\n    //             bank.iconUrl = this.bankList[bankIndex].iconUrl\r\n    //         }\r\n    //         else if(bank.name == 'GTBank') {\r\n    //             const bankObj = this.bankList.filter(bl => bl.bankName == 'Gtbank Plc')[0]\r\n    //             bank.iconUrl = bankObj.iconUrl\r\n    //         }\r\n    //         else {\r\n    //             bank.iconUrl = null\r\n    //         }\r\n    //     })\r\n    //     this.banksArr = this.banks\r\n    // },\r\n  },\r\n  methods: {\r\n    linkBankModal() {\r\n      this.$modal.show(\"linkBankAccount\");\r\n    },\r\n    // getCompanyBankAccounts() {\r\n    //     this.axios\r\n    //         .get(\r\n    //         `${configObject.apiBaseUrl}/Company/BankAccounts/${this.$route.query.companyId}`,\r\n    //         configObject.authConfig()\r\n    //         )\r\n    //         .then((response) => {\r\n    //         this.showLoader = false;\r\n    //         response.data.forEach((el) => {\r\n    //             el.bankLabel = `${el.name}(${el.accountName})`;\r\n    //             el.checked = false;\r\n    //         });\r\n    //         this.companyBanks = response.data;\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!./linkBankAccounts.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!./linkBankAccounts.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./linkBankAccounts.vue?vue&type=template&id=7efaf4ce&\"\nimport script from \"./linkBankAccounts.vue?vue&type=script&lang=js&\"\nexport * from \"./linkBankAccounts.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('modal',{staticClass:\"createAssetGroup\",attrs:{\"name\":\"linkBankAccount\",\"clickToClose\":false,\"transition\":\"pop-out\",\"width\":1000,\"height\":560},on:{\"closed\":_vm.closed,\"opened\":_vm.opened}},[_c('div',{staticClass:\"assets_modal_div w-100\"},[(_vm.mode == 'nonLinked')?_c('div',{staticClass:\"ml-3\"},[_c('button',{staticClass:\"back-btn\",on:{\"click\":function($event){return _vm.changeMode(null)}}},[_c('i',{staticClass:\"mr-2 fa fa-long-arrow-left back-arrow\",attrs:{\"aria-hidden\":\"true\"}}),_vm._v(\" \"),_c('div',[_vm._v(_vm._s(_vm.$t(\"text.linkBankAccModal.back\")))])])]):_vm._e(),_vm._v(\" \"),_c('img',{staticClass:\"close_assets_modal\",attrs:{\"src\":require(\"@/assets/img/cancel-button.svg\")},on:{\"click\":_vm.closeModal}}),_vm._v(\" \"),_c('div',{staticClass:\"mt-2 w-100\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"text-center col-md-6 right-border\",style:([_vm.mode == 'nonLinked' ? { opacity: '0.2' } : null])},[_c('div',{staticClass:\"text-center col-center-flex\"},[_c('div',{staticClass:\"mt-5 square-icon-wrapper large fill\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/av.svg\"),\"width\":\"80\"}})])]),_vm._v(\" \"),_c('h5',{staticClass:\"mt-4 primary-color\"},[_c('span',[_vm._v(_vm._s(_vm.$t(\"text.linkBankAccModal.linkedAccounts\")))]),_vm._v(\" \"),_c('span',{staticClass:\"ml-3 badge success\"},[_c('small',[_vm._v(\" \"+_vm._s(_vm.$t(\"text.linkBankAccModal.recommended\"))+\" \")])])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-4 text-center modal-para\"},[_vm._v(\"\\n            \"+_vm._s(_vm.$t(\"text.linkBankAccModal.desc\"))+\", \"),_c('br'),_vm._v(\"\\n            \"+_vm._s(_vm.$t(\"text.linkBankAccModal.desc1\"))+\"\\n          \")]),_vm._v(\" \"),_c('div',{staticClass:\"mt-4\"},[_c('button',{staticClass:\"ep-btn ep-primary\",style:([\n                _vm.isButtonDisabled\n                  ? { cursor: 'not-allowed' }\n                  : { cursor: 'pointer' },\n              ]),attrs:{\"disabled\":_vm.isButtonDisabled ? true : null},on:{\"click\":function($event){return _vm.launchMono()}}},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.linkBankAccModal.proceed\"))+\"\\n              \"),_c('img',{staticClass:\"ml-3 loader\",staticStyle:{\"display\":\"none\"},attrs:{\"src\":require(\"@/assets/img/git_loader.gif\"),\"width\":\"20px\"}})])])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-6\"},[(_vm.mode !== 'nonLinked')?_c('div',[_c('div',{staticClass:\"text-center col-center-flex\"},[_c('div',{staticClass:\"mt-5 square-icon-wrapper large transparent\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/bank (1).svg\"),\"width\":\"80\"}})])]),_vm._v(\" \"),_c('h5',{staticClass:\"mt-4 text-center primary-color header-label\"},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.linkBankAccModal.nonlinkedAccounts\"))+\"\\n            \")]),_vm._v(\" \"),_c('div',{staticClass:\"mt-4 text-center modal-para\"},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.linkBankAccModal.regAccount\"))+\"\\n            \")]),_vm._v(\" \"),_c('div',{staticClass:\"mt-5 text-center\"},[_c('button',{staticClass:\"ep-btn ep-secondary\",on:{\"click\":_vm.addBank}},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.linkBankAccModal.addNewBank\"))+\"\\n              \")])])]):_vm._e(),_vm._v(\" \"),(_vm.mode === 'nonLinked')?_c('div',{staticClass:\"add-bank-form\"},[_c('h6',{staticClass:\"primary-color\"},[_c('img',{staticClass:\"mr-4\",attrs:{\"src\":require(\"@/assets/img/bank (1).svg\"),\"width\":\"25\"}}),_vm._v(\" \"),_c('span',[_vm._v(_vm._s(_vm.$t(\"text.linkBankAccModal.nonlinkedAccounts\")))])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-3 modal-para\"},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.linkBankAccModal.nonLinkedDesc\"))+\"\\n            \")]),_vm._v(\" \"),_c('form',{staticClass:\"mt-4\"},[_c('label',{staticClass:\"text-left\"},[_vm._v(_vm._s(_vm.$t(\"text.linkBankAccModal.accountName\"))+\"\\n              \")]),_vm._v(\" \"),_c('div',[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.accountName),expression:\"accountName\"}],staticClass:\"w-100\",attrs:{\"type\":\"text\",\"placeholder\":_vm.$t('text.linkBankAccModal.enterfullname')},domProps:{\"value\":(_vm.accountName)},on:{\"input\":function($event){if($event.target.composing)return;_vm.accountName=$event.target.value}}})]),_vm._v(\" \"),_c('div',{staticClass:\"mt-3\"},[_c('label',[_vm._v(_vm._s(_vm.$t(\"text.linkBankAccModal.accountNumber\"))+\"\\n                \")]),_vm._v(\" \"),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.accountNumber),expression:\"accountNumber\"}],staticClass:\"w-100\",attrs:{\"type\":\"text\",\"placeholder\":_vm.$t('text.linkBankAccModal.accountNumber')},domProps:{\"value\":(_vm.accountNumber)},on:{\"input\":function($event){if($event.target.composing)return;_vm.accountNumber=$event.target.value}}})]),_vm._v(\" \"),_c('div',{staticClass:\"pb-3 mt-3\"},[_c('label',[_vm._v(_vm._s(_vm.$t(\"text.linkBankAccModal.bank\")))]),_vm._v(\" \"),_c('details',{staticClass:\"mb-4 input__block position-relative\"},[_c('summary',{staticClass:\"p-3 dropdown-info\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.selectedBank.bankName)+\"\\n                  \")]),_vm._v(\" \"),_c('div',{staticClass:\"summary-content\",staticStyle:{\"height\":\"300px\"}},[(!_vm.bankNames)?_c('div',{staticClass:\"empty-info-wrapper new-row\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/bank-building (2) (2).svg\"),\"width\":\"50\"}}),_vm._v(\" \"),_c('p',{staticClass:\"mt-5 light-grey-text\"},[_vm._v(\"\\n                        \"+_vm._s(_vm.$t(\"text.linkBankAccModal.compNoBankAcc\"))+\"\\n                      \")]),_vm._v(\" \"),_c('small',{staticClass:\"light-grey-text\"},[_vm._v(_vm._s(_vm.$t(\"text.linkBankAccModal.accWillBeDisplayed\")))])]):_vm._e(),_vm._v(\" \"),_c('ul',_vm._l((_vm.bankNames),function(bank,i){return _c('li',{key:i,staticClass:\"cursor-pointer primary-color\",on:{\"click\":function($event){return _vm.selectBank(bank)}}},[_c('img',{attrs:{\"src\":bank.iconUrl,\"width\":\"40\"}}),_vm._v(\" \"),_c('span',{},[_vm._v(\"\\n                          \"+_vm._s(bank.bankName)+\"\\n                        \")])])}),0),_vm._v(\" \"),(!_vm.bankNames.length)?_c('div',{staticClass:\"text-center py-5 m-\"},[_vm._v(\"\\n                      \"+_vm._s(_vm.$t(\"text.linkBankAccModal.noBankrecords\"))+\"\\n                    \")]):_vm._e()])])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-3 text-center\"},[_c('button',{staticClass:\"ep-btn ep-primary\",style:([\n                    _vm.isButton_2_Disabled\n                      ? { cursor: 'not-allowed' }\n                      : { cursor: 'pointer' },\n                  ]),attrs:{\"disabled\":_vm.isButton_2_Disabled ? true : null},on:{\"click\":function($event){return _vm.addBankAccts($event)}}},[_vm._v(\"\\n                  \"+_vm._s(_vm.$t(\"text.linkBankAccModal.addNewBank\"))+\"\\n                  \"),_c('img',{staticClass:\"ml-3 loader1\",staticStyle:{\"display\":\"none\"},attrs:{\"src\":require(\"@/assets/img/git_loader.gif\"),\"width\":\"20px\"}})])])])]):_vm._e()])])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <modal\r\n    class=\"createAssetGroup\"\r\n    name=\"linkBankAccount\"\r\n    :clickToClose=\"false\"\r\n    transition=\"pop-out\"\r\n    :width=\"1000\"\r\n    :height=\"560\"\r\n    @closed=\"closed\"\r\n    @opened=\"opened\"\r\n  >\r\n    <div class=\"assets_modal_div w-100\">\r\n      <div class=\"ml-3\" v-if=\"mode == 'nonLinked'\">\r\n        <button @click=\"changeMode(null)\" class=\"back-btn\">\r\n          <i\r\n            class=\"mr-2 fa fa-long-arrow-left back-arrow\"\r\n            aria-hidden=\"true\"\r\n          ></i>\r\n          <div>{{ $t(\"text.linkBankAccModal.back\") }}</div>\r\n        </button>\r\n      </div>\r\n      <img\r\n        src=\"@/assets/img/cancel-button.svg\"\r\n        class=\"close_assets_modal\"\r\n        @click=\"closeModal\"\r\n      />\r\n      <div class=\"mt-2 w-100\">\r\n        <div class=\"row\">\r\n          <div\r\n            class=\"text-center col-md-6 right-border\"\r\n            :style=\"[mode == 'nonLinked' ? { opacity: '0.2' } : null]\"\r\n          >\r\n            <div class=\"text-center col-center-flex\">\r\n              <div class=\"mt-5 square-icon-wrapper large fill\">\r\n                <img src=\"@/assets/img/av.svg\" width=\"80\" />\r\n              </div>\r\n            </div>\r\n            <h5 class=\"mt-4 primary-color\">\r\n              <span>{{ $t(\"text.linkBankAccModal.linkedAccounts\") }}</span>\r\n              <span class=\"ml-3 badge success\">\r\n                <small> {{ $t(\"text.linkBankAccModal.recommended\") }} </small>\r\n              </span>\r\n            </h5>\r\n            <div class=\"mt-4 text-center modal-para\">\r\n              {{ $t(\"text.linkBankAccModal.desc\") }}, <br />\r\n              {{ $t(\"text.linkBankAccModal.desc1\") }}\r\n            </div>\r\n            <div class=\"mt-4\">\r\n              <button\r\n                @click=\"launchMono()\"\r\n                class=\"ep-btn ep-primary\"\r\n                :disabled=\"isButtonDisabled ? true : null\"\r\n                :style=\"[\r\n                  isButtonDisabled\r\n                    ? { cursor: 'not-allowed' }\r\n                    : { cursor: 'pointer' },\r\n                ]\"\r\n              >\r\n                {{ $t(\"text.linkBankAccModal.proceed\") }}\r\n                <img\r\n                  src=\"@/assets/img/git_loader.gif\"\r\n                  style=\"display: none\"\r\n                  width=\"20px\"\r\n                  class=\"ml-3 loader\"\r\n                />\r\n              </button>\r\n            </div>\r\n          </div>\r\n          <div class=\"col-md-6\">\r\n            <div v-if=\"mode !== 'nonLinked'\">\r\n              <div class=\"text-center col-center-flex\">\r\n                <div class=\"mt-5 square-icon-wrapper large transparent\">\r\n                  <img src=\"@/assets/img/bank (1).svg\" width=\"80\" />\r\n                </div>\r\n              </div>\r\n              <h5 class=\"mt-4 text-center primary-color header-label\">\r\n                {{ $t(\"text.linkBankAccModal.nonlinkedAccounts\") }}\r\n              </h5>\r\n              <div class=\"mt-4 text-center modal-para\">\r\n                {{ $t(\"text.linkBankAccModal.regAccount\") }}\r\n              </div>\r\n              <div class=\"mt-5 text-center\">\r\n                <button class=\"ep-btn ep-secondary\" @click=\"addBank\">\r\n                  {{ $t(\"text.linkBankAccModal.addNewBank\") }}\r\n                </button>\r\n              </div>\r\n            </div>\r\n            <div v-if=\"mode === 'nonLinked'\" class=\"add-bank-form\">\r\n              <h6 class=\"primary-color\">\r\n                <img src=\"@/assets/img/bank (1).svg\" width=\"25\" class=\"mr-4\" />\r\n                <span>{{ $t(\"text.linkBankAccModal.nonlinkedAccounts\") }}</span>\r\n              </h6>\r\n              <div class=\"mt-3 modal-para\">\r\n                {{ $t(\"text.linkBankAccModal.nonLinkedDesc\") }}\r\n              </div>\r\n              <form class=\"mt-4\">\r\n                <label class=\"text-left\"\r\n                  >{{ $t(\"text.linkBankAccModal.accountName\") }}\r\n                </label>\r\n                <div>\r\n                  <input\r\n                    type=\"text\"\r\n                    :placeholder=\"$t('text.linkBankAccModal.enterfullname')\"\r\n                    v-model=\"accountName\"\r\n                    class=\"w-100\"\r\n                  />\r\n                </div>\r\n                <div class=\"mt-3\">\r\n                  <label\r\n                    >{{ $t(\"text.linkBankAccModal.accountNumber\") }}\r\n                  </label>\r\n                  <input\r\n                    type=\"text\"\r\n                    :placeholder=\"$t('text.linkBankAccModal.accountNumber')\"\r\n                    v-model=\"accountNumber\"\r\n                    class=\"w-100\"\r\n                  />\r\n                </div>\r\n                <div class=\"pb-3 mt-3\">\r\n                  <label>{{ $t(\"text.linkBankAccModal.bank\") }}</label>\r\n                  <details class=\"mb-4 input__block position-relative\">\r\n                    <summary class=\"p-3 dropdown-info\">\r\n                      {{ selectedBank.bankName }}\r\n                    </summary>\r\n                    <div class=\"summary-content\" style=\"height: 300px\">\r\n                      <div class=\"empty-info-wrapper new-row\" v-if=\"!bankNames\">\r\n                        <img\r\n                          src=\"@/assets/img/bank-building (2) (2).svg\"\r\n                          width=\"50\"\r\n                        />\r\n                        <p class=\"mt-5 light-grey-text\">\r\n                          {{ $t(\"text.linkBankAccModal.compNoBankAcc\") }}\r\n                        </p>\r\n                        <small class=\"light-grey-text\">{{\r\n                          $t(\"text.linkBankAccModal.accWillBeDisplayed\")\r\n                        }}</small>\r\n                      </div>\r\n                      <ul>\r\n                        <li\r\n                          v-for=\"(bank, i) in bankNames\"\r\n                          :key=\"i\"\r\n                          class=\"cursor-pointer primary-color\"\r\n                          @click=\"selectBank(bank)\"\r\n                        >\r\n                          <img :src=\"bank.iconUrl\" width=\"40\" />\r\n                          <span class=\"\">\r\n                            {{ bank.bankName }}\r\n                          </span>\r\n                        </li>\r\n                      </ul>\r\n                      <div v-if=\"!bankNames.length\" class=\"text-center py-5 m-\">\r\n                        {{ $t(\"text.linkBankAccModal.noBankrecords\") }}\r\n                      </div>\r\n                    </div>\r\n                  </details>\r\n                  <!-- <select v-model=\"bankName\">                      \r\n                                    <option value=\"select bank\" disabled selected hidden>select bank</option>\r\n                                    <option v-for=\"(bank, index) in bankNames\" \r\n                                        :key=\"index\" \r\n                                        v-bind:value=\"bank.bankName\">{{bank.bankName}}\r\n                                    </option>                      \r\n                                </select> -->\r\n                </div>\r\n\r\n                <div class=\"mt-3 text-center\">\r\n                  <button\r\n                    class=\"ep-btn ep-primary\"\r\n                    @click=\"addBankAccts($event)\"\r\n                    :disabled=\"isButton_2_Disabled ? true : null\"\r\n                    :style=\"[\r\n                      isButton_2_Disabled\r\n                        ? { cursor: 'not-allowed' }\r\n                        : { cursor: 'pointer' },\r\n                    ]\"\r\n                  >\r\n                    {{ $t(\"text.linkBankAccModal.addNewBank\") }}\r\n                    <img\r\n                      src=\"@/assets/img/git_loader.gif\"\r\n                      style=\"display: none\"\r\n                      width=\"20px\"\r\n                      class=\"ml-3 loader1\"\r\n                    />\r\n                  </button>\r\n                </div>\r\n              </form>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </modal>\r\n</template>\r\n<script>\r\nconst MODAL_WIDTH = 1080;\r\nimport configObject from \"@/config\";\r\nimport JQuery from \"jquery\";\r\nlet $ = JQuery;\r\n\r\nexport default {\r\n  name: \"linkBankAccount\",\r\n  props: [\"companyId\"],\r\n  data() {\r\n    return {\r\n      // company: localStorage.getItem(\"companyDetails\")\r\n      //         ? JSON.parse(localStorage.getItem(\"companyDetails\"))\r\n      //         : null,\r\n      modalWidth: MODAL_WIDTH,\r\n      name: \"\",\r\n      description: \"\",\r\n      groupType: \"selectGroupType\",\r\n      isButtonDisabled: false,\r\n      showLoader: false,\r\n      branch: {},\r\n      branchId: null,\r\n      mode: null,\r\n      amount: 0,\r\n      bankNames: [],\r\n      accountName: \"\",\r\n      accountNumber: \"\",\r\n      bankName: \"select bank\",\r\n      isButton_2_Disabled: false,\r\n      selectedBank: { bankName: \"select bank\" },\r\n    };\r\n  },\r\n  computed: {\r\n    company() {\r\n      return this.$store.getters.getCompanyDetails;\r\n    },\r\n  },\r\n  mounted() {},\r\n  created() {\r\n    this.$eventHub.$on(\"branch\", (branch) => {\r\n      this.branch = branch;\r\n      document.title = `Link Bank Accounts :: ${branch.name} Retail Outlet`;\r\n    });\r\n    this.modalWidth =\r\n      window.innerWidth < MODAL_WIDTH ? MODAL_WIDTH / 2 : MODAL_WIDTH;\r\n  },\r\n  watch: {\r\n    mode(mode) {\r\n      if (mode == \"nonLinked\") {\r\n        this.isButtonDisabled = true;\r\n      }\r\n      if (mode == null) {\r\n        this.isButtonDisabled = false;\r\n      }\r\n    },\r\n  },\r\n  methods: {\r\n    closed() {\r\n      this.selectedBank = {};\r\n      this.mode = null;\r\n    },\r\n    opened() {\r\n      this.getBankList();\r\n    },\r\n    closeModal() {\r\n      this.$modal.hide(\"linkBankAccount\");\r\n    },\r\n    changeMode(mode) {\r\n      this.mode = mode;\r\n    },\r\n    launchMono() {\r\n      const options = {\r\n        onSuccess: (response) => {\r\n          this.code = response.code;\r\n          this.linkBankAccount();\r\n        },\r\n        onClose: function () {},\r\n      };\r\n      this.$launchMono(options);\r\n    },\r\n    selectBank(bank) {\r\n      this.selectedBank = bank;\r\n      Array.from(document.querySelectorAll(\"details\")).forEach((detail) => {\r\n        detail.open = false;\r\n      });\r\n    },\r\n    addBank(e) {\r\n      e.preventDefault();\r\n      this.mode = \"nonLinked\";\r\n    },\r\n    addBankAccts($event) {\r\n      $event.preventDefault();\r\n      if (!this.bankName) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.bankAccounts.selectBankError\"),\r\n          type: \"error\",\r\n          duration: 5000,\r\n        });\r\n        return;\r\n      }\r\n      if (!this.accountNumber) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.errors.accountNumberMissing\"),\r\n          type: \"error\",\r\n          duration: 5000,\r\n        });\r\n        return;\r\n      } else {\r\n        if (this.accountNumber.length !== 10) {\r\n          this.$toast.open({\r\n            message: this.$t(\"text.linkBankAccModal.accNoErr\"),\r\n            type: \"error\",\r\n            duration: 5000,\r\n          });\r\n          return;\r\n        }\r\n      }\r\n      if (!this.accountName) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.errors.accountNameMissing\"),\r\n          type: \"error\",\r\n          duration: 5000,\r\n        });\r\n        return;\r\n      }\r\n\r\n      let data = {\r\n        bankName: this.selectedBank.bankName,\r\n        accountNumber: this.accountNumber,\r\n        accountName: this.accountName,\r\n        bankCode: \"\",\r\n        companyId: this.companyId\r\n      };\r\n      \r\n\r\n      this.isButton_2_Disabled = true;\r\n      $(\".loader1\").show();\r\n      this.axios\r\n        .post(\r\n          `${configObject.apiBaseUrl}/Company/AddBankAccount`,\r\n          data,\r\n          configObject.authConfig()\r\n        )\r\n        .then(() => {\r\n          this.isButton_2_Disabled = false;\r\n          $(\".loader1\").hide();\r\n          this.$toast.open({\r\n            message: this.$t(\"text.bankAccounts.bankAdded\"),\r\n            type: \"success\",\r\n            duration: 5000,\r\n          });\r\n          this.accountNumber = \"\";\r\n          this.accountName = \"\";\r\n          this.closeModal();\r\n          this.$eventHub.$emit(\"refreshLinkedBankAccount\");\r\n        })\r\n        .catch((error) => {\r\n          this.$toast.open({\r\n            message: error.response.data.message,\r\n            type: \"error\",\r\n            duration: 5000,\r\n          });\r\n          this.isButton_2_Disabled = false;\r\n          $(\".loader1\").hide();\r\n        });\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.data;\r\n    //     })\r\n    //     .catch(error => {\r\n\r\n    //     });\r\n    // },\r\n    getBankList() {\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Utilities/BankList?ApplyPaging=false&companyId=${this.companyId}`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          this.bankNames = response.data.data;\r\n        })\r\n        .catch((error) => {});\r\n    },\r\n    linkBankAccount() {\r\n      let data = {\r\n        companyId: this.companyId,\r\n        code: this.code,\r\n      };\r\n      this.isButtonDisabled = true;\r\n      $(\".loader\").show();\r\n\r\n      this.axios\r\n        .post(\r\n          `${configObject.apiBaseUrl}/Company/AddLinkedBankAccount`,\r\n          data,\r\n          configObject.authConfig()\r\n        )\r\n        .then((res) => {\r\n          this.isButtonDisabled = false;\r\n          $(\".loader\").show();\r\n          this.$toast.open({\r\n            message: this.$t(\"text.linkBankAccModal.linkAccSuccess\"),\r\n            type: \"success\",\r\n            duration: 3000,\r\n          });\r\n          this.closeModal();\r\n          this.$eventHub.$emit(\"refreshLinkedBankAccount\");\r\n        })\r\n        .catch((error) => {\r\n          this.isButtonDisabled = false;\r\n          $(\".loader\").show();\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};\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!./linkBankAccount.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!./linkBankAccount.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./linkBankAccount.vue?vue&type=template&id=5192511d&\"\nimport script from \"./linkBankAccount.vue?vue&type=script&lang=js&\"\nexport * from \"./linkBankAccount.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/link.08073268.svg\";","module.exports = __webpack_public_path__ + \"img/bank-building (2).80d917a3.svg\";","module.exports = __webpack_public_path__ + \"img/bank (1).b76bd0aa.svg\";","module.exports = __webpack_public_path__ + \"img/av.ed9fe3b6.svg\";","module.exports = __webpack_public_path__ + \"img/bank-building (2) (2).3bbc0365.svg\";","module.exports = __webpack_public_path__ + \"img/cancel-button.2ca74713.svg\";"],"sourceRoot":""}