@sentecacommerce-theme/lib 0.12.101 → 0.13.2

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/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/useClearAllFilters/index.js

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

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
+                });
             }
         };
     });

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

@@ -1,6 +1,8 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
+exports.getFilterByType = getFilterByType;
+exports.getCategoryName = getCategoryName;
 exports.useListingMeta = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _api = require("../api");
@@ -116,7 +118,7 @@ var useListingMeta = function() {
 };
 exports.useListingMeta = useListingMeta;
 function processDisplayName(slug, config, name, breadcrumb, router, aggData, categoriesData) {
-    var ref, ref5;
+    var ref, ref5, ref6;
     var listingName = (0, _utils).getTranslatableField(name);
     var brandName = getBrandName(router, aggData);
     var categoryName = getCategoryName(router, categoriesData);
@@ -130,7 +132,7 @@ function processDisplayName(slug, config, name, breadcrumb, router, aggData, cat
         defaultName: listingName,
         attribute: (ref = config.titleAliases) === null || ref === void 0 ? void 0 : ref[slug],
         childAttribute: (0, _utils).getTranslatableField(breadcrumb === null || breadcrumb === void 0 ? void 0 : breadcrumb.label),
-        search: router === null || router === void 0 ? void 0 : (ref5 = router.query) === null || ref5 === void 0 ? void 0 : ref5.search,
+        search: (router === null || router === void 0 ? void 0 : (ref5 = router.query) === null || ref5 === void 0 ? void 0 : ref5.q) || (router === null || router === void 0 ? void 0 : (ref6 = router.query) === null || ref6 === void 0 ? void 0 : ref6.search),
         isWithAttribute: Boolean(router === null || router === void 0 ? void 0 : router.query.cat)
     });
     return title || listingName;
