@sentecacommerce-theme/lib 0.12.67 → 0.13.5-alpha.1

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

@@ -1,292 +1,342 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { AssetSourceDTO } from '@sentecacommerce/sdk';
 import { getTranslatableField } from '../../';
-import { assignCombinationsToAttributeRules, createCombinationsMap, createCustomFieldsMap, createProductContent, createAttributeRulesMap, createMappedAttributes, processAvailabilityPerStore, getProductVideos as _getProductVideos, createMappedOptions, createSelectedOption2, formatCategories, createLabelsMap, createCollapseKeyImagesMap } from './utils';
+import { assignCombinationsToAttributeRules, createCombinationsMap, createCustomFieldsMap, createProductContent, createAttributeRulesMap, createMappedAttributes, processAvailabilityPerStore, getProductVideos, createMappedOptions, createSelectedOption2, formatCategories, createLabelsMap } from './utils';
 import { productsApi } from '../../api/productsApi';
 import { assetsFieldsToMap } from '../../utils/assetsToMap';
-export { AssetSourceDTO };
-var ProductStateContext = /*#__PURE__*/React.createContext(undefined);
-var CountDispatchContext = /*#__PURE__*/React.createContext(undefined);
-export function ProductProvider(_ref) {
-  var {
-    product,
-    children,
-    defaultVariantId
-  } = _ref;
-  var [mounted, setMounted] = React.useState(false);
-  var [{
-    combinations,
-    attributeRules
-  }, setCombinationsAndAttributeRules] = React.useState(getCombinationsAndAttributeRules);
-  var [variants, setVariants] = React.useState(getVariantsWithInventory);
-  var [selectedVariant, setSelectedVariant] = React.useState(getDefaultVariant);
-  var metaData = React.useMemo(() => {
-    var _product$categories, _product$brands, _product$brands$, _product$brands2, _product$brands2$, _product$brands2$$res, _product$brands3, _product$brands3$, _product$brands3$$res, _product$brands4, _product$brands4$, _product$brands4$$res, _product$brands4$$res2, _product$brands4$$res3, _product$brands4$$res4, _product$brands4$$res5, _product$categories2, _product$categories3, _product$categories4, _product$categories5, _product$categories6, _product$categories6$, _product$categories7, _product$categories8, _product$categories9, _product$categories9$, _product$categories10, _rootCategory$resourc, _rootCategory$resourc2, _selectedVariant$cont, _selectedVariant$cont2, _product$content;
-
-    var rootCategory = product == null ? void 0 : (_product$categories = product.categories) == null ? void 0 : _product$categories[0];
-    var rootCategoryId = rootCategory == null ? void 0 : rootCategory.resourceId;
-    var metaObj = {
-      _id: product == null ? void 0 : product._id,
-      name: getTranslatableField(selectedVariant == null ? void 0 : selectedVariant.name) || getTranslatableField(product == null ? void 0 : product.name),
-      slug: getTranslatableField(product == null ? void 0 : product.slug),
-      description: getTranslatableField(selectedVariant == null ? void 0 : selectedVariant.description) || getTranslatableField(product == null ? void 0 : product.description),
-      shortDescription: getTranslatableField(selectedVariant == null ? void 0 : selectedVariant.metaDescription) || getTranslatableField(product == null ? void 0 : product.metaDescription),
-      brand: {
-        _id: product == null ? void 0 : (_product$brands = product.brands) == null ? void 0 : (_product$brands$ = _product$brands[0]) == null ? void 0 : _product$brands$.resourceId,
-        name: getTranslatableField(product == null ? void 0 : (_product$brands2 = product.brands) == null ? void 0 : (_product$brands2$ = _product$brands2[0]) == null ? void 0 : (_product$brands2$$res = _product$brands2$.resource) == null ? void 0 : _product$brands2$$res.name),
-        slug: getTranslatableField(product == null ? void 0 : (_product$brands3 = product.brands) == null ? void 0 : (_product$brands3$ = _product$brands3[0]) == null ? void 0 : (_product$brands3$$res = _product$brands3$.resource) == null ? void 0 : _product$brands3$$res.slug),
-        logo: product == null ? void 0 : (_product$brands4 = product.brands) == null ? void 0 : (_product$brands4$ = _product$brands4[0]) == null ? void 0 : (_product$brands4$$res = _product$brands4$.resource) == null ? void 0 : (_product$brands4$$res2 = _product$brands4$$res.assets) == null ? void 0 : (_product$brands4$$res3 = _product$brands4$$res2[0]) == null ? void 0 : (_product$brands4$$res4 = _product$brands4$$res3.sources) == null ? void 0 : (_product$brands4$$res5 = _product$brands4$$res4[0]) == null ? void 0 : _product$brands4$$res5.url
-      },
-      category: {
-        _id: product == null ? void 0 : (_product$categories2 = product.categories) == null ? void 0 : (_product$categories3 = _product$categories2[(product == null ? void 0 : (_product$categories4 = product.categories) == null ? void 0 : _product$categories4.length) - 1]) == null ? void 0 : _product$categories3.resourceId,
-        name: getTranslatableField(product == null ? void 0 : (_product$categories5 = product.categories) == null ? void 0 : (_product$categories6 = _product$categories5[(product == null ? void 0 : (_product$categories7 = product.categories) == null ? void 0 : _product$categories7.length) - 1]) == null ? void 0 : (_product$categories6$ = _product$categories6.resource) == null ? void 0 : _product$categories6$.name),
-        slug: getTranslatableField(product == null ? void 0 : (_product$categories8 = product.categories) == null ? void 0 : (_product$categories9 = _product$categories8[(product == null ? void 0 : (_product$categories10 = product.categories) == null ? void 0 : _product$categories10.length) - 1]) == null ? void 0 : (_product$categories9$ = _product$categories9.resource) == null ? void 0 : _product$categories9$.slug)
-      },
-      rootCategory: {
-        _id: rootCategoryId,
-        name: getTranslatableField(rootCategory == null ? void 0 : (_rootCategory$resourc = rootCategory.resource) == null ? void 0 : _rootCategory$resourc.name),
-        slug: getTranslatableField(rootCategory == null ? void 0 : (_rootCategory$resourc2 = rootCategory.resource) == null ? void 0 : _rootCategory$resourc2.slug)
-      },
-      categories: formatCategories(product == null ? void 0 : product.categories, rootCategoryId),
-      reviewRatingStatistics: product == null ? void 0 : product.reviewRatingStatistics,
-      content: Boolean(selectedVariant == null ? void 0 : (_selectedVariant$cont = selectedVariant.content) == null ? void 0 : _selectedVariant$cont.map(createProductContent).length) ? selectedVariant == null ? void 0 : (_selectedVariant$cont2 = selectedVariant.content) == null ? void 0 : _selectedVariant$cont2.map(createProductContent) : product == null ? void 0 : (_product$content = product.content) == null ? void 0 : _product$content.map(createProductContent),
-      assets: assetsFieldsToMap(product == null ? void 0 : product.assets)
-    };
-    return metaObj;
-  }, [product == null ? void 0 : product._id, product == null ? void 0 : product.brands, product == null ? void 0 : product.content, product == null ? void 0 : product.description, product == null ? void 0 : product.metaDescription, product == null ? void 0 : product.name, product == null ? void 0 : product.slug, product == null ? void 0 : product.assets, selectedVariant]);
-  var seoData = React.useMemo(() => {
-    var seoObj = {
-      title: getTranslatableField(selectedVariant == null ? void 0 : selectedVariant.metaTitle) || getTranslatableField(product == null ? void 0 : product.metaTitle),
-      description: getTranslatableField(selectedVariant == null ? void 0 : selectedVariant.metaDescription) || getTranslatableField(product == null ? void 0 : product.metaDescription),
-      keywords: getTranslatableField(selectedVariant == null ? void 0 : selectedVariant.metaKeywords) || getTranslatableField(product == null ? void 0 : product.metaKeywords)
-    };
-    return seoObj;
-  }, [product == null ? void 0 : product.metaDescription, product == null ? void 0 : product.metaKeywords, product == null ? void 0 : product.metaTitle, selectedVariant]);
-  var customFields = React.useMemo(() => {
-    var mappedFields = createCustomFieldsMap(product == null ? void 0 : product.custom);
-    return mappedFields;
-  }, [product == null ? void 0 : product.custom]);
-  React.useEffect(() => {
-    // prevent unnecessary calculations
-    if (mounted) {
-      setVariants(getVariantsWithInventory());
+function _arrayWithHoles(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _arrayWithoutHoles(arr) {
+    if (Array.isArray(arr)) {
+        for(var i = 0, arr2 = new Array(arr.length); i < arr.length; i++){
+            arr2[i] = arr[i];
+        }
+        return arr2;
     }
-  }, [product]);
-  React.useMemo(() => {
-    // prevent unnecessary calculations
-    if (!mounted) {
-      return setMounted(true);
+}
+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;
     }
-
-    var data = getCombinationsAndAttributeRules();
-    setCombinationsAndAttributeRules(data);
-  }, [variants]);
-
-  function getVariantsWithInventory() {
-    var _product$variants;
-
-    var variantsWithInventory = product == null ? void 0 : (_product$variants = product.variants) == null ? void 0 : _product$variants.reduce((map, _, index, arr) => {
-      var _currentVariant$inven, _currentVariant$inven2, _currentVariant$inven3, _currentVariant$inven4;
-
-      var currentVariant = arr[index];
-      var mappedAttributes = createMappedAttributes(currentVariant);
-      var mappedOptions = createMappedOptions(currentVariant == null ? void 0 : currentVariant.availableOptions) || [];
-      var isAvailable = currentVariant == null ? void 0 : (_currentVariant$inven = currentVariant.inventorySnapshot) == null ? void 0 : _currentVariant$inven.canOrder;
-
-      var updatedVariant = _extends({}, currentVariant, {
-        inventory: {
-          hasAvailableQuantity: (_currentVariant$inven2 = currentVariant.inventorySnapshot) == null ? void 0 : _currentVariant$inven2.canOrder,
-          availableQuantity: (_currentVariant$inven3 = currentVariant.inventorySnapshot) == null ? void 0 : _currentVariant$inven3.availableQuantity
-        },
-        isAvailable: isAvailable ? true : false,
-        quantity: isAvailable ? currentVariant == null ? void 0 : (_currentVariant$inven4 = currentVariant.inventorySnapshot) == null ? void 0 : _currentVariant$inven4.availableQuantity : 0,
-        attributes: mappedAttributes,
-        options: mappedOptions,
-        selectedOptions: [],
-        labels: createLabelsMap(currentVariant.labels),
-        getAttribute: rule => getSelectedAttribute(rule, mappedAttributes),
-        getAttributeByKey: key => {
-          var _mappedAttributes$fin;
-
-          return (_mappedAttributes$fin = mappedAttributes.find(a => a.name === key)) == null ? void 0 : _mappedAttributes$fin.value;
-        },
-        getAvailabilityByStore: () => {
-          var _currentVariant$inven5;
-
-          return processAvailabilityPerStore(currentVariant == null ? void 0 : (_currentVariant$inven5 = currentVariant.inventorySnapshot) == null ? void 0 : _currentVariant$inven5.availabilities);
+    return obj;
+}
+function _iterableToArray(iter) {
+    if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter);
+}
+function _iterableToArrayLimit(arr, i) {
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _e = undefined;
+    try {
+        for(var _i = arr[Symbol.iterator](), _s; !(_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;
         }
-      });
-
-      map[currentVariant._id] = updatedVariant;
-      return map;
-    }, {});
-    return variantsWithInventory || {};
-  }
-
-  function getCombinationsAndAttributeRules() {
-    var mappedAttributeRules = createAttributeRulesMap(product);
-    var attributesWithId = Object.keys(variants || {}).map(key => {
-      return {
-        variantId: variants == null ? void 0 : variants[key]._id,
-        attributes: variants == null ? void 0 : variants[key].attributes
-      };
-    });
-    var combinationsMap = createCombinationsMap(Object.keys(mappedAttributeRules), attributesWithId);
-    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 _combinations$key;
-
-    // Get by collapseKey for SD
-    var split = key.split(':');
-
-    if (split[0] === 'collapseKey') {
-      var _id = Object.keys(variants).find(el => variants[el].collapseKey === split[1]);
-
-      return setSelectedVariant(variants[_id]);
-    }
-
-    var id = (_combinations$key = combinations[key]) == null ? void 0 : _combinations$key.value;
-    setSelectedVariant(variants[id]);
-  }
-
-  function selectVariantByCombination(key, value) {
-    // Take collapseKey for SD
-    var split = value.split(':');
-
-    if (split[0] === 'collapseKey') {
-      var _id2 = Object.keys(variants).find(el => {
-        var _variants$el$attribut;
-
-        return variants[el].collapseKey === split[1] && ((_variants$el$attribut = variants[el].attributes.find(attr => attr.name === 'size')) == null ? void 0 : _variants$el$attribut.value) === key;
-      });
-
-      return setSelectedVariant(variants[_id2]);
     }
-
-    var id = combinations[key].params[value];
-    setSelectedVariant(variants[id]);
-  }
-
-  function selectVariantOptions(definitionKey, optionKey) {
-    if (selectedVariant) {
-      var newSelectedVariant = _extends({}, selectedVariant);
-
-      newSelectedVariant.selectedOptions = newSelectedVariant.selectedOptions.filter(opt => opt.definitionKey !== definitionKey);
-      newSelectedVariant.selectedOptions = [...newSelectedVariant.selectedOptions, {
-        definitionKey,
-        optionKey
-      }];
-      newSelectedVariant.mappedSelectedOptions = newSelectedVariant.selectedOptions.map(option => createSelectedOption2(newSelectedVariant.options, option));
-      setSelectedVariant(newSelectedVariant);
+    return _arr;
+}
+function _nonIterableRest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance");
+}
+function _nonIterableSpread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance");
+}
+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]);
+        });
     }
