@sentecacommerce-theme/lib 0.12.100 → 0.13.1

package/dist/cjs/analytics/Pixel/mainScript.js

@@ -158,8 +158,7 @@ function _objectSpread(target) {
                             mode: 'cors',
                             cache: 'no-cache',
                             headers: {
-                                'Content-Type': 'application/json',
-                                'senteca-locale': global.location.pathname.split('/')[1] || ''
+                                'Content-Type': 'application/json'
                             },
                             body: JSON.stringify(payload)
                         });

package/dist/cjs/api/getSDKConfig.js

@@ -44,16 +44,14 @@ var getSDKConfig = function() {
     var defaultConfig = getOptions(options);
     var headers = ((ref = _sdk.HttpClient.defaultConfig) === null || ref === void 0 ? void 0 : ref.options.headers) || (defaultConfig === null || defaultConfig === void 0 ? void 0 : defaultConfig.headers) || {};
     var config = new _sdk.Configuration(_objectSpread({}, ((ref1 = _sdk.HttpClient.defaultConfig) === null || ref1 === void 0 ? void 0 : ref1.options) || defaultConfig, options, {
-        headers: _objectSpread({}, headers, options.headers || {}, {
-            'senteca-locale': (0, _utils).getLocaleFromPath()
-        })
+        headers: _objectSpread({}, headers, options.headers || {})
     }));
     return config;
 };
 exports.getSDKConfig = getSDKConfig;
 var getOptions = function() {
     var options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    if (!(0, _utils).canUseDOM()) {
+    if (typeof window === 'undefined') {
         // eslint-disable-next-line @typescript-eslint/no-var-requires
         var nodeFetch = require('node-fetch');
         var ref;

package/dist/cjs/api/myCartApi/index.js

@@ -10,7 +10,6 @@ var _utils = require("../../utils");
 var _getSDKConfig = require("../getSDKConfig");
 var _utils1 = require("./utils");
 var _promoCode = require("../../api.v2/core/misc/promo-code");
-var _ = require("../..");
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
     try {
         var info = gen[key](arg);
@@ -123,7 +122,6 @@ var MyCartApiFactory = function() {
             }(),
             useGet: function() {
                 var queryCache = (0, _reactQuery).useQueryCache();
-                var isLoading = (0, _).useIsAuthenticated().isLoading;
                 return (0, _reactQuery).useQuery(myCartCacheKeys.useGet, _asyncToGenerator(_regeneratorRuntime.default.mark(function _callee() {
                     var data;
                     return _regeneratorRuntime.default.wrap(function _callee$(_ctx) {
@@ -142,14 +140,12 @@ var MyCartApiFactory = function() {
                         }
                     }, _callee);
                 })), {
-                    enabled: !isLoading,
                     retry: false,
-                    refetchOnMount: true,
+                    refetchOnMount: false,
                     refetchOnWindowFocus: false
                 });
             },
             useGetCompact: function() {
-                var isLoading = (0, _).useIsAuthenticated().isLoading;
                 return (0, _reactQuery).useQuery(myCartCacheKeys.useGetCompact, _asyncToGenerator(_regeneratorRuntime.default.mark(function _callee() {
                     var compactBasket;
                     return _regeneratorRuntime.default.wrap(function _callee$(_ctx) {
@@ -162,9 +158,7 @@ var MyCartApiFactory = function() {
                                 return _ctx.stop();
                         }
                     }, _callee);
-                })), {
-                    enabled: !isLoading
-                });
+                })));
             },
             useIsExisting: function(productId, variantId, collapseKey) {
                 return (0, _reactQuery).useQuery([

package/dist/cjs/config/SentecaProvider.js

@@ -8,7 +8,6 @@ var _nodeFetch = _interopRequireDefault(require("node-fetch"));
 var _getSDKConfig = require("../api/getSDKConfig");
 var _reactQuery = require("react-query");
 var _tokens = require("../utils/tokens");
-var _utils = require("../utils");
 var _router = require("next/router");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -52,8 +51,7 @@ function SentecaProvider(param) {
     if (localeData) {
         options.headers = _objectSpread({}, options.headers || {}, {
             InterfaceKey: localeData.interfaceKey,
-            StoreKey: localeData.storeKey,
-            'senteca-locale': (0, _utils).getLocaleFromPath()
+            StoreKey: localeData.storeKey
         });
     }
     _sdk.HttpClient.defaultConfig = new _sdk.Configuration(options);

package/dist/cjs/hooks/useAvailability/index.js

@@ -70,7 +70,7 @@ var useAvailability = function(param) {
             setStatus(ProductQuantityStatusEnum.OutOfStock);
             return;
         }
-        if (quantity - (quantityInBasket || 0) < 1) {
+        if ((quantity !== null && quantity !== void 0 ? quantity : 0) < (quantityInBasket || 1)) {
             setStatus(ProductQuantityStatusEnum.MaxQuantityReached);
             return;
         }

package/dist/cjs/hooks/useProduct/index.js

@@ -317,26 +317,16 @@ function ProductProvider(param) {
         return variants === null || variants === void 0 ? void 0 : variants[id];
     }
     function getVariantByCombination(key, value) {
-        var ref42;
-        var split = value === null || value === void 0 ? void 0 : value.split(':');
-        if ((split === null || split === void 0 ? void 0 : split[0]) === 'collapseKey') {
-            var id = Object.keys(variants).find(function(el) {
-                var ref;
-                return variants[el].collapseKey === (split === null || split === void 0 ? void 0 : split[1]) && ((ref = variants[el].attributes.find(function(attr) {
-                    return attr.name === 'size';
-                })) === null || ref === void 0 ? void 0 : ref.value) === key;
-            });
-            return variants[id];
-        }
-        var id3 = (ref42 = combinations[key]) === null || ref42 === void 0 ? void 0 : ref42.params[value];
-        return variants === null || variants === void 0 ? void 0 : variants[id3];
+        var ref;
+        var id = (ref = combinations[key]) === null || ref === void 0 ? void 0 : ref.params[value];
+        return variants === null || variants === void 0 ? void 0 : variants[id];
     }
     function getCustomFieldValue(field) {
         return customFields === null || customFields === void 0 ? void 0 : customFields[field];
     }
     function getCombinationsForAttributeRule(key, id) {
-        var ref, ref43;
-        var result = attributeRules === null || attributeRules === void 0 ? void 0 : (ref = attributeRules[key]) === null || ref === void 0 ? void 0 : (ref43 = ref.values) === null || ref43 === void 0 ? void 0 : ref43[id];
+        var ref, ref42;
+        var result = attributeRules === null || attributeRules === void 0 ? void 0 : (ref = attributeRules[key]) === null || ref === void 0 ? void 0 : (ref42 = ref.values) === null || ref42 === void 0 ? void 0 : ref42[id];
         return result;
     }
     var collapsedImages = (0, _utils).createCollapseKeyImagesMap(product);

package/dist/cjs/hooks/wishlist-hooks/useWishlistItem/index.js

@@ -2,7 +2,7 @@ Object.defineProperty(exports, "__esModule", {
     value: true
 });
 exports.useWishlistItem = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _ = require("../../../");
 var _utils = require("../../basket-hooks/useBasketLineItem/utils");
 var _utils1 = require("../../../utils");
@@ -14,26 +14,10 @@ function _arrayLikeToArray(arr, len) {
 function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _interopRequireWildcard(obj) {
-    if (obj && obj.__esModule) {
-        return obj;
-    } else {
-        var newObj = {};
-        if (obj != null) {
-            for(var key in obj){
-                if (Object.prototype.hasOwnProperty.call(obj, key)) {
-                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
-                    if (desc.get || desc.set) {
-                        Object.defineProperty(newObj, key, desc);
-                    } else {
-                        newObj[key] = obj[key];
-                    }
-                }
-            }
-        }
-        newObj.default = obj;
-        return newObj;
-    }
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
 }
 function _iterableToArrayLimit(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
@@ -75,19 +59,15 @@ function _unsupportedIterableToArray(o, minLen) {
 }
 var useWishlistItem = function(props) {
     var ref16;
-    var item = props.item, expiry = props.expiry;
-    var ref1 = _slicedToArray((0, _).useBoolean(false), 2), isExpired = ref1[0], setIsExpired = ref1[1];
+    var ref1 = _slicedToArray(_react.default.useState(false), 2), isExpired = ref1[0], setIsExpired = ref1[1];
     var ref2 = _slicedToArray(_.wishlistApi.useSync(), 1), syncWishlist = ref2[0];
     var ref3 = (0, _).usePrefetchProduct((0, _).getTranslatableField(props === null || props === void 0 ? void 0 : (ref16 = props.item) === null || ref16 === void 0 ? void 0 : ref16.productSlug)), onMouseDown = ref3.onMouseDown, onMouseEnter = ref3.onMouseEnter, onMouseLeave = ref3.onMouseLeave;
-    (0, _react).useEffect(function() {
-        if (expiry) {
-            if (Date.now() > expiry + (item === null || item === void 0 ? void 0 : item.snapshotFrom)) {
-                setIsExpired.on();
-            }
-        }
-    }, []);
     var data = _react.default.useMemo(function() {
         var ref, ref4, ref5, ref6, ref7, ref8, ref9, ref10, ref11, ref12, ref13, ref14, ref15;
+        var item = props.item;
+        if (props.expiry && (0, _utils).getTimeStamp(props.expiry) < (item === null || item === void 0 ? void 0 : item.snapshotFrom)) {
+            setIsExpired(true);
+        }
         var offer = item === null || item === void 0 ? void 0 : (ref = item.productVariant) === null || ref === void 0 ? void 0 : ref.offer;
         var mappedAttributes = (0, _utils).createMappedAttributes(item === null || item === void 0 ? void 0 : (ref4 = item.productVariant) === null || ref4 === void 0 ? void 0 : ref4.attributes) || {};
         var mappedCustomField = (0, _utils1).customFieldsToMap(item.custom);
@@ -127,16 +107,12 @@ var useWishlistItem = function(props) {
             }
         };
     }, [
-        item
-    ]);
-    (0, _react).useEffect(function() {
-        if (isExpired) {
-            syncWishlist();
-            setIsExpired.off();
-        }
-    }, [
-        isExpired
+        props.item
     ]);
+    if (isExpired) {
+        syncWishlist();
+        setIsExpired(false);
+    }
     return data;
 };
 exports.useWishlistItem = useWishlistItem;

package/dist/cjs/listing/api/queries/useListingQuery.js

@@ -137,7 +137,7 @@ var useListingQuery = function() {
         predicate: predicate,
         sort: sort,
         postFilter: postFilter,
-        slug: aliasedSlug,
+        slug: slug,
         offset: offset
     });
     return (0, _reactQuery).useQuery(queryKeys, _asyncToGenerator(_regeneratorRuntime.default.mark(function _callee() {

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

@@ -8,6 +8,7 @@ var _utils = require("../../utils");
 var _assetsToMap = require("../../utils/assetsToMap");
 var _router = require("next/router");
 var _utils1 = require("../utils");
+var _types = require("../types");
 var _index = require("../../index");
 var _useListingFilters = require("./useListingFilters");
 var _useListingCategories = require("./useListingCategories");
@@ -31,33 +32,6 @@ function _iterableToArray(iter) {
 function _nonIterableSpread() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _objectWithoutProperties(source, excluded) {
-    if (source == null) return {};
-    var target = _objectWithoutPropertiesLoose(source, excluded);
-    var key, i;
-    if (Object.getOwnPropertySymbols) {
-        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-        for(i = 0; i < sourceSymbolKeys.length; i++){
-            key = sourceSymbolKeys[i];
-            if (excluded.indexOf(key) >= 0) continue;
-            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-            target[key] = source[key];
-        }
-    }
-    return target;
-}
-function _objectWithoutPropertiesLoose(source, excluded) {
-    if (source == null) return {};
-    var target = {};
-    var sourceKeys = Object.keys(source);
-    var key, i;
-    for(i = 0; i < sourceKeys.length; i++){
-        key = sourceKeys[i];
-        if (excluded.indexOf(key) >= 0) continue;
-        target[key] = source[key];
-    }
-    return target;
-}
 function _toConsumableArray(arr) {
     return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
 }
@@ -116,57 +90,74 @@ var useListingMeta = function() {
 };
 exports.useListingMeta = useListingMeta;
 function processDisplayName(slug, config, name, breadcrumb, router, aggData, categoriesData) {
-    var ref, ref5;
     var listingName = (0, _utils).getTranslatableField(name);
     var brandName = getBrandName(router, aggData);
     var categoryName = getCategoryName(router, categoriesData);
     var type = (0, _utils1).getListingPageType(router, slug, config);
-    var getTitle = config.getTitle, rest = _objectWithoutProperties(config, [
-        "getTitle"
-    ]);
-    var title = getTitle === null || getTitle === void 0 ? void 0 : getTitle(type, rest, {
-        category: categoryName,
-        brand: brandName,
-        defaultName: listingName,
-        attribute: (ref = config.titleAliases) === null || ref === void 0 ? void 0 : ref[slug],
-        childAttribute: (0, _utils).getTranslatableField(breadcrumb === null || breadcrumb === void 0 ? void 0 : breadcrumb.label),
-        search: router === null || router === void 0 ? void 0 : (ref5 = router.query) === null || ref5 === void 0 ? void 0 : ref5.search,
-        isWithAttribute: Boolean(router === null || router === void 0 ? void 0 : router.query.cat)
-    });
-    return title || listingName;
+    if (type === _types.ListingTypesEnum.AttrPage) {
+        return "Всичко за ".concat(config.titleAliases[slug]);
+    }
+    if (router === null || router === void 0 ? void 0 : router.query.cat) {
+        var attribute = (0, _utils).getTranslatableField(breadcrumb === null || breadcrumb === void 0 ? void 0 : breadcrumb.label);
+        if (type === _types.ListingTypesEnum.Category) {
+            if (!brandName) {
+                return "".concat(listingName, " за ").concat(attribute);
+            }
+            return "".concat(listingName, " за ").concat(attribute, " от ").concat(brandName);
+        }
+        if (type === _types.ListingTypesEnum.Brand) {
+            if (!categoryName) {
+                return "Всички продукти от ".concat(listingName, " за ").concat(attribute);
+            }
+            return "".concat(categoryName, " от ").concat(listingName, " за ").concat(attribute);
+        }
+    }
+    if (type === _types.ListingTypesEnum.Category && brandName) {
+        return "".concat(listingName, " от ").concat(brandName);
+    }
+    if (type === _types.ListingTypesEnum.Brand) {
+        if (!categoryName) {
+            return "Всички продукти от ".concat(listingName);
+        }
+        return "".concat(categoryName, " от ").concat(listingName);
+    }
+    if (type === _types.ListingTypesEnum.Search && (router === null || router === void 0 ? void 0 : router.query.search)) {
+        return "".concat(listingName, " от \"").concat(router.query.search, "\"");
+    }
+    return listingName;
 }
 function getFilterByType(filterType, router) {
     var filterId = '';
     if (Array.isArray(router === null || router === void 0 ? void 0 : router.query.filter)) {
-        var ref, ref6;
+        var ref, ref5;
         var filters = (ref = router === null || router === void 0 ? void 0 : router.query.filter) === null || ref === void 0 ? void 0 : ref.filter(function(x) {
             return x === null || x === void 0 ? void 0 : x.includes(filterType);
         });
         if ((filters === null || filters === void 0 ? void 0 : filters.length) && filters.length > 1) {
             return '';
         }
-        var filterTerm = (ref6 = /\d+/.exec((filters === null || filters === void 0 ? void 0 : filters[0]) || '')) === null || ref6 === void 0 ? void 0 : ref6[0];
+        var filterTerm = (ref5 = /\d+/.exec((filters === null || filters === void 0 ? void 0 : filters[0]) || '')) === null || ref5 === void 0 ? void 0 : ref5[0];
         if (!filterTerm) return '';
         filterId = filterTerm;
     } else {
-        var ref7, ref8, ref9;
-        var isFiltered = router === null || router === void 0 ? void 0 : (ref7 = router.query) === null || ref7 === void 0 ? void 0 : (ref8 = ref7.filter) === null || ref8 === void 0 ? void 0 : ref8.includes(filterType);
+        var ref6, ref7, ref8;
+        var isFiltered = router === null || router === void 0 ? void 0 : (ref6 = router.query) === null || ref6 === void 0 ? void 0 : (ref7 = ref6.filter) === null || ref7 === void 0 ? void 0 : ref7.includes(filterType);
         if (!isFiltered) {
             return '';
         }
-        filterId = (ref9 = /(\w+)-(\d+)/.exec(router === null || router === void 0 ? void 0 : router.query.filter)) === null || ref9 === void 0 ? void 0 : ref9[0];
+        filterId = (ref8 = /(\w+)-(\d+)/.exec(router === null || router === void 0 ? void 0 : router.query.filter)) === null || ref8 === void 0 ? void 0 : ref8[0];
     }
     return filterId;
 }
 function getBrandName(router, filtersData) {
-    var ref, ref10, ref11;
+    var ref, ref9, ref10;
     var brandId = getFilterByType('brand', router);
     var brand = (ref = filtersData === null || filtersData === void 0 ? void 0 : filtersData.find(function(x) {
         return x.name === 'Brands';
-    })) === null || ref === void 0 ? void 0 : (ref10 = ref.items) === null || ref10 === void 0 ? void 0 : ref10.find(function(x) {
+    })) === null || ref === void 0 ? void 0 : (ref9 = ref.items) === null || ref9 === void 0 ? void 0 : ref9.find(function(x) {
         return x.data.key === brandId;
     });
-    return (0, _utils).getTranslatableField(brand === null || brand === void 0 ? void 0 : (ref11 = brand.meta) === null || ref11 === void 0 ? void 0 : ref11.name);
+    return (0, _utils).getTranslatableField(brand === null || brand === void 0 ? void 0 : (ref10 = brand.meta) === null || ref10 === void 0 ? void 0 : ref10.name);
 }
 function getCategoryName(router, categories) {
     var categoryId = getFilterByType('category', router);

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

@@ -56,7 +56,7 @@ function _unsupportedIterableToArray(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
 var useSlideFilter = function(filterName, min, max) {
-    var ref3;
+    var ref;
     var router = (0, _router).useRouter();
     var meta = (0, _).useListingConfig().meta;
     var slug = (0, _index).useListingAlias(meta).slug;
@@ -71,7 +71,7 @@ var useSlideFilter = function(filterName, min, max) {
         }
         if (allFilters.includes(filterQuery)) return allFilters;
     };
-    var filter = (ref3 = getFilter()) === null || ref3 === void 0 ? void 0 : ref3.replace(filterQuery, '');
+    var filter = (ref = getFilter()) === null || ref === void 0 ? void 0 : ref.replace(filterQuery, '');
     var ref1 = _slicedToArray(filter ? filter.split(',') : [
         min,
         max
@@ -81,29 +81,9 @@ var useSlideFilter = function(filterName, min, max) {
         to: +to || max
     }), 2), state = ref2[0], setState = ref2[1];
     var timeoutRef = (0, _react).useRef();
-    var getFormattedPriceRange = function(data) {
+    var updateValue = (0, _react).useCallback(function(data) {
         var formattedFrom = Math.min(Math.max(data.from, min), data.to);
         var formattedTo = Math.max(data.from, Math.min(data.to, max));
-        return {
-            formattedFrom: formattedFrom,
-            formattedTo: formattedTo
-        };
-    };
-    var updateValue = (0, _react).useCallback(function(data) {
-        var ref = getFormattedPriceRange(data), formattedFrom = ref.formattedFrom, formattedTo = ref.formattedTo;
-        setState({
-            from: formattedFrom,
-            to: formattedTo
-        });
-    }, [
-        filterName,
-        max,
-        min,
-        router,
-        slug
-    ]);
-    var applyFilter = (0, _react).useCallback(function(data) {
-        var ref = getFormattedPriceRange(data), formattedFrom = ref.formattedFrom, formattedTo = ref.formattedTo;
         clearTimeout(timeoutRef.current);
         timeoutRef.current = setTimeout(function() {
             router.push((0, _utils).createAggregateQuery((0, _utils1).getListingPageType(router, slug, meta), router.query.slug, {
@@ -125,7 +105,6 @@ var useSlideFilter = function(filterName, min, max) {
     ]);
     return {
         value: state,
-        applyFilter: applyFilter,
         updateValue: updateValue
     };
 };

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

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

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

@@ -44,20 +44,20 @@ function prefetchPredicate(queryCache, router, config) {
 }
 function _prefetchPredicate() {
     _prefetchPredicate = _asyncToGenerator(_regeneratorRuntime.default.mark(function _callee(queryCache, router, config) {
-        var aliasedSlug, slug, data, attribute;
+        var attribute, aliasedSlug, slug, data;
         return _regeneratorRuntime.default.wrap(function _callee$(_ctx) {
             while(1)switch(_ctx.prev = _ctx.next){
                 case 0:
+                    attribute = router.query.cat && router.query.slug;
                     aliasedSlug = (0, _utils).getListingAlias({
                         router: router,
                         config: config
                     });
                     slug = (0, _utils).getSlug(router, aliasedSlug);
-                    _ctx.next = 4;
+                    _ctx.next = 5;
                     return (0, _api).processPredicateRequest(slug, router, aliasedSlug);
-                case 4:
+                case 5:
                     data = _ctx.sent;
-                    attribute = router.query.cat && aliasedSlug;
                     queryCache.setQueryData([
                         _api.ListingQueryKeysEnum.usePredicate,
                         slug,

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

@@ -89,38 +89,38 @@ var EmptyBox = function(param) {
         textColor: textColor || '',
         onClose: onClose
     })), /*#__PURE__*/ _react.default.createElement(SuggestedSearches, null, canDisplayPopular && /*#__PURE__*/ _react.default.createElement(_.PopularSearches, {
-        title: (labels === null || labels === void 0 ? void 0 : labels.popularSearches) || '',
+        title: (labels === null || labels === void 0 ? void 0 : labels.popularSearchesLabel) || '',
         onClose: onClose,
         textColor: textColor || '',
         labelsColor: labelsColor || ''
     }), withRecent && canDisplayRecent && /*#__PURE__*/ _react.default.createElement(_.RecentSearches, {
-        title: (labels === null || labels === void 0 ? void 0 : labels.recentSearches) || '',
+        title: (labels === null || labels === void 0 ? void 0 : labels.recentSearchesLabel) || '',
         data: searchHistory,
         onClose: onClose,
         textColor: textColor || '',
         labelsColor: labelsColor || ''
     }))) : /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(_.Container, {
         labelsColor: labelsColor,
-        title: (labels === null || labels === void 0 ? void 0 : labels.products) || '',
+        title: (labels === null || labels === void 0 ? void 0 : labels.productsLabel) || '',
         onlyMobile: true
     }, /*#__PURE__*/ _react.default.createElement(NoResultsDesc, {
         className: "SEARCH_BOX_NO_RESULT"
-    }, labels === null || labels === void 0 ? void 0 : labels.noResults)), /*#__PURE__*/ _react.default.createElement(PromoCol, {
+    }, "No results found")), /*#__PURE__*/ _react.default.createElement(PromoCol, {
         backgroundColor: backgroundColor
     }, /*#__PURE__*/ _react.default.createElement(_.Products, {
         data: promoOffers,
         textColor: textColor || '',
         labelsColor: labelsColor || '',
         onClose: onClose,
-        title: (labels === null || labels === void 0 ? void 0 : labels.promoOffers) || '',
+        title: (labels === null || labels === void 0 ? void 0 : labels.promoOffersLabel) || '',
         offers: true
     })), /*#__PURE__*/ _react.default.createElement(_.Container, {
         labelsColor: labelsColor,
-        title: (labels === null || labels === void 0 ? void 0 : labels.products) || '',
+        title: (labels === null || labels === void 0 ? void 0 : labels.productsLabel) || '',
         onlyDesktop: true
     }, /*#__PURE__*/ _react.default.createElement(NoResultsDesc, {
         className: "SEARCH_BOX_NO_RESULT"
-    }, labels === null || labels === void 0 ? void 0 : labels.noResults))))));
+    }, "No results found"))))));
 };
 exports.EmptyBox = EmptyBox;
 var Wrapper = _styledComponents.default.div.attrs({

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

@@ -203,14 +203,14 @@ var SearchBox = function(param) {
         data: displayableBrands,
         onClose: onClose,
         searchValue: searchValue || '',
-        title: (labels === null || labels === void 0 ? void 0 : labels.suggestedBrands) || '',
+        title: (labels === null || labels === void 0 ? void 0 : labels.suggestedBrandsLabel) || '',
         labelsColor: labelsColor || '',
         textColor: textColor || ''
     })), suggestedCategories.length > 0 && /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(_components.Suggestions, {
         data: suggestedCategories,
         onClose: onClose,
         searchValue: searchValue || '',
-        title: (labels === null || labels === void 0 ? void 0 : labels.suggestedCategories) || '',
+        title: (labels === null || labels === void 0 ? void 0 : labels.suggestedCategoriesLabel) || '',
         labelsColor: labelsColor || '',
         textColor: textColor || ''
     }))), /*#__PURE__*/ _react.default.createElement(ProductsWrapper, {
@@ -218,7 +218,7 @@ var SearchBox = function(param) {
     }, /*#__PURE__*/ _react.default.createElement(_components.Products, {
         data: suggestions,
         bottomMenu: bottomMenu,
-        title: labels === null || labels === void 0 ? void 0 : labels.products,
+        title: labels === null || labels === void 0 ? void 0 : labels.productsLabel,
         priceColor: priceColor,
         labelsColor: labelsColor,
         textColor: textColor,
@@ -227,7 +227,7 @@ var SearchBox = function(param) {
         productSpacing: productSpacing
     }), bottomMenu === BottomMenuEnum.promo && promoOffers && /*#__PURE__*/ _react.default.createElement(_components.Products, {
         data: promoOffers,
-        title: labels.promoOffers,
+        title: labels.promoOffersLabel,
         labelsColor: labelsColor,
         textColor: textColor,
         onClose: onClose,