{"version":3,"sources":["webpack:///./src/pages/payees/Payees.vue?06db","webpack:///./src/pages/payees/Payees.vue","webpack:///./src/pages/payees/Payees.vue?cd7d","webpack:///./src/pages/payees/Payees.vue?9cea"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_m","attrs","_v","PAYEE_COLUMNS","payeeFavorites","scopedSlots","_u","key","fn","props","column","field","on","$event","onTransfer","row","_s","_getBankName","bank","payeeBankCode","accountInfo","accountName","accountNumber","staticRenderFns","favoritesModule","configModule","label","sortable","favoritePayees","map","fav","JSON","parse","refcode","billingcode","actions","code","name","allBanks","find","payload","payeeInfo","$modal","show","Getter","components","CustomTable","TablePagination","CustomInput","SvgIcon","AddPayeeModal","TransferFundModal","component"],"mappings":"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","file":"js/chunk-2d0db283.cda2bde3.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"p-8 lg:px-16 lg:py-10\"},[_c('div',{staticClass:\"flex flex-col lg:flex-row lg:items-center justify-between mb-8\"},[_vm._m(0),_c('div',{staticClass:\"flex items-center\"},[_c('AddPayeeModal',{staticClass:\"mr-4\"}),_c('router-link',{staticClass:\"btn btn-orange\",attrs:{\"to\":\"/fund-transfer\"}},[_vm._v(\" NEW TRANSFER \")])],1)]),_c('div',{staticClass:\"flex flex-col mt-6\"},[_c('CustomTable',{attrs:{\"columns\":_vm.PAYEE_COLUMNS,\"rows\":_vm.payeeFavorites,\"styleClass\":\"vgt-table\"},scopedSlots:_vm._u([{key:\"table-row\",fn:function(props){return [(props.column.field === 'actions')?_c('div',{staticClass:\"text-sm\"},[_c('button',{staticClass:\"text-blue hover:underline\",on:{\"click\":function($event){return _vm.onTransfer(props.row)}}},[_vm._v(\" Transfer \")])]):(props.column.field === 'bank')?_c('div',{staticClass:\"text-sm text-blue-900\"},[_vm._v(\" \"+_vm._s(_vm._getBankName(props.row.bank))+\" \")]):_c('div',{staticClass:\"text-sm text-blue-900\"},[_vm._v(\" \"+_vm._s(props.row[props.column.field])+\" \")])]}}])})],1),_c('TransferFundModal',{attrs:{\"paymentMode\":null,\"payeeBankCode\":_vm.payeeBankCode,\"accountName\":_vm.accountInfo.accountName,\"accountNumber\":_vm.accountInfo.accountNumber}})],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"mb-4 lg:mb-0\"},[_c('h2',{staticClass:\"text-3xl font-semibold text-blue-900\"},[_vm._v(\"Favorite - Payees\")])])}]\n\nexport { render, staticRenderFns }","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { Vue, Component } from \"vue-property-decorator\";\nimport { namespace } from \"vuex-class\";\n\nimport {\n  CustomTable,\n  TablePagination,\n  CustomInput,\n  SvgIcon,\n  AddPayeeModal,\n  TransferFundModal,\n} from \"@components\";\nimport { Favorite } from \"@/proto/favorites/all_pb\";\nimport { Bank } from \"@/proto/banks/all_pb\";\n\nconst favoritesModule = namespace(\"favorites\");\nconst configModule = namespace(\"config\");\n\ninterface PayeeInfo {\n  accountName: string;\n  accountNumber: string;\n  bank: string;\n  actions: string;\n}\n\ninterface AccountInfo {\n  accountName: string;\n  accountNumber: string;\n}\n\n@Component({\n  components: {\n    CustomTable,\n    TablePagination,\n    CustomInput,\n    SvgIcon,\n    AddPayeeModal,\n    TransferFundModal,\n  },\n})\nexport default class Payees extends Vue {\n  @favoritesModule.Getter(\"favoritePayees\")\n  favoritePayees!: Array<Favorite.AsObject>;\n  @configModule.Getter(\"allBanks\") allBanks!: Array<[string, Bank.AsObject]>;\n\n  // Component States\n  payeeBankCode = \"\";\n  accountInfo: AccountInfo = {\n    accountName: \"\",\n    accountNumber: \"\",\n  };\n\n  get PAYEE_COLUMNS() {\n    return [\n      {\n        field: \"accountName\",\n        label: \"Account Name\",\n        sortable: false,\n      },\n      {\n        field: \"accountNumber\",\n        label: \"Account Number\",\n        sortable: false,\n      },\n      {\n        field: \"bank\",\n        label: \"Bank / Institution\",\n        sortable: false,\n      },\n      {\n        field: \"actions\",\n        label: \"Actions\",\n        sortable: false,\n      },\n    ];\n  }\n\n  get payeeFavorites(): Array<PayeeInfo> {\n    return this.favoritePayees.map((fav) => {\n      const { accountName, accountNumber }: AccountInfo = JSON.parse(\n        fav.refcode\n      );\n\n      return {\n        accountName,\n        accountNumber,\n        bank: fav.billingcode,\n        actions: \"\",\n      };\n    });\n  }\n\n  _getBankName(code: string): string {\n    if (code === \"CLRB\") {\n      return \"Cebuana Bank\";\n    }\n\n    const name = this.allBanks.find((bank) => bank[0] === code);\n    return name ? name[1].name : \"N/A\";\n  }\n\n  onTransfer(payload: Record<any, string>) {\n    const payeeInfo: PayeeInfo = {\n      accountName: payload.accountName,\n      accountNumber: payload.accountNumber,\n      bank: payload.bank,\n      actions: \"\",\n    };\n\n    this.payeeBankCode = payeeInfo.bank;\n    this.accountInfo = {\n      accountName: payeeInfo.accountName,\n      accountNumber: payeeInfo.accountNumber,\n    };\n    this.$modal.show(\"transfer-modal\");\n  }\n}\n","import mod from \"-!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.46.0/node_modules/cache-loader/dist/cjs.js??ref--15-0!../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.46.0/node_modules/thread-loader/dist/cjs.js!../../../node_modules/.pnpm/babel-loader@8.2.3_7f185b6b63b1b293762538aa414d8c1b/node_modules/babel-loader/lib/index.js!../../../node_modules/.pnpm/ts-loader@6.2.2_typescript@3.9.10/node_modules/ts-loader/index.js??ref--15-3!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.46.0/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/.pnpm/vue-loader@15.9.8_679359cdb69c218f2f8f476b2ba08796/node_modules/vue-loader/lib/index.js??vue-loader-options!./Payees.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.46.0/node_modules/cache-loader/dist/cjs.js??ref--15-0!../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.46.0/node_modules/thread-loader/dist/cjs.js!../../../node_modules/.pnpm/babel-loader@8.2.3_7f185b6b63b1b293762538aa414d8c1b/node_modules/babel-loader/lib/index.js!../../../node_modules/.pnpm/ts-loader@6.2.2_typescript@3.9.10/node_modules/ts-loader/index.js??ref--15-3!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.46.0/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/.pnpm/vue-loader@15.9.8_679359cdb69c218f2f8f476b2ba08796/node_modules/vue-loader/lib/index.js??vue-loader-options!./Payees.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./Payees.vue?vue&type=template&id=3580dd7d&\"\nimport script from \"./Payees.vue?vue&type=script&lang=ts&\"\nexport * from \"./Payees.vue?vue&type=script&lang=ts&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/.pnpm/vue-loader@15.9.8_679359cdb69c218f2f8f476b2ba08796/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"],"sourceRoot":""}