{"version":3,"sources":["webpack:///./src/views/content/products/ProductList.vue?7085","webpack:///src/views/content/products/ProductList.vue","webpack:///./src/views/content/products/ProductList.vue?5064","webpack:///./src/views/content/products/ProductList.vue?5982","webpack:///./node_modules/export-to-csv/build/export-to-csv.js","webpack:///./src/views/content/products/ProductList.vue?2daa","webpack:///./node_modules/export-to-csv/build/index.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","on","$event","stopPropagation","toggleFilterSidebar","apply","arguments","_v","searchText","isSearchStalled","_e","_s","searchFilters","pagination","total","_m","fetchProducts","model","value","callback","$$v","$set","expression","_l","item","key","label","clickNotClose","isFilterSidebarActive","showCreateProductDialog","ref","isGeneratingCsv","generateCsv","setFrequency","freqOption","index","product_type_id","name","companies","length","company_id","hasFilters","clearFilters","class","type","indexOf","_k","keyCode","directives","rawName","slot","product_id","goToProductDetail","pageCount","page","val","models","Product","productTypes","staticRenderFns","component","Object","defineProperty","exports","CsvConfigConsts","EOL","BOM","DEFAULT_FIELD_SEPARATOR","DEFAULT_DECIMAL_SEPARATOR","DEFAULT_QUOTE","DEFAULT_SHOW_TITLE","DEFAULT_TITLE","DEFAULT_FILENAME","DEFAULT_SHOW_LABELS","DEFAULT_USE_TEXT_FILE","DEFAULT_USE_BOM","DEFAULT_HEADER","DEFAULT_KEYS_AS_HEADERS","ConfigDefaults","filename","fieldSeparator","quoteStrings","decimalSeparator","showLabels","showTitle","title","useTextFile","useBom","headers","useKeysAsHeaders","ExportToCsv","options","_csv","config","_options","objectAssign","console","warn","prototype","get","set","enumerable","configurable","jsonData","shouldReturnCsv","_parseData","_getHeaders","_getBody","FileType","fileExtension","blob","Blob","navigator","msSaveBlob","replace","attachmentType","link","encodeURI","document","createElement","href","URL","createObjectURL","setAttribute","download","body","appendChild","click","removeChild","log","keys","_data","row","keyPos","slice","i","_formatData","data","_isFloat","toLocaleString","toString","input","isFinite","Boolean","JSON","parse","hasOwnProperty","propIsEnumerable","propertyIsEnumerable","toObject","undefined","TypeError","target","from","source","_i","symbols","to","s","call","getOwnPropertySymbols","__export","m","p"],"mappings":"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","file":"js/chunk-7a5eadf8.e43d88fd.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{attrs:{\"id\":\"main-container\"}},[_c('div',{staticClass:\"algolia-header mb-4\"},[_c('div',{staticClass:\"flex md:items-end items-center justify-between flex-wrap\"},[_c('feather-icon',{staticClass:\"inline-flex lg:hidden cursor-pointer mr-4\",attrs:{\"icon\":\"MenuIcon\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.toggleFilterSidebar.apply(null, arguments)}}}),_c('p',{staticClass:\"lg:inline-flex hidden font-semibold algolia-filters-label\"},[_vm._v(\"Filters\")]),_c('div',{staticClass:\"flex justify-between items-end flex-grow\"},[_c('p',{staticClass:\"font-semibold md:block hidden\"},[(!(!!_vm.searchText) && !_vm.isSearchStalled)?_c('span',[_vm._v(_vm._s(_vm.searchFilters.pagination.total)+\" results found\")]):_vm._e()]),_c('div',{staticClass:\"flex flex-wrap\"},[_vm._m(0),_c('vs-select',{staticClass:\"mr-4 vs-input-shadow-drop vs-select-no-border d-theme-input-dark-bg w-48\",on:{\"input\":_vm.fetchProducts},model:{value:(_vm.searchFilters.pagination.count),callback:function ($$v) {_vm.$set(_vm.searchFilters.pagination, \"count\", $$v)},expression:\"searchFilters.pagination.count\"}},_vm._l((_vm.resultsPerPageOptions),function(item){return _c('vs-select-item',{key:item.value,attrs:{\"value\":item.value,\"text\":item.label}})}),1)],1)])],1)]),_c('div',{staticClass:\"relative clearfix\",attrs:{\"id\":\"algolia-content-container\"}},[_c('vs-sidebar',{staticClass:\"items-no-padding vs-sidebar-rounded background-absolute\",attrs:{\"parent\":\"#algolia-content-container\",\"click-not-close\":_vm.clickNotClose,\"hidden-background\":_vm.clickNotClose},model:{value:(_vm.isFilterSidebarActive),callback:function ($$v) {_vm.isFilterSidebarActive=$$v},expression:\"isFilterSidebarActive\"}},[_c('div',{staticClass:\"p-6 filter-container\"},[_c('vs-button',{staticClass:\"ml-auto w-full\",attrs:{\"color\":\"primary\",\"type\":\"border\",\"icon-after\":\"\",\"icon\":\"add\"},on:{\"click\":function($event){_vm.showCreateProductDialog = true}}},[_vm._v(\"Add New Product\")]),_c('vs-button',{ref:\"loadableButton\",staticClass:\"ml-auto w-full mt-4 vs-con-loading__container\",attrs:{\"id\":\"button-with-loading\",\"color\":\"primary\",\"type\":\"border\",\"disabled\":_vm.isGeneratingCsv},on:{\"click\":_vm.generateCsv}},[_vm._v(\"\\n            Export CSV\\n          \")]),_c('vs-divider'),_c('h6',{staticClass:\"font-bold mb-4\"},[_vm._v(\"Status\")]),_c('ul',_vm._l((_vm.activeOptions),function(item){return _c('li',{key:item.value,staticClass:\"mb-2 flex items-center justify-between\"},[_c('vs-checkbox',{staticClass:\"ml-0\",on:{\"change\":function($event){return _vm.fetchProducts()}},model:{value:(item.isSelected),callback:function ($$v) {_vm.$set(item, \"isSelected\", $$v)},expression:\"item.isSelected\"}},[_vm._v(\"\\n                \"+_vm._s(item.label)+\"\\n              \")])],1)}),0),_c('vs-divider'),_c('h6',{staticClass:\"font-bold mb-4\"},[_vm._v(\"Frequency\")]),_c('vs-select',{staticClass:\"mr-4 vs-input-shadow-drop vs-select-no-border vx-col\",on:{\"change\":function($event){return _vm.fetchProducts()}},model:{value:(_vm.setFrequency),callback:function ($$v) {_vm.setFrequency=$$v},expression:\"setFrequency\"}},_vm._l((_vm.frequencyOptions),function(freqOption,index){return _c('vs-select-item',{key:(index + \"-freqOption\"),attrs:{\"value\":freqOption.value,\"text\":freqOption.label}},[_vm._v(\"\\n                \"+_vm._s(freqOption.label)+\"\\n              \")])}),1),_c('vs-divider'),_c('h6',{staticClass:\"font-bold mb-4\"},[_vm._v(\"Product Type\")]),_c('ul',_vm._l((_vm.productTypes),function(item){return _c('li',{key:item.product_type_id,staticClass:\"mb-2 flex items-center justify-between\"},[_c('vs-checkbox',{staticClass:\"ml-0\",on:{\"change\":function($event){return _vm.fetchProducts()}},model:{value:(item.isSelected),callback:function ($$v) {_vm.$set(item, \"isSelected\", $$v)},expression:\"item.isSelected\"}},[_vm._v(\"\\n                \"+_vm._s(item.name)+\"\\n              \")])],1)}),0),_c('vs-divider'),_c('h6',{staticClass:\"font-bold mb-4\"},[_vm._v(\"Company\")]),_c('ul',[(!_vm.companies.length)?_c('li',[_vm._v(\"Error fetching companies.\")]):_vm._e(),_vm._l((_vm.companies),function(item){return _c('li',{key:item.company_id,staticClass:\"mb-2 flex items-center justify-between\"},[_c('vs-checkbox',{staticClass:\"ml-0\",on:{\"change\":function($event){return _vm.fetchProducts()}},model:{value:(item.isSelected),callback:function ($$v) {_vm.$set(item, \"isSelected\", $$v)},expression:\"item.isSelected\"}},[_vm._v(\"\\n                \"+_vm._s(item.name)+\"\\n              \")])],1)})],2),_c('vs-divider'),_c('div',{staticClass:\"flex justify-center\"},[_c('vs-button',{staticClass:\"w-full\",attrs:{\"disabled\":!_vm.hasFilters},on:{\"click\":_vm.clearFilters}},[_vm._v(\"\\n              Clear Filters\\n            \")])],1)],1)]),_c('div',{class:{'sidebar-spacer-with-margin': _vm.clickNotClose}},[_c('div',{staticClass:\"relative mb-8\"},[_c('vs-input',{staticClass:\"w-full vs-input-shadow-drop vs-input-no-border d-theme-input-dark-bg\",attrs:{\"type\":\"text\",\"placeholder\":\"Search here\",\"size\":\"large\"},on:{\"keyup\":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.fetchProducts.apply(null, arguments)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"esc\",27,$event.key,[\"Esc\",\"Escape\"])){ return null; }_vm.searchText = ''}]},model:{value:(_vm.searchText),callback:function ($$v) {_vm.searchText=$$v},expression:\"searchText\"}}),_c('p',{staticClass:\"mt-4 text-grey\",attrs:{\"hidden\":!_vm.isSearchStalled}},[_c('feather-icon',{staticClass:\"mr-2 align-middle\",attrs:{\"icon\":\"ClockIcon\",\"svgClasses\":\"w-4 h-4\"}}),_c('span',[_vm._v(\"Loading...\")])],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!(!!_vm.searchText)),expression:\"!(!!searchText)\"}],staticClass:\"absolute top-0 right-0 py-4 px-6\",attrs:{\"slot\":\"submit-icon\"},slot:\"submit-icon\"},[_c('feather-icon',{attrs:{\"icon\":\"SearchIcon\",\"svgClasses\":\"h-6 w-6\"}})],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!!_vm.searchText),expression:\"!!searchText\"}],staticClass:\"absolute top-0 right-0 py-4 px-6\",attrs:{\"slot\":\"reset-icon\"},slot:\"reset-icon\"},[_c('feather-icon',{attrs:{\"icon\":\"XIcon\",\"svgClasses\":\"h-6 w-6 cursor-pointer\"},on:{\"click\":_vm.clearFilters}})],1)],1),_vm._l((_vm.products),function(item){return _c('div',{key:item.product_id,staticClass:\"items-list-view\",attrs:{\"hidden\":_vm.isSearchStalled}},[_c('ItemListView',{attrs:{\"product\":item},on:{\"editProduct\":_vm.goToProductDetail}})],1)}),_c('vs-pagination',{attrs:{\"total\":_vm.pageCount,\"max\":7,\"value\":_vm.searchFilters.pagination.page},on:{\"input\":function (val) { _vm.searchFilters.pagination.page = val; _vm.fetchProducts(false); }}})],2)],1)]),_c('vs-prompt',{attrs:{\"buttons-hidden\":\"\",\"title\":\"New Product\",\"active\":_vm.showCreateProductDialog},on:{\"update:active\":function($event){_vm.showCreateProductDialog=$event}}},[_c('div',{staticClass:\"modal-lg\"},[_c('ProductGeneralEditor',{attrs:{\"product\":new _vm.models.Product(),\"companies\":_vm.companies,\"all-product-types\":_vm.productTypes},on:{\"productChanged\":function($event){return _vm.goToProductDetail($event.product_id)}}})],1)])],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('p',{staticClass:\"font-semibold md:block hidden mt-3 mr-2\"},[_c('span',[_vm._v(\"Results Per Page:\")])])}]\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n  File Name: ECommerceShop.vue\n  Description: eCommerce Shop Page\n  ----------------------------------------------------------------------------------------\n  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n    Author: Pixinvent\n  Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n<template>\n  <div>\n    <div id=\"main-container\">\n      <div class=\"algolia-header mb-4\">\n        <div class=\"flex md:items-end items-center justify-between flex-wrap\">\n          <!-- TOGGLE SIDEBAR BUTTON -->\n          <feather-icon\n            class=\"inline-flex lg:hidden cursor-pointer mr-4\"\n            icon=\"MenuIcon\"\n            @click.stop=\"toggleFilterSidebar\"/>\n\n          <p class=\"lg:inline-flex hidden font-semibold algolia-filters-label\">Filters</p>\n\n          <div class=\"flex justify-between items-end flex-grow\">\n            <!-- Stats -->\n            <p class=\"font-semibold md:block hidden\">\n              <span v-if=\"!(!!searchText) && !isSearchStalled\">{{ searchFilters.pagination.total }} results found</span>\n            </p>\n\n            <div class=\"flex flex-wrap\">\n\n              <!-- ITEMS PER PAGE -->\n              <p class=\"font-semibold md:block hidden mt-3 mr-2\">\n                <span>Results Per Page:</span>\n              </p>\n              <vs-select\n                v-model=\"searchFilters.pagination.count\"\n                @input=\"fetchProducts\"\n                class=\"mr-4 vs-input-shadow-drop vs-select-no-border d-theme-input-dark-bg w-48\">\n                <vs-select-item\n                  v-for=\"item in resultsPerPageOptions\"\n                  :key=\"item.value\" :value=\"item.value\" :text=\"item.label\"/>\n              </vs-select>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div id=\"algolia-content-container\" class=\"relative clearfix\">\n        <vs-sidebar\n          class=\"items-no-padding vs-sidebar-rounded background-absolute\"\n          parent=\"#algolia-content-container\"\n          :click-not-close=\"clickNotClose\"\n          :hidden-background=\"clickNotClose\"\n          v-model=\"isFilterSidebarActive\">\n\n          <div class=\"p-6 filter-container\">\n\n            <!-- Add New Product -->\n            <vs-button class=\"ml-auto w-full\" color=\"primary\" type=\"border\" icon-after icon=\"add\" @click=\"showCreateProductDialog = true\">Add New Product</vs-button>\n\n            <vs-button id=\"button-with-loading\" ref=\"loadableButton\" class=\"ml-auto w-full mt-4 vs-con-loading__container\" color=\"primary\" type=\"border\" :disabled=\"isGeneratingCsv\" @click=\"generateCsv\">\n              Export CSV\n            </vs-button>\n\n            <vs-divider/>\n\n            <!-- Status -->\n            <h6 class=\"font-bold mb-4\">Status</h6>\n            <ul>\n              <li v-for=\"item in activeOptions\" :key=\"item.value\"\n                  class=\"mb-2 flex items-center justify-between\">\n                <vs-checkbox v-model=\"item.isSelected\" class=\"ml-0\" @change=\"fetchProducts()\">\n                  {{ item.label }}\n                </vs-checkbox>\n              </li>\n            </ul>\n            <vs-divider/>\n\n            <h6 class=\"font-bold mb-4\">Frequency</h6>\n            <vs-select v-model=\"setFrequency\" @change=\"fetchProducts()\" class=\"mr-4 vs-input-shadow-drop vs-select-no-border vx-col\">\n                <vs-select-item\n                  v-for=\"(freqOption, index) in frequencyOptions\"\n                  :key=\"`${index}-freqOption`\"\n                  :value=\"freqOption.value\"\n                  :text=\"freqOption.label\"\n                >\n                  {{ freqOption.label }}\n                </vs-select-item>\n            </vs-select>\n            <vs-divider/>\n\n            <!-- Types -->\n            <h6 class=\"font-bold mb-4\">Product Type</h6>\n            <ul>\n              <!--              <li v-if=\"!companies.length\">Error fetching companies.</li>-->\n              <li v-for=\"item in productTypes\" :key=\"item.product_type_id\"\n                  class=\"mb-2 flex items-center justify-between\">\n                <vs-checkbox v-model=\"item.isSelected\" class=\"ml-0\" @change=\"fetchProducts()\">\n                  {{ item.name }}\n                </vs-checkbox>\n              </li>\n            </ul>\n            <vs-divider/>\n\n            <!-- Companies -->\n            <h6 class=\"font-bold mb-4\">Company</h6>\n            <ul>\n              <li v-if=\"!companies.length\">Error fetching companies.</li>\n              <li v-for=\"item in companies\" :key=\"item.company_id\"\n                  class=\"mb-2 flex items-center justify-between\">\n                <vs-checkbox v-model=\"item.isSelected\" class=\"ml-0\" @change=\"fetchProducts()\">\n                  {{ item.name }}\n                </vs-checkbox>\n              </li>\n            </ul>\n            <vs-divider/>\n\n\n            <div class=\"flex justify-center\">\n              <vs-button class=\"w-full\" @click=\"clearFilters\" :disabled=\"!hasFilters\">\n                Clear Filters\n              </vs-button>\n            </div>\n          </div>\n        </vs-sidebar>\n\n        <!-- RIGHT COL -->\n        <div :class=\"{'sidebar-spacer-with-margin': clickNotClose}\">\n\n          <!-- SEARCH BAR -->\n          <div class=\"relative mb-8\">\n\n            <!-- SEARCH INPUT -->\n            <vs-input class=\"w-full vs-input-shadow-drop vs-input-no-border d-theme-input-dark-bg\"\n                      type=\"text\"\n                      placeholder=\"Search here\"\n                      size=\"large\"\n                      v-model=\"searchText\"\n                      v-on:keyup.enter=\"fetchProducts\"\n                      v-on:keyup.esc=\"searchText = ''\"\n            />\n\n            <!-- SEARCH LOADING -->\n            <p :hidden=\"!isSearchStalled\" class=\"mt-4 text-grey\">\n              <feather-icon icon=\"ClockIcon\" svgClasses=\"w-4 h-4\" class=\"mr-2 align-middle\"/>\n              <span>Loading...</span>\n            </p>\n\n            <!-- SEARCH ICON -->\n            <div slot=\"submit-icon\" class=\"absolute top-0 right-0 py-4 px-6\"\n                 v-show=\"!(!!searchText)\">\n              <feather-icon icon=\"SearchIcon\" svgClasses=\"h-6 w-6\"/>\n            </div>\n\n            <!-- CLEAR INPUT ICON -->\n            <div slot=\"reset-icon\" class=\"absolute top-0 right-0 py-4 px-6\"\n                 v-show=\"!!searchText\">\n              <feather-icon icon=\"XIcon\" svgClasses=\"h-6 w-6 cursor-pointer\" @click=\"clearFilters\"/>\n            </div>\n          </div>\n\n\n          <!-- SEARCH RESULT -->\n          <div :hidden=\"isSearchStalled\" class=\"items-list-view\" v-for=\"item in products\"\n               :key=\"item.product_id\">\n\n            <ItemListView :product=\"item\" v-on:editProduct=\"goToProductDetail\">\n\n              <!--              &lt;!&ndash; SLOT: ACTION BUTTONS &ndash;&gt;-->\n              <!--              <template slot=\"action-buttons\">-->\n              <!--                <div-->\n              <!--                  class=\"item-view-primary-action-btn p-3 rounded-lg flex flex-grow items-center justify-center cursor-pointer mb-3\"-->\n              <!--                  @click=\"toggleItemInWishList(item)\">-->\n              <!--                  <feather-icon icon=\"HeartIcon\"-->\n              <!--                                :svgClasses=\"[{'text-danger fill-current' : isInWishList(item.product_id)}, 'h-4 w-4']\"/>-->\n              <!--                  <span class=\"text-sm font-semibold ml-2\">WISHLIST</span>-->\n              <!--                </div>-->\n              <!--                <div-->\n              <!--                  class=\"item-view-secondary-action-btn bg-primary p-3 rounded-lg flex flex-grow items-center justify-center text-white cursor-pointer\"-->\n              <!--                  @click=\"cartButtonClicked(item)\">-->\n              <!--                  <feather-icon icon=\"ShoppingBagIcon\" svgClasses=\"h-4 w-4\"/>-->\n\n              <!--                  <span class=\"text-sm font-semibold ml-2\" v-if=\"isInCart(item.product_id)\">VIEW IN CART</span>-->\n              <!--                  <span class=\"text-sm font-semibold ml-2\" v-else>ADD TO CART</span>-->\n              <!--                </div>-->\n              <!--              </template>-->\n            </ItemListView>\n\n          </div>\n\n          <!-- PAGINATION -->\n          <vs-pagination\n            :total=\"pageCount\"\n            :max=\"7\"\n            :value=\"searchFilters.pagination.page\"\n            @input=\"(val) => { searchFilters.pagination.page = val; fetchProducts(false); }\"/>\n        </div>\n      </div>\n    </div>\n\n\n    <vs-prompt\n      buttons-hidden\n      title=\"New Product\"\n      :active.sync=\"showCreateProductDialog\">\n      <div class=\"modal-lg\">\n        <ProductGeneralEditor\n          :product=\"new models.Product()\"\n          :companies=\"companies\"\n          :all-product-types=\"productTypes\"\n          v-on:productChanged=\"goToProductDetail($event.product_id)\"\n        />\n      </div>\n    </vs-prompt>\n\n  </div>\n</template>\n\n<script>\n  import api from '@/http/api';\n  import models from '@/models';\n  import ProductGeneralEditor from './components/ProductGeneralEditorCard';\n  import moment from \"moment\";\n  import {ExportToCsv} from \"export-to-csv\";\n\n  export default {\n    components: {\n      ProductGeneralEditor,\n      ItemListView: () => import(\"./components/ProductListItem.vue\"),\n    },\n    data() {\n      return {\n        showCreateProductDialog: false,\n        isGeneratingCsv: false,\n        models: models,\n        isSearchStalled: false,\n        currentRefinement: true,\n        setFrequency: null,\n        companies: [new models.Company()],\n        resultsPerPageOptions: [\n          {label: '25', value: 25},\n          {label: '50', value: 50},\n          {label: '100', value: 100}\n        ],\n        activeOptions: [\n          {label: 'Active', value: 1},\n          {label: 'Inactive', value: 0},\n        ],\n        frequencyOptions: [\n          {label: 'All', value: null},\n          {label: 'Has Frequency', value: true},\n          {label: 'No Frequency', value: false}\n        ],\n        productTypes: [\n          new models.ProductType({ product_type_id: 1, name: 'Oils' }),\n          new models.ProductType({ product_type_id: 2, name: 'Supplement' }),\n          new models.ProductType({ product_type_id: 3, name: 'Blend' }),\n          new models.ProductType({ product_type_id: 4, name: 'Kit' }),\n        ],\n        searchText: '',\n        searchFilters: {\n          filters: {\n            active: null,\n            companies: [],\n            product_types: [],\n            search: '',\n          },\n          pagination: {\n            total: 0,\n            count: 25,\n            page: 1,\n          },\n        },\n        products: [],\n        filtersLoadedFromStore: false,\n\n        // Filter Sidebar\n        isFilterSidebarActive: true,\n        clickNotClose: true,\n        fetchProductCount: 0,\n      }\n    },\n    mounted() {\n      this.fetchCompanies().then(() => {\n        this.loadFiltersFromStore();\n        console.log(`mounted: ${JSON.stringify(this.searchFilters)}`);\n        this.fetchProducts();\n      });\n      console.log(this.$store.state.activeUserToken);\n    },\n    computed: {\n      pageCount() {\n        let total = this.searchFilters.pagination.total;\n        let perPage = this.searchFilters.pagination.count;\n        let pages = Math.floor(total / perPage);\n        let plus1 = total % perPage !== 0;\n        if (plus1) pages++;\n        return pages;\n      },\n\n      windowWidth() {\n        return this.$store.state.windowWidth\n      },\n\n      hasFilters() {\n        if (this.searchFilters.filters.search) return true;\n        if (this.searchFilters.filters.companies.length > 0) return true;\n        if (this.searchFilters.filters.active !== null) return true;\n        if (this.searchFilters.filters.product_types.length > 0) return true;\n\n        return false;\n      },\n    },\n    watch: {\n      windowWidth() {\n        this.setSidebarWidth()\n      }\n    },\n    methods: {\n      isInCart() {\n        return false;\n      },\n      isInWishList() {\n        return false;\n      },\n      setSidebarWidth() {\n        if (this.windowWidth < 992) {\n          this.isFilterSidebarActive = this.clickNotClose = false\n        } else {\n          this.isFilterSidebarActive = this.clickNotClose = true\n        }\n      },\n      clearFilters() {\n        this.searchFilters.filters.search = '';\n        this.searchFilters.filters.companies = [];\n        this.searchFilters.pagination.count = this.resultsPerPageOptions[0].value;\n        this.searchFilters.pagination.page = 1;\n\n        this.searchText = '';\n        this.companies.forEach((company) => {\n          company.isSelected = false;\n        });\n        this.searchFilters.filters.active = null;\n        this.activeOptions.forEach((option) => {\n          option.isSelected = false;\n        });\n        this.searchFilters.filters.product_types = [];\n        this.productTypes.forEach((type) => {\n          type.isSelected = false;\n        });\n\n        this.fetchProducts();\n      },\n      async goToProductDetail(productId) {\n        this.showCreateProductDialog = false;\n        // just give the UI enough time to close the dialog\n        await new Promise(resolve => setTimeout(resolve, 300));\n        this.$router.push(`/content/products/detail?id=${productId}`).catch(()=> {\n        });\n      },\n      async fetchProducts(resetPage = true) {\n        if (!this.filtersLoadedFromStore) return;\n        if (this.searchText && !isNaN(this.searchText)) {\n          return this.goToProductDetail(this.searchText);\n        }\n\n        this.isSearchStalled = true;\n        const fetchNumber = ++this.fetchProductCount;\n\n        let productsObj = await api.fetchProducts(await this.buildSearchFilters());\n        if (fetchNumber === this.fetchProductCount) {\n          this.products = productsObj.products;\n          if (resetPage) this.searchFilters.pagination.page = 1;\n          this.searchFilters.pagination.total = productsObj.pagination.total;\n        }\n\n        this.isSearchStalled = false;\n      },\n\n      async fetchCompanies() {\n        let companiesObj = await api.fetchAllCompanies();\n\n        this.companies = companiesObj.companies;\n      },\n      loadFiltersFromStore(){\n        this.searchFilters = this.$store.state.productListFiltersJson ? JSON.parse(this.$store.state.productListFiltersJson) : this.searchFilters;\n\n        this.companies.forEach((company) => {\n          if (this.searchFilters.filters.companies.indexOf(company.company_id) !== -1)\n            company.isSelected = true;\n        });\n\n        this.productTypes.forEach((type) => {\n          if (this.searchFilters.filters.product_types.indexOf(type.product_type_id) !== -1)\n            type.isSelected = true;\n        });\n\n        this.activeOptions.forEach((activeOption) => {\n          if (this.searchFilters.filters.active === null) {\n            activeOption.isSelected = false;\n          } else if (this.searchFilters.filters.active) {\n            if (activeOption.label === 'Active') activeOption.isSelected = true;\n          } else {\n            if (activeOption.label === 'Inactive') activeOption.isSelected = true;\n          }\n        });\n\n        this.searchText = this.searchFilters.filters.search;\n\n        this.filtersLoadedFromStore = true;\n        console.log(`reverse built filters`);\n\n      },\n      async buildSearchFilters() {\n        // set companies filter\n        this.searchFilters.filters.companies = this.companies.filter((company) => {\n          return company.isSelected;\n        }).map((company) => {\n          return company.company_id;\n        });\n        // set product_types filter\n        this.searchFilters.filters.product_types = this.productTypes.filter((type) => {\n          return type.isSelected;\n        }).map((type) => {\n          return type.product_type_id;\n        });\n        // set active filter\n        let selectedActive = this.activeOptions.filter((option) => {return option.isSelected});\n        if (selectedActive.length !== 1) {\n          this.searchFilters.filters.active = null;\n        } else {\n          this.searchFilters.filters.active = selectedActive[0].value;\n        }\n        this.searchFilters.filters.search = this.searchText;\n\n        if (this.setFrequency != null) {\n          this.searchFilters.filters.hasFrequency = this.setFrequency;\n        }\n        else {\n          delete this.searchFilters.filters.hasFrequency;\n        }\n\n        await this.$store.dispatch('updateProductListFilters', JSON.stringify(this.searchFilters));\n        console.log(`store updated: ${JSON.stringify(this.searchFilters)}`);\n\n        return this.searchFilters;\n      },\n\n      toggleFilterSidebar() {\n        if (this.clickNotClose) return;\n        this.isFilterSidebarActive = !this.isFilterSidebarActive\n      },\n\n      async generateCsv() {\n        this.isGeneratingCsv = true;\n        this.$vs.loading({\n          container: \"#button-with-loading\",\n          scale: 0.45\n        });\n\n        let searchFilters = await this.buildSearchFilters();\n        searchFilters.pagination.page = 1;\n        searchFilters.pagination.count = this.searchFilters.pagination.total;\n        const productsObj = await api.fetchProducts(searchFilters);\n        const products = productsObj.products;\n\n        const fileName = moment().format(\"MMMM Do YYYY\") + ` Products`;\n        const csvHeaders = ['ID', 'Name', 'Name TM', 'Active', 'Type', 'Min Age', 'Max Age', 'Gender', 'Pregnant or Nursing'];\n\n        const csvExporter = new ExportToCsv({\n          filename: fileName,\n          showLabels: true,\n          showTitle: true,\n          title: fileName,\n          useKeysAsHeaders: false,\n          headers: csvHeaders\n        });\n        const csvData = this.formatForCsv(products)\n        csvExporter.generateCsv(csvData);\n\n        this.$vs.loading.close(\"#button-with-loading > .con-vs-loading\");\n        this.isGeneratingCsv = false;\n      },\n      formatForCsv(products) {\n        return products.map(product => {\n          const localizations = product.localizations.filter(localization => localization.language.language_id === 1);\n          const localization = localizations.length ? localizations[0] : null;\n          return {\n            id: product.product_id,\n            name: localization ? localization.product_name : \"\",\n            nameTm: localization ? localization.product_name_tm : \"\",\n            active: product.active ? \"Yes\" : \"No\",\n            type: product.product_type.name,\n            minAge: product.min_age || \"\",\n            maxAge: product.max_age || \"\",\n            gender: product.gender === null ? \"\" : product.gender === 0 ? \"F\" : \"M\",\n            preg_or_nurse: product.preg_or_nurse ? \"Yes\" : \"No\",\n          }\n        })\n      },\n    },\n    created() {\n      this.setSidebarWidth()\n    }\n  }\n\n</script>\n\n\n<style lang=\"scss\">\n  #main-container {\n    .algolia-header {\n      .algolia-filters-label {\n        width: calc(260px + 2.4rem);\n      }\n    }\n\n    #algolia-content-container {\n\n      .vs-sidebar {\n        position: relative;\n        float: left;\n      }\n    }\n\n    .algolia-search-input-right-aligned-icon {\n      padding: 1rem 1.5rem;\n    }\n\n    .algolia-price-slider {\n      min-width: unset;\n    }\n\n    .item-view-primary-action-btn {\n      color: #2c2c2c !important;\n      background-color: #f6f6f6;\n      min-width: 50%;\n    }\n\n    .item-view-secondary-action-btn {\n      min-width: 50%;\n    }\n  }\n\n  .theme-dark {\n    #main-container {\n      #algolia-content-container {\n        .vs-sidebar {\n          background-color: #10163a;\n        }\n      }\n    }\n  }\n\n  @media (min-width: 992px) {\n    .vs-sidebar-rounded {\n      .vs-sidebar {\n        border-radius: .5rem;\n      }\n\n      .vs-sidebar--items {\n        border-radius: .5rem;\n      }\n    }\n  }\n\n  @media (max-width: 992px) {\n    #algolia-content-container {\n      .vs-sidebar {\n        position: absolute !important;\n        float: none !important;\n      }\n    }\n  }\n\n</style>\n\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProductList.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProductList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ProductList.vue?vue&type=template&id=6da6543a&\"\nimport script from \"./ProductList.vue?vue&type=script&lang=js&\"\nexport * from \"./ProductList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ProductList.vue?vue&type=style&index=0&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","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar CsvConfigConsts = (function () {\n    function CsvConfigConsts() {\n    }\n    CsvConfigConsts.EOL = \"\\r\\n\";\n    CsvConfigConsts.BOM = \"\\ufeff\";\n    CsvConfigConsts.DEFAULT_FIELD_SEPARATOR = ',';\n    CsvConfigConsts.DEFAULT_DECIMAL_SEPARATOR = '.';\n    CsvConfigConsts.DEFAULT_QUOTE = '\"';\n    CsvConfigConsts.DEFAULT_SHOW_TITLE = false;\n    CsvConfigConsts.DEFAULT_TITLE = 'My Generated Report';\n    CsvConfigConsts.DEFAULT_FILENAME = 'generated';\n    CsvConfigConsts.DEFAULT_SHOW_LABELS = false;\n    CsvConfigConsts.DEFAULT_USE_TEXT_FILE = false;\n    CsvConfigConsts.DEFAULT_USE_BOM = true;\n    CsvConfigConsts.DEFAULT_HEADER = [];\n    CsvConfigConsts.DEFAULT_KEYS_AS_HEADERS = false;\n    return CsvConfigConsts;\n}());\nexports.CsvConfigConsts = CsvConfigConsts;\nexports.ConfigDefaults = {\n    filename: CsvConfigConsts.DEFAULT_FILENAME,\n    fieldSeparator: CsvConfigConsts.DEFAULT_FIELD_SEPARATOR,\n    quoteStrings: CsvConfigConsts.DEFAULT_QUOTE,\n    decimalSeparator: CsvConfigConsts.DEFAULT_DECIMAL_SEPARATOR,\n    showLabels: CsvConfigConsts.DEFAULT_SHOW_LABELS,\n    showTitle: CsvConfigConsts.DEFAULT_SHOW_TITLE,\n    title: CsvConfigConsts.DEFAULT_TITLE,\n    useTextFile: CsvConfigConsts.DEFAULT_USE_TEXT_FILE,\n    useBom: CsvConfigConsts.DEFAULT_USE_BOM,\n    headers: CsvConfigConsts.DEFAULT_HEADER,\n    useKeysAsHeaders: CsvConfigConsts.DEFAULT_KEYS_AS_HEADERS,\n};\nvar ExportToCsv = (function () {\n    function ExportToCsv(options) {\n        this._csv = \"\";\n        var config = options || {};\n        this._options = objectAssign({}, exports.ConfigDefaults, config);\n        if (this._options.useKeysAsHeaders\n            && this._options.headers\n            && this._options.headers.length > 0) {\n            console.warn('Option to use object keys as headers was set, but headers were still passed!');\n        }\n    }\n    Object.defineProperty(ExportToCsv.prototype, \"options\", {\n        get: function () {\n            return this._options;\n        },\n        set: function (options) {\n            this._options = objectAssign({}, exports.ConfigDefaults, options);\n        },\n        enumerable: true,\n        configurable: true\n    });\n    /**\n     * Generate and Download Csv\n     */\n    ExportToCsv.prototype.generateCsv = function (jsonData, shouldReturnCsv) {\n        if (shouldReturnCsv === void 0) { shouldReturnCsv = false; }\n        // Make sure to reset csv data on each run\n        this._csv = '';\n        this._parseData(jsonData);\n        if (this._options.useBom) {\n            this._csv += CsvConfigConsts.BOM;\n        }\n        if (this._options.showTitle) {\n            this._csv += this._options.title + '\\r\\n\\n';\n        }\n        this._getHeaders();\n        this._getBody();\n        if (this._csv == '') {\n            console.log(\"Invalid data\");\n            return;\n        }\n        // When the consumer asks for the data, exit the function\n        // by returning the CSV data built at this point\n        if (shouldReturnCsv) {\n            return this._csv;\n        }\n        // Create CSV blob to download if requesting in the browser and the\n        // consumer doesn't set the shouldReturnCsv param\n        var FileType = this._options.useTextFile ? 'plain' : 'csv';\n        var fileExtension = this._options.useTextFile ? '.txt' : '.csv';\n        var blob = new Blob([this._csv], { \"type\": \"text/\" + FileType + \";charset=utf8;\" });\n        if (navigator.msSaveBlob) {\n            var filename = this._options.filename.replace(/ /g, \"_\") + fileExtension;\n            navigator.msSaveBlob(blob, filename);\n        }\n        else {\n            var attachmentType = this._options.useTextFile ? 'text' : 'csv';\n            var uri = 'data:attachment/' + attachmentType + ';charset=utf-8,' + encodeURI(this._csv);\n            var link = document.createElement(\"a\");\n            link.href = URL.createObjectURL(blob);\n            link.setAttribute('visibility', 'hidden');\n            link.download = this._options.filename.replace(/ /g, \"_\") + fileExtension;\n            document.body.appendChild(link);\n            link.click();\n            document.body.removeChild(link);\n        }\n    };\n    /**\n     * Create Headers\n     */\n    ExportToCsv.prototype._getHeaders = function () {\n        if (!this._options.showLabels && !this._options.useKeysAsHeaders) {\n            return;\n        }\n        var useKeysAsHeaders = this._options.useKeysAsHeaders;\n        var headers = useKeysAsHeaders ? Object.keys(this._data[0]) : this._options.headers;\n        if (headers.length > 0) {\n            var row = \"\";\n            for (var keyPos = 0; keyPos < headers.length; keyPos++) {\n                row += headers[keyPos] + this._options.fieldSeparator;\n            }\n            row = row.slice(0, -1);\n            this._csv += row + CsvConfigConsts.EOL;\n        }\n    };\n    /**\n     * Create Body\n     */\n    ExportToCsv.prototype._getBody = function () {\n        var keys = Object.keys(this._data[0]);\n        for (var i = 0; i < this._data.length; i++) {\n            var row = \"\";\n            for (var keyPos = 0; keyPos < keys.length; keyPos++) {\n                var key = keys[keyPos];\n                row += this._formatData(this._data[i][key]) + this._options.fieldSeparator;\n            }\n            row = row.slice(0, -1);\n            this._csv += row + CsvConfigConsts.EOL;\n        }\n    };\n    /**\n     * Format Data\n     * @param {any} data\n     */\n    ExportToCsv.prototype._formatData = function (data) {\n        if (this._options.decimalSeparator === 'locale' && this._isFloat(data)) {\n            return data.toLocaleString();\n        }\n        if (this._options.decimalSeparator !== '.' && this._isFloat(data)) {\n            return data.toString().replace('.', this._options.decimalSeparator);\n        }\n        if (typeof data === 'string') {\n            data = data.replace(/\"/g, '\"\"');\n            if (this._options.quoteStrings || data.indexOf(',') > -1 || data.indexOf('\\n') > -1 || data.indexOf('\\r') > -1) {\n                data = this._options.quoteStrings + data + this._options.quoteStrings;\n            }\n            return data;\n        }\n        if (typeof data === 'boolean') {\n            return data ? 'TRUE' : 'FALSE';\n        }\n        return data;\n    };\n    /**\n     * Check if is Float\n     * @param {any} input\n     */\n    ExportToCsv.prototype._isFloat = function (input) {\n        return +input === input && (!isFinite(input) || Boolean(input % 1));\n    };\n    /**\n     * Parse the collection given to it\n     *\n     * @private\n     * @param {*} jsonData\n     * @returns {any[]}\n     * @memberof ExportToCsv\n     */\n    ExportToCsv.prototype._parseData = function (jsonData) {\n        this._data = typeof jsonData != 'object' ? JSON.parse(jsonData) : jsonData;\n        return this._data;\n    };\n    return ExportToCsv;\n}());\nexports.ExportToCsv = ExportToCsv;\nvar hasOwnProperty = Object.prototype.hasOwnProperty;\nvar propIsEnumerable = Object.prototype.propertyIsEnumerable;\n/**\n * Convet to Object\n * @param {any} val\n */\nfunction toObject(val) {\n    if (val === null || val === undefined) {\n        throw new TypeError('Object.assign cannot be called with null or undefined');\n    }\n    return Object(val);\n}\n/**\n * Assign data  to new Object\n * @param {any}   target\n * @param {any[]} ...source\n */\nfunction objectAssign(target) {\n    var source = [];\n    for (var _i = 1; _i < arguments.length; _i++) {\n        source[_i - 1] = arguments[_i];\n    }\n    var from;\n    var to = toObject(target);\n    var symbols;\n    for (var s = 1; s < arguments.length; s++) {\n        from = Object(arguments[s]);\n        for (var key in from) {\n            if (hasOwnProperty.call(from, key)) {\n                to[key] = from[key];\n            }\n        }\n        if (Object.getOwnPropertySymbols) {\n            symbols = Object.getOwnPropertySymbols(from);\n            for (var i = 0; i < symbols.length; i++) {\n                if (propIsEnumerable.call(from, symbols[i])) {\n                    to[symbols[i]] = from[symbols[i]];\n                }\n            }\n        }\n    }\n    return to;\n}\n//# sourceMappingURL=export-to-csv.js.map","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/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-loader/lib/index.js??vue-loader-options!./ProductList.vue?vue&type=style&index=0&lang=scss&\"","\"use strict\";\nfunction __export(m) {\n    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];\n}\nObject.defineProperty(exports, \"__esModule\", { value: true });\n__export(require(\"./export-to-csv\"));\n//# sourceMappingURL=index.js.map"],"sourceRoot":""}