@sentecacommerce-theme/lib 0.12.103 → 0.13.1

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.suggestedBrands) || '',
+        title: (labels === null || labels === void 0 ? void 0 : labels.suggestedBrandsLabel) || '',
         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.suggestedCategories) || '',
+        title: (labels === null || labels === void 0 ? void 0 : labels.suggestedCategoriesLabel) || '',
         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.products,
+        title: labels === null || labels === void 0 ? void 0 : labels.productsLabel,
         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.promoOffers,
+        title: labels.promoOffersLabel,
         labelsColor: labelsColor,
         textColor: textColor,
         onClose: onClose,

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

@@ -1,48 +1,19 @@
 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)
-    }))));
+    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
+    })));
 };

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

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

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

@@ -1,79 +1,38 @@
 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) {
+        var defaultLocaleSlug = '';
+        var list = Object.keys(translations || {}).filter(function(lang) {
             return Boolean(localesMap[lang]);
-        }).reduce(function(acc, lang) {
-            var ref;
+        }).map(function(lang) {
             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, {
+            var slug = "".concat(localeData.domain, "/").concat(isDefault ? lang + '/' : '').concat(data.slug);
+            if (isDefault) defaultLocaleSlug = slug;
+            return {
                 slug: slug,
+                title: data.title,
                 locale: lang,
-                isDefault: isDefault,
-                domain: "https://".concat(localeData.domain)
-            }));
-        }, {});
+                isDefault: isDefault
+            };
+        });
         return {
-            translationsMap: map,
+            translations: list,
             defaultLocale: defaultLocale,
-            allLocales: Object.keys(localesMap)
+            defaultLocaleSlug: defaultLocaleSlug
         };
     }, [
         defaultLocale,
         translations,
-        localesMap,
-        currentLocale,
-        currentPath
+        localesMap
     ]);
     return(/*#__PURE__*/ React.createElement(SeoTranslationsContext.Provider, {
         value: data1
     }, children));
 };
 export var useSeoTranslations = function() {
-    return React.useContext(SeoTranslationsContext) || {};
+    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, _spaceBetweenSections = param.spaceBetweenSections, spaceBetweenSections = _spaceBetweenSections === void 0 ? 80 : _spaceBetweenSections;
+    var spaceX = param.spaceX, breakpoints = param.breakpoints, _remSize = param.remSize, remSize = _remSize === void 0 ? 10 : _remSize;
     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: ").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  ")
+            __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  ")
         }
     }));
 };

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

package/dist/esm/user/api/queries/useGetMyLoyaltyCardQuery.js

