{"version":3,"file":"js/accountList.chunk.js?id=5ab7d3f122faaaffe457","mappings":"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","sources":["webpack://company-webapp/./src/views/Account/AccountList.vue","webpack://company-webapp/./src/components/project/ui/EmdSearchFilter.vue","webpack://company-webapp/src/components/project/ui/EmdSearchFilter.vue","webpack://company-webapp/./src/components/project/ui/EmdSearchFilter.vue?dcb6","webpack://company-webapp/./src/components/project/ui/EmdSearchFilter.vue?658b","webpack://company-webapp/src/views/Account/AccountList.vue","webpack://company-webapp/./src/views/Account/AccountList.vue?b724","webpack://company-webapp/./src/views/Account/AccountList.vue?28fa"],"sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"el-section\"},[_c('div',{staticClass:\"emd-container _highlight_header _footer_spaced_sm\"},[_c('div',{staticClass:\"emd-container__header\"},[(_vm.searchOn)?_c('div',{staticClass:\"eu-grow_1 eu-display_flex\"},[_c('emd-search-filter',{ref:\"search\",attrs:{\"clearable\":\"\",\"action\":_vm.accountsAction,\"placeholder\":_vm.$t('account.list.searchPlaceholder')}}),_c('div',{staticClass:\"eu-mx_2 eu-align-self_center\"},[_c('button',{staticClass:\"emd-btn _type_text _color_primary _size_small\",on:{\"click\":_vm.toggleSearch}},[_vm._v(\" \"+_vm._s(_vm.$t('account.list.cancel'))+\" \")])])],1):_c('div',[_c('h2',{staticClass:\"emd-text _size_section eu-display_inline-block\"},[_vm._v(\" \"+_vm._s(_vm.$t(`account.list.title.${_vm.accountType}`))+\" \")]),_c('button',{staticClass:\"emd-btn _type_text eu-ml_2\",on:{\"click\":_vm.toggleSearch}},[_c('i',{staticClass:\"uil uil-search\",attrs:{\"fixed-width\":\"\"}})])]),(_vm.showBtnCreateAccount)?_c('button',{staticClass:\"emd-btn _color_primary _size_small eu-shrink_0\",on:{\"click\":_vm.goToCreate}},[_c('i',{staticClass:\"uil uil-plus\"}),_vm._v(\" \"+_vm._s(_vm.$t('account.list.createAccount'))+\" \")]):_vm._e()]),_c('div',{staticClass:\"emd-container__content eu-no-padding\"},[_c('emd-table',{attrs:{\"headers\":_vm.tableHeaders,\"data\":_vm.accounts}},_vm._l((_vm.accounts.items),function(account){return _c('tr',{key:account.id},[_c('td',{attrs:{\"data-label\":_vm.$t('account.list.table.account')}},[_c('a',{staticClass:\"emd-link\",attrs:{\"href\":_vm.urlDash(account.id),\"title\":_vm.$t('account.list.table.linkToDash')},on:{\"click\":function($event){return _vm.sendAmplitudeEvent(account)}}},[_vm._v(\" \"+_vm._s(account.name)+\" \")])]),_c('td',{attrs:{\"data-label\":_vm.$t('account.list.table.id')}},[_vm._v(\" \"+_vm._s(account.id)+\" \")]),_c('td',{attrs:{\"data-label\":_vm.$t('account.list.table.status')}},[_c('span',{staticClass:\"emd-badge\",class:_vm.badgeStatus(account).modifier},[_vm._v(_vm._s(_vm.badgeStatus(account).label))])]),_c('td',{staticClass:\"eu-align_right\"},[_c('a',{staticClass:\"emd-btn-ghost\",attrs:{\"href\":_vm.urlDash(account.id),\"title\":_vm.$t('account.list.table.linkToDash')},on:{\"click\":function($event){return _vm.sendAmplitudeEvent(account)}}},[_c('i',{staticClass:\"uil uil-external-link-alt\",attrs:{\"fixed-width\":\"\"}})])])])}),0)],1),_c('div',{staticClass:\"emd-container__footer\"},[(_vm.accounts)?_c('emd-pagination',{attrs:{\"data\":_vm.accounts,\"action\":_vm.accountsAction}}):_vm._e()],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"emd-input-group _wrapped\"},[_c('i',{staticClass:\"uil uil-search\"}),_c('input',_vm._g({directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.identifier),expression:\"identifier\"}],ref:\"inputSearch\",staticClass:\"emd-input _size_small\",attrs:{\"type\":\"text\",\"placeholder\":_vm.placeholder},domProps:{\"value\":(_vm.identifier)},on:{\"input\":[function($event){if($event.target.composing)return;_vm.identifier=$event.target.value},function($event){return _vm.searchTerm(_vm.identifier)}]}},_vm.listeners)),(_vm.clearable && _vm.identifier)?_c('a',{staticClass:\"emd-input-icon__link emd-text\",on:{\"click\":function($event){$event.preventDefault();return _vm.reset.apply(null, arguments)}}},[_c('i',{staticClass:\"uil uil-times-circle\"})]):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"emd-input-group _wrapped\">\n    <i class=\"uil uil-search\"></i>\n    <input\n      ref=\"inputSearch\"\n      type=\"text\"\n      class=\"emd-input _size_small\"\n      :placeholder=\"placeholder\"\n      v-model=\"identifier\"\n      v-on=\"listeners\"\n      @input=\"searchTerm(identifier)\"\n    />\n    <a\n      v-if=\"clearable && identifier\"\n      class=\"emd-input-icon__link emd-text\"\n      @click.prevent=\"reset\"\n    >\n      <i class=\"uil uil-times-circle\"></i>\n    </a>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'EmdSearchFilter',\n  data () {\n    return {\n      identifier: this.$route.query.identifier\n        ? this.revertSpecialChar(this.$route.query.identifier)\n        : '',\n      debounceTimer: undefined\n    }\n  },\n  props: {\n    action: {\n      type: Object,\n      required: true,\n      validator (value) {\n        return value.hasOwnProperty('name') && value.hasOwnProperty('param') // eslint-disable-line\n      }\n    },\n    placeholder: {\n      type: String,\n      required: false\n    },\n    clearable: {\n      type: Boolean,\n      required: false\n    }\n  },\n  computed: {\n    listeners () {\n      const { ...listeners } = this.$listeners\n      return listeners\n    }\n  },\n  methods: {\n    refreshQueryUrl (query) {\n      if (query.identifier === '') delete query.identifier\n      this.$router.replace({ query: query }).catch(err => err)\n    },\n    searchTerm (term, delay = 750) {\n      const queryString = this.action.param.query\n        ? { ...this.action.param.query, ...this.$route.query }\n        : { ...this.$route.query }\n      queryString.identifier = term\n      queryString.page = 1\n\n      const params = { ...this.action.param, query: queryString }\n      clearTimeout(this.debounceTimer)\n      this.debounceTimer = setTimeout(() => {\n        this.$store.dispatch(this.action.name, params)\n        this.refreshQueryUrl(queryString)\n      }, delay)\n    },\n    reset () {\n      this.identifier = ''\n      this.searchTerm(this.identifier, 0) // debouncer delay = 0\n      this.$refs.inputSearch.focus()\n    },\n    revertSpecialChar (value) {\n      return value\n        .replace('%21', '!')\n        .replace('%22', '\"')\n        .replace('%23', '#')\n        .replace('%24', '$')\n        .replace('%26', '&')\n        .replace('%27', \"'\")\n        .replace('%28', '(')\n        .replace('%29', ')')\n        .replace('%2A', '*')\n        .replace('%2B', '+')\n        .replace('%2C', ',')\n        .replace('%2D', '-')\n        .replace('%2E', '.')\n        .replace('%2F', '/')\n        .replace('%3A', ':')\n        .replace('%3B', ';')\n        .replace('%3C', '<')\n        .replace('%3D', '=')\n        .replace('%3E', '>')\n        .replace('%3F', '?')\n        .replace('%40', '@')\n    }\n  },\n  mounted () {\n    this.$refs.inputSearch.focus()\n  }\n}\n</script>\n","import mod from \"-!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EmdSearchFilter.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EmdSearchFilter.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./EmdSearchFilter.vue?vue&type=template&id=7fbec1e5\"\nimport script from \"./EmdSearchFilter.vue?vue&type=script&lang=js\"\nexport * from \"./EmdSearchFilter.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>\n  <!-- templates-co-partial-modal-create-acc -->\n  <div class=\"el-section\">\n    <div class=\"emd-container _highlight_header _footer_spaced_sm\">\n      <div class=\"emd-container__header\">\n        <!-- SEARCH COMPONENT -->\n        <div\n          v-if=\"searchOn\"\n          class=\"eu-grow_1 eu-display_flex\"\n        >\n          <emd-search-filter\n            ref=\"search\"\n            clearable\n            :action=\"accountsAction\"\n            :placeholder=\"$t('account.list.searchPlaceholder')\"\n          />\n          <div class=\"eu-mx_2 eu-align-self_center\">\n            <button\n              class=\"emd-btn _type_text _color_primary _size_small\"\n              @click=\"toggleSearch\"\n            >\n              {{ $t('account.list.cancel') }}\n            </button>\n          </div>\n        </div>\n        <!-- TITLE + SEARCH TRIGGER -->\n        <div v-else>\n          <h2 class=\"emd-text _size_section eu-display_inline-block\">\n            {{ $t(`account.list.title.${accountType}`) }}\n          </h2>\n          <button\n            class=\"emd-btn _type_text eu-ml_2\"\n            @click=\"toggleSearch\"\n          >\n            <i\n              class=\"uil uil-search\"\n              fixed-width\n            ></i>\n          </button>\n        </div>\n        <!-- BUTTON CREATE ACCOUNT -->\n        <button\n          class=\"emd-btn _color_primary _size_small eu-shrink_0\"\n          @click=\"goToCreate\"\n          v-if=\"showBtnCreateAccount\"\n        >\n          <i class=\"uil uil-plus\"></i>\n          {{ $t('account.list.createAccount') }}\n        </button>\n      </div>\n      <div class=\"emd-container__content eu-no-padding\">\n        <emd-table\n          :headers=\"tableHeaders\"\n          :data=\"accounts\"\n        >\n          <tr\n            v-for=\"account in accounts.items\"\n            :key=\"account.id\"\n          >\n            <td :data-label=\"$t('account.list.table.account')\">\n              <a\n                class=\"emd-link\"\n                :href=\"urlDash(account.id)\"\n                :title=\"$t('account.list.table.linkToDash')\"\n                @click=\"sendAmplitudeEvent(account)\"\n              >\n                {{ account.name }}\n              </a>\n            </td>\n            <td :data-label=\"$t('account.list.table.id')\">\n              {{ account.id }}\n            </td>\n            <td :data-label=\"$t('account.list.table.status')\">\n              <span\n                class=\"emd-badge\"\n                :class=\"badgeStatus(account).modifier\"\n                >{{ badgeStatus(account).label }}</span\n              >\n            </td>\n            <td class=\"eu-align_right\">\n              <a\n                class=\"emd-btn-ghost\"\n                :href=\"urlDash(account.id)\"\n                :title=\"$t('account.list.table.linkToDash')\"\n                @click=\"sendAmplitudeEvent(account)\"\n              >\n                <i\n                  class=\"uil uil-external-link-alt\"\n                  fixed-width\n                ></i>\n              </a>\n            </td>\n          </tr>\n        </emd-table>\n      </div>\n      <div class=\"emd-container__footer\">\n        <emd-pagination\n          v-if=\"accounts\"\n          :data=\"accounts\"\n          :action=\"accountsAction\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport EmdTable from '@/components/project/ui/EmdTable.vue'\nimport EmdPagination from '@/components/project/ui/EmdPagination.vue'\nimport EmdSearchFilter from '@/components/project/ui/EmdSearchFilter.vue'\nimport Amplitude from '@amplitude-events/accounts.amplitude'\nimport { mapGetters } from 'vuex'\n\nexport default {\n  components: {\n    EmdTable,\n    EmdPagination,\n    EmdSearchFilter\n  },\n  data () {\n    return {\n      searchOn: false,\n      tableHeaders: [\n        this.$t('account.list.table.account'),\n        this.$t('account.list.table.id'),\n        this.$t('account.list.table.status'),\n        ''\n      ]\n    }\n  },\n  computed: {\n    ...mapGetters([\n      'accountList',\n      'merchantActive',\n      'merchantSummary',\n      'permissionIsEnabled'\n    ]),\n    accounts () {\n      if (this.accountList.pagination?.total_items && !this.isTestAccount()) {\n        Amplitude.events.view.loadView(this.accountList.pagination?.total_items)\n      }\n\n      return this.accountList\n    },\n    accountsAction () {\n      return {\n        name: 'GET_ACCOUNTS',\n        param: {\n          merchantId: this.merchantActive.id,\n          query: {\n            type: this.accountType,\n            size: 30\n          }\n        }\n      }\n    },\n    merchantId () {\n      return this.merchantActive.id\n    },\n    summary () {\n      return this.merchantSummary\n    },\n    showBtnCreateAccount () {\n      return this.isTestAccount()\n        ? this.permissionIsEnabled('account.test:create')\n        : this.permissionIsEnabled('account:create')\n    }\n  },\n  methods: {\n    goToCreate () {\n      if (this.isTestAccount()) {\n        this.$router.push({ name: 'createTestAccount' }).catch(err => err)\n      } else {\n        this.$router.push({ name: 'createProductionAccount' }).catch(err => err)\n      }\n    },\n    toggleSearch () {\n      if (this.searchOn && this.$refs.search.identifier) {\n        this.$refs.search.reset()\n      }\n      this.searchOn = !this.searchOn\n    },\n    urlDash (accountId) {\n      return `${process.env.VUE_APP_DASH_URL}/${this.merchantId}/${accountId}`\n    },\n    badgeStatus (account) {\n      const status = {}\n      if (account?.status?.toLowerCase() === 'active') {\n        status.modifier = '_color_success'\n        status.label = this.$t('account.list.table.active')\n      } else {\n        status.modifier = '_color_warning'\n        status.label = this.$t('account.list.table.inactive')\n      }\n      return status\n    },\n    isTestAccount () {\n      return this.accountType === 'test'\n    },\n    sendAmplitudeEvent (accountSelected) {\n      Amplitude.events.actions.selectedAccountButtonClicked(\n        accountSelected.account_type.value\n      )\n    }\n  },\n  beforeMount () {\n    if (this.$route.query.identifier) {\n      this.searchOn = true\n    }\n  },\n  props: {\n    accountType: {\n      default: 'production',\n      type: String\n    }\n  },\n  watch: {\n    accountType () {\n      this.searchOn = false\n    }\n  }\n}\n</script>\n","import mod from \"-!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AccountList.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AccountList.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./AccountList.vue?vue&type=template&id=41efd406\"\nimport script from \"./AccountList.vue?vue&type=script&lang=js\"\nexport * from \"./AccountList.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"],"names":["render","_vm","this","_c","_self","staticClass","searchOn","ref","attrs","accountsAction","$t","on","toggleSearch","_v","_s","concat","accountType","showBtnCreateAccount","goToCreate","_e","tableHeaders","accounts","_l","items","account","key","id","urlDash","$event","sendAmplitudeEvent","name","class","badgeStatus","modifier","label","staticRenderFns","_g","directives","rawName","value","identifier","expression","placeholder","domProps","target","composing","searchTerm","listeners","clearable","preventDefault","reset","apply","arguments","data","$route","query","revertSpecialChar","debounceTimer","undefined","props","action","type","Object","required","validator","hasOwnProperty","String","Boolean","computed","_extends","_objectDestructuringEmpty","$listeners","methods","refreshQueryUrl","$router","replace","catch","err","term","_this","delay","length","queryString","param","_objectSpread","page","params","clearTimeout","setTimeout","$store","dispatch","$refs","inputSearch","focus","mounted","component","components","EmdTable","EmdPagination","EmdSearchFilter","mapGetters","_this$accountList$pag","_this$accountList$pag2","accountList","pagination","total_items","isTestAccount","Amplitude","events","view","loadView","merchantId","merchantActive","size","summary","merchantSummary","permissionIsEnabled","push","search","accountId","process","_account$status","status","toLowerCase","accountSelected","actions","selectedAccountButtonClicked","account_type","beforeMount","default","watch"],"sourceRoot":""}