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

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

@@ -7,7 +7,6 @@ import { useListingSlug } from './useListingSlug';
 import { stripQueryProps } from '../../utils/generateQueryFromRouter';
 import { typeToSuffix } from '../../utils/typeToSuffix';
 import { getSelectedFilters } from '../../utils';
-import { useConfigState } from '../../index';
 function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
 }
@@ -71,19 +70,19 @@ function _slicedToArray(arr, i) {
 var ListingFiltersStateContext = /*#__PURE__*/ React.createContext(undefined);
 export function ListingFiltersProvider(param) {
     var children = param.children;
-    var ref = useListingConfig(), aggregates = ref.aggregates, pageType = ref.type;
-    var ref1 = useAggregateQuery(aggregates, AggregateRequestEnum.Filters), aggData = ref1.data, isLoading = ref1.isLoading, isFetching = ref1.isFetching;
-    var config = useConfigState();
+    var ref3 = useListingConfig(), aggregates = ref3.aggregates, pageType = ref3.type, attributeSortType = ref3.attributeSortType, meta = ref3.meta;
+    var ref1 = useAggregateQuery(aggregates, AggregateRequestEnum.Filters, attributeSortType), aggData = ref1.data, isLoading = ref1.isLoading, isFetching = ref1.isFetching;
     var router = useRouter();
     var slug = useListingSlug();
     var data = React.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;
                 });
