@sentecacommerce-theme/lib 0.13.7-alpha.7 → 0.13.10

package/dist/cjs/listing/hooks/useListingFilters.js

@@ -13,6 +13,11 @@ var _useListingSlug = require("./useListingSlug");
 var _generateQueryFromRouter = require("../../utils/generateQueryFromRouter");
 var _typeToSuffix = require("../../utils/typeToSuffix");
 var _utils = require("../../utils");
+function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
 function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
 }
@@ -35,12 +40,14 @@ function _interopRequireDefault(obj) {
     };
 }
 function _iterableToArrayLimit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
     var _arr = [];
     var _n = true;
     var _d = false;
-    var _e = undefined;
+    var _s, _e;
     try {
-        for(var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true){
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
             _arr.push(_s.value);
             if (i && _arr.length === i) break;
         }
@@ -57,12 +64,11 @@ function _iterableToArrayLimit(arr, i) {
     return _arr;
 }
 function _nonIterableRest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance");
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _objectSpread(target) {
     for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {
-        };
+        var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
         if (typeof Object.getOwnPropertySymbols === "function") {
             ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
@@ -76,12 +82,20 @@ function _objectSpread(target) {
     return target;
 }
 function _slicedToArray(arr, i) {
-    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
 var ListingFiltersStateContext = /*#__PURE__*/ _react.default.createContext(undefined);
 function ListingFiltersProvider(param) {
     var children = param.children;
-    var ref3 = (0, _useListingConfig).useListingConfig(), aggregates = ref3.aggregates, pageType = ref3.type, attributeSortType = ref3.attributeSortType, meta = ref3.meta;
+    var ref5 = (0, _useListingConfig).useListingConfig(), aggregates = ref5.aggregates, pageType = ref5.type, attributeSortType = ref5.attributeSortType, meta = ref5.meta;
     var ref1 = (0, _api).useAggregateQuery(aggregates, _api.AggregateRequestEnum.Filters, attributeSortType), aggData = ref1.data, isLoading = ref1.isLoading, isFetching = ref1.isFetching;
     var router = (0, _router).useRouter();
     var slug = (0, _useListingSlug).useListingSlug();
@@ -90,19 +104,20 @@ function ListingFiltersProvider(param) {
             var result = aggregates === null || aggregates === void 0 ? void 0 : aggregates.sort(function(a, b) {
                 return Number(a.order) - Number(b.order);
             }).map(function(currentAggregate) {
-                var ref, ref2;
+                var ref, ref2, ref3;
                 var type = (currentAggregate === null || currentAggregate === void 0 ? void 0 : (ref = currentAggregate.aggregationType) === null || ref === void 0 ? void 0 : ref.toString()) || '';
                 var term = (currentAggregate === null || currentAggregate === void 0 ? void 0 : (ref2 = currentAggregate.aggregationDefinition) === null || ref2 === void 0 ? void 0 : ref2.split(':')[0]) || '';
                 var filter = (currentAggregate === null || currentAggregate === void 0 ? void 0 : currentAggregate.filterDefinition) || '';
                 var current = aggData[type].find(function(agg) {
                     return agg.name === term;
                 });
+                var ref4;
                 var generatedFilters = generateFilters({
                     rawFilters: current,
                     filter: filter,
                     router: router,
                     type: type,
-                    slug: slug,
+                    slug: (ref4 = (ref3 = meta.slugAliases) === null || ref3 === void 0 ? void 0 : ref3[slug]) !== null && ref4 !== void 0 ? ref4 : slug,
                     pageType: pageType
                 });
                 var selectedCount = generatedFilters === null || generatedFilters === void 0 ? void 0 : generatedFilters.reduce(function(count, res) {
@@ -118,10 +133,11 @@ function ListingFiltersProvider(param) {
                     clearAll: function() {
                         return router.push({
                             pathname: router.pathname,
-                            query: _objectSpread({
-                            }, router.query, {
+                            query: _objectSpread({}, router.query, {
                                 filter: filterByType(router.query.filter, filter)
                             })
+                        }, undefined, {
+                            shallow: true
                         });
                     },
                     type: type
@@ -136,12 +152,13 @@ function ListingFiltersProvider(param) {
         router
     ]);
     var clearAllFilters = function() {
-        var query = _objectSpread({
-        }, router.query);
+        var query = _objectSpread({}, router.query);
         delete query.filter;
         router.push({
             pathname: router.pathname,
             query: query
+        }, undefined, {
+            shallow: true
         });
     };
     var selectedFilters = _react.default.useMemo(function() {
@@ -169,10 +186,10 @@ function useListingFilters() {
 }
 function generateFilters(param) {
     var rawFilters = param.rawFilters, type = param.type, filter = param.filter, slug = param.slug, router = param.router, pageType = param.pageType;
-    var ref, ref4;
-    return (ref4 = (ref = rawFilters.results) === null || ref === void 0 ? void 0 : ref.filter(function(res) {
+    var ref, ref6;
+    return (ref6 = (ref = rawFilters.results) === null || ref === void 0 ? void 0 : ref.filter(function(res) {
         return res.count > 0;
-    })) === null || ref4 === void 0 ? void 0 : ref4.map(function(currentTerm) {
+    })) === null || ref6 === void 0 ? void 0 : ref6.map(function(currentTerm) {
         var filterKey = mapKey(currentTerm, type);
         var selected = isFilterSelected(router, filter, filterKey, filtersOperatorsMap[type]);
         return {
@@ -184,17 +201,19 @@ function generateFilters(param) {
                     aggType: filter,
                     aggKey: filterKey,
                     aggOperator: filtersOperatorsMap[type]
-                }, Boolean(selected), router));
+                }, Boolean(selected), router), undefined, {
+                    shallow: true
+                });
             }
         };
     });
 }
 var isFilterSelected = function(router, filter, filterKey, type) {
-    var ref, ref5, ref6, ref7, ref8;
+    var ref, ref7, ref8, ref9, ref10;
     var areFiltersArray = Array.isArray((ref = router.query) === null || ref === void 0 ? void 0 : ref.filter);
-    return areFiltersArray ? !!((ref6 = (ref5 = router.query.filter) === null || ref5 === void 0 ? void 0 : ref5.find(function(sel) {
+    return areFiltersArray ? !!((ref8 = (ref7 = router.query.filter) === null || ref7 === void 0 ? void 0 : ref7.find(function(sel) {
         return sel.includes("".concat(filter, ";").concat(type));
-    })) === null || ref6 === void 0 ? void 0 : ref6.includes(filterKey)) : ((ref7 = router.query.filter) === null || ref7 === void 0 ? void 0 : ref7.includes("".concat(filter, ";").concat(type))) && ((ref8 = router.query.filter) === null || ref8 === void 0 ? void 0 : ref8.includes(filterKey));
+    })) === null || ref8 === void 0 ? void 0 : ref8.includes(filterKey)) : ((ref9 = router.query.filter) === null || ref9 === void 0 ? void 0 : ref9.includes("".concat(filter, ";").concat(type))) && ((ref10 = router.query.filter) === null || ref10 === void 0 ? void 0 : ref10.includes(filterKey));
 };
 var filtersOperatorsMap = {
     ranges: 'range',
@@ -219,17 +238,16 @@ function manageFilter(pair, query, remove) {
     return result;
 }
 var generateQueryString = function(query, pair, remove) {
-    var activeFilters = {
-    };
+    var activeFilters = {};
     var extractFilter = function(param) {
         var _str = param.str, str = _str === void 0 ? '' : _str, aggPair = param.aggPair;
         var ref = _slicedToArray(str.split(';'), 3), type = ref[0], operator = ref[1], val = ref[2];
-        var ref9;
-        var filterType = (ref9 = aggPair === null || aggPair === void 0 ? void 0 : aggPair.aggType) !== null && ref9 !== void 0 ? ref9 : type;
-        var ref10;
-        var filterVal = (ref10 = aggPair === null || aggPair === void 0 ? void 0 : aggPair.aggKey) !== null && ref10 !== void 0 ? ref10 : val;
         var ref11;
-        var filterOperator = (ref11 = aggPair === null || aggPair === void 0 ? void 0 : aggPair.aggOperator) !== null && ref11 !== void 0 ? ref11 : operator;
+        var filterType = (ref11 = aggPair === null || aggPair === void 0 ? void 0 : aggPair.aggType) !== null && ref11 !== void 0 ? ref11 : type;
+        var ref12;
+        var filterVal = (ref12 = aggPair === null || aggPair === void 0 ? void 0 : aggPair.aggKey) !== null && ref12 !== void 0 ? ref12 : val;
+        var ref13;
+        var filterOperator = (ref13 = aggPair === null || aggPair === void 0 ? void 0 : aggPair.aggOperator) !== null && ref13 !== void 0 ? ref13 : operator;
         if (activeFilters[filterType]) {
             activeFilters[filterType] += ",".concat(filterVal);
         } else {
@@ -254,10 +272,17 @@ var generateQueryString = function(query, pair, remove) {
         }
     });
     if (remove) {
-        var applied = activeFilters[pair.aggType].split(';')[2].split(',');
-        var remaining = applied.filter(function(x) {
-            return !pair.aggKey.includes(x);
+        var applied = pair.aggType !== 'price' ? activeFilters[pair.aggType].split(';')[2].split(',') : activeFilters[pair.aggType].split(';')[2].split(',')// split into chunks of 2
+        .map(function(_, i, list) {
+            return list.slice(i * 2, i * 2 + 2);
+        })// filter out inner array (array of chunks) if no chunks
+        .filter(function(el) {
+            return el.length;
         });
+        var remaining = applied.filter(function(x) {
+            // array if pair.aggType === 'price', otherwise string
+            return pair.aggKey !== (Array.isArray(x) ? x.join(',') : x);
+        }).flat();
         if (remaining.length === 0) {
             activeFilters[pair.aggType] = "";
         } else {

package/dist/cjs/listing/hooks/useListingMeta.js

@@ -1,6 +1,8 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
+exports.getFilterByType = getFilterByType;
+exports.getCategoryName = getCategoryName;
 exports.useListingMeta = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _api = require("../api");
@@ -8,18 +10,17 @@ var _utils = require("../../utils");
 var _assetsToMap = require("../../utils/assetsToMap");
 var _router = require("next/router");
 var _utils1 = require("../utils");
-var _types = require("../types");
 var _index = require("../../index");
 var _useListingFilters = require("./useListingFilters");
 var _useListingCategories = require("./useListingCategories");
 var _ = require(".");
+function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
 function _arrayWithoutHoles(arr) {
-    if (Array.isArray(arr)) {
-        for(var i = 0, arr2 = new Array(arr.length); i < arr.length; i++){
-            arr2[i] = arr[i];
-        }
-        return arr2;
-    }
+    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
 }
 function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
@@ -27,13 +28,48 @@ function _interopRequireDefault(obj) {
     };
 }
 function _iterableToArray(iter) {
-    if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter);
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
 function _nonIterableSpread() {
-    throw new TypeError("Invalid attempt to spread non-iterable instance");
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _objectWithoutProperties(source, excluded) {
+    if (source == null) return {};
+    var target = _objectWithoutPropertiesLoose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
 }
 function _toConsumableArray(arr) {
-    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread();
+    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+}
+function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
 var useListingMeta = function() {
     var router = (0, _router).useRouter();
@@ -82,74 +118,57 @@ var useListingMeta = function() {
 };
 exports.useListingMeta = useListingMeta;
 function processDisplayName(slug, config, name, breadcrumb, router, aggData, categoriesData) {
+    var ref, ref5, ref6;
     var listingName = (0, _utils).getTranslatableField(name);
     var brandName = getBrandName(router, aggData);
     var categoryName = getCategoryName(router, categoriesData);
     var type = (0, _utils1).getListingPageType(router, slug, config);
-    if (type === _types.ListingTypesEnum.AttrPage) {
-        return "Всичко за ".concat(config.titleAliases[slug]);
-    }
-    if (router === null || router === void 0 ? void 0 : router.query.cat) {
-        var attribute = (0, _utils).getTranslatableField(breadcrumb === null || breadcrumb === void 0 ? void 0 : breadcrumb.label);
-        if (type === _types.ListingTypesEnum.Category) {
-            if (!brandName) {
-                return "".concat(listingName, " за ").concat(attribute);
-            }
-            return "".concat(listingName, " за ").concat(attribute, " от ").concat(brandName);
-        }
-        if (type === _types.ListingTypesEnum.Brand) {
-            if (!categoryName) {
-                return "Всички продукти от ".concat(listingName, " за ").concat(attribute);
-            }
-            return "".concat(categoryName, " от ").concat(listingName, " за ").concat(attribute);
-        }
-    }
-    if (type === _types.ListingTypesEnum.Category && brandName) {
-        return "".concat(listingName, " от ").concat(brandName);
-    }
-    if (type === _types.ListingTypesEnum.Brand) {
-        if (!categoryName) {
-            return "Всички продукти от ".concat(listingName);
-        }
-        return "".concat(categoryName, " от ").concat(listingName);
-    }
-    if (type === _types.ListingTypesEnum.Search && (router === null || router === void 0 ? void 0 : router.query.search)) {
-        return "".concat(listingName, " от \"").concat(router.query.search, "\"");
-    }
-    return listingName;
+    var getTitle = config.getTitle, rest = _objectWithoutProperties(config, [
+        "getTitle"
+    ]);
+    var title = getTitle === null || getTitle === void 0 ? void 0 : getTitle(type, rest, {
+        category: categoryName,
+        brand: brandName,
+        defaultName: listingName,
+        attribute: (ref = config.titleAliases) === null || ref === void 0 ? void 0 : ref[slug],
+        childAttribute: (0, _utils).getTranslatableField(breadcrumb === null || breadcrumb === void 0 ? void 0 : breadcrumb.label),
+        search: (router === null || router === void 0 ? void 0 : (ref5 = router.query) === null || ref5 === void 0 ? void 0 : ref5.q) || (router === null || router === void 0 ? void 0 : (ref6 = router.query) === null || ref6 === void 0 ? void 0 : ref6.search),
+        isWithAttribute: Boolean(router === null || router === void 0 ? void 0 : router.query.cat)
+    });
+    return title || listingName;
 }
 function getFilterByType(filterType, router) {
     var filterId = '';
     if (Array.isArray(router === null || router === void 0 ? void 0 : router.query.filter)) {
-        var ref, ref5;
+        var ref, ref7;
         var filters = (ref = router === null || router === void 0 ? void 0 : router.query.filter) === null || ref === void 0 ? void 0 : ref.filter(function(x) {
             return x === null || x === void 0 ? void 0 : x.includes(filterType);
         });
         if ((filters === null || filters === void 0 ? void 0 : filters.length) && filters.length > 1) {
             return '';
         }
-        var filterTerm = (ref5 = /\d+/.exec((filters === null || filters === void 0 ? void 0 : filters[0]) || '')) === null || ref5 === void 0 ? void 0 : ref5[0];
+        var filterTerm = (ref7 = /\d+/.exec((filters === null || filters === void 0 ? void 0 : filters[0]) || '')) === null || ref7 === void 0 ? void 0 : ref7[0];
         if (!filterTerm) return '';
         filterId = filterTerm;
     } else {
-        var ref6, ref7, ref8;
-        var isFiltered = router === null || router === void 0 ? void 0 : (ref6 = router.query) === null || ref6 === void 0 ? void 0 : (ref7 = ref6.filter) === null || ref7 === void 0 ? void 0 : ref7.includes(filterType);
+        var ref8, ref9, ref10;
+        var isFiltered = router === null || router === void 0 ? void 0 : (ref8 = router.query) === null || ref8 === void 0 ? void 0 : (ref9 = ref8.filter) === null || ref9 === void 0 ? void 0 : ref9.includes(filterType);
         if (!isFiltered) {
             return '';
         }
-        filterId = (ref8 = /(\w+)-(\d+)/.exec(router === null || router === void 0 ? void 0 : router.query.filter)) === null || ref8 === void 0 ? void 0 : ref8[0];
+        filterId = (ref10 = /(\w+)-(\d+)/.exec(router === null || router === void 0 ? void 0 : router.query.filter)) === null || ref10 === void 0 ? void 0 : ref10[0];
     }
     return filterId;
 }
 function getBrandName(router, filtersData) {
-    var ref, ref9, ref10;
+    var ref, ref11, ref12;
     var brandId = getFilterByType('brand', router);
     var brand = (ref = filtersData === null || filtersData === void 0 ? void 0 : filtersData.find(function(x) {
         return x.name === 'Brands';
-    })) === null || ref === void 0 ? void 0 : (ref9 = ref.items) === null || ref9 === void 0 ? void 0 : ref9.find(function(x) {
+    })) === null || ref === void 0 ? void 0 : (ref11 = ref.items) === null || ref11 === void 0 ? void 0 : ref11.find(function(x) {
         return x.data.key === brandId;
     });
-    return (0, _utils).getTranslatableField(brand === null || brand === void 0 ? void 0 : (ref10 = brand.meta) === null || ref10 === void 0 ? void 0 : ref10.name);
+    return (0, _utils).getTranslatableField(brand === null || brand === void 0 ? void 0 : (ref12 = brand.meta) === null || ref12 === void 0 ? void 0 : ref12.name);
 }
 function getCategoryName(router, categories) {
     var categoryId = getFilterByType('category', router);

package/dist/cjs/listing/hooks/useListingPagination.js

@@ -28,8 +28,7 @@ function _interopRequireDefault(obj) {
 }
 function _objectSpread(target) {
     for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {
-        };
+        var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
         if (typeof Object.getOwnPropertySymbols === "function") {
             ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
@@ -62,15 +61,13 @@ var useListingPagination = function() {
         router,
         slug
     ]);
-    return _objectSpread({
-    }, result, {
+    return _objectSpread({}, result, {
         isLoading: isLoading
     });
 };
 exports.useListingPagination = useListingPagination;
 function generateQuery(router, slug) {
-    var query = {
-    };
+    var query = {};
     if (router.query.q) {
         query.q = router.query.q;
     } else {

package/dist/cjs/listing/hooks/useSlideFilter.js

@@ -9,16 +9,23 @@ var _utils1 = require("../utils");
 var _useListingFilters = require("./useListingFilters");
 var _index = require("../../index");
 var _ = require(".");
+function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
 function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function _iterableToArrayLimit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
     var _arr = [];
     var _n = true;
     var _d = false;
-    var _e = undefined;
+    var _s, _e;
     try {
-        for(var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true){
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
             _arr.push(_s.value);
             if (i && _arr.length === i) break;
         }
@@ -35,13 +42,21 @@ function _iterableToArrayLimit(arr, i) {
     return _arr;
 }
 function _nonIterableRest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance");
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _slicedToArray(arr, i) {
-    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
 var useSlideFilter = function(filterName, min, max) {
-    var ref;
+    var ref3;
     var router = (0, _router).useRouter();
     var meta = (0, _).useListingConfig().meta;
     var slug = (0, _index).useListingAlias(meta).slug;
@@ -56,7 +71,7 @@ var useSlideFilter = function(filterName, min, max) {
         }
         if (allFilters.includes(filterQuery)) return allFilters;
     };
-    var filter = (ref = getFilter()) === null || ref === void 0 ? void 0 : ref.replace(filterQuery, '');
+    var filter = (ref3 = getFilter()) === null || ref3 === void 0 ? void 0 : ref3.replace(filterQuery, '');
     var ref1 = _slicedToArray(filter ? filter.split(',') : [
         min,
         max
@@ -66,16 +81,38 @@ var useSlideFilter = function(filterName, min, max) {
         to: +to || max
     }), 2), state = ref2[0], setState = ref2[1];
     var timeoutRef = (0, _react).useRef();
-    var updateValue = (0, _react).useCallback(function(data) {
+    var getFormattedPriceRange = function(data) {
         var formattedFrom = Math.min(Math.max(data.from, min), data.to);
         var formattedTo = Math.max(data.from, Math.min(data.to, max));
+        return {
+            formattedFrom: formattedFrom,
+            formattedTo: formattedTo
+        };
+    };
+    var updateValue = (0, _react).useCallback(function(data) {
+        var ref = getFormattedPriceRange(data), formattedFrom = ref.formattedFrom, formattedTo = ref.formattedTo;
+        setState({
+            from: formattedFrom,
+            to: formattedTo
+        });
+    }, [
+        filterName,
+        max,
+        min,
+        router,
+        slug
+    ]);
+    var applyFilter = (0, _react).useCallback(function(data) {
+        var ref = getFormattedPriceRange(data), formattedFrom = ref.formattedFrom, formattedTo = ref.formattedTo;
         clearTimeout(timeoutRef.current);
         timeoutRef.current = setTimeout(function() {
             router.push((0, _utils).createAggregateQuery((0, _utils1).getListingPageType(router, slug, meta), router.query.slug, {
                 aggType: filterName,
                 aggKey: "".concat(formattedFrom, ",").concat(formattedTo),
                 aggOperator: _useListingFilters.filtersOperatorsMap.stats
-            }, false, router, true));
+            }, false, router, true), undefined, {
+                shallow: true
+            });
         }, 500);
         setState({
             from: formattedFrom,
@@ -90,6 +127,7 @@ var useSlideFilter = function(filterName, min, max) {
     ]);
     return {
         value: state,
+        applyFilter: applyFilter,
         updateValue: updateValue
     };
 };

package/dist/cjs/listing/hooks/useSort.js

@@ -20,8 +20,7 @@ function _defineProperty(obj, key, value) {
 }
 function _objectSpread(target) {
     for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {
-        };
+        var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
         if (typeof Object.getOwnPropertySymbols === "function") {
             ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
@@ -43,8 +42,7 @@ var useSort = function(props) {
     var changeSort = (0, _react).useCallback(function(value) {
         return function() {
             if (!value) return;
-            var query = _objectSpread({
-            }, router.query, {
+            var query = _objectSpread({}, router.query, {
                 sort: value
             });
             if (defaultSortKey === value) {
@@ -72,8 +70,7 @@ var useSort = function(props) {
             key: defaultSortKey,
             label: '',
             isDefault: true,
-            select: function() {
-            }
+            select: function() {}
         };
         var sortOptions = (ref = sorts || []) === null || ref === void 0 ? void 0 : ref.map(function(sort) {
             var data = {

package/dist/cjs/listing/index.js

@@ -1,8 +1,7 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-var _exportNames = {
-};
+var _exportNames = {};
 var _types = _interopRequireWildcard(require("./types"));
 Object.keys(_types).forEach(function(key) {
     if (key === "default" || key === "__esModule") return;
@@ -79,13 +78,11 @@ function _interopRequireWildcard(obj) {
     if (obj && obj.__esModule) {
         return obj;
     } else {
-        var newObj = {
-        };
+        var newObj = {};
         if (obj != null) {
             for(var key in obj){
                 if (Object.prototype.hasOwnProperty.call(obj, key)) {
-                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {
-                    };
+                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
                     if (desc.get || desc.set) {
                         Object.defineProperty(newObj, key, desc);
                     } else {

package/dist/cjs/listing/ssr/index.js

@@ -1,8 +1,7 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-var _exportNames = {
-};
+var _exportNames = {};
 var _prefetchPredicate = _interopRequireWildcard(require("./prefetchPredicate"));
 Object.keys(_prefetchPredicate).forEach(function(key) {
     if (key === "default" || key === "__esModule") return;
@@ -43,13 +42,11 @@ function _interopRequireWildcard(obj) {
     if (obj && obj.__esModule) {
         return obj;
     } else {
-        var newObj = {
-        };
+        var newObj = {};
         if (obj != null) {
             for(var key in obj){
                 if (Object.prototype.hasOwnProperty.call(obj, key)) {
-                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {
-                    };
+                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
                     if (desc.get || desc.set) {
                         Object.defineProperty(newObj, key, desc);
                     } else {

package/dist/cjs/listing/ssr/prefetchCategories.js

@@ -45,7 +45,7 @@ function prefetchCategories(queryCache, router, predicate, aggregates, config) {
 }
 function _prefetchCategories() {
     _prefetchCategories = _asyncToGenerator(_regeneratorRuntime.default.mark(function _callee(queryCache, router, predicate, aggregates, config) {
-        var aggregateKeys, aliasedSlug, slug, query, response;
+        var aggregateKeys, aliasedSlug, query, response;
         return _regeneratorRuntime.default.wrap(function _callee$(_ctx) {
             while(1)switch(_ctx.prev = _ctx.next){
                 case 0:
@@ -54,19 +54,18 @@ function _prefetchCategories() {
                         router: router,
                         config: config
                     });
-                    slug = (0, _utils).getSlug(router, aliasedSlug);
                     query = (0, _api).prepareAggregateQuery({
                         request: _api.AggregateRequestEnum.Categories,
                         router: router,
                         predicate: predicate,
                         slug: aliasedSlug,
                         aggregates: aggregates,
-                        postFilter: undefined,
+                        postFilter: (0, _utils).getPostFilters(router),
                         config: config
                     });
-                    _ctx.next = 6;
+                    _ctx.next = 5;
                     return (0, _sdk).CatalogAggregate(query);
-                case 6:
+                case 5:
                     response = _ctx.sent;
                     queryCache.setQueryData([
                         _api.AggregateRequestEnum.Categories,
@@ -77,7 +76,7 @@ function _prefetchCategories() {
                         staleTime: 30000
                     });
                     return _ctx.abrupt("return", response);
-                case 9:
+                case 8:
                 case "end":
                     return _ctx.stop();
             }

package/dist/cjs/listing/ssr/prefetchListing.js

@@ -77,7 +77,8 @@ function _prefetchListing() {
                         postFilter: postFilter,
                         offset: offset,
                         config: config,
-                        slug: aliasedSlug
+                        slug: aliasedSlug,
+                        includeVariants: Boolean(config.includeVariants)
                     });
                 case 12:
                     data = _ctx.sent;