@sentecacommerce-theme/lib 0.12.103 → 0.13.4

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

@@ -133,8 +133,9 @@ export var createCollapseKeyImagesMap = function(product) {
     return mappedKeys;
 };
 export var createAttributeRulesMap = function(product) {
+    var isLineItem = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
     var ref, ref1;
-    var uniqueRules = product === null || product === void 0 ? void 0 : (ref = product.attributeRules) === null || ref === void 0 ? void 0 : ref.filter(function(x) {
+    var uniqueRules = isLineItem ? product === null || product === void 0 ? void 0 : product.attributeRules : product === null || product === void 0 ? void 0 : (ref = product.attributeRules) === null || ref === void 0 ? void 0 : ref.filter(function(x) {
         return x.constraint === AttributeRuleDTOConstraintEnum.CombinationUnique;
     });
     var reduceVariantsToAttributeRuleValues = function(map, attribute) {
@@ -158,7 +159,7 @@ export var createAttributeRulesMap = function(product) {
         return map;
     };
     var mappedAttributeRules = product === null || product === void 0 ? void 0 : (ref1 = product.variants) === null || ref1 === void 0 ? void 0 : ref1.map(function(v) {
-        return v.attributes;
+        return isLineItem ? remapLineItemAttributes(v.attributes) : v.attributes;
     }).flat().reduce(reduceVariantsToAttributeRuleValues, {});
     return mappedAttributeRules;
 };
@@ -214,12 +215,13 @@ export var createSelectedOption = function(options, selectedOption) {
     };
 };
 export var createMappedAttributes = function(currentVariant) {
-    var ref;
-    var mappedAttributes = ((ref = currentVariant.attributes) === null || ref === void 0 ? void 0 : ref.reduce(function(attributeArray, attribute) {
+    var isLineItem = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
+    var ref, ref2;
+    var mappedAttributes = ((ref2 = isLineItem ? (ref = currentVariant) === null || ref === void 0 ? void 0 : ref.variantAttributes : currentVariant === null || currentVariant === void 0 ? void 0 : currentVariant.attributes) === null || ref2 === void 0 ? void 0 : ref2.reduce(function(attributeArray, attribute) {
         attributeArray.push({
             name: attribute.name,
             value: attribute.value,
-            valueData: attribute.valueData
+            valueData: isLineItem ? attribute : attribute.valueData
         });
         return attributeArray;
     }, [])) || [];
@@ -257,15 +259,15 @@ export var getProductVideos = function(assets) {
     return [];
 };
 export var formatCategories = function(categories, rootCategoryId) {
-    var ref5;
+    var ref6;
     var results;
     if (categories === null || categories === void 0 ? void 0 : categories.some(function(cat) {
-        var ref, ref4;
-        return (ref = cat.resource) === null || ref === void 0 ? void 0 : (ref4 = ref.custom) === null || ref4 === void 0 ? void 0 : ref4.some(function(customField) {
+        var ref, ref5;
+        return (ref = cat.resource) === null || ref === void 0 ? void 0 : (ref5 = ref.custom) === null || ref5 === void 0 ? void 0 : ref5.some(function(customField) {
             return customField.field === 'isTemporary';
         });
     })) {
-        var ref2;
+        var ref3;
         var cats = categories.reduce(function(result, category) {
             result[category.resourceId] = _objectSpread({}, category.resource, {
                 hasChildCategories: false
@@ -285,8 +287,8 @@ export var formatCategories = function(categories, rootCategoryId) {
             ]);
             return result;
         }, {});
-        var ref3;
-        var mainPaths = (ref2 = Object.values(cats).filter(function(category) {
+        var ref4;
+        var mainPaths = (ref3 = Object.values(cats).filter(function(category) {
             return category.hasChildCategories === false;
         }).map(function(category) {
             return paths1 === null || paths1 === void 0 ? void 0 : paths1[category._id];
@@ -296,22 +298,22 @@ export var formatCategories = function(categories, rootCategoryId) {
             });
         }).filter(function(paths) {
             return !paths.some(function(path) {
-                var ref, ref6;
-                return (ref3 = (ref6 = path === null || path === void 0 ? void 0 : (ref = path.custom) === null || ref === void 0 ? void 0 : ref.find(function(custom) {
+                var ref, ref7;
+                return (ref4 = (ref7 = path === null || path === void 0 ? void 0 : (ref = path.custom) === null || ref === void 0 ? void 0 : ref.find(function(custom) {
                     return custom.field === 'isTemporary';
-                })) === null || ref6 === void 0 ? void 0 : ref6.value) !== null && ref3 !== void 0 ? ref3 : false;
+                })) === null || ref7 === void 0 ? void 0 : ref7.value) !== null && ref4 !== void 0 ? ref4 : false;
             });
-        })) === null || ref2 === void 0 ? void 0 : ref2[0].flat();
+        })) === null || ref3 === void 0 ? void 0 : ref3[0].flat();
         results = mainPaths;
     } else {
         results = categories === null || categories === void 0 ? void 0 : categories.filter(function(cat) {
-            var ref, ref7;
-            return (cat === null || cat === void 0 ? void 0 : cat.resourceId) === rootCategoryId || (cat === null || cat === void 0 ? void 0 : (ref = cat.resource) === null || ref === void 0 ? void 0 : (ref7 = ref.ancestors) === null || ref7 === void 0 ? void 0 : ref7.some(function(ancestor) {
+            var ref, ref8;
+            return (cat === null || cat === void 0 ? void 0 : cat.resourceId) === rootCategoryId || (cat === null || cat === void 0 ? void 0 : (ref = cat.resource) === null || ref === void 0 ? void 0 : (ref8 = ref.ancestors) === null || ref8 === void 0 ? void 0 : ref8.some(function(ancestor) {
                 return ancestor.resource === rootCategoryId;
             }));
         });
     }
-    var formattedResults = (ref5 = results) === null || ref5 === void 0 ? void 0 : ref5.map(function(category) {
+    var formattedResults = (ref6 = results) === null || ref6 === void 0 ? void 0 : ref6.map(function(category) {
         if (category.resource) {
             var resource = category.resource;
             return {
@@ -343,3 +345,27 @@ export var createLabelsMap = function(data) {
         return el.key;
     });
 };
+// object of objects to array of objects remapping for attributes of line items from catalog search api
+export function remapLineItemAttributes(attributes) {
+    var arr = [];
+    Object.keys(attributes).forEach(function(key) {
+        // handles the remapping for lineItem.variantAttributes or lineItem[index].variantAttributes
+        if (Array.isArray(attributes[key])) {
+            attributes[key].forEach(function(attr, index) {
+                arr.push(_objectSpread({
+                    attributeName: key,
+                    name: key,
+                    data: attributes[key][index],
+                    valueData: attributes[key][index]
+                }, attributes[key][index]));
+            });
+        } else {
+            arr.push({
+                name: key,
+                data: attributes[key][0],
+                value: attributes[key][0]
+            });
+        }
+    });
+    return arr;
+}

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

@@ -0,0 +1,293 @@
+import React from 'react';
+import { assignCombinationsToAttributeRules, createCombinationsMap, createAttributeRulesMap, createMappedAttributes, processAvailabilityPerStore, createMappedOptions, createSelectedOption2, createLabelsMap, createCustomFieldsMap, remapLineItemAttributes } from '../useProduct/utils';
+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 _arrayWithoutHoles(arr) {
+    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+}
+function _defineProperty(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _iterableToArray(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+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 _nonIterableSpread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _objectSpread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _defineProperty(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function _slicedToArray(arr, i) {
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+function _toConsumableArray(arr) {
+    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+}
+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 * from './types';
+export var useProductVariants = function(param) {
+    var product = param.product, defaultVariantId = param.defaultVariantId, _isLineItem = param.isLineItem, isLineItem = _isLineItem === void 0 ? false : _isLineItem;
+    var getVariantsWithInventory = function getVariantsWithInventory() {
+        var ref9;
+        if (isLineItem) {
+            var innerProduct = JSON.parse(JSON.stringify(product));
+            delete innerProduct.variants;
+            product.variants.unshift(innerProduct);
+        }
+        var variantsWithInventory = product === null || product === void 0 ? void 0 : (ref9 = product.variants) === null || ref9 === void 0 ? void 0 : ref9.reduce(function(map, _, index, arr) {
+            var ref10, ref5, ref6, ref7, ref8;
+            var currentVariant = arr[index];
+            if (isLineItem && !Array.isArray((ref10 = currentVariant) === null || ref10 === void 0 ? void 0 : ref10.variantAttributes)) {
+                currentVariant.variantAttributes = remapLineItemAttributes(currentVariant.variantAttributes);
+            }
+            var mappedAttributes = createMappedAttributes(currentVariant, isLineItem);
+            var mappedOptions = createMappedOptions(currentVariant === null || currentVariant === void 0 ? void 0 : currentVariant.availableOptions) || [];
+            var isAvailable = currentVariant === null || currentVariant === void 0 ? void 0 : (ref5 = currentVariant.inventorySnapshot) === null || ref5 === void 0 ? void 0 : ref5.canOrder;
+            var updatedVariant = _objectSpread({}, currentVariant, {
+                inventory: {
+                    hasAvailableQuantity: (ref6 = currentVariant.inventorySnapshot) === null || ref6 === void 0 ? void 0 : ref6.canOrder,
+                    availableQuantity: (ref7 = currentVariant.inventorySnapshot) === null || ref7 === void 0 ? void 0 : ref7.availableQuantity
+                },
+                isAvailable: isAvailable ? true : false,
+                quantity: isAvailable ? currentVariant === null || currentVariant === void 0 ? void 0 : (ref8 = currentVariant.inventorySnapshot) === null || ref8 === void 0 ? void 0 : ref8.availableQuantity : 0,
+                attributes: mappedAttributes,
+                options: mappedOptions,
+                selectedOptions: [],
+                labels: createLabelsMap(currentVariant.labels),
+                getAttribute: function(rule) {
+                    return getSelectedAttribute(rule, mappedAttributes);
+                },
+                getAttributeByKey: function(key) {
+                    var ref;
+                    return (ref = mappedAttributes.find(function(a) {
+                        return a.name === key;
+                    })) === null || ref === void 0 ? void 0 : ref.value;
+                },
+                getAvailabilityByStore: function() {
+                    var ref;
+                    return processAvailabilityPerStore(currentVariant === null || currentVariant === void 0 ? void 0 : (ref = currentVariant.inventorySnapshot) === null || ref === void 0 ? void 0 : ref.availabilities);
+                }
+            });
+            map[isLineItem ? currentVariant.variantId : currentVariant._id] = updatedVariant;
+            return map;
+        }, {});
+        return variantsWithInventory || {};
+    };
+    var getCombinationsAndAttributeRules = function getCombinationsAndAttributeRules() {
+        if (isLineItem && !(product === null || product === void 0 ? void 0 : product.attributeRules)) {
+            product.attributeRules = remapLineItemAttributes(product === null || product === void 0 ? void 0 : product.attributes);
+        }
+        var mappedAttributeRules = createAttributeRulesMap(product, isLineItem);
+        var attributesWithId = Object.keys(variants || {}).map(function(key) {
+            return {
+                variantId: isLineItem ? (variants === null || variants === void 0 ? void 0 : variants[key]).variantId : variants === null || variants === void 0 ? void 0 : variants[key]._id,
+                attributes: isLineItem && !Array.isArray(variants === null || variants === void 0 ? void 0 : variants[key].attributes) ? remapLineItemAttributes(variants === null || variants === void 0 ? void 0 : variants[key].attributes) : variants === null || variants === void 0 ? void 0 : variants[key].attributes
+            };
+        });
+        var combinationsMap = createCombinationsMap(Object.keys(mappedAttributeRules), attributesWithId);
+        assignCombinationsToAttributeRules(mappedAttributeRules, combinationsMap);
+        return {
+            combinations: combinationsMap,
+            attributeRules: mappedAttributeRules
+        };
+    };
+    var getDefaultVariant = function getDefaultVariant() {
+        if (!defaultVariantId) return null;
+        return variants[defaultVariantId];
+    };
+    var selectVariantById = function selectVariantById(id) {
+        setSelectedVariant(variants[id]);
+    };
+    var selectVariantByCombination = function selectVariantByCombination(key, value) {
+        // Take collapseKey for SD
+        var split = value.split(':');
+        if (split[0] === 'collapseKey') {
+            var id = Object.keys(variants).find(function(el) {
+                var ref;
+                return variants[el].collapseKey === split[1] && ((ref = variants[el].attributes.find(function(attr) {
+                    return attr.name === 'size';
+                })) === null || ref === void 0 ? void 0 : ref.value) === key;
+            });
+            return setSelectedVariant(variants[id]);
+        }
+        var id1 = combinations[key].params[value];
+        setSelectedVariant(variants[id1]);
+    };
+    var selectVariantByAttribute = function selectVariantByAttribute(key) {
+        var ref;
+        // Get by collapseKey for SD
+        var split = key.split(':');
+        if (split[0] === 'collapseKey') {
+            var id = Object.keys(variants).find(function(el) {
+                return variants[el].collapseKey === split[1];
+            });
+            return setSelectedVariant(variants[id]);
+        }
+        var id2 = (ref = combinations[key]) === null || ref === void 0 ? void 0 : ref.value;
+        setSelectedVariant(variants[id2]);
+    };
+    var getVariantByCombination = function getVariantByCombination(key, value) {
+        var ref11;
+        var split = value === null || value === void 0 ? void 0 : value.split(':');
+        if ((split === null || split === void 0 ? void 0 : split[0]) === 'collapseKey') {
+            var id = Object.keys(variants).find(function(el) {
+                var ref;
+                return variants[el].collapseKey === (split === null || split === void 0 ? void 0 : split[1]) && ((ref = variants[el].attributes.find(function(attr) {
+                    return attr.name === 'size';
+                })) === null || ref === void 0 ? void 0 : ref.value) === key;
+            });
+            return variants[id];
+        }
+        var id3 = (ref11 = combinations[key]) === null || ref11 === void 0 ? void 0 : ref11.params[value];
+        return variants === null || variants === void 0 ? void 0 : variants[id3];
+    };
+    var getSelectedAttribute = function getSelectedAttribute(rule, attributes) {
+        var ref;
+        var attributeRule = (ref = attributeRules[rule]) === null || ref === void 0 ? void 0 : ref.values;
+        var result;
+        attributes.forEach(function(currentKey) {
+            var found = attributeRule === null || attributeRule === void 0 ? void 0 : attributeRule[currentKey.value];
+            if (found) result = _objectSpread({
+                id: currentKey.value,
+                name: rule
+            }, found);
+        });
+        return result;
+    };
+    var getVariantById = function getVariantById(id) {
+        return variants === null || variants === void 0 ? void 0 : variants[id];
+    };
+    var getVariantByAttribute = function getVariantByAttribute(key) {
+        var ref;
+        var id = (ref = combinations[key]) === null || ref === void 0 ? void 0 : ref.value;
+        return variants === null || variants === void 0 ? void 0 : variants[id];
+    };
+    var getCombinationsForAttributeRule = function getCombinationsForAttributeRule(key, id) {
+        var ref, ref12;
+        var result = attributeRules === null || attributeRules === void 0 ? void 0 : (ref = attributeRules[key]) === null || ref === void 0 ? void 0 : (ref12 = ref.values) === null || ref12 === void 0 ? void 0 : ref12[id];
+        return result;
+    };
+    var selectVariantOptions = function selectVariantOptions(definitionKey, optionKey) {
+        if (selectedVariant) {
+            var newSelectedVariant = _objectSpread({}, selectedVariant);
+            newSelectedVariant.selectedOptions = newSelectedVariant.selectedOptions.filter(function(opt) {
+                return opt.definitionKey !== definitionKey;
+            });
+            newSelectedVariant.selectedOptions = _toConsumableArray(newSelectedVariant.selectedOptions).concat([
+                {
+                    definitionKey: definitionKey,
+                    optionKey: optionKey
+                }, 
+            ]);
+            newSelectedVariant.mappedSelectedOptions = newSelectedVariant.selectedOptions.map(function(option) {
+                return createSelectedOption2(newSelectedVariant.options, option);
+            });
+            setSelectedVariant(newSelectedVariant);
+        }
+    };
+    var getCustomFieldValue = function getCustomFieldValue(field) {
+        return customFields === null || customFields === void 0 ? void 0 : customFields[field];
+    };
+    var ref4 = _slicedToArray(React.useState(getCombinationsAndAttributeRules), 2), ref1 = ref4[0], combinations = ref1.combinations, attributeRules = ref1.attributeRules, setCombinationsAndAttributeRules = ref4[1];
+    var ref2 = _slicedToArray(React.useState(getVariantsWithInventory), 2), variants = ref2[0], setVariants = ref2[1];
+    var ref3 = _slicedToArray(React.useState(getDefaultVariant), 2), selectedVariant = ref3[0], setSelectedVariant = ref3[1];
+    React.useEffect(function() {
+        setVariants(getVariantsWithInventory());
+    }, [
+        product
+    ]);
+    React.useMemo(function() {
+        if (Object.keys(variants).length) {
+            var data = getCombinationsAndAttributeRules();
+            setCombinationsAndAttributeRules(data);
+        }
+    }, [
+        variants
+    ]);
+    var customFields = React.useMemo(function() {
+        var mappedFields = createCustomFieldsMap(product === null || product === void 0 ? void 0 : product.custom);
+        return mappedFields;
+    }, [
+        product === null || product === void 0 ? void 0 : product.custom
+    ]);
+    return {
+        combinations: combinations,
+        attributeRules: attributeRules,
+        variants: variants,
+        selectedVariant: selectedVariant,
+        setSelectedVariant: setSelectedVariant,
+        customFields: customFields,
+        getVariantByAttribute: getVariantByAttribute,
+        getVariantById: getVariantById,
+        getCombinationsAndAttributeRules: getCombinationsAndAttributeRules,
+        getCombinationsForAttributeRule: getCombinationsForAttributeRule,
+        getVariantByCombination: getVariantByCombination,
+        getCustomFieldValue: getCustomFieldValue,
+        selectVariantByAttribute: selectVariantByAttribute,
+        selectVariantByCombination: selectVariantByCombination,
+        selectVariantOptions: selectVariantOptions,
+        selectVariantById: selectVariantById
+    };
+};

package/dist/esm/hooks/useProductVariants/types.js

@@ -0,0 +1 @@
+export { };

package/dist/esm/index.js

@@ -92,6 +92,7 @@ export * from './hooks/useRouterRedirect';
 export * from './hooks/useProgressBar';
 export * from './hooks/useCatalogDiscounts';
 export * from './hooks/useLocalRating';
+export * from './hooks/useProductVariants/types';
 // Utils
 export * from './utils';
 export * from './types';

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

@@ -143,6 +143,7 @@ export var useListingQuery = function() {
                         postFilter: postFilter,
                         offset: offset,
                         config: config.meta,
+                        includeVariants: config.includeVariants,
                         slug: aliasedSlug
                     });
                 case 2:

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/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/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/seo/components/TranslationsMeta/index.js

@@ -22,6 +22,7 @@ export var TranslationsMeta = function() {
     var defaultTranslation = translationsMap[defaultLocale];
     var isError = router.route === '/404' || router.route === '/_error';
     if (isError) return null;
+    if ((allLocales === null || allLocales === void 0 ? void 0 : allLocales.length) < 2) return null;
     var domain = defaultTranslation === null || defaultTranslation === void 0 ? void 0 : defaultTranslation.domain;
     return(/*#__PURE__*/ React.createElement(Head, null, allLocales === null || allLocales === void 0 ? void 0 : allLocales.map(function(locale) {
         var translation = translationsMap === null || translationsMap === void 0 ? void 0 : translationsMap[locale];

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/hooks/useLineItem/LineItemContext.d.ts

@@ -0,0 +1,22 @@
+import { VariantMap, VariantType } from '../useProductVariants';
+import { SearchResultDTO } from '@sentecacommerce/sdk';
+import { LineItemType } from '../../';
+declare type LineItemStateContextType = {
+    variants?: VariantMap;
+    selectedVariant: (LineItemType & VariantType) | null;
+};
+declare type CountFunctionsContextType = {
+    selectVariantById: (id: string) => void;
+    selectVariantByAttribute: (key: string) => void;
+    selectVariantByCombination: (key: string, value: string) => void;
+    getVariantById: (id: string) => VariantType;
+    getVariantByAttribute: (key: string) => VariantType;
+    getVariantByCombination: (key: string, value: string) => VariantType;
+};
+export declare function LineItemStateProvider({ product, children, }: {
+    product: SearchResultDTO;
+    children: any;
+}): JSX.Element;
+export declare function useLineItemState(): LineItemStateContextType;
+export declare function useLineItemFunctions(): CountFunctionsContextType;
+export {};