@sentecacommerce-theme/lib 0.12.95 → 0.12.96

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

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

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

@@ -8,7 +8,6 @@ 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");
@@ -32,6 +31,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();
 }
@@ -90,74 +116,57 @@ 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);
-    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;
+    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;
 }
 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 (0, _utils).getTranslatableField(brand === null || brand === void 0 ? void 0 : (ref10 = brand.meta) === null || ref10 === void 0 ? void 0 : ref10.name);
+    return (0, _utils).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/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 ref;
+    var ref3;
     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 = (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
@@ -81,9 +81,29 @@ var useSlideFilter = function(filterName, min, max) {
         to: +to || max
     }), 2), state = ref2[0], setState = ref2[1];
     var timeoutRef = (0, _react).useRef();
-    var updateValue = (0, _react).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 = (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, {
@@ -105,6 +125,7 @@ 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, slug, query, response;
+        var aggregateKeys, aliasedSlug, query, response;
         return _regeneratorRuntime.default.wrap(function _callee$(_ctx) {
             while(1)switch(_ctx.prev = _ctx.next){
                 case 0:
@@ -54,7 +54,6 @@ function _prefetchCategories() {
                         router: router,
                         config: config
                     });
-                    slug = (0, _utils).getSlug(router, aliasedSlug);
                     query = (0, _api).prepareAggregateQuery({
                         request: _api.AggregateRequestEnum.Categories,
                         router: router,
@@ -64,9 +63,9 @@ function _prefetchCategories() {
                         postFilter: undefined,
                         config: config
                     });
-                    _ctx.next = 6;
+                    _ctx.next = 5;
                     return (0, _sdk).CatalogAggregate(query);
-                case 6:
+                case 5:
                     response = _ctx.sent;
                     queryCache.setQueryData([
                         _api.AggregateRequestEnum.Categories,
@@ -77,7 +76,7 @@ function _prefetchCategories() {
                         staleTime: 30000
                     });
                     return _ctx.abrupt("return", response);
-                case 9:
+                case 8:
                 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 attribute, aliasedSlug, slug, data;
+        var aliasedSlug, slug, data, attribute;
         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 = 5;
+                    _ctx.next = 4;
                     return (0, _api).processPredicateRequest(slug, router, aliasedSlug);
-                case 5:
+                case 4:
                     data = _ctx.sent;
+                    attribute = router.query.cat && aliasedSlug;
                     queryCache.setQueryData([
                         _api.ListingQueryKeysEnum.usePredicate,
                         slug,

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

@@ -0,0 +1,58 @@
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.TranslationsMeta = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _useSeoTranslations = require("../../hooks/useSeoTranslations");
+var _head = _interopRequireDefault(require("next/head"));
+var _router = require("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);
+}
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+var TranslationsMeta = function() {
+    var ref = (0, _useSeoTranslations).useSeoTranslations(), translationsMap = ref.translationsMap, allLocales = ref.allLocales, defaultLocale = ref.defaultLocale;
+    var router = (0, _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.default.createElement(_head.default, 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.default.createElement("link", _extends({
+            rel: "alternate"
+        }, {
+            hreflang: locale
+        }, {
+            href: domain + href,
+            key: 'Translation__' + href
+        })));
+    }), defaultTranslation && /*#__PURE__*/ _react.default.createElement("link", _extends({
+        rel: "alternate"
+    }, {
+        hreflang: 'x-default'
+    }, {
+        href: "".concat(domain).concat(defaultTranslation === null || defaultTranslation === void 0 ? void 0 : defaultTranslation.slug)
+    }))));
+};
+exports.TranslationsMeta = TranslationsMeta;

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

@@ -74,6 +74,18 @@ Object.keys(_hiddenBreadcrumb).forEach(function(key) {
         }
     });
 });
+var _translationsMeta = _interopRequireWildcard(require("./TranslationsMeta"));
+Object.keys(_translationsMeta).forEach(function(key) {
+    if (key === "default" || key === "__esModule") return;
+    if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+    if (key in exports && exports[key] === _translationsMeta[key]) return;
+    Object.defineProperty(exports, key, {
+        enumerable: true,
+        get: function() {
+            return _translationsMeta[key];
+        }
+    });
+});
 function _interopRequireWildcard(obj) {
     if (obj && obj.__esModule) {
         return obj;

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

@@ -1,9 +1,11 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
+var _exportNames = {};
 var _useSEOBreadcrumb = _interopRequireWildcard(require("./useSEOBreadcrumb"));
 Object.keys(_useSEOBreadcrumb).forEach(function(key) {
     if (key === "default" || key === "__esModule") return;
+    if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
     if (key in exports && exports[key] === _useSEOBreadcrumb[key]) return;
     Object.defineProperty(exports, key, {
         enumerable: true,
@@ -12,6 +14,18 @@ Object.keys(_useSEOBreadcrumb).forEach(function(key) {
         }
     });
 });
+var _useSeoTranslations = _interopRequireWildcard(require("./useSeoTranslations"));
+Object.keys(_useSeoTranslations).forEach(function(key) {
+    if (key === "default" || key === "__esModule") return;
+    if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+    if (key in exports && exports[key] === _useSeoTranslations[key]) return;
+    Object.defineProperty(exports, key, {
+        enumerable: true,
+        get: function() {
+            return _useSeoTranslations[key];
+        }
+    });
+});
 function _interopRequireWildcard(obj) {
     if (obj && obj.__esModule) {
         return obj;

package/dist/cjs/seo/hooks/useSeoTranslations.js

@@ -0,0 +1,90 @@
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.useSeoTranslations = exports.SeoTranslationsProvider = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _router = require("next/router");
+function _defineProperty(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _objectSpread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _defineProperty(target, key, source[key]);
+        });
+    }
+    return target;
+}
+var SeoTranslationsContext = /*#__PURE__*/ _react.default.createContext({});
+var SeoTranslationsProvider = function(param) {
+    var children = param.children, translations = param.translations, defaultLocale = param.defaultLocale, localesMap = param.localesMap;
+    var router = (0, _router).useRouter();
+    var currentLocale = router.locale;
+    var currentPath = router.asPath;
+    var data1 = _react.default.useMemo(function() {
+        if (!translations) translations = {};
+        translations[currentLocale] = {
+            slug: currentPath.split('?')[0].replace("/".concat(currentLocale), ''),
+            title: '',
+            id: Date.now().toString()
+        };
+        var map = Object.keys(translations || {}).filter(function(lang) {
+            return Boolean(localesMap[lang]);
+        }).reduce(function(acc, lang) {
+            var ref;
+            var data = translations === null || translations === void 0 ? void 0 : translations[lang];
+            var localeData = localesMap[lang];
+            var isDefault = defaultLocale === lang;
+            var isFrontPage = data.slug === '/';
+            var prefix = ((ref = data.slug) === null || ref === void 0 ? void 0 : ref[0]) === '/' ? '' : '/';
+            var slug = "".concat(isDefault ? '' : "/".concat(lang)).concat(prefix).concat(isFrontPage ? '' : data.slug);
+            return _objectSpread({}, acc, _defineProperty({}, lang, {
+                slug: slug,
+                locale: lang,
+                isDefault: isDefault,
+                domain: "https://".concat(localeData.domain)
+            }));
+        }, {});
+        return {
+            translationsMap: map,
+            defaultLocale: defaultLocale,
+            allLocales: Object.keys(localesMap)
+        };
+    }, [
+        defaultLocale,
+        translations,
+        localesMap,
+        currentLocale,
+        currentPath
+    ]);
+    return(/*#__PURE__*/ _react.default.createElement(SeoTranslationsContext.Provider, {
+        value: data1
+    }, children));
+};
+exports.SeoTranslationsProvider = SeoTranslationsProvider;
+var useSeoTranslations = function() {
+    return _react.default.useContext(SeoTranslationsContext) || {};
+};
+exports.useSeoTranslations = useSeoTranslations;

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

@@ -9,7 +9,7 @@ function _interopRequireDefault(obj) {
     };
 }
 var GridStyles = function(param) {
-    var spaceX = param.spaceX, breakpoints = param.breakpoints, _remSize = param.remSize, remSize = _remSize === void 0 ? 10 : _remSize;
+    var spaceX = param.spaceX, breakpoints = param.breakpoints, _remSize = param.remSize, remSize = _remSize === void 0 ? 10 : _remSize, _spaceBetweenSections = param.spaceBetweenSections, spaceBetweenSections = _spaceBetweenSections === void 0 ? 80 : _spaceBetweenSections;
     function getSize(width) {
         return "min-width: calc(".concat(width, "% - ").concat(spaceX / remSize, "rem);") + "max-width: calc(".concat(width, "% - ").concat(spaceX / remSize, "rem);") + "margin: 0 ".concat(spaceX / 2 / remSize, "rem;");
     }
@@ -29,7 +29,7 @@ var GridStyles = function(param) {
     }, '');
     return(/*#__PURE__*/ _react.default.createElement("style", {
         dangerouslySetInnerHTML: {
-            __html: "\n    .Page--row {\n      display: flex;\n      display: -webkit-flex;\n      flex-wrap: wrap;\n      -webkit-flex-wrap: wrap;\n      margin: 0 -".concat(spaceX / remSize / 2, "rem;\n    }\n\n    .Page__section {\n      padding-bottom: 8rem;\n    }\n\n    .Page--col {\n      display: block;\n      width: 100%;\n    }\n    \n    .size-default-inherit {\n      width: 100%;\n    }\n    ").concat(queries, "\n  ")
+            __html: "\n    .Page--row {\n      display: flex;\n      display: -webkit-flex;\n      flex-wrap: wrap;\n      -webkit-flex-wrap: wrap;\n      margin: 0 -".concat(spaceX / remSize / 2, "rem;\n    }\n\n    .Page__section {\n      padding-bottom: ").concat(spaceBetweenSections / remSize, "rem;\n    }\n\n    .Page--col {\n      display: block;\n      width: 100%;\n    }\n    \n    .size-default-inherit {\n      width: 100%;\n    }\n    ").concat(queries, "\n  ")
         }
     }));
 };

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/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,7 +45,6 @@ function _prefetchCategories() {
                         router: router,
                         config: config
                     });
-                    slug = getSlug(router, aliasedSlug);
                     query = prepareAggregateQuery({
                         request: AggregateRequestEnum.Categories,
                         router: router,
@@ -55,9 +54,9 @@ function _prefetchCategories() {
                         postFilter: undefined,
                         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';

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

@@ -0,0 +1,79 @@
+import React from 'react';
+import { useRouter } from 'next/router';
+function _defineProperty(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _objectSpread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _defineProperty(target, key, source[key]);
+        });
+    }
+    return target;
+}
+var SeoTranslationsContext = /*#__PURE__*/ React.createContext({});
+export var SeoTranslationsProvider = function(param) {
+    var children = param.children, translations = param.translations, defaultLocale = param.defaultLocale, localesMap = param.localesMap;
+    var router = useRouter();
+    var currentLocale = router.locale;
+    var currentPath = router.asPath;
+    var data1 = React.useMemo(function() {
+        if (!translations) translations = {};
+        translations[currentLocale] = {
+            slug: currentPath.split('?')[0].replace("/".concat(currentLocale), ''),
+            title: '',
+            id: Date.now().toString()
+        };
+        var map = Object.keys(translations || {}).filter(function(lang) {
+            return Boolean(localesMap[lang]);
+        }).reduce(function(acc, lang) {
+            var ref;
+            var data = translations === null || translations === void 0 ? void 0 : translations[lang];
+            var localeData = localesMap[lang];
+            var isDefault = defaultLocale === lang;
+            var isFrontPage = data.slug === '/';
+            var prefix = ((ref = data.slug) === null || ref === void 0 ? void 0 : ref[0]) === '/' ? '' : '/';
+            var slug = "".concat(isDefault ? '' : "/".concat(lang)).concat(prefix).concat(isFrontPage ? '' : data.slug);
+            return _objectSpread({}, acc, _defineProperty({}, lang, {
+                slug: slug,
+                locale: lang,
+                isDefault: isDefault,
+                domain: "https://".concat(localeData.domain)
+            }));
+        }, {});
+        return {
+            translationsMap: map,
+            defaultLocale: defaultLocale,
+            allLocales: Object.keys(localesMap)
+        };
+    }, [
+        defaultLocale,
+        translations,
+        localesMap,
+        currentLocale,
+        currentPath
+    ]);
+    return(/*#__PURE__*/ React.createElement(SeoTranslationsContext.Provider, {
+        value: data1
+    }, children));
+};
+export var useSeoTranslations = function() {
+    return React.useContext(SeoTranslationsContext) || {};
+};

package/dist/esm/ui/components/GridStyles.js

@@ -1,6 +1,6 @@
 import React from 'react';
 export var GridStyles = function(param) {
-    var spaceX = param.spaceX, breakpoints = param.breakpoints, _remSize = param.remSize, remSize = _remSize === void 0 ? 10 : _remSize;
+    var spaceX = param.spaceX, breakpoints = param.breakpoints, _remSize = param.remSize, remSize = _remSize === void 0 ? 10 : _remSize, _spaceBetweenSections = param.spaceBetweenSections, spaceBetweenSections = _spaceBetweenSections === void 0 ? 80 : _spaceBetweenSections;
     var getSize = function getSize(width) {
         return "min-width: calc(".concat(width, "% - ").concat(spaceX / remSize, "rem);") + "max-width: calc(".concat(width, "% - ").concat(spaceX / remSize, "rem);") + "margin: 0 ".concat(spaceX / 2 / remSize, "rem;");
     };
@@ -20,7 +20,7 @@ export var GridStyles = function(param) {
     }, '');
     return(/*#__PURE__*/ React.createElement("style", {
         dangerouslySetInnerHTML: {
-            __html: "\n    .Page--row {\n      display: flex;\n      display: -webkit-flex;\n      flex-wrap: wrap;\n      -webkit-flex-wrap: wrap;\n      margin: 0 -".concat(spaceX / remSize / 2, "rem;\n    }\n\n    .Page__section {\n      padding-bottom: 8rem;\n    }\n\n    .Page--col {\n      display: block;\n      width: 100%;\n    }\n    \n    .size-default-inherit {\n      width: 100%;\n    }\n    ").concat(queries, "\n  ")
+            __html: "\n    .Page--row {\n      display: flex;\n      display: -webkit-flex;\n      flex-wrap: wrap;\n      -webkit-flex-wrap: wrap;\n      margin: 0 -".concat(spaceX / remSize / 2, "rem;\n    }\n\n    .Page__section {\n      padding-bottom: ").concat(spaceBetweenSections / remSize, "rem;\n    }\n\n    .Page--col {\n      display: block;\n      width: 100%;\n    }\n    \n    .size-default-inherit {\n      width: 100%;\n    }\n    ").concat(queries, "\n  ")
         }
     }));
 };

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

