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

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

@@ -1,14 +1,21 @@
 import { myCartApi } from '../../';
+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 _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;
         }
@@ -25,10 +32,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);
 }
 export var useCheckoutShippingAddress = function(query, onSetCallback) {
     var cartData = query.data;

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

@@ -14,8 +14,7 @@ function _defineProperty(obj, key, value) {
 }
 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) {
@@ -28,8 +27,8 @@ function _objectSpread(target) {
     }
     return target;
 }
-export var useCheckoutShippingModule = function(orderQuery, param) {
-    var isEnabled = param === void 0 ? true : param;
+export var useCheckoutShippingModule = function(orderQuery) {
+    var isEnabled = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : true;
     var cartData = orderQuery.data;
     return useMemo(function() {
         var ref;
@@ -37,8 +36,7 @@ export var useCheckoutShippingModule = function(orderQuery, param) {
         var shipping = cartData === null || cartData === void 0 ? void 0 : (ref = cartData.shippings) === null || ref === void 0 ? void 0 : ref[0];
         return {
             moduleKey: shipping === null || shipping === void 0 ? void 0 : shipping.moduleKey,
-            moduleData: _objectSpread({
-            }, shipping === null || shipping === void 0 ? void 0 : shipping.moduleData, {
+            moduleData: _objectSpread({}, shipping === null || shipping === void 0 ? void 0 : shipping.moduleData, {
                 methodKey: shipping === null || shipping === void 0 ? void 0 : shipping.moduleMethodKey
             })
         };

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

@@ -1,8 +1,13 @@
 import regeneratorRuntime from "regenerator-runtime";
 import { myOrdersApi, myPaymentsBoricaApi, useDistrictMeta } from '../../';
-import { PaymentMethodDTOTypeEnum, MyPaymentsPaypalPayMyOrder } from '@sentecacommerce/sdk';
+import { MyPaymentsPaypalPayMyOrder, MyPaymentsUnicreditStartSession, PaymentDTOTypeEnum } from '@sentecacommerce/sdk';
 import { useConfigState } from '../useConfig';
 import { purchase } from '../../analytics/purchase';
+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;
 }
@@ -36,12 +41,14 @@ function _asyncToGenerator(fn) {
     };
 }
 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;
         }
@@ -58,71 +65,103 @@ 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);
 }
 export var useCheckoutSubmit = function(param) {
-    var onSuccess = param.onSuccess, onBeforeBoricaRedirect = param.onBeforeBoricaRedirect, onBeforePaypalRedirect = param.onBeforePaypalRedirect, onError = param.onError, withMeta = param.withMeta, disablePaymentRedirects = param.disablePaymentRedirects;
+    var onSuccess = param.onSuccess, onBeforeBoricaRedirect = param.onBeforeBoricaRedirect, onBeforePaypalRedirect = param.onBeforePaypalRedirect, onBeforeUniCreditRedirect = param.onBeforeUniCreditRedirect, onError = param.onError, withMeta = param.withMeta, disablePaymentRedirects = param.disablePaymentRedirects;
     var Config = useConfigState();
     var districtMeta = useDistrictMeta();
-    var ref = _slicedToArray(myOrdersApi.useCreate(withMeta ? districtMeta : {
-    }, _asyncToGenerator(regeneratorRuntime.mark(function _callee(result) {
-        var paypalPayment, boricaPayment, boricaResult, paypalResponse;
-        return regeneratorRuntime.wrap(function _callee$(_ctx) {
-            while(1)switch(_ctx.prev = _ctx.next){
-                case 0:
-                    // Analytics
-                    purchase(result, Config);
-                    paypalPayment = result.payments.find(function(payment) {
-                        return payment.type === PaymentMethodDTOTypeEnum.PaymentServiceProvider && payment.moduleKey === 'Paypal';
-                    });
-                    boricaPayment = result.payments.find(function(payment) {
-                        return payment.type === PaymentMethodDTOTypeEnum.PaymentServiceProvider && payment.moduleKey === 'Borica';
-                    });
-                    if (!disablePaymentRedirects) {
-                        _ctx.next = 5;
+    var hasAnalytics = !process.env.NO_ANALYTICS;
+    var ref = _slicedToArray(myOrdersApi.useCreate(withMeta ? districtMeta : {}, function() {
+        var _ref = _asyncToGenerator(regeneratorRuntime.mark(function _callee(result) {
+            var paypalPayment, boricaPayment, uniCreditPayment, boricaResult, paypalResponse, uniCreditStartSessionResponse;
+            return regeneratorRuntime.wrap(function _callee$(_ctx) {
+                while(1)switch(_ctx.prev = _ctx.next){
+                    case 0:
+                        // Analytics
+                        if (hasAnalytics) {
+                            purchase(result, Config);
+                        }
+                        paypalPayment = result.payments.find(function(payment) {
+                            return payment.type === PaymentDTOTypeEnum.PaymentServiceProvider && payment.moduleKey === 'Paypal';
+                        });
+                        boricaPayment = result.payments.find(function(payment) {
+                            return payment.type === PaymentDTOTypeEnum.PaymentServiceProvider && payment.moduleKey === 'Borica';
+                        });
+                        uniCreditPayment = result.payments.find(function(payment) {
+                            return payment.type === PaymentDTOTypeEnum.PaymentServiceProvider && payment.moduleKey === 'UniCredit';
+                        });
+                        if (!disablePaymentRedirects) {
+                            _ctx.next = 6;
+                            break;
+                        }
+                        return _ctx.abrupt("return", onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(result));
+                    case 6:
+                        if (!boricaPayment) {
+                            _ctx.next = 13;
+                            break;
+                        }
+                        _ctx.next = 9;
+                        return myPaymentsBoricaApi.pay({
+                            orderId: result._id,
+                            paymentId: boricaPayment._id
+                        });
+                    case 9:
+                        boricaResult = _ctx.sent;
+                        onBeforeBoricaRedirect === null || onBeforeBoricaRedirect === void 0 ? void 0 : onBeforeBoricaRedirect(boricaResult);
+                        _ctx.next = 28;
                         break;
-                    }
-                    return _ctx.abrupt("return", onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(result));
-                case 5:
-                    if (!boricaPayment) {
-                        _ctx.next = 12;
+                    case 13:
+                        if (!paypalPayment) {
+                            _ctx.next = 20;
+                            break;
+                        }
+                        _ctx.next = 16;
+                        return MyPaymentsPaypalPayMyOrder(result._id, paypalPayment._id);
+                    case 16:
+                        paypalResponse = _ctx.sent;
+                        onBeforePaypalRedirect === null || onBeforePaypalRedirect === void 0 ? void 0 : onBeforePaypalRedirect(paypalResponse);
+                        _ctx.next = 28;
                         break;
-                    }
-                    _ctx.next = 8;
-                    return myPaymentsBoricaApi.pay({
-                        orderId: result._id,
-                        paymentId: boricaPayment._id
-                    });
-                case 8:
-                    boricaResult = _ctx.sent;
-                    onBeforeBoricaRedirect === null || onBeforeBoricaRedirect === void 0 ? void 0 : onBeforeBoricaRedirect(boricaResult);
-                    _ctx.next = 20;
-                    break;
-                case 12:
-                    if (!paypalPayment) {
-                        _ctx.next = 19;
+                    case 20:
+                        if (!uniCreditPayment) {
+                            _ctx.next = 27;
+                            break;
+                        }
+                        _ctx.next = 23;
+                        return MyPaymentsUnicreditStartSession({}, {
+                            orderId: result._id
+                        });
+                    case 23:
+                        uniCreditStartSessionResponse = _ctx.sent;
+                        onBeforeUniCreditRedirect === null || onBeforeUniCreditRedirect === void 0 ? void 0 : onBeforeUniCreditRedirect(uniCreditStartSessionResponse);
+                        _ctx.next = 28;
                         break;
-                    }
-                    _ctx.next = 15;
-                    return MyPaymentsPaypalPayMyOrder(result._id, paypalPayment._id);
-                case 15:
-                    paypalResponse = _ctx.sent;
-                    onBeforePaypalRedirect === null || onBeforePaypalRedirect === void 0 ? void 0 : onBeforePaypalRedirect(paypalResponse);
-                    _ctx.next = 20;
-                    break;
-                case 19:
-                    {
-                        onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(result);
-                    }
-                case 20:
-                case "end":
-                    return _ctx.stop();
-            }
-        }, _callee);
-    })), onError), 1), handleCheckoutSubmit = ref[0];
+                    case 27:
+                        {
+                            onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(result);
+                        }
+                    case 28:
+                    case "end":
+                        return _ctx.stop();
+                }
+            }, _callee);
+        }));
+        return function(result) {
+            return _ref.apply(this, arguments);
+        };
+    }(), onError), 1), handleCheckoutSubmit = ref[0];
     return {
         handleCheckoutSubmit: handleCheckoutSubmit
     };

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

@@ -14,8 +14,7 @@ function _defineProperty(obj, key, value) {
 }
 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) {
@@ -31,12 +30,13 @@ function _objectSpread(target) {
 export var useClearAllFilters = function() {
     var router = useRouter();
     return function() {
-        var query = _objectSpread({
-        }, router.query);
+        var query = _objectSpread({}, router.query);
         delete query.filter;
         router.push({
             pathname: router.pathname,
             query: query
+        }, undefined, {
+            shallow: true
         });
     };
 };

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

@@ -1,12 +1,16 @@
 import { useMutation } from 'react-query';
 export var useContactForm = function(param) {
-    var onSuccess = param.onSuccess, onError = param.onError, _endpoint = param.endpoint, endpoint = _endpoint === void 0 ? 'email/contact' : _endpoint, integrationDomain = param.integrationDomain;
+    var onSuccess = param.onSuccess, onError = param.onError, _endpoint = param.endpoint, endpoint = _endpoint === void 0 ? 'email/contact' : _endpoint, integrationDomain = param.integrationDomain, interfaceKey = param.interfaceKey;
+    var headers = interfaceKey ? {
+        InterfaceKey: interfaceKey,
+        'Content-Type': 'application/json'
+    } : {
+        'Content-Type': 'application/json'
+    };
     return useMutation(function(body) {
         return fetch("".concat(integrationDomain, "/").concat(endpoint), {
             method: 'POST',
-            headers: {
-                'Content-Type': 'application/json'
-            },
+            headers: headers,
             body: JSON.stringify(body)
         }).then(function(res) {
             return res.json();

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

@@ -1,15 +1,22 @@
 import { useEffect, useCallback, useState } from 'react';
 import copy from 'copy-to-clipboard';
+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 _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;
         }
@@ -26,14 +33,23 @@ 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();
 }
 var _typeof = function(obj) {
+    "@swc/helpers - typeof";
     return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
 };
+function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
 export function useCopyToClipboard(resetInterval) {
     var ref = _slicedToArray(useState(false), 2), isCopied = ref[0], setCopied = ref[1];
     var handleCopy = useCallback(function(text) {

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

@@ -1,14 +1,21 @@
 import { useState, useCallback } from 'react';
+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 _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;
         }
@@ -25,10 +32,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);
 }
 /**
  * Forces a re-render, similar to `forceUpdate` in class components.

package/dist/esm/hooks/useLineItem/LineItemContext.js

@@ -0,0 +1,76 @@
+import React from 'react';
+import { useProductVariants } from '../useProductVariants';
+import { getTranslatableField } from '../..';
+function _defineProperty(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _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;
+}
+var LineItemStateContext = /*#__PURE__*/ React.createContext(undefined);
+var CountDispatchContext = /*#__PURE__*/ React.createContext(undefined);
+export function LineItemStateProvider(param) {
+    var product = param.product, children = param.children;
+    var ref = useProductVariants({
+        product: product,
+        defaultVariantId: product.variantId,
+        isLineItem: true
+    }), variants = ref.variants, selectedVariant = ref.selectedVariant, getVariantById = ref.getVariantById, getVariantByAttribute = ref.getVariantByAttribute, getVariantByCombination = ref.getVariantByCombination, selectVariantById = ref.selectVariantById, selectVariantByAttribute = ref.selectVariantByAttribute, selectVariantByCombination = ref.selectVariantByCombination, getAllPossibleSizesForCurrentVariant = ref.getAllPossibleSizesForCurrentVariant;
+    var state = {
+        variants: variants,
+        selectedVariant: _objectSpread({}, selectedVariant, {
+            name: getTranslatableField(selectedVariant === null || selectedVariant === void 0 ? void 0 : selectedVariant.name),
+            slug: getTranslatableField(selectedVariant === null || selectedVariant === void 0 ? void 0 : selectedVariant.slug)
+        })
+    };
+    var functions = {
+        getVariantById: getVariantById,
+        getVariantByAttribute: getVariantByAttribute,
+        getVariantByCombination: getVariantByCombination,
+        selectVariantById: selectVariantById,
+        selectVariantByAttribute: selectVariantByAttribute,
+        selectVariantByCombination: selectVariantByCombination,
+        getAllPossibleSizesForCurrentVariant: getAllPossibleSizesForCurrentVariant
+    };
+    return(/*#__PURE__*/ React.createElement(LineItemStateContext.Provider, {
+        value: state
+    }, /*#__PURE__*/ React.createElement(CountDispatchContext.Provider, {
+        value: functions
+    }, children)));
+}
+export function useLineItemState() {
+    var context = React.useContext(LineItemStateContext);
+    if (context === undefined) {
+        throw new Error('useLineItemState must be used within a LineItemStateProvider');
+    }
+    return context;
+}
+export function useLineItemFunctions() {
+    var context = React.useContext(CountDispatchContext);
+    if (context === undefined) {
+        throw new Error('useLineItemFunctions must be used within a LineItemStateProvider');
+    }
+    return context;
+}

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

@@ -1,5 +1,4 @@
 import React from 'react';
-import { OfferDTOStatusEnum } from '@sentecacommerce/sdk';
 import { getTranslatableField } from '../../utils';
 import { usePrefetchProduct } from '../usePrefetchProduct';
 function _defineProperty(obj, key, value) {
@@ -17,8 +16,7 @@ function _defineProperty(obj, key, value) {
 }
 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) {
@@ -31,12 +29,12 @@ function _objectSpread(target) {
     }
     return target;
 }
-export { OfferDTOStatusEnum };
+export { useLineItemFunctions, useLineItemState, LineItemStateProvider } from './LineItemContext';
 export var useLineItem = function(props) {
-    var ref16 = usePrefetchProduct(getTranslatableField(props === null || props === void 0 ? void 0 : props.slug)), onMouseEnter = ref16.onMouseEnter, onMouseLeave = ref16.onMouseLeave, onMouseDown = ref16.onMouseDown;
+    var ref17 = usePrefetchProduct(getTranslatableField(props === null || props === void 0 ? void 0 : props.slug)), onMouseEnter = ref17.onMouseEnter, onMouseLeave = ref17.onMouseLeave, onMouseDown = ref17.onMouseDown;
     var data = React.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] = {
@@ -50,18 +48,14 @@ export 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: getTranslatableField(props === null || props === void 0 ? void 0 : props.name),
@@ -69,19 +63,21 @@ export var useLineItem = function(props) {
                 name: 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: 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: 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: getTranslatableField(category.name),
@@ -89,9 +85,9 @@ export 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) {