@sentecacommerce-theme/lib 0.13.1 → 0.13.2

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { useRouter } from 'next/router';
 import { usePredicate } from '../api';
-import { useListingConfig } from './';
+import { useListingCategories, useListingConfig, getCategoryName, getFilterByType } from './index';
 import { useListingAlias } from '../../index';
 import { typeToSuffix } from '../../utils/typeToSuffix';
 import { getTranslatableField } from '../../utils/getTranslatableField';
@@ -33,10 +33,13 @@ function _unsupportedIterableToArray(o, minLen) {
 }
 var _instance;
 export var useListingBreadcrumbs = function() {
-    var ref1 = usePredicate(), data = ref1.data, isLoading = ref1.isLoading;
+    var ref3 = usePredicate(), data = ref3.data, isLoading = ref3.isLoading;
     var config = useListingConfig();
     var router = useRouter();
     var slug = useListingAlias(config.meta).slug;
+    var ref1 = useListingCategories(), categoriesData = ref1.data;
+    var categoryName = getCategoryName(router, categoriesData);
+    var categoryId = getFilterByType('category', router);
     var result = React.useMemo(function() {
         if (config.type === ListingTypesEnum.AttrPage) {
             var ref;
@@ -57,7 +60,16 @@ export var useListingBreadcrumbs = function() {
                 }, 
             ];
         }
-        return createCatalogBreadcrumb(data, config.type, router);
+        var breadcrumbData = createCatalogBreadcrumb(data, config.type, router);
+        if (config.type === ListingTypesEnum.View || config.type === ListingTypesEnum.Brand) {
+            var ref2;
+            breadcrumbData.push({
+                name: categoryName || '',
+                id: categoryId,
+                link: processLink((ref2 = data) === null || ref2 === void 0 ? void 0 : ref2.slug, config.type, router.query.slug) + applyFilters(router)
+            });
+        }
+        return breadcrumbData;
     }, [
         data,
         config.type,

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

@@ -92,14 +92,14 @@ function generateUrl(current, router, slug, config) {
         res = "/".concat(router.query.slug, "/").concat(getTranslatableField(current.meta.slug), "/").concat(suffix);
     }
     if (pageType === ListingTypesEnum.View) {
-        res = "/".concat(router.query.slug, "/").concat(getTranslatableField(current.meta.slug), "/").concat(suffix);
+        res = "/".concat(router.query.slug, "/").concat(suffix);
     }
     if (pageType === ListingTypesEnum.Search) {
         var _q;
         res = "/".concat(getTranslatableField(current.meta.slug), "/c?search=").concat((_q = router.query.q) !== null && _q !== void 0 ? _q : router.query.search);
     }
     var filter = router.query.filter;
-    if (suffix === 'b') {
+    if (suffix === 'b' || suffix === 'v') {
         if (filter) {
             if (Array.isArray(filter)) {
                 filter = _toConsumableArray(filter);

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

@@ -125,6 +125,8 @@ export function ListingFiltersProvider(param) {
                             query: _objectSpread({}, router.query, {
                                 filter: filterByType(router.query.filter, filter)
                             })
+                        }, undefined, {
+                            shallow: true
                         });
                     },
                     type: type
@@ -144,6 +146,8 @@ export function ListingFiltersProvider(param) {
         router.push({
             pathname: router.pathname,
             query: query
+        }, undefined, {
+            shallow: true
         });
     };
     var selectedFilters = React.useMemo(function() {
@@ -186,7 +190,9 @@ function generateFilters(param) {
                     aggType: filter,
                     aggKey: filterKey,
                     aggOperator: filtersOperatorsMap[type]
-                }, Boolean(selected), router));
+                }, Boolean(selected), router), undefined, {
+                    shallow: true
+                });
             }
         };
     });

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,76 +106,59 @@ export var useListingMeta = function() {
     return result;
 };
 function processDisplayName(slug, config, name, breadcrumb, router, aggData, categoriesData) {
+    var ref, ref5, ref6;
     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.q) || (router === null || router === void 0 ? void 0 : (ref6 = router.query) === null || ref6 === void 0 ? void 0 : ref6.search),
+        isWithAttribute: Boolean(router === null || router === void 0 ? void 0 : router.query.cat)
+    });
+    return title || listingName;
 }