@@ -117,7 +117,7 @@ export var RangeSlideClasses = {
     thumbActive: 'RangeSlider--thumb-active'
 };
 export 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(useState(defaultValue), 2), value = ref1[0], setValue = ref1[1];
     var inputLeftRef = React.useRef(null);
     var inputRightRef = React.useRef(null);
@@ -130,6 +130,17 @@ export 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 = useCallback(function() {
         var inputLeft = inputLeftRef.current;
         var inputRight = inputRightRef.current;
@@ -138,6 +149,7 @@ export var RangeSliderInput = function(param) {
         setValue(_objectSpread({}, value, {
             left: leftValue
         }));
+        onSlideGeneric();
     }, [
         setValue,
         value
@@ -150,6 +162,7 @@ export var RangeSliderInput = function(param) {
         setValue(_objectSpread({}, value, {
             right: rightValue
         }));
+        onSlideGeneric();
     }, [
         setValue,
         value

package/dist/types/listing/hooks/useSlideFilter.d.ts

@@ -3,6 +3,10 @@ export declare const useSlideFilter: (filterName: string, min: number, max: numb
         from: number;
         to: number;
     };
+    applyFilter: (data: {
+        from: number;
+        to: number;
+    }) => void;
     updateValue: (data: {
         from: number;
         to: number;

package/dist/types/listing/types.d.ts

@@ -84,4 +84,14 @@ export interface ListingPageMeta {
     collapseMode?: StringField;
     limit: NumberField;
     includeVariants?: BooleanField;
+    getTitle?: GetListingPageTitle;
 }
+export declare type GetListingPageTitle = (type: ListingTypesEnum, meta: Omit<ListingPageMeta, 'getTitle'>, data: {
+    brand?: string;
+    category?: string;
+    defaultName?: string;
+    attribute?: string;
+    search?: string;
+    isWithAttribute: boolean;
+    childAttribute?: string;
+}) => string;

package/dist/types/seo/components/TranslationsMeta/index.d.ts

@@ -0,0 +1 @@
+export declare const TranslationsMeta: () => JSX.Element | null;

package/dist/types/seo/components/index.d.ts

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

package/dist/types/seo/hooks/index.d.ts

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

package/dist/types/seo/hooks/useSeoTranslations.d.ts

@@ -0,0 +1,24 @@
+import type { TranslationsMapDTO } from '@sentecacommerce-theme/cms';
+import type { LocaleData } from '../../config';
+export declare const SeoTranslationsProvider: ({ children, translations, defaultLocale, localesMap, }: {
+    children: any;
+    translations: TranslationsMapDTO;
+    defaultLocale: string;
+    localesMap: {
+        [key: string]: LocaleData;
+    };
+}) => JSX.Element;
+export declare const useSeoTranslations: () => SeoTranslationContextType;
+export declare type SeoTranslationContextType = {
+    translationsMap: {
+        [key: string]: SeoTranslationType;
+    };
+    defaultLocale: string;
+    allLocales: string[];
+};
+export declare type SeoTranslationType = {
+    slug: string;
+    locale: string;
+    isDefault: boolean;
+    domain: string;
+};

package/dist/types/ui/components/GridStyles.d.ts

@@ -1,5 +1,5 @@
 import { StringField } from '@sentecacommerce-theme/cms';
-export declare const GridStyles: ({ spaceX, breakpoints, remSize, }: {
+export declare const GridStyles: ({ spaceX, breakpoints, remSize, spaceBetweenSections, }: {
     breakpoints?: {
         [key: string]: {
             min: StringField;
@@ -7,4 +7,5 @@ export declare const GridStyles: ({ spaceX, breakpoints, remSize, }: {
     } | undefined;
     spaceX: number;
     remSize?: number | undefined;
+    spaceBetweenSections?: number | undefined;
 }) => JSX.Element;

package/dist/types/ui/components/RangeSliderInput.d.ts

@@ -15,11 +15,12 @@ export declare const RangeSlideClasses: {
     thumbHover: string;
     thumbActive: string;
 };
-export declare const RangeSliderInput: ({ defaultValue, onChange, min, max, step, }: {
+export declare const RangeSliderInput: ({ defaultValue, onChange, onSlide, min, max, step, }: {
     min: number;
     max: number;
     step: number;
     defaultValue: ValueType;
     onChange: (data: ValueType) => void;
+    onSlide?: ((data: ValueType) => void) | undefined;
 }) => JSX.Element;
 export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sentecacommerce-theme/lib",
   "sideEffects": false,
-  "version": "0.12.95",
+  "version": "0.12.96",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -31,13 +31,13 @@
     "watch:cjs": "swc src --out-dir dist/cjs -w",
     "watch:esm": "swc src --out-dir dist/esm --no-swcrc -w"
   },
-  "gitHead": "e4ce21f505cc0bea992d4a3fb45ff7d72cdee868",
+  "gitHead": "857da38c2eb402b3d8a51ad70ffbb5dc770febff",
   "peerDependencies": {
     "react-query": "^2.26.2"
   },
   "dependencies": {
-    "@sentecacommerce-theme/base": "^0.12.95",
-    "@sentecacommerce-theme/cms": "^0.12.95",
+    "@sentecacommerce-theme/base": "^0.12.96",
+    "@sentecacommerce-theme/cms": "^0.12.96",
     "@sentecacommerce/sdk": "2.0.161",
     "body-scroll-lock": "^3.1.5",
     "copy-to-clipboard": "^3.3.1",