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

package/dist/cjs/product/index.js

@@ -1,9 +1,12 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
+var _exportNames = {
+};
 var _api = _interopRequireWildcard(require("./api"));
 Object.keys(_api).forEach(function(key) {
     if (key === "default" || key === "__esModule") return;
+    if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
     if (key in exports && exports[key] === _api[key]) return;
     Object.defineProperty(exports, key, {
         enumerable: true,
@@ -12,6 +15,18 @@ Object.keys(_api).forEach(function(key) {
         }
     });
 });
+var _hooks = _interopRequireWildcard(require("./hooks"));
+Object.keys(_hooks).forEach(function(key) {
+    if (key === "default" || key === "__esModule") return;
+    if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+    if (key in exports && exports[key] === _hooks[key]) return;
+    Object.defineProperty(exports, key, {
+        enumerable: true,
+        get: function() {
+            return _hooks[key];
+        }
+    });
+});
 function _interopRequireWildcard(obj) {
     if (obj && obj.__esModule) {
         return obj;

package/dist/cjs/user/api/queries/index.js

@@ -1,9 +1,12 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
+var _exportNames = {
+};
 var _useIsAuthenticatedQuery = _interopRequireWildcard(require("./useIsAuthenticatedQuery"));
 Object.keys(_useIsAuthenticatedQuery).forEach(function(key) {
     if (key === "default" || key === "__esModule") return;
+    if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
     if (key in exports && exports[key] === _useIsAuthenticatedQuery[key]) return;
     Object.defineProperty(exports, key, {
         enumerable: true,
@@ -12,6 +15,18 @@ Object.keys(_useIsAuthenticatedQuery).forEach(function(key) {
         }
     });
 });
+var _useGetMyLoyaltyCardQuery = _interopRequireWildcard(require("./useGetMyLoyaltyCardQuery"));
+Object.keys(_useGetMyLoyaltyCardQuery).forEach(function(key) {
+    if (key === "default" || key === "__esModule") return;
+    if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+    if (key in exports && exports[key] === _useGetMyLoyaltyCardQuery[key]) return;
+    Object.defineProperty(exports, key, {
+        enumerable: true,
+        get: function() {
+            return _useGetMyLoyaltyCardQuery[key];
+        }
+    });
+});
 function _interopRequireWildcard(obj) {
     if (obj && obj.__esModule) {
         return obj;

package/dist/cjs/user/api/queries/useGetMyLoyaltyCardQuery.js

@@ -0,0 +1,21 @@
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.useGetMyLoyaltyCardQuery = void 0;
+var _sdk = require("@sentecacommerce/sdk");
+var _reactQuery = require("react-query");
+var useGetMyLoyaltyCardQuery = function(callback) {
+    return (0, _reactQuery).useQuery('get-loyalty-card-key', function() {
+        return (0, _sdk).MyWalletGetByType('loyalty-program');
+    }, {
+        onSuccess: function() {
+            var ref;
+            return callback === null || callback === void 0 ? void 0 : (ref = callback.onSuccess) === null || ref === void 0 ? void 0 : ref.call(callback);
+        },
+        onError: function(err) {
+            var ref;
+            return callback === null || callback === void 0 ? void 0 : (ref = callback.onError) === null || ref === void 0 ? void 0 : ref.call(callback, err);
+        }
+    });
+};
+exports.useGetMyLoyaltyCardQuery = useGetMyLoyaltyCardQuery;

package/dist/cjs/user/api/utils/getUserToken.js

@@ -0,0 +1,16 @@
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.getUserToken = void 0;
+var _jsCookie = _interopRequireDefault(require("js-cookie"));
+var _index = require("../../../index");
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+var ref;
+var getUserToken = function() {
+    return (ref = _jsCookie.default.get(_index.AUTH_TOKEN_KEY)) !== null && ref !== void 0 ? ref : _jsCookie.default.get(_index.ANONYMOUS_TOKEN_KEY);
+};
+exports.getUserToken = getUserToken;

package/dist/cjs/user/api/utils/index.js

@@ -51,6 +51,18 @@ Object.keys(_generateAnonymousToken).forEach(function(key) {
         }
     });
 });
+var _getUserToken = _interopRequireWildcard(require("./getUserToken"));
+Object.keys(_getUserToken).forEach(function(key) {
+    if (key === "default" || key === "__esModule") return;
+    if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+    if (key in exports && exports[key] === _getUserToken[key]) return;
+    Object.defineProperty(exports, key, {
+        enumerable: true,
+        get: function() {
+            return _getUserToken[key];
+        }
+    });
+});
 function _interopRequireWildcard(obj) {
     if (obj && obj.__esModule) {
         return obj;

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

@@ -183,6 +183,30 @@ Object.keys(_useRequestEmailConfirmation).forEach(function(key) {
         }
     });
 });
+var _useGetUserToken = _interopRequireWildcard(require("./useGetUserToken"));
+Object.keys(_useGetUserToken).forEach(function(key) {
+    if (key === "default" || key === "__esModule") return;
+    if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+    if (key in exports && exports[key] === _useGetUserToken[key]) return;
+    Object.defineProperty(exports, key, {
+        enumerable: true,
+        get: function() {
+            return _useGetUserToken[key];
+        }
+    });
+});
+var _useGetMyLoyaltyCard = _interopRequireWildcard(require("./useGetMyLoyaltyCard"));
+Object.keys(_useGetMyLoyaltyCard).forEach(function(key) {
+    if (key === "default" || key === "__esModule") return;
+    if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+    if (key in exports && exports[key] === _useGetMyLoyaltyCard[key]) return;
+    Object.defineProperty(exports, key, {
+        enumerable: true,
+        get: function() {
+            return _useGetMyLoyaltyCard[key];
+        }
+    });
+});
 function _interopRequireWildcard(obj) {
     if (obj && obj.__esModule) {
         return obj;

package/dist/cjs/user/hooks/useGetMyLoyaltyCard.js

@@ -0,0 +1,9 @@
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.useGetMyLoyaltyCard = void 0;
+var _api = require("../api");
+var useGetMyLoyaltyCard = function(callback) {
+    return (0, _api).useGetMyLoyaltyCardQuery(callback);
+};
+exports.useGetMyLoyaltyCard = useGetMyLoyaltyCard;

package/dist/cjs/user/hooks/useGetUserToken.js

@@ -0,0 +1,15 @@
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.useGetUserToken = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _api = require("../api");
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+var useGetUserToken = function() {
+    return (0, _api).getUserToken();
+};
+exports.useGetUserToken = useGetUserToken;

package/dist/esm/api/myCartApi/index.js

@@ -42,7 +42,8 @@ export var myCartCacheKeys = {
     useGetShippingMethods: 'mycart-api-use-get-shippingmethods',
     useGetAllShippingMethods: 'mycart-api-use-get-all-shippingmethods',
     useGetPaymentMethods: 'mycart-api-use-get-paymentmethods',
-    useIsExisting: 'mycart-api-is-existing'
+    useIsExisting: 'mycart-api-is-existing',
+    useGetCrossSaleItems: 'mycart-api-use-get-cross-sale-products'
 };
 var LineItemType1;
 (function(LineItemType) {

package/dist/esm/basket/api/index.js

@@ -0,0 +1 @@
+export * from './mutations';

package/dist/esm/basket/api/mutations/index.js

@@ -0,0 +1 @@
+export * from './useReplaceBasketMutation';

package/dist/esm/basket/api/mutations/useReplaceBasketMutation.js

@@ -0,0 +1,48 @@
+import regeneratorRuntime from "regenerator-runtime";
+import React from 'react';
+import { useMutation, useQueryCache } from 'react-query';
+import { myCartCacheKeys } from '../../../index';
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _asyncToGenerator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+export var useReplaceBasketMutation = function() {
+    var queryCache = useQueryCache();
+    return useMutation(_asyncToGenerator(regeneratorRuntime.mark(function _callee(newBasket) {
+        return regeneratorRuntime.wrap(function _callee$(_ctx) {
+            while(1)switch(_ctx.prev = _ctx.next){
+                case 0:
+                    queryCache.setQueryData(myCartCacheKeys.useGet, newBasket);
+                    queryCache.setQueryData(myCartCacheKeys.useGetCompact, newBasket.compact);
+                case 2:
+                case "end":
+                    return _ctx.stop();
+            }
+        }, _callee);
+    })));
+};

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

@@ -0,0 +1,2 @@
+export * from './useReplaceBasket';
+export * from './useBasketCrossSaleItems';

package/dist/esm/basket/hooks/useBasketCrossSaleItems.js

@@ -0,0 +1,67 @@
+import regeneratorRuntime from "regenerator-runtime";
+import React, { useMemo } from 'react';
+import { useQuery } from 'react-query';
+import { MyCartGetCrossSaleProducts } from '@sentecacommerce/sdk';
+import { getTranslatableField } from '../../index';
+import { myCartCacheKeys } from '../../index';
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _asyncToGenerator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+export var useBasketCrossSaleItems = function() {
+    var crossSaleProducts = useQuery(myCartCacheKeys.useGetCrossSaleItems, _asyncToGenerator(regeneratorRuntime.mark(function _callee() {
+        return regeneratorRuntime.wrap(function _callee$(_ctx) {
+            while(1)switch(_ctx.prev = _ctx.next){
+                case 0:
+                    _ctx.next = 2;
+                    return MyCartGetCrossSaleProducts();
+                case 2:
+                    return _ctx.abrupt("return", _ctx.sent);
+                case 3:
+                case "end":
+                    return _ctx.stop();
+            }
+        }, _callee);
+    })));
+    return useMemo(function() {
+        var ref;
+        return crossSaleProducts === null || crossSaleProducts === void 0 ? void 0 : (ref = crossSaleProducts.data) === null || ref === void 0 ? void 0 : ref.map(function(product) {
+            return {
+                name: getTranslatableField(product.name),
+                description: getTranslatableField(product.description),
+                slug: getTranslatableField(product.slug),
+                attributeRules: product.attributeRules,
+                attributes: product.attributes,
+                _id: product._id,
+                variants: product.variants
+            };
+        });
+    }, [
+        crossSaleProducts === null || crossSaleProducts === void 0 ? void 0 : crossSaleProducts.data
+    ]);
+};

package/dist/esm/basket/hooks/useReplaceBasket.js

@@ -0,0 +1,2 @@
+import { useReplaceBasketMutation } from '../api';
+export { useReplaceBasketMutation as useReplaceBasket };

package/dist/esm/basket/index.js

@@ -0,0 +1 @@
+export * from './hooks';

package/dist/esm/checkout/api/keys.js

@@ -5,3 +5,9 @@ export var CheckoutQueryKeysEnum;
 export var getVerifyBoricaResponseKey = function(order) {
     return "Borica Response for Order: ".concat(order);
 };
+export var getBnpLoanCalculatorKey = function(preferredInstallmentCentAmount) {
+    return [
+        'bnp-loan-calculator',
+        preferredInstallmentCentAmount
+    ];
+};

package/dist/esm/checkout/api/queries/index.js

@@ -1 +1,2 @@
 export * from './useVerifyBoricaResponseQuery';
+export * from './useBnpCalculateForCartQuery';

package/dist/esm/checkout/api/queries/useBnpCalculateForCartQuery.js

@@ -0,0 +1,50 @@
+import regeneratorRuntime from "regenerator-runtime";
+import React from 'react';
+import { useQuery } from 'react-query';
+import { MyPaymentsBnpCalculateLoanOrder } from '@sentecacommerce/sdk';
+import { getBnpLoanCalculatorKey } from '../keys';
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _asyncToGenerator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+export var useBnpCalculateForCartQuery = function(props) {
+    return useQuery(getBnpLoanCalculatorKey(props.preferredInstallmentCentAmount), _asyncToGenerator(regeneratorRuntime.mark(function _callee() {
+        return regeneratorRuntime.wrap(function _callee$(_ctx) {
+            while(1)switch(_ctx.prev = _ctx.next){
+                case 0:
+                    _ctx.next = 2;
+                    return MyPaymentsBnpCalculateLoanOrder(props);
+                case 2:
+                    return _ctx.abrupt("return", _ctx.sent);
+                case 3:
+                case "end":
+                    return _ctx.stop();
+            }
+        }, _callee);
+    })));
+};

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

@@ -1 +1,2 @@
 export * from './useVerifyBoricaResponse';
+export * from './useBnpCalculateForCart';

package/dist/esm/checkout/hooks/useBnpCalculateForCart.js

@@ -0,0 +1,92 @@
+import React, { useMemo } from 'react';
+import { useBnpCalculateForCartQuery } from '../api';
+import { decodePrice, formatAsCurrency, useConfigState } from '../../index';
+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;
+}
+export var useBnpCalculateForCart = function(props) {
+    var ref8, ref1, ref2, ref3;
+    var ref4 = props !== null && props !== void 0 ? props : {
+    }, _preferredInstallmentCentAmount = ref4.preferredInstallmentCentAmount, preferredInstallmentCentAmount = _preferredInstallmentCentAmount === void 0 ? 0 : _preferredInstallmentCentAmount, _downPaymentCentAmount = ref4.downPaymentCentAmount, downPaymentCentAmount = _downPaymentCentAmount === void 0 ? 0 : _downPaymentCentAmount;
+    var response = useBnpCalculateForCartQuery({
+        preferredInstallmentCentAmount: preferredInstallmentCentAmount,
+        downPaymentCentAmount: downPaymentCentAmount
+    });
+    var configLocale = (ref8 = useConfigState()) === null || ref8 === void 0 ? void 0 : (ref1 = ref8.price) === null || ref1 === void 0 ? void 0 : ref1.locale;
+    return useMemo(function() {
+        var ref, ref5, ref6, ref7;
+        return _objectSpread({
+        }, response, {
+            data: _objectSpread({
+            }, response === null || response === void 0 ? void 0 : (ref = response.data) === null || ref === void 0 ? void 0 : ref[0], {
+                offers: response === null || response === void 0 ? void 0 : (ref5 = response.data) === null || ref5 === void 0 ? void 0 : (ref6 = ref5[0]) === null || ref6 === void 0 ? void 0 : (ref7 = ref6.offers) === null || ref7 === void 0 ? void 0 : ref7.map(function(offer) {
+                    var _totalRepaymentAmount = decodePrice(offer.totalRepaymentAmount);
+                    var _correctDownPaymentAmount = decodePrice(offer.correctDownPaymentAmount);
+                    var _installmentAmount = decodePrice(offer.installmentAmount);
+                    var _processingFeeAmount = decodePrice(offer.processingFeeAmount);
+                    var totalRepaymentAmount = formatAsCurrency({
+                        price: _totalRepaymentAmount,
+                        precision: offer.totalRepaymentAmount.fractionDigits,
+                        currency: offer.totalRepaymentAmount.currencyCode,
+                        locale: configLocale || 'en'
+                    });
+                    var correctDownPaymentAmount = formatAsCurrency({
+                        price: _correctDownPaymentAmount,
+                        precision: offer.correctDownPaymentAmount.fractionDigits,
+                        currency: offer.correctDownPaymentAmount.currencyCode,
+                        locale: configLocale || 'en'
+                    });
+                    var installmentAmount = formatAsCurrency({
+                        price: _installmentAmount,
+                        precision: offer.installmentAmount.fractionDigits,
+                        currency: offer.installmentAmount.currencyCode,
+                        locale: configLocale || 'en'
+                    });
+                    var processingFeeAmount = formatAsCurrency({
+                        price: _processingFeeAmount,
+                        precision: offer.processingFeeAmount.fractionDigits,
+                        currency: offer.processingFeeAmount.currencyCode,
+                        locale: configLocale || 'en'
+                    });
+                    return _objectSpread({
+                    }, offer, {
+                        totalRepaymentAmount: totalRepaymentAmount,
+                        correctDownPaymentAmount: correctDownPaymentAmount,
+                        installmentAmount: installmentAmount,
+                        processingFeeAmount: processingFeeAmount
+                    });
+                }).sort(function(offer, offer2) {
+                    return Number(offer.maturity) - Number(offer2.maturity);
+                })
+            })
+        });
+    }, [
+        response === null || response === void 0 ? void 0 : (ref2 = response.data) === null || ref2 === void 0 ? void 0 : (ref3 = ref2[0]) === null || ref3 === void 0 ? void 0 : ref3.offers
+    ]);
+};

package/dist/esm/contexts/CheckoutForm/hooks/usePayment/index.js

@@ -35,6 +35,8 @@ function _slicedToArray(arr, i) {
 export var usePayment = function(param) {
     var orderQuery = param.orderQuery, errorLabels = param.errorLabels, enabled = param.enabled;
     var ref = _slicedToArray(useState(false), 2), isPaymentSubmitting = ref[0], setIsPaymentSubmitting = ref[1];
+    var ref1 = _slicedToArray(useState({
+    }), 2), loanInfo = ref1[0], setLoanInfo = ref1[1];
     var paymentMethods = useCheckoutPayment({
         query: orderQuery,
         enabled: enabled
@@ -46,11 +48,14 @@ export var usePayment = function(param) {
             errors: isPaymentSubmitting ? paymentErrors : null,
             isValid: !paymentErrors,
             updateIsSubmitting: setIsPaymentSubmitting,
-            paymentMethods: paymentMethods
+            updateLoanInfo: setLoanInfo,
+            paymentMethods: paymentMethods,
+            loanInfo: loanInfo
         };
     }, [
         paymentMethods,
         paymentErrors,
-        isPaymentSubmitting
+        isPaymentSubmitting,
+        loanInfo
     ]);
 };

package/dist/esm/contexts/CheckoutForm/index.js

@@ -109,9 +109,10 @@ export function CheckoutFormContextProvider(param) {
         'email',
         'phoneNumber', 
     ] : _requiredFieldsOnShippingStep, _requiredFieldsOnBillingAddressStep = param.requiredFieldsOnBillingAddressStep, requiredFieldsOnBillingAddressStep = _requiredFieldsOnBillingAddressStep === void 0 ? [
-        'city',
-        'postalCode',
-        'streetName'
+        'vatId',
+        'companyId',
+        'companyPerson',
+        'companyName', 
     ] : _requiredFieldsOnBillingAddressStep, _enableNoShippingMethodMode = param.enableNoShippingMethodMode, enableNoShippingMethodMode = _enableNoShippingMethodMode === void 0 ? false : _enableNoShippingMethodMode, _disablePaymentRedirects = param.disablePaymentRedirects, disablePaymentRedirects = _disablePaymentRedirects === void 0 ? false : _disablePaymentRedirects;
     var orderQuery = myCartApi.useGet();
     var ref4 = _slicedToArray(useState(null), 2), boricaData = ref4[0], setBoricaData = ref4[1];
@@ -253,6 +254,7 @@ export function CheckoutFormContextProvider(param) {
                         setIsBillingSubmitting: billingState.updateIsSubmitting,
                         isPaymentValid: paymentState.isValid,
                         setIsPaymentSubmitting: paymentState.updateIsSubmitting,
+                        loanInfo: paymentState.loanInfo,
                         step: step,
                         updateStep: setStep,
                         saveOrder: handleCheckoutSubmit,

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

@@ -1,4 +1,5 @@
 import React from 'react';
+import { OfferDTOStatusEnum } from '@sentecacommerce/sdk';
 import { getTranslatableField } from '../../utils';
 import { usePrefetchProduct } from '../usePrefetchProduct';
 function _defineProperty(obj, key, value) {
@@ -30,6 +31,7 @@ function _objectSpread(target) {
     }
     return target;
 }
+export { OfferDTOStatusEnum };
 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 data = React.useMemo(function() {

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { AssetSourceDTO } from '@sentecacommerce/sdk';
 import { getTranslatableField } from '../../';
-import { assignCombinationsToAttributeRules, createCombinationsMap, createCustomFieldsMap, createProductContent, createAttributeRulesMap, createMappedAttributes, processAvailabilityPerStore, getProductVideos, createMappedOptions, createSelectedOption2, formatCategories, createLabelsMap } from './utils';
+import { assignCombinationsToAttributeRules, createCombinationsMap, createCustomFieldsMap, createProductContent, createAttributeRulesMap, createMappedAttributes, processAvailabilityPerStore, getProductVideos, createMappedOptions, createSelectedOption2, formatCategories, createLabelsMap, createCollapseKeyImagesMap } from './utils';
 import { productsApi } from '../../api/productsApi';
 import { assetsFieldsToMap } from '../../utils/assetsToMap';
 function _arrayWithHoles(arr) {
@@ -152,12 +152,31 @@ export function ProductProvider(param) {
     };
     var selectVariantByAttribute = function selectVariantByAttribute(key) {
         var ref;
-        var id = (ref = combinations[key]) === null || ref === void 0 ? void 0 : ref.value;
-        setSelectedVariant(variants[id]);
+        // 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]);
     };
     var selectVariantByCombination = function selectVariantByCombination(key, value) {
-        var id = combinations[key].params[value];
-        setSelectedVariant(variants[id]);
+        // 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]);
     };
     var selectVariantOptions = function selectVariantOptions(definitionKey, optionKey) {
         if (selectedVariant) {
@@ -296,12 +315,14 @@ export function ProductProvider(param) {
     }, [
         variants
     ]);
+    var collapsedImages = createCollapseKeyImagesMap(product);
     var state = {
         metaData: metaData,
         seoData: seoData,
         variants: variants,
         selectedVariant: selectedVariant,
-        attributeRules: attributeRules
+        attributeRules: attributeRules,
+        collapsedImages: collapsedImages
     };
     var functions = {
         getVariantById: getVariantById,

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

@@ -118,6 +118,19 @@ export var createProductContent = function(data) {
         content: getTranslatableField(data.content)
     };
 };
+// Add grouped images for SD color variants
+export var createCollapseKeyImagesMap = function(product) {
+    var ref;
+    var mappedKeys = product === null || product === void 0 ? void 0 : (ref = product.variants) === null || ref === void 0 ? void 0 : ref.reduce(function(res, cur) {
+        if (!res[cur.collapseKey]) {
+            res[cur.collapseKey] = [];
+        }
+        res[cur.collapseKey].push(cur);
+        return res;
+    }, {
+    });
+    return mappedKeys;
+};
 export var createAttributeRulesMap = function(product) {
     var ref, ref1;
     var uniqueRules = product === null || product === void 0 ? void 0 : (ref = product.attributeRules) === null || ref === void 0 ? void 0 : ref.filter(function(x) {

package/dist/esm/index.js

@@ -1,3 +1,5 @@
+import Cookie from 'js-cookie';
+export { Cookie };
 export * from './dto';
 // API
 // export * from './api/myCart'
@@ -120,6 +122,8 @@ export * from './navigation';
 export * from './GDPR';
 // User
 export * from './user';
+// Basket
+export * from './basket';
 // UI Components and hooks
 export * from './ui';
 export * from './wishlist';