@sentecacommerce-theme/lib 0.13.1 → 0.13.2

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

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

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

@@ -2,12 +2,58 @@ Object.defineProperty(exports, "__esModule", {
     value: true
 });
 exports.useGetMyLoyaltyCardQuery = void 0;
+var _regeneratorRuntime = _interopRequireDefault(require("regenerator-runtime"));
 var _sdk = require("@sentecacommerce/sdk");
 var _reactQuery = require("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);
+        });
+    };
+}
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 var useGetMyLoyaltyCardQuery = function(callback) {
-    return (0, _reactQuery).useQuery('get-loyalty-card-key', function() {
-        return (0, _sdk).MyWalletGetByType('loyalty-program');
-    }, {
+    return (0, _reactQuery).useQuery('get-loyalty-card-key', _asyncToGenerator(_regeneratorRuntime.default.mark(function _callee() {
+        return _regeneratorRuntime.default.wrap(function _callee$(_ctx) {
+            while(1)switch(_ctx.prev = _ctx.next){
+                case 0:
+                    return _ctx.abrupt("return", (0, _sdk).MyWalletGetByType('loyalty-program'));
+                case 1:
+                case "end":
+                    return _ctx.stop();
+            }
+        }, _callee);
+    })), {
+        refetchOnMount: false,
+        refetchOnWindowFocus: false,
+        retry: false,
         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/cjs/utils/getLocaleFromPath.js

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

package/dist/cjs/utils/getSelectedFilters.js

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

package/dist/cjs/utils/index.js

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

package/dist/cjs/utils/isTouchDevice.js

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

package/dist/cjs/utils/localStorage.js

@@ -4,12 +4,17 @@ Object.defineProperty(exports, "__esModule", {
 exports.writeToLocalStorage = exports.readFromLocalStorage = void 0;
 var readFromLocalStorage = function(key) {
     if (typeof window !== 'undefined') {
-        return JSON.parse(localStorage.getItem(key));
+        try {
+            return JSON.parse(localStorage.getItem(key));
+        } catch (e) {
+            console.log(e);
+            return null;
+        }
     }
 };
 exports.readFromLocalStorage = readFromLocalStorage;
 var writeToLocalStorage = function(key, data) {
-    if (typeof window !== 'undefined') {
+    if (typeof window !== 'undefined' && data !== undefined) {
         localStorage.setItem(key, JSON.stringify(data));
     }
 };

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

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

package/dist/esm/api/getSDKConfig.js

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

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

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

package/dist/esm/basket/api/mutations/index.js

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

package/dist/esm/basket/api/mutations/useChangeGiftVariant.js

@@ -0,0 +1,106 @@
+import regeneratorRuntime from "regenerator-runtime";
+import React from 'react';
+import { useMutation } from 'react-query';
+import { MyCartChangeSelectableGiftLineItemVariant } from '@sentecacommerce/sdk';
+import { useReplaceBasket } from '../../index';
+function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _arrayWithHoles(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+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);
+        });
+    };
+}
+function _iterableToArrayLimit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _nonIterableRest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _slicedToArray(arr, i) {
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+export var useChangeGiftVariantMutation = function() {
+    var ref = _slicedToArray(useReplaceBasket(), 1), replaceBasket = ref[0];
+    return useMutation(function() {
+        var _ref = _asyncToGenerator(regeneratorRuntime.mark(function _callee(props) {
+            return regeneratorRuntime.wrap(function _callee$(_ctx) {
+                while(1)switch(_ctx.prev = _ctx.next){
+                    case 0:
+                        _ctx.next = 2;
+                        return MyCartChangeSelectableGiftLineItemVariant(props);
+                    case 2:
+                        return _ctx.abrupt("return", _ctx.sent);
+                    case 3:
+                    case "end":
+                        return _ctx.stop();
+                }
+            }, _callee);
+        }));
+        return function(props) {
+            return _ref.apply(this, arguments);
+        };
+    }(), {
+        onSuccess: function(data) {
+            return replaceBasket(data);
+        }
+    });
+};

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

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

package/dist/esm/basket/hooks/useChangeGiftVariant.js

@@ -0,0 +1,3 @@
+import React from 'react';
+import { useChangeGiftVariantMutation } from '../api/mutations';
+export { useChangeGiftVariantMutation as useChangeGiftVariant };

package/dist/esm/config/SentecaProvider.js

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

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

@@ -87,7 +87,9 @@ export var useAggregateResult = function(type, aggregates, slug, predicate, quer
                                 aggType: a.filterDefinition,
                                 aggKey: filterKey,
                                 aggOperator: operatorMap[a.aggregationType]
-                            }, selected, router));
+                            }, selected, router), undefined, {
+                                shallow: true
+                            });
                         }
                     }, 
                 ]);
