@sentecacommerce-theme/lib 0.12.100 → 0.13.1

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

@@ -5,54 +5,25 @@ 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)
-    }))));
+    var ref = (0, _useSeoTranslations).useSeoTranslations() || {}, translations = ref.translations, defaultLocaleSlug = ref.defaultLocaleSlug;
+    if (!translations || !defaultLocaleSlug) return null;
+    return(/*#__PURE__*/ _react.default.createElement(_head.default, null, translations === null || translations === void 0 ? void 0 : translations.map(function(translation) {
+        return(/*#__PURE__*/ _react.default.createElement("link", {
+            rel: "alternate",
+            hrefLang: translation.locale,
+            href: translation.slug,
+            key: 'Translation__' + translation.slug
+        }));
+    }), /*#__PURE__*/ _react.default.createElement("link", {
+        rel: "alternate",
+        hrefLang: "x-default",
+        href: defaultLocaleSlug
+    })));
 };
 exports.TranslationsMeta = TranslationsMeta;

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

@@ -74,18 +74,6 @@ 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/useSeoTranslations.js

@@ -3,81 +3,40 @@ Object.defineProperty(exports, "__esModule", {
 });
 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) {
+        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.default.createElement(SeoTranslationsContext.Provider, {
         value: data1
@@ -85,6 +44,6 @@ var SeoTranslationsProvider = function(param) {
 };
 exports.SeoTranslationsProvider = SeoTranslationsProvider;
 var useSeoTranslations = function() {
-    return _react.default.useContext(SeoTranslationsContext) || {};
+    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, _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;
     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: ").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/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, 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((0, _react).useState(defaultValue), 2), value = ref1[0], setValue = ref1[1];
     var inputLeftRef = _react.default.useRef(null);
     var inputRightRef = _react.default.useRef(null);
@@ -161,17 +161,6 @@ 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;
@@ -180,7 +169,6 @@ var RangeSliderInput = function(param) {
         setValue(_objectSpread({}, value, {
             left: leftValue
         }));
-        onSlideGeneric();
     }, [
         setValue,
         value
@@ -193,7 +181,6 @@ var RangeSliderInput = function(param) {
         setValue(_objectSpread({}, value, {
             right: rightValue
         }));
-        onSlideGeneric();
     }, [
         setValue,
         value

package/dist/cjs/utils/index.js

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

package/dist/cjs/utils/isTouchDevice.js

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

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

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

package/dist/esm/api/getSDKConfig.js

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

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

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

package/dist/esm/config/SentecaProvider.js

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

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

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

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

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

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

@@ -1,7 +1,7 @@
-import React, { useEffect } from 'react';
-import { useBoolean, wishlistApi } from '../../../';
+import React from 'react';
+import { wishlistApi } from '../../../';
 import { usePrefetchProduct, getTranslatableField } from '../../../';
-import { createMappedAttributes } from '../../basket-hooks/useBasketLineItem/utils';
+import { getTimeStamp, createMappedAttributes } from '../../basket-hooks/useBasketLineItem/utils';
 import { customFieldsToMap } from '../../../utils';
 function _arrayLikeToArray(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
@@ -51,19 +51,15 @@ function _unsupportedIterableToArray(o, minLen) {
 }
 export var useWishlistItem = function(props) {
     var ref16;
-    var item = props.item, expiry = props.expiry;
-    var ref1 = _slicedToArray(useBoolean(false), 2), isExpired = ref1[0], setIsExpired = ref1[1];
+    var ref1 = _slicedToArray(React.useState(false), 2), isExpired = ref1[0], setIsExpired = ref1[1];
     var ref2 = _slicedToArray(wishlistApi.useSync(), 1), syncWishlist = ref2[0];
     var ref3 = usePrefetchProduct(getTranslatableField(props === null || props === void 0 ? void 0 : (ref16 = props.item) === null || ref16 === void 0 ? void 0 : ref16.productSlug)), onMouseDown = ref3.onMouseDown, onMouseEnter = ref3.onMouseEnter, onMouseLeave = ref3.onMouseLeave;
-    useEffect(function() {
-        if (expiry) {
-            if (Date.now() > expiry + (item === null || item === void 0 ? void 0 : item.snapshotFrom)) {
-                setIsExpired.on();
-            }
-        }
-    }, []);
     var data = React.useMemo(function() {
         var ref, ref4, ref5, ref6, ref7, ref8, ref9, ref10, ref11, ref12, ref13, ref14, ref15;
+        var item = props.item;
+        if (props.expiry && getTimeStamp(props.expiry) < (item === null || item === void 0 ? void 0 : item.snapshotFrom)) {
+            setIsExpired(true);
+        }
         var offer = item === null || item === void 0 ? void 0 : (ref = item.productVariant) === null || ref === void 0 ? void 0 : ref.offer;
         var mappedAttributes = createMappedAttributes(item === null || item === void 0 ? void 0 : (ref4 = item.productVariant) === null || ref4 === void 0 ? void 0 : ref4.attributes) || {};
         var mappedCustomField = customFieldsToMap(item.custom);
@@ -103,15 +99,11 @@ export var useWishlistItem = function(props) {
             }
         };
     }, [
-        item
-    ]);
-    useEffect(function() {
-        if (isExpired) {
-            syncWishlist();
-            setIsExpired.off();
-        }
-    }, [
-        isExpired
+        props.item
     ]);
+    if (isExpired) {
+        syncWishlist();
+        setIsExpired(false);
+    }
     return data;
 };

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

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