{"version":3,"sources":["webpack:///./src/views/dashboard/admin/settings/BankRegistration.vue?1ee8","webpack:///./src/utils/userOperationsAndPrivileges.js","webpack:///./node_modules/core-js/modules/es.array.splice.js","webpack:///./node_modules/core-js/modules/es.array.map.js","webpack:///./src/views/dashboard/admin/settings/BankRegistration.vue","webpack:///./src/mixins/banks.mixins.js","webpack:///./src/views/dashboard/admin/settings/BankRegistration.vue?ee21"],"names":["user","computed","store","getters","userOperations","value","userOperationCodes","map","operation","operationCode","showSidebarMenu","requiredOperationCodes","hasOperation","index","length","requiredOperationCode","includes","showPrivilegedAction","userActionPrivilegeCodes","hasPrivilege","userOperationIndex","indexOf","userOperationPrivilegeCodes","userPrivileges","userPrivilege","privilegeCode","userActionPrivilegeCode","$","toAbsoluteIndex","toInteger","toLength","toObject","arraySpeciesCreate","createProperty","arrayMethodHasSpeciesSupport","HAS_SPECIES_SUPPORT","max","Math","min","MAX_SAFE_INTEGER","MAXIMUM_ALLOWED_LENGTH_EXCEEDED","target","proto","forced","splice","start","deleteCount","insertCount","actualDeleteCount","A","k","from","to","O","this","len","actualStart","argumentsLength","arguments","TypeError","$map","callbackfn","undefined","class","for","type","id","show","loading","onloader","sidebarActive","isSidebarActive","sidebarToggled","$event","allocationForm","submitdata","errorMsg","successMsg","bankNameval","required","bankCodeval","institutionCodeVal","allocationTable","icon","searchText","placeholder","aria-describedby","resultQuery","item","key","bankName","bankCode","institutionCode","edititem","bankId","methods","GetAllBanks","$store","commit","dispatch","then","resp","sortData","data","sort","a","b","localeCompare","bankItems","ResponseCode","ResponseMessage","responseMessage","catch","mounted","name","mixins","components","NModal","Sidebar","MainFooter","AdminSidebar","Navbar","UserAllocation","PageSpinner","Alert","bankIdval","IsModified","responseCode","UpdateBank","createBank","BankName","BankCode","InstitutionCode","userData","setTimeout","BankId","filter","toLowerCase","split","every","v","setup","isToggled","__exports__","render"],"mappings":"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","file":"js/chunk-3e1d9054.6c7134b4.js","sourcesContent":["export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--0-1!./BankRegistration.vue?vue&type=style&index=0&id=461557e9&lang=scss&scoped=true\"","import store from '@/store/index'\r\nimport { computed } from 'vue'\r\n\r\nconst user = computed(() => store.getters['users/_user'])\r\n\r\nconst userOperations = user.value?.userOperations\r\n\r\nconst userOperationCodes = userOperations?.map(operation => operation?.operationCode)\r\n\r\nexport const showSidebarMenu = requiredOperationCodes => {\r\n  if (!requiredOperationCodes) return\r\n  // -------------------------------\r\n\r\n  let hasOperation = false\r\n\r\n  // check if user can see an operation/menu\r\n  for (let index = 0; index < requiredOperationCodes?.length; index++) {\r\n    const requiredOperationCode = requiredOperationCodes[index]\r\n\r\n    if (userOperationCodes.includes(requiredOperationCode)) {\r\n      hasOperation = true // user can see an operation/menu\r\n\r\n      break\r\n    }\r\n  }\r\n\r\n  return hasOperation\r\n}\r\n\r\nexport const showPrivilegedAction = (requiredOperationCodes, userActionPrivilegeCodes) => {\r\n  if (!requiredOperationCodes) return\r\n  // -------------------------------\r\n\r\n  let hasPrivilege = false\r\n\r\n  // check if user can see an operation/menu\r\n  for (let index = 0; index < requiredOperationCodes?.length; index++) {\r\n    const requiredOperationCode = requiredOperationCodes[index]\r\n\r\n    if (userOperationCodes.includes(requiredOperationCode)) {\r\n      const userOperationIndex = userOperationCodes?.indexOf(requiredOperationCode)\r\n\r\n      // user privilege codes in an operation\r\n      const userOperationPrivilegeCodes = userOperations[userOperationIndex]?.userPrivileges?.map(userPrivilege => userPrivilege?.privilegeCode)\r\n\r\n      // check if user the privilege\r\n      for (let index = 0; index < userActionPrivilegeCodes?.length; index++) {\r\n        const userActionPrivilegeCode = userActionPrivilegeCodes[index]\r\n\r\n        if (userOperationPrivilegeCodes.includes(userActionPrivilegeCode)) {\r\n          hasPrivilege = true // user has privilege to perform action\r\n\r\n          break\r\n        }\r\n      }\r\n\r\n      break\r\n    }\r\n  }\r\n\r\n  return hasPrivilege\r\n}\r\n","'use strict';\nvar $ = require('../internals/export');\nvar toAbsoluteIndex = require('../internals/to-absolute-index');\nvar toInteger = require('../internals/to-integer');\nvar toLength = require('../internals/to-length');\nvar toObject = require('../internals/to-object');\nvar arraySpeciesCreate = require('../internals/array-species-create');\nvar createProperty = require('../internals/create-property');\nvar arrayMethodHasSpeciesSupport = require('../internals/array-method-has-species-support');\n\nvar HAS_SPECIES_SUPPORT = arrayMethodHasSpeciesSupport('splice');\n\nvar max = Math.max;\nvar min = Math.min;\nvar MAX_SAFE_INTEGER = 0x1FFFFFFFFFFFFF;\nvar MAXIMUM_ALLOWED_LENGTH_EXCEEDED = 'Maximum allowed length exceeded';\n\n// `Array.prototype.splice` method\n// https://tc39.es/ecma262/#sec-array.prototype.splice\n// with adding support of @@species\n$({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT }, {\n  splice: function splice(start, deleteCount /* , ...items */) {\n    var O = toObject(this);\n    var len = toLength(O.length);\n    var actualStart = toAbsoluteIndex(start, len);\n    var argumentsLength = arguments.length;\n    var insertCount, actualDeleteCount, A, k, from, to;\n    if (argumentsLength === 0) {\n      insertCount = actualDeleteCount = 0;\n    } else if (argumentsLength === 1) {\n      insertCount = 0;\n      actualDeleteCount = len - actualStart;\n    } else {\n      insertCount = argumentsLength - 2;\n      actualDeleteCount = min(max(toInteger(deleteCount), 0), len - actualStart);\n    }\n    if (len + insertCount - actualDeleteCount > MAX_SAFE_INTEGER) {\n      throw TypeError(MAXIMUM_ALLOWED_LENGTH_EXCEEDED);\n    }\n    A = arraySpeciesCreate(O, actualDeleteCount);\n    for (k = 0; k < actualDeleteCount; k++) {\n      from = actualStart + k;\n      if (from in O) createProperty(A, k, O[from]);\n    }\n    A.length = actualDeleteCount;\n    if (insertCount < actualDeleteCount) {\n      for (k = actualStart; k < len - actualDeleteCount; k++) {\n        from = k + actualDeleteCount;\n        to = k + insertCount;\n        if (from in O) O[to] = O[from];\n        else delete O[to];\n      }\n      for (k = len; k > len - actualDeleteCount + insertCount; k--) delete O[k - 1];\n    } else if (insertCount > actualDeleteCount) {\n      for (k = len - actualDeleteCount; k > actualStart; k--) {\n        from = k + actualDeleteCount - 1;\n        to = k + insertCount - 1;\n        if (from in O) O[to] = O[from];\n        else delete O[to];\n      }\n    }\n    for (k = 0; k < insertCount; k++) {\n      O[k + actualStart] = arguments[k + 2];\n    }\n    O.length = len - actualDeleteCount + insertCount;\n    return A;\n  }\n});\n","'use strict';\nvar $ = require('../internals/export');\nvar $map = require('../internals/array-iteration').map;\nvar arrayMethodHasSpeciesSupport = require('../internals/array-method-has-species-support');\n\nvar HAS_SPECIES_SUPPORT = arrayMethodHasSpeciesSupport('map');\n\n// `Array.prototype.map` method\n// https://tc39.es/ecma262/#sec-array.prototype.map\n// with adding support of @@species\n$({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT }, {\n  map: function map(callbackfn /* , thisArg */) {\n    return $map(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);\n  }\n});\n","<template>\r\n  <div class=\"xpress-page-content xpress-user-admin-approval\">\r\n    <n-modal v-model:show=\"loading\">\r\n      <PageSpinner :onloader=\"'flex'\" />\r\n    </n-modal>\r\n    <!-- sidebar -->\r\n    <sidebar :sidebarActive=\"isSidebarActive\">\r\n      <!-- slot for user sidebar navigation links -->\r\n      <admin-sidebar />\r\n      <!----------------------------------- -->\r\n    </sidebar>\r\n\r\n    <section>\r\n      <!-- navbar -->\r\n      <navbar @sidebarToggled=\"sidebarToggled($event)\" />\r\n      <!-- tab/buttons and search section -->\r\n\r\n      <!------------------------------------>\r\n      <main>\r\n        <section class=\"xpress-inhouse-content-section\">\r\n          <!-- user allocation component -->\r\n          <user-allocation>\r\n            <!-- user department form -->\r\n            <template #allocationForm>\r\n              <form\r\n                class=\"xpress-company-reg-form\"\r\n                @submit.prevent=\"submitdata\"\r\n              >\r\n                <Alert :errorMsg=\"errorMsg\" :successMsg=\"successMsg\" />\r\n                <div class=\"card\">\r\n                  <div class=\"card-header\">\r\n                    <h6 class=\"card-title fw-bolder mt-2\">REGISTRATION</h6>\r\n                  </div>\r\n                  <div class=\"card-body\">\r\n                    <section class=\"xpress-company-data\">\r\n                      <div class=\"xpress-form-group-row\">\r\n                        <div class=\"xpress-form-group\">\r\n                          <label for=\"department\">Bank Name</label>\r\n                          <input\r\n                            v-model=\"bankNameval\"\r\n                            class=\"form-control\"\r\n                            required\r\n                          />\r\n                        </div>\r\n                        <div class=\"xpress-form-group\" v-if=\"bankNameval\">\r\n                          <label for=\"department\">Bank Code</label>\r\n                          <!-- <input\r\n                            v-model=\"bankCodeval\"\r\n                            class=\"form-control\"\r\n                            type=\"number\"\r\n                            min=\"1\"\r\n                            required\r\n                            :disabled=\"IsModified\"\r\n                          /> -->\r\n                          <input\r\n                            v-model=\"bankCodeval\"\r\n                            class=\"form-control\"\r\n                            type=\"number\"\r\n                            min=\"1\"\r\n                            required\r\n                          />\r\n                        </div>\r\n                        <div class=\"xpress-form-group\" v-if=\"bankCodeval\">\r\n                          <label for=\"department\">Institution Code</label>\r\n                          <!-- <input\r\n                            v-model=\"institutionCodeVal\"\r\n                            class=\"form-control\"\r\n                            type=\"number\"\r\n                            min=\"1\"\r\n                            required\r\n                            :disabled=\"IsModified\"\r\n                          /> -->\r\n                          <input\r\n                            v-model=\"institutionCodeVal\"\r\n                            class=\"form-control\"\r\n                            type=\"number\"\r\n                            min=\"1\"\r\n                            required\r\n                          />\r\n                        </div>\r\n                      </div>\r\n                      <!-- pagination buttons -->\r\n                      <div class=\"text-center card-footer\" v-if=\"institutionCodeVal\">\r\n                        <hr />\r\n                        <button type=\"submit\" class=\"btn btn-success\">\r\n                          Submit\r\n                        </button>\r\n                      </div>\r\n                    </section>\r\n                  </div>\r\n                </div>\r\n                <!-- company data -->\r\n              </form>\r\n            </template>\r\n\r\n            <!-- allocation table -->\r\n            <template #allocationTable>\r\n              <!-- bank listt table -->\r\n              <section class=\"pb-2\">\r\n                <div class=\"input-group\">\r\n                  <span class=\"input-group-text\" id=\"search-addon\">\r\n                    <span class=\"icon\">\r\n                      <icon icon=\"flat-color-icons:search\" />\r\n                    </span>\r\n                  </span>\r\n                  <input\r\n                    type=\"text\"\r\n                    v-model=\"searchText\"\r\n                    class=\"form-control\"\r\n                    placeholder=\"Search here...\"\r\n                    aria-describedby=\"search-addon\"\r\n                  />\r\n                </div>\r\n              </section>\r\n              <div class=\"table-responsive\">\r\n                <table class=\" table table-bordered table-hover\">\r\n                  <thead class=\"small\">\r\n                    <tr>\r\n                      <th class=\"table-sn\">S/N</th>\r\n                      <th>Bank Name</th>\r\n                      <th>Bank Code</th>\r\n                      <th>Institution Code</th>\r\n                      <th class=\"table-btn-box\">Actions</th>\r\n                    </tr>\r\n                  </thead>\r\n                  <tbody class=\"small\">\r\n                    <tr v-for=\"(item, index) in resultQuery\" :key=\"index\">\r\n                      <td class=\"table-sn\">{{ index + 1 }}</td>\r\n                      <td>{{ item.bankName }}</td>\r\n                      <td>{{ item.bankCode }}</td>\r\n                      <td>{{ item.institutionCode }}</td>\r\n                      <td class=\"table-action\">\r\n                        <div>\r\n                          <button\r\n                            class=\"btn btn-secondary btn-sm mx-2 my-1\"\r\n                            @click=\"edititem(item.bankId)\"\r\n                          >\r\n                            <icon icon=\"ant-design:edit-outlined\" />\r\n                          </button>\r\n                        </div>\r\n                      </td>\r\n                    </tr>\r\n                  </tbody>\r\n                </table>\r\n              </div>\r\n            </template>\r\n          </user-allocation>\r\n        </section>\r\n      </main>\r\n      <!-- ------ -->\r\n      <MainFooter />\r\n    </section>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { provide, ref } from '@vue/runtime-core'\r\nimport { NModal } from 'naive-ui'\r\nimport { mapGetters } from 'vuex'\r\n\r\nimport Sidebar from '@/components/sidebar.vue'\r\nimport MainFooter from '@/components/mainFooter.vue'\r\nimport AdminSidebar from '@/components/sidebar/adminSidebar.vue'\r\nimport Navbar from '@/components/navbar.vue'\r\nimport UserAllocation from '@/components/userAllocation.vue'\r\nimport PageSpinner from '@/components/PageSpinner'\r\nimport Alert from '@/components/Alert'\r\nimport bankMixin from '@/mixins/banks.mixins'\r\n\r\nexport default {\r\n  name: 'Banks',\r\n  mixins: [bankMixin],\r\n  components: {\r\n    NModal,\r\n    Sidebar,\r\n    MainFooter,\r\n    AdminSidebar,\r\n    Navbar,\r\n    UserAllocation,\r\n    PageSpinner,\r\n    Alert\r\n  },\r\n  data () {\r\n    return {\r\n      bankIdval: 1,\r\n      bankNameval: '',\r\n      bankCodeval: '',\r\n      institutionCodeVal: '',\r\n      searchText: '',\r\n      bankItems: null,\r\n      IsModified: false,\r\n      errorMsg: '',\r\n      successMsg: ''\r\n    }\r\n  },\r\n  methods: {\r\n    async edititem (bankId) {\r\n      this.$store.commit('LOADING', true)\r\n      await this.$store\r\n        .dispatch('bank/GetByIdBank', bankId)\r\n        .then(resp => {\r\n          if ([0, '0', '00'].includes(resp?.responseCode)) {\r\n            this.bankIdval = bankId\r\n            this.bankNameval = resp.data?.bankName\r\n            this.bankCodeval = resp.data?.bankCode\r\n            this.institutionCodeVal = resp.data?.institutionCode\r\n            this.IsModified = true\r\n          }\r\n          this.$store.commit('LOADING', false)\r\n        })\r\n        .catch(() => {\r\n          this.$store.commit('LOADING', false)\r\n          // this.$store.dispatch('logout')\r\n        })\r\n    },\r\n    submitdata () {\r\n      this.errorMsg = ''\r\n      this.successMsg = ''\r\n      if (this.IsModified) {\r\n        this.UpdateBank()\r\n      } else {\r\n        this.createBank()\r\n      }\r\n    },\r\n    async createBank () {\r\n      if (this.bankNameval && this.bankCodeval) {\r\n        const BankName = this.bankNameval\r\n        const BankCode = this.bankCodeval\r\n        const InstitutionCode = this.institutionCodeVal\r\n\r\n        const userData = {\r\n          BankName,\r\n          BankCode,\r\n          InstitutionCode\r\n        }\r\n        this.$store.commit('LOADING', true)\r\n        await this.$store\r\n          .dispatch('bank/CreateBank', userData)\r\n          .then(resp => {\r\n            if ([0, '0', '00'].includes(resp?.responseCode)) {\r\n              this.successMsg = resp.responseMessage\r\n              this.GetAllBanks()\r\n              // reset data\r\n              this.bankNameval = ''\r\n              this.bankCodeval = ''\r\n              this.institutionCodeVal = ''\r\n              this.IsModified = false\r\n\r\n              // clear alert message\r\n              setTimeout(() => {\r\n                this.successMsg = ''\r\n              }, 2000)\r\n            } else {\r\n              this.errorMsg = resp.responseMessage\r\n              setTimeout(() => {\r\n                this.errorMsg = ''\r\n              }, 2000)\r\n            }\r\n            this.$store.commit('LOADING', false)\r\n          })\r\n          .catch(() => {\r\n            this.$store.commit('LOADING', false)\r\n            this.errorMsg =\r\n              'Unable to access service. Please try again or contact support.'\r\n            // clear alert message\r\n            setTimeout(() => {\r\n              this.errorMsg = ''\r\n            }, 2000)\r\n          })\r\n      } else {\r\n        let errorMsg = ''\r\n        if (this.bankNameval !== '') {\r\n          errorMsg = 'Bank Name Field is empty | '\r\n        }\r\n        if (this.bankCodeval !== '') {\r\n          errorMsg = 'Bank Code Field is empty | '\r\n        }\r\n        this.responseMessage = errorMsg\r\n      }\r\n    },\r\n    async UpdateBank () {\r\n      if (this.bankNameval && this.bankCodeval) {\r\n        const BankId = this.bankIdval\r\n        const BankName = this.bankNameval\r\n        const BankCode = this.bankCodeval\r\n        const InstitutionCode = this.institutionCodeVal\r\n\r\n        const userData = {\r\n          BankId,\r\n          BankName,\r\n          BankCode,\r\n          InstitutionCode\r\n        }\r\n        this.$store.commit('LOADING', true)\r\n        await this.$store\r\n          .dispatch('bank/UpdateBank', userData)\r\n          .then(resp => {\r\n            if ([0, '0', '00'].includes(resp?.responseCode)) {\r\n              this.successMsg = resp.responseMessage\r\n              this.GetAllBanks()\r\n              // reset data\r\n              this.bankNameval = ''\r\n              this.bankCodeval = ''\r\n              this.institutionCodeVal = ''\r\n              this.IsModified = false\r\n\r\n              // clear alert message\r\n              setTimeout(() => {\r\n                this.successMsg = ''\r\n              }, 2000)\r\n            } else {\r\n              this.errorMsg = resp.responseMessage\r\n              setTimeout(() => {\r\n                this.errorMsg = ''\r\n              }, 2000)\r\n            }\r\n            this.$store.commit('LOADING', false)\r\n          })\r\n          .catch(() => {\r\n            this.$store.commit('LOADING', false)\r\n            this.errorMsg =\r\n              'Unable to access service. Please try again or contact support.'\r\n            // clear alert message\r\n            setTimeout(() => {\r\n              this.errorMsg = ''\r\n            }, 2000)\r\n          })\r\n      } else {\r\n        let errorMsg = ''\r\n        if (this.bankNameval !== '') {\r\n          errorMsg = 'Bank Name Field is empty | '\r\n        }\r\n        if (this.bankCodeval !== '') {\r\n          errorMsg = 'Bank Code Field is empty | '\r\n        }\r\n        if (this.institutionCodeVal !== '') {\r\n          errorMsg = 'Bank Code Field is empty | '\r\n        }\r\n        this.responseMessage = errorMsg\r\n      }\r\n    }\r\n  },\r\n  computed: {\r\n    ...mapGetters({\r\n      loading: '_globalLoading'\r\n    }),\r\n    resultQuery () {\r\n      return this.bankItems?.filter(item => {\r\n        return this.searchText\r\n          .toLowerCase()\r\n          .split(' ')\r\n          .every(\r\n            v =>\r\n              item.bankName.toLowerCase().includes(v) ||\r\n              item.bankCode.toLowerCase().includes(v) ||\r\n              item.institutionCode.toLowerCase().includes(v)\r\n          )\r\n      })\r\n    }\r\n  },\r\n  setup () {\r\n    provide('page-title', 'BANK REGISTRATION')\r\n    provide('searchbar-placeholder', 'Search')\r\n\r\n    const isSidebarActive = ref('')\r\n\r\n    const sidebarToggled = isToggled => {\r\n      isSidebarActive.value = isToggled\r\n    }\r\n    return {\r\n      isSidebarActive,\r\n      sidebarToggled,\r\n      UserAllocation\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\ndiv.xpress-page-content {\r\n  display: grid;\r\n  grid-template: auto / 240px auto;\r\n  position: relative;\r\n  overflow-x: hidden;\r\n\r\n  &.xpress-user-admin-approval {\r\n    // height: 100%;\r\n    background-color: #fafafa;\r\n  }\r\n\r\n  // ALL PAGES CONTENT\r\n  & > section {\r\n    // border: 1px solid red;\r\n    grid-area: 1 / 2 / 2 / 3;\r\n\r\n    & > main {\r\n      width: 100%;\r\n      padding: 0 40px 50px;\r\n\r\n      // In-house content section\r\n      & > section.xpress-inhouse-content-section {\r\n        width: 100%;\r\n        min-height: 80vh;\r\n        display: flex;\r\n        flex-flow: column;\r\n        // align-items: center;\r\n        row-gap: 116px;\r\n        padding-top: 32px;\r\n        padding-bottom: 48px;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// MEDIA QUERY\r\n\r\n// XX-SM (<251px)\r\n@media (max-width: 250.9px) {\r\n  div.xpress-page-content {\r\n    width: 100%;\r\n    height: auto;\r\n    display: block;\r\n\r\n    & > section {\r\n      & > main {\r\n        width: 100%;\r\n        padding: 0 2% 50px;\r\n\r\n        // transaction card section\r\n        & > section.xpress-transaction-card-section {\r\n          width: 100%;\r\n          padding-top: 40px;\r\n          padding-bottom: 50px;\r\n\r\n          // transaction cards row\r\n          & > div.transaction-card-row {\r\n            flex-flow: column;\r\n            justify-content: center;\r\n            column-gap: 0;\r\n            row-gap: 30px;\r\n          }\r\n        }\r\n\r\n        // transaction chart section\r\n        & > section.xpress-transaction-chart-section {\r\n          width: 100%;\r\n\r\n          // transaction chart content\r\n          & > div.chart-content {\r\n            width: 100%;\r\n            height: auto;\r\n            border-color: transparent;\r\n            border-radius: 0px;\r\n            padding: 10px 0 0;\r\n            background: #ffffff;\r\n\r\n            // bar chart\r\n            & > figure {\r\n              width: 100%;\r\n              height: auto;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n// XX-SM\r\n@media (min-width: 251px) and (max-width: 350.9px) {\r\n  div.xpress-page-content {\r\n    width: 100%;\r\n    height: auto;\r\n    display: block;\r\n\r\n    & > section {\r\n      & > main {\r\n        width: 100%;\r\n        padding: 0 2% 50px;\r\n\r\n        // transaction card section\r\n        & > section.xpress-transaction-card-section {\r\n          width: 100%;\r\n          padding-top: 40px;\r\n          padding-bottom: 50px;\r\n\r\n          // transaction cards row\r\n          & > div.transaction-card-row {\r\n            flex-flow: column;\r\n            justify-content: center;\r\n            column-gap: 0;\r\n            row-gap: 30px;\r\n          }\r\n        }\r\n\r\n        // transaction chart section\r\n        & > section.xpress-transaction-chart-section {\r\n          width: 100%;\r\n\r\n          // transaction chart content\r\n          & > div.chart-content {\r\n            width: 100%;\r\n            height: auto;\r\n            border-color: transparent;\r\n            border-radius: 0px;\r\n            padding: 10px 0 0;\r\n            background: #ffffff;\r\n\r\n            // bar chart\r\n            & > figure {\r\n              width: 100%;\r\n              height: auto;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n// X-SM\r\n@media (min-width: 351px) and (max-width: 575.9px) {\r\n  div.xpress-page-content {\r\n    width: 100%;\r\n    height: auto;\r\n    display: block;\r\n\r\n    & > section {\r\n      & > main {\r\n        width: 100%;\r\n        padding: 0 2% 50px;\r\n\r\n        // transaction card section\r\n        & > section.xpress-transaction-card-section {\r\n          width: 100%;\r\n          padding-top: 40px;\r\n          padding-bottom: 50px;\r\n\r\n          // transaction cards row\r\n          & > div.transaction-card-row {\r\n            flex-flow: column;\r\n            justify-content: center;\r\n            column-gap: 0;\r\n            row-gap: 30px;\r\n          }\r\n        }\r\n\r\n        // transaction chart section\r\n        & > section.xpress-transaction-chart-section {\r\n          width: 100%;\r\n\r\n          // transaction chart content\r\n          & > div.chart-content {\r\n            width: 100%;\r\n            height: auto;\r\n            border-color: transparent;\r\n            border-radius: 0px;\r\n            padding: 10px 0 0;\r\n            background: #ffffff;\r\n\r\n            // bar chart\r\n            & > figure {\r\n              width: 100%;\r\n              height: auto;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n// SM\r\n@media (min-width: 576px) and (max-width: 767.9px) {\r\n  div.xpress-page-content {\r\n    width: 100%;\r\n    height: auto;\r\n    display: block;\r\n\r\n    & > section {\r\n      & > main {\r\n        width: 100%;\r\n        padding: 0 2% 50px;\r\n\r\n        // transaction card section\r\n        & > section.xpress-transaction-card-section {\r\n          width: 100%;\r\n          padding-top: 40px;\r\n          padding-bottom: 50px;\r\n\r\n          // transaction cards row\r\n          & > div.transaction-card-row {\r\n            flex-direction: row;\r\n            justify-content: space-around;\r\n            column-gap: 0px;\r\n            row-gap: 30px;\r\n          }\r\n        }\r\n\r\n        // transaction chart section\r\n        & > section.xpress-transaction-chart-section {\r\n          width: 100%;\r\n\r\n          // transaction chart content\r\n          & > div.chart-content {\r\n            width: 100%;\r\n            height: auto;\r\n            border-color: transparent;\r\n            border-radius: 0px;\r\n            padding: 10px 0 0;\r\n            background: #ffffff;\r\n\r\n            // bar chart\r\n            & > figure {\r\n              width: 100%;\r\n              height: auto;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n// MD\r\n@media (min-width: 768px) and (max-width: 991.9px) {\r\n  div.xpress-page-content {\r\n    width: 100%;\r\n    height: auto;\r\n    display: block;\r\n\r\n    & > section {\r\n      & > main {\r\n        width: 100%;\r\n        padding: 0 2% 50px;\r\n\r\n        // transaction card section\r\n        & > section.xpress-transaction-card-section {\r\n          width: 100%;\r\n          padding-top: 40px;\r\n          padding-bottom: 50px;\r\n\r\n          // transaction cards row\r\n          & > div.transaction-card-row {\r\n            flex-direction: row;\r\n            flex-wrap: nowrap;\r\n            justify-content: space-between;\r\n            column-gap: 10px;\r\n            row-gap: 30px;\r\n          }\r\n        }\r\n\r\n        // transaction chart section\r\n        & > section.xpress-transaction-chart-section {\r\n          width: 100%;\r\n\r\n          // transaction chart content\r\n          & > div.chart-content {\r\n            width: 100%;\r\n            height: auto;\r\n            border-color: transparent;\r\n            border-radius: 0px;\r\n            padding: 10px 0 0;\r\n            background: #ffffff;\r\n\r\n            // bar chart\r\n            & > figure {\r\n              width: 100%;\r\n              height: auto;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n// LG\r\n@media (min-width: 992px) and (max-width: 1200.9px) {\r\n  div.xpress-page-content {\r\n    // width: 100%;\r\n    height: auto;\r\n    // display: block;\r\n\r\n    & > section {\r\n      & > main {\r\n        width: 100%;\r\n        // padding: 0 2% 50px;\r\n\r\n        // transaction card section\r\n        & > section.xpress-transaction-card-section {\r\n          width: 100%;\r\n          padding-top: 40px;\r\n          padding-bottom: 50px;\r\n\r\n          // transaction cards row\r\n          & > div.transaction-card-row {\r\n            flex-flow: row wrap;\r\n            // justify-content: space-around;\r\n            column-gap: 50px;\r\n            row-gap: 30px;\r\n          }\r\n        }\r\n\r\n        // transaction chart section\r\n        & > section.xpress-transaction-chart-section {\r\n          width: 100%;\r\n\r\n          // transaction chart content\r\n          & > div.chart-content {\r\n            width: 100%;\r\n            height: auto;\r\n            // border-color: transparent;\r\n            // border-radius: 0px;\r\n            padding: 10px 0 0;\r\n            background: #ffffff;\r\n\r\n            // bar chart\r\n            & > figure {\r\n              width: 100%;\r\n              height: auto;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n","export default {\r\n  methods: {\r\n    GetAllBanks () {\r\n      this.$store.commit('LOADING', true)\r\n\r\n      this.$store\r\n        .dispatch('bank/GetAllBanks')\r\n        .then(resp => {\r\n          const sortData = resp.data?.sort((a, b) => a.bankName.localeCompare(b.bankName))\r\n          this.bankItems = sortData\r\n\r\n          if (resp.ResponseCode !== '0') {\r\n            this.ResponseMessage = resp.responseMessage\r\n          }\r\n\r\n          this.$store.commit('LOADING', false)\r\n        })\r\n        .catch(() => {\r\n          this.ResponseMessage =\r\n            'Something went wrong. Please try again.'\r\n\r\n          this.$store.commit('LOADING', false)\r\n        })\r\n    }\r\n  },\r\n  mounted () {\r\n    this.GetAllBanks()\r\n  }\r\n}\r\n","import { render } from \"./BankRegistration.vue?vue&type=template&id=461557e9&scoped=true\"\nimport script from \"./BankRegistration.vue?vue&type=script&lang=js\"\nexport * from \"./BankRegistration.vue?vue&type=script&lang=js\"\n\nimport \"./BankRegistration.vue?vue&type=style&index=0&id=461557e9&lang=scss&scoped=true\"\n\nimport exportComponent from \"C:\\\\Users\\\\augustine.ibe\\\\Desktop\\\\AustinXP\\\\payout-fe\\\\node_modules\\\\@vue\\\\cli-service\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-461557e9\"]])\n\nexport default __exports__"],"sourceRoot":""}