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

package/dist/esm/listing/types.js

@@ -1,12 +1,9 @@
-var AggregateSortEnum1;
-export { AggregateSortEnum1 as AggregateSortEnum,  };
+export var AggregateSortEnum;
 (function(AggregateSortEnum) {
     AggregateSortEnum["Index"] = 'index';
     AggregateSortEnum["Alphabetically"] = 'alphabetically';
-})(AggregateSortEnum1 || (AggregateSortEnum1 = {
-}));
-var ListingTypesEnum1;
-export { ListingTypesEnum1 as ListingTypesEnum,  };
+})(AggregateSortEnum || (AggregateSortEnum = {}));
+export var ListingTypesEnum;
 (function(ListingTypesEnum) {
     ListingTypesEnum["Category"] = 'category';
     ListingTypesEnum["Brand"] = 'brand';
@@ -14,26 +11,20 @@ export { ListingTypesEnum1 as ListingTypesEnum,  };
     ListingTypesEnum["Search"] = 'text';
     ListingTypesEnum["Collection"] = 'collection';
     ListingTypesEnum["AttrPage"] = 'attribute page';
-})(ListingTypesEnum1 || (ListingTypesEnum1 = {
-}));
-var GenderNamesEnum1;
-export { GenderNamesEnum1 as GenderNamesEnum,  };
+})(ListingTypesEnum || (ListingTypesEnum = {}));
+export var GenderNamesEnum;
 (function(GenderNamesEnum) {
     GenderNamesEnum["Men"] = 'Мъже';
     GenderNamesEnum["Women"] = 'Жени';
     GenderNamesEnum["Kids"] = 'Деца';
-})(GenderNamesEnum1 || (GenderNamesEnum1 = {
-}));
-var AggregationTypeEnum1;
-export { AggregationTypeEnum1 as AggregationTypeEnum,  };
+})(GenderNamesEnum || (GenderNamesEnum = {}));
+export var AggregationTypeEnum;
 (function(AggregationTypeEnum) {
     AggregationTypeEnum["Terms"] = 'terms';
     AggregationTypeEnum["Ranges"] = 'ranges';
     AggregationTypeEnum["Stats"] = 'stats';
-})(AggregationTypeEnum1 || (AggregationTypeEnum1 = {
-}));
-var ComponentTypeEnum1;
-export { ComponentTypeEnum1 as ComponentTypeEnum,  };
+})(AggregationTypeEnum || (AggregationTypeEnum = {}));
+export var ComponentTypeEnum;
 (function(ComponentTypeEnum) {
     ComponentTypeEnum["Text"] = 'text';
     ComponentTypeEnum["TextWithLink"] = 'text-with-link';
@@ -44,5 +35,4 @@ export { ComponentTypeEnum1 as ComponentTypeEnum,  };
     ComponentTypeEnum["Dropdown"] = 'dropdown';
     ComponentTypeEnum["RangeCheckbox"] = 'range-checkbox';
     ComponentTypeEnum["RangeSlider"] = 'range-slider';
-})(ComponentTypeEnum1 || (ComponentTypeEnum1 = {
-}));
+})(ComponentTypeEnum || (ComponentTypeEnum = {}));

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

@@ -15,8 +15,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) {
@@ -29,17 +28,15 @@ function _objectSpread(target) {
     }
     return 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 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){
@@ -47,30 +44,30 @@ export var buildCategoryQuery = function(param) {
                 filter += "brand;eq;\"".concat(predicate === null || predicate === void 0 ? void 0 : predicate._id, "\"").concat(applyBrandsPostFilter({
                     postFilter: postFilter
                 }));
-                if (router.query.cat) filter += extendFilter({
+                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
+                        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 += '&';
+                    if (filter) filter += '&';
                     filter += postFilter;
                 }
                 break;
             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;
@@ -80,17 +77,24 @@ export var buildCategoryQuery = function(param) {
                 filter += "text;eq;\"".concat(searchQuery, "\"");
                 if (postFilter) filter += "&".concat(postFilter);
                 break;
+            case ListingTypesEnum.View:
+                filter += applyViewsPostFilter({
+                    postFilter: postFilter
+                });
+                if (config === null || config === void 0 ? void 0 : config.filterExtension) {
+                    filter += filter ? "&".concat(config === null || config === void 0 ? void 0 : config.filterExtension) : config === null || config === void 0 ? void 0 : config.filterExtension;
+                }
+                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);
+    var _obj;
+    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;
-        query = _objectSpread({
-        }, query, {
+        var collapseMode = config === null || config === void 0 ? void 0 : config.collapseMode;
+        query = _objectSpread({}, query, {
             collapseMode: collapseMode
         });
     }
@@ -104,11 +108,25 @@ var applyBrandsPostFilter = function(param) {
     var postFilter = param.postFilter;
     if (postFilter) {
         var filtersArr = postFilter.split('&');
-        var filters = filtersArr.reduce(function(res, val, i) {
+        var filters = filtersArr.reduce(function(res, val) {
+            if (val.includes('category')) return res;
+            return res += "&".concat(val);
+        }, '');
+        if (!filters) return '';
+        return filters[0] === '&' ? filters : "&".concat(filters);
+    }
+    return '';
+};
+var applyViewsPostFilter = function(param) {
+    var postFilter = param.postFilter;
+    if (postFilter) {
+        var filtersArr = postFilter.split('&');
+        var filters = filtersArr.reduce(function(res, val) {
             if (val.includes('category')) return res;
+            if (!res) return res + "".concat(val);
             return res += "&".concat(val);
         }, '');
-        return "".concat(filters);
+        return filters || '';
     }
     return '';
 };

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

@@ -1,6 +1,11 @@
 import { ListingTypesEnum } from '../index';
 import { getAttributePageType } from '../hooks/utils';
 import { extendFilter } from './extendFilter';
+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;
 }
@@ -18,12 +23,14 @@ function _defineProperty(obj, key, value) {
     return 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;
         }
@@ -40,12 +47,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) {
@@ -59,27 +65,31 @@ 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);
 }
 export var buildFilterQuery = function(param) {
     var predicate = param.predicate, slug = param.slug, pageType = param.pageType, router = param.router, aggregates = param.aggregates, config = param.config, postFilter = param.postFilter;
     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,30 +103,23 @@ 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({
-            }, aggregateType, "".concat(map[aggregateType], "&").concat(aggregationTerm)));
+            return _objectSpread({}, map, _defineProperty({}, aggregateType, "".concat(map[aggregateType], "&").concat(aggregationTerm)));
         }
-        return _objectSpread({
-        }, map, _defineProperty({
-        }, aggregateType, "".concat(aggregationTerm)));
-    }, {
-    });
-    var builtQuery = _objectSpread({
-    }, aggregatesMap, {
+        return _objectSpread({}, map, _defineProperty({}, aggregateType, "".concat(aggregationTerm)));
+    }, {});
+    var builtQuery = _objectSpread({}, aggregatesMap, {
         filter: extendFilter({
             slug: filter,
             filterExtension: filterExtension,
             noSplit: true
         })
     });