-  }
-
-  function getSelectedAttribute(rule, attributes) {
-    var _attributeRules$rule;
-
-    var attributeRule = (_attributeRules$rule = attributeRules[rule]) == null ? void 0 : _attributeRules$rule.values;
-    var result;
-    attributes.forEach(currentKey => {
-      var found = attributeRule == null ? void 0 : attributeRule[currentKey.value];
-      if (found) result = _extends({
-        id: currentKey.value,
-        name: rule
-      }, found);
-    });
-    return result;
-  }
-
-  function getVariantById(id) {
-    return variants == null ? void 0 : variants[id];
-  }
-
-  function getVariantByAttribute(key) {
-    var _combinations$key2;
-
-    var id = (_combinations$key2 = combinations[key]) == null ? void 0 : _combinations$key2.value;
-    return variants == null ? void 0 : variants[id];
-  }
-
-  function getVariantByCombination(key, value) {
-    var _combinations$key3;
-
-    var id = (_combinations$key3 = combinations[key]) == null ? void 0 : _combinations$key3.params[value];
-    return variants == null ? void 0 : variants[id];
-  }
-
-  function getCustomFieldValue(field) {
-    return customFields == null ? void 0 : customFields[field];
-  }
-
-  function getCombinationsForAttributeRule(key, id) {
-    var _attributeRules$key, _attributeRules$key$v;
-
-    var result = attributeRules == null ? void 0 : (_attributeRules$key = attributeRules[key]) == null ? void 0 : (_attributeRules$key$v = _attributeRules$key.values) == null ? void 0 : _attributeRules$key$v[id];
-    return result;
-  }
-
-  var collapsedImages = createCollapseKeyImagesMap(product);
-  var state = {
-    metaData,
-    seoData,
-    variants,
-    selectedVariant,
-    attributeRules,
-    collapsedImages
-  };
-  var functions = {
-    getVariantById,
-    getVariantByAttribute,
-    getVariantByCombination,
-    selectVariantById,
-    selectVariantByAttribute,
-    selectVariantByCombination,
-    getCombinationsForAttributeRule,
-    selectVariantOptions,
-    getCustomFieldValue,
-    getProductVideos: () => _getProductVideos(metaData.assets)
-  };
-  return /*#__PURE__*/React.createElement(ProductStateContext.Provider, {
-    value: state
-  }, /*#__PURE__*/React.createElement(CountDispatchContext.Provider, {
-    value: functions
-  }, children));
+    return target;
+}
+function _slicedToArray(arr, i) {
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
+}
+function _toConsumableArray(arr) {
+    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread();
+}
+export { AssetSourceDTO };
+var ProductStateContext = /*#__PURE__*/ React.createContext(undefined);
+var CountDispatchContext = /*#__PURE__*/ React.createContext(undefined);
+export function ProductProvider(param) {
+    var product = param.product, children = param.children, defaultVariantId = param.defaultVariantId;
+    var getVariantsWithInventory = function getVariantsWithInventory() {
+        var ref9;
+        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, ref6, ref7, ref8;
+            var currentVariant = arr[index];
+            var mappedAttributes = createMappedAttributes(currentVariant);
+            var mappedOptions = createMappedOptions(currentVariant === null || currentVariant === void 0 ? void 0 : currentVariant.availableOptions) || [];
+            var isAvailable = currentVariant === null || currentVariant === void 0 ? void 0 : (ref10 = currentVariant.inventorySnapshot) === null || ref10 === void 0 ? void 0 : ref10.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[currentVariant._id] = updatedVariant;
+            return map;
+        }, {
+        });
+        return variantsWithInventory || {
+        };
+    };
+    var getCombinationsAndAttributeRules = function getCombinationsAndAttributeRules() {
+        var mappedAttributeRules = 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 = 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 selectVariantByAttribute = function selectVariantByAttribute(key) {
+        var ref;
+        var id = (ref = combinations[key]) === null || ref === void 0 ? void 0 : ref.value;
+        setSelectedVariant(variants[id]);
+    };
+    var selectVariantByCombination = function selectVariantByCombination(key, value) {
+        var id = combinations[key].params[value];
+        setSelectedVariant(variants[id]);
+    };
+    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 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 getVariantByCombination = function getVariantByCombination(key, value) {
+        var ref;
+        var id = (ref = combinations[key]) === null || ref === void 0 ? void 0 : ref.params[value];
+        return variants === null || variants === void 0 ? void 0 : variants[id];
+    };
+    var getCustomFieldValue = function getCustomFieldValue(field) {
+        return customFields === null || customFields === void 0 ? void 0 : customFields[field];
+    };
+    var getCombinationsForAttributeRule = function getCombinationsForAttributeRule(key, id) {
+        var ref, ref11;
+        var result = attributeRules === null || attributeRules === void 0 ? void 0 : (ref = attributeRules[key]) === null || ref === void 0 ? void 0 : (ref11 = ref.values) === null || ref11 === void 0 ? void 0 : ref11[id];
+        return result;
+    };
+    var ref5 = _slicedToArray(React.useState(false), 2), mounted = ref5[0], setMounted = ref5[1];
+    var ref1 = _slicedToArray(React.useState(getCombinationsAndAttributeRules), 2), ref2 = ref1[0], combinations = ref2.combinations, attributeRules = ref2.attributeRules, setCombinationsAndAttributeRules = ref1[1];
+    var ref3 = _slicedToArray(React.useState(getVariantsWithInventory), 2), variants = ref3[0], setVariants = ref3[1];
+    var ref4 = _slicedToArray(React.useState(getDefaultVariant), 2), selectedVariant = ref4[0], setSelectedVariant = ref4[1];
+    var metaData = React.useMemo(function() {
+        var ref, 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, ref42;
+        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: getTranslatableField(selectedVariant === null || selectedVariant === void 0 ? void 0 : selectedVariant.name) || getTranslatableField(product === null || product === void 0 ? void 0 : product.name),
+            slug: getTranslatableField(product === null || product === void 0 ? void 0 : product.slug),
+            description: getTranslatableField(selectedVariant === null || selectedVariant === void 0 ? void 0 : selectedVariant.description) || getTranslatableField(product === null || product === void 0 ? void 0 : product.description),
+            shortDescription: getTranslatableField(selectedVariant === null || selectedVariant === void 0 ? void 0 : selectedVariant.metaDescription) || getTranslatableField(product === null || product === void 0 ? void 0 : product.metaDescription),
+            brand: {
+                _id: 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 : ref13.resourceId,
+                name: getTranslatableField(product === null || product === void 0 ? void 0 : (ref14 = product.brands) === null || ref14 === void 0 ? void 0 : (ref15 = ref14[0]) === null || ref15 === void 0 ? void 0 : (ref16 = ref15.resource) === null || ref16 === void 0 ? void 0 : ref16.name),
+                slug: getTranslatableField(product === null || product === void 0 ? void 0 : (ref17 = product.brands) === null || ref17 === void 0 ? void 0 : (ref18 = ref17[0]) === null || ref18 === void 0 ? void 0 : (ref19 = ref18.resource) === null || ref19 === void 0 ? void 0 : ref19.slug),
+                logo: product === null || product === void 0 ? void 0 : (ref20 = product.brands) === null || ref20 === void 0 ? void 0 : (ref21 = ref20[0]) === null || ref21 === void 0 ? void 0 : (ref22 = ref21.resource) === null || ref22 === void 0 ? void 0 : (ref23 = ref22.assets) === null || ref23 === void 0 ? void 0 : (ref24 = ref23[0]) === null || ref24 === void 0 ? void 0 : (ref25 = ref24.sources) === null || ref25 === void 0 ? void 0 : (ref26 = ref25[0]) === null || ref26 === void 0 ? void 0 : ref26.url
+            },
+            category: {
+                _id: product === null || product === void 0 ? void 0 : (ref28 = product.categories) === null || ref28 === void 0 ? void 0 : (ref29 = ref28[(product === null || product === void 0 ? void 0 : (ref27 = product.categories) === null || ref27 === void 0 ? void 0 : ref27.length) - 1]) === null || ref29 === void 0 ? void 0 : ref29.resourceId,
+                name: getTranslatableField(product === null || product === void 0 ? void 0 : (ref31 = product.categories) === null || ref31 === void 0 ? void 0 : (ref32 = ref31[(product === null || product === void 0 ? void 0 : (ref30 = product.categories) === null || ref30 === void 0 ? void 0 : ref30.length) - 1]) === null || ref32 === void 0 ? void 0 : (ref33 = ref32.resource) === null || ref33 === void 0 ? void 0 : ref33.name),
+                slug: getTranslatableField(product === null || product === void 0 ? void 0 : (ref35 = product.categories) === null || ref35 === void 0 ? void 0 : (ref36 = ref35[(product === null || product === void 0 ? void 0 : (ref34 = product.categories) === null || ref34 === void 0 ? void 0 : ref34.length) - 1]) === null || ref36 === void 0 ? void 0 : (ref37 = ref36.resource) === null || ref37 === void 0 ? void 0 : ref37.slug)
+            },
+            rootCategory: {
+                _id: rootCategoryId,
+                name: getTranslatableField(rootCategory === null || rootCategory === void 0 ? void 0 : (ref38 = rootCategory.resource) === null || ref38 === void 0 ? void 0 : ref38.name),
+                slug: getTranslatableField(rootCategory === null || rootCategory === void 0 ? void 0 : (ref39 = rootCategory.resource) === null || ref39 === void 0 ? void 0 : ref39.slug)
+            },
+            categories: 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 : (ref40 = selectedVariant.content) === null || ref40 === void 0 ? void 0 : ref40.map(createProductContent).length) ? selectedVariant === null || selectedVariant === void 0 ? void 0 : (ref41 = selectedVariant.content) === null || ref41 === void 0 ? void 0 : ref41.map(createProductContent) : product === null || product === void 0 ? void 0 : (ref42 = product.content) === null || ref42 === void 0 ? void 0 : ref42.map(createProductContent),
+            assets: assetsFieldsToMap(product === null || product === void 0 ? void 0 : product.assets)
+        };
+        return metaObj;
+    }, [
+        product === null || product === void 0 ? void 0 : product._id,
+        product === null || product === void 0 ? void 0 : product.brands,
+        product === null || product === void 0 ? void 0 : product.content,
+        product === null || product === void 0 ? void 0 : product.description,
+        product === null || product === void 0 ? void 0 : product.metaDescription,
+        product === null || product === void 0 ? void 0 : product.name,
+        product === null || product === void 0 ? void 0 : product.slug,
+        product === null || product === void 0 ? void 0 : product.assets,
+        selectedVariant, 
+    ]);
+    var seoData = React.useMemo(function() {
+        var seoObj = {
+            title: getTranslatableField(selectedVariant === null || selectedVariant === void 0 ? void 0 : selectedVariant.metaTitle) || getTranslatableField(product === null || product === void 0 ? void 0 : product.metaTitle),
+            description: getTranslatableField(selectedVariant === null || selectedVariant === void 0 ? void 0 : selectedVariant.metaDescription) || getTranslatableField(product === null || product === void 0 ? void 0 : product.metaDescription),
+            keywords: getTranslatableField(selectedVariant === null || selectedVariant === void 0 ? void 0 : selectedVariant.metaKeywords) || getTranslatableField(product === null || product === void 0 ? void 0 : product.metaKeywords)
+        };
+        return seoObj;
+    }, [
+        product === null || product === void 0 ? void 0 : product.metaDescription,
+        product === null || product === void 0 ? void 0 : product.metaKeywords,
+        product === null || product === void 0 ? void 0 : product.metaTitle,
+        selectedVariant, 
+    ]);
+    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
+    ]);
+    React.useEffect(function() {
+        // prevent unnecessary calculations
+        if (mounted) {
+            setVariants(getVariantsWithInventory());
+        }
+    }, [
+        product
+    ]);
+    React.useMemo(function() {
+        // prevent unnecessary calculations
+        if (!mounted) {
+            return setMounted(true);
+        }
+        var data = getCombinationsAndAttributeRules();
+        setCombinationsAndAttributeRules(data);
+    }, [
+        variants
+    ]);
+    var state = {
+        metaData: metaData,
+        seoData: seoData,
+        variants: variants,
+        selectedVariant: selectedVariant,
+        attributeRules: attributeRules
+    };
+    var functions = {
+        getVariantById: getVariantById,
+        getVariantByAttribute: getVariantByAttribute,
+        getVariantByCombination: getVariantByCombination,
+        selectVariantById: selectVariantById,
+        selectVariantByAttribute: selectVariantByAttribute,
+        selectVariantByCombination: selectVariantByCombination,
+        getCombinationsForAttributeRule: getCombinationsForAttributeRule,
+        selectVariantOptions: selectVariantOptions,
+        getCustomFieldValue: getCustomFieldValue,
+        getProductVideos: function() {
+            return getProductVideos(metaData.assets);
+        }
+    };
+    return(/*#__PURE__*/ React.createElement(ProductStateContext.Provider, {
+        value: state
+    }, /*#__PURE__*/ React.createElement(CountDispatchContext.Provider, {
+        value: functions
+    }, children)));
 }
 export function useProductState() {
-  var context = React.useContext(ProductStateContext);
-
-  if (context === undefined) {
-    throw new Error('useProductState must be used within a ProductProvider');
-  }
-
-  return context;
+    var context = React.useContext(ProductStateContext);
+    if (context === undefined) {
+        throw new Error('useProductState must be used within a ProductProvider');
+    }
+    return context;
 }
 export function useProductFunctions() {
-  var context = React.useContext(CountDispatchContext);
-
-  if (context === undefined) {
-    throw new Error('useProductDispatch must be used within a ProductProvider');
-  }
-
-  return context;
+    var context = React.useContext(CountDispatchContext);
+    if (context === undefined) {
+        throw new Error('useProductDispatch must be used within a ProductProvider');
+    }
+    return context;
 }
 export function useProduct(slug, config) {
-  return productsApi.useProduct(slug, config);
+    return productsApi.useProduct(slug, config);
 }
-//# sourceMappingURL=index.js.map