-function getFilterByType(filterType, router) {
+export function getFilterByType(filterType, router) {
     var filterId = '';
     if (Array.isArray(router === null || router === void 0 ? void 0 : router.query.filter)) {
-        var ref, ref5;
+        var ref, ref7;
         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 = (ref7 = /\d+/.exec((filters === null || filters === void 0 ? void 0 : filters[0]) || '')) === null || ref7 === void 0 ? void 0 : ref7[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 ref8, ref9, ref10;
+        var isFiltered = router === null || router === void 0 ? void 0 : (ref8 = router.query) === null || ref8 === void 0 ? void 0 : (ref9 = ref8.filter) === null || ref9 === void 0 ? void 0 : ref9.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 = (ref10 = /(\w+)-(\d+)/.exec(router === null || router === void 0 ? void 0 : router.query.filter)) === null || ref10 === void 0 ? void 0 : ref10[0];
     }
     return filterId;
 }
 function getBrandName(router, filtersData) {
-    var ref, ref9, ref10;
+    var ref, ref11, ref12;
     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 : (ref11 = ref.items) === null || ref11 === void 0 ? void 0 : ref11.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 : (ref12 = brand.meta) === null || ref12 === void 0 ? void 0 : ref12.name);
 }
-function getCategoryName(router, categories) {
+export function getCategoryName(router, categories) {
     var categoryId = getFilterByType('category', router);
     if (!categoryId || !categories) return;
     var stack = _toConsumableArray(categories);

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,16 +77,38 @@ 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, {
                 aggType: filterName,
                 aggKey: "".concat(formattedFrom, ",").concat(formattedTo),
                 aggOperator: filtersOperatorsMap.stats
-            }, false, router, true));
+            }, false, router, true), undefined, {
+                shallow: true
+            });
         }, 500);
         setState({
             from: formattedFrom,
@@ -101,6 +123,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/listing/utils/buildCategoryQuery.js

@@ -60,7 +60,7 @@ export var buildCategoryQuery = function(param) {
                     filter += (ref = config === null || config === void 0 ? void 0 : config.filterExtension) !== null && ref !== void 0 ? ref : '';
                 }
                 if (postFilter) {
-                    if (router.query.cat) filter += '&';
+                    if (filter) filter += '&';
                     filter += postFilter;
                 }
                 break;
@@ -77,6 +77,14 @@ export var buildCategoryQuery = function(param) {
                 filter += "text;eq;\"".concat(searchQuery, "\"");
                 if (postFilter) filter += "&".concat(postFilter);
                 break;
+            case ListingTypesEnum.View:
+                filter += applyViewsPostFilter({
+                    postFilter: postFilter
+                });
+                if (config === null || config === void 0 ? void 0 : config.filterExtension) {
+                    filter += filter ? "&".concat(config === null || config === void 0 ? void 0 : config.filterExtension) : config === null || config === void 0 ? void 0 : config.filterExtension;
+                }
+                break;
             default:
                 return "".concat((config === null || config === void 0 ? void 0 : config.filterExtension) + "".concat(postFilter !== null && postFilter !== void 0 ? postFilter : ''));
         }
@@ -108,3 +116,16 @@ var applyBrandsPostFilter = function(param) {
     }
     return '';
 };
+var applyViewsPostFilter = function(param) {
+    var postFilter = param.postFilter;
+    if (postFilter) {
+        var filtersArr = postFilter.split('&');
+        var filters = filtersArr.reduce(function(res, val, i) {
+            if (val.includes('category')) return res;
+            if (!res) return res + "".concat(val);
+            return res += "&".concat(val);
+        }, '');
+        return "".concat(filters);
+    }
+    return '';
+};

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

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

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

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

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

@@ -1,19 +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() || {}, translations = ref.translations, defaultLocaleSlug = ref.defaultLocaleSlug;
-    if (!translations || !defaultLocaleSlug) return null;
-    return(/*#__PURE__*/ React.createElement(Head, null, translations === null || translations === void 0 ? void 0 : translations.map(function(translation) {
-        return(/*#__PURE__*/ React.createElement("link", {
-            rel: "alternate",
-            hrefLang: translation.locale,
-            href: translation.slug,
-            key: 'Translation__' + translation.slug
-        }));
-    }), /*#__PURE__*/ React.createElement("link", {
-        rel: "alternate",
-        hrefLang: "x-default",
-        href: defaultLocaleSlug
-    })));
+    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';