@@ -1,50 +1,9 @@
-import regeneratorRuntime from "regenerator-runtime";
 import { MyWalletGetByType } from '@sentecacommerce/sdk';
 import { useQuery } from 'react-query';
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
-    try {
-        var info = gen[key](arg);
-        var value = info.value;
-    } catch (error) {
-        reject(error);
-        return;
-    }
-    if (info.done) {
-        resolve(value);
-    } else {
-        Promise.resolve(value).then(_next, _throw);
-    }
-}
-function _asyncToGenerator(fn) {
-    return function() {
-        var self = this, args = arguments;
-        return new Promise(function(resolve, reject) {
-            var gen = fn.apply(self, args);
-            function _next(value) {
-                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
-            }
-            function _throw(err) {
-                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
-            }
-            _next(undefined);
-        });
-    };
-}
 export var useGetMyLoyaltyCardQuery = function(callback) {
-    return useQuery('get-loyalty-card-key', _asyncToGenerator(regeneratorRuntime.mark(function _callee() {
-        return regeneratorRuntime.wrap(function _callee$(_ctx) {
-            while(1)switch(_ctx.prev = _ctx.next){
-                case 0:
-                    return _ctx.abrupt("return", MyWalletGetByType('loyalty-program'));
-                case 1:
-                case "end":
-                    return _ctx.stop();
-            }
-        }, _callee);
-    })), {
-        refetchOnMount: false,
-        refetchOnWindowFocus: false,
-        retry: false,
+    return useQuery('get-loyalty-card-key', function() {
+        return MyWalletGetByType('loyalty-program');
+    }, {
         onSuccess: function() {
             var ref;
             return callback === null || callback === void 0 ? void 0 : (ref = callback.onSuccess) === null || ref === void 0 ? void 0 : ref.call(callback);

package/dist/esm/utils/getSelectedFilters.js

@@ -95,9 +95,7 @@ export var getSelectedFilters = function(router, slug, data, config) {
                         aggType: key,
                         aggKey: "".concat(valueFrom, ",").concat(valueTo),
                         aggOperator: filtersOperatorsMap.stats
-                    }, true, router), undefined, {
-                        shallow: true
-                    });
+                    }, true, router));
                 },
                 selected: true,
                 data: _objectSpread({}, data.raw, {

package/dist/esm/utils/index.js

@@ -13,7 +13,6 @@ export * from './getTranslatableField';
 export * from './formatAsCurrency';
 export * from './createCatalogBreadcrumb';
 export * from './adjustColor';
-export * from './getLocaleFromPath';
 export * from './calcDiscount';
 export * from './canUseDom';
 export * from './getFirst';

package/dist/esm/utils/isTouchDevice.js

@@ -1,4 +1,3 @@
-import { canUseDOM } from "./canUseDom";
 export function isTouchDevice() {
-    return canUseDOM() && ('ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0);
+    return 'ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;
 }

package/dist/types/basket/api/mutations/index.d.ts

@@ -1,2 +1 @@
 export * from './useReplaceBasketMutation';
-export * from './useChangeGiftVariant';

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

@@ -1,3 +1,2 @@
 export * from './useReplaceBasket';
 export * from './useBasketCrossSaleItems';
-export * from './useChangeGiftVariant';

package/dist/types/hooks/basket-hooks/useBasketLineItem/index.d.ts

@@ -2,7 +2,7 @@ import { LineItemDTO, LineItemDTOLineItemModeEnum, LineItemDTOStatusEnum, MoneyD
 import { BaseProductType } from '../../useLineItem';
 import { SelectedOptionType } from '../../useProduct/utils';
 import { AssetsMap } from '../../../utils/assetsToMap';
-export interface BasketLineItemProps extends BaseProductType {
+interface BasketLineItemProps extends BaseProductType {
     productId: string;
     lineItemId: string;
     quantityInBasket: number;
@@ -36,3 +36,4 @@ export declare const useBasketLineItem: (props: {
     item: LineItemDTO;
     expiry?: number;
 }) => BasketLineItemProps;
+export {};

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

@@ -128,7 +128,6 @@ declare type ProductProviderProps = {
         expand?: string;
         project?: string;
     };
-    includeBrandInName?: boolean;
 };
 declare type ProductStateContextType = {
     attributeRules: AttributeRulesMap;
@@ -164,7 +163,7 @@ declare type CountFunctionsContextType = {
     };
     getProductVideos: () => VideoType[];
 };
-export declare function ProductProvider({ product, children, defaultVariantId, includeBrandInName, }: ProductProviderProps): JSX.Element;
+export declare function ProductProvider({ product, children, defaultVariantId, }: ProductProviderProps): JSX.Element;
 export declare function useProductState(): ProductStateContextType;
 export declare function useProductFunctions(): CountFunctionsContextType;
 export declare function useProduct(slug: string, config?: getProductBySlugConfig): import("react-query").QueryResult<ProductDTO, unknown>;

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

@@ -3,10 +3,6 @@ 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,14 +84,4 @@ 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/navigation/components/SearchBox/Components/EmptyBox/index.d.ts

@@ -3,12 +3,11 @@ interface EmptyBoxProps {
     backgroundColor?: StringField;
     searchHistory?: any[];
     labels: GroupField<{
-        promoOffers: StringField;
-        products: StringField;
-        recentSearches: StringField;
-        popularSearches: StringField;
+        promoOffersLabel: StringField;
+        productsLabel: StringField;
+        recentSearchesLabel: StringField;
+        popularSearchesLabel: StringField;
         blogLabel: StringField;
-        noResults: StringField;
         blog: GroupField<{
             blogTitle: StringField;
             image: StringField;

package/dist/types/navigation/components/SearchBox/index.d.ts

@@ -1,13 +1,12 @@
 import { StringField, GroupField, BooleanField, NumberField } from '@sentecacommerce-theme/cms';
 interface SearchLabels {
-    recentSearches: StringField;
-    popularSearches: StringField;
-    suggestedBrands: StringField;
-    suggestedCategories: StringField;
-    promoOffers: StringField;
-    products: StringField;
+    recentSearchesLabel: StringField;
+    popularSearchesLabel: StringField;
+    suggestedBrandsLabel: StringField;
+    suggestedCategoriesLabel: StringField;
+    promoOffersLabel: StringField;
+    productsLabel: StringField;
     blogLabel: StringField;
-    noResults: StringField;
     blog: GroupField<{
         blogTitle: StringField;
         image: StringField;

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

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

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

@@ -10,15 +10,13 @@ export declare const SeoTranslationsProvider: ({ children, translations, default
 }) => JSX.Element;
 export declare const useSeoTranslations: () => SeoTranslationContextType;
 export declare type SeoTranslationContextType = {
-    translationsMap: {
-        [key: string]: SeoTranslationType;
-    };
+    translations: SeoTranslationType[];
     defaultLocale: string;
-    allLocales: string[];
+    defaultLocaleSlug: string;
 };
 export declare type SeoTranslationType = {
     slug: string;
+    title: 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, spaceBetweenSections, }: {
+export declare const GridStyles: ({ spaceX, breakpoints, remSize, }: {
     breakpoints?: {
         [key: string]: {
             min: StringField;
@@ -7,5 +7,4 @@ export declare const GridStyles: ({ spaceX, breakpoints, remSize, spaceBetweenSe
     } | undefined;
     spaceX: number;
     remSize?: number | undefined;
-    spaceBetweenSections?: number | undefined;
 }) => JSX.Element;

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

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

package/dist/types/utils/index.d.ts

@@ -13,7 +13,6 @@ export * from './getTranslatableField';
 export * from './formatAsCurrency';
 export * from './createCatalogBreadcrumb';
 export * from './adjustColor';
-export * from './getLocaleFromPath';
 export * from './calcDiscount';
 export * from './canUseDom';
 export * from './getFirst';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sentecacommerce-theme/lib",
   "sideEffects": false,
-  "version": "0.12.103",
+  "version": "0.13.1",
   "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": "e9fda963cf3c34b48d7e8dae9326804fa4dda4ec",
+  "gitHead": "2a9d7fd163520fde743840e137093cc0acc9d2d7",
   "peerDependencies": {
     "react-query": "^2.26.2"
   },
   "dependencies": {
-    "@sentecacommerce-theme/base": "^0.12.103",
-    "@sentecacommerce-theme/cms": "^0.12.103",
+    "@sentecacommerce-theme/base": "^0.13.1",
+    "@sentecacommerce-theme/cms": "^0.13.1",
     "@sentecacommerce/sdk": "2.0.161",
     "body-scroll-lock": "^3.1.5",
     "copy-to-clipboard": "^3.3.1",