@sentecacommerce-theme/lib 0.13.5-alpha.9 → 0.13.7-alpha.7

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

@@ -13,7 +13,6 @@ var _useListingSlug = require("./useListingSlug");
 var _generateQueryFromRouter = require("../../utils/generateQueryFromRouter");
 var _typeToSuffix = require("../../utils/typeToSuffix");
 var _utils = require("../../utils");
-var _index = require("../../index");
 function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
 }
@@ -82,19 +81,19 @@ function _slicedToArray(arr, i) {
 var ListingFiltersStateContext = /*#__PURE__*/ _react.default.createContext(undefined);
 function ListingFiltersProvider(param) {
     var children = param.children;
-    var ref = (0, _useListingConfig).useListingConfig(), aggregates = ref.aggregates, pageType = ref.type, attributeSortType = ref.attributeSortType;
+    var ref3 = (0, _useListingConfig).useListingConfig(), aggregates = ref3.aggregates, pageType = ref3.type, attributeSortType = ref3.attributeSortType, meta = ref3.meta;
     var ref1 = (0, _api).useAggregateQuery(aggregates, _api.AggregateRequestEnum.Filters, attributeSortType), aggData = ref1.data, isLoading = ref1.isLoading, isFetching = ref1.isFetching;
-    var config = (0, _index).useConfigState();
     var router = (0, _router).useRouter();
     var slug = (0, _useListingSlug).useListingSlug();
     var data = _react.default.useMemo(function() {
         if (!isLoading && aggData) {
             var result = aggregates === null || aggregates === void 0 ? void 0 : aggregates.sort(function(a, b) {
-                return a.order - b.order;
+                return Number(a.order) - Number(b.order);
             }).map(function(currentAggregate) {
-                var type = currentAggregate.aggregationType.toString();
-                var term = currentAggregate.aggregationDefinition.split(':')[0];
-                var filter = currentAggregate.filterDefinition;
+                var ref, ref2;
+                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;
                 });
@@ -146,7 +145,7 @@ function ListingFiltersProvider(param) {
         });
     };
     var selectedFilters = _react.default.useMemo(function() {
-        return (0, _utils).getSelectedFilters(router, slug, data, config);
+        return (0, _utils).getSelectedFilters(router, slug, data, meta);
     }, [
         router,
         data
@@ -170,10 +169,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, ref2;
-    return (ref2 = (ref = rawFilters.results) === null || ref === void 0 ? void 0 : ref.filter(function(res) {
+    var ref, ref4;
+    return (ref4 = (ref = rawFilters.results) === null || ref === void 0 ? void 0 : ref.filter(function(res) {
         return res.count > 0;
-    })) === null || ref2 === void 0 ? void 0 : ref2.map(function(currentTerm) {
+    })) === null || ref4 === void 0 ? void 0 : ref4.map(function(currentTerm) {
         var filterKey = mapKey(currentTerm, type);
         var selected = isFilterSelected(router, filter, filterKey, filtersOperatorsMap[type]);
         return {
@@ -191,11 +190,11 @@ function generateFilters(param) {
     });
 }
 var isFilterSelected = function(router, filter, filterKey, type) {
-    var ref, ref3, ref4, ref5, ref6;
+    var ref, ref5, ref6, ref7, ref8;
     var areFiltersArray = Array.isArray((ref = router.query) === null || ref === void 0 ? void 0 : ref.filter);
-    return areFiltersArray ? !!((ref4 = (ref3 = router.query.filter) === null || ref3 === void 0 ? void 0 : ref3.find(function(sel) {
+    return areFiltersArray ? !!((ref6 = (ref5 = router.query.filter) === null || ref5 === void 0 ? void 0 : ref5.find(function(sel) {
         return sel.includes("".concat(filter, ";").concat(type));
-    })) === null || ref4 === void 0 ? void 0 : ref4.includes(filterKey)) : ((ref5 = router.query.filter) === null || ref5 === void 0 ? void 0 : ref5.includes("".concat(filter, ";").concat(type))) && ((ref6 = router.query.filter) === null || ref6 === void 0 ? void 0 : ref6.includes(filterKey));
+    })) === 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));
 };
 var filtersOperatorsMap = {
     ranges: 'range',
@@ -225,12 +224,12 @@ var generateQueryString = function(query, pair, remove) {
     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 ref7;
-        var filterType = (ref7 = aggPair === null || aggPair === void 0 ? void 0 : aggPair.aggType) !== null && ref7 !== void 0 ? ref7 : type;
-        var ref8;
-        var filterVal = (ref8 = aggPair === null || aggPair === void 0 ? void 0 : aggPair.aggKey) !== null && ref8 !== void 0 ? ref8 : val;
         var ref9;
-        var filterOperator = (ref9 = aggPair === null || aggPair === void 0 ? void 0 : aggPair.aggOperator) !== null && ref9 !== void 0 ? ref9 : operator;
+        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;
         if (activeFilters[filterType]) {
             activeFilters[filterType] += ",".concat(filterVal);
         } else {

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

@@ -14,7 +14,7 @@ var useListingItems = function() {
     var config = (0, _useListingConfig).useListingConfig();
     var ref1 = (0, _api).useListingQuery(), data = ref1.data, isLoading = ref1.isLoading, isFetching = ref1.isFetching;
     var generatePlaceholders = function(products) {
-        return new Array(products !== null && products !== void 0 ? products : 24).fill(null).map(function(_, i) {
+        return new Array(products || 24).fill(null).map(function(_, i) {
             return {
                 _id: "".concat(i),
                 isPlaceholder: true
@@ -24,7 +24,7 @@ var useListingItems = function() {
     var result = _react.default.useMemo(function() {
         var ref;
         return {
-            items: !(data === null || data === void 0 ? void 0 : data.results) ? generatePlaceholders(config.productsPerPage) : data === null || data === void 0 ? void 0 : data.results,
+            items: !(data === null || data === void 0 ? void 0 : data.results) ? generatePlaceholders(config.meta.limit || 24) : data === null || data === void 0 ? void 0 : data.results,
             total: (ref = data === null || data === void 0 ? void 0 : data.total) !== null && ref !== void 0 ? ref : 0,
             didYouMean: data === null || data === void 0 ? void 0 : data.didYouMean,
             isLoading: isLoading,

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

@@ -12,6 +12,7 @@ var _types = require("../types");
 var _index = require("../../index");
 var _useListingFilters = require("./useListingFilters");
 var _useListingCategories = require("./useListingCategories");
+var _ = require(".");
 function _arrayWithoutHoles(arr) {
     if (Array.isArray(arr)) {
         for(var i = 0, arr2 = new Array(arr.length); i < arr.length; i++){
@@ -40,14 +41,14 @@ var useListingMeta = function() {
     var ref1 = (0, _api).useListingQuery(), listingQuery = ref1.data;
     var ref2 = (0, _useListingCategories).useListingCategories(), categoriesData = ref2.data;
     var ref3 = (0, _useListingFilters).useListingFilters(), filtersData = ref3.data;
-    var slug = (0, _index).useListingAlias().slug;
-    var config = (0, _index).useConfigState();
+    var meta = (0, _).useListingConfig().meta;
+    var slug = (0, _index).useListingAlias(meta).slug;
     var result = _react.default.useMemo(function() {
         var ref;
         var customFields = (0, _utils).customFieldsToMap(predicate === null || predicate === void 0 ? void 0 : predicate.custom);
         var assets = (0, _assetsToMap).assetsFieldsToMap(predicate === null || predicate === void 0 ? void 0 : predicate.assets);
         var description = ((ref = (0, _utils).getTranslatableField(predicate === null || predicate === void 0 ? void 0 : predicate.description)) === null || ref === void 0 ? void 0 : ref.trim()) || '';
-        var displayName = processDisplayName(slug, config, predicate === null || predicate === void 0 ? void 0 : predicate.name, predicate === null || predicate === void 0 ? void 0 : predicate.breadcrumb, router, filtersData, categoriesData);
+        var displayName = processDisplayName(slug, meta, predicate === null || predicate === void 0 ? void 0 : predicate.name, predicate === null || predicate === void 0 ? void 0 : predicate.breadcrumb, router, filtersData, categoriesData);
         return {
             displayName: displayName,
             description: description,
@@ -86,7 +87,7 @@ function processDisplayName(slug, config, name, breadcrumb, router, aggData, cat
     var categoryName = getCategoryName(router, categoriesData);
     var type = (0, _utils1).getListingPageType(router, slug, config);
     if (type === _types.ListingTypesEnum.AttrPage) {
-        return "Всичко за ".concat(config.listing.titleAliases[slug]);
+        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);

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

@@ -48,17 +48,16 @@ var useListingPagination = function() {
     var slug = (0, _useListingSlug).useListingSlug();
     var ref = (0, _api).useListingQuery(), data = ref.data, isLoading = ref.isLoading;
     var result = _react.default.useMemo(function() {
-        var _productsPerPage;
         return {
             pagination: (0, _utils).getPagination(data === null || data === void 0 ? void 0 : data.total, (0, _utils).generateQueryFromRouter(_objectSpread({
-                limit: (_productsPerPage = config.productsPerPage) !== null && _productsPerPage !== void 0 ? _productsPerPage : 24,
+                limit: config.meta.limit || 24,
                 sort: router.query.sort
-            }, router.query)), config.defaultSortKey),
+            }, router.query)), config.defaultSortKey || 'defaultSort'),
             query: generateQuery(router, slug)
         };
     }, [
         config.defaultSortKey,
-        config.productsPerPage,
+        config.meta.limit,
         data === null || data === void 0 ? void 0 : data.total,
         router,
         slug

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

@@ -3,11 +3,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useListingSlug = void 0;
 var _router = require("next/router");
+var _ = require(".");
 var _index = require("../index");
 var _utils = require("../utils");
 var useListingSlug = function() {
     var router = (0, _router).useRouter();
-    var ref = (0, _index).useListingAlias(), aliasedSlug = ref.slug;
+    var meta = (0, _).useListingConfig().meta;
+    var ref = (0, _index).useListingAlias(meta), aliasedSlug = ref.slug;
     var slug = (0, _utils).getSlug(router, aliasedSlug);
     return slug;
 };

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

@@ -8,6 +8,7 @@ var _utils = require("../../utils");
 var _utils1 = require("../utils");
 var _useListingFilters = require("./useListingFilters");
 var _index = require("../../index");
+var _ = require(".");
 function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
 }
@@ -42,8 +43,8 @@ function _slicedToArray(arr, i) {
 var useSlideFilter = function(filterName, min, max) {
     var ref;
     var router = (0, _router).useRouter();
-    var slug = (0, _index).useListingAlias().slug;
-    var config = (0, _index).useConfigState();
+    var meta = (0, _).useListingConfig().meta;
+    var slug = (0, _index).useListingAlias(meta).slug;
     var allFilters = router.query.filter;
     var filterQuery = "".concat(filterName, ";range;");
     var getFilter = function() {
@@ -70,7 +71,7 @@ var useSlideFilter = function(filterName, min, max) {
         var formattedTo = Math.max(data.from, Math.min(data.to, max));
         clearTimeout(timeoutRef.current);
         timeoutRef.current = setTimeout(function() {
-            router.push((0, _utils).createAggregateQuery((0, _utils1).getListingPageType(router, slug, config), router.query.slug, {
+            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

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

@@ -4,39 +4,70 @@ Object.defineProperty(exports, "__esModule", {
 exports.useSort = void 0;
 var _router = require("next/router");
 var _react = require("react");
-var useSort = function(param) {
-    var onSelect = param.onSelect, sorts = param.sorts, defaultSortKey = param.defaultSortKey;
-    var ref1;
-    // Not ready yet
-    // const { sortOptions: sorts, defaultSortKey } = useListingConfig()
+var _ = require(".");
+function _defineProperty(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _objectSpread(target) {
+    for(var i = 1; i < arguments.length; 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) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _defineProperty(target, key, source[key]);
+        });
+    }
+    return target;
+}
+var useSort = function(props) {
+    var ref2;
+    var ref1 = (0, _).useListingConfig(), sorts = ref1.sortOptions, defaultSortRaw = ref1.defaultSortKey;
+    var defaultSortKey = defaultSortRaw || 'defaultSort';
     var router = (0, _router).useRouter();
-    var currentSortQuery = (router === null || router === void 0 ? void 0 : (ref1 = router.query) === null || ref1 === void 0 ? void 0 : ref1.sort) || defaultSortKey;
+    var currentSortQuery = (router === null || router === void 0 ? void 0 : (ref2 = router.query) === null || ref2 === void 0 ? void 0 : ref2.sort) || defaultSortKey;
     var changeSort = (0, _react).useCallback(function(value) {
         return function() {
-            var ref;
-            var query = router.query.filter ? {
-                sort: value,
-                filter: (ref = router.query) === null || ref === void 0 ? void 0 : ref.filter
-            } : {
+            if (!value) return;
+            var query = _objectSpread({
+            }, router.query, {
                 sort: value
-            };
+            });
             if (defaultSortKey === value) {
                 delete query.sort;
             }
             setTimeout(function() {
-                onSelect === null || onSelect === void 0 ? void 0 : onSelect();
+                var ref;
+                props === null || props === void 0 ? void 0 : (ref = props.onSelect) === null || ref === void 0 ? void 0 : ref.call(props);
             });
             return router.push({
                 href: router.pathname,
                 query: query
+            }, undefined, {
+                shallow: true
             });
         };
     }, [
         defaultSortKey,
         router,
-        onSelect
+        props === null || props === void 0 ? void 0 : props.onSelect
     ]);
     var result = (0, _react).useMemo(function() {
+        var ref;
         var selectedSort = {
             key: defaultSortKey,
             label: '',
@@ -44,10 +75,10 @@ var useSort = function(param) {
             select: function() {
             }
         };
-        var sortOptions = sorts.map(function(sort) {
+        var sortOptions = (ref = sorts || []) === null || ref === void 0 ? void 0 : ref.map(function(sort) {
             var data = {
-                key: sort.key,
-                label: sort.label,
+                key: sort.key || 'defaultSort',
+                label: sort.label || '',
                 select: changeSort(sort.key),
                 isDefault: sort.key === defaultSortKey
             };

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

@@ -12,7 +12,8 @@ function processCategoriesResponse(response, type, term) {
     return result;
 }
 function getAggregateTypeAndTerm(aggregates) {
-    var type = aggregates === null || aggregates === void 0 ? void 0 : aggregates.aggregationType.toString();
+    var ref;
+    var type = (aggregates === null || aggregates === void 0 ? void 0 : (ref = aggregates.aggregationType) === null || ref === void 0 ? void 0 : ref.toString()) || '';
     var term = aggregates === null || aggregates === void 0 ? void 0 : aggregates.aggregationDefinition;
     return {
         type: type,

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

@@ -72,7 +72,7 @@ function _prefetchCategories() {
                         _api.AggregateRequestEnum.Categories,
                         aggregateKeys,
                         aliasedSlug,
-                        null
+                        (0, _utils).getPostFilters(router), 
                     ], response, {
                         staleTime: 30000
                     });

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

@@ -44,11 +44,11 @@ function prefetchListing(_) {
 }
 function _prefetchListing() {
     _prefetchListing = _asyncToGenerator(_regeneratorRuntime.default.mark(function _callee(param) {
-        var queryCache, router, predicate, config, ref, aliasedSlug, type, postFilter, ref1, ref2, sort, _limit, limit, offset, queryKeys, data;
+        var queryCache, router, predicate, config, defaultSortKey, ref, aliasedSlug, type, postFilter, ref1, ref2, sort, limit, offset, queryKeys, data;
         return _regeneratorRuntime.default.wrap(function _callee$(_ctx) {
             while(1)switch(_ctx.prev = _ctx.next){
                 case 0:
-                    queryCache = param.queryCache, router = param.router, predicate = param.predicate, config = param.config;
+                    queryCache = param.queryCache, router = param.router, predicate = param.predicate, config = param.config, defaultSortKey = param.defaultSortKey;
                     ;
                     aliasedSlug = (0, _utils).getListingAlias({
                         router: router,
@@ -57,9 +57,8 @@ function _prefetchListing() {
                     type = (0, _utils).getListingPageType(router, aliasedSlug, config);
                     postFilter = (0, _utils).getPostFilters(router);
                     ;
-                    sort = (ref2 = (ref1 = router.query.sort) !== null && ref1 !== void 0 ? ref1 : config === null || config === void 0 ? void 0 : config.listing.defaultSortKey) !== null && ref2 !== void 0 ? ref2 : 'defaultSort';
-                    ;
-                    limit = !!router.query.limit ? Number(router.query.limit) : (_limit = config === null || config === void 0 ? void 0 : config.listing.limit) !== null && _limit !== void 0 ? _limit : 24;
+                    sort = (ref2 = (ref1 = router.query.sort) !== null && ref1 !== void 0 ? ref1 : defaultSortKey) !== null && ref2 !== void 0 ? ref2 : 'defaultSort';
+                    limit = !!router.query.limit ? Number(router.query.limit) : (config === null || config === void 0 ? void 0 : config.limit) || 24;
                     offset = (0, _utils).calculateOffset((ref = router.query) === null || ref === void 0 ? void 0 : ref.page, limit);
                     queryKeys = (0, _api).getListingQueryKeys({
                         type: type,
@@ -69,7 +68,7 @@ function _prefetchListing() {
                         slug: aliasedSlug,
                         offset: offset
                     });
-                    _ctx.next = 13;
+                    _ctx.next = 12;
                     return (0, _api).processListingQuery({
                         router: router,
                         predicate: predicate,
@@ -80,13 +79,13 @@ function _prefetchListing() {
                         config: config,
                         slug: aliasedSlug
                     });
-                case 13:
+                case 12:
                     data = _ctx.sent;
                     queryCache.setQueryData(queryKeys, data, {
                         staleTime: 30000
                     });
                     return _ctx.abrupt("return", data);
-                case 16:
+                case 15:
                 case "end":
                     return _ctx.stop();
             }

package/dist/cjs/listing/utils/buildCategoryQuery.js

@@ -37,13 +37,12 @@ var _obj;
 var buildCategoryQuery = function(param) {
     var aggregates = param.aggregates, predicate = param.predicate, postFilter = param.postFilter, pageType = param.pageType, config = param.config, router = param.router, slug = param.slug;
     var ref2, ref1;
-    var type = aggregates === null || aggregates === void 0 ? void 0 : (ref2 = aggregates[0]) === null || ref2 === void 0 ? void 0 : ref2.aggregationType;
-    var term = aggregates === null || aggregates === void 0 ? void 0 : (ref1 = aggregates[0]) === null || ref1 === void 0 ? void 0 : ref1.aggregationDefinition;
+    var type = (aggregates === null || aggregates === void 0 ? void 0 : (ref2 = aggregates[0]) === null || ref2 === void 0 ? void 0 : ref2.aggregationType) || '';
+    var term = (aggregates === null || aggregates === void 0 ? void 0 : (ref1 = aggregates[0]) === null || ref1 === void 0 ? void 0 : ref1.aggregationDefinition) || '';
     var aggValue = getAggValue({
         id: predicate === null || predicate === void 0 ? void 0 : predicate._id,
         term: term
     });
-    var listingConfig = config === null || config === void 0 ? void 0 : config.listing;
     var getFilters = function() {
         var filter = '';
         switch(pageType){
@@ -53,18 +52,18 @@ var buildCategoryQuery = function(param) {
                 }));
                 if (router.query.cat) filter += (0, _extendFilter).extendFilter({
                     slug: slug,
-                    filterExtension: listingConfig === null || listingConfig === void 0 ? void 0 : listingConfig.filterExtension
+                    filterExtension: config === null || config === void 0 ? void 0 : config.filterExtension
                 });
                 break;
             case _index.ListingTypesEnum.Category:
                 if (router.query.cat) {
                     filter += (0, _extendFilter).extendFilter({
                         slug: slug,
-                        filterExtension: listingConfig === null || listingConfig === void 0 ? void 0 : listingConfig.filterExtension
+                        filterExtension: config === null || config === void 0 ? void 0 : config.filterExtension
                     });
                 } else {
                     var ref;
-                    filter += (ref = listingConfig === null || listingConfig === void 0 ? void 0 : listingConfig.filterExtension) !== null && ref !== void 0 ? ref : '';
+                    filter += (ref = config === null || config === void 0 ? void 0 : config.filterExtension) !== null && ref !== void 0 ? ref : '';
                 }
                 if (postFilter) {
                     if (router.query.cat) filter += '&';
@@ -74,7 +73,7 @@ var buildCategoryQuery = function(param) {
             case _index.ListingTypesEnum.AttrPage:
                 filter += (0, _extendFilter).extendFilter({
                     slug: slug,
-                    filterExtension: listingConfig === null || listingConfig === void 0 ? void 0 : listingConfig.filterExtension
+                    filterExtension: config === null || config === void 0 ? void 0 : config.filterExtension
                 });
                 if (postFilter) filter += "&".concat(postFilter);
                 break;
@@ -85,14 +84,14 @@ var buildCategoryQuery = function(param) {
                 if (postFilter) filter += "&".concat(postFilter);
                 break;
             default:
-                return "".concat((listingConfig === null || listingConfig === void 0 ? void 0 : listingConfig.filterExtension) + "".concat(postFilter !== null && postFilter !== void 0 ? postFilter : ''));
+                return "".concat((config === null || config === void 0 ? void 0 : config.filterExtension) + "".concat(postFilter !== null && postFilter !== void 0 ? postFilter : ''));
         }
         return filter;
     };
     var query = (_obj = {
     }, _defineProperty(_obj, type, aggValue), _defineProperty(_obj, "filter", getFilters()), _obj);
     if (pageType === _index.ListingTypesEnum.Collection) {
-        var collapseMode = listingConfig === null || listingConfig === void 0 ? void 0 : listingConfig.collapseMode;
+        var collapseMode = config === null || config === void 0 ? void 0 : config.collapseMode;
         query = _objectSpread({
         }, query, {
             collapseMode: collapseMode

package/dist/cjs/listing/utils/buildFilterQuery.js

@@ -70,20 +70,17 @@ var buildFilterQuery = function(param) {
     var ref;
     var query = (predicate === null || predicate === void 0 ? void 0 : predicate.filters) || (predicate === null || predicate === void 0 ? void 0 : predicate._id) || slug;
     var queryType = pageType === _index.ListingTypesEnum.Search ? 'text' : pageType;
-    var filterExtension, collapseMode;
-    if (config.listing) {
-        filterExtension = config.listing.filterExtension;
-        collapseMode = config.listing.collapseMode;
-    }
+    var ref1 = config || {
+    }, filterExtension = ref1.filterExtension, collapseMode = ref1.collapseMode;
     var filter = '';
     if (pageType === _index.ListingTypesEnum.AttrPage) {
-        var ref1 = _slicedToArray((0, _utils).getAttributePageType(router, slug), 2), type = ref1[0], val = ref1[1];
+        var ref2 = _slicedToArray((0, _utils).getAttributePageType(router, slug), 2), type = ref2[0], val = ref2[1];
         filter = "attr.".concat(type, ";eq;\"").concat(val, "\"");
     } else {
         filter = "".concat(queryType, ";eq;\"").concat(query, "\"");
     }
     if (router.query.cat) {
-        var ref2 = _slicedToArray((0, _utils).getAttributePageType(router, slug), 2), type1 = ref2[0], val1 = ref2[1];
+        var ref3 = _slicedToArray((0, _utils).getAttributePageType(router, slug), 2), type1 = ref3[0], val1 = ref3[1];
         filter += "&attr.".concat(type1, ";eq;").concat(val1);
     }
     if (pageType === _index.ListingTypesEnum.View) {
@@ -97,6 +94,7 @@ var buildFilterQuery = function(param) {
     var aggregatesMap = aggregates === null || aggregates === void 0 ? void 0 : aggregates.reduce(function(map, agg) {
         var aggregateType = agg.aggregationType;
         var aggregationTerm = agg.aggregationDefinition;
+        if (!aggregateType) return map;
         if (map[aggregateType]) {
             return _objectSpread({
             }, map, _defineProperty({

package/dist/cjs/listing/utils/calculateOffset.js

@@ -5,5 +5,5 @@ exports.calculateOffset = calculateOffset;
 function calculateOffset(page, limit) {
     var currentPage = Number(page || 0);
     if (currentPage < 1) return 0;
-    return (currentPage - 1) * limit;
+    return (currentPage - 1) * Number(limit);
 }

package/dist/cjs/listing/utils/getListingAlias.js

@@ -35,15 +35,15 @@ function _slicedToArray(arr, i) {
 }
 var getListingAlias = function(param) {
     var router = param.router, config = param.config;
-    var ref;
     var query = router.query;
-    if (!(config === null || config === void 0 ? void 0 : (ref = config.listing) === null || ref === void 0 ? void 0 : ref.slugAliases)) return query.slug;
-    var _listing = config.listing, aliases = _listing.slugAliases;
+    if (!(config === null || config === void 0 ? void 0 : config.slugAliases)) return query.slug;
+    var aliases = config.slugAliases;
     var slugMap = {
     };
     var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
     try {
-        for(var _iterator = Object.entries(aliases)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+        for(var _iterator = Object.entries(aliases || {
+        })[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
             var _value = _slicedToArray(_step.value, 2), path = _value[0], alias = _value[1];
             slugMap[alias] = path;
         }
@@ -61,7 +61,6 @@ var getListingAlias = function(param) {
             }
         }
     }
-    var ref1;
-    return (ref1 = slugMap[query === null || query === void 0 ? void 0 : query.slug]) !== null && ref1 !== void 0 ? ref1 : query.slug;
+    return slugMap[query === null || query === void 0 ? void 0 : query.slug] || query.slug;
 };
 exports.getListingAlias = getListingAlias;

package/dist/cjs/listing/utils/getListingPageType.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getListingPageType = void 0;
 var _ = require("..");
-var getListingPageType = function(router, slug, config) {
+var getListingPageType = function(router, slug, meta) {
     var ref;
     var pageTypeMap = {
         '/[slug]/c': _.ListingTypesEnum.Category,
@@ -15,8 +15,9 @@ var getListingPageType = function(router, slug, config) {
     };
     var slugAliases = {
     };
-    if (config) slugAliases = config.listing;
-    if ((((ref = Object.keys(slugAliases)) === null || ref === void 0 ? void 0 : ref.includes(slug)) || (slug === null || slug === void 0 ? void 0 : slug.includes('sex'))) && !router.query.cat) {
+    if (meta) slugAliases = meta.slugAliases;
+    if ((((ref = Object.keys(slugAliases || {
+    })) === null || ref === void 0 ? void 0 : ref.includes(slug)) || (slug === null || slug === void 0 ? void 0 : slug.includes('sex'))) && !router.query.cat) {
         return _.ListingTypesEnum.AttrPage;
     }
     if (router.query.q || router.query.search) {

package/dist/cjs/navigation/components/SearchBox/Components/Container/index.js

@@ -57,7 +57,7 @@ var Container = function(param) {
         mobile: onlyMobile,
         desktop: onlyDesktop
     }, Boolean(title) && /*#__PURE__*/ _react.default.createElement(Headline, {
-        color: labelsColor
+        color: labelsColor || ''
     }, title), /*#__PURE__*/ _react.default.createElement(Flex, null, children)));
 };
 exports.Container = Container;

package/dist/cjs/navigation/components/SearchBox/Components/EmptyBox/index.js

@@ -71,6 +71,7 @@ function _templateObject4() {
 }
 var EmptyBox = function(param) {
     var backgroundColor = param.backgroundColor, searchHistory = param.searchHistory, labels = param.labels, labelsColor = param.labelsColor, textColor = param.textColor, onClose = param.onClose, canDisplayPopular = param.canDisplayPopular, canDisplayRecent = param.canDisplayRecent, withRecent = param.withRecent, promoOffers = param.promoOffers, searchValue = param.searchValue, isLoading = param.isLoading;
+    var ref, ref1, ref2, ref3;
     return(/*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, isLoading ? /*#__PURE__*/ _react.default.createElement("div", {
         style: {
             width: '100%',
@@ -79,28 +80,28 @@ var EmptyBox = function(param) {
     }, /*#__PURE__*/ _react.default.createElement(_.Spinner, null)) : /*#__PURE__*/ _react.default.createElement(Wrapper, null, !searchValue || (searchValue === null || searchValue === void 0 ? void 0 : searchValue.length) < 3 ? /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(BlogCol, {
         backgroundColor: backgroundColor
     }, /*#__PURE__*/ _react.default.createElement(_.BlogContainer, {
-        blogTitle: labels.blog.blogTitle,
-        image: labels.blog.image,
-        url: labels.blog.url,
-        description: labels.blog.description,
-        title: labels.blogLabel,
-        labelsColor: labelsColor,
-        textColor: textColor,
+        blogTitle: (labels === null || labels === void 0 ? void 0 : (ref = labels.blog) === null || ref === void 0 ? void 0 : ref.blogTitle) || '',
+        image: (labels === null || labels === void 0 ? void 0 : (ref1 = labels.blog) === null || ref1 === void 0 ? void 0 : ref1.image) || '',
+        url: (labels === null || labels === void 0 ? void 0 : (ref2 = labels.blog) === null || ref2 === void 0 ? void 0 : ref2.url) || '',
+        description: (labels === null || labels === void 0 ? void 0 : (ref3 = labels.blog) === null || ref3 === void 0 ? void 0 : ref3.description) || '',
+        title: (labels === null || labels === void 0 ? void 0 : labels.blogLabel) || '',
+        labelsColor: labelsColor || '',
+        textColor: textColor || '',
         onClose: onClose
     })), /*#__PURE__*/ _react.default.createElement(SuggestedSearches, null, canDisplayPopular && /*#__PURE__*/ _react.default.createElement(_.PopularSearches, {
-        title: labels.popularSearchesLabel,
+        title: (labels === null || labels === void 0 ? void 0 : labels.popularSearchesLabel) || '',
         onClose: onClose,
-        textColor: textColor,
-        labelsColor: labelsColor
+        textColor: textColor || '',
+        labelsColor: labelsColor || ''
     }), withRecent && canDisplayRecent && /*#__PURE__*/ _react.default.createElement(_.RecentSearches, {
-        title: labels.recentSearchesLabel,
+        title: (labels === null || labels === void 0 ? void 0 : labels.recentSearchesLabel) || '',
         data: searchHistory,
         onClose: onClose,
-        textColor: textColor,
-        labelsColor: labelsColor
+        textColor: textColor || '',
+        labelsColor: labelsColor || ''
     }))) : /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(_.Container, {
         labelsColor: labelsColor,
-        title: labels.productsLabel,
+        title: (labels === null || labels === void 0 ? void 0 : labels.productsLabel) || '',
         onlyMobile: true
     }, /*#__PURE__*/ _react.default.createElement(NoResultsDesc, {
         className: "SEARCH_BOX_NO_RESULT"
@@ -108,14 +109,14 @@ var EmptyBox = function(param) {
         backgroundColor: backgroundColor
     }, /*#__PURE__*/ _react.default.createElement(_.Products, {
         data: promoOffers,
-        textColor: textColor,
-        labelsColor: labelsColor,
+        textColor: textColor || '',
+        labelsColor: labelsColor || '',
         onClose: onClose,
-        title: labels.promoOffersLabel,
+        title: (labels === null || labels === void 0 ? void 0 : labels.promoOffersLabel) || '',
         offers: true
     })), /*#__PURE__*/ _react.default.createElement(_.Container, {
         labelsColor: labelsColor,
-        title: labels.productsLabel,
+        title: (labels === null || labels === void 0 ? void 0 : labels.productsLabel) || '',
         onlyDesktop: true
     }, /*#__PURE__*/ _react.default.createElement(NoResultsDesc, {
         className: "SEARCH_BOX_NO_RESULT"

package/dist/cjs/navigation/components/SearchBox/Components/PopularSearches/index.js

@@ -15,7 +15,7 @@ var PopularSearches = function(param) {
     var title = param.title, data = param.data, onClose = param.onClose, labelsColor = param.labelsColor, textColor = param.textColor, searchValue = param.searchValue;
     var config = (0, _1).useConfigState();
     var ref = (0, _1).usePopularSearches({
-        key: config.interfaceKey
+        key: config.interfaceKey || ''
     }), popularSearches = ref.popularSearches, arePopularLoading = ref.isLoading, status = ref.status;
     return(/*#__PURE__*/ _react.default.createElement(_.Container, {
         labelsColor: labelsColor,