@sentecacommerce-theme/lib 0.13.7-alpha.7 → 0.13.10

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

@@ -1,17 +1,29 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "OfferDTOStatusEnum", {
+Object.defineProperty(exports, "useLineItemFunctions", {
     enumerable: true,
     get: function() {
-        return _sdk.OfferDTOStatusEnum;
+        return _lineItemContext.useLineItemFunctions;
+    }
+});
+Object.defineProperty(exports, "useLineItemState", {
+    enumerable: true,
+    get: function() {
+        return _lineItemContext.useLineItemState;
+    }
+});
+Object.defineProperty(exports, "LineItemStateProvider", {
+    enumerable: true,
+    get: function() {
+        return _lineItemContext.LineItemStateProvider;
     }
 });
 exports.useLineItem = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _sdk = require("@sentecacommerce/sdk");
 var _utils = require("../../utils");
 var _usePrefetchProduct = require("../usePrefetchProduct");
+var _lineItemContext = require("./LineItemContext");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -32,8 +44,7 @@ function _interopRequireDefault(obj) {
 }
 function _objectSpread(target) {
     for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[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) {
@@ -47,10 +58,10 @@ function _objectSpread(target) {
     return target;
 }
 var useLineItem = function(props) {
-    var ref16 = (0, _usePrefetchProduct).usePrefetchProduct((0, _utils).getTranslatableField(props === null || props === void 0 ? void 0 : props.slug)), onMouseEnter = ref16.onMouseEnter, onMouseLeave = ref16.onMouseLeave, onMouseDown = ref16.onMouseDown;
+    var ref17 = (0, _usePrefetchProduct).usePrefetchProduct((0, _utils).getTranslatableField(props === null || props === void 0 ? void 0 : props.slug)), onMouseEnter = ref17.onMouseEnter, onMouseLeave = ref17.onMouseLeave, onMouseDown = ref17.onMouseDown;
     var data = _react.default.useMemo(function() {
-        var ref17, ref1, ref2, ref3, ref4, ref5, ref6, ref7, ref8, ref9, ref10, ref11, ref12;
-        var mappedAttributes = (ref17 = Object.keys(props === null || props === void 0 ? void 0 : props.attributes)) === null || ref17 === void 0 ? void 0 : ref17.reduce(function(map, key) {
+        var ref18, ref1, ref2, ref3, ref4, ref5, ref6, ref7, ref8, ref9, ref10, ref11, ref12, ref13;
+        var mappedAttributes = (ref18 = Object.keys(props === null || props === void 0 ? void 0 : props.attributes)) === null || ref18 === void 0 ? void 0 : ref18.reduce(function(map, key) {
             var current = props === null || props === void 0 ? void 0 : props.attributes[key];
             var ref;
             map[key] = {
@@ -64,18 +75,14 @@ var useLineItem = function(props) {
                 })
             };
             return map;
-        }, {
-        });
+        }, {});
         var customFields = props === null || props === void 0 ? void 0 : (ref1 = props.custom) === null || ref1 === void 0 ? void 0 : ref1.reduce(function(map, current) {
             if (Boolean(current.value) && current.value !== '0') {
-                return _objectSpread({
-                }, map, _defineProperty({
-                }, current.field, current.value));
+                return _objectSpread({}, map, _defineProperty({}, current.field, current.value));
             }
             return map;
-        }, {
-        });
-        var ref13, ref14, ref15;
+        }, {});
+        var ref14, ref15, ref16;
         return {
             _id: props === null || props === void 0 ? void 0 : props._id,
             name: (0, _utils).getTranslatableField(props === null || props === void 0 ? void 0 : props.name),
@@ -83,19 +90,21 @@ var useLineItem = function(props) {
                 name: (0, _utils).getTranslatableField(props === null || props === void 0 ? void 0 : (ref2 = props.brands) === null || ref2 === void 0 ? void 0 : (ref3 = ref2[0]) === null || ref3 === void 0 ? void 0 : ref3.name),
                 slug: (0, _utils).getTranslatableField(props === null || props === void 0 ? void 0 : (ref4 = props.brands) === null || ref4 === void 0 ? void 0 : (ref5 = ref4[0]) === null || ref5 === void 0 ? void 0 : ref5.slug)
             },
+            attributes: props === null || props === void 0 ? void 0 : props.attributes,
+            variantAttributes: (ref6 = props) === null || ref6 === void 0 ? void 0 : ref6.variantAttributes,
+            variants: props === null || props === void 0 ? void 0 : props.variants,
             slug: (0, _utils).getTranslatableField(props === null || props === void 0 ? void 0 : props.slug),
             collapseKey: props === null || props === void 0 ? void 0 : props.collapseKey,
             variantId: props === null || props === void 0 ? void 0 : props.variantId,
-            offerId: props === null || props === void 0 ? void 0 : (ref6 = props.offer) === null || ref6 === void 0 ? void 0 : ref6._id,
+            offerId: props === null || props === void 0 ? void 0 : (ref7 = props.offer) === null || ref7 === void 0 ? void 0 : ref7._id,
             offer: props === null || props === void 0 ? void 0 : props.offer,
             sku: props === null || props === void 0 ? void 0 : props.sku,
-            images: (props === null || props === void 0 ? void 0 : props.images) || {
-            },
+            images: (props === null || props === void 0 ? void 0 : props.images) || {},
             ratings: props === null || props === void 0 ? void 0 : props.reviewRatingStatistics,
-            price: props === null || props === void 0 ? void 0 : (ref7 = props.offer) === null || ref7 === void 0 ? void 0 : ref7.originalPrice,
-            discountedPrice: props === null || props === void 0 ? void 0 : (ref8 = props.offer) === null || ref8 === void 0 ? void 0 : ref8.discountedPrice,
-            variantOptions: (ref13 = props === null || props === void 0 ? void 0 : props.variantOptions) !== null && ref13 !== void 0 ? ref13 : 0,
-            variantsCount: (ref14 = props === null || props === void 0 ? void 0 : props.variantsCount) !== null && ref14 !== void 0 ? ref14 : 0,
+            price: props === null || props === void 0 ? void 0 : (ref8 = props.offer) === null || ref8 === void 0 ? void 0 : ref8.originalPrice,
+            discountedPrice: props === null || props === void 0 ? void 0 : (ref9 = props.offer) === null || ref9 === void 0 ? void 0 : ref9.discountedPrice,
+            variantOptions: (ref14 = props === null || props === void 0 ? void 0 : props.variantOptions) !== null && ref14 !== void 0 ? ref14 : 0,
+            variantsCount: (ref15 = props === null || props === void 0 ? void 0 : props.variantsCount) !== null && ref15 !== void 0 ? ref15 : 0,
             categories: props === null || props === void 0 ? void 0 : props.categories.map(function(category) {
                 return {
                     name: (0, _utils).getTranslatableField(category.name),
@@ -103,9 +112,9 @@ var useLineItem = function(props) {
                 };
             }),
             inventory: {
-                hasAvailableQuantity: (props === null || props === void 0 ? void 0 : (ref9 = props.inventorySnapshot) === null || ref9 === void 0 ? void 0 : ref9.canOrder) ? true : false,
-                availableQuantity: (props === null || props === void 0 ? void 0 : (ref10 = props.inventorySnapshot) === null || ref10 === void 0 ? void 0 : ref10.canOrder) ? (ref15 = props === null || props === void 0 ? void 0 : (ref11 = props.inventorySnapshot) === null || ref11 === void 0 ? void 0 : ref11.availableQuantity) !== null && ref15 !== void 0 ? ref15 : 0 : 0,
-                maxQuantity: props === null || props === void 0 ? void 0 : (ref12 = props.offer) === null || ref12 === void 0 ? void 0 : ref12.maxQuantity
+                hasAvailableQuantity: (props === null || props === void 0 ? void 0 : (ref10 = props.inventorySnapshot) === null || ref10 === void 0 ? void 0 : ref10.canOrder) ? true : false,
+                availableQuantity: (props === null || props === void 0 ? void 0 : (ref11 = props.inventorySnapshot) === null || ref11 === void 0 ? void 0 : ref11.canOrder) ? (ref16 = props === null || props === void 0 ? void 0 : (ref12 = props.inventorySnapshot) === null || ref12 === void 0 ? void 0 : ref12.availableQuantity) !== null && ref16 !== void 0 ? ref16 : 0 : 0,
+                maxQuantity: props === null || props === void 0 ? void 0 : (ref13 = props.offer) === null || ref13 === void 0 ? void 0 : ref13.maxQuantity
             },
             labels: mapLabelData(props === null || props === void 0 ? void 0 : props.labels),
             getCustomFieldByKey: function(key) {

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

@@ -4,6 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.useLocalRating = void 0;
 var _react = require("react");
 var _useProduct = require("../useProduct");
+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;
 }
@@ -21,12 +26,14 @@ function _defineProperty(obj, key, value) {
     return obj;
 }
 function _iterableToArrayLimit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
     var _arr = [];
     var _n = true;
     var _d = false;
-    var _e = undefined;
+    var _s, _e;
     try {
-        for(var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true){
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
             _arr.push(_s.value);
             if (i && _arr.length === i) break;
         }
@@ -43,12 +50,11 @@ function _iterableToArrayLimit(arr, i) {
     return _arr;
 }
 function _nonIterableRest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance");
+    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 _objectSpread(target) {
     for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[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) {
@@ -62,10 +68,18 @@ function _objectSpread(target) {
     return target;
 }
 function _slicedToArray(arr, i) {
-    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
-var useLocalRating = function(param) {
-    var storageKey = param === void 0 ? '__RATINGS__' : param;
+var useLocalRating = function() {
+    var storageKey = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : '__RATINGS__';
     var ref, ref1;
     var metaData = (0, _useProduct).useProductState().metaData;
     var ref2 = _slicedToArray((0, _react).useState({
@@ -101,8 +115,7 @@ var useLocalRating = function(param) {
                     value: newValue,
                     count: rating.count + 1
                 });
-                return _objectSpread({
-                }, item, {
+                return _objectSpread({}, item, {
                     value: newValue,
                     count: rating.count + 1
                 });

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

@@ -6,6 +6,11 @@ var _regeneratorRuntime = _interopRequireDefault(require("regenerator-runtime"))
 var _react = _interopRequireDefault(require("react"));
 var _reactQuery = require("react-query");
 var _ = require("../../");
+function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
 function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
 }
@@ -44,12 +49,14 @@ function _interopRequireDefault(obj) {
     };
 }
 function _iterableToArrayLimit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
     var _arr = [];
     var _n = true;
     var _d = false;
-    var _e = undefined;
+    var _s, _e;
     try {
-        for(var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true){
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
             _arr.push(_s.value);
             if (i && _arr.length === i) break;
         }
@@ -66,10 +73,18 @@ function _iterableToArrayLimit(arr, i) {
     return _arr;
 }
 function _nonIterableRest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance");
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _slicedToArray(arr, i) {
-    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
 var usePrefetchProduct = function(slug) {
     var queryCache = (0, _reactQuery).useQueryCache();

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

@@ -1,141 +1,58 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "AssetSourceDTO", {
-    enumerable: true,
-    get: function() {
-        return _sdk.AssetSourceDTO;
-    }
-});
 exports.ProductProvider = ProductProvider;
 exports.useProductState = useProductState;
 exports.useProductFunctions = useProductFunctions;
 exports.useProduct = useProduct;
 var _react = _interopRequireDefault(require("react"));
-var _sdk = require("@sentecacommerce/sdk");
 var _ = require("../../");
 var _utils = require("./utils");
 var _productsApi = require("../../api/productsApi");
 var _assetsToMap = require("../../utils/assetsToMap");
-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;
-    }
-}
-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 (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;
-        }
-    }
-    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]);
-        });
-    }
-    return target;
-}
-function _slicedToArray(arr, i) {
-    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
-}
-function _toConsumableArray(arr) {
-    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread();
-}
 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;
-    var ref36 = _slicedToArray(_react.default.useState(false), 2), mounted = ref36[0], setMounted = ref36[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 product = param.product, children = param.children, defaultVariantId = param.defaultVariantId, _includeBrandInName = param.includeBrandInName, includeBrandInName = _includeBrandInName === void 0 ? false : _includeBrandInName;
+    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, getAllPossibleSizesForCurrentVariant = ref38.getAllPossibleSizesForCurrentVariant, 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;
+        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: (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 : (ref5 = product.brands) === null || ref5 === void 0 ? void 0 : (ref6 = ref5[0]) === null || ref6 === void 0 ? void 0 : ref6.resourceId,
-                name: (0, _).getTranslatableField(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 : (ref9 = ref8.resource) === null || ref9 === void 0 ? void 0 : ref9.name),
-                slug: (0, _).getTranslatableField(product === null || product === void 0 ? void 0 : (ref10 = product.brands) === null || ref10 === void 0 ? void 0 : (ref11 = ref10[0]) === null || ref11 === void 0 ? void 0 : (ref12 = ref11.resource) === null || ref12 === void 0 ? void 0 : ref12.slug),
-                logo: 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 : (ref16 = ref15.assets) === null || ref16 === void 0 ? void 0 : (ref17 = ref16[0]) === null || ref17 === void 0 ? void 0 : (ref18 = ref17.sources) === null || ref18 === void 0 ? void 0 : (ref19 = ref18[0]) === null || ref19 === void 0 ? void 0 : ref19.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 : (ref21 = product.categories) === null || ref21 === void 0 ? void 0 : (ref22 = ref21[(product === null || product === void 0 ? void 0 : (ref20 = product.categories) === null || ref20 === void 0 ? void 0 : ref20.length) - 1]) === null || ref22 === void 0 ? void 0 : ref22.resourceId,
-                name: (0, _).getTranslatableField(product === null || product === void 0 ? void 0 : (ref24 = product.categories) === null || ref24 === void 0 ? void 0 : (ref25 = ref24[(product === null || product === void 0 ? void 0 : (ref23 = product.categories) === null || ref23 === void 0 ? void 0 : ref23.length) - 1]) === null || ref25 === void 0 ? void 0 : (ref26 = ref25.resource) === null || ref26 === void 0 ? void 0 : ref26.name),
-                slug: (0, _).getTranslatableField(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 : (ref30 = ref29.resource) === null || ref30 === void 0 ? void 0 : ref30.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 : (ref31 = rootCategory.resource) === null || ref31 === void 0 ? void 0 : ref31.name),
-                slug: (0, _).getTranslatableField(rootCategory === null || rootCategory === void 0 ? void 0 : (ref32 = rootCategory.resource) === null || ref32 === void 0 ? void 0 : ref32.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 : (ref33 = selectedVariant.content) === null || ref33 === void 0 ? void 0 : ref33.map(_utils.createProductContent).length) ? selectedVariant === null || selectedVariant === void 0 ? void 0 : (ref34 = selectedVariant.content) === null || ref34 === void 0 ? void 0 : ref34.map(_utils.createProductContent) : product === null || product === void 0 ? void 0 : (ref35 = product.content) === null || ref35 === void 0 ? void 0 : ref35.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;
@@ -151,8 +68,11 @@ function ProductProvider(param) {
         selectedVariant, 
     ]);
     var seoData = _react.default.useMemo(function() {
+        var ref, ref39, ref40;
+        var title = (0, _).getTranslatableField(selectedVariant === null || selectedVariant === void 0 ? void 0 : selectedVariant.metaTitle) || (0, _).getTranslatableField(product === null || product === void 0 ? void 0 : product.metaTitle);
+        var brandName = product === null || product === void 0 ? void 0 : (ref = product.brands) === null || ref === void 0 ? void 0 : (ref39 = ref[0]) === null || ref39 === void 0 ? void 0 : (ref40 = ref39.resource) === null || ref40 === void 0 ? void 0 : ref40.name;
         var seoObj = {
-            title: (0, _).getTranslatableField(selectedVariant === null || selectedVariant === void 0 ? void 0 : selectedVariant.metaTitle) || (0, _).getTranslatableField(product === null || product === void 0 ? void 0 : product.metaTitle),
+            title: includeBrandInName && brandName ? "".concat(brandName, " ").concat(title) : title,
             description: (0, _).getTranslatableField(selectedVariant === null || selectedVariant === void 0 ? void 0 : selectedVariant.metaDescription) || (0, _).getTranslatableField(product === null || product === void 0 ? void 0 : product.metaDescription),
             keywords: (0, _).getTranslatableField(selectedVariant === null || selectedVariant === void 0 ? void 0 : selectedVariant.metaKeywords) || (0, _).getTranslatableField(product === null || product === void 0 ? void 0 : product.metaKeywords)
         };
@@ -163,175 +83,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 ref40;
-        var variantsWithInventory = product === null || product === void 0 ? void 0 : (ref40 = product.variants) === null || ref40 === void 0 ? void 0 : ref40.reduce(function(map, _, index, arr) {
-            var ref41, ref37, ref38, ref39;
-            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 : (ref41 = currentVariant.inventorySnapshot) === null || ref41 === void 0 ? void 0 : ref41.canOrder;
-            var updatedVariant = _objectSpread({
-            }, currentVariant, {
-                inventory: {
-                    hasAvailableQuantity: (ref37 = currentVariant.inventorySnapshot) === null || ref37 === void 0 ? void 0 : ref37.canOrder,
-                    availableQuantity: (ref38 = currentVariant.inventorySnapshot) === null || ref38 === void 0 ? void 0 : ref38.availableQuantity
-                },
-                isAvailable: isAvailable ? true : false,
-                quantity: isAvailable ? currentVariant === null || currentVariant === void 0 ? void 0 : (ref39 = currentVariant.inventorySnapshot) === null || ref39 === void 0 ? void 0 : ref39.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 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];
-    }
-    function getCustomFieldValue(field) {
-        return customFields === null || customFields === void 0 ? void 0 : customFields[field];
-    }
-    function getCombinationsForAttributeRule(key, id) {
-        var ref, ref42;
-        var result = attributeRules === null || attributeRules === void 0 ? void 0 : (ref = attributeRules[key]) === null || ref === void 0 ? void 0 : (ref42 = ref.values) === null || ref42 === void 0 ? void 0 : ref42[id];
-        return result;
-    }
     var collapsedImages = (0, _utils).createCollapseKeyImagesMap(product);
     var state = {
         metaData: metaData,
@@ -348,6 +99,7 @@ function ProductProvider(param) {
         selectVariantById: selectVariantById,
         selectVariantByAttribute: selectVariantByAttribute,
         selectVariantByCombination: selectVariantByCombination,
+        getAllPossibleSizesForCurrentVariant: getAllPossibleSizesForCurrentVariant,
         getCombinationsForAttributeRule: getCombinationsForAttributeRule,
         selectVariantOptions: selectVariantOptions,
         getCustomFieldValue: getCustomFieldValue,