@@ -138,35 +140,35 @@ function processDisplayName(slug, config, name, breadcrumb, router, aggData, cat
 function getFilterByType(filterType, router) {
     var filterId = '';
     if (Array.isArray(router === null || router === void 0 ? void 0 : router.query.filter)) {
-        var ref, ref6;
+        var ref, ref7;
         var filters = (ref = router === null || router === void 0 ? void 0 : router.query.filter) === null || ref === void 0 ? void 0 : ref.filter(function(x) {
             return x === null || x === void 0 ? void 0 : x.includes(filterType);
         });
         if ((filters === null || filters === void 0 ? void 0 : filters.length) && filters.length > 1) {
             return '';
         }
-        var filterTerm = (ref6 = /\d+/.exec((filters === null || filters === void 0 ? void 0 : filters[0]) || '')) === null || ref6 === void 0 ? void 0 : ref6[0];
+        var filterTerm = (ref7 = /\d+/.exec((filters === null || filters === void 0 ? void 0 : filters[0]) || '')) === null || ref7 === void 0 ? void 0 : ref7[0];
         if (!filterTerm) return '';
         filterId = filterTerm;
     } else {
-        var ref7, ref8, ref9;
-        var isFiltered = router === null || router === void 0 ? void 0 : (ref7 = router.query) === null || ref7 === void 0 ? void 0 : (ref8 = ref7.filter) === null || ref8 === void 0 ? void 0 : ref8.includes(filterType);
+        var ref8, ref9, ref10;
+        var isFiltered = router === null || router === void 0 ? void 0 : (ref8 = router.query) === null || ref8 === void 0 ? void 0 : (ref9 = ref8.filter) === null || ref9 === void 0 ? void 0 : ref9.includes(filterType);
         if (!isFiltered) {
             return '';
         }
-        filterId = (ref9 = /(\w+)-(\d+)/.exec(router === null || router === void 0 ? void 0 : router.query.filter)) === null || ref9 === void 0 ? void 0 : ref9[0];
+        filterId = (ref10 = /(\w+)-(\d+)/.exec(router === null || router === void 0 ? void 0 : router.query.filter)) === null || ref10 === void 0 ? void 0 : ref10[0];
     }
     return filterId;
 }
 function getBrandName(router, filtersData) {
-    var ref, ref10, ref11;
+    var ref, ref11, ref12;
     var brandId = getFilterByType('brand', router);
     var brand = (ref = filtersData === null || filtersData === void 0 ? void 0 : filtersData.find(function(x) {
         return x.name === 'Brands';
-    })) === null || ref === void 0 ? void 0 : (ref10 = ref.items) === null || ref10 === void 0 ? void 0 : ref10.find(function(x) {
+    })) === null || ref === void 0 ? void 0 : (ref11 = ref.items) === null || ref11 === void 0 ? void 0 : ref11.find(function(x) {
         return x.data.key === brandId;
     });
-    return (0, _utils).getTranslatableField(brand === null || brand === void 0 ? void 0 : (ref11 = brand.meta) === null || ref11 === void 0 ? void 0 : ref11.name);
+    return (0, _utils).getTranslatableField(brand === null || brand === void 0 ? void 0 : (ref12 = brand.meta) === null || ref12 === void 0 ? void 0 : ref12.name);
 }
 function getCategoryName(router, categories) {
     var categoryId = getFilterByType('category', router);

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

@@ -110,7 +110,9 @@ var useSlideFilter = function(filterName, min, max) {
                 aggType: filterName,
                 aggKey: "".concat(formattedFrom, ",").concat(formattedTo),
                 aggOperator: _useListingFilters.filtersOperatorsMap.stats
-            }, false, router, true));
+            }, false, router, true), undefined, {
+                shallow: true
+            });
         }, 500);
         setState({
             from: formattedFrom,

package/dist/cjs/listing/utils/buildCategoryQuery.js

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

package/dist/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/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/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/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/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/useClearAllFilters/index.js

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

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

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

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

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

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

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

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

@@ -106,7 +106,7 @@ export var useListingMeta = function() {
     return result;
 };
 function processDisplayName(slug, config, name, breadcrumb, router, aggData, categoriesData) {
-    var ref, ref5;
+    var ref, ref5, ref6;
     var listingName = getTranslatableField(name);
     var brandName = getBrandName(router, aggData);
     var categoryName = getCategoryName(router, categoriesData);
@@ -120,45 +120,45 @@ function processDisplayName(slug, config, name, breadcrumb, router, aggData, cat
         defaultName: listingName,
         attribute: (ref = config.titleAliases) === null || ref === void 0 ? void 0 : ref[slug],
         childAttribute: getTranslatableField(breadcrumb === null || breadcrumb === void 0 ? void 0 : breadcrumb.label),
-        search: router === null || router === void 0 ? void 0 : (ref5 = router.query) === null || ref5 === void 0 ? void 0 : ref5.search,
+        search: (router === null || router === void 0 ? void 0 : (ref5 = router.query) === null || ref5 === void 0 ? void 0 : ref5.q) || (router === null || router === void 0 ? void 0 : (ref6 = router.query) === null || ref6 === void 0 ? void 0 : ref6.search),
         isWithAttribute: Boolean(router === null || router === void 0 ? void 0 : router.query.cat)
     });
     return title || listingName;
 }
-function getFilterByType(filterType, router) {
+export function getFilterByType(filterType, router) {
     var filterId = '';
     if (Array.isArray(router === null || router === void 0 ? void 0 : router.query.filter)) {
-        var ref, ref6;
+        var ref, ref7;
         var filters = (ref = router === null || router === void 0 ? void 0 : router.query.filter) === null || ref === void 0 ? void 0 : ref.filter(function(x) {
             return x === null || x === void 0 ? void 0 : x.includes(filterType);
         });
         if ((filters === null || filters === void 0 ? void 0 : filters.length) && filters.length > 1) {
             return '';
         }
-        var filterTerm = (ref6 = /\d+/.exec((filters === null || filters === void 0 ? void 0 : filters[0]) || '')) === null || ref6 === void 0 ? void 0 : ref6[0];
+        var filterTerm = (ref7 = /\d+/.exec((filters === null || filters === void 0 ? void 0 : filters[0]) || '')) === null || ref7 === void 0 ? void 0 : ref7[0];
         if (!filterTerm) return '';
         filterId = filterTerm;
     } else {
-        var ref7, ref8, ref9;
-        var isFiltered = router === null || router === void 0 ? void 0 : (ref7 = router.query) === null || ref7 === void 0 ? void 0 : (ref8 = ref7.filter) === null || ref8 === void 0 ? void 0 : ref8.includes(filterType);
+        var ref8, ref9, ref10;
+        var isFiltered = router === null || router === void 0 ? void 0 : (ref8 = router.query) === null || ref8 === void 0 ? void 0 : (ref9 = ref8.filter) === null || ref9 === void 0 ? void 0 : ref9.includes(filterType);
         if (!isFiltered) {
             return '';
         }
-        filterId = (ref9 = /(\w+)-(\d+)/.exec(router === null || router === void 0 ? void 0 : router.query.filter)) === null || ref9 === void 0 ? void 0 : ref9[0];
+        filterId = (ref10 = /(\w+)-(\d+)/.exec(router === null || router === void 0 ? void 0 : router.query.filter)) === null || ref10 === void 0 ? void 0 : ref10[0];
     }
     return filterId;
 }
 function getBrandName(router, filtersData) {
-    var ref, ref10, ref11;
+    var ref, ref11, ref12;
     var brandId = getFilterByType('brand', router);
     var brand = (ref = filtersData === null || filtersData === void 0 ? void 0 : filtersData.find(function(x) {
         return x.name === 'Brands';
-    })) === null || ref === void 0 ? void 0 : (ref10 = ref.items) === null || ref10 === void 0 ? void 0 : ref10.find(function(x) {
+    })) === null || ref === void 0 ? void 0 : (ref11 = ref.items) === null || ref11 === void 0 ? void 0 : ref11.find(function(x) {
         return x.data.key === brandId;
     });
-    return getTranslatableField(brand === null || brand === void 0 ? void 0 : (ref11 = brand.meta) === null || ref11 === void 0 ? void 0 : ref11.name);
+    return getTranslatableField(brand === null || brand === void 0 ? void 0 : (ref12 = brand.meta) === null || ref12 === void 0 ? void 0 : ref12.name);
 }
-function getCategoryName(router, categories) {
+export function getCategoryName(router, categories) {
     var categoryId = getFilterByType('category', router);
     if (!categoryId || !categories) return;
     var stack = _toConsumableArray(categories);

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

@@ -106,7 +106,9 @@ export var useSlideFilter = function(filterName, min, max) {
                 aggType: filterName,
                 aggKey: "".concat(formattedFrom, ",").concat(formattedTo),
                 aggOperator: filtersOperatorsMap.stats
-            }, false, router, true));
+            }, false, router, true), undefined, {
+                shallow: true
+            });
         }, 500);
         setState({
             from: formattedFrom,

package/dist/esm/listing/utils/buildCategoryQuery.js

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

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

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

package/dist/esm/utils/getSelectedFilters.js

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

package/dist/esm/utils/localStorage.js

@@ -1,10 +1,15 @@
 export 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;
+        }
     }
 };
 export var writeToLocalStorage = function(key, data) {
-    if (typeof window !== 'undefined') {
+    if (typeof window !== 'undefined' && data !== undefined) {
         localStorage.setItem(key, JSON.stringify(data));
     }
 };

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

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

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

@@ -0,0 +1,2 @@
+import { OrderSelectableGiftVariantUpdateDTO, OrderDTO } from '@sentecacommerce/sdk';
+export declare const useChangeGiftVariantMutation: () => import("react-query").MutationResultPair<OrderDTO, unknown, OrderSelectableGiftVariantUpdateDTO, unknown>;

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

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

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

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

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

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

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

@@ -1,4 +1,6 @@
 import { AssetType } from '../../utils/assetsToMap';
+import { NextRouter } from 'next/router';
+import { Node } from './useListingCategories';
 export declare type UseListingMetaResult = {
     displayName: string;
     description: string;
@@ -10,3 +12,5 @@ export declare type UseListingMetaResult = {
     getCustomFieldByKey: (key: string) => any | undefined;
 };
 export declare const useListingMeta: () => UseListingMetaResult;
+export declare function getFilterByType(filterType: string, router?: NextRouter): string;
+export declare function getCategoryName(router?: NextRouter, categories?: Node[] | null): string | undefined;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sentecacommerce-theme/lib",
   "sideEffects": false,
-  "version": "0.12.101",
+  "version": "0.13.2",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -31,13 +31,13 @@
     "watch:cjs": "swc src --out-dir dist/cjs -w",
     "watch:esm": "swc src --out-dir dist/esm --no-swcrc -w"
   },
-  "gitHead": "b48bfd0a30f37d4720d671c959e84d4943fb4f6d",
+  "gitHead": "a02a163a7ab04039fc81e5e8ce3c38e93131968c",
   "peerDependencies": {
     "react-query": "^2.26.2"
   },
   "dependencies": {
-    "@sentecacommerce-theme/base": "^0.12.101",
-    "@sentecacommerce-theme/cms": "^0.12.101",
+    "@sentecacommerce-theme/base": "^0.13.1",
+    "@sentecacommerce-theme/cms": "^0.13.1",
     "@sentecacommerce/sdk": "2.0.161",
     "body-scroll-lock": "^3.1.5",
     "copy-to-clipboard": "^3.3.1",