@sentecacommerce-theme/lib 0.13.2 → 0.13.3

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/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/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 {};

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

@@ -1,4 +1,5 @@
 import type { SearchResultDTO, ImageDTO, MoneyDTO, ReviewRatingStatisticsDTO, OfferDTO } from '@sentecacommerce/sdk';
+export { useLineItemFunctions, useLineItemState, LineItemStateProvider, } from './LineItemContext';
 export interface BaseProductType {
     name: string;
     slug: string;
@@ -26,7 +27,7 @@ export interface AttributesType {
     count: number;
     elements: AttributeType[];
 }
-interface LineItemType extends BaseProductType {
+export interface LineItemType extends BaseProductType {
     name: string;
     brand?: {
         name: string;
@@ -47,4 +48,3 @@ interface LineItemType extends BaseProductType {
     getCustomFieldByKey: (key: string) => any;
 }
 export declare const useLineItem: (props: SearchResultDTO) => LineItemType;
-export {};

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

@@ -1,23 +1,8 @@
 import React from 'react';
-import type { ProductDTO, ProductVariantDTO, AttributeRuleDTO, ProductAttributeDraftDTO, SelectedOptionDTO, ReviewRatingStatisticsDTO } from '@sentecacommerce/sdk';
-import { SelectedOptionType } from './utils';
+import type { ProductDTO, ReviewRatingStatisticsDTO } from '@sentecacommerce/sdk';
 import { getProductBySlugConfig } from '../../api/productsApi';
 import { AssetsMap } from '../../utils/assetsToMap';
-export interface OptionsType {
-    definitionKey: string;
-    label: string;
-    elements?: SubOptionType[];
-}
-export interface SubOptionType {
-    optionKey: string;
-    label: string;
-    imageIndex?: number;
-}
-export interface ContentType {
-    key: string;
-    name?: string;
-    content?: string;
-}
+import { VariantMap, VariantType, ContentType, AttributeRulesMap } from '../useProductVariants';
 export interface MetaInfoCategoryType {
     name: string;
     id: string;
@@ -55,65 +40,6 @@ interface SeoInformationType {
     description?: string;
     keywords?: string;
 }
-interface AttributeRulesType extends AttributeRuleDTO {
-    label: string;
-    values: {
-        [id: string]: {
-            label: string;
-            extra: any;
-            combinations: {
-                [id: string]: string;
-            };
-        };
-    };
-}
-export interface VariantType extends Omit<ProductVariantDTO, 'attributes' | 'availableOptions' | 'selectedOptions' | 'labels'> {
-    attributes: ProductAttributeDraftDTO[];
-    options?: OptionsType[];
-    selectedOptions: SelectedOptionDTO[];
-    mappedSelectedOptions?: SelectedOptionType[];
-    isAvailable: boolean;
-    quantity?: number;
-    inventory: {
-        hasAvailableQuantity?: boolean;
-        availableQuantity?: number;
-    };
-    labels?: string[];
-    getAttribute: (rule: string) => {
-        id: string;
-        label: string;
-        name: string;
-        extra: any;
-        combinations: {
-            [id: string]: string;
-        };
-    };
-    getAttributeByKey: (key: string) => undefined | any;
-    getAvailabilityByStore: () => InventoryAvailabilityType[] | undefined;
-}
-interface VariantMap {
-    [productId: string]: VariantType;
-}
-export interface BooleanKVP {
-    [sku: string]: boolean | undefined;
-}
-export interface AttributeRulesMap {
-    [name: string]: AttributeRulesType;
-}
-export interface CombinationsMap {
-    [id: string]: {
-        value: string;
-        params: {
-            [id: string]: string;
-        };
-    };
-}
-export interface InventoryAvailabilityType {
-    storeName: string;
-    availableQuantity: number;
-    acceptsBackorders: boolean;
-    restockableInDays: number;
-}
 declare type ProductProviderProps = {
     children: React.ReactNode;
     product?: ProductDTO;

package/dist/types/hooks/useProduct/utils/index.d.ts

@@ -1,5 +1,6 @@
-import { ProductAttributeDTO, CustomField, ProductDTO, ProductVariantDTO, InventoryAvailability, OptionDefinitionDTO, SelectedOptionDTO, IdReferenceDTO, ProductVariantLabelDTO } from '@sentecacommerce/sdk';
-import { AttributeRulesMap, CombinationsMap, BooleanKVP, InventoryAvailabilityType, MetaInformationType, OptionsType } from '../index';
+import { ProductAttributeDTO, CustomField, ProductDTO, ProductVariantDTO, InventoryAvailability, OptionDefinitionDTO, SelectedOptionDTO, IdReferenceDTO, ProductVariantLabelDTO, AttributeRuleDTO } from '@sentecacommerce/sdk';
+import { InventoryAvailabilityType, OptionsType, AttributeRulesMap, BooleanKVP, CombinationsMap } from '../../useProductVariants';
+import { MetaInformationType } from '../index';
 export declare const createCustomFieldsMap: (customFields?: CustomField[] | undefined) => BooleanKVP | undefined;
 export declare const createCombinationsMap: (mappedAttributeRulesKeys: string[], attributesArray: {
     variantId: string;
@@ -12,7 +13,7 @@ export declare const createProductContent: (data: any) => {
     content: string;
 };
 export declare const createCollapseKeyImagesMap: (product?: ProductDTO | undefined) => {} | undefined;
-export declare const createAttributeRulesMap: (product?: ProductDTO | undefined) => any;
+export declare const createAttributeRulesMap: (product?: ProductDTO | undefined, isLineItem?: boolean) => any;
 export declare const createMappedOptions: (options?: OptionDefinitionDTO[] | undefined) => OptionsType[];
 export declare type SelectedOptionType = {
     label?: string;
@@ -24,7 +25,7 @@ export declare type SelectedOptionType = {
 };
 export declare const createSelectedOption2: (options?: OptionsType[] | undefined, selectedOption?: SelectedOptionDTO | undefined) => SelectedOptionType;
 export declare const createSelectedOption: (options?: OptionDefinitionDTO[] | undefined, selectedOption?: SelectedOptionDTO | undefined) => SelectedOptionType;
-export declare const createMappedAttributes: (currentVariant: ProductVariantDTO) => ProductAttributeDTO[];
+export declare const createMappedAttributes: (currentVariant: ProductVariantDTO, isLineItem?: boolean) => any;
 export declare const processAvailabilityPerStore: (availabilities?: InventoryAvailability[] | undefined) => InventoryAvailabilityType[] | undefined;
 export declare const getProductVideos: (assets: MetaInformationType['assets']) => {
     type: string;
@@ -40,3 +41,4 @@ export declare const formatCategories: (categories?: IdReferenceDTO[] | undefine
     link: string;
 }[];
 export declare const createLabelsMap: (data?: ProductVariantLabelDTO[] | undefined) => string[] | undefined;
+export declare function remapLineItemAttributes(attributes: ProductAttributeDTO[]): ProductAttributeDTO[] | AttributeRuleDTO[];

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

@@ -0,0 +1,34 @@
+import React from 'react';
+import { VariantType, BooleanKVP, VariantMap, AttributeRulesMap, CombinationsMap } from './types';
+export * from './types';
+export declare const useProductVariants: ({ product, defaultVariantId, isLineItem, }: {
+    product: any;
+    defaultVariantId: any;
+    isLineItem?: boolean | undefined;
+}) => {
+    combinations: CombinationsMap;
+    attributeRules: AttributeRulesMap;
+    variants: VariantMap;
+    selectedVariant: VariantType | null;
+    setSelectedVariant: React.Dispatch<React.SetStateAction<VariantType | null>>;
+    customFields: BooleanKVP;
+    getVariantByAttribute: (key: string) => VariantType;
+    getVariantById: (id: string) => VariantType;
+    getCombinationsAndAttributeRules: () => {
+        combinations: CombinationsMap;
+        attributeRules: AttributeRulesMap;
+    };
+    getCombinationsForAttributeRule: (key: string, id: string) => {
+        label: string;
+        extra: any;
+        combinations: {
+            [id: string]: string;
+        };
+    };
+    getVariantByCombination: (key: string, value: string) => VariantType;
+    getCustomFieldValue: (field: string) => boolean | undefined;
+    selectVariantByAttribute: (key: string) => void;
+    selectVariantByCombination: (key: string, value: string) => void;
+    selectVariantOptions: (definitionKey: string, optionKey: string) => void;
+    selectVariantById: (id: string) => void;
+};

package/dist/types/hooks/useProductVariants/types.d.ts

@@ -0,0 +1,79 @@
+import type { ProductVariantDTO, ProductAttributeDraftDTO, SelectedOptionDTO, AttributeRuleDTO, LangValue } from '@sentecacommerce/sdk';
+import { SelectedOptionType } from '../useProduct/utils';
+export interface VariantType extends Omit<ProductVariantDTO, 'attributes' | 'availableOptions' | 'selectedOptions' | 'labels'> {
+    name?: LangValue[];
+    slug?: LangValue[];
+    attributes: ProductAttributeDraftDTO[];
+    options?: OptionsType[];
+    selectedOptions: SelectedOptionDTO[];
+    mappedSelectedOptions?: SelectedOptionType[];
+    isAvailable: boolean;
+    quantity?: number;
+    inventory: {
+        hasAvailableQuantity?: boolean;
+        availableQuantity?: number;
+    };
+    labels?: string[];
+    getAttribute: (rule: string) => {
+        id: string;
+        label: string;
+        name: string;
+        extra: any;
+        combinations: {
+            [id: string]: string;
+        };
+    };
+    getAttributeByKey: (key: string) => undefined | any;
+    getAvailabilityByStore: () => InventoryAvailabilityType[] | undefined;
+    variantAttributes?: any[];
+}
+export interface OptionsType {
+    definitionKey: string;
+    label: string;
+    elements?: SubOptionType[];
+}
+export interface SubOptionType {
+    optionKey: string;
+    label: string;
+    imageIndex?: number;
+}
+export interface ContentType {
+    key: string;
+    name?: string;
+    content?: string;
+}
+export interface AttributeRulesType extends AttributeRuleDTO {
+    label: string;
+    values: {
+        [id: string]: {
+            label: string;
+            extra: any;
+            combinations: {
+                [id: string]: string;
+            };
+        };
+    };
+}
+export interface VariantMap {
+    [productId: string]: VariantType;
+}
+export interface BooleanKVP {
+    [sku: string]: boolean | undefined;
+}
+export interface AttributeRulesMap {
+    [name: string]: AttributeRulesType;
+}
+export interface CombinationsMap {
+    [id: string]: {
+        value: string;
+        params: {
+            [id: string]: string;
+        };
+    };
+}
+export interface InventoryAvailabilityType {
+    storeName: string;
+    availableQuantity: number;
+    acceptsBackorders: boolean;
+    restockableInDays: number;
+}

package/dist/types/index.d.ts

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

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

@@ -71,6 +71,7 @@ export interface DefaultListingPageProps {
     categoryTreeConfig?: Aggregate;
     sortOptions?: ListField<ListingPageSortOption>;
     attributeSortType?: AggregateSortEnum;
+    includeVariants?: boolean;
     meta: ListingPageMeta;
 }
 export interface ListingPageMeta {

package/package.json

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