@sentecacommerce-theme/lib 0.12.102 → 0.13.3

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

@@ -10,134 +10,49 @@ var _ = require("../../");
 var _utils = require("./utils");
 var _productsApi = require("../../api/productsApi");
 var _assetsToMap = require("../../utils/assetsToMap");
-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;
-}
+var _useProductVariants = require("../useProductVariants");
 function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
         default: 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);
-}
 var ProductStateContext = /*#__PURE__*/ _react.default.createContext(undefined);
 var CountDispatchContext = /*#__PURE__*/ _react.default.createContext(undefined);
 function ProductProvider(param) {
     var product = param.product, children = param.children, defaultVariantId = param.defaultVariantId, _includeBrandInName = param.includeBrandInName, includeBrandInName = _includeBrandInName === void 0 ? false : _includeBrandInName;
-    var ref42 = _slicedToArray(_react.default.useState(false), 2), mounted = ref42[0], setMounted = ref42[1];
-    var ref1 = _slicedToArray(_react.default.useState(getCombinationsAndAttributeRules), 2), ref2 = ref1[0], combinations = ref2.combinations, attributeRules = ref2.attributeRules, setCombinationsAndAttributeRules = ref1[1];
-    var ref3 = _slicedToArray(_react.default.useState(getVariantsWithInventory), 2), variants = ref3[0], setVariants = ref3[1];
-    var ref4 = _slicedToArray(_react.default.useState(getDefaultVariant), 2), selectedVariant = ref4[0], setSelectedVariant = ref4[1];
+    var ref38 = (0, _useProductVariants).useProductVariants({
+        product: product,
+        defaultVariantId: defaultVariantId
+    }), selectedVariant = ref38.selectedVariant, attributeRules = ref38.attributeRules, variants = ref38.variants, getVariantById = ref38.getVariantById, getVariantByAttribute = ref38.getVariantByAttribute, getVariantByCombination = ref38.getVariantByCombination, getCustomFieldValue = ref38.getCustomFieldValue, getCombinationsForAttributeRule = ref38.getCombinationsForAttributeRule, selectVariantById = ref38.selectVariantById, selectVariantByAttribute = ref38.selectVariantByAttribute, selectVariantByCombination = ref38.selectVariantByCombination, selectVariantOptions = ref38.selectVariantOptions;
     var metaData = _react.default.useMemo(function() {
-        var ref, ref5, ref6, ref7, ref8, ref9, ref10, ref11, ref12, ref13, ref14, ref15, ref16, ref17, ref18, ref19, ref20, ref21, ref22, ref23, ref24, ref25, ref26, ref27, ref28, ref29, ref30, ref31, ref32, ref33, ref34, ref35, ref36, ref37, ref38, ref39, ref40, ref41;
+        var ref, ref1, ref2, ref3, ref4, ref5, ref6, ref7, ref8, ref9, ref10, ref11, ref12, ref13, ref14, ref15, ref16, ref17, ref18, ref19, ref20, ref21, ref22, ref23, ref24, ref25, ref26, ref27, ref28, ref29, ref30, ref31, ref32, ref33, ref34, ref35, ref36, ref37;
         var rootCategory = product === null || product === void 0 ? void 0 : (ref = product.categories) === null || ref === void 0 ? void 0 : ref[0];
         var rootCategoryId = rootCategory === null || rootCategory === void 0 ? void 0 : rootCategory.resourceId;
         var metaObj = {
             _id: product === null || product === void 0 ? void 0 : product._id,
-            name: includeBrandInName && (product === null || product === void 0 ? void 0 : (ref5 = product.brands) === null || ref5 === void 0 ? void 0 : (ref6 = ref5[0]) === null || ref6 === void 0 ? void 0 : (ref7 = ref6.resource) === null || ref7 === void 0 ? void 0 : ref7.name) ? "".concat((0, _).getTranslatableField(product === null || product === void 0 ? void 0 : (ref8 = product.brands) === null || ref8 === void 0 ? void 0 : (ref9 = ref8[0]) === null || ref9 === void 0 ? void 0 : (ref10 = ref9.resource) === null || ref10 === void 0 ? void 0 : ref10.name), " ").concat((0, _).getTranslatableField(selectedVariant === null || selectedVariant === void 0 ? void 0 : selectedVariant.name) || (0, _).getTranslatableField(product === null || product === void 0 ? void 0 : product.name)) : (0, _).getTranslatableField(selectedVariant === null || selectedVariant === void 0 ? void 0 : selectedVariant.name) || (0, _).getTranslatableField(product === null || product === void 0 ? void 0 : product.name),
+            name: includeBrandInName && (product === null || product === void 0 ? void 0 : (ref1 = product.brands) === null || ref1 === void 0 ? void 0 : (ref2 = ref1[0]) === null || ref2 === void 0 ? void 0 : (ref3 = ref2.resource) === null || ref3 === void 0 ? void 0 : ref3.name) ? "".concat((0, _).getTranslatableField(product === null || product === void 0 ? void 0 : (ref4 = product.brands) === null || ref4 === void 0 ? void 0 : (ref5 = ref4[0]) === null || ref5 === void 0 ? void 0 : (ref6 = ref5.resource) === null || ref6 === void 0 ? void 0 : ref6.name), " ").concat((0, _).getTranslatableField(selectedVariant === null || selectedVariant === void 0 ? void 0 : selectedVariant.name) || (0, _).getTranslatableField(product === null || product === void 0 ? void 0 : product.name)) : (0, _).getTranslatableField(selectedVariant === null || selectedVariant === void 0 ? void 0 : selectedVariant.name) || (0, _).getTranslatableField(product === null || product === void 0 ? void 0 : product.name),
             slug: (0, _).getTranslatableField(product === null || product === void 0 ? void 0 : product.slug),
             description: (0, _).getTranslatableField(selectedVariant === null || selectedVariant === void 0 ? void 0 : selectedVariant.description) || (0, _).getTranslatableField(product === null || product === void 0 ? void 0 : product.description),
             shortDescription: (0, _).getTranslatableField(selectedVariant === null || selectedVariant === void 0 ? void 0 : selectedVariant.metaDescription) || (0, _).getTranslatableField(product === null || product === void 0 ? void 0 : product.metaDescription),
             brand: {
-                _id: product === null || product === void 0 ? void 0 : (ref11 = product.brands) === null || ref11 === void 0 ? void 0 : (ref12 = ref11[0]) === null || ref12 === void 0 ? void 0 : ref12.resourceId,
-                name: (0, _).getTranslatableField(product === null || product === void 0 ? void 0 : (ref13 = product.brands) === null || ref13 === void 0 ? void 0 : (ref14 = ref13[0]) === null || ref14 === void 0 ? void 0 : (ref15 = ref14.resource) === null || ref15 === void 0 ? void 0 : ref15.name),
-                slug: (0, _).getTranslatableField(product === null || product === void 0 ? void 0 : (ref16 = product.brands) === null || ref16 === void 0 ? void 0 : (ref17 = ref16[0]) === null || ref17 === void 0 ? void 0 : (ref18 = ref17.resource) === null || ref18 === void 0 ? void 0 : ref18.slug),
-                logo: product === null || product === void 0 ? void 0 : (ref19 = product.brands) === null || ref19 === void 0 ? void 0 : (ref20 = ref19[0]) === null || ref20 === void 0 ? void 0 : (ref21 = ref20.resource) === null || ref21 === void 0 ? void 0 : (ref22 = ref21.assets) === null || ref22 === void 0 ? void 0 : (ref23 = ref22[0]) === null || ref23 === void 0 ? void 0 : (ref24 = ref23.sources) === null || ref24 === void 0 ? void 0 : (ref25 = ref24[0]) === null || ref25 === void 0 ? void 0 : ref25.url
+                _id: product === null || product === void 0 ? void 0 : (ref7 = product.brands) === null || ref7 === void 0 ? void 0 : (ref8 = ref7[0]) === null || ref8 === void 0 ? void 0 : ref8.resourceId,
+                name: (0, _).getTranslatableField(product === null || product === void 0 ? void 0 : (ref9 = product.brands) === null || ref9 === void 0 ? void 0 : (ref10 = ref9[0]) === null || ref10 === void 0 ? void 0 : (ref11 = ref10.resource) === null || ref11 === void 0 ? void 0 : ref11.name),
+                slug: (0, _).getTranslatableField(product === null || product === void 0 ? void 0 : (ref12 = product.brands) === null || ref12 === void 0 ? void 0 : (ref13 = ref12[0]) === null || ref13 === void 0 ? void 0 : (ref14 = ref13.resource) === null || ref14 === void 0 ? void 0 : ref14.slug),
+                logo: product === null || product === void 0 ? void 0 : (ref15 = product.brands) === null || ref15 === void 0 ? void 0 : (ref16 = ref15[0]) === null || ref16 === void 0 ? void 0 : (ref17 = ref16.resource) === null || ref17 === void 0 ? void 0 : (ref18 = ref17.assets) === null || ref18 === void 0 ? void 0 : (ref19 = ref18[0]) === null || ref19 === void 0 ? void 0 : (ref20 = ref19.sources) === null || ref20 === void 0 ? void 0 : (ref21 = ref20[0]) === null || ref21 === void 0 ? void 0 : ref21.url
             },
             category: {
-                _id: product === null || product === void 0 ? void 0 : (ref27 = product.categories) === null || ref27 === void 0 ? void 0 : (ref28 = ref27[(product === null || product === void 0 ? void 0 : (ref26 = product.categories) === null || ref26 === void 0 ? void 0 : ref26.length) - 1]) === null || ref28 === void 0 ? void 0 : ref28.resourceId,
-                name: (0, _).getTranslatableField(product === null || product === void 0 ? void 0 : (ref30 = product.categories) === null || ref30 === void 0 ? void 0 : (ref31 = ref30[(product === null || product === void 0 ? void 0 : (ref29 = product.categories) === null || ref29 === void 0 ? void 0 : ref29.length) - 1]) === null || ref31 === void 0 ? void 0 : (ref32 = ref31.resource) === null || ref32 === void 0 ? void 0 : ref32.name),
-                slug: (0, _).getTranslatableField(product === null || product === void 0 ? void 0 : (ref34 = product.categories) === null || ref34 === void 0 ? void 0 : (ref35 = ref34[(product === null || product === void 0 ? void 0 : (ref33 = product.categories) === null || ref33 === void 0 ? void 0 : ref33.length) - 1]) === null || ref35 === void 0 ? void 0 : (ref36 = ref35.resource) === null || ref36 === void 0 ? void 0 : ref36.slug)
+                _id: product === null || product === void 0 ? void 0 : (ref23 = product.categories) === null || ref23 === void 0 ? void 0 : (ref24 = ref23[(product === null || product === void 0 ? void 0 : (ref22 = product.categories) === null || ref22 === void 0 ? void 0 : ref22.length) - 1]) === null || ref24 === void 0 ? void 0 : ref24.resourceId,
+                name: (0, _).getTranslatableField(product === null || product === void 0 ? void 0 : (ref26 = product.categories) === null || ref26 === void 0 ? void 0 : (ref27 = ref26[(product === null || product === void 0 ? void 0 : (ref25 = product.categories) === null || ref25 === void 0 ? void 0 : ref25.length) - 1]) === null || ref27 === void 0 ? void 0 : (ref28 = ref27.resource) === null || ref28 === void 0 ? void 0 : ref28.name),
+                slug: (0, _).getTranslatableField(product === null || product === void 0 ? void 0 : (ref30 = product.categories) === null || ref30 === void 0 ? void 0 : (ref31 = ref30[(product === null || product === void 0 ? void 0 : (ref29 = product.categories) === null || ref29 === void 0 ? void 0 : ref29.length) - 1]) === null || ref31 === void 0 ? void 0 : (ref32 = ref31.resource) === null || ref32 === void 0 ? void 0 : ref32.slug)
             },
             rootCategory: {
                 _id: rootCategoryId,
-                name: (0, _).getTranslatableField(rootCategory === null || rootCategory === void 0 ? void 0 : (ref37 = rootCategory.resource) === null || ref37 === void 0 ? void 0 : ref37.name),
-                slug: (0, _).getTranslatableField(rootCategory === null || rootCategory === void 0 ? void 0 : (ref38 = rootCategory.resource) === null || ref38 === void 0 ? void 0 : ref38.slug)
+                name: (0, _).getTranslatableField(rootCategory === null || rootCategory === void 0 ? void 0 : (ref33 = rootCategory.resource) === null || ref33 === void 0 ? void 0 : ref33.name),
+                slug: (0, _).getTranslatableField(rootCategory === null || rootCategory === void 0 ? void 0 : (ref34 = rootCategory.resource) === null || ref34 === void 0 ? void 0 : ref34.slug)
             },
             categories: (0, _utils).formatCategories(product === null || product === void 0 ? void 0 : product.categories, rootCategoryId),
             reviewRatingStatistics: product === null || product === void 0 ? void 0 : product.reviewRatingStatistics,
-            content: Boolean(selectedVariant === null || selectedVariant === void 0 ? void 0 : (ref39 = selectedVariant.content) === null || ref39 === void 0 ? void 0 : ref39.map(_utils.createProductContent).length) ? selectedVariant === null || selectedVariant === void 0 ? void 0 : (ref40 = selectedVariant.content) === null || ref40 === void 0 ? void 0 : ref40.map(_utils.createProductContent) : product === null || product === void 0 ? void 0 : (ref41 = product.content) === null || ref41 === void 0 ? void 0 : ref41.map(_utils.createProductContent),
+            content: Boolean(selectedVariant === null || selectedVariant === void 0 ? void 0 : (ref35 = selectedVariant.content) === null || ref35 === void 0 ? void 0 : ref35.map(_utils.createProductContent).length) ? selectedVariant === null || selectedVariant === void 0 ? void 0 : (ref36 = selectedVariant.content) === null || ref36 === void 0 ? void 0 : ref36.map(_utils.createProductContent) : product === null || product === void 0 ? void 0 : (ref37 = product.content) === null || ref37 === void 0 ? void 0 : ref37.map(_utils.createProductContent),
             assets: (0, _assetsToMap).assetsFieldsToMap(product === null || product === void 0 ? void 0 : product.assets)
         };
         return metaObj;
@@ -165,180 +80,6 @@ function ProductProvider(param) {
         product === null || product === void 0 ? void 0 : product.metaTitle,
         selectedVariant, 
     ]);
-    var customFields = _react.default.useMemo(function() {
-        var mappedFields = (0, _utils).createCustomFieldsMap(product === null || product === void 0 ? void 0 : product.custom);
-        return mappedFields;
-    }, [
-        product === null || product === void 0 ? void 0 : product.custom
-    ]);
-    _react.default.useEffect(function() {
-        // prevent unnecessary calculations
-        if (mounted) {
-            setVariants(getVariantsWithInventory());
-        }
-    }, [
-        product
-    ]);
-    _react.default.useMemo(function() {
-        // prevent unnecessary calculations
-        if (!mounted) {
-            return setMounted(true);
-        }
-        var data = getCombinationsAndAttributeRules();
-        setCombinationsAndAttributeRules(data);
-    }, [
-        variants
-    ]);
-    function getVariantsWithInventory() {
-        var ref46;
-        var variantsWithInventory = product === null || product === void 0 ? void 0 : (ref46 = product.variants) === null || ref46 === void 0 ? void 0 : ref46.reduce(function(map, _, index, arr) {
-            var ref47, ref43, ref44, ref45;
-            var currentVariant = arr[index];
-            var mappedAttributes = (0, _utils).createMappedAttributes(currentVariant);
-            var mappedOptions = (0, _utils).createMappedOptions(currentVariant === null || currentVariant === void 0 ? void 0 : currentVariant.availableOptions) || [];
-            var isAvailable = currentVariant === null || currentVariant === void 0 ? void 0 : (ref47 = currentVariant.inventorySnapshot) === null || ref47 === void 0 ? void 0 : ref47.canOrder;
-            var updatedVariant = _objectSpread({}, currentVariant, {
-                inventory: {
-                    hasAvailableQuantity: (ref43 = currentVariant.inventorySnapshot) === null || ref43 === void 0 ? void 0 : ref43.canOrder,
-                    availableQuantity: (ref44 = currentVariant.inventorySnapshot) === null || ref44 === void 0 ? void 0 : ref44.availableQuantity
-                },
-                isAvailable: isAvailable ? true : false,
-                quantity: isAvailable ? currentVariant === null || currentVariant === void 0 ? void 0 : (ref45 = currentVariant.inventorySnapshot) === null || ref45 === void 0 ? void 0 : ref45.availableQuantity : 0,
-                attributes: mappedAttributes,
-                options: mappedOptions,
-                selectedOptions: [],
-                labels: (0, _utils).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 (0, _utils).processAvailabilityPerStore(currentVariant === null || currentVariant === void 0 ? void 0 : (ref = currentVariant.inventorySnapshot) === null || ref === void 0 ? void 0 : ref.availabilities);
-                }
-            });
-            map[currentVariant._id] = updatedVariant;
-            return map;
-        }, {});
-        return variantsWithInventory || {};
-    }
-    function getCombinationsAndAttributeRules() {
-        var mappedAttributeRules = (0, _utils).createAttributeRulesMap(product);
-        var attributesWithId = Object.keys(variants || {}).map(function(key) {
-            return {
-                variantId: variants === null || variants === void 0 ? void 0 : variants[key]._id,
-                attributes: variants === null || variants === void 0 ? void 0 : variants[key].attributes
-            };
-        });
-        var combinationsMap = (0, _utils).createCombinationsMap(Object.keys(mappedAttributeRules), attributesWithId);
-        (0, _utils).assignCombinationsToAttributeRules(mappedAttributeRules, combinationsMap);
-        return {
-            combinations: combinationsMap,
-            attributeRules: mappedAttributeRules
-        };
-    }
-    function getDefaultVariant() {
-        if (!defaultVariantId) return null;
-        return variants[defaultVariantId];
-    }
-    function selectVariantById(id) {
-        setSelectedVariant(variants[id]);
-    }
-    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 id1 = (ref = combinations[key]) === null || ref === void 0 ? void 0 : ref.value;
-        setSelectedVariant(variants[id1]);
-    }
-    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 id2 = combinations[key].params[value];
-        setSelectedVariant(variants[id2]);
-    }
-    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 (0, _utils).createSelectedOption2(newSelectedVariant.options, option);
-            });
-            setSelectedVariant(newSelectedVariant);
-        }
-    }
-    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;
-    }
-    function getVariantById(id) {
-        return variants === null || variants === void 0 ? void 0 : variants[id];
-    }
-    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];
-    }
-    function getVariantByCombination(key, value) {
-        var ref48;
-        var split = value === null || value === void 0 ? void 0 : value.split(':');
-        if ((split === null || split === void 0 ? void 0 : split[0]) === 'collapseKey') {
-            var id = Object.keys(variants).find(function(el) {
-                var ref;
-                return variants[el].collapseKey === (split === null || split === void 0 ? void 0 : split[1]) && ((ref = variants[el].attributes.find(function(attr) {
-                    return attr.name === 'size';
-                })) === null || ref === void 0 ? void 0 : ref.value) === key;
-            });
-            return variants[id];
-        }
-        var id3 = (ref48 = combinations[key]) === null || ref48 === void 0 ? void 0 : ref48.params[value];
-        return variants === null || variants === void 0 ? void 0 : variants[id3];
-    }
-    function getCustomFieldValue(field) {
-        return customFields === null || customFields === void 0 ? void 0 : customFields[field];
-    }
-    function getCombinationsForAttributeRule(key, id) {
-        var ref, ref49;
-        var result = attributeRules === null || attributeRules === void 0 ? void 0 : (ref = attributeRules[key]) === null || ref === void 0 ? void 0 : (ref49 = ref.values) === null || ref49 === void 0 ? void 0 : ref49[id];
-        return result;
-    }
     var collapsedImages = (0, _utils).createCollapseKeyImagesMap(product);
     var state = {
         metaData: metaData,

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

@@ -1,6 +1,7 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
+exports.remapLineItemAttributes = remapLineItemAttributes;
 exports.createLabelsMap = exports.formatCategories = exports.getProductVideos = exports.processAvailabilityPerStore = exports.createMappedAttributes = exports.createSelectedOption = exports.createSelectedOption2 = exports.createMappedOptions = exports.createAttributeRulesMap = exports.createCollapseKeyImagesMap = exports.createProductContent = exports.assignCombinationsToAttributeRules = exports.createCombinationsMap = exports.createCustomFieldsMap = void 0;
 var _sdk = require("@sentecacommerce/sdk");
 var _createEmbededVideo = require("./createEmbededVideo");
@@ -123,8 +124,9 @@ var createCollapseKeyImagesMap = function(product) {
 };
 exports.createCollapseKeyImagesMap = createCollapseKeyImagesMap;
 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 === _sdk.AttributeRuleDTOConstraintEnum.CombinationUnique;
     });
     var reduceVariantsToAttributeRuleValues = function(map, attribute) {
@@ -148,7 +150,7 @@ 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;
 };
@@ -208,12 +210,13 @@ var createSelectedOption = function(options, selectedOption) {
 };
 exports.createSelectedOption = createSelectedOption;
 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;
     }, [])) || [];
@@ -254,15 +257,15 @@ var getProductVideos = function(assets) {
 };
 exports.getProductVideos = getProductVideos;
 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
@@ -282,8 +285,8 @@ 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];
@@ -293,22 +296,22 @@ 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 {
@@ -342,3 +345,26 @@ var createLabelsMap = function(data) {
     });
 };
 exports.createLabelsMap = createLabelsMap;
+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;
+}