-    if ((ref = router.query) === null || ref === void 0 ? void 0 : ref.filter) builtQuery = _objectSpread({
-    }, builtQuery, {
+    if ((ref = router.query) === null || ref === void 0 ? void 0 : ref.filter) builtQuery = _objectSpread({}, builtQuery, {
         postFilter: postFilter
     });
-    if (pageType !== ListingTypesEnum.Collection && collapseMode) builtQuery = _objectSpread({
-    }, builtQuery, {
+    if (pageType !== ListingTypesEnum.Collection && collapseMode) builtQuery = _objectSpread({}, builtQuery, {
         collapseMode: collapseMode
     });
     return builtQuery;

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

@@ -1,5 +1,5 @@
 export 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/esm/listing/utils/extendFilter.js

@@ -1,13 +1,20 @@
+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;
         }
@@ -24,10 +31,18 @@ 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);
 }
 export var extendFilter = function(param) {
     var slug = param.slug, filterExtension = param.filterExtension, noSplit = param.noSplit;

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

@@ -1,13 +1,20 @@
+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;
         }
@@ -24,22 +31,28 @@ 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);
 }
 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;
-    var slugMap = {
-    };
+    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 +70,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,
@@ -9,10 +9,9 @@ export var getListingPageType = function(router, slug, config) {
         '/[slug]/[cat]/c': ListingTypesEnum.Category,
         '/[slug]/[cat]/b': ListingTypesEnum.Brand
     };
-    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) {
+    var slugAliases = {};
+    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,47 +71,47 @@ 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.popularSearches) || '',
         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.recentSearches) || '',
         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.products) || '',
         onlyMobile: true
     }, /*#__PURE__*/ React.createElement(NoResultsDesc, {
         className: "SEARCH_BOX_NO_RESULT"
-    }, "No results found")), /*#__PURE__*/ React.createElement(PromoCol, {
+    }, labels === null || labels === void 0 ? void 0 : labels.noResults)), /*#__PURE__*/ React.createElement(PromoCol, {
         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.promoOffers) || '',
         offers: true
     })), /*#__PURE__*/ React.createElement(Container, {
         labelsColor: labelsColor,
-        title: labels.productsLabel,
+        title: (labels === null || labels === void 0 ? void 0 : labels.products) || '',
         onlyDesktop: true
     }, /*#__PURE__*/ React.createElement(NoResultsDesc, {
         className: "SEARCH_BOX_NO_RESULT"
-    }, "No results found"))))));
+    }, labels === null || labels === void 0 ? void 0 : labels.noResults))))));
 };
 var Wrapper = styled.div.attrs({
     className: 'd-flex flex-column flex-lg-row mx-lg-auto '

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

@@ -129,8 +129,7 @@ export var ProductCard = function(param) {
         background: (ref = config.theme.palette) === null || ref === void 0 ? void 0 : ref.disabled,
         defaultImageWidth: "7rem",
         defaultSize: "medium",
-        breakpointSizes: {
-        },
+        breakpointSizes: {},
         imagesMap: images === null || images === void 0 ? void 0 : images[0],
         backgroundOverImage: true
     })), /*#__PURE__*/ React.createElement(ProductCardContent, {
@@ -151,7 +150,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/Components/Suggestions/Utils/ScrollView.js

@@ -15,8 +15,7 @@ function _extends() {
     return _extends.apply(this, arguments);
 }
 function _objectWithoutProperties(source, excluded) {
-    if (source == null) return {
-    };
+    if (source == null) return {};
     var target = _objectWithoutPropertiesLoose(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
@@ -31,10 +30,8 @@ function _objectWithoutProperties(source, excluded) {
     return target;
 }
 function _objectWithoutPropertiesLoose(source, excluded) {
-    if (source == null) return {
-    };
-    var target = {
-    };
+    if (source == null) return {};
+    var target = {};
     var sourceKeys = Object.keys(source);
     var key, i;
     for(i = 0; i < sourceKeys.length; i++){
@@ -72,8 +69,7 @@ var ScrollView = function(_param) {
     var children = _param.children, rest = _objectWithoutProperties(_param, [
         "children"
     ]);
-    return(/*#__PURE__*/ React.createElement(Container, _extends({
-    }, rest), children));
+    return(/*#__PURE__*/ React.createElement(Container, _extends({}, rest), children));
 };
 export { ScrollView };
 var Container = styled.div(_templateObject(), function(props) {