@sentecacommerce-theme/lib 0.12.95 → 0.12.99

package/dist/cjs/ui/components/RangeSliderInput.js

@@ -148,7 +148,7 @@ var RangeSlideClasses = {
 };
 exports.RangeSlideClasses = RangeSlideClasses;
 var RangeSliderInput = function(param) {
-    var defaultValue = param.defaultValue, onChange = param.onChange, _min = param.min, min = _min === void 0 ? 0 : _min, _max = param.max, max = _max === void 0 ? 100 : _max, _step = param.step, step = _step === void 0 ? 1 : _step;
+    var defaultValue = param.defaultValue, onChange = param.onChange, onSlide = param.onSlide, _min = param.min, min = _min === void 0 ? 0 : _min, _max = param.max, max = _max === void 0 ? 100 : _max, _step = param.step, step = _step === void 0 ? 1 : _step;
     var ref1 = _slicedToArray((0, _react).useState(defaultValue), 2), value = ref1[0], setValue = ref1[1];
     var inputLeftRef = _react.default.useRef(null);
     var inputRightRef = _react.default.useRef(null);
@@ -161,6 +161,17 @@ var RangeSliderInput = function(param) {
     }, [
         defaultValue
     ]);
+    var onSlideGeneric = function() {
+        var inputLeft = inputLeftRef.current;
+        var inputRight = inputRightRef.current;
+        if (!inputLeft || !inputRight) return;
+        var leftValue = Math.min(Number(inputLeft.value), Number(inputRight.value) - 1);
+        var rightValue = Math.max(Number(inputRight.value), Number(inputLeft.value) + 1);
+        onSlide === null || onSlide === void 0 ? void 0 : onSlide({
+            left: leftValue,
+            right: rightValue
+        });
+    };
     var updateLeftValue = (0, _react).useCallback(function() {
         var inputLeft = inputLeftRef.current;
         var inputRight = inputRightRef.current;
@@ -169,6 +180,7 @@ var RangeSliderInput = function(param) {
         setValue(_objectSpread({}, value, {
             left: leftValue
         }));
+        onSlideGeneric();
     }, [
         setValue,
         value
@@ -181,6 +193,7 @@ var RangeSliderInput = function(param) {
         setValue(_objectSpread({}, value, {
             right: rightValue
         }));
+        onSlideGeneric();
     }, [
         setValue,
         value

package/dist/cjs/utils/getLocaleFromPath.js

@@ -0,0 +1,13 @@
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.getLocaleFromPath = void 0;
+var _canUseDom = require("./canUseDom");
+var getLocaleFromPath = function() {
+    if (!(0, _canUseDom).canUseDOM()) return '';
+    var locale = window.location.pathname.split('/')[1] || '';
+    // the allowed standards: bg bg-BG, en en-US/en-UK
+    if (locale.length !== 2 && locale.length !== 5) return '';
+    return locale;
+};
+exports.getLocaleFromPath = getLocaleFromPath;

package/dist/cjs/utils/index.js

@@ -170,6 +170,18 @@ Object.keys(_adjustColor).forEach(function(key) {
         }
     });
 });
+var _getLocaleFromPath = _interopRequireWildcard(require("./getLocaleFromPath"));
+Object.keys(_getLocaleFromPath).forEach(function(key) {
+    if (key === "default" || key === "__esModule") return;
+    if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+    if (key in exports && exports[key] === _getLocaleFromPath[key]) return;
+    Object.defineProperty(exports, key, {
+        enumerable: true,
+        get: function() {
+            return _getLocaleFromPath[key];
+        }
+    });
+});
 var _calcDiscount = _interopRequireWildcard(require("./calcDiscount"));
 Object.keys(_calcDiscount).forEach(function(key) {
     if (key === "default" || key === "__esModule") return;

package/dist/cjs/utils/isTouchDevice.js

@@ -2,6 +2,7 @@ Object.defineProperty(exports, "__esModule", {
     value: true
 });
 exports.isTouchDevice = isTouchDevice;
+var _canUseDom = require("./canUseDom");
 function isTouchDevice() {
-    return 'ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;
+    return (0, _canUseDom).canUseDOM() && ('ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0);
 }

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

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

package/dist/esm/api/getSDKConfig.js

@@ -1,6 +1,6 @@
 import { Configuration, HttpClient } from '@sentecacommerce/sdk';
 import Cookies from 'js-cookie';
-import { ANONYMOUS_TOKEN_KEY, AUTH_TOKEN_KEY } from '../utils';
+import { ANONYMOUS_TOKEN_KEY, AUTH_TOKEN_KEY, getLocaleFromPath, canUseDOM } from '../utils';
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -35,13 +35,15 @@ export var getSDKConfig = function() {
     var defaultConfig = getOptions(options);
     var headers = ((ref = HttpClient.defaultConfig) === null || ref === void 0 ? void 0 : ref.options.headers) || (defaultConfig === null || defaultConfig === void 0 ? void 0 : defaultConfig.headers) || {};
     var config = new Configuration(_objectSpread({}, ((ref1 = HttpClient.defaultConfig) === null || ref1 === void 0 ? void 0 : ref1.options) || defaultConfig, options, {
-        headers: _objectSpread({}, headers, options.headers || {})
+        headers: _objectSpread({}, headers, options.headers || {}, {
+            'senteca-locale': getLocaleFromPath()
+        })
     }));
     return config;
 };
 export var getOptions = function() {
     var options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    if (typeof window === 'undefined') {
+    if (!canUseDOM()) {
         // eslint-disable-next-line @typescript-eslint/no-var-requires
         var nodeFetch = require('node-fetch');
         var ref;

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

@@ -6,6 +6,7 @@ import { readFromLocalStorage, writeToLocalStorage, getTranslatableField } from
 import { getSDKConfig } from '../getSDKConfig';
 import { syncResponse, getLineItemId, onMutate } from './utils';
 import { queryKey as promoCodeQueryKey } from '../../api.v2/core/misc/promo-code';
+import { useIsAuthenticated } from '../..';
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
     try {
         var info = gen[key](arg);
@@ -110,6 +111,7 @@ export var MyCartApiFactory = function() {
             }(),
             useGet: function() {
                 var queryCache = useQueryCache();
+                var isLoading = useIsAuthenticated().isLoading;
                 return useQuery(myCartCacheKeys.useGet, _asyncToGenerator(regeneratorRuntime.mark(function _callee() {
                     var data;
                     return regeneratorRuntime.wrap(function _callee$(_ctx) {
@@ -128,12 +130,14 @@ export var MyCartApiFactory = function() {
                         }
                     }, _callee);
                 })), {
+                    enabled: !isLoading,
                     retry: false,
-                    refetchOnMount: false,
+                    refetchOnMount: true,
                     refetchOnWindowFocus: false
                 });
             },
             useGetCompact: function() {
+                var isLoading = useIsAuthenticated().isLoading;
                 return useQuery(myCartCacheKeys.useGetCompact, _asyncToGenerator(regeneratorRuntime.mark(function _callee() {
                     var compactBasket;
                     return regeneratorRuntime.wrap(function _callee$(_ctx) {
@@ -146,7 +150,9 @@ export var MyCartApiFactory = function() {
                                 return _ctx.stop();
                         }
                     }, _callee);
-                })));
+                })), {
+                    enabled: !isLoading
+                });
             },
             useIsExisting: function(productId, variantId, collapseKey) {
                 return useQuery([

package/dist/esm/config/SentecaProvider.js

@@ -4,6 +4,7 @@ import fetch from 'node-fetch';
 import { getOptions } from '../api/getSDKConfig';
 import { ReactQueryConfigProvider, useQueryCache } from 'react-query';
 import { removeAnonToken, removeAuthToken } from '../utils/tokens';
+import { getLocaleFromPath } from '../utils';
 import { useRouter } from 'next/router';
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -42,7 +43,8 @@ export function SentecaProvider(param) {
     if (localeData) {
         options.headers = _objectSpread({}, options.headers || {}, {
             InterfaceKey: localeData.interfaceKey,
-            StoreKey: localeData.storeKey
+            StoreKey: localeData.storeKey,
+            'senteca-locale': getLocaleFromPath()
         });
     }
     HttpClient.defaultConfig = new Configuration(options);

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

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

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

@@ -221,16 +221,26 @@ export function ProductProvider(param) {
         return variants === null || variants === void 0 ? void 0 : variants[id];
     };
     var getVariantByCombination = function getVariantByCombination(key, value) {
-        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];
+        var ref11;
+        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 = (ref11 = combinations[key]) === null || ref11 === void 0 ? void 0 : ref11.params[value];
+        return variants === null || variants === void 0 ? void 0 : variants[id3];
     };
     var getCustomFieldValue = function getCustomFieldValue(field) {
         return customFields === null || customFields === void 0 ? void 0 : customFields[field];
     };
     var getCombinationsForAttributeRule = function getCombinationsForAttributeRule(key, id) {
-        var ref, ref11;
-        var result = attributeRules === null || attributeRules === void 0 ? void 0 : (ref = attributeRules[key]) === null || ref === void 0 ? void 0 : (ref11 = ref.values) === null || ref11 === void 0 ? void 0 : ref11[id];
+        var ref, ref12;
+        var result = attributeRules === null || attributeRules === void 0 ? void 0 : (ref = attributeRules[key]) === null || ref === void 0 ? void 0 : (ref12 = ref.values) === null || ref12 === void 0 ? void 0 : ref12[id];
         return result;
     };
     var ref5 = _slicedToArray(React.useState(false), 2), mounted = ref5[0], setMounted = ref5[1];
@@ -238,7 +248,7 @@ export function ProductProvider(param) {
     var ref3 = _slicedToArray(React.useState(getVariantsWithInventory), 2), variants = ref3[0], setVariants = ref3[1];
     var ref4 = _slicedToArray(React.useState(getDefaultVariant), 2), selectedVariant = ref4[0], setSelectedVariant = ref4[1];
     var metaData = React.useMemo(function() {
-        var ref, ref12, ref13, ref14, ref15, ref16, ref17, ref18, ref19, ref20, ref21, ref22, ref23, ref24, ref25, ref26, ref27, ref28, ref29, ref30, ref31, ref32, ref33, ref34, ref35, ref36, ref37, ref38, ref39, ref40, ref41, ref42;
+        var ref, ref13, ref14, ref15, ref16, ref17, ref18, ref19, ref20, ref21, ref22, ref23, ref24, ref25, ref26, ref27, ref28, ref29, ref30, ref31, ref32, ref33, ref34, ref35, ref36, ref37, ref38, ref39, ref40, ref41, ref42, ref43;
         var rootCategory = product === null || product === void 0 ? void 0 : (ref = product.categories) === null || ref === void 0 ? void 0 : ref[0];
         var rootCategoryId = rootCategory === null || rootCategory === void 0 ? void 0 : rootCategory.resourceId;
         var metaObj = {
@@ -248,24 +258,24 @@ export function ProductProvider(param) {
             description: getTranslatableField(selectedVariant === null || selectedVariant === void 0 ? void 0 : selectedVariant.description) || getTranslatableField(product === null || product === void 0 ? void 0 : product.description),
             shortDescription: getTranslatableField(selectedVariant === null || selectedVariant === void 0 ? void 0 : selectedVariant.metaDescription) || getTranslatableField(product === null || product === void 0 ? void 0 : product.metaDescription),
             brand: {
-                _id: product === null || product === void 0 ? void 0 : (ref12 = product.brands) === null || ref12 === void 0 ? void 0 : (ref13 = ref12[0]) === null || ref13 === void 0 ? void 0 : ref13.resourceId,
-                name: getTranslatableField(product === null || product === void 0 ? void 0 : (ref14 = product.brands) === null || ref14 === void 0 ? void 0 : (ref15 = ref14[0]) === null || ref15 === void 0 ? void 0 : (ref16 = ref15.resource) === null || ref16 === void 0 ? void 0 : ref16.name),
-                slug: getTranslatableField(product === null || product === void 0 ? void 0 : (ref17 = product.brands) === null || ref17 === void 0 ? void 0 : (ref18 = ref17[0]) === null || ref18 === void 0 ? void 0 : (ref19 = ref18.resource) === null || ref19 === void 0 ? void 0 : ref19.slug),
-                logo: product === null || product === void 0 ? void 0 : (ref20 = product.brands) === null || ref20 === void 0 ? void 0 : (ref21 = ref20[0]) === null || ref21 === void 0 ? void 0 : (ref22 = ref21.resource) === null || ref22 === void 0 ? void 0 : (ref23 = ref22.assets) === null || ref23 === void 0 ? void 0 : (ref24 = ref23[0]) === null || ref24 === void 0 ? void 0 : (ref25 = ref24.sources) === null || ref25 === void 0 ? void 0 : (ref26 = ref25[0]) === null || ref26 === void 0 ? void 0 : ref26.url
+                _id: product === null || product === void 0 ? void 0 : (ref13 = product.brands) === null || ref13 === void 0 ? void 0 : (ref14 = ref13[0]) === null || ref14 === void 0 ? void 0 : ref14.resourceId,
+                name: getTranslatableField(product === null || product === void 0 ? void 0 : (ref15 = product.brands) === null || ref15 === void 0 ? void 0 : (ref16 = ref15[0]) === null || ref16 === void 0 ? void 0 : (ref17 = ref16.resource) === null || ref17 === void 0 ? void 0 : ref17.name),
+                slug: getTranslatableField(product === null || product === void 0 ? void 0 : (ref18 = product.brands) === null || ref18 === void 0 ? void 0 : (ref19 = ref18[0]) === null || ref19 === void 0 ? void 0 : (ref20 = ref19.resource) === null || ref20 === void 0 ? void 0 : ref20.slug),
+                logo: product === null || product === void 0 ? void 0 : (ref21 = product.brands) === null || ref21 === void 0 ? void 0 : (ref22 = ref21[0]) === null || ref22 === void 0 ? void 0 : (ref23 = ref22.resource) === null || ref23 === void 0 ? void 0 : (ref24 = ref23.assets) === null || ref24 === void 0 ? void 0 : (ref25 = ref24[0]) === null || ref25 === void 0 ? void 0 : (ref26 = ref25.sources) === null || ref26 === void 0 ? void 0 : (ref27 = ref26[0]) === null || ref27 === void 0 ? void 0 : ref27.url
             },
             category: {
-                _id: product === null || product === void 0 ? void 0 : (ref28 = product.categories) === null || ref28 === void 0 ? void 0 : (ref29 = ref28[(product === null || product === void 0 ? void 0 : (ref27 = product.categories) === null || ref27 === void 0 ? void 0 : ref27.length) - 1]) === null || ref29 === void 0 ? void 0 : ref29.resourceId,
-                name: getTranslatableField(product === null || product === void 0 ? void 0 : (ref31 = product.categories) === null || ref31 === void 0 ? void 0 : (ref32 = ref31[(product === null || product === void 0 ? void 0 : (ref30 = product.categories) === null || ref30 === void 0 ? void 0 : ref30.length) - 1]) === null || ref32 === void 0 ? void 0 : (ref33 = ref32.resource) === null || ref33 === void 0 ? void 0 : ref33.name),
-                slug: getTranslatableField(product === null || product === void 0 ? void 0 : (ref35 = product.categories) === null || ref35 === void 0 ? void 0 : (ref36 = ref35[(product === null || product === void 0 ? void 0 : (ref34 = product.categories) === null || ref34 === void 0 ? void 0 : ref34.length) - 1]) === null || ref36 === void 0 ? void 0 : (ref37 = ref36.resource) === null || ref37 === void 0 ? void 0 : ref37.slug)
+                _id: product === null || product === void 0 ? void 0 : (ref29 = product.categories) === null || ref29 === void 0 ? void 0 : (ref30 = ref29[(product === null || product === void 0 ? void 0 : (ref28 = product.categories) === null || ref28 === void 0 ? void 0 : ref28.length) - 1]) === null || ref30 === void 0 ? void 0 : ref30.resourceId,
+                name: getTranslatableField(product === null || product === void 0 ? void 0 : (ref32 = product.categories) === null || ref32 === void 0 ? void 0 : (ref33 = ref32[(product === null || product === void 0 ? void 0 : (ref31 = product.categories) === null || ref31 === void 0 ? void 0 : ref31.length) - 1]) === null || ref33 === void 0 ? void 0 : (ref34 = ref33.resource) === null || ref34 === void 0 ? void 0 : ref34.name),
+                slug: getTranslatableField(product === null || product === void 0 ? void 0 : (ref36 = product.categories) === null || ref36 === void 0 ? void 0 : (ref37 = ref36[(product === null || product === void 0 ? void 0 : (ref35 = product.categories) === null || ref35 === void 0 ? void 0 : ref35.length) - 1]) === null || ref37 === void 0 ? void 0 : (ref38 = ref37.resource) === null || ref38 === void 0 ? void 0 : ref38.slug)
             },
             rootCategory: {
                 _id: rootCategoryId,
-                name: getTranslatableField(rootCategory === null || rootCategory === void 0 ? void 0 : (ref38 = rootCategory.resource) === null || ref38 === void 0 ? void 0 : ref38.name),
-                slug: getTranslatableField(rootCategory === null || rootCategory === void 0 ? void 0 : (ref39 = rootCategory.resource) === null || ref39 === void 0 ? void 0 : ref39.slug)
+                name: getTranslatableField(rootCategory === null || rootCategory === void 0 ? void 0 : (ref39 = rootCategory.resource) === null || ref39 === void 0 ? void 0 : ref39.name),
+                slug: getTranslatableField(rootCategory === null || rootCategory === void 0 ? void 0 : (ref40 = rootCategory.resource) === null || ref40 === void 0 ? void 0 : ref40.slug)
             },
             categories: formatCategories(product === null || product === void 0 ? void 0 : product.categories, rootCategoryId),
             reviewRatingStatistics: product === null || product === void 0 ? void 0 : product.reviewRatingStatistics,
-            content: Boolean(selectedVariant === null || selectedVariant === void 0 ? void 0 : (ref40 = selectedVariant.content) === null || ref40 === void 0 ? void 0 : ref40.map(createProductContent).length) ? selectedVariant === null || selectedVariant === void 0 ? void 0 : (ref41 = selectedVariant.content) === null || ref41 === void 0 ? void 0 : ref41.map(createProductContent) : product === null || product === void 0 ? void 0 : (ref42 = product.content) === null || ref42 === void 0 ? void 0 : ref42.map(createProductContent),
+            content: Boolean(selectedVariant === null || selectedVariant === void 0 ? void 0 : (ref41 = selectedVariant.content) === null || ref41 === void 0 ? void 0 : ref41.map(createProductContent).length) ? selectedVariant === null || selectedVariant === void 0 ? void 0 : (ref42 = selectedVariant.content) === null || ref42 === void 0 ? void 0 : ref42.map(createProductContent) : product === null || product === void 0 ? void 0 : (ref43 = product.content) === null || ref43 === void 0 ? void 0 : ref43.map(createProductContent),
             assets: assetsFieldsToMap(product === null || product === void 0 ? void 0 : product.assets)
         };
         return metaObj;

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

@@ -126,7 +126,7 @@ export var useListingQuery = function() {
         predicate: predicate,
         sort: sort,
         postFilter: postFilter,
-        slug: slug,
+        slug: aliasedSlug,
         offset: offset
     });
     return useQuery(queryKeys, _asyncToGenerator(regeneratorRuntime.mark(function _callee() {

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

@@ -4,7 +4,6 @@ import { customFieldsToMap, escape, getTranslatableField } from '../../utils';
 import { assetsFieldsToMap } from '../../utils/assetsToMap';
 import { useRouter } from 'next/router';
 import { getListingPageType } from '../utils';
-import { ListingTypesEnum } from '../types';
 import { useListingAlias } from '../../index';
 import { useListingFilters } from './useListingFilters';
 import { useListingCategories } from './useListingCategories';
@@ -23,6 +22,33 @@ 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();
 }
@@ -80,74 +106,57 @@ export var useListingMeta = function() {
     return result;
 };
 function processDisplayName(slug, config, name, breadcrumb, router, aggData, categoriesData) {
+    var ref, ref5;
     var listingName = getTranslatableField(name);
     var brandName = getBrandName(router, aggData);
     var categoryName = getCategoryName(router, categoriesData);
     var type = getListingPageType(router, slug, config);
-    if (type === ListingTypesEnum.AttrPage) {
-        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);
-        if (type === ListingTypesEnum.Category) {
-            if (!brandName) {
-                return "".concat(listingName, " за ").concat(attribute);
-            }
-            return "".concat(listingName, " за ").concat(attribute, " от ").concat(brandName);
-        }
-        if (type === ListingTypesEnum.Brand) {
-            if (!categoryName) {
-                return "Всички продукти от ".concat(listingName, " за ").concat(attribute);
-            }
-            return "".concat(categoryName, " от ").concat(listingName, " за ").concat(attribute);
-        }
-    }
-    if (type === ListingTypesEnum.Category && brandName) {
-        return "".concat(listingName, " от ").concat(brandName);
-    }
-    if (type === ListingTypesEnum.Brand) {
-        if (!categoryName) {
-            return "Всички продукти от ".concat(listingName);
-        }
-        return "".concat(categoryName, " от ").concat(listingName);
-    }
-    if (type === ListingTypesEnum.Search && (router === null || router === void 0 ? void 0 : router.query.search)) {
-        return "".concat(listingName, " от \"").concat(router.query.search, "\"");
-    }
-    return listingName;
+    var getTitle = config.getTitle, rest = _objectWithoutProperties(config, [
+        "getTitle"
+    ]);
+    var title = getTitle === null || getTitle === void 0 ? void 0 : getTitle(type, rest, {
+        category: categoryName,
+        brand: brandName,
+        defaultName: listingName,
+        attribute: (ref = config.titleAliases) === null || ref === void 0 ? void 0 : ref[slug],
+        childAttribute: 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;
 }
 function getFilterByType(filterType, router) {
     var filterId = '';
     if (Array.isArray(router === null || router === void 0 ? void 0 : router.query.filter)) {
-        var ref, ref5;
+        var ref, ref6;
         var filters = (ref = router === null || router === void 0 ? void 0 : router.query.filter) === null || ref === void 0 ? void 0 : ref.filter(function(x) {
             return x === null || x === void 0 ? void 0 : x.includes(filterType);
         });
         if ((filters === null || filters === void 0 ? void 0 : filters.length) && filters.length > 1) {
             return '';
         }
-        var filterTerm = (ref5 = /\d+/.exec((filters === null || filters === void 0 ? void 0 : filters[0]) || '')) === null || ref5 === void 0 ? void 0 : ref5[0];
+        var filterTerm = (ref6 = /\d+/.exec((filters === null || filters === void 0 ? void 0 : filters[0]) || '')) === null || ref6 === void 0 ? void 0 : ref6[0];
         if (!filterTerm) return '';
         filterId = filterTerm;
     } else {
-        var ref6, ref7, ref8;
-        var isFiltered = router === null || router === void 0 ? void 0 : (ref6 = router.query) === null || ref6 === void 0 ? void 0 : (ref7 = ref6.filter) === null || ref7 === void 0 ? void 0 : ref7.includes(filterType);
+        var 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);
         if (!isFiltered) {
             return '';
         }
-        filterId = (ref8 = /(\w+)-(\d+)/.exec(router === null || router === void 0 ? void 0 : router.query.filter)) === null || ref8 === void 0 ? void 0 : ref8[0];
+        filterId = (ref9 = /(\w+)-(\d+)/.exec(router === null || router === void 0 ? void 0 : router.query.filter)) === null || ref9 === void 0 ? void 0 : ref9[0];
     }
     return filterId;
 }
 function getBrandName(router, filtersData) {
-    var ref, ref9, ref10;
+    var ref, ref10, ref11;
     var brandId = getFilterByType('brand', router);
     var brand = (ref = filtersData === null || filtersData === void 0 ? void 0 : filtersData.find(function(x) {
         return x.name === 'Brands';
-    })) === null || ref === void 0 ? void 0 : (ref9 = ref.items) === null || ref9 === void 0 ? void 0 : ref9.find(function(x) {
+    })) === null || ref === void 0 ? void 0 : (ref10 = ref.items) === null || ref10 === void 0 ? void 0 : ref10.find(function(x) {
         return x.data.key === brandId;
     });
-    return getTranslatableField(brand === null || brand === void 0 ? void 0 : (ref10 = brand.meta) === null || ref10 === void 0 ? void 0 : ref10.name);
+    return getTranslatableField(brand === null || brand === void 0 ? void 0 : (ref11 = brand.meta) === null || ref11 === void 0 ? void 0 : ref11.name);
 }
 function getCategoryName(router, categories) {
     var categoryId = getFilterByType('category', router);

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

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

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

@@ -1,6 +1,6 @@
 import regeneratorRuntime from "regenerator-runtime";
 import { CatalogAggregate } from '@sentecacommerce/sdk';
-import { getSlug, getListingAlias, getPostFilters } from '../utils';
+import { getListingAlias, getPostFilters } from '../utils';
 import { prepareAggregateQuery, AggregateRequestEnum, generateAggregateKey } from '../api';
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
     try {
@@ -36,7 +36,7 @@ export function prefetchCategories(queryCache, router, predicate, aggregates, co
 }
 function _prefetchCategories() {
     _prefetchCategories = _asyncToGenerator(regeneratorRuntime.mark(function _callee(queryCache, router, predicate, aggregates, config) {
-        var aggregateKeys, aliasedSlug, slug, query, response;
+        var aggregateKeys, aliasedSlug, query, response;
         return regeneratorRuntime.wrap(function _callee$(_ctx) {
             while(1)switch(_ctx.prev = _ctx.next){
                 case 0:
@@ -45,19 +45,18 @@ function _prefetchCategories() {
                         router: router,
                         config: config
                     });
-                    slug = getSlug(router, aliasedSlug);
                     query = prepareAggregateQuery({
                         request: AggregateRequestEnum.Categories,
                         router: router,
                         predicate: predicate,
                         slug: aliasedSlug,
                         aggregates: aggregates,
-                        postFilter: undefined,
+                        postFilter: getPostFilters(router),
                         config: config
                     });
-                    _ctx.next = 6;
+                    _ctx.next = 5;
                     return CatalogAggregate(query);
-                case 6:
+                case 5:
                     response = _ctx.sent;
                     queryCache.setQueryData([
                         AggregateRequestEnum.Categories,
@@ -68,7 +67,7 @@ function _prefetchCategories() {
                         staleTime: 30000
                     });
                     return _ctx.abrupt("return", response);
-                case 9:
+                case 8:
                 case "end":
                     return _ctx.stop();
             }

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

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

package/dist/esm/seo/components/TranslationsMeta/index.js

@@ -0,0 +1,48 @@
+import React from 'react';
+import { useSeoTranslations } from '../../hooks/useSeoTranslations';
+import Head from 'next/head';
+import { useRouter } from 'next/router';
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+export var TranslationsMeta = function() {
+    var ref = useSeoTranslations(), translationsMap = ref.translationsMap, allLocales = ref.allLocales, defaultLocale = ref.defaultLocale;
+    var router = useRouter();
+    var defaultTranslation = translationsMap[defaultLocale];
+    var isError = router.route === '/404' || router.route === '/_error';
+    if (isError) return null;
+    var domain = defaultTranslation === null || defaultTranslation === void 0 ? void 0 : defaultTranslation.domain;
+    return(/*#__PURE__*/ React.createElement(Head, null, allLocales === null || allLocales === void 0 ? void 0 : allLocales.map(function(locale) {
+        var translation = translationsMap === null || translationsMap === void 0 ? void 0 : translationsMap[locale];
+        var href = translation === null || translation === void 0 ? void 0 : translation.slug;
+        // go to the same page but with the right locale.
+        // This is for pages that does not have a translated slug
+        // example: /checkout -> /en/checkout, /ro/checkout
+        if (!href) href = "/".concat(locale).concat(router.asPath);
+        return(/*#__PURE__*/ React.createElement("link", _extends({
+            rel: "alternate"
+        }, {
+            hreflang: locale
+        }, {
+            href: domain + href,
+            key: 'Translation__' + href
+        })));
+    }), defaultTranslation && /*#__PURE__*/ React.createElement("link", _extends({
+        rel: "alternate"
+    }, {
+        hreflang: 'x-default'
+    }, {
+        href: "".concat(domain).concat(defaultTranslation === null || defaultTranslation === void 0 ? void 0 : defaultTranslation.slug)
+    }))));
+};

package/dist/esm/seo/components/index.js

@@ -4,3 +4,4 @@ export * from './GlobalSEO';
 export * from './OpenGraph';
 export * from './ProductSEO';
 export * from './HiddenBreadcrumb';
+export * from './TranslationsMeta';

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

@@ -1 +1,2 @@
 export * from './useSEOBreadcrumb';
+export * from './useSeoTranslations';