{"version":3,"sources":["webpack:///./src/@core/utils/filter.js","webpack:///./src/views/apps/invoice/invoice-list/InvoiceList.vue?0316","webpack:///./src/views/apps/invoice/invoiceStoreModule.js","webpack:///./src/views/apps/invoice/invoice-list/InvoiceList.vue?ceca","webpack:///./src/views/apps/invoice/invoice-list/InvoiceList.vue?efd3","webpack:///./src/views/apps/invoice/invoice-list/useInvoiceList.js","webpack:///src/views/apps/invoice/invoice-list/InvoiceList.vue","webpack:///./src/views/apps/invoice/invoice-list/InvoiceList.vue?eb67","webpack:///./src/views/apps/invoice/invoice-list/InvoiceList.vue","webpack:///./src/@core/utils/utils.js"],"names":["kFormatter","num","toFixed","title","value","replacer","str","toString","arr","split","capitalizedArray","forEach","word","capitalized","charAt","toUpperCase","slice","push","join","avatarText","nameArray","map","formatDate","formatting","month","day","year","Intl","DateTimeFormat","format","Date","formatDateToMonthShort","toTimeForCurrentDay","date","isToday","hour","minute","filterTags","replace","namespaced","state","getters","mutations","actions","fetchInvoices","ctx","queryParams","Promise","resolve","reject","axios","get","params","then","response","catch","error","fetchInvoice","id","fetchClients","render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","_v","$store","appConfig","isRTL","perPageOptions","model","callback","$$v","perPage","expression","name","searchQuery","statusOptions","scopedSlots","_u","key","fn","ref","label","_s","statusFilter","tableColumns","sortBy","isSortDirDesc","on","$event","proxy","data","item","resolveInvoiceStatusVariantAndIcon","invoiceStatus","icon","balance","dueDate","avatar","client","resolveClientAvatarVariant","companyEmail","$router","dataMeta","from","to","of","totalInvoices","currentPage","staticRenderFns","useInvoicesList","toast","useToast","refInvoiceListTable","sortable","formatter","val","computed","localItemsCount","localItems","length","refetchData","refresh","watch","store","dispatch","q","page","sortDesc","status","invoices","total","component","ToastificationContent","props","variant","components","BCard","BRow","BCol","BFormInput","BButton","BTable","BMedia","BAvatar","BLink","BBadge","BDropdown","BDropdownItem","BPagination","BTooltip","vSelect","setup","INVOICE_APP_STORE_MODULE_NAME","hasModule","registerModule","invoiceStoreModule","onUnmounted","unregisterModule","isObject","obj","today","getDate","getMonth","getFullYear","isDynamicRouteActive","route","resolvedRoute","router","path","currentRoute","useRouter","vm","getCurrentInstance","reactive","$route","r","toRefs","showToast","type","message","Vue","$toast","removeAccents","normalize"],"mappings":"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","file":"js/chunk-99d59718.f59a3806.js","sourcesContent":["import { isToday } from './utils'\r\n\r\nexport const kFormatter = num => (num > 999 ? `${(num / 1000).toFixed(1)}k` : num)\r\n\r\nexport const title = (value, replacer = ' ') => {\r\n  if (!value) return ''\r\n  const str = value.toString()\r\n\r\n  const arr = str.split(replacer)\r\n  const capitalizedArray = []\r\n  arr.forEach(word => {\r\n    const capitalized = word.charAt(0).toUpperCase() + word.slice(1)\r\n    capitalizedArray.push(capitalized)\r\n  })\r\n  return capitalizedArray.join(' ')\r\n}\r\n\r\nexport const avatarText = value => {\r\n  if (!value) return ''\r\n  const nameArray = value.split(' ')\r\n  return nameArray.map(word => word.charAt(0).toUpperCase()).join('')\r\n}\r\n\r\n/**\r\n * Format and return date in Humanize format\r\n * Intl docs: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat/format\r\n * Intl Constructor: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat/DateTimeFormat\r\n * @param {String} value date to format\r\n * @param {Object} formatting Intl object to format with\r\n */\r\nexport const formatDate = (value, formatting = { month: 'short', day: 'numeric', year: 'numeric' }) => {\r\n  if (!value) return value\r\n  return new Intl.DateTimeFormat('en-US', formatting).format(new Date(value))\r\n}\r\n\r\n/**\r\n * Return short human friendly month representation of date\r\n * Can also convert date to only time if date is of today (Better UX)\r\n * @param {String} value date to format\r\n * @param {Boolean} toTimeForCurrentDay Shall convert to time if day is today/current\r\n */\r\nexport const formatDateToMonthShort = (value, toTimeForCurrentDay = true) => {\r\n  const date = new Date(value)\r\n  let formatting = { month: 'short', day: 'numeric' }\r\n\r\n  if (toTimeForCurrentDay && isToday(date)) {\r\n    formatting = { hour: 'numeric', minute: 'numeric' }\r\n  }\r\n\r\n  return new Intl.DateTimeFormat('en-US', formatting).format(new Date(value))\r\n}\r\n\r\n// Strip all the tags from markup and return plain text\r\nexport const filterTags = value => value.replace(/<\\/?[^>]+(>|$)/g, '')\r\n","export * from \"-!../../../../../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!./InvoiceList.vue?vue&type=style&index=0&id=9a6e255c&prod&lang=scss&scoped=true&\"","import axios from '@axios'\r\n\r\nexport default {\r\n  namespaced: true,\r\n  state: {},\r\n  getters: {},\r\n  mutations: {},\r\n  actions: {\r\n    fetchInvoices(ctx, queryParams) {\r\n      return new Promise((resolve, reject) => {\r\n        axios\r\n          .get('/apps/invoice/invoices', { params: queryParams })\r\n          .then(response => resolve(response))\r\n          .catch(error => reject(error))\r\n      })\r\n    },\r\n    fetchInvoice(ctx, { id }) {\r\n      return new Promise((resolve, reject) => {\r\n        axios\r\n          .get(`/apps/invoice/invoices/${id}`)\r\n          .then(response => resolve(response))\r\n          .catch(error => reject(error))\r\n      })\r\n    },\r\n    fetchClients() {\r\n      return new Promise((resolve, reject) => {\r\n        axios\r\n          .get('/apps/invoice/clients')\r\n          .then(response => resolve(response))\r\n          .catch(error => reject(error))\r\n      })\r\n    },\r\n    // addUser(ctx, userData) {\r\n    //   return new Promise((resolve, reject) => {\r\n    //     axios\r\n    //       .post('/apps/user/users', { user: userData })\r\n    //       .then(response => resolve(response))\r\n    //       .catch(error => reject(error))\r\n    //   })\r\n    // },\r\n  },\r\n}\r\n","export * from \"-!../../../../../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!./InvoiceList.vue?vue&type=style&index=1&id=9a6e255c&prod&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card',{attrs:{\"no-body\":\"\"}},[_c('div',{staticClass:\"m-2\"},[_c('b-row',[_c('b-col',{staticClass:\"d-flex align-items-center justify-content-start mb-1 mb-md-0\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('label',[_vm._v(\"Entries\")]),_c('v-select',{staticClass:\"per-page-selector d-inline-block ml-50 mr-1\",attrs:{\"dir\":_vm.$store.state.appConfig.isRTL ? 'rtl' : 'ltr',\"options\":_vm.perPageOptions,\"clearable\":false},model:{value:(_vm.perPage),callback:function ($$v) {_vm.perPage=$$v},expression:\"perPage\"}}),_c('b-button',{attrs:{\"variant\":\"primary\",\"to\":{ name: 'apps-invoice-add'}}},[_vm._v(\" Add Record \")])],1),_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('div',{staticClass:\"d-flex align-items-center justify-content-end\"},[_c('b-form-input',{staticClass:\"d-inline-block mr-1\",attrs:{\"placeholder\":\"Search...\"},model:{value:(_vm.searchQuery),callback:function ($$v) {_vm.searchQuery=$$v},expression:\"searchQuery\"}}),_c('v-select',{staticClass:\"invoice-filter-select\",attrs:{\"dir\":_vm.$store.state.appConfig.isRTL ? 'rtl' : 'ltr',\"options\":_vm.statusOptions,\"placeholder\":\"Select Status\"},scopedSlots:_vm._u([{key:\"selected-option\",fn:function(ref){\nvar label = ref.label;\nreturn [_c('span',{staticClass:\"text-truncate overflow-hidden\"},[_vm._v(\" \"+_vm._s(label)+\" \")])]}}]),model:{value:(_vm.statusFilter),callback:function ($$v) {_vm.statusFilter=$$v},expression:\"statusFilter\"}})],1)])],1)],1),_c('b-table',{ref:\"refInvoiceListTable\",staticClass:\"position-relative\",attrs:{\"items\":_vm.fetchInvoices,\"responsive\":\"\",\"fields\":_vm.tableColumns,\"primary-key\":\"id\",\"sort-by\":_vm.sortBy,\"show-empty\":\"\",\"empty-text\":\"No matching records found\",\"sort-desc\":_vm.isSortDirDesc},on:{\"update:sortBy\":function($event){_vm.sortBy=$event},\"update:sort-by\":function($event){_vm.sortBy=$event},\"update:sortDesc\":function($event){_vm.isSortDirDesc=$event},\"update:sort-desc\":function($event){_vm.isSortDirDesc=$event}},scopedSlots:_vm._u([{key:\"head(invoiceStatus)\",fn:function(){return [_c('feather-icon',{staticClass:\"mx-auto\",attrs:{\"icon\":\"TrendingUpIcon\"}})]},proxy:true},{key:\"cell(id)\",fn:function(data){return [_c('b-link',{staticClass:\"font-weight-bold\",attrs:{\"to\":{ name: 'apps-invoice-preview', params: { id: data.item.id }}}},[_vm._v(\" #\"+_vm._s(data.value)+\" \")])]}},{key:\"cell(invoiceStatus)\",fn:function(data){return [_c('b-avatar',{attrs:{\"id\":(\"invoice-row-\" + (data.item.id)),\"size\":\"32\",\"variant\":(\"light-\" + (_vm.resolveInvoiceStatusVariantAndIcon(data.item.invoiceStatus).variant))}},[_c('feather-icon',{attrs:{\"icon\":_vm.resolveInvoiceStatusVariantAndIcon(data.item.invoiceStatus).icon}})],1),_c('b-tooltip',{attrs:{\"target\":(\"invoice-row-\" + (data.item.id)),\"placement\":\"top\"}},[_c('p',{staticClass:\"mb-0\"},[_vm._v(\" \"+_vm._s(data.item.invoiceStatus)+\" \")]),_c('p',{staticClass:\"mb-0\"},[_vm._v(\" Balance: \"+_vm._s(data.item.balance)+\" \")]),_c('p',{staticClass:\"mb-0\"},[_vm._v(\" Due Date: \"+_vm._s(data.item.dueDate)+\" \")])])]}},{key:\"cell(client)\",fn:function(data){return [_c('b-media',{attrs:{\"vertical-align\":\"center\"},scopedSlots:_vm._u([{key:\"aside\",fn:function(){return [_c('b-avatar',{attrs:{\"size\":\"32\",\"src\":data.item.avatar,\"text\":_vm.avatarText(data.item.client.name),\"variant\":(\"light-\" + (_vm.resolveClientAvatarVariant(data.item.invoiceStatus)))}})]},proxy:true}],null,true)},[_c('span',{staticClass:\"font-weight-bold d-block text-nowrap\"},[_vm._v(\" \"+_vm._s(data.item.client.name)+\" \")]),_c('small',{staticClass:\"text-muted\"},[_vm._v(_vm._s(data.item.client.companyEmail))])])]}},{key:\"cell(issuedDate)\",fn:function(data){return [_c('span',{staticClass:\"text-nowrap\"},[_vm._v(\" \"+_vm._s(data.value)+\" \")])]}},{key:\"cell(balance)\",fn:function(data){return [(data.value === 0)?[_c('b-badge',{attrs:{\"pill\":\"\",\"variant\":\"light-success\"}},[_vm._v(\" Paid \")])]:[_vm._v(\" \"+_vm._s(data.value)+\" \")]]}},{key:\"cell(actions)\",fn:function(data){return [_c('div',{staticClass:\"text-nowrap\"},[_c('feather-icon',{staticClass:\"cursor-pointer\",attrs:{\"id\":(\"invoice-row-\" + (data.item.id) + \"-send-icon\"),\"icon\":\"SendIcon\",\"size\":\"16\"}}),_c('b-tooltip',{staticClass:\"cursor-pointer\",attrs:{\"title\":\"Send Invoice\",\"target\":(\"invoice-row-\" + (data.item.id) + \"-send-icon\")}}),_c('feather-icon',{staticClass:\"mx-1\",attrs:{\"id\":(\"invoice-row-\" + (data.item.id) + \"-preview-icon\"),\"icon\":\"EyeIcon\",\"size\":\"16\"},on:{\"click\":function($event){return _vm.$router.push({ name: 'apps-invoice-preview', params: { id: data.item.id }})}}}),_c('b-tooltip',{attrs:{\"title\":\"Preview Invoice\",\"target\":(\"invoice-row-\" + (data.item.id) + \"-preview-icon\")}}),_c('b-dropdown',{attrs:{\"variant\":\"link\",\"toggle-class\":\"p-0\",\"no-caret\":\"\",\"right\":_vm.$store.state.appConfig.isRTL},scopedSlots:_vm._u([{key:\"button-content\",fn:function(){return [_c('feather-icon',{staticClass:\"align-middle text-body\",attrs:{\"icon\":\"MoreVerticalIcon\",\"size\":\"16\"}})]},proxy:true}],null,true)},[_c('b-dropdown-item',[_c('feather-icon',{attrs:{\"icon\":\"DownloadIcon\"}}),_c('span',{staticClass:\"align-middle ml-50\"},[_vm._v(\"Download\")])],1),_c('b-dropdown-item',{attrs:{\"to\":{ name: 'apps-invoice-edit', params: { id: data.item.id } }}},[_c('feather-icon',{attrs:{\"icon\":\"EditIcon\"}}),_c('span',{staticClass:\"align-middle ml-50\"},[_vm._v(\"Edit\")])],1),_c('b-dropdown-item',[_c('feather-icon',{attrs:{\"icon\":\"TrashIcon\"}}),_c('span',{staticClass:\"align-middle ml-50\"},[_vm._v(\"Delete\")])],1),_c('b-dropdown-item',[_c('feather-icon',{attrs:{\"icon\":\"CopyIcon\"}}),_c('span',{staticClass:\"align-middle ml-50\"},[_vm._v(\"Duplicate\")])],1)],1)],1)]}}])}),_c('div',{staticClass:\"mx-2 mb-2\"},[_c('b-row',[_c('b-col',{staticClass:\"d-flex align-items-center justify-content-center justify-content-sm-start\",attrs:{\"cols\":\"12\",\"sm\":\"6\"}},[_c('span',{staticClass:\"text-muted\"},[_vm._v(\"Showing \"+_vm._s(_vm.dataMeta.from)+\" to \"+_vm._s(_vm.dataMeta.to)+\" of \"+_vm._s(_vm.dataMeta.of)+\" entries\")])]),_c('b-col',{staticClass:\"d-flex align-items-center justify-content-center justify-content-sm-end\",attrs:{\"cols\":\"12\",\"sm\":\"6\"}},[_c('b-pagination',{staticClass:\"mb-0 mt-1 mt-sm-0\",attrs:{\"total-rows\":_vm.totalInvoices,\"per-page\":_vm.perPage,\"first-number\":\"\",\"last-number\":\"\",\"prev-class\":\"prev-item\",\"next-class\":\"next-item\"},scopedSlots:_vm._u([{key:\"prev-text\",fn:function(){return [_c('feather-icon',{attrs:{\"icon\":\"ChevronLeftIcon\",\"size\":\"18\"}})]},proxy:true},{key:\"next-text\",fn:function(){return [_c('feather-icon',{attrs:{\"icon\":\"ChevronRightIcon\",\"size\":\"18\"}})]},proxy:true}]),model:{value:(_vm.currentPage),callback:function ($$v) {_vm.currentPage=$$v},expression:\"currentPage\"}})],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { ref, watch, computed } from '@vue/composition-api'\r\nimport store from '@/store'\r\n\r\n// Notification\r\nimport { useToast } from 'vue-toastification/composition'\r\nimport ToastificationContent from '@core/components/toastification/ToastificationContent.vue'\r\n\r\nexport default function useInvoicesList() {\r\n  // Use toast\r\n  const toast = useToast()\r\n\r\n  const refInvoiceListTable = ref(null)\r\n\r\n  // Table Handlers\r\n  const tableColumns = [\r\n    { key: 'id', label: '#', sortable: true },\r\n    { key: 'invoiceStatus', sortable: true },\r\n    { key: 'client', sortable: true },\r\n    { key: 'total', sortable: true, formatter: val => `$${val}` },\r\n    { key: 'issuedDate', sortable: true },\r\n    { key: 'balance', sortable: true },\r\n    { key: 'actions' },\r\n  ]\r\n  const perPage = ref(10)\r\n  const totalInvoices = ref(0)\r\n  const currentPage = ref(1)\r\n  const perPageOptions = [10, 25, 50, 100]\r\n  const searchQuery = ref('')\r\n  const sortBy = ref('id')\r\n  const isSortDirDesc = ref(true)\r\n  const statusFilter = ref(null)\r\n\r\n  const dataMeta = computed(() => {\r\n    const localItemsCount = refInvoiceListTable.value ? refInvoiceListTable.value.localItems.length : 0\r\n    return {\r\n      from: perPage.value * (currentPage.value - 1) + (localItemsCount ? 1 : 0),\r\n      to: perPage.value * (currentPage.value - 1) + localItemsCount,\r\n      of: totalInvoices.value,\r\n    }\r\n  })\r\n\r\n  const refetchData = () => {\r\n    refInvoiceListTable.value.refresh()\r\n  }\r\n\r\n  watch([currentPage, perPage, searchQuery, statusFilter], () => {\r\n    refetchData()\r\n  })\r\n\r\n  const fetchInvoices = (ctx, callback) => {\r\n    store\r\n      .dispatch('app-invoice/fetchInvoices', {\r\n        q: searchQuery.value,\r\n        perPage: perPage.value,\r\n        page: currentPage.value,\r\n        sortBy: sortBy.value,\r\n        sortDesc: isSortDirDesc.value,\r\n        status: statusFilter.value,\r\n      })\r\n      .then(response => {\r\n        const { invoices, total } = response.data\r\n\r\n        callback(invoices)\r\n        totalInvoices.value = total\r\n      })\r\n      .catch(() => {\r\n        toast({\r\n          component: ToastificationContent,\r\n          props: {\r\n            title: \"Error fetching invoices' list\",\r\n            icon: 'AlertTriangleIcon',\r\n            variant: 'danger',\r\n          },\r\n        })\r\n      })\r\n  }\r\n\r\n  // *===============================================---*\r\n  // *--------- UI ---------------------------------------*\r\n  // *===============================================---*\r\n\r\n  const resolveInvoiceStatusVariantAndIcon = status => {\r\n    if (status === 'Partial Payment') return { variant: 'warning', icon: 'PieChartIcon' }\r\n    if (status === 'Paid') return { variant: 'success', icon: 'CheckCircleIcon' }\r\n    if (status === 'Downloaded') return { variant: 'info', icon: 'ArrowDownCircleIcon' }\r\n    if (status === 'Draft') return { variant: 'primary', icon: 'SaveIcon' }\r\n    if (status === 'Sent') return { variant: 'secondary', icon: 'SendIcon' }\r\n    if (status === 'Past Due') return { variant: 'danger', icon: 'InfoIcon' }\r\n    return { variant: 'secondary', icon: 'XIcon' }\r\n  }\r\n\r\n  const resolveClientAvatarVariant = status => {\r\n    if (status === 'Partial Payment') return 'primary'\r\n    if (status === 'Paid') return 'danger'\r\n    if (status === 'Downloaded') return 'secondary'\r\n    if (status === 'Draft') return 'warning'\r\n    if (status === 'Sent') return 'info'\r\n    if (status === 'Past Due') return 'success'\r\n    return 'primary'\r\n  }\r\n\r\n  return {\r\n    fetchInvoices,\r\n    tableColumns,\r\n    perPage,\r\n    currentPage,\r\n    totalInvoices,\r\n    dataMeta,\r\n    perPageOptions,\r\n    searchQuery,\r\n    sortBy,\r\n    isSortDirDesc,\r\n    refInvoiceListTable,\r\n\r\n    statusFilter,\r\n\r\n    resolveInvoiceStatusVariantAndIcon,\r\n    resolveClientAvatarVariant,\r\n\r\n    refetchData,\r\n  }\r\n}\r\n","<template>\r\n\r\n  <!-- Table Container Card -->\r\n  <b-card\r\n    no-body\r\n  >\r\n\r\n    <div class=\"m-2\">\r\n\r\n      <!-- Table Top -->\r\n      <b-row>\r\n\r\n        <!-- Per Page -->\r\n        <b-col\r\n          cols=\"12\"\r\n          md=\"6\"\r\n          class=\"d-flex align-items-center justify-content-start mb-1 mb-md-0\"\r\n        >\r\n          <label>Entries</label>\r\n          <v-select\r\n            v-model=\"perPage\"\r\n            :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\r\n            :options=\"perPageOptions\"\r\n            :clearable=\"false\"\r\n            class=\"per-page-selector d-inline-block ml-50 mr-1\"\r\n          />\r\n          <b-button\r\n            variant=\"primary\"\r\n            :to=\"{ name: 'apps-invoice-add'}\"\r\n          >\r\n            Add Record\r\n          </b-button>\r\n        </b-col>\r\n\r\n        <!-- Search -->\r\n        <b-col\r\n          cols=\"12\"\r\n          md=\"6\"\r\n        >\r\n          <div class=\"d-flex align-items-center justify-content-end\">\r\n            <b-form-input\r\n              v-model=\"searchQuery\"\r\n              class=\"d-inline-block mr-1\"\r\n              placeholder=\"Search...\"\r\n            />\r\n            <v-select\r\n              v-model=\"statusFilter\"\r\n              :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\r\n              :options=\"statusOptions\"\r\n              class=\"invoice-filter-select\"\r\n              placeholder=\"Select Status\"\r\n            >\r\n              <template #selected-option=\"{ label }\">\r\n                <span class=\"text-truncate overflow-hidden\">\r\n                  {{ label }}\r\n                </span>\r\n              </template>\r\n            </v-select>\r\n          </div>\r\n        </b-col>\r\n      </b-row>\r\n\r\n    </div>\r\n\r\n    <b-table\r\n      ref=\"refInvoiceListTable\"\r\n      :items=\"fetchInvoices\"\r\n      responsive\r\n      :fields=\"tableColumns\"\r\n      primary-key=\"id\"\r\n      :sort-by.sync=\"sortBy\"\r\n      show-empty\r\n      empty-text=\"No matching records found\"\r\n      :sort-desc.sync=\"isSortDirDesc\"\r\n      class=\"position-relative\"\r\n    >\r\n\r\n      <template #head(invoiceStatus)>\r\n        <feather-icon\r\n          icon=\"TrendingUpIcon\"\r\n          class=\"mx-auto\"\r\n        />\r\n      </template>\r\n\r\n      <!-- Column: Id -->\r\n      <template #cell(id)=\"data\">\r\n        <b-link\r\n          :to=\"{ name: 'apps-invoice-preview', params: { id: data.item.id }}\"\r\n          class=\"font-weight-bold\"\r\n        >\r\n          #{{ data.value }}\r\n        </b-link>\r\n      </template>\r\n\r\n      <!-- Column: Invoice Status -->\r\n      <template #cell(invoiceStatus)=\"data\">\r\n        <b-avatar\r\n          :id=\"`invoice-row-${data.item.id}`\"\r\n          size=\"32\"\r\n          :variant=\"`light-${resolveInvoiceStatusVariantAndIcon(data.item.invoiceStatus).variant}`\"\r\n        >\r\n          <feather-icon\r\n            :icon=\"resolveInvoiceStatusVariantAndIcon(data.item.invoiceStatus).icon\"\r\n          />\r\n        </b-avatar>\r\n        <b-tooltip\r\n          :target=\"`invoice-row-${data.item.id}`\"\r\n          placement=\"top\"\r\n        >\r\n          <p class=\"mb-0\">\r\n            {{ data.item.invoiceStatus }}\r\n          </p>\r\n          <p class=\"mb-0\">\r\n            Balance: {{ data.item.balance }}\r\n          </p>\r\n          <p class=\"mb-0\">\r\n            Due Date: {{ data.item.dueDate }}\r\n          </p>\r\n        </b-tooltip>\r\n      </template>\r\n\r\n      <!-- Column: Client -->\r\n      <template #cell(client)=\"data\">\r\n        <b-media vertical-align=\"center\">\r\n          <template #aside>\r\n            <b-avatar\r\n              size=\"32\"\r\n              :src=\"data.item.avatar\"\r\n              :text=\"avatarText(data.item.client.name)\"\r\n              :variant=\"`light-${resolveClientAvatarVariant(data.item.invoiceStatus)}`\"\r\n            />\r\n          </template>\r\n          <span class=\"font-weight-bold d-block text-nowrap\">\r\n            {{ data.item.client.name }}\r\n          </span>\r\n          <small class=\"text-muted\">{{ data.item.client.companyEmail }}</small>\r\n        </b-media>\r\n      </template>\r\n\r\n      <!-- Column: Issued Date -->\r\n      <template #cell(issuedDate)=\"data\">\r\n        <span class=\"text-nowrap\">\r\n          {{ data.value }}\r\n        </span>\r\n      </template>\r\n\r\n      <!-- Column: Balance -->\r\n      <template #cell(balance)=\"data\">\r\n        <template v-if=\"data.value === 0\">\r\n          <b-badge\r\n            pill\r\n            variant=\"light-success\"\r\n          >\r\n            Paid\r\n          </b-badge>\r\n        </template>\r\n        <template v-else>\r\n          {{ data.value }}\r\n        </template>\r\n      </template>\r\n\r\n      <!-- Column: Actions -->\r\n      <template #cell(actions)=\"data\">\r\n\r\n        <div class=\"text-nowrap\">\r\n          <feather-icon\r\n            :id=\"`invoice-row-${data.item.id}-send-icon`\"\r\n            icon=\"SendIcon\"\r\n            class=\"cursor-pointer\"\r\n            size=\"16\"\r\n          />\r\n          <b-tooltip\r\n            title=\"Send Invoice\"\r\n            class=\"cursor-pointer\"\r\n            :target=\"`invoice-row-${data.item.id}-send-icon`\"\r\n          />\r\n\r\n          <feather-icon\r\n            :id=\"`invoice-row-${data.item.id}-preview-icon`\"\r\n            icon=\"EyeIcon\"\r\n            size=\"16\"\r\n            class=\"mx-1\"\r\n            @click=\"$router.push({ name: 'apps-invoice-preview', params: { id: data.item.id }})\"\r\n          />\r\n          <b-tooltip\r\n            title=\"Preview Invoice\"\r\n            :target=\"`invoice-row-${data.item.id}-preview-icon`\"\r\n          />\r\n\r\n          <!-- Dropdown -->\r\n          <b-dropdown\r\n            variant=\"link\"\r\n            toggle-class=\"p-0\"\r\n            no-caret\r\n            :right=\"$store.state.appConfig.isRTL\"\r\n          >\r\n\r\n            <template #button-content>\r\n              <feather-icon\r\n                icon=\"MoreVerticalIcon\"\r\n                size=\"16\"\r\n                class=\"align-middle text-body\"\r\n              />\r\n            </template>\r\n            <b-dropdown-item>\r\n              <feather-icon icon=\"DownloadIcon\" />\r\n              <span class=\"align-middle ml-50\">Download</span>\r\n            </b-dropdown-item>\r\n            <b-dropdown-item :to=\"{ name: 'apps-invoice-edit', params: { id: data.item.id } }\">\r\n              <feather-icon icon=\"EditIcon\" />\r\n              <span class=\"align-middle ml-50\">Edit</span>\r\n            </b-dropdown-item>\r\n            <b-dropdown-item>\r\n              <feather-icon icon=\"TrashIcon\" />\r\n              <span class=\"align-middle ml-50\">Delete</span>\r\n            </b-dropdown-item>\r\n            <b-dropdown-item>\r\n              <feather-icon icon=\"CopyIcon\" />\r\n              <span class=\"align-middle ml-50\">Duplicate</span>\r\n            </b-dropdown-item>\r\n          </b-dropdown>\r\n        </div>\r\n      </template>\r\n\r\n    </b-table>\r\n    <div class=\"mx-2 mb-2\">\r\n      <b-row>\r\n\r\n        <b-col\r\n          cols=\"12\"\r\n          sm=\"6\"\r\n          class=\"d-flex align-items-center justify-content-center justify-content-sm-start\"\r\n        >\r\n          <span class=\"text-muted\">Showing {{ dataMeta.from }} to {{ dataMeta.to }} of {{ dataMeta.of }} entries</span>\r\n        </b-col>\r\n        <!-- Pagination -->\r\n        <b-col\r\n          cols=\"12\"\r\n          sm=\"6\"\r\n          class=\"d-flex align-items-center justify-content-center justify-content-sm-end\"\r\n        >\r\n\r\n          <b-pagination\r\n            v-model=\"currentPage\"\r\n            :total-rows=\"totalInvoices\"\r\n            :per-page=\"perPage\"\r\n            first-number\r\n            last-number\r\n            class=\"mb-0 mt-1 mt-sm-0\"\r\n            prev-class=\"prev-item\"\r\n            next-class=\"next-item\"\r\n          >\r\n            <template #prev-text>\r\n              <feather-icon\r\n                icon=\"ChevronLeftIcon\"\r\n                size=\"18\"\r\n              />\r\n            </template>\r\n            <template #next-text>\r\n              <feather-icon\r\n                icon=\"ChevronRightIcon\"\r\n                size=\"18\"\r\n              />\r\n            </template>\r\n          </b-pagination>\r\n\r\n        </b-col>\r\n\r\n      </b-row>\r\n    </div>\r\n  </b-card>\r\n\r\n</template>\r\n\r\n<script>\r\nimport {\r\n  BCard, BRow, BCol, BFormInput, BButton, BTable, BMedia, BAvatar, BLink,\r\n  BBadge, BDropdown, BDropdownItem, BPagination, BTooltip,\r\n} from 'bootstrap-vue'\r\nimport { avatarText } from '@core/utils/filter'\r\nimport vSelect from 'vue-select'\r\nimport { onUnmounted } from '@vue/composition-api'\r\nimport store from '@/store'\r\nimport useInvoicesList from './useInvoiceList'\r\n\r\nimport invoiceStoreModule from '../invoiceStoreModule'\r\n\r\nexport default {\r\n  components: {\r\n    BCard,\r\n    BRow,\r\n    BCol,\r\n    BFormInput,\r\n    BButton,\r\n    BTable,\r\n    BMedia,\r\n    BAvatar,\r\n    BLink,\r\n    BBadge,\r\n    BDropdown,\r\n    BDropdownItem,\r\n    BPagination,\r\n    BTooltip,\r\n\r\n    vSelect,\r\n  },\r\n  setup() {\r\n    const INVOICE_APP_STORE_MODULE_NAME = 'app-invoice'\r\n\r\n    // Register module\r\n    if (!store.hasModule(INVOICE_APP_STORE_MODULE_NAME)) store.registerModule(INVOICE_APP_STORE_MODULE_NAME, invoiceStoreModule)\r\n\r\n    // UnRegister on leave\r\n    onUnmounted(() => {\r\n      if (store.hasModule(INVOICE_APP_STORE_MODULE_NAME)) store.unregisterModule(INVOICE_APP_STORE_MODULE_NAME)\r\n    })\r\n\r\n    const statusOptions = [\r\n      'Downloaded',\r\n      'Draft',\r\n      'Paid',\r\n      'Partial Payment',\r\n      'Past Due',\r\n    ]\r\n\r\n    const {\r\n      fetchInvoices,\r\n      tableColumns,\r\n      perPage,\r\n      currentPage,\r\n      totalInvoices,\r\n      dataMeta,\r\n      perPageOptions,\r\n      searchQuery,\r\n      sortBy,\r\n      isSortDirDesc,\r\n      refInvoiceListTable,\r\n\r\n      statusFilter,\r\n\r\n      refetchData,\r\n\r\n      resolveInvoiceStatusVariantAndIcon,\r\n      resolveClientAvatarVariant,\r\n    } = useInvoicesList()\r\n\r\n    return {\r\n      fetchInvoices,\r\n      tableColumns,\r\n      perPage,\r\n      currentPage,\r\n      totalInvoices,\r\n      dataMeta,\r\n      perPageOptions,\r\n      searchQuery,\r\n      sortBy,\r\n      isSortDirDesc,\r\n      refInvoiceListTable,\r\n\r\n      statusFilter,\r\n\r\n      refetchData,\r\n\r\n      statusOptions,\r\n\r\n      avatarText,\r\n      resolveInvoiceStatusVariantAndIcon,\r\n      resolveClientAvatarVariant,\r\n    }\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.per-page-selector {\r\n  width: 90px;\r\n}\r\n\r\n.invoice-filter-select {\r\n  min-width: 190px;\r\n\r\n  ::v-deep .vs__selected-options {\r\n    flex-wrap: nowrap;\r\n  }\r\n\r\n  ::v-deep .vs__selected {\r\n    width: 100px;\r\n  }\r\n}\r\n</style>\r\n\r\n<style lang=\"scss\">\r\n@import '@core/scss/vue/libs/vue-select.scss';\r\n</style>\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!./InvoiceList.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!./InvoiceList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./InvoiceList.vue?vue&type=template&id=9a6e255c&scoped=true&\"\nimport script from \"./InvoiceList.vue?vue&type=script&lang=js&\"\nexport * from \"./InvoiceList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./InvoiceList.vue?vue&type=style&index=0&id=9a6e255c&prod&lang=scss&scoped=true&\"\nimport style1 from \"./InvoiceList.vue?vue&type=style&index=1&id=9a6e255c&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  \"9a6e255c\",\n  null\n  \n)\n\nexport default component.exports","import Vue from 'vue';\r\nimport router from '@/router';\r\n// eslint-disable-next-line object-curly-newline\r\nimport {\r\n  reactive,\r\n  getCurrentInstance,\r\n  watch,\r\n  toRefs,\r\n} from '@vue/composition-api';\r\n\r\nimport ToastificationContent from '@core/components/toastification/ToastificationContent.vue';\r\n\r\nexport const isObject = (obj) => typeof obj === 'object' && obj !== null;\r\n\r\nexport const isToday = (date) => {\r\n  const today = new Date();\r\n  return (\r\n    /* eslint-disable operator-linebreak */\r\n    date.getDate() === today.getDate() &&\r\n    date.getMonth() === today.getMonth() &&\r\n    date.getFullYear() === today.getFullYear()\r\n    /* eslint-enable */\r\n  );\r\n};\r\n\r\nconst getRandomFromArray = (array) =>\r\n  array[Math.floor(Math.random() * array.length)];\r\n\r\n// ? Light and Dark variant is not included\r\n// prettier-ignore\r\nexport const getRandomBsVariant = () => getRandomFromArray(['primary', 'secondary', 'success', 'warning', 'danger', 'info'])\r\n\r\nexport const isDynamicRouteActive = (route) => {\r\n  const { route: resolvedRoute } = router.resolve(route);\r\n  return resolvedRoute.path === router.currentRoute.path;\r\n};\r\n\r\n// Thanks: https://medium.com/better-programming/reactive-vue-routes-with-the-composition-api-18c1abd878d1\r\nexport const useRouter = () => {\r\n  const vm = getCurrentInstance().proxy;\r\n  const state = reactive({\r\n    route: vm.$route,\r\n  });\r\n\r\n  watch(\r\n    () => vm.$route,\r\n    (r) => {\r\n      state.route = r;\r\n    }\r\n  );\r\n\r\n  return { ...toRefs(state), router: vm.$router };\r\n};\r\n\r\n/**\r\n * This is just enhancement over Object.extend [Gives deep extend]\r\n * @param {target} a Object which contains values to be overridden\r\n * @param {source} b Object which contains values to override\r\n */\r\n// export const objectExtend = (a, b) => {\r\n//   // Don't touch 'null' or 'undefined' objects.\r\n//   if (a == null || b == null) {\r\n//     return a\r\n//   }\r\n\r\n//   Object.keys(b).forEach(key => {\r\n//     if (Object.prototype.toString.call(b[key]) === '[object Object]') {\r\n//       if (Object.prototype.toString.call(a[key]) !== '[object Object]') {\r\n//         // eslint-disable-next-line no-param-reassign\r\n//         a[key] = b[key]\r\n//       } else {\r\n//         // eslint-disable-next-line no-param-reassign\r\n//         a[key] = objectExtend(a[key], b[key])\r\n//       }\r\n//     } else {\r\n//       // eslint-disable-next-line no-param-reassign\r\n//       a[key] = b[key]\r\n//     }\r\n//   })\r\n\r\n//   return a\r\n// }\r\n\r\nexport function showToast(type, message) {\r\n  if (type == 'success') {\r\n    Vue.$toast({\r\n      component: ToastificationContent,\r\n      props: {\r\n        title: message,\r\n        icon: 'ez_check',\r\n        variant: 'success',\r\n      },\r\n    });\r\n  } else {\r\n    Vue.$toast({\r\n      component: ToastificationContent,\r\n      props: {\r\n        title: message,\r\n        icon: 'ez_error',\r\n        variant: 'danger',\r\n      },\r\n    });\r\n  }\r\n}\r\n\r\nexport function removeAccents(str) {\r\n  return str.normalize('NFD').replace(/[\\u0300-\\u036f]/g, '');\r\n}\r\n"],"sourceRoot":""}