@sentecacommerce-theme/lib 0.13.1 → 0.13.2

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

@@ -158,7 +158,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/cjs/api/getSDKConfig.js

@@ -44,14 +44,16 @@ var getSDKConfig = function() {
     var defaultConfig = getOptions(options);
     var headers = ((ref = _sdk.HttpClient.defaultConfig) === null || ref === void 0 ? void 0 : ref.options.headers) || (defaultConfig === null || defaultConfig === void 0 ? void 0 : defaultConfig.headers) || {};
     var config = new _sdk.Configuration(_objectSpread({}, ((ref1 = _sdk.HttpClient.defaultConfig) === null || ref1 === void 0 ? void 0 : ref1.options) || defaultConfig, options, {
-        headers: _objectSpread({}, headers, options.headers || {})
+        headers: _objectSpread({}, headers, options.headers || {}, {
+            'senteca-locale': (0, _utils).getLocaleFromPath()
+        })
     }));
     return config;
 };
 exports.getSDKConfig = getSDKConfig;
 var getOptions = function() {
     var options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    if (typeof window === 'undefined') {
+    if (!(0, _utils).canUseDOM()) {
         // eslint-disable-next-line @typescript-eslint/no-var-requires
         var nodeFetch = require('node-fetch');
         var ref;

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

@@ -10,6 +10,7 @@ var _utils = require("../../utils");
 var _getSDKConfig = require("../getSDKConfig");
 var _utils1 = require("./utils");
 var _promoCode = require("../../api.v2/core/misc/promo-code");
+var _ = require("../..");
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
     try {
         var info = gen[key](arg);
@@ -122,6 +123,7 @@ var MyCartApiFactory = function() {
             }(),
             useGet: function() {
                 var queryCache = (0, _reactQuery).useQueryCache();
+                var isLoading = (0, _).useIsAuthenticated().isLoading;
                 return (0, _reactQuery).useQuery(myCartCacheKeys.useGet, _asyncToGenerator(_regeneratorRuntime.default.mark(function _callee() {
                     var data;
                     return _regeneratorRuntime.default.wrap(function _callee$(_ctx) {
@@ -140,12 +142,14 @@ var MyCartApiFactory = function() {
                         }
                     }, _callee);
                 })), {
+                    enabled: !isLoading,
                     retry: false,
-                    refetchOnMount: false,
+                    refetchOnMount: true,
                     refetchOnWindowFocus: false
                 });
             },
             useGetCompact: function() {
+                var isLoading = (0, _).useIsAuthenticated().isLoading;
                 return (0, _reactQuery).useQuery(myCartCacheKeys.useGetCompact, _asyncToGenerator(_regeneratorRuntime.default.mark(function _callee() {
                     var compactBasket;
                     return _regeneratorRuntime.default.wrap(function _callee$(_ctx) {
@@ -158,7 +162,9 @@ var MyCartApiFactory = function() {
                                 return _ctx.stop();
                         }
                     }, _callee);
-                })));
+                })), {
+                    enabled: !isLoading
+                });
             },
             useIsExisting: function(productId, variantId, collapseKey) {
                 return (0, _reactQuery).useQuery([

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

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

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

@@ -0,0 +1,116 @@
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.useChangeGiftVariantMutation = void 0;
+var _regeneratorRuntime = _interopRequireDefault(require("regenerator-runtime"));
+var _react = _interopRequireDefault(require("react"));
+var _reactQuery = require("react-query");
+var _sdk = require("@sentecacommerce/sdk");
+var _index = require("../../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 _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+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);
+}
+var useChangeGiftVariantMutation = function() {
+    var ref = _slicedToArray((0, _index).useReplaceBasket(), 1), replaceBasket = ref[0];
+    return (0, _reactQuery).useMutation(function() {
+        var _ref = _asyncToGenerator(_regeneratorRuntime.default.mark(function _callee(props) {
+            return _regeneratorRuntime.default.wrap(function _callee$(_ctx) {
+                while(1)switch(_ctx.prev = _ctx.next){
+                    case 0:
+                        _ctx.next = 2;
+                        return (0, _sdk).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);
+        }
+    });
+};
+exports.useChangeGiftVariantMutation = useChangeGiftVariantMutation;

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

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

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

@@ -0,0 +1,16 @@
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useChangeGiftVariant", {
+    enumerable: true,
+    get: function() {
+        return _mutations.useChangeGiftVariantMutation;
+    }
+});
+var _react = _interopRequireDefault(require("react"));
+var _mutations = require("../api/mutations");
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}

package/dist/cjs/config/SentecaProvider.js

@@ -8,6 +8,7 @@ var _nodeFetch = _interopRequireDefault(require("node-fetch"));
 var _getSDKConfig = require("../api/getSDKConfig");
 var _reactQuery = require("react-query");
 var _tokens = require("../utils/tokens");
+var _utils = require("../utils");
 var _router = require("next/router");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -51,7 +52,8 @@ function SentecaProvider(param) {
     if (localeData) {
         options.headers = _objectSpread({}, options.headers || {}, {
             InterfaceKey: localeData.interfaceKey,
-            StoreKey: localeData.storeKey
+            StoreKey: localeData.storeKey,
+            'senteca-locale': (0, _utils).getLocaleFromPath()
         });
     }
     _sdk.HttpClient.defaultConfig = new _sdk.Configuration(options);

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

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

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

@@ -70,7 +70,7 @@ 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/cjs/hooks/useClearAllFilters/index.js

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

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

@@ -104,40 +104,40 @@ function _unsupportedIterableToArray(o, minLen) {
 var ProductStateContext = /*#__PURE__*/ _react.default.createContext(undefined);
 var CountDispatchContext = /*#__PURE__*/ _react.default.createContext(undefined);
 function ProductProvider(param) {
-    var product = param.product, children = param.children, defaultVariantId = param.defaultVariantId;
-    var ref36 = _slicedToArray(_react.default.useState(false), 2), mounted = ref36[0], setMounted = ref36[1];
+    var product = param.product, children = param.children, defaultVariantId = param.defaultVariantId, _includeBrandInName = param.includeBrandInName, includeBrandInName = _includeBrandInName === void 0 ? false : _includeBrandInName;
+    var ref42 = _slicedToArray(_react.default.useState(false), 2), mounted = ref42[0], setMounted = ref42[1];
     var ref1 = _slicedToArray(_react.default.useState(getCombinationsAndAttributeRules), 2), ref2 = ref1[0], combinations = ref2.combinations, attributeRules = ref2.attributeRules, setCombinationsAndAttributeRules = ref1[1];
     var ref3 = _slicedToArray(_react.default.useState(getVariantsWithInventory), 2), variants = ref3[0], setVariants = ref3[1];
     var ref4 = _slicedToArray(_react.default.useState(getDefaultVariant), 2), selectedVariant = ref4[0], setSelectedVariant = ref4[1];
     var metaData = _react.default.useMemo(function() {
-        var ref, ref5, ref6, ref7, ref8, ref9, ref10, ref11, ref12, ref13, ref14, ref15, ref16, ref17, ref18, ref19, ref20, ref21, ref22, ref23, ref24, ref25, ref26, ref27, ref28, ref29, ref30, ref31, ref32, ref33, ref34, ref35;
+        var ref, ref5, ref6, ref7, ref8, ref9, ref10, ref11, 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;
         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: (0, _).getTranslatableField(selectedVariant === null || selectedVariant === void 0 ? void 0 : selectedVariant.name) || (0, _).getTranslatableField(product === null || product === void 0 ? void 0 : product.name),
+            name: includeBrandInName && (product === null || product === void 0 ? void 0 : (ref5 = product.brands) === null || ref5 === void 0 ? void 0 : (ref6 = ref5[0]) === null || ref6 === void 0 ? void 0 : (ref7 = ref6.resource) === null || ref7 === void 0 ? void 0 : ref7.name) ? "".concat((0, _).getTranslatableField(product === null || product === void 0 ? void 0 : (ref8 = product.brands) === null || ref8 === void 0 ? void 0 : (ref9 = ref8[0]) === null || ref9 === void 0 ? void 0 : (ref10 = ref9.resource) === null || ref10 === void 0 ? void 0 : ref10.name), " ").concat((0, _).getTranslatableField(selectedVariant === null || selectedVariant === void 0 ? void 0 : selectedVariant.name) || (0, _).getTranslatableField(product === null || product === void 0 ? void 0 : product.name)) : (0, _).getTranslatableField(selectedVariant === null || selectedVariant === void 0 ? void 0 : selectedVariant.name) || (0, _).getTranslatableField(product === null || product === void 0 ? void 0 : product.name),
             slug: (0, _).getTranslatableField(product === null || product === void 0 ? void 0 : product.slug),
             description: (0, _).getTranslatableField(selectedVariant === null || selectedVariant === void 0 ? void 0 : selectedVariant.description) || (0, _).getTranslatableField(product === null || product === void 0 ? void 0 : product.description),
             shortDescription: (0, _).getTranslatableField(selectedVariant === null || selectedVariant === void 0 ? void 0 : selectedVariant.metaDescription) || (0, _).getTranslatableField(product === null || product === void 0 ? void 0 : product.metaDescription),
             brand: {
-                _id: product === null || product === void 0 ? void 0 : (ref5 = product.brands) === null || ref5 === void 0 ? void 0 : (ref6 = ref5[0]) === null || ref6 === void 0 ? void 0 : ref6.resourceId,
-                name: (0, _).getTranslatableField(product === null || product === void 0 ? void 0 : (ref7 = product.brands) === null || ref7 === void 0 ? void 0 : (ref8 = ref7[0]) === null || ref8 === void 0 ? void 0 : (ref9 = ref8.resource) === null || ref9 === void 0 ? void 0 : ref9.name),
-                slug: (0, _).getTranslatableField(product === null || product === void 0 ? void 0 : (ref10 = product.brands) === null || ref10 === void 0 ? void 0 : (ref11 = ref10[0]) === null || ref11 === void 0 ? void 0 : (ref12 = ref11.resource) === null || ref12 === void 0 ? void 0 : ref12.slug),
-                logo: 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 : (ref16 = ref15.assets) === null || ref16 === void 0 ? void 0 : (ref17 = ref16[0]) === null || ref17 === void 0 ? void 0 : (ref18 = ref17.sources) === null || ref18 === void 0 ? void 0 : (ref19 = ref18[0]) === null || ref19 === void 0 ? void 0 : ref19.url
+                _id: product === null || product === void 0 ? void 0 : (ref11 = product.brands) === null || ref11 === void 0 ? void 0 : (ref12 = ref11[0]) === null || ref12 === void 0 ? void 0 : ref12.resourceId,
+                name: (0, _).getTranslatableField(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),
+                slug: (0, _).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.slug),
+                logo: 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 : (ref21 = ref20.resource) === null || ref21 === void 0 ? void 0 : (ref22 = ref21.assets) === null || ref22 === void 0 ? void 0 : (ref23 = ref22[0]) === null || ref23 === void 0 ? void 0 : (ref24 = ref23.sources) === null || ref24 === void 0 ? void 0 : (ref25 = ref24[0]) === null || ref25 === void 0 ? void 0 : ref25.url
             },
             category: {
-                _id: product === null || product === void 0 ? void 0 : (ref21 = product.categories) === null || ref21 === void 0 ? void 0 : (ref22 = ref21[(product === null || product === void 0 ? void 0 : (ref20 = product.categories) === null || ref20 === void 0 ? void 0 : ref20.length) - 1]) === null || ref22 === void 0 ? void 0 : ref22.resourceId,
-                name: (0, _).getTranslatableField(product === null || product === void 0 ? void 0 : (ref24 = product.categories) === null || ref24 === void 0 ? void 0 : (ref25 = ref24[(product === null || product === void 0 ? void 0 : (ref23 = product.categories) === null || ref23 === void 0 ? void 0 : ref23.length) - 1]) === null || ref25 === void 0 ? void 0 : (ref26 = ref25.resource) === null || ref26 === void 0 ? void 0 : ref26.name),
-                slug: (0, _).getTranslatableField(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 : (ref30 = ref29.resource) === null || ref30 === void 0 ? void 0 : ref30.slug)
+                _id: product === null || product === void 0 ? void 0 : (ref27 = product.categories) === null || ref27 === void 0 ? void 0 : (ref28 = ref27[(product === null || product === void 0 ? void 0 : (ref26 = product.categories) === null || ref26 === void 0 ? void 0 : ref26.length) - 1]) === null || ref28 === void 0 ? void 0 : ref28.resourceId,
+                name: (0, _).getTranslatableField(product === null || product === void 0 ? void 0 : (ref30 = product.categories) === null || ref30 === void 0 ? void 0 : (ref31 = ref30[(product === null || product === void 0 ? void 0 : (ref29 = product.categories) === null || ref29 === void 0 ? void 0 : ref29.length) - 1]) === null || ref31 === void 0 ? void 0 : (ref32 = ref31.resource) === null || ref32 === void 0 ? void 0 : ref32.name),
+                slug: (0, _).getTranslatableField(product === null || product === void 0 ? void 0 : (ref34 = product.categories) === null || ref34 === void 0 ? void 0 : (ref35 = ref34[(product === null || product === void 0 ? void 0 : (ref33 = product.categories) === null || ref33 === void 0 ? void 0 : ref33.length) - 1]) === null || ref35 === void 0 ? void 0 : (ref36 = ref35.resource) === null || ref36 === void 0 ? void 0 : ref36.slug)
             },
             rootCategory: {
                 _id: rootCategoryId,
-                name: (0, _).getTranslatableField(rootCategory === null || rootCategory === void 0 ? void 0 : (ref31 = rootCategory.resource) === null || ref31 === void 0 ? void 0 : ref31.name),
-                slug: (0, _).getTranslatableField(rootCategory === null || rootCategory === void 0 ? void 0 : (ref32 = rootCategory.resource) === null || ref32 === void 0 ? void 0 : ref32.slug)
+                name: (0, _).getTranslatableField(rootCategory === null || rootCategory === void 0 ? void 0 : (ref37 = rootCategory.resource) === null || ref37 === void 0 ? void 0 : ref37.name),
+                slug: (0, _).getTranslatableField(rootCategory === null || rootCategory === void 0 ? void 0 : (ref38 = rootCategory.resource) === null || ref38 === void 0 ? void 0 : ref38.slug)
             },
             categories: (0, _utils).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 : (ref33 = selectedVariant.content) === null || ref33 === void 0 ? void 0 : ref33.map(_utils.createProductContent).length) ? selectedVariant === null || selectedVariant === void 0 ? void 0 : (ref34 = selectedVariant.content) === null || ref34 === void 0 ? void 0 : ref34.map(_utils.createProductContent) : product === null || product === void 0 ? void 0 : (ref35 = product.content) === null || ref35 === void 0 ? void 0 : ref35.map(_utils.createProductContent),
+            content: Boolean(selectedVariant === null || selectedVariant === void 0 ? void 0 : (ref39 = selectedVariant.content) === null || ref39 === void 0 ? void 0 : ref39.map(_utils.createProductContent).length) ? selectedVariant === null || selectedVariant === void 0 ? void 0 : (ref40 = selectedVariant.content) === null || ref40 === void 0 ? void 0 : ref40.map(_utils.createProductContent) : product === null || product === void 0 ? void 0 : (ref41 = product.content) === null || ref41 === void 0 ? void 0 : ref41.map(_utils.createProductContent),
             assets: (0, _assetsToMap).assetsFieldsToMap(product === null || product === void 0 ? void 0 : product.assets)
         };
         return metaObj;
@@ -190,20 +190,20 @@ function ProductProvider(param) {
         variants
     ]);
     function getVariantsWithInventory() {
-        var ref40;
-        var variantsWithInventory = product === null || product === void 0 ? void 0 : (ref40 = product.variants) === null || ref40 === void 0 ? void 0 : ref40.reduce(function(map, _, index, arr) {
-            var ref41, ref37, ref38, ref39;
+        var ref46;
+        var variantsWithInventory = product === null || product === void 0 ? void 0 : (ref46 = product.variants) === null || ref46 === void 0 ? void 0 : ref46.reduce(function(map, _, index, arr) {
+            var ref47, ref43, ref44, ref45;
             var currentVariant = arr[index];
             var mappedAttributes = (0, _utils).createMappedAttributes(currentVariant);
             var mappedOptions = (0, _utils).createMappedOptions(currentVariant === null || currentVariant === void 0 ? void 0 : currentVariant.availableOptions) || [];
-            var isAvailable = currentVariant === null || currentVariant === void 0 ? void 0 : (ref41 = currentVariant.inventorySnapshot) === null || ref41 === void 0 ? void 0 : ref41.canOrder;
+            var isAvailable = currentVariant === null || currentVariant === void 0 ? void 0 : (ref47 = currentVariant.inventorySnapshot) === null || ref47 === void 0 ? void 0 : ref47.canOrder;
             var updatedVariant = _objectSpread({}, currentVariant, {
                 inventory: {
-                    hasAvailableQuantity: (ref37 = currentVariant.inventorySnapshot) === null || ref37 === void 0 ? void 0 : ref37.canOrder,
-                    availableQuantity: (ref38 = currentVariant.inventorySnapshot) === null || ref38 === void 0 ? void 0 : ref38.availableQuantity
+                    hasAvailableQuantity: (ref43 = currentVariant.inventorySnapshot) === null || ref43 === void 0 ? void 0 : ref43.canOrder,
+                    availableQuantity: (ref44 = currentVariant.inventorySnapshot) === null || ref44 === void 0 ? void 0 : ref44.availableQuantity
                 },
                 isAvailable: isAvailable ? true : false,
-                quantity: isAvailable ? currentVariant === null || currentVariant === void 0 ? void 0 : (ref39 = currentVariant.inventorySnapshot) === null || ref39 === void 0 ? void 0 : ref39.availableQuantity : 0,
+                quantity: isAvailable ? currentVariant === null || currentVariant === void 0 ? void 0 : (ref45 = currentVariant.inventorySnapshot) === null || ref45 === void 0 ? void 0 : ref45.availableQuantity : 0,
                 attributes: mappedAttributes,
                 options: mappedOptions,
                 selectedOptions: [],
@@ -317,16 +317,26 @@ function ProductProvider(param) {
         return variants === null || variants === void 0 ? void 0 : variants[id];
     }
     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 ref48;
+        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 = (ref48 = combinations[key]) === null || ref48 === void 0 ? void 0 : ref48.params[value];
+        return variants === null || variants === void 0 ? void 0 : variants[id3];
     }
     function getCustomFieldValue(field) {
         return customFields === null || customFields === void 0 ? void 0 : customFields[field];
     }
     function getCombinationsForAttributeRule(key, id) {
-        var ref, ref42;
-        var result = attributeRules === null || attributeRules === void 0 ? void 0 : (ref = attributeRules[key]) === null || ref === void 0 ? void 0 : (ref42 = ref.values) === null || ref42 === void 0 ? void 0 : ref42[id];
+        var ref, ref49;
+        var result = attributeRules === null || attributeRules === void 0 ? void 0 : (ref = attributeRules[key]) === null || ref === void 0 ? void 0 : (ref49 = ref.values) === null || ref49 === void 0 ? void 0 : ref49[id];
         return result;
     }
     var collapsedImages = (0, _utils).createCollapseKeyImagesMap(product);

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

@@ -2,7 +2,7 @@ Object.defineProperty(exports, "__esModule", {
     value: true
 });
 exports.useWishlistItem = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _ = require("../../../");
 var _utils = require("../../basket-hooks/useBasketLineItem/utils");
 var _utils1 = require("../../../utils");
@@ -14,10 +14,26 @@ function _arrayLikeToArray(arr, len) {
 function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
+function _interopRequireWildcard(obj) {
+    if (obj && obj.__esModule) {
+        return obj;
+    } else {
+        var newObj = {};
+        if (obj != null) {
+            for(var key in obj){
+                if (Object.prototype.hasOwnProperty.call(obj, key)) {
+                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
+                    if (desc.get || desc.set) {
+                        Object.defineProperty(newObj, key, desc);
+                    } else {
+                        newObj[key] = obj[key];
+                    }
+                }
+            }
+        }
+        newObj.default = obj;
+        return newObj;
+    }
 }
 function _iterableToArrayLimit(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
@@ -59,15 +75,19 @@ function _unsupportedIterableToArray(o, minLen) {
 }
 var useWishlistItem = function(props) {
     var ref16;
-    var ref1 = _slicedToArray(_react.default.useState(false), 2), isExpired = ref1[0], setIsExpired = ref1[1];
+    var item = props.item, expiry = props.expiry;
+    var ref1 = _slicedToArray((0, _).useBoolean(false), 2), isExpired = ref1[0], setIsExpired = ref1[1];
     var ref2 = _slicedToArray(_.wishlistApi.useSync(), 1), syncWishlist = ref2[0];
     var ref3 = (0, _).usePrefetchProduct((0, _).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;
+    (0, _react).useEffect(function() {
+        if (expiry) {
+            if (Date.now() > expiry + (item === null || item === void 0 ? void 0 : item.snapshotFrom)) {
+                setIsExpired.on();
+            }
+        }
+    }, []);
     var data = _react.default.useMemo(function() {
         var ref, ref4, ref5, ref6, ref7, ref8, ref9, ref10, ref11, ref12, ref13, ref14, ref15;
-        var item = props.item;
-        if (props.expiry && (0, _utils).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 = (0, _utils).createMappedAttributes(item === null || item === void 0 ? void 0 : (ref4 = item.productVariant) === null || ref4 === void 0 ? void 0 : ref4.attributes) || {};
         var mappedCustomField = (0, _utils1).customFieldsToMap(item.custom);
@@ -107,12 +127,16 @@ var useWishlistItem = function(props) {
             }
         };
     }, [
-        props.item
+        item
+    ]);
+    (0, _react).useEffect(function() {
+        if (isExpired) {
+            syncWishlist();
+            setIsExpired.off();
+        }
+    }, [
+        isExpired
     ]);
-    if (isExpired) {
-        syncWishlist();
-        setIsExpired(false);
-    }
     return data;
 };
 exports.useWishlistItem = useWishlistItem;

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

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

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

@@ -5,11 +5,11 @@ exports.useListingBreadcrumbs = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _router = require("next/router");
 var _api = require("../api");
-var _ = require("./");
-var _index = require("../../index");
+var _index = require("./index");
+var _index1 = require("../../index");
 var _typeToSuffix = require("../../utils/typeToSuffix");
 var _getTranslatableField = require("../../utils/getTranslatableField");
-var _1 = require("..");
+var _ = require("..");
 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];
@@ -42,12 +42,15 @@ function _unsupportedIterableToArray(o, minLen) {
 }
 var _instance;
 var useListingBreadcrumbs = function() {
-    var ref1 = (0, _api).usePredicate(), data = ref1.data, isLoading = ref1.isLoading;
-    var config = (0, _).useListingConfig();
+    var ref3 = (0, _api).usePredicate(), data = ref3.data, isLoading = ref3.isLoading;
+    var config = (0, _index).useListingConfig();
     var router = (0, _router).useRouter();
-    var slug = (0, _index).useListingAlias(config.meta).slug;
+    var slug = (0, _index1).useListingAlias(config.meta).slug;
+    var ref1 = (0, _index).useListingCategories(), categoriesData = ref1.data;
+    var categoryName = (0, _index).getCategoryName(router, categoriesData);
+    var categoryId = (0, _index).getFilterByType('category', router);
     var result = _react.default.useMemo(function() {
-        if (config.type === _1.ListingTypesEnum.AttrPage) {
+        if (config.type === _.ListingTypesEnum.AttrPage) {
             var ref;
             return [
                 {
@@ -66,7 +69,16 @@ var useListingBreadcrumbs = function() {
                 }, 
             ];
         }
-        return createCatalogBreadcrumb(data, config.type, router);
+        var breadcrumbData = createCatalogBreadcrumb(data, config.type, router);
+        if (config.type === _.ListingTypesEnum.View || config.type === _.ListingTypesEnum.Brand) {
+            var ref2;
+            breadcrumbData.push({
+                name: categoryName || '',
+                id: categoryId,
+                link: processLink((ref2 = data) === null || ref2 === void 0 ? void 0 : ref2.slug, config.type, router.query.slug) + applyFilters(router)
+            });
+        }
+        return breadcrumbData;
     }, [
         data,
         config.type,

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

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

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

@@ -136,6 +136,8 @@ function ListingFiltersProvider(param) {
                             query: _objectSpread({}, router.query, {
                                 filter: filterByType(router.query.filter, filter)
                             })
+                        }, undefined, {
+                            shallow: true
                         });
                     },
                     type: type
@@ -155,6 +157,8 @@ function ListingFiltersProvider(param) {
         router.push({
             pathname: router.pathname,
             query: query
+        }, undefined, {
+            shallow: true
         });
     };
     var selectedFilters = _react.default.useMemo(function() {
@@ -197,7 +201,9 @@ function generateFilters(param) {
                     aggType: filter,
                     aggKey: filterKey,
                     aggOperator: filtersOperatorsMap[type]
-                }, Boolean(selected), router));
+                }, Boolean(selected), router), undefined, {
+                    shallow: true
+                });
             }
         };
     });