{"version":3,"sources":["webpack:///./src/views/onboarding/shops/shop-list/ShopList.vue?fecf","webpack:///./src/views/onboarding/shops/shopsStoreModule.js","webpack:///./src/constants/shop-status/index.js","webpack:///./src/views/onboarding/shops/shop-list/useShopList.js","webpack:///src/views/onboarding/shops/shop-list/ShopList.vue","webpack:///./src/views/onboarding/shops/shop-list/ShopList.vue?ffa0","webpack:///./src/views/onboarding/shops/shop-list/ShopList.vue","webpack:///./src/views/onboarding/shops/shop-list/ShopList.vue?6af6"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","_v","staticClass","shopFilterData","model","value","callback","$$v","shopFilter","expression","statusFilterData","statusFilter","loading","on","$event","preventDefault","applyFilters","apply","arguments","resetFilters","tableColumns","listData","searchQuery","options","totalListData","scopedSlots","_u","key","fn","ref","item","class","avatar","_s","shopName","slice","toUpperCase","shopUrl","resolveStatusVariant","statusCode","name","params","id","shopId","icons","mdiPencilBoxOutline","selectedRows","staticRenderFns","namespaced","state","getters","mutations","actions","fetchConfig","Promise","resolve","reject","axios","get","then","response","catch","error","fetchList","ctx","queryParams","fetch","update","data","put","sendApiCredentialsByEmail","post","generateApiCredentials","ENABLED","DISABLED","useShopList","text","align","sortable","sortBy","sortDesc","pageNumber","pageSize","isAddNewSideBarActive","store","dispatch","q","status","records","count","finally","watch","page","itemsPerPage","config","shopStatus","shops","formatCurrency","setup","STORE_MODULE_NAME","hasModule","registerModule","shopsStoreModule","onUnmounted","unregisterModule","merchantFilter","merchantFilterData","onMounted","avatarText","formatDate","mdiSquareEditOutline","mdiFileDocumentOutline","mdiDotsVertical","mdiDeleteOutline","mdiPlus","mdiExportVariant","mdiAccountOutline","mdiCalendar","mdiPencil","component","VAvatar","VBtn","VCard","VCardText","VCardTitle","VChip","VCol","VDataTable","VDivider","VIcon","VRow","VSelect"],"mappings":"kJAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,MAAM,CAAC,GAAK,cAAc,CAACF,EAAG,SAAS,CAACA,EAAG,eAAe,CAACJ,EAAIO,GAAG,WAAWH,EAAG,QAAQ,CAACI,YAAY,aAAa,CAACJ,EAAG,QAAQ,CAACE,MAAM,CAAC,KAAO,KAAK,GAAK,MAAM,CAACF,EAAG,WAAW,CAACE,MAAM,CAAC,YAAc,cAAc,MAAQN,EAAIS,eAAe,YAAY,OAAO,aAAa,QAAQ,SAAW,GAAG,MAAQ,GAAG,UAAY,GAAG,eAAe,IAAIC,MAAM,CAACC,MAAOX,EAAc,WAAEY,SAAS,SAAUC,GAAMb,EAAIc,WAAWD,GAAKE,WAAW,iBAAiB,GAAGX,EAAG,QAAQ,CAACE,MAAM,CAAC,KAAO,KAAK,GAAK,MAAM,CAACF,EAAG,WAAW,CAACE,MAAM,CAAC,YAAc,gBAAgB,MAAQN,EAAIgB,iBAAiB,YAAY,OAAO,aAAa,QAAQ,SAAW,GAAG,MAAQ,GAAG,UAAY,GAAG,eAAe,IAAIN,MAAM,CAACC,MAAOX,EAAgB,aAAEY,SAAS,SAAUC,GAAMb,EAAIiB,aAAaJ,GAAKE,WAAW,mBAAmB,IAAI,GAAGX,EAAG,YAAY,CAACI,YAAY,SAASJ,EAAG,cAAc,CAACI,YAAY,sCAAsC,CAACJ,EAAG,QAAQ,CAACI,YAAY,YAAYF,MAAM,CAAC,MAAQ,UAAU,QAAUN,EAAIkB,SAASC,GAAG,CAAC,MAAQ,SAASC,GAAgC,OAAxBA,EAAOC,iBAAwBrB,EAAIsB,aAAaC,MAAM,KAAMC,cAAc,CAACxB,EAAIO,GAAG,qBAAqBH,EAAG,QAAQ,CAACI,YAAY,YAAYF,MAAM,CAAC,MAAQ,YAAY,SAAW,GAAG,KAAO,SAASa,GAAG,CAAC,MAAQ,SAASC,GAAgC,OAAxBA,EAAOC,iBAAwBrB,EAAIyB,aAAaF,MAAM,KAAMC,cAAc,CAACxB,EAAIO,GAAG,cAAc,GAAGH,EAAG,eAAe,CAACE,MAAM,CAAC,QAAUN,EAAI0B,aAAa,MAAQ1B,EAAI2B,SAAS,OAAS3B,EAAI4B,YAAY,QAAU5B,EAAI6B,QAAQ,sBAAsB7B,EAAI8B,cAAc,iBAAiB,GAAG,QAAU9B,EAAIkB,SAASC,GAAG,CAAC,iBAAiB,SAASC,GAAQpB,EAAI6B,QAAQT,IAASW,YAAY/B,EAAIgC,GAAG,CAAC,CAACC,IAAI,gBAAgBC,GAAG,SAASC,GAChtD,IAAIC,EAAOD,EAAIC,KACf,MAAO,CAAChC,EAAG,MAAM,CAACI,YAAY,uBAAuB,CAACJ,EAAG,WAAW,CAACiC,MAAMD,EAAKE,OAAS,GAAK,kCAAkChC,MAAM,CAAC,MAAQ8B,EAAKE,OAAS,GAAK,UAAU,KAAO,OAAO,CAAClC,EAAG,OAAO,CAACJ,EAAIO,GAAGP,EAAIuC,GAAGH,EAAKI,SAASC,MAAM,EAAG,GAAGC,oBAAoBtC,EAAG,MAAM,CAACI,YAAY,2BAA2B,CAACJ,EAAG,OAAO,CAACI,YAAY,4DAA4D,CAACR,EAAIO,GAAGP,EAAIuC,GAAGH,EAAKI,gBAAgB,MAAM,CAACP,IAAI,WAAWC,GAAG,SAASC,GAC7c,IAAIC,EAAOD,EAAIC,KACf,MAAO,CAAChC,EAAG,MAAM,CAACI,YAAY,2BAA2B,CAACJ,EAAG,OAAO,CAACI,YAAY,uCAAuC,CAACR,EAAIO,GAAGP,EAAIuC,GAAGH,EAAKO,iBAAiB,CAACV,IAAI,kBAAkBC,GAAG,SAASC,GAChM,IAAIC,EAAOD,EAAIC,KACf,MAAO,CAAChC,EAAG,SAAS,CAACI,YAAY,kBAAkB6B,MAAQrC,EAAI4C,qBAAqBR,EAAKS,YAAe,SAAUvC,MAAM,CAAC,MAAQ,GAAG,MAAQN,EAAI4C,qBAAqBR,EAAKS,cAAc,CAAC7C,EAAIO,GAAG,IAAIP,EAAIuC,GAAGH,EAAKS,YAAY,UAAU,CAACZ,IAAI,eAAeC,GAAG,SAASC,GACtQ,IAAIC,EAAOD,EAAIC,KACf,MAAO,CAAChC,EAAG,cAAc,CAACE,MAAM,CAAC,GAAK,CAC1BwC,KAAM,YACNC,OAAQ,CAAEC,GAAIZ,EAAKa,WACjB,CAAC7C,EAAG,SAAS,CAACJ,EAAIO,GAAG,IAAIP,EAAIuC,GAAGvC,EAAIkD,MAAMC,qBAAqB,QAAQ,OAAO,MAAK,GAAMzC,MAAM,CAACC,MAAOX,EAAgB,aAAEY,SAAS,SAAUC,GAAMb,EAAIoD,aAAavC,GAAKE,WAAW,mBAAmB,IAAI,IACpNsC,EAAkB,G,4DCVP,GACbC,YAAY,EACZC,MAAO,GACPC,QAAS,GACTC,UAAW,GACXC,QAAS,CACPC,cACE,OAAO,IAAIC,QAAQ,CAACC,EAASC,KAC3BC,OACGC,IAAI,qCACJC,KAAKC,GAAYL,EAAQK,IACzBC,MAAMC,GAASN,EAAOM,OAG7BC,UAAUC,EAAKC,GACb,OAAO,IAAIX,QAAQ,CAACC,EAASC,KAC3BC,OACGC,IAAI,oBAAqB,CAAEjB,OAAQwB,IACnCN,KAAKC,GAAYL,EAAQK,IACzBC,MAAMC,GAASN,EAAOM,OAG7BI,MAAMF,EAAKC,GACT,OAAO,IAAIX,QAAQ,CAACC,EAASC,KAC3BC,OACGC,IAAK,qBAAoBO,EAAYvB,IACrCiB,KAAKC,GAAYL,EAAQK,IACzBC,MAAMC,GAASN,EAAOM,OAG7BK,OAAOH,EAAKI,GACV,OAAO,IAAId,QAAQ,CAACC,EAASC,KAC3BC,OACGY,IAAI,oBAAqBD,GACzBT,KAAKC,GAAYL,EAAQK,IACzBC,MAAMC,GAASN,EAAOM,OAG7BQ,0BAA0BN,EAAKrB,GAC7B,OAAO,IAAIW,QAAQ,CAACC,EAASC,KAC3BC,OACGc,KAAM,qBAAoB5B,mCAC1BgB,KAAKC,GAAYL,EAAQK,IACzBC,MAAMC,GAASN,EAAOM,OAG7BU,uBAAuBR,EAAKvB,GAC1B,OAAO,IAAIa,QAAQ,CAACC,EAASC,KAC3BC,OACGc,KAAK,8CACLZ,KAAKC,GAAYL,EAAQK,IACzBC,MAAMC,GAASN,EAAOM,SCrDjC,MAAMW,EAAU,UACVC,EAAW,WAEF,OACbD,UACAC,YCAa,SAASC,IACtB,MAAMtD,EAAWQ,eAAI,IACfL,EAAgBK,eAAI,GAEpBT,EAAe,CACnB,CAAEwD,KAAM,OAAQvE,MAAO,WAAYwE,MAAO,UAC1C,CAAED,KAAM,gBAAiBvE,MAAO,eAChC,CAAEuE,KAAM,YAAavE,MAAO,YAC5B,CAAEuE,KAAM,WAAYvE,MAAO,UAAWyE,UAAU,GAChD,CACEF,KAAM,SAAUvE,MAAO,aAAcwE,MAAO,SAAUC,UAAU,IAI9DxD,EAAcO,eAAI,IAClBrB,EAAaqB,eAAI,MACjBlB,EAAekB,eAAI,MACnB1B,EAAiB0B,eAAI,IACrBnB,EAAmBmB,eAAI,IAEvBjB,EAAUiB,gBAAI,GAEdN,EAAUM,eAAI,CAClBkD,OAAQ,CAAC,MACTC,SAAU,EAAC,KAGPlC,EAAejB,eAAI,IACnBoD,EAAapD,eAAI,GACjBqD,EAAWrD,eAAI,IAEfsD,EAAwBtD,gBAAI,GAG5BkC,EAAYA,KAChBnD,EAAQP,OAAQ,EAEhB+E,OACGC,SAAS,6BAA8B,CACtCC,EAAGhE,EAAYjB,MACfkB,QAASA,EAAQlB,MACjBkF,OAAQ5E,EAAaN,MACrBsC,OAAQnC,EAAWH,MACnB4E,WAAYA,EAAW5E,MACvB6E,SAAUA,EAAS7E,QAEpBsD,KAAKC,IACJ,MAAM,QAAE4B,EAAO,MAAEC,GAAU7B,EAASQ,KACpC/C,EAAShB,MAAQmF,EACjBhE,EAAcnB,MAAQoF,IAEvB5B,MAAMC,GAASA,GAAO4B,QAAQ,KAC7B9E,EAAQP,OAAQ,KAItBsF,eAAM,CAACpE,GAAU,KACfuB,EAAazC,MAAQ,GACrB4E,EAAW5E,MAAQkB,EAAQlB,MAAMuF,KACjCV,EAAS7E,MAAQkB,EAAQlB,MAAMwF,aAC/B9B,MAGF,MAAM/C,EAAeA,KACnB+C,KAGI5C,EAAeA,KACnBG,EAAYjB,MAAQ,GACpBG,EAAWH,MAAQ,KACnBM,EAAaN,MAAQ,KACrB4E,EAAW5E,MAAQ,GAGfgD,EAAcA,KAClBzC,EAAQP,OAAQ,EAChB+E,OACGC,SAAS,gCACT1B,KAAKC,IACJ,MAAMkC,EAASlC,EAASQ,KACxB1D,EAAiBL,MAAQyF,EAAOC,WAChC5F,EAAeE,MAAQyF,EAAOE,QAE/BnC,MAAMC,GAASA,GAAO4B,QAAQ,KAC7B9E,EAAQP,OAAQ,KAOhBiC,EAAuBiD,GACvBA,IAAWQ,EAAWtB,QAAgB,UACtCc,IAAWQ,EAAWrB,SAAiB,YAEpC,UAGT,MAAO,CACLrD,WACAG,gBACAJ,eACAE,cACAd,aACAL,iBACAQ,eACAD,mBACAyE,wBACAvE,UACAW,UACAuB,eACAmD,sBACAjF,eACAG,eACA4C,YACAV,cACAf,wBCkCW,OACf4D,QACA,MAAAC,EAAA,mBAGAf,OAAAgB,UAAAD,IAAAf,OAAAiB,eAAAF,EAAAG,GAGAC,eAAA,KACAnB,OAAAgB,UAAAD,IAAAf,OAAAoB,iBAAAL,KAGA,eACA9E,EAAA,cACAG,EAAA,aACAJ,EAAA,YACAE,EAAA,eACAmF,EAAA,mBACAC,EAAA,WACAlG,EAAA,eACAL,EAAA,aACAQ,EAAA,iBACAD,EAAA,QACAE,EAAA,QACAW,EAAA,aACAuB,EAAA,UACAiB,EAAA,aACA/C,EAAA,aACAG,EAAA,YACAkC,EAAA,qBACAf,GACAqC,IAMA,OAJAgC,eAAA,KACAtD,MAGA,CACAhC,WACAG,gBACAJ,eACAE,cACAmF,iBACAC,qBACAlG,aACAL,iBACAQ,eACAD,mBACAE,UACAW,UACAuB,eACA8D,kBACAtE,uBACAyB,YACA/C,eACAG,eACAkC,cACAwD,kBACAZ,sBAGArD,MAAA,CACAkE,6BACAC,+BACAC,uBACAC,wBACAC,gBACAC,wBACAC,yBACAC,mBACAC,kBACAzE,gCClOka,I,iLCQ9Z0E,EAAY,eACd,EACA9H,EACAsD,GACA,EACA,KACA,KACA,MAIa,aAAAwE,EAAiB,QAgBhC,IAAkBA,EAAW,CAACC,UAAA,KAAQC,OAAA,KAAKC,QAAA,KAAMC,UAAA,OAAUC,WAAA,OAAWC,QAAA,KAAMC,OAAA,KAAKC,aAAA,KAAWC,WAAA,KAASC,QAAA,KAAMC,OAAA,KAAKC,UAAA,Q,kCCnChH","file":"js/chunk-554ec20c.61bce0c7.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"shop-list\"}},[_c('v-card',[_c('v-card-title',[_vm._v(\"Shops\")]),_c('v-row',{staticClass:\"px-2 ma-0\"},[_c('v-col',{attrs:{\"cols\":\"12\",\"sm\":\"8\"}},[_c('v-select',{attrs:{\"placeholder\":\"Select Shop\",\"items\":_vm.shopFilterData,\"item-text\":\"text\",\"item-value\":\"value\",\"outlined\":\"\",\"dense\":\"\",\"clearable\":\"\",\"hide-details\":\"\"},model:{value:(_vm.shopFilter),callback:function ($$v) {_vm.shopFilter=$$v},expression:\"shopFilter\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\",\"sm\":\"4\"}},[_c('v-select',{attrs:{\"placeholder\":\"Select Status\",\"items\":_vm.statusFilterData,\"item-text\":\"text\",\"item-value\":\"value\",\"outlined\":\"\",\"dense\":\"\",\"clearable\":\"\",\"hide-details\":\"\"},model:{value:(_vm.statusFilter),callback:function ($$v) {_vm.statusFilter=$$v},expression:\"statusFilter\"}})],1)],1),_c('v-divider',{staticClass:\"mt-4\"}),_c('v-card-text',{staticClass:\"d-flex align-center flex-wrap pb-0\"},[_c('v-btn',{staticClass:\"mb-4 me-3\",attrs:{\"color\":\"primary\",\"loading\":_vm.loading},on:{\"click\":function($event){$event.preventDefault();return _vm.applyFilters.apply(null, arguments)}}},[_vm._v(\" Apply Filters \")]),_c('v-btn',{staticClass:\"me-3 mb-4\",attrs:{\"color\":\"secondary\",\"outlined\":\"\",\"type\":\"reset\"},on:{\"click\":function($event){$event.preventDefault();return _vm.resetFilters.apply(null, arguments)}}},[_vm._v(\" Reset \")])],1),_c('v-data-table',{attrs:{\"headers\":_vm.tableColumns,\"items\":_vm.listData,\"search\":_vm.searchQuery,\"options\":_vm.options,\"server-items-length\":_vm.totalListData,\"items-per-page\":10,\"loading\":_vm.loading},on:{\"update:options\":function($event){_vm.options=$event}},scopedSlots:_vm._u([{key:\"item.shopName\",fn:function(ref){\nvar item = ref.item;\nreturn [_c('div',{staticClass:\"d-flex align-center\"},[_c('v-avatar',{class:item.avatar ? '' : 'v-avatar-light-bg primary--text',attrs:{\"color\":item.avatar ? '' : 'primary',\"size\":\"32\"}},[_c('span',[_vm._v(_vm._s(item.shopName.slice(0, 2).toUpperCase()))])]),_c('div',{staticClass:\"d-flex flex-column ms-3\"},[_c('span',{staticClass:\"d-block font-weight-semibold text--primary text-truncate\"},[_vm._v(_vm._s(item.shopName))])])],1)]}},{key:\"item.url\",fn:function(ref){\nvar item = ref.item;\nreturn [_c('div',{staticClass:\"d-flex flex-column ms-3\"},[_c('span',{staticClass:\"d-block text--primary text-truncate\"},[_vm._v(_vm._s(item.shopUrl))])])]}},{key:\"item.statusCode\",fn:function(ref){\nvar item = ref.item;\nreturn [_c('v-chip',{staticClass:\"v-chip-light-bg\",class:((_vm.resolveStatusVariant(item.statusCode)) + \"--text\"),attrs:{\"small\":\"\",\"color\":_vm.resolveStatusVariant(item.statusCode)}},[_vm._v(\" \"+_vm._s(item.statusCode)+\" \")])]}},{key:\"item.actions\",fn:function(ref){\nvar item = ref.item;\nreturn [_c('router-link',{attrs:{\"to\":{\n            name: 'shop-edit',\n            params: { id: item.shopId },\n          }}},[_c('v-icon',[_vm._v(\" \"+_vm._s(_vm.icons.mdiPencilBoxOutline)+\" \")])],1)]}}],null,true),model:{value:(_vm.selectedRows),callback:function ($$v) {_vm.selectedRows=$$v},expression:\"selectedRows\"}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import axios from '@axios'\n\nexport default {\n  namespaced: true,\n  state: {},\n  getters: {},\n  mutations: {},\n  actions: {\n    fetchConfig() {\n      return new Promise((resolve, reject) => {\n        axios\n          .get('/processing/page-setups/shop-list')\n          .then(response => resolve(response))\n          .catch(error => reject(error))\n      })\n    },\n    fetchList(ctx, queryParams) {\n      return new Promise((resolve, reject) => {\n        axios\n          .get('/processing/shops', { params: queryParams })\n          .then(response => resolve(response))\n          .catch(error => reject(error))\n      })\n    },\n    fetch(ctx, queryParams) {\n      return new Promise((resolve, reject) => {\n        axios\n          .get(`/processing/shops/${queryParams.id}`)\n          .then(response => resolve(response))\n          .catch(error => reject(error))\n      })\n    },\n    update(ctx, data) {\n      return new Promise((resolve, reject) => {\n        axios\n          .put('/processing/shops', data)\n          .then(response => resolve(response))\n          .catch(error => reject(error))\n      })\n    },\n    sendApiCredentialsByEmail(ctx, shopId) {\n      return new Promise((resolve, reject) => {\n        axios\n          .post(`/processing/shops/${shopId}/api-credentials/send-by-email`)\n          .then(response => resolve(response))\n          .catch(error => reject(error))\n      })\n    },\n    generateApiCredentials(ctx, params) {\n      return new Promise((resolve, reject) => {\n        axios\n          .post('/processing/shops/generate-api-credentials')\n          .then(response => resolve(response))\n          .catch(error => reject(error))\n      })\n    },\n  },\n}\n","const ENABLED = 'ENABLED'\nconst DISABLED = 'DISABLED'\n\nexport default {\n  ENABLED,\n  DISABLED\n}\n","import { ref, watch } from '@vue/composition-api'\nimport store from '@/store'\nimport shopStatus from '@/constants/shop-status'\nimport { formatCurrency } from '@core/utils/filter'\n\nexport default function useShopList() {\n  const listData = ref([])\n  const totalListData = ref(0)\n\n  const tableColumns = [\n    { text: 'CODE', value: 'shopCode', align: 'center' },\n    { text: 'MERCHANT NAME', value: 'companyName' },\n    { text: 'SHOP NAME', value: 'shopName' },\n    { text: 'SHOP URL', value: 'shopUrl', sortable: false },\n    {\n      text: 'STATUS', value: 'statusCode', align: 'center', sortable: false,\n    },\n  ]\n\n  const searchQuery = ref('')\n  const shopFilter = ref(null)\n  const statusFilter = ref(null)\n  const shopFilterData = ref([])\n  const statusFilterData = ref([])\n\n  const loading = ref(false)\n\n  const options = ref({\n    sortBy: ['id'],\n    sortDesc: [true],\n  })\n\n  const selectedRows = ref([])\n  const pageNumber = ref(1)\n  const pageSize = ref(10)\n\n  const isAddNewSideBarActive = ref(false)\n\n  // fetch data\n  const fetchList = () => {\n    loading.value = true\n\n    store\n      .dispatch('onboarding-shops/fetchList', {\n        q: searchQuery.value,\n        options: options.value,\n        status: statusFilter.value,\n        shopId: shopFilter.value,\n        pageNumber: pageNumber.value,\n        pageSize: pageSize.value,\n      })\n      .then(response => {\n        const { records, count } = response.data\n        listData.value = records\n        totalListData.value = count\n      })\n      .catch(error => error).finally(() => {\n        loading.value = false\n      })\n  }\n\n  watch([options], () => {\n    selectedRows.value = []\n    pageNumber.value = options.value.page\n    pageSize.value = options.value.itemsPerPage\n    fetchList()\n  })\n\n  const applyFilters = () => {\n    fetchList()\n  }\n\n  const resetFilters = () => {\n    searchQuery.value = ''\n    shopFilter.value = null\n    statusFilter.value = null\n    pageNumber.value = 1\n  }\n\n  const fetchConfig = () => {\n    loading.value = true\n    store\n      .dispatch('onboarding-shops/fetchConfig')\n      .then(response => {\n        const config = response.data\n        statusFilterData.value = config.shopStatus\n        shopFilterData.value = config.shops\n      })\n      .catch(error => error).finally(() => {\n        loading.value = false\n      })\n  }\n\n  // *===============================================---*\n  // *--------- UI ---------------------------------------*\n  // *===============================================---*\n  const resolveStatusVariant = status => {\n    if (status === shopStatus.ENABLED) return 'success'\n    if (status === shopStatus.DISABLED) return 'secondary'\n\n    return 'primary'\n  }\n\n  return {\n    listData,\n    totalListData,\n    tableColumns,\n    searchQuery,\n    shopFilter,\n    shopFilterData,\n    statusFilter,\n    statusFilterData,\n    isAddNewSideBarActive,\n    loading,\n    options,\n    selectedRows,\n    formatCurrency,\n    applyFilters,\n    resetFilters,\n    fetchList,\n    fetchConfig,\n    resolveStatusVariant,\n  }\n}\n","<template>\n  <div id=\"shop-list\">\n    <!-- list filters -->\n    <v-card>\n      <v-card-title>Shops</v-card-title>\n      <v-row class=\"px-2 ma-0\">\n        <!-- shop filter -->\n        <v-col\n          cols=\"12\"\n          sm=\"8\"\n        >\n          <v-select\n            v-model=\"shopFilter\"\n            placeholder=\"Select Shop\"\n            :items=\"shopFilterData\"\n            item-text=\"text\"\n            item-value=\"value\"\n            outlined\n            dense\n            clearable\n            hide-details\n          ></v-select>\n        </v-col>\n\n        <!-- status filter -->\n        <v-col\n          cols=\"12\"\n          sm=\"4\"\n        >\n          <v-select\n            v-model=\"statusFilter\"\n            placeholder=\"Select Status\"\n            :items=\"statusFilterData\"\n            item-text=\"text\"\n            item-value=\"value\"\n            outlined\n            dense\n            clearable\n            hide-details\n          ></v-select>\n        </v-col>\n      </v-row>\n\n      <v-divider class=\"mt-4\"></v-divider>\n\n      <!-- actions -->\n      <v-card-text class=\"d-flex align-center flex-wrap pb-0\">\n        <!-- search -->\n        <v-btn\n          color=\"primary\"\n          class=\"mb-4 me-3\"\n          :loading=\"loading\"\n          @click.prevent=\"applyFilters\"\n        >\n          Apply Filters\n        </v-btn>\n\n        <v-btn\n          color=\"secondary\"\n          outlined\n          class=\"me-3 mb-4\"\n          type=\"reset\"\n          @click.prevent=\"resetFilters\"\n        >\n          Reset\n        </v-btn>\n      </v-card-text>\n\n      <!-- table -->\n      <v-data-table\n        v-model=\"selectedRows\"\n        :headers=\"tableColumns\"\n        :items=\"listData\"\n        :search=\"searchQuery\"\n        :options.sync=\"options\"\n        :server-items-length=\"totalListData\"\n        :items-per-page=\"10\"\n        :loading=\"loading\"\n      >\n        <!-- Shop -->\n        <template #[`item.shopName`]=\"{ item }\">\n          <div class=\"d-flex align-center\">\n            <v-avatar\n              :color=\"item.avatar ? '' : 'primary'\"\n              :class=\"item.avatar ? '' : 'v-avatar-light-bg primary--text'\"\n              size=\"32\"\n            >\n              <span>{{ item.shopName.slice(0, 2).toUpperCase() }}</span>\n            </v-avatar>\n\n            <div class=\"d-flex flex-column ms-3\">\n              <span class=\"d-block font-weight-semibold text--primary text-truncate\">{{ item.shopName }}</span>\n            </div>\n          </div>\n        </template>\n\n        <!-- url-->\n        <template #[`item.url`]=\"{ item }\">\n          <div class=\"d-flex flex-column ms-3\">\n            <span class=\"d-block text--primary text-truncate\">{{ item.shopUrl }}</span>\n          </div>\n        </template>\n\n        <!-- Status -->\n        <template #[`item.statusCode`]=\"{ item }\">\n          <v-chip\n            small\n            :color=\"resolveStatusVariant(item.statusCode)\"\n            :class=\"`${resolveStatusVariant(item.statusCode)}--text`\"\n            class=\"v-chip-light-bg\"\n          >\n            {{ item.statusCode }}\n          </v-chip>\n        </template>\n\n        <!-- actions -->\n        <template #[`item.actions`]=\"{ item }\">\n          <router-link\n            :to=\"{\n              name: 'shop-edit',\n              params: { id: item.shopId },\n            }\"\n          >\n            <v-icon> {{ icons.mdiPencilBoxOutline }} </v-icon>\n          </router-link>\n        </template>\n      </v-data-table>\n    </v-card>\n  </div>\n</template>\n\n<script>\n// eslint-disable-next-line object-curly-newline\n// sidebar\nimport {\n  mdiAccountOutline,\n  mdiDeleteOutline,\n  mdiDotsVertical,\n  mdiExportVariant,\n  mdiFileDocumentOutline,\n  mdiPlus,\n  mdiSquareEditOutline,\n  mdiCalendar,\n  mdiPencil,\n  mdiPencilBoxOutline,\n} from '@mdi/js'\nimport {\n  onMounted, onUnmounted,\n} from '@vue/composition-api'\nimport { avatarText, formatDate, formatCurrency } from '@core/utils/filter'\nimport store from '@/store'\nimport shopsStoreModule from '../shopsStoreModule'\n\nimport useShopList from './useShopList'\n\nexport default {\n  setup() {\n    const STORE_MODULE_NAME = 'onboarding-shops'\n\n    // Register module\n    if (!store.hasModule(STORE_MODULE_NAME)) { store.registerModule(STORE_MODULE_NAME, shopsStoreModule) }\n\n    // UnRegister on leave\n    onUnmounted(() => {\n      if (store.hasModule(STORE_MODULE_NAME)) { store.unregisterModule(STORE_MODULE_NAME) }\n    })\n\n    const {\n      listData,\n      totalListData,\n      tableColumns,\n      searchQuery,\n      merchantFilter,\n      merchantFilterData,\n      shopFilter,\n      shopFilterData,\n      statusFilter,\n      statusFilterData,\n      loading,\n      options,\n      selectedRows,\n      fetchList,\n      applyFilters,\n      resetFilters,\n      fetchConfig,\n      resolveStatusVariant,\n    } = useShopList()\n\n    onMounted(() => {\n      fetchConfig()\n    })\n\n    return {\n      listData,\n      totalListData,\n      tableColumns,\n      searchQuery,\n      merchantFilter,\n      merchantFilterData,\n      shopFilter,\n      shopFilterData,\n      statusFilter,\n      statusFilterData,\n      loading,\n      options,\n      selectedRows,\n      avatarText,\n      resolveStatusVariant,\n      fetchList,\n      applyFilters,\n      resetFilters,\n      fetchConfig,\n      formatDate,\n      formatCurrency,\n\n      // icons\n      icons: {\n        mdiSquareEditOutline,\n        mdiFileDocumentOutline,\n        mdiDotsVertical,\n        mdiDeleteOutline,\n        mdiPlus,\n        mdiExportVariant,\n        mdiAccountOutline,\n        mdiCalendar,\n        mdiPencil,\n        mdiPencilBoxOutline,\n      },\n    }\n  },\n}\n</script>\n\n<style lang=\"scss\">\n@import '@core/preset/preset/finance/settlement.scss';\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/@vue/cli-plugin-babel/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!./ShopList.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/@vue/cli-plugin-babel/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!./ShopList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ShopList.vue?vue&type=template&id=252fb37c&\"\nimport script from \"./ShopList.vue?vue&type=script&lang=js&\"\nexport * from \"./ShopList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ShopList.vue?vue&type=style&index=0&id=252fb37c&prod&lang=scss&\"\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\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VAvatar } from 'vuetify/lib/components/VAvatar';\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VChip } from 'vuetify/lib/components/VChip';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VDataTable } from 'vuetify/lib/components/VDataTable';\nimport { VDivider } from 'vuetify/lib/components/VDivider';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSelect } from 'vuetify/lib/components/VSelect';\ninstallComponents(component, {VAvatar,VBtn,VCard,VCardText,VCardTitle,VChip,VCol,VDataTable,VDivider,VIcon,VRow,VSelect})\n","export * from \"-!../../../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ShopList.vue?vue&type=style&index=0&id=252fb37c&prod&lang=scss&\""],"sourceRoot":""}