@@ -104,6 +106,8 @@ export var useAggregateResult = function(type, aggregates, slug, predicate, quer
                             query: _objectSpread({}, router.query, {
                                 filter: filterByType(router.query.filter, a.filterDefinition)
                             })
+                        }, undefined, {
+                            shallow: true
                         });
                     },
                     type: a.aggregationType

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

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

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

@@ -35,6 +35,8 @@ export var useClearAllFilters = function() {
         router.push({
             pathname: router.pathname,
             query: query
+        }, undefined, {
+            shallow: true
         });
     };
 };

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

@@ -92,7 +92,7 @@ function _unsupportedIterableToArray(o, minLen) {
 var ProductStateContext = /*#__PURE__*/ React.createContext(undefined);
 var CountDispatchContext = /*#__PURE__*/ React.createContext(undefined);
 export function ProductProvider(param) {
-    var product = param.product, children = param.children, defaultVariantId = param.defaultVariantId;
+    var product = param.product, children = param.children, defaultVariantId = param.defaultVariantId, _includeBrandInName = param.includeBrandInName, includeBrandInName = _includeBrandInName === void 0 ? false : _includeBrandInName;
     var getVariantsWithInventory = function getVariantsWithInventory() {
         var ref9;
         var variantsWithInventory = product === null || product === void 0 ? void 0 : (ref9 = product.variants) === null || ref9 === void 0 ? void 0 : ref9.reduce(function(map, _, index, arr) {
@@ -221,16 +221,26 @@ export function ProductProvider(param) {
         return variants === null || variants === void 0 ? void 0 : variants[id];
     };
     var getVariantByCombination = function getVariantByCombination(key, value) {
-        var ref;
-        var id = (ref = combinations[key]) === null || ref === void 0 ? void 0 : ref.params[value];
-        return variants === null || variants === void 0 ? void 0 : variants[id];
+        var ref11;
+        var split = value === null || value === void 0 ? void 0 : value.split(':');
+        if ((split === null || split === void 0 ? void 0 : split[0]) === 'collapseKey') {
+            var id = Object.keys(variants).find(function(el) {
+                var ref;
+                return variants[el].collapseKey === (split === null || split === void 0 ? void 0 : split[1]) && ((ref = variants[el].attributes.find(function(attr) {
+                    return attr.name === 'size';
+                })) === null || ref === void 0 ? void 0 : ref.value) === key;
+            });
+            return variants[id];
+        }
+        var id3 = (ref11 = combinations[key]) === null || ref11 === void 0 ? void 0 : ref11.params[value];
+        return variants === null || variants === void 0 ? void 0 : variants[id3];
     };
     var getCustomFieldValue = function getCustomFieldValue(field) {
         return customFields === null || customFields === void 0 ? void 0 : customFields[field];
     };
     var getCombinationsForAttributeRule = function getCombinationsForAttributeRule(key, id) {
-        var ref, ref11;
-        var result = attributeRules === null || attributeRules === void 0 ? void 0 : (ref = attributeRules[key]) === null || ref === void 0 ? void 0 : (ref11 = ref.values) === null || ref11 === void 0 ? void 0 : ref11[id];
+        var ref, ref12;
+        var result = attributeRules === null || attributeRules === void 0 ? void 0 : (ref = attributeRules[key]) === null || ref === void 0 ? void 0 : (ref12 = ref.values) === null || ref12 === void 0 ? void 0 : ref12[id];
         return result;
     };
     var ref5 = _slicedToArray(React.useState(false), 2), mounted = ref5[0], setMounted = ref5[1];
@@ -238,34 +248,34 @@ export function ProductProvider(param) {
     var ref3 = _slicedToArray(React.useState(getVariantsWithInventory), 2), variants = ref3[0], setVariants = ref3[1];
     var ref4 = _slicedToArray(React.useState(getDefaultVariant), 2), selectedVariant = ref4[0], setSelectedVariant = ref4[1];
     var metaData = React.useMemo(function() {
-        var ref, ref12, ref13, ref14, ref15, ref16, ref17, ref18, ref19, ref20, ref21, ref22, ref23, ref24, ref25, ref26, ref27, ref28, ref29, ref30, ref31, ref32, ref33, ref34, ref35, ref36, ref37, ref38, ref39, ref40, ref41, ref42;
+        var ref, ref13, ref14, ref15, ref16, ref17, ref18, ref19, ref20, ref21, ref22, ref23, ref24, ref25, ref26, ref27, ref28, ref29, ref30, ref31, ref32, ref33, ref34, ref35, ref36, ref37, ref38, ref39, ref40, ref41, ref42, ref43, ref44, ref45, ref46, ref47, ref48, ref49;
         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 = {
             _id: product === null || product === void 0 ? void 0 : product._id,
-            name: getTranslatableField(selectedVariant === null || selectedVariant === void 0 ? void 0 : selectedVariant.name) || getTranslatableField(product === null || product === void 0 ? void 0 : product.name),
+            name: includeBrandInName && (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 : (ref15 = ref14.resource) === null || ref15 === void 0 ? void 0 : ref15.name) ? "".concat(getTranslatableField(product === null || product === void 0 ? void 0 : (ref16 = product.brands) === null || ref16 === void 0 ? void 0 : (ref17 = ref16[0]) === null || ref17 === void 0 ? void 0 : (ref18 = ref17.resource) === null || ref18 === void 0 ? void 0 : ref18.name), " ").concat(getTranslatableField(selectedVariant === null || selectedVariant === void 0 ? void 0 : selectedVariant.name) || getTranslatableField(product === null || product === void 0 ? void 0 : product.name)) : getTranslatableField(selectedVariant === null || selectedVariant === void 0 ? void 0 : selectedVariant.name) || getTranslatableField(product === null || product === void 0 ? void 0 : product.name),
             slug: getTranslatableField(product === null || product === void 0 ? void 0 : product.slug),
             description: getTranslatableField(selectedVariant === null || selectedVariant === void 0 ? void 0 : selectedVariant.description) || getTranslatableField(product === null || product === void 0 ? void 0 : product.description),
             shortDescription: getTranslatableField(selectedVariant === null || selectedVariant === void 0 ? void 0 : selectedVariant.metaDescription) || getTranslatableField(product === null || product === void 0 ? void 0 : product.metaDescription),
             brand: {
-                _id: product === null || product === void 0 ? void 0 : (ref12 = product.brands) === null || ref12 === void 0 ? void 0 : (ref13 = ref12[0]) === null || ref13 === void 0 ? void 0 : ref13.resourceId,
-                name: getTranslatableField(product === null || product === void 0 ? void 0 : (ref14 = product.brands) === null || ref14 === void 0 ? void 0 : (ref15 = ref14[0]) === null || ref15 === void 0 ? void 0 : (ref16 = ref15.resource) === null || ref16 === void 0 ? void 0 : ref16.name),
-                slug: getTranslatableField(product === null || product === void 0 ? void 0 : (ref17 = product.brands) === null || ref17 === void 0 ? void 0 : (ref18 = ref17[0]) === null || ref18 === void 0 ? void 0 : (ref19 = ref18.resource) === null || ref19 === void 0 ? void 0 : ref19.slug),
-                logo: product === null || product === void 0 ? void 0 : (ref20 = product.brands) === null || ref20 === void 0 ? void 0 : (ref21 = ref20[0]) === null || ref21 === void 0 ? void 0 : (ref22 = ref21.resource) === null || ref22 === void 0 ? void 0 : (ref23 = ref22.assets) === null || ref23 === void 0 ? void 0 : (ref24 = ref23[0]) === null || ref24 === void 0 ? void 0 : (ref25 = ref24.sources) === null || ref25 === void 0 ? void 0 : (ref26 = ref25[0]) === null || ref26 === void 0 ? void 0 : ref26.url
+                _id: product === null || product === void 0 ? void 0 : (ref19 = product.brands) === null || ref19 === void 0 ? void 0 : (ref20 = ref19[0]) === null || ref20 === void 0 ? void 0 : ref20.resourceId,
+                name: getTranslatableField(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 : ref23.name),
+                slug: getTranslatableField(product === null || product === void 0 ? void 0 : (ref24 = product.brands) === null || ref24 === void 0 ? void 0 : (ref25 = ref24[0]) === null || ref25 === void 0 ? void 0 : (ref26 = ref25.resource) === null || ref26 === void 0 ? void 0 : ref26.slug),
+                logo: product === null || product === void 0 ? void 0 : (ref27 = product.brands) === null || ref27 === void 0 ? void 0 : (ref28 = ref27[0]) === null || ref28 === void 0 ? void 0 : (ref29 = ref28.resource) === null || ref29 === void 0 ? void 0 : (ref30 = ref29.assets) === null || ref30 === void 0 ? void 0 : (ref31 = ref30[0]) === null || ref31 === void 0 ? void 0 : (ref32 = ref31.sources) === null || ref32 === void 0 ? void 0 : (ref33 = ref32[0]) === null || ref33 === void 0 ? void 0 : ref33.url
             },
             category: {
-                _id: product === null || product === void 0 ? void 0 : (ref28 = product.categories) === null || ref28 === void 0 ? void 0 : (ref29 = ref28[(product === null || product === void 0 ? void 0 : (ref27 = product.categories) === null || ref27 === void 0 ? void 0 : ref27.length) - 1]) === null || ref29 === void 0 ? void 0 : ref29.resourceId,
-                name: getTranslatableField(product === null || product === void 0 ? void 0 : (ref31 = product.categories) === null || ref31 === void 0 ? void 0 : (ref32 = ref31[(product === null || product === void 0 ? void 0 : (ref30 = product.categories) === null || ref30 === void 0 ? void 0 : ref30.length) - 1]) === null || ref32 === void 0 ? void 0 : (ref33 = ref32.resource) === null || ref33 === void 0 ? void 0 : ref33.name),
-                slug: getTranslatableField(product === null || product === void 0 ? void 0 : (ref35 = product.categories) === null || ref35 === void 0 ? void 0 : (ref36 = ref35[(product === null || product === void 0 ? void 0 : (ref34 = product.categories) === null || ref34 === void 0 ? void 0 : ref34.length) - 1]) === null || ref36 === void 0 ? void 0 : (ref37 = ref36.resource) === null || ref37 === void 0 ? void 0 : ref37.slug)
+                _id: product === null || product === void 0 ? void 0 : (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 : ref36.resourceId,
+                name: getTranslatableField(product === null || product === void 0 ? void 0 : (ref38 = product.categories) === null || ref38 === void 0 ? void 0 : (ref39 = ref38[(product === null || product === void 0 ? void 0 : (ref37 = product.categories) === null || ref37 === void 0 ? void 0 : ref37.length) - 1]) === null || ref39 === void 0 ? void 0 : (ref40 = ref39.resource) === null || ref40 === void 0 ? void 0 : ref40.name),
+                slug: getTranslatableField(product === null || product === void 0 ? void 0 : (ref42 = product.categories) === null || ref42 === void 0 ? void 0 : (ref43 = ref42[(product === null || product === void 0 ? void 0 : (ref41 = product.categories) === null || ref41 === void 0 ? void 0 : ref41.length) - 1]) === null || ref43 === void 0 ? void 0 : (ref44 = ref43.resource) === null || ref44 === void 0 ? void 0 : ref44.slug)
             },
             rootCategory: {
                 _id: rootCategoryId,
-                name: getTranslatableField(rootCategory === null || rootCategory === void 0 ? void 0 : (ref38 = rootCategory.resource) === null || ref38 === void 0 ? void 0 : ref38.name),
-                slug: getTranslatableField(rootCategory === null || rootCategory === void 0 ? void 0 : (ref39 = rootCategory.resource) === null || ref39 === void 0 ? void 0 : ref39.slug)
+                name: getTranslatableField(rootCategory === null || rootCategory === void 0 ? void 0 : (ref45 = rootCategory.resource) === null || ref45 === void 0 ? void 0 : ref45.name),
+                slug: getTranslatableField(rootCategory === null || rootCategory === void 0 ? void 0 : (ref46 = rootCategory.resource) === null || ref46 === void 0 ? void 0 : ref46.slug)
             },
             categories: formatCategories(product === null || product === void 0 ? void 0 : product.categories, rootCategoryId),
             reviewRatingStatistics: product === null || product === void 0 ? void 0 : product.reviewRatingStatistics,
-            content: Boolean(selectedVariant === null || selectedVariant === void 0 ? void 0 : (ref40 = selectedVariant.content) === null || ref40 === void 0 ? void 0 : ref40.map(createProductContent).length) ? selectedVariant === null || selectedVariant === void 0 ? void 0 : (ref41 = selectedVariant.content) === null || ref41 === void 0 ? void 0 : ref41.map(createProductContent) : product === null || product === void 0 ? void 0 : (ref42 = product.content) === null || ref42 === void 0 ? void 0 : ref42.map(createProductContent),
+            content: Boolean(selectedVariant === null || selectedVariant === void 0 ? void 0 : (ref47 = selectedVariant.content) === null || ref47 === void 0 ? void 0 : ref47.map(createProductContent).length) ? selectedVariant === null || selectedVariant === void 0 ? void 0 : (ref48 = selectedVariant.content) === null || ref48 === void 0 ? void 0 : ref48.map(createProductContent) : product === null || product === void 0 ? void 0 : (ref49 = product.content) === null || ref49 === void 0 ? void 0 : ref49.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 from 'react';
-import { wishlistApi } from '../../../';
+import React, { useEffect } from 'react';
+import { useBoolean, wishlistApi } from '../../../';
 import { usePrefetchProduct, getTranslatableField } from '../../../';
-import { getTimeStamp, createMappedAttributes } from '../../basket-hooks/useBasketLineItem/utils';
+import { createMappedAttributes } from '../../basket-hooks/useBasketLineItem/utils';
 import { customFieldsToMap } from '../../../utils';
 function _arrayLikeToArray(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
@@ -51,15 +51,19 @@ function _unsupportedIterableToArray(o, minLen) {
 }
 export var useWishlistItem = function(props) {
     var ref16;
-    var ref1 = _slicedToArray(React.useState(false), 2), isExpired = ref1[0], setIsExpired = ref1[1];
+    var item = props.item, expiry = props.expiry;
+    var ref1 = _slicedToArray(useBoolean(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);
@@ -99,11 +103,15 @@ export var useWishlistItem = function(props) {
             }
         };
     }, [
-        props.item
+        item
+    ]);
+    useEffect(function() {
+        if (isExpired) {
+            syncWishlist();
+            setIsExpired.off();
+        }
+    }, [
+        isExpired
     ]);
-    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: slug,
+        slug: aliasedSlug,
         offset: offset
     });
     return useQuery(queryKeys, _asyncToGenerator(regeneratorRuntime.mark(function _callee() {