@@ -135,7 +134,7 @@ export function ListingFiltersProvider(param) {
         });
     };
     var selectedFilters = React.useMemo(function() {
-        return getSelectedFilters(router, slug, data, config);
+        return getSelectedFilters(router, slug, data, meta);
     }, [
         router,
         data
@@ -159,10 +158,10 @@ export 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 {
@@ -180,11 +179,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));
 };
 export var filtersOperatorsMap = {
     ranges: 'range',
@@ -213,12 +212,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/esm/listing/hooks/useListingItems.js

@@ -5,7 +5,7 @@ export var useListingItems = function() {
     var config = useListingConfig();
     var ref1 = 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
@@ -15,7 +15,7 @@ export var useListingItems = function() {
     var result = React.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/esm/listing/hooks/useListingMeta.js

@@ -5,9 +5,10 @@ import { assetsFieldsToMap } from '../../utils/assetsToMap';
 import { useRouter } from 'next/router';
 import { getListingPageType } from '../utils';
 import { ListingTypesEnum } from '../types';
-import { useListingAlias, useConfigState } from '../../index';
+import { useListingAlias } from '../../index';
 import { useListingFilters } from './useListingFilters';
 import { useListingCategories } from './useListingCategories';
+import { useListingConfig } from '.';
 function _arrayWithoutHoles(arr) {
     if (Array.isArray(arr)) {
         for(var i = 0, arr2 = new Array(arr.length); i < arr.length; i++){
@@ -31,14 +32,14 @@ export var useListingMeta = function() {
     var ref1 = useListingQuery(), listingQuery = ref1.data;
     var ref2 = useListingCategories(), categoriesData = ref2.data;
     var ref3 = useListingFilters(), filtersData = ref3.data;
-    var slug = useListingAlias().slug;
-    var config = useConfigState();
+    var meta = useListingConfig().meta;
+    var slug = useListingAlias(meta).slug;
     var result = React.useMemo(function() {
         var ref;
         var customFields = customFieldsToMap(predicate === null || predicate === void 0 ? void 0 : predicate.custom);
         var assets = assetsFieldsToMap(predicate === null || predicate === void 0 ? void 0 : predicate.assets);
         var description = ((ref = 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,
@@ -76,7 +77,7 @@ function processDisplayName(slug, config, name, breadcrumb, router, aggData, cat
     var categoryName = getCategoryName(router, categoriesData);
     var type = getListingPageType(router, slug, config);
     if (type === 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 = getTranslatableField(breadcrumb === null || breadcrumb === void 0 ? void 0 : breadcrumb.label);

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

@@ -39,17 +39,17 @@ export var useListingPagination = function() {
     var slug = useListingSlug();
     var ref = useListingQuery(), data = ref.data, isLoading = ref.isLoading;
     var result = React.useMemo(function() {
-        var _productsPerPage;
+        var _limit;
         return {
             pagination: getPagination(data === null || data === void 0 ? void 0 : data.total, generateQueryFromRouter(_objectSpread({
-                limit: (_productsPerPage = config.productsPerPage) !== null && _productsPerPage !== void 0 ? _productsPerPage : 24,
+                limit: (_limit = config.meta.limit) !== null && _limit !== void 0 ? _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/esm/listing/hooks/useListingSlug.js

@@ -1,9 +1,11 @@
 import { useRouter } from 'next/router';
+import { useListingConfig } from '.';
 import { useListingAlias } from '../index';
 import { getSlug } from '../utils';
 export var useListingSlug = function() {
     var router = useRouter();
-    var ref = useListingAlias(), aliasedSlug = ref.slug;
+    var meta = useListingConfig().meta;
+    var ref = useListingAlias(meta), aliasedSlug = ref.slug;
     var slug = getSlug(router, aliasedSlug);
     return slug;
 };

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

@@ -3,7 +3,8 @@ import { useRouter } from 'next/router';
 import { createAggregateQuery } from '../../utils';
 import { getListingPageType } from '../utils';
 import { filtersOperatorsMap } from './useListingFilters';
-import { useListingAlias, useConfigState } from '../../index';
+import { useListingAlias } from '../../index';
+import { useListingConfig } from '.';
 function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
 }
@@ -38,8 +39,8 @@ function _slicedToArray(arr, i) {
 export var useSlideFilter = function(filterName, min, max) {
     var ref;
     var router = useRouter();
-    var slug = useListingAlias().slug;
-    var config = useConfigState();
+    var meta = useListingConfig().meta;
+    var slug = useListingAlias(meta).slug;
     var allFilters = router.query.filter;
     var filterQuery = "".concat(filterName, ";range;");
     var getFilter = function() {
@@ -66,7 +67,7 @@ export 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(createAggregateQuery(getListingPageType(router, slug, config), router.query.slug, {
+            router.push(createAggregateQuery(getListingPageType(router, slug, meta), router.query.slug, {
                 aggType: filterName,
                 aggKey: "".concat(formattedFrom, ",").concat(formattedTo),
                 aggOperator: filtersOperatorsMap.stats

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

@@ -6,7 +6,8 @@ export function processCategoriesResponse(response, type, term) {
     return result;
 }
 export 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/esm/listing/ssr/prefetchListing.js

@@ -36,11 +36,11 @@ export function prefetchListing(_) {
 }
 function _prefetchListing() {
     _prefetchListing = _asyncToGenerator(regeneratorRuntime.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, ref3, limit, offset, queryKeys, data;
         return regeneratorRuntime.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 = getListingAlias({
                         router: router,
@@ -49,9 +49,9 @@ function _prefetchListing() {
                     type = getListingPageType(router, aliasedSlug, config);
                     postFilter = 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';
+                    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) : (_limit = config === null || config === void 0 ? void 0 : config.listing.limit) !== null && _limit !== void 0 ? _limit : 24;
+                    limit = !!router.query.limit ? Number(router.query.limit) : (ref3 = config === null || config === void 0 ? void 0 : config.limit) !== null && ref3 !== void 0 ? ref3 : 24;
                     offset = calculateOffset((ref = router.query) === null || ref === void 0 ? void 0 : ref.page, limit);
                     queryKeys = getListingQueryKeys({
                         type: type,

package/dist/esm/listing/types.js

@@ -1,3 +1,10 @@
+var AggregateSortEnum1;
+export { AggregateSortEnum1 as AggregateSortEnum,  };
+(function(AggregateSortEnum) {
+    AggregateSortEnum["Index"] = 'index';
+    AggregateSortEnum["Alphabetically"] = 'alphabetically';
+})(AggregateSortEnum1 || (AggregateSortEnum1 = {
+}));
 var ListingTypesEnum1;
 export { ListingTypesEnum1 as ListingTypesEnum,  };
 (function(ListingTypesEnum) {

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

@@ -32,14 +32,13 @@ function _objectSpread(target) {
 var _obj;
 export 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 ref, ref1;
-    var type = aggregates === null || aggregates === void 0 ? void 0 : (ref = aggregates[0]) === null || ref === void 0 ? void 0 : ref.aggregationType;
-    var term = aggregates === null || aggregates === void 0 ? void 0 : (ref1 = aggregates[0]) === null || ref1 === void 0 ? void 0 : ref1.aggregationDefinition;
+    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 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){
@@ -49,14 +48,19 @@ export var buildCategoryQuery = function(param) {
                 }));
                 if (router.query.cat) filter += 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 ListingTypesEnum.Category:
-                if (router.query.cat) filter += extendFilter({
-                    slug: slug,
-                    filterExtension: listingConfig === null || listingConfig === void 0 ? void 0 : listingConfig.filterExtension
-                });
+                if (router.query.cat) {
+                    filter += extendFilter({
+                        slug: slug,
+                        filterExtension: config === null || config === void 0 ? void 0 : config.filterExtension
+                    });
+                } else {
+                    var ref;
+                    filter += (ref = config === null || config === void 0 ? void 0 : config.filterExtension) !== null && ref !== void 0 ? ref : '';
+                }
                 if (postFilter) {
                     if (router.query.cat) filter += '&';
                     filter += postFilter;
@@ -65,7 +69,7 @@ export var buildCategoryQuery = function(param) {
             case ListingTypesEnum.AttrPage:
                 filter += 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;
@@ -76,14 +80,14 @@ export 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 === 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/esm/listing/utils/buildFilterQuery.js

@@ -66,20 +66,17 @@ export 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 === 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 === ListingTypesEnum.AttrPage) {
-        var ref1 = _slicedToArray(getAttributePageType(router, slug), 2), type = ref1[0], val = ref1[1];
+        var ref2 = _slicedToArray(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(getAttributePageType(router, slug), 2), type1 = ref2[0], val1 = ref2[1];
+        var ref3 = _slicedToArray(getAttributePageType(router, slug), 2), type1 = ref3[0], val1 = ref3[1];
         filter += "&attr.".concat(type1, ";eq;").concat(val1);
     }
     if (pageType === ListingTypesEnum.View) {
@@ -93,6 +90,7 @@ export 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/esm/listing/utils/getListingAlias.js

@@ -31,15 +31,15 @@ function _slicedToArray(arr, i) {
 }
 export 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;
         }
@@ -57,6 +57,5 @@ export 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;
 };

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

@@ -1,5 +1,5 @@
 import { ListingTypesEnum } from '..';
-export var getListingPageType = function(router, slug, config) {
+export var getListingPageType = function(router, slug, meta) {
     var ref;
     var pageTypeMap = {
         '/[slug]/c': ListingTypesEnum.Category,
@@ -11,8 +11,9 @@ export 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/esm/navigation/components/SearchBox/Components/Container/index.js

@@ -48,7 +48,7 @@ export var Container = function(param) {
         mobile: onlyMobile,
         desktop: onlyDesktop
     }, Boolean(title) && /*#__PURE__*/ React.createElement(Headline, {
-        color: labelsColor
+        color: labelsColor || ''
     }, title), /*#__PURE__*/ React.createElement(Flex, null, children)));
 };
 var Wrapper = styled.div.attrs(function(props) {

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

@@ -62,6 +62,7 @@ function _templateObject4() {
 }
 export 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.createElement(React.Fragment, null, isLoading ? /*#__PURE__*/ React.createElement("div", {
         style: {
             width: '100%',
@@ -70,28 +71,28 @@ export var EmptyBox = function(param) {
     }, /*#__PURE__*/ React.createElement(Spinner, null)) : /*#__PURE__*/ React.createElement(Wrapper, null, !searchValue || (searchValue === null || searchValue === void 0 ? void 0 : searchValue.length) < 3 ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(BlogCol, {
         backgroundColor: backgroundColor
     }, /*#__PURE__*/ React.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.createElement(SuggestedSearches, null, canDisplayPopular && /*#__PURE__*/ React.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.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.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Container, {
         labelsColor: labelsColor,
-        title: labels.productsLabel,
+        title: (labels === null || labels === void 0 ? void 0 : labels.productsLabel) || '',
         onlyMobile: true
     }, /*#__PURE__*/ React.createElement(NoResultsDesc, {
         className: "SEARCH_BOX_NO_RESULT"
@@ -99,14 +100,14 @@ export var EmptyBox = function(param) {
         backgroundColor: backgroundColor
     }, /*#__PURE__*/ React.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.createElement(Container, {
         labelsColor: labelsColor,
-        title: labels.productsLabel,
+        title: (labels === null || labels === void 0 ? void 0 : labels.productsLabel) || '',
         onlyDesktop: true
     }, /*#__PURE__*/ React.createElement(NoResultsDesc, {
         className: "SEARCH_BOX_NO_RESULT"

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

@@ -6,7 +6,7 @@ export 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 = useConfigState();
     var ref = usePopularSearches({
-        key: config.interfaceKey
+        key: config.interfaceKey || ''
     }), popularSearches = ref.popularSearches, arePopularLoading = ref.isLoading, status = ref.status;
     return(/*#__PURE__*/ React.createElement(Container, {
         labelsColor: labelsColor,

package/dist/esm/navigation/components/SearchBox/Components/Products/Components/ProductCard/index.js

@@ -151,7 +151,7 @@ export var ProductCard = function(param) {
             fontWeight: 400
         }
     }, name), /*#__PURE__*/ React.createElement(PriceContainer, null, discountPrice ? /*#__PURE__*/ React.createElement(Price, null, /*#__PURE__*/ React.createElement(NewPrice, null, discountPrice.displayValue), /*#__PURE__*/ React.createElement(OriginalPrice, null, price.displayValue)) : /*#__PURE__*/ React.createElement(ProductCardPrice, {
-        color: priceColor
+        color: priceColor || ''
     }, price.displayValue)))))), /*#__PURE__*/ React.createElement(Divider, {
         isLast: isLast
     })));

package/dist/esm/navigation/components/SearchBox/Components/Products/index.js

@@ -28,7 +28,7 @@ export var Products = function(param) {
         labelsColor: labelsColor,
         title: title,
         offers: offers,
-        noData: !data || (data === null || data === void 0 ? void 0 : data.length) < 1
+        noData: !data || (data === null || data === void 0 ? void 0 : data.length) < 1 || null
     }, Boolean(data === null || data === void 0 ? void 0 : data.length) ? /*#__PURE__*/ React.createElement("div", {
         className: "row ".concat(offers ? 'flex-column' : '')
     }, data === null || data === void 0 ? void 0 : data.map(function(product, index) {
@@ -39,7 +39,7 @@ export var Products = function(param) {
             labelsColor: labelsColor,
             priceColor: priceColor,
             onClose: onClose,
-            isLast: index === (data === null || data === void 0 ? void 0 : data.length) - 1,
+            isLast: index === (data === null || data === void 0 ? void 0 : data.length) - 1 || null,
             offers: offers,
             productSpacing: productSpacing
         }));

package/dist/esm/navigation/components/SearchBox/Components/RecentSearches/index.js

@@ -6,7 +6,7 @@ export var RecentSearches = function(param) {
     return(/*#__PURE__*/ React.createElement(Container, {
         labelsColor: labelsColor,
         title: title,
-        noData: !data || (data === null || data === void 0 ? void 0 : data.length) < 1
+        noData: !data || (data === null || data === void 0 ? void 0 : data.length) < 1 || null
     }, data && /*#__PURE__*/ React.createElement(RecentSearchesList, {
         data: data,
         onClose: onClose,

package/dist/esm/navigation/components/SearchBox/index.js

@@ -141,7 +141,7 @@ var BottomMenuEnum1;
 })(BottomMenuEnum1 || (BottomMenuEnum1 = {
 }));
 export var SearchBox = function(param) {
-    var isLoading = param.isLoading, onClose = param.onClose, suggestedBrands = param.suggestedBrands, suggestedCategories = param.suggestedCategories, suggestions = param.suggestions, searchValue = param.searchValue, _withRecent = param.withRecent, withRecent = _withRecent === void 0 ? true : _withRecent, labels = param.labels, bottomMenu = param.bottomMenu, labelsColor = param.labelsColor, textColor = param.textColor, priceColor = param.priceColor, backgroundColor = param.backgroundColor, onSearchSubmit = param.onSearchSubmit, top = param.top, delay = param.delay, isContainer = param.isContainer, noCloseButton = param.noCloseButton, productSpacing = param.productSpacing, closeButtonOnTop = param.closeButtonOnTop, _hasPopularSearches = param.hasPopularSearches, hasPopularSearches = _hasPopularSearches === void 0 ? false : _hasPopularSearches;
+    var isLoading = param.isLoading, onClose = param.onClose, suggestedBrands = param.suggestedBrands, suggestedCategories = param.suggestedCategories, suggestions = param.suggestions, searchValue = param.searchValue, _withRecent = param.withRecent, withRecent = _withRecent === void 0 ? true : _withRecent, labels = param.labels, bottomMenu = param.bottomMenu, labelsColor = param.labelsColor, textColor = param.textColor, priceColor = param.priceColor, backgroundColor = param.backgroundColor, onSearchSubmit = param.onSearchSubmit, top = param.top, delay = param.delay, isContainer = param.isContainer, noCloseButton = param.noCloseButton, productSpacing = param.productSpacing, closeButtonOnTop = param.closeButtonOnTop, _hasPopularSearches = param.hasPopularSearches, hasPopularSearches = _hasPopularSearches === void 0 ? null : _hasPopularSearches;
     var ref = useSearchHistory(), data = ref.data, loadingRecent = ref.isLoading;
     var canDisplayRecent = !loadingRecent;
     var searchHistory = data === null || data === void 0 ? void 0 : data.results;
@@ -169,21 +169,21 @@ export var SearchBox = function(param) {
     }, /*#__PURE__*/ React.createElement(SearchBoxContent, {
         isContainer: isContainer
     }, /*#__PURE__*/ React.createElement(Row, null, /*#__PURE__*/ React.createElement(Placeholder, null), showResults ? /*#__PURE__*/ React.createElement(ResultsBox, null, /*#__PURE__*/ React.createElement(SuggestedBrandsCol, {
-        backgroundColor: backgroundColor
+        backgroundColor: backgroundColor || ''
     }, suggestedBrands.length !== 0 && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Suggestions, {
         data: displayableBrands,
         onClose: onClose,
-        searchValue: searchValue,
-        title: labels.suggestedBrandsLabel,
-        labelsColor: labelsColor,
-        textColor: textColor
+        searchValue: searchValue || '',
+        title: (labels === null || labels === void 0 ? void 0 : labels.suggestedBrandsLabel) || '',
+        labelsColor: labelsColor || '',
+        textColor: textColor || ''
     })), suggestedCategories.length > 0 && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Suggestions, {
         data: suggestedCategories,
         onClose: onClose,
-        searchValue: searchValue,
-        title: labels.suggestedCategoriesLabel,
-        labelsColor: labelsColor,
-        textColor: textColor
+        searchValue: searchValue || '',
+        title: (labels === null || labels === void 0 ? void 0 : labels.suggestedCategoriesLabel) || '',
+        labelsColor: labelsColor || '',
+        textColor: textColor || ''
     }))), /*#__PURE__*/ React.createElement(ProductsWrapper, {
         backgroundColor: backgroundColor
     }, /*#__PURE__*/ React.createElement(Products, {
@@ -212,7 +212,7 @@ export var SearchBox = function(param) {
         onClose: onClose,
         searchHistory: searchHistory,
         textColor: textColor,
-        canDisplayRecent: canDisplayRecent,
+        canDisplayRecent: canDisplayRecent || null,
         withRecent: withRecent,
         promoOffers: promoOffers,
         searchValue: searchValue

package/dist/esm/order/api/mutations/index.js

@@ -1 +1,2 @@
 export * from './useUpdateCustomLineItemMutation';
+export * from './useUpdateOrderCustomFieldMutation';

package/dist/esm/order/api/mutations/useUpdateOrderCustomFieldMutation.js

@@ -0,0 +1,10 @@
+import { MyCartSetCartCustomField } from '@sentecacommerce/sdk';
+import { useMutation } from 'react-query';
+export var useUpdateOrderCustomFieldMutation = function(callback) {
+    return useMutation(function(values) {
+        return MyCartSetCartCustomField(values.customFields);
+    }, {
+        onSuccess: callback === null || callback === void 0 ? void 0 : callback.onSuccess,
+        onError: callback === null || callback === void 0 ? void 0 : callback.onError
+    });
+};

package/dist/esm/order/hooks/index.js

@@ -1 +1,2 @@
 export * from './useUpdateCustomLineItem';
+export * from './useUpdateOrderCustomField';