@faststore/core 2.2.56 → 2.2.58

package/.next/server/chunks/74.js

@@ -92,6 +92,24 @@ const Input = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function Input({
 
 /***/ }),
 
+/***/ 1953:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+
+const Label = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function Label({ testId = 'fs-label', children, ...otherProps }, ref) {
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", { ref: ref, "data-fs-label": true, "data-testid": testId, ...otherProps }, children));
+});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Label);
+//# sourceMappingURL=Label.js.map
+
+/***/ }),
+
 /***/ 727:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -525,6 +543,41 @@ const IconButton = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function Ic
 
 /***/ }),
 
+/***/ 3779:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2256);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1953);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(7041);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(2614);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(3339);
+
+
+const InputField = ({ id, label, type = 'text', error, displayClearButton, actionable, buttonActionText = 'Apply', onSubmit, onClear, placeholder = ' ', // initializes with an empty space to style float label using `placeholder-shown`
+inputRef, disabled, value, testId = 'fs-input-field', ...otherProps }) => {
+    const shouldDisplayError = !disabled && error && error !== '';
+    const shouldDisplayButton = actionable && !disabled && value !== '';
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { "data-fs-input-field": true, "data-fs-input-field-actionable": actionable, "data-fs-input-field-error": error && error !== '', "data-testid": testId },
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, { id: id, type: type, value: value, ref: inputRef, disabled: disabled, placeholder: placeholder, ...otherProps }),
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, { htmlFor: id }, label),
+        shouldDisplayButton &&
+            (displayClearButton || error ? (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, { size: "small", "aria-label": "Clear Field", icon: react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, { name: "XCircle" }), onClick: () => {
+                    onClear?.();
+                    inputRef?.current?.focus();
+                } })) : (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, { variant: "tertiary", size: "small", onClick: onSubmit }, buttonActionText))),
+        shouldDisplayError && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { "data-fs-input-field-error-message": true }, error))));
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (InputField);
+//# sourceMappingURL=InputField.js.map
+
+/***/ }),
+
 /***/ 3922:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -724,6 +777,58 @@ const Modal = ({ children, testId = 'fs-modal', isOpen = true, onDismiss, overla
 
 /***/ }),
 
+/***/ 6693:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7041);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(2614);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(2256);
+
+
+const QuantitySelector = ({ max, min = 1, initial, disabled = false, onChange, testId = 'fs-quantity-selector', ...otherProps }) => {
+    const [quantity, setQuantity] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(initial ?? min);
+    const isLeftDisabled = quantity === min;
+    const isRightDisabled = quantity === max;
+    const changeQuantity = (increaseValue) => {
+        const quantityValue = validateQuantityBounds(quantity + increaseValue);
+        onChange?.(quantityValue);
+        setQuantity(quantityValue);
+    };
+    const increase = () => changeQuantity(1);
+    const decrease = () => changeQuantity(-1);
+    function validateQuantityBounds(n) {
+        const maxValue = min ? Math.max(n, min) : n;
+        return max ? Math.min(maxValue, max) : maxValue;
+    }
+    function validateInput(e) {
+        const val = e.currentTarget.value;
+        if (!Number.isNaN(Number(val))) {
+            setQuantity(() => {
+                const quantityValue = validateQuantityBounds(Number(val));
+                onChange?.(quantityValue);
+                return quantityValue;
+            });
+        }
+    }
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+        initial && setQuantity(initial);
+    }, [initial]);
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { "data-fs-quantity-selector": disabled ? 'disabled' : 'true', "data-testid": testId, ...otherProps },
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, { "data-quantity-selector-button": "left", icon: react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, { name: "Minus", width: 16, height: 16, weight: "bold" }), "aria-label": "Decrement Quantity", "aria-controls": "quantity-selector-input", disabled: isLeftDisabled || disabled, onClick: decrease, testId: `${testId}-left-button`, size: "small" }),
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, { "data-quantity-selector-input": true, id: "quantity-selector-input", "aria-label": "Quantity", value: quantity, onChange: validateInput, disabled: disabled }),
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, { "data-quantity-selector-button": "right", "aria-controls": "quantity-selector-input", "aria-label": "Increment Quantity", disabled: isRightDisabled || disabled, icon: react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, { name: "Plus", width: 16, height: 16, weight: "bold" }), onClick: increase, testId: `${testId}-right-button`, size: "small" })));
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (QuantitySelector);
+//# sourceMappingURL=QuantitySelector.js.map
+
+/***/ }),
+
 /***/ 3024:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -1039,8 +1144,8 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 
-const RegionModal = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.lazy)(() => Promise.all(/* import() */[__webpack_require__.e(779), __webpack_require__.e(988)]).then(__webpack_require__.bind(__webpack_require__, 5988)));
-const CartSidebar = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.lazy)(() => Promise.all(/* import() */[__webpack_require__.e(693), __webpack_require__.e(585)]).then(__webpack_require__.bind(__webpack_require__, 6585)));
+const RegionModal = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.lazy)(() => __webpack_require__.e(/* import() */ 988).then(__webpack_require__.bind(__webpack_require__, 5988)));
+const CartSidebar = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.lazy)(() => __webpack_require__.e(/* import() */ 585).then(__webpack_require__.bind(__webpack_require__, 6585)));
 const GLOBAL_SECTIONS_CONTENT_TYPE = 'globalSections';
 
 /* A list of components that can be used in the CMS. */
@@ -1906,6 +2011,7 @@ function ProductCard_ProductCard_ProductCard(_ref) {
   });
 
   const outOfStock = (0,external_react_.useMemo)(() => availability !== 'https://schema.org/InStock', [availability]);
+  const hasDiscount = spotPrice <= listPrice;
   return /*#__PURE__*/(0,jsx_runtime_.jsxs)(ProductCard_ProductCard, _objectSpread(_objectSpread({
     outOfStock: outOfStock,
     bordered: bordered,
@@ -1933,7 +2039,7 @@ function ProductCard_ProductCard_ProductCard(_ref) {
       outOfStock: outOfStock,
       onButtonClick: onButtonClick,
       linkProps: linkProps,
-      showDiscountBadge: showDiscountBadge
+      showDiscountBadge: hasDiscount && showDiscountBadge
     })]
   }));
 }
@@ -3082,139 +3188,278 @@ const {
 
 /***/ }),
 
-/***/ 2432:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "B": () => (/* binding */ ProductShelfDefaultComponents)
-/* harmony export */ });
-/* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6737);
-/* harmony import */ var src_components_product_ProductCard__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(8553);
-/* harmony import */ var src_components_ui_Carousel__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8619);
-
-
-
-const ProductShelfDefaultComponents = {
-  ProductShelf: _faststore_ui__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z,
-  __experimentalCarousel: src_components_ui_Carousel__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z,
-  __experimentalProductCard: src_components_product_ProductCard__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z
-};
-
-/***/ }),
-
-/***/ 8569:
-/***/ ((module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var react_intersection_observer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9785);
-/* harmony import */ var react_intersection_observer__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_intersection_observer__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _Section__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(3271);
-/* harmony import */ var src_components_ui_ProductShelf__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(7691);
-/* harmony import */ var _section_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6627);
-/* harmony import */ var _section_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_section_module_scss__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(997);
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([src_components_ui_ProductShelf__WEBPACK_IMPORTED_MODULE_4__]);
-src_components_ui_ProductShelf__WEBPACK_IMPORTED_MODULE_4__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-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 ProductShelfSection(_ref) {
-  let otherProps = Object.assign({}, _ref);
-  const {
-    ref,
-    inView
-  } = (0,react_intersection_observer__WEBPACK_IMPORTED_MODULE_0__.useInView)();
-  return /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx(_Section__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
-    className: `${(_section_module_scss__WEBPACK_IMPORTED_MODULE_3___default().section)} section-product-shelf layout__section`,
-    ref: ref,
-    children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx(src_components_ui_ProductShelf__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, _objectSpread({
-      inView: inView
-    }, otherProps))
-  });
-}
-
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProductShelfSection);
-__webpack_async_result__();
-} catch(e) { __webpack_async_result__(e); } });
-
-/***/ }),
-
-/***/ 3830:
+/***/ 1307:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-  "Z": () => (/* binding */ sections_RegionBar_RegionBar)
+  "l": () => (/* binding */ ProductDetailsDefaultComponents)
 });
 
-// EXTERNAL MODULE: ../components/dist/esm/hooks/UIProvider.js
-var UIProvider = __webpack_require__(6652);
-// EXTERNAL MODULE: ./src/sdk/session/index.ts + 1 modules
-var session = __webpack_require__(7295);
 // EXTERNAL MODULE: external "react"
 var external_react_ = __webpack_require__(6689);
 var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
+// EXTERNAL MODULE: ../components/dist/esm/molecules/Rating/Rating.js
+var Rating = __webpack_require__(3024);
+;// CONCATENATED MODULE: ../components/dist/esm/molecules/ProductTitle/ProductTitle.js
+
+
+const ProductTitle = (0,external_react_.forwardRef)(function ProductTitle({ title, label, refTag = 'Ref.: ', refNumber, testId = 'fs-product-title', ratingValue, ...otherProps }, ref) {
+    return (external_react_default().createElement("header", { ref: ref, "data-fs-product-title": true, "data-testid": testId, ...otherProps },
+        external_react_default().createElement("div", { "data-fs-product-title-header": true },
+            title,
+            !!label && label),
+        (refNumber || ratingValue) && (external_react_default().createElement("div", { "data-fs-product-title-addendum": true },
+            ratingValue && external_react_default().createElement(Rating/* default */.Z, { value: ratingValue }),
+            refNumber && (external_react_default().createElement((external_react_default()).Fragment, null,
+                refTag,
+                " ",
+                refNumber))))));
+});
+/* harmony default export */ const ProductTitle_ProductTitle = (ProductTitle);
+//# sourceMappingURL=ProductTitle.js.map
+// EXTERNAL MODULE: ../components/dist/esm/molecules/DiscountBadge/DiscountBadge.js + 1 modules
+var DiscountBadge = __webpack_require__(2946);
 // EXTERNAL MODULE: ../components/dist/esm/atoms/Button/Button.js
 var Button = __webpack_require__(3339);
-;// CONCATENATED MODULE: ../components/dist/esm/molecules/RegionBar/RegionBar.js
+;// CONCATENATED MODULE: ../components/dist/esm/molecules/BuyButton/BuyButton.js
 
 
-const RegionBar = (0,external_react_.forwardRef)(function RegionBar({ postalCode, icon, label, editLabel, buttonIcon, onButtonClick, ...otherProps }, ref) {
-    return (external_react_default().createElement("div", { ref: ref, "data-fs-region-bar": true, ...otherProps },
-        external_react_default().createElement(Button/* default */.Z, { variant: "tertiary", iconPosition: "right", onClick: onButtonClick, icon: buttonIcon },
-            !!icon && icon,
-            postalCode ? (external_react_default().createElement((external_react_default()).Fragment, null,
-                external_react_default().createElement("span", { "data-fs-region-bar-postal-code": true }, postalCode),
-                !!editLabel && external_react_default().createElement("span", { "data-fs-region-bar-cta": true }, editLabel))) : (external_react_default().createElement("span", { "data-fs-region-bar-message": true }, label)))));
-});
-/* harmony default export */ const RegionBar_RegionBar = (RegionBar);
-//# sourceMappingURL=RegionBar.js.map
+function BuyButton({ testId = 'fs-buy-button', icon, children, ...otherProps }) {
+    return (external_react_default().createElement(Button/* default */.Z, { "data-fs-buy-button": true, icon: icon, iconPosition: "left", "data-testid": testId, ...otherProps }, children));
+}
+/* harmony default export */ const BuyButton_BuyButton = (BuyButton);
+//# sourceMappingURL=BuyButton.js.map
 // EXTERNAL MODULE: ../components/dist/esm/atoms/Icon/Icon.js
 var Icon = __webpack_require__(2614);
-// EXTERNAL MODULE: ./src/sdk/overrides/overrides.ts
-var overrides = __webpack_require__(7506);
-;// CONCATENATED MODULE: ./src/customizations/src/components/overrides/RegionBar.tsx
-// This is an example of how it can be used on the starter.
-const SECTION = 'RegionBar';
-const override = {
-  section: SECTION
+// EXTERNAL MODULE: ../components/dist/esm/atoms/Price/Price.js
+var Price = __webpack_require__(9767);
+// EXTERNAL MODULE: ../components/dist/esm/molecules/QuantitySelector/QuantitySelector.js
+var QuantitySelector = __webpack_require__(6693);
+// EXTERNAL MODULE: ../components/dist/esm/atoms/Label/Label.js
+var Label = __webpack_require__(1953);
+// EXTERNAL MODULE: ../components/dist/esm/atoms/Link/Link.js
+var Link = __webpack_require__(727);
+// EXTERNAL MODULE: ../components/dist/esm/atoms/SROnly/SROnly.js
+var SROnly = __webpack_require__(5450);
+;// CONCATENATED MODULE: ../components/dist/esm/molecules/SkuSelector/useDefineVariant.js
+
+const getImageName = (src) => {
+    const sourcePath = new URL(src).pathname;
+    const imageName = sourcePath.split('/').slice(-1)[0];
+    return imageName;
+};
+const useDefineVariant = (options, variant) => (0,external_react_.useMemo)(() => {
+    if (variant)
+        return variant;
+    const allOptionsHaveHexColor = options.every((option) => option.hexColor);
+    if (allOptionsHaveHexColor) {
+        return 'color';
+    }
+    const firstImageName = options[0]?.src && getImageName(options[0].src);
+    const areSourcesEqualsOrNull = options.every((option) => {
+        if (!option.src) {
+            return true;
+        }
+        const optionImageName = getImageName(option.src);
+        return optionImageName === firstImageName;
+    });
+    if (!areSourcesEqualsOrNull) {
+        return 'image';
+    }
+    return 'label';
+}, [options, variant]);
+//# sourceMappingURL=useDefineVariant.js.map
+;// CONCATENATED MODULE: ../components/dist/esm/molecules/SkuSelector/useSkuSlug.js
+
+function getSkuSlug(slugsMap, selectedVariations, dominantVariation) {
+    const slugsMapKey = Object.entries(selectedVariations).flat().join('-');
+    if (slugsMapKey in slugsMap) {
+        return slugsMap[slugsMapKey];
+    }
+    const possibleVariants = Object.keys(slugsMap);
+    const firstVariationForDominantValue = possibleVariants.find((slug) => slug.includes(`${dominantVariation}-${selectedVariations[dominantVariation]}`));
+    return slugsMap[firstVariationForDominantValue ?? possibleVariants[0]];
+}
+const useSkuSlug = (activeVariations, slugsMap, skuPropertyName, getItemHrefProp) => {
+    const getItemHref = (0,external_react_.useCallback)((option) => {
+        if (getItemHrefProp)
+            return { getItemHrefProp };
+        const currentItemHref = `/${getSkuSlug(slugsMap, {
+            ...activeVariations,
+            [skuPropertyName]: option.value,
+        }, skuPropertyName)}/p`;
+        return currentItemHref;
+    }, [activeVariations, getItemHrefProp, slugsMap, skuPropertyName]);
+    return { getItemHref };
 };
+//# sourceMappingURL=useSkuSlug.js.map
+;// CONCATENATED MODULE: ../components/dist/esm/molecules/SkuSelector/SkuSelector.js
+
+
+
+
+// TODO: Change by ImageComponent when it be right
+const ImageComponentFallback = ({ src, alt, ...otherProps }) => external_react_default().createElement("img", { src: src, alt: alt, ...otherProps });
+const SkuSelector = (0,external_react_.forwardRef)(function SkuSelector({ availableVariations, skuPropertyName, testId, activeVariations, linkProps, slugsMap, getItemHref: getItemHrefProp, ImageComponent = ImageComponentFallback, variant: variantProp, ...otherProps }, ref) {
+    const activeSelectorValue = activeVariations[skuPropertyName];
+    const options = availableVariations[skuPropertyName];
+    const variant = useDefineVariant(options, variantProp);
+    const { getItemHref } = useSkuSlug(activeVariations, slugsMap, skuPropertyName, getItemHrefProp);
+    return (external_react_default().createElement("div", { ref: ref, "data-fs-sku-selector": true, "data-testid": testId, "data-fs-sku-selector-variant": variant, ...otherProps },
+        skuPropertyName && (external_react_default().createElement(Label/* default */.Z, { "data-fs-sku-selector-title": true },
+            skuPropertyName,
+            ": ",
+            external_react_default().createElement("strong", null, activeSelectorValue))),
+        external_react_default().createElement("ul", { "data-fs-sku-selector-list": true }, options.map((option, index) => {
+            return (external_react_default().createElement("li", { key: String(index), title: option.label, "data-fs-sku-selector-option": true, "data-fs-sku-selector-disabled": option.disabled, "data-fs-sku-selector-checked": option.value === activeVariations[skuPropertyName] },
+                external_react_default().createElement(Link/* default */.Z, { "data-fs-sku-selector-option-link": true, href: getItemHref(option), ...linkProps },
+                    external_react_default().createElement(SROnly/* default */.Z, { text: option.label })),
+                variant === 'label' && external_react_default().createElement("span", null, option.value),
+                variant === 'image' && ImageComponent && (external_react_default().createElement("span", null,
+                    external_react_default().createElement(ImageComponent, { src: option.src ?? '', alt: option.alt ?? '', "data-fs-sku-selector-option-image": true }))),
+                variant === 'color' && (external_react_default().createElement("span", null,
+                    external_react_default().createElement("div", { "data-fs-sku-selector-option-color": true, title: option.value, style: {
+                            '--data-fs-sku-selector-option-color-bkg-color': option.hexColor,
+                        } })))));
+        }))));
+});
+/* harmony default export */ const SkuSelector_SkuSelector = (SkuSelector);
+//# sourceMappingURL=SkuSelector.js.map
+// EXTERNAL MODULE: ../components/dist/esm/molecules/InputField/InputField.js
+var InputField = __webpack_require__(3779);
+;// CONCATENATED MODULE: ../components/dist/esm/molecules/Table/Table.js
+
+const Table = (0,external_react_.forwardRef)(function Table({ children, variant = 'colored', testId = 'fs-table', ...otherProps }, ref) {
+    return (external_react_default().createElement("div", { "data-fs-table": true },
+        external_react_default().createElement("table", { ref: ref, "data-fs-table-content": true, "data-fs-table-variant": variant, "data-testid": testId, ...otherProps }, children)));
+});
+/* harmony default export */ const Table_Table = (Table);
+//# sourceMappingURL=Table.js.map
+;// CONCATENATED MODULE: ../components/dist/esm/molecules/Table/TableBody.js
 
-;// CONCATENATED MODULE: ./src/components/sections/RegionBar/Overrides.tsx
+const TableBody = (0,external_react_.forwardRef)(function TableBody({ children, testId = 'fs-table-body', ...otherProps }, ref) {
+    return (external_react_default().createElement("tbody", { ref: ref, "data-testid": testId, "data-fs-table-body": true, ...otherProps }, children));
+});
+/* harmony default export */ const Table_TableBody = (TableBody);
+//# sourceMappingURL=TableBody.js.map
+;// CONCATENATED MODULE: ../components/dist/esm/molecules/Table/TableRow.js
 
+const TableRow = (0,external_react_.forwardRef)(function TableRow({ children, testId = 'fs-table-row', ...otherProps }, ref) {
+    return (external_react_default().createElement("tr", { ref: ref, "data-fs-table-row": true, "data-testid": testId, ...otherProps }, children));
+});
+/* harmony default export */ const Table_TableRow = (TableRow);
+//# sourceMappingURL=TableRow.js.map
+;// CONCATENATED MODULE: ../components/dist/esm/molecules/Table/TableCell.js
 
+const TableCell = (0,external_react_.forwardRef)(function TableCell({ scope, align, children, variant = 'data', testId = 'fs-table-cell', ...otherProps }, ref) {
+    const Cell = variant === 'header' ? 'th' : 'td';
+    return (external_react_default().createElement(Cell, { ref: ref, "data-fs-table-cell": variant, "data-fs-table-cell-align": align, "data-testid": testId, scope: scope, ...otherProps }, children));
+});
+/* harmony default export */ const Table_TableCell = (TableCell);
+//# sourceMappingURL=TableCell.js.map
+;// CONCATENATED MODULE: ../components/dist/esm/organisms/ShippingSimulation/ShippingSimulation.js
+
+
+function ShippingSimulation({ testId = 'fs-shipping-simulation', formatter, title = 'Shipping', inputLabel = 'Postal Code', optionsLabel = 'Shipping options', idkPostalCodeLinkProps, onInput, onSubmit, onClear, location, options = [], displayClearButton = false, errorMessage, postalCode, ...otherProps }) {
+    const hasShippingOptions = !!options && options.length > 0;
+    return (external_react_default().createElement("section", { "data-fs-shipping-simulation": true, "data-fs-shipping-simulation-empty": !hasShippingOptions ? 'true' : 'false', "data-testid": testId, ...otherProps },
+        external_react_default().createElement("h2", { "data-fs-shipping-simulation-title": true }, title),
+        external_react_default().createElement(InputField/* default */.Z, { actionable: true, error: errorMessage, id: `${testId}-input-field`, label: inputLabel, value: postalCode, onInput: (event) => onInput?.(event), onSubmit: () => onSubmit?.(), onClear: () => onClear?.(), displayClearButton: displayClearButton }),
+        external_react_default().createElement(Link/* default */.Z, { href: "/", "data-fs-shipping-simulation-link": true, size: "small", ...idkPostalCodeLinkProps }, idkPostalCodeLinkProps?.children ?? (external_react_default().createElement((external_react_default()).Fragment, null,
+            "I don't know my Postal Code",
+            external_react_default().createElement(Icon/* default */.Z, { name: "ArrowSquareOut", width: 20, height: 20 })))),
+        hasShippingOptions && (external_react_default().createElement((external_react_default()).Fragment, null,
+            external_react_default().createElement("header", { "data-fs-shipping-simulation-header": true },
+                external_react_default().createElement("h3", { "data-fs-shipping-simulation-subtitle": true }, optionsLabel),
+                external_react_default().createElement("p", { "data-fs-shipping-simulation-location": true }, location)),
+            external_react_default().createElement(Table_Table, null,
+                external_react_default().createElement(Table_TableBody, null, options.map((option) => (external_react_default().createElement(Table_TableRow, { key: option.carrier },
+                    external_react_default().createElement(Table_TableCell, { align: "left" }, option.carrier),
+                    external_react_default().createElement(Table_TableCell, null, option.localizedEstimates),
+                    external_react_default().createElement(Table_TableCell, { align: "right" }, option.price && (external_react_default().createElement(Price/* default */.Z, { formatter: formatter, value: option.price, SRText: "price" }))))))))))));
+}
+/* harmony default export */ const ShippingSimulation_ShippingSimulation = (ShippingSimulation);
+//# sourceMappingURL=ShippingSimulation.js.map
+// EXTERNAL MODULE: external "react-intersection-observer"
+var external_react_intersection_observer_ = __webpack_require__(9785);
+// EXTERNAL MODULE: ../components/dist/esm/molecules/IconButton/IconButton.js
+var IconButton = __webpack_require__(7041);
+;// CONCATENATED MODULE: ../components/dist/esm/organisms/ImageGallery/ImageGallerySelector.js
 
-const {
-  RegionBar: Overrides_RegionBar,
-  LocationIcon,
-  ButtonIcon
-} = (0,overrides/* getSectionOverrides */.f)({
-  RegionBar: RegionBar_RegionBar,
-  LocationIcon: Icon/* default */.Z,
-  ButtonIcon: Icon/* default */.Z
-}, override);
 
+
+const SCROLL_MARGIN_VALUE = 400;
+const moveScroll = (container, value) => {
+    if (container) {
+        if (container.scrollHeight > container.clientHeight) {
+            // TODO: Temporary workaround for scroll-behavior with scrollTop – Safari 15.4) https://developer.apple.com/forums/thread/703294
+            container.style.overflow = 'auto';
+            window.requestAnimationFrame(() => container.scrollTo({ top: value, behavior: 'smooth' }));
+            setTimeout(() => (container.style.overflow = 'hidden'), 2000);
+        }
+        else {
+            container.scrollLeft += value;
+        }
+    }
+};
+const hasScroll = (container) => {
+    if (container) {
+        return (container.scrollHeight > container.clientHeight ||
+            container.scrollWidth > container.clientWidth);
+    }
+    return false;
+};
+function ImageGallerySelector({ images, onSelect, ImageComponent, currentImageIdx, testId = 'fs-image-gallery-selector', 'aria-label': ariaLabel = 'Product Images', navigationButtonLeftAriaLabel = 'Backward slide image selector', navigationButtonRightAriaLabel = 'Forward slide image selector', }) {
+    const elementsRef = (0,external_react_.useRef)(null);
+    const elementHasScroll = hasScroll(elementsRef.current);
+    const [firstImageInView, setFirstImageInView] = (0,external_react_.useState)(true);
+    const [lastImageInView, setLastImageInView] = (0,external_react_.useState)(true);
+    const inViewChange = (0,external_react_.useCallback)((idx, inView) => {
+        idx === 0 && setFirstImageInView(inView);
+        idx === images.length - 1 && setLastImageInView(inView);
+    }, [images.length]);
+    return (external_react_default().createElement("section", { "data-fs-image-gallery-selector": true, "data-testid": testId, "aria-label": ariaLabel },
+        elementHasScroll && !firstImageInView && (external_react_default().createElement("div", { "data-fs-image-gallery-selector-control": true },
+            external_react_default().createElement(IconButton/* default */.Z, { "data-fs-image-gallery-selector-control-button": true, "aria-label": navigationButtonLeftAriaLabel, icon: external_react_default().createElement(Icon/* default */.Z, { name: "ArrowLeft" }), onClick: () => moveScroll(elementsRef.current, -SCROLL_MARGIN_VALUE) }))),
+        external_react_default().createElement("div", { "data-fs-image-gallery-selector-elements": true, ref: elementsRef }, images.map((image, idx) => {
+            return (external_react_default().createElement(external_react_intersection_observer_.InView, { key: idx, onChange: (inView) => inViewChange(idx, inView) },
+                external_react_default().createElement(Button/* default */.Z, { key: idx, "aria-label": `${image.alternateName} - Image ${idx + 1} of ${images.length}`, onClick: () => onSelect(idx), "data-fs-image-gallery-selector-thumbnail": idx === currentImageIdx ? 'selected' : 'true' },
+                    external_react_default().createElement(ImageComponent, { url: image.url ?? '', loading: idx === 0 ? 'eager' : 'lazy', alternateName: image.alternateName ?? '' }))));
+        })),
+        elementHasScroll && !lastImageInView && (external_react_default().createElement("div", { "data-fs-image-gallery-selector-control": true },
+            external_react_default().createElement(IconButton/* default */.Z, { "data-fs-image-gallery-selector-control-button": true, "aria-label": navigationButtonRightAriaLabel, icon: external_react_default().createElement(Icon/* default */.Z, { name: "ArrowLeft" }), onClick: () => moveScroll(elementsRef.current, +SCROLL_MARGIN_VALUE) })))));
+}
+/* harmony default export */ const ImageGallery_ImageGallerySelector = (ImageGallerySelector);
+//# sourceMappingURL=ImageGallerySelector.js.map
+;// CONCATENATED MODULE: ../components/dist/esm/organisms/ImageGallery/ImageGallery.js
+
+
+const ImageGallery = (0,external_react_.forwardRef)(function ImageGallery({ images, children, ImageComponent, selectedImageIdx, setSelectedImageIdx, testId = 'fs-image-gallery', ...otherProps }, ref) {
+    const hasSelector = images.length > 1;
+    return (external_react_default().createElement("section", { ref: ref, "data-fs-image-gallery": hasSelector ? 'with-selector' : 'without-selector', "data-testid": testId, ...otherProps },
+        children,
+        hasSelector && (external_react_default().createElement(ImageGallery_ImageGallerySelector, { images: images, onSelect: setSelectedImageIdx, currentImageIdx: selectedImageIdx, ImageComponent: ImageComponent }))));
+});
+/* harmony default export */ const ImageGallery_ImageGallery = (ImageGallery);
+//# sourceMappingURL=ImageGallery.js.map
+;// CONCATENATED MODULE: ../components/dist/esm/organisms/ImageGallery/ImageGalleryViewer.js
+
+const ImageGalleryViewer = ({ children, }) => {
+    return external_react_default().createElement((external_react_default()).Fragment, null, children);
+};
+/* harmony default export */ const ImageGallery_ImageGalleryViewer = (ImageGalleryViewer);
+//# sourceMappingURL=ImageGalleryViewer.js.map
+// EXTERNAL MODULE: external "next/router"
+var router_ = __webpack_require__(1853);
+// EXTERNAL MODULE: ./src/sdk/overrides/OverrideContext.tsx
+var OverrideContext = __webpack_require__(5522);
 // EXTERNAL MODULE: external "react/jsx-runtime"
 var jsx_runtime_ = __webpack_require__(997);
-;// CONCATENATED MODULE: ./src/components/region/RegionBar/RegionBar.tsx
-const _excluded = ["icon", "buttonIcon", "label", "editLabel"];
+;// CONCATENATED MODULE: ./src/components/ui/ImageGallery/ImageGallery.tsx
+const _excluded = ["images"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -3231,56 +3476,1222 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
-function RegionBar_RegionBar_RegionBar(_ref) {
+const ImageComponent = ({
+  url,
+  alternateName
+}) => {
+  const {
+    __experimentalImageGalleryImage: Image
+  } = (0,OverrideContext/* useOverrideComponents */.r3)();
+  return /*#__PURE__*/jsx_runtime_.jsx(Image.Component, {
+    src: url,
+    alt: alternateName,
+    width: 68,
+    height: 68
+  });
+};
+
+const ImageGallery_ImageGallery_ImageGallery = _ref => {
   let {
-    icon: {
-      icon: locationIcon = LocationIcon.props.name,
-      alt: locationIconAlt = LocationIcon.props["aria-label"]
-    },
-    buttonIcon: {
-      icon: buttonIcon = ButtonIcon.props.name,
-      alt: buttonIconAlt = ButtonIcon.props["aria-label"]
-    },
-    label = Overrides_RegionBar.props.label,
-    editLabel = Overrides_RegionBar.props.editLabel
+    images
   } = _ref,
       otherProps = _objectWithoutProperties(_ref, _excluded);
 
   const {
-    openModal
-  } = (0,UIProvider/* useUI */.l)();
+    ImageGallery: ImageGalleryWrapper,
+    ImageGalleryViewer,
+    __experimentalImageGalleryImage: Image
+  } = (0,OverrideContext/* useOverrideComponents */.r3)();
   const {
-    postalCode
-  } = (0,session/* useSession */.kP)();
-  return /*#__PURE__*/jsx_runtime_.jsx(Overrides_RegionBar.Component, _objectSpread(_objectSpread({
-    icon: /*#__PURE__*/jsx_runtime_.jsx(LocationIcon.Component, _objectSpread(_objectSpread({}, LocationIcon.props), {}, {
-      name: locationIcon,
-      "aria-label": locationIconAlt
-    })),
-    buttonIcon: /*#__PURE__*/jsx_runtime_.jsx(ButtonIcon.Component, _objectSpread(_objectSpread({}, ButtonIcon.props), {}, {
-      name: buttonIcon,
-      "aria-label": buttonIconAlt
+    0: selectedImageIdx,
+    1: setSelectedImageIdx
+  } = (0,external_react_.useState)(0);
+  const currentImage = images[selectedImageIdx] ?? images[0];
+  const dynamicRoute = (0,router_.useRouter)().asPath;
+  (0,external_react_.useEffect)(() => setSelectedImageIdx(0), [dynamicRoute]);
+  return /*#__PURE__*/jsx_runtime_.jsx(ImageGalleryWrapper.Component, _objectSpread(_objectSpread(_objectSpread({}, ImageGalleryWrapper.props), {}, {
+    images: images,
+    ImageComponent: ImageComponent,
+    selectedImageIdx: selectedImageIdx,
+    setSelectedImageIdx: setSelectedImageIdx
+  }, otherProps), {}, {
+    children: /*#__PURE__*/jsx_runtime_.jsx(ImageGalleryViewer.Component, _objectSpread(_objectSpread({}, ImageGalleryViewer.props), {}, {
+      children: /*#__PURE__*/jsx_runtime_.jsx(Image.Component, _objectSpread(_objectSpread({
+        sizes: "(max-width: 360px) 50vw, (max-width: 768px) 90vw, 50vw",
+        width: 691,
+        height: 691 * (3 / 4),
+        loading: "eager"
+      }, Image.props), {}, {
+        src: currentImage.url,
+        alt: currentImage.alternateName
+      }))
     }))
-  }, Overrides_RegionBar.props), {}, {
-    label: label,
-    editLabel: editLabel // Dynamic props shouldn't be overridable
-    // This decision can be reviewed later if needed
-    ,
-    onButtonClick: openModal,
-    postalCode: postalCode
-  }, otherProps));
-}
-
-/* harmony default export */ const region_RegionBar_RegionBar = (RegionBar_RegionBar_RegionBar);
-// EXTERNAL MODULE: ./src/components/sections/Section/Section.tsx
-var Section = __webpack_require__(3271);
-// EXTERNAL MODULE: ./src/components/sections/RegionBar/section.module.scss
-var section_module = __webpack_require__(3472);
-var section_module_default = /*#__PURE__*/__webpack_require__.n(section_module);
-;// CONCATENATED MODULE: ./src/components/sections/RegionBar/RegionBar.tsx
-const RegionBar_excluded = ["className"];
+  }));
+};
 
-function RegionBar_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+/* harmony default export */ const ui_ImageGallery_ImageGallery = (ImageGallery_ImageGallery_ImageGallery);
+// EXTERNAL MODULE: ./src/sdk/graphql/request.ts
+var request = __webpack_require__(180);
+;// CONCATENATED MODULE: ./src/sdk/shipping/index.ts
+
+const query = "ClientShippingSimulationQuery";
+const getShippingSimulation = async ({
+  items,
+  postalCode,
+  country
+}) => {
+  const data = await (0,request/* request */.W)(query, {
+    items,
+    postalCode,
+    country
+  });
+  return data;
+};
+/* harmony default export */ const shipping = (getShippingSimulation);
+// EXTERNAL MODULE: ./src/sdk/session/index.ts + 1 modules
+var session = __webpack_require__(7295);
+;// CONCATENATED MODULE: ./src/sdk/shipping/useShippingSimulation.ts
+function useShippingSimulation_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function useShippingSimulation_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? useShippingSimulation_ownKeys(Object(source), !0).forEach(function (key) { useShippingSimulation_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : useShippingSimulation_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function useShippingSimulation_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; }
+
+
+
+
+
+const createEmptySimulation = () => ({
+  input: {
+    postalCode: '',
+    displayClearButton: false,
+    errorMessage: ''
+  },
+  shippingSimulation: undefined
+});
+
+const reducer = (state, action) => {
+  const {
+    type
+  } = action;
+
+  switch (type) {
+    case 'clear':
+      {
+        return createEmptySimulation();
+      }
+
+    case 'update':
+      {
+        const {
+          payload
+        } = action;
+        return {
+          input: useShippingSimulation_objectSpread(useShippingSimulation_objectSpread({}, state.input), payload.input),
+          shippingSimulation: useShippingSimulation_objectSpread(useShippingSimulation_objectSpread({}, state.shippingSimulation), payload.shippingSimulation)
+        };
+      }
+
+    case 'onInput':
+      {
+        const {
+          payload
+        } = action;
+        return useShippingSimulation_objectSpread(useShippingSimulation_objectSpread({}, state), {}, {
+          input: useShippingSimulation_objectSpread({}, payload)
+        });
+      }
+
+    case 'onError':
+      {
+        const {
+          payload
+        } = action;
+        return useShippingSimulation_objectSpread(useShippingSimulation_objectSpread({}, state), {}, {
+          input: useShippingSimulation_objectSpread(useShippingSimulation_objectSpread({}, state.input), payload)
+        });
+      }
+
+    default:
+      throw new Error(`Action ${type} not implemented`);
+  }
+};
+
+const useShippingSimulation = shippingItem => {
+  const {
+    0: {
+      input,
+      shippingSimulation
+    },
+    1: dispatch
+  } = (0,external_react_.useReducer)(reducer, null, createEmptySimulation);
+  const {
+    country,
+    postalCode: sessionPostalCode
+  } = (0,session/* useSession */.kP)();
+  const {
+    postalCode: shippingPostalCode
+  } = input;
+  const shippingPostalCodeRef = (0,external_react_.useRef)(shippingPostalCode);
+  (0,external_react_.useEffect)(() => {
+    const shouldFetch = sessionPostalCode && !shippingPostalCodeRef.current;
+
+    if (!shouldFetch) {
+      return;
+    } // Use sessionPostalCode if there is no shippingPostalCode
+
+
+    async function fetchShipping() {
+      const data = await shipping({
+        country,
+        postalCode: sessionPostalCode ?? '',
+        items: [shippingItem]
+      });
+      const shippingSimulation = data.shipping;
+      dispatch({
+        type: 'update',
+        payload: {
+          input: {
+            postalCode: sessionPostalCode ?? '',
+            displayClearButton: true,
+            errorMessage: ''
+          },
+          shippingSimulation
+        }
+      });
+    }
+
+    fetchShipping();
+  }, [country, sessionPostalCode, shippingItem]);
+  const handleSubmit = (0,external_react_.useCallback)(async () => {
+    try {
+      const data = await shipping({
+        country,
+        postalCode: shippingPostalCode ?? '',
+        items: [shippingItem]
+      });
+      const shippingSimulation = data.shipping;
+      dispatch({
+        type: 'update',
+        payload: {
+          input: {
+            displayClearButton: true,
+            errorMessage: ''
+          },
+          shippingSimulation
+        }
+      });
+    } catch (error) {
+      dispatch({
+        type: 'onError',
+        payload: {
+          displayClearButton: true,
+          errorMessage: 'You entered an invalid Postal Code'
+        }
+      });
+    }
+  }, [country, shippingItem, shippingPostalCode]);
+  const handleOnInput = (0,external_react_.useCallback)(e => {
+    const currentValue = e.currentTarget.value;
+
+    if (currentValue) {
+      dispatch({
+        type: 'onInput',
+        payload: {
+          postalCode: currentValue,
+          displayClearButton: false,
+          errorMessage: ''
+        }
+      });
+    } else {
+      dispatch({
+        type: 'clear'
+      });
+    }
+  }, []);
+  return {
+    input,
+    shippingSimulation,
+    handleOnClear: () => {
+      dispatch({
+        type: 'clear'
+      });
+    },
+    handleSubmit,
+    handleOnInput
+  };
+};
+;// CONCATENATED MODULE: ./src/components/ui/ShippingSimulation/ShippingSimulation.tsx
+const ShippingSimulation_excluded = ["productShippingInfo", "formatter", "inputLabel", "title", "idkPostalCodeLinkProps"];
+
+function ShippingSimulation_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function ShippingSimulation_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ShippingSimulation_ownKeys(Object(source), !0).forEach(function (key) { ShippingSimulation_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ShippingSimulation_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function ShippingSimulation_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 ShippingSimulation_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = ShippingSimulation_objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function ShippingSimulation_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+
+
+
+function ShippingSimulation_ShippingSimulation_ShippingSimulation(_ref) {
+  let {
+    productShippingInfo,
+    formatter,
+    inputLabel,
+    title,
+    idkPostalCodeLinkProps
+  } = _ref,
+      otherProps = ShippingSimulation_objectWithoutProperties(_ref, ShippingSimulation_excluded);
+
+  const {
+    ShippingSimulation: ShippingSimulationWrapper
+  } = (0,OverrideContext/* useOverrideComponents */.r3)();
+  const {
+    input,
+    shippingSimulation,
+    handleSubmit,
+    handleOnInput,
+    handleOnClear
+  } = useShippingSimulation(productShippingInfo);
+  const {
+    postalCode,
+    displayClearButton,
+    errorMessage
+  } = input;
+  const location = [shippingSimulation?.address?.neighborhood, shippingSimulation?.address?.city].filter(Boolean).join(' / ') ?? '';
+  const options = shippingSimulation?.logisticsInfo?.[0]?.slas ?? [];
+  return /*#__PURE__*/jsx_runtime_.jsx(ShippingSimulationWrapper.Component, ShippingSimulation_objectSpread({
+    formatter: formatter,
+    onInput: handleOnInput,
+    onSubmit: handleSubmit,
+    onClear: handleOnClear,
+    location: location,
+    options: options,
+    address: shippingSimulation?.address,
+    displayClearButton: displayClearButton,
+    errorMessage: errorMessage,
+    postalCode: postalCode,
+    inputLabel: inputLabel,
+    title: title,
+    idkPostalCodeLinkProps: idkPostalCodeLinkProps
+  }, otherProps));
+}
+// EXTERNAL MODULE: ./src/components/ui/Image/Image.tsx + 1 modules
+var Image = __webpack_require__(5731);
+;// CONCATENATED MODULE: ./src/components/product/NotAvailableButton/NotAvailableButton.tsx
+ // TODO: Remove this component when <OutOfStock /> is ready to use
+
+
+
+function NotAvailableButton({
+  children
+}) {
+  return /*#__PURE__*/jsx_runtime_.jsx(Button/* default */.Z, {
+    variant: "primary",
+    disabled: true,
+    "data-fs-buy-button": true,
+    children: children
+  });
+}
+
+/* harmony default export */ const NotAvailableButton_NotAvailableButton = (NotAvailableButton);
+;// CONCATENATED MODULE: ./src/components/sections/ProductDetails/DefaultComponents.ts
+
+
+
+
+
+const ProductDetailsDefaultComponents = {
+  ProductTitle: ProductTitle_ProductTitle,
+  DiscountBadge: DiscountBadge/* default */.Z,
+  BuyButton: BuyButton_BuyButton,
+  Icon: Icon/* default */.Z,
+  Price: Price/* default */.Z,
+  QuantitySelector: QuantitySelector/* default */.Z,
+  SkuSelector: SkuSelector_SkuSelector,
+  ShippingSimulation: ShippingSimulation_ShippingSimulation,
+  ImageGallery: ImageGallery_ImageGallery,
+  ImageGalleryViewer: ImageGallery_ImageGalleryViewer,
+  __experimentalImageGalleryImage: Image/* default */.Z,
+  __experimentalImageGallery: ui_ImageGallery_ImageGallery,
+  __experimentalShippingSimulation: ShippingSimulation_ShippingSimulation_ShippingSimulation,
+  __experimentalNotAvailableButton: NotAvailableButton_NotAvailableButton
+};
+
+/***/ }),
+
+/***/ 8663:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Z": () => (/* binding */ ProductDetails_ProductDetails)
+});
+
+// UNUSED EXPORTS: fragment
+
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(6689);
+// EXTERNAL MODULE: ../sdk/dist/analytics/sendAnalyticsEvent.js
+var sendAnalyticsEvent = __webpack_require__(1072);
+// EXTERNAL MODULE: ./src/sdk/product/useFormattedPrice.ts
+var useFormattedPrice = __webpack_require__(5346);
+// EXTERNAL MODULE: ./src/sdk/session/index.ts + 1 modules
+var session = __webpack_require__(7295);
+// EXTERNAL MODULE: ./src/components/sections/Section/Section.tsx
+var Section = __webpack_require__(3271);
+// EXTERNAL MODULE: ../components/dist/esm/molecules/Accordion/Accordion.js
+var Accordion = __webpack_require__(1516);
+// EXTERNAL MODULE: ../components/dist/esm/molecules/Accordion/AccordionItem.js
+var AccordionItem = __webpack_require__(783);
+// EXTERNAL MODULE: ../components/dist/esm/molecules/Accordion/AccordionButton.js
+var AccordionButton = __webpack_require__(7734);
+// EXTERNAL MODULE: ../components/dist/esm/molecules/Accordion/AccordionPanel.js
+var AccordionPanel = __webpack_require__(7583);
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(997);
+;// CONCATENATED MODULE: ./src/components/ui/ProductDescription/ProductDescription.tsx
+
+
+
+
+
+function ProductDescription({
+  descriptionData,
+  initiallyExpanded = 'first'
+}) {
+  /**
+   * Maps 'initiallyExpanded' prop values to indices
+   */
+  const INITIALLY_EXPANDED_MAP = (0,external_react_.useMemo)(() => ({
+    none: [],
+    first: [0],
+    all: [0, 1, 2, 3]
+  }), []);
+  const {
+    0: indices,
+    1: setIndices
+  } = (0,external_react_.useState)(new Set(INITIALLY_EXPANDED_MAP[initiallyExpanded]));
+
+  const onChange = index => {
+    setIndices(currentIndices => {
+      const newIndices = new Set(currentIndices);
+
+      if (currentIndices.has(index)) {
+        newIndices.delete(index);
+      } else {
+        newIndices.add(index);
+      }
+
+      return newIndices;
+    });
+  };
+
+  return /*#__PURE__*/jsx_runtime_.jsx("section", {
+    "data-fs-product-description": true,
+    children: /*#__PURE__*/jsx_runtime_.jsx(Accordion/* default */.Z, {
+      indices: indices,
+      onChange: onChange,
+      "aria-label": "Product Details Content",
+      children: descriptionData.map(({
+        title,
+        content
+      }, index) => /*#__PURE__*/(0,jsx_runtime_.jsxs)(AccordionItem/* default */.Z, {
+        as: "article",
+        index: index,
+        prefixId: "product-description",
+        "data-fs-product-details-description": true,
+        children: [/*#__PURE__*/jsx_runtime_.jsx(AccordionButton/* default */.Z, {
+          children: title
+        }), /*#__PURE__*/jsx_runtime_.jsx(AccordionPanel/* default */.Z, {
+          children: /*#__PURE__*/jsx_runtime_.jsx("div", {
+            // Applies display: contents through FastStore UI
+            "data-fs-product-details-description-content": true // The content is already sanitized by FastStore API
+            ,
+            dangerouslySetInnerHTML: {
+              __html: content
+            }
+          })
+        })]
+      }, String(index)))
+    })
+  });
+}
+
+/* harmony default export */ const ProductDescription_ProductDescription = (ProductDescription);
+// EXTERNAL MODULE: ../components/dist/esm/hooks/UIProvider.js
+var UIProvider = __webpack_require__(6652);
+// EXTERNAL MODULE: ./src/sdk/cart/index.ts + 1 modules
+var cart = __webpack_require__(6073);
+;// CONCATENATED MODULE: ./src/sdk/cart/useBuyButton.ts
+
+
+
+
+
+const useBuyButton = item => {
+  const {
+    openCart
+  } = (0,UIProvider/* useUI */.l)();
+  const {
+    currency: {
+      code
+    }
+  } = (0,session/* useSession */.kP)();
+  const onClick = (0,external_react_.useCallback)(e => {
+    e.preventDefault();
+
+    if (!item) {
+      return;
+    }
+
+    (0,sendAnalyticsEvent/* sendAnalyticsEvent */._)({
+      name: 'add_to_cart',
+      params: {
+        currency: code,
+        // TODO: In the future, we can explore more robust ways of
+        // calculating the value (gift items, discounts, etc.).
+        value: item.price * item.quantity,
+        items: [{
+          item_id: item.itemOffered.isVariantOf.productGroupID,
+          item_name: item.itemOffered.isVariantOf.name,
+          item_brand: item.itemOffered.brand.name,
+          item_variant: item.itemOffered.sku,
+          quantity: item.quantity,
+          price: item.price,
+          discount: item.listPrice - item.price,
+          currency: code,
+          item_variant_name: item.itemOffered.name,
+          product_reference_id: item.itemOffered.gtin
+        }]
+      }
+    });
+    cart/* cartStore.addItem */.i8.addItem(item);
+    openCart();
+  }, [code, item, openCart]);
+  return {
+    onClick,
+    'data-testid': 'buy-button',
+    'data-sku': item?.itemOffered.sku,
+    'data-seller': item?.seller.identifier
+  };
+};
+// EXTERNAL MODULE: ./node_modules/next/link.js
+var next_link = __webpack_require__(1664);
+var link_default = /*#__PURE__*/__webpack_require__.n(next_link);
+// EXTERNAL MODULE: ./src/components/ui/Image/Image.tsx + 1 modules
+var Image = __webpack_require__(5731);
+// EXTERNAL MODULE: ./src/sdk/overrides/OverrideContext.tsx
+var OverrideContext = __webpack_require__(5522);
+;// CONCATENATED MODULE: ./src/components/ui/SkuSelector/Selectors.tsx
+const _excluded = ["src", "alt"],
+      _excluded2 = ["slugsMap", "activeVariations", "availableVariations"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+
+
+
+
+
+
+const ImageComponent = _ref => {
+  let {
+    src,
+    alt
+  } = _ref,
+      otherProps = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/jsx_runtime_.jsx(Image/* default */.Z, _objectSpread({
+    src: src,
+    alt: alt,
+    width: 34,
+    height: 34
+  }, otherProps));
+};
+
+function Selectors(_ref2) {
+  let {
+    slugsMap,
+    activeVariations,
+    availableVariations
+  } = _ref2,
+      otherProps = _objectWithoutProperties(_ref2, _excluded2);
+
+  const {
+    SkuSelector
+  } = (0,OverrideContext/* useOverrideComponents */.r3)();
+  return /*#__PURE__*/jsx_runtime_.jsx("section", _objectSpread(_objectSpread({}, otherProps), {}, {
+    children: availableVariations && Object.keys(availableVariations).map(skuVariant => /*#__PURE__*/(0,external_react_.createElement)(SkuSelector.Component, _objectSpread(_objectSpread({
+      ImageComponent: ImageComponent
+    }, SkuSelector.props), {}, {
+      key: skuVariant,
+      skuPropertyName: skuVariant,
+      availableVariations: availableVariations,
+      activeVariations: activeVariations,
+      slugsMap: slugsMap,
+      linkProps: _objectSpread(_objectSpread({}, SkuSelector.props.linkProps ?? {}), {}, {
+        as: SkuSelector.props.linkProps?.as ?? (link_default()),
+        legacyBehavior: SkuSelector.props.linkProps?.legacyBehavior ?? false
+      })
+    })))
+  }));
+}
+
+/* harmony default export */ const SkuSelector_Selectors = (Selectors);
+;// CONCATENATED MODULE: ./src/components/ui/ProductDetails/AddToCartLoadingSkeleton.tsx
+
+
+function AddToCartLoadingSkeleton() {
+  return (
+    /*#__PURE__*/
+    // Generated via https://skeletonreact.com/.
+    (0,jsx_runtime_.jsxs)("svg", {
+      role: "img",
+      width: "100%",
+      height: "48",
+      "aria-labelledby": "loading-aria",
+      viewBox: "0 0 112 48",
+      preserveAspectRatio: "none",
+      children: [/*#__PURE__*/jsx_runtime_.jsx("title", {
+        id: "loading-aria",
+        children: "Loading..."
+      }), /*#__PURE__*/jsx_runtime_.jsx("rect", {
+        x: "0",
+        y: "0",
+        width: "100%",
+        height: "100%",
+        clipPath: "url(#clip-path)",
+        style: {
+          fill: 'url("#fill")'
+        }
+      }), /*#__PURE__*/(0,jsx_runtime_.jsxs)("defs", {
+        children: [/*#__PURE__*/jsx_runtime_.jsx("clipPath", {
+          id: "clip-path",
+          children: /*#__PURE__*/jsx_runtime_.jsx("rect", {
+            x: "0",
+            y: "0",
+            rx: "2",
+            ry: "2",
+            width: "112",
+            height: "48"
+          })
+        }), /*#__PURE__*/(0,jsx_runtime_.jsxs)("linearGradient", {
+          id: "fill",
+          children: [/*#__PURE__*/jsx_runtime_.jsx("stop", {
+            offset: "0.599964",
+            stopColor: "#f3f3f3",
+            stopOpacity: "1",
+            children: /*#__PURE__*/jsx_runtime_.jsx("animate", {
+              attributeName: "offset",
+              values: "-2; -2; 1",
+              keyTimes: "0; 0.25; 1",
+              dur: "2s",
+              repeatCount: "indefinite"
+            })
+          }), /*#__PURE__*/jsx_runtime_.jsx("stop", {
+            offset: "1.59996",
+            stopColor: "#ecebeb",
+            stopOpacity: "1",
+            children: /*#__PURE__*/jsx_runtime_.jsx("animate", {
+              attributeName: "offset",
+              values: "-1; -1; 2",
+              keyTimes: "0; 0.25; 1",
+              dur: "2s",
+              repeatCount: "indefinite"
+            })
+          }), /*#__PURE__*/jsx_runtime_.jsx("stop", {
+            offset: "2.59996",
+            stopColor: "#f3f3f3",
+            stopOpacity: "1",
+            children: /*#__PURE__*/jsx_runtime_.jsx("animate", {
+              attributeName: "offset",
+              values: "0; 0; 3",
+              keyTimes: "0; 0.25; 1",
+              dur: "2s",
+              repeatCount: "indefinite"
+            })
+          })]
+        })]
+      })]
+    })
+  );
+}
+;// CONCATENATED MODULE: ./src/components/ui/ProductDetails/ProductDetailsSettings.tsx
+function ProductDetailsSettings_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function ProductDetailsSettings_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ProductDetailsSettings_ownKeys(Object(source), !0).forEach(function (key) { ProductDetailsSettings_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ProductDetailsSettings_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function ProductDetailsSettings_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 ProductDetailsSettings({
+  product,
+  buyButtonTitle,
+  isValidating,
+  quantity,
+  setQuantity,
+  buyButtonIcon: {
+    icon: buyButtonIconName,
+    alt: buyButtonIconAlt
+  },
+  notAvailableButtonTitle
+}) {
+  const {
+    BuyButton,
+    Icon,
+    Price,
+    QuantitySelector,
+    __experimentalNotAvailableButton: NotAvailableButton
+  } = (0,OverrideContext/* useOverrideComponents */.r3)();
+  const {
+    id,
+    sku,
+    gtin,
+    name: variantName,
+    brand,
+    isVariantOf,
+    isVariantOf: {
+      skuVariants
+    },
+    image: productImages,
+    additionalProperty,
+    offers: {
+      lowPrice,
+      offers: [{
+        availability,
+        price,
+        listPrice,
+        seller
+      }]
+    }
+  } = product;
+  const buyProps = useBuyButton({
+    id,
+    price,
+    listPrice,
+    seller,
+    quantity,
+    itemOffered: {
+      sku,
+      name: variantName,
+      gtin,
+      image: productImages,
+      brand,
+      isVariantOf,
+      additionalProperty
+    }
+  });
+  const outOfStock = (0,external_react_.useMemo)(() => availability === 'https://schema.org/OutOfStock', [availability]);
+  const shouldShowDiscountedPrice = (0,external_react_.useMemo)(() => lowPrice !== listPrice, [lowPrice, listPrice]);
+
+  const AddToCartButton = () => {
+    return outOfStock ?
+    /*#__PURE__*/
+    // TODO: Adds <OutOfStock /> when component is ready to use
+    jsx_runtime_.jsx(NotAvailableButton.Component, {
+      children: notAvailableButtonTitle
+    }) : /*#__PURE__*/jsx_runtime_.jsx(BuyButton.Component, ProductDetailsSettings_objectSpread(ProductDetailsSettings_objectSpread(ProductDetailsSettings_objectSpread({}, BuyButton.props), {}, {
+      icon: /*#__PURE__*/jsx_runtime_.jsx(Icon.Component, ProductDetailsSettings_objectSpread(ProductDetailsSettings_objectSpread({}, Icon.props), {}, {
+        name: buyButtonIconName ?? Icon.props.name,
+        "aria-label": buyButtonIconAlt ?? Icon.props['aria-label']
+      }))
+    }, buyProps), {}, {
+      children: buyButtonTitle || 'Add to Cart'
+    }));
+  };
+
+  return /*#__PURE__*/(0,jsx_runtime_.jsxs)(jsx_runtime_.Fragment, {
+    children: [!outOfStock && /*#__PURE__*/(0,jsx_runtime_.jsxs)("section", {
+      "data-fs-product-details-values": true,
+      children: [/*#__PURE__*/jsx_runtime_.jsx("div", {
+        "data-fs-product-details-prices": true,
+        children: shouldShowDiscountedPrice ? /*#__PURE__*/(0,jsx_runtime_.jsxs)(jsx_runtime_.Fragment, {
+          children: [/*#__PURE__*/jsx_runtime_.jsx(Price.Component, ProductDetailsSettings_objectSpread(ProductDetailsSettings_objectSpread({
+            formatter: useFormattedPrice/* useFormattedPrice */.P,
+            testId: "list-price",
+            variant: "listing",
+            SRText: "Original price:"
+          }, Price.props), {}, {
+            // Dynamic props shouldn't be overridable
+            // This decision can be reviewed later if needed
+            value: listPrice,
+            "data-value": listPrice
+          })), /*#__PURE__*/jsx_runtime_.jsx(Price.Component, ProductDetailsSettings_objectSpread(ProductDetailsSettings_objectSpread({
+            formatter: useFormattedPrice/* useFormattedPrice */.P,
+            testId: "price",
+            variant: "spot",
+            className: "text__lead",
+            SRText: "Sale Price:"
+          }, Price.props), {}, {
+            // Dynamic props shouldn't be overridable
+            // This decision can be reviewed later if needed
+            value: lowPrice,
+            "data-value": lowPrice
+          }))]
+        }) : /*#__PURE__*/jsx_runtime_.jsx(Price.Component, ProductDetailsSettings_objectSpread(ProductDetailsSettings_objectSpread({
+          formatter: useFormattedPrice/* useFormattedPrice */.P,
+          testId: "list-price",
+          variant: "spot",
+          className: "text__lead",
+          SRText: "Original price:"
+        }, Price.props), {}, {
+          // Dynamic props shouldn't be overridable
+          // This decision can be reviewed later if needed
+          value: lowPrice,
+          "data-value": lowPrice
+        }))
+      }), /*#__PURE__*/jsx_runtime_.jsx(QuantitySelector.Component, ProductDetailsSettings_objectSpread(ProductDetailsSettings_objectSpread({
+        min: 1,
+        max: 10
+      }, QuantitySelector.props), {}, {
+        // Dynamic props shouldn't be overridable
+        // This decision can be reviewed later if needed
+        onChange: setQuantity
+      }))]
+    }), skuVariants && /*#__PURE__*/jsx_runtime_.jsx(SkuSelector_Selectors, {
+      slugsMap: skuVariants.slugsMap,
+      availableVariations: skuVariants.availableVariations,
+      activeVariations: skuVariants.activeVariations,
+      "data-fs-product-details-selectors": true
+    }), isValidating ?
+    /*#__PURE__*/
+
+    /* NOTE:
+      A loading skeleton had to be used to avoid a Lighthouse's
+      non-composited animation violation due to the button transitioning its
+      background color when changing from its initial disabled to active state.
+      See full explanation on commit https://git.io/JyXV5. */
+    jsx_runtime_.jsx(AddToCartLoadingSkeleton, {}) : /*#__PURE__*/jsx_runtime_.jsx(AddToCartButton, {})]
+  });
+}
+
+/* harmony default export */ const ProductDetails_ProductDetailsSettings = (ProductDetailsSettings);
+// EXTERNAL MODULE: ./src/components/sections/ProductDetails/section.module.scss
+var section_module = __webpack_require__(9034);
+var section_module_default = /*#__PURE__*/__webpack_require__.n(section_module);
+// EXTERNAL MODULE: ./src/sdk/overrides/PageProvider.tsx
+var PageProvider = __webpack_require__(5953);
+;// CONCATENATED MODULE: ./src/components/sections/ProductDetails/ProductDetails.tsx
+function ProductDetails_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function ProductDetails_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ProductDetails_ownKeys(Object(source), !0).forEach(function (key) { ProductDetails_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ProductDetails_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function ProductDetails_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 ProductDetails({
+  productTitle: {
+    refNumber: showRefNumber,
+    discountBadge: {
+      showDiscountBadge,
+      size: discountBadgeSize
+    }
+  },
+  buyButton: {
+    icon: buyButtonIcon,
+    title: buyButtonTitle
+  },
+  shippingSimulator: {
+    title: shippingSimulatorTitle,
+    inputLabel: shippingSimulatorInputLabel,
+    shippingOptionsTableTitle: shippingSimulatorOptionsTableTitle,
+    link: {
+      to: shippingSimulatorLinkUrl,
+      text: shippingSimulatorLinkText
+    }
+  },
+  productDescription: {
+    title: productDescriptionDetailsTitle,
+    initiallyExpanded: productDescriptionInitiallyExpanded,
+    displayDescription: shouldDisplayProductDescription
+  },
+  notAvailableButton: {
+    title: notAvailableButtonTitle
+  }
+}) {
+  const {
+    DiscountBadge,
+    ProductTitle,
+    __experimentalImageGallery: ImageGallery,
+    __experimentalShippingSimulation: ShippingSimulation,
+    __experimentalNotAvailableButton: NotAvailableButton
+  } = (0,OverrideContext/* useOverrideComponents */.r3)();
+  const {
+    currency
+  } = (0,session/* useSession */.kP)();
+  const {
+    0: quantity,
+    1: setQuantity
+  } = (0,external_react_.useState)(1);
+  const context = (0,PageProvider/* usePDP */.al)();
+  const {
+    product,
+    isValidating
+  } = context?.data;
+
+  if (!product) {
+    throw new Error('NotFound');
+  }
+
+  const {
+    id,
+    sku,
+    gtin,
+    name: variantName,
+    brand,
+    isVariantOf,
+    description,
+    isVariantOf: {
+      name,
+      productGroupID: productId
+    },
+    image: productImages,
+    offers: {
+      offers: [{
+        availability,
+        price,
+        listPrice,
+        seller
+      }],
+      lowPrice
+    }
+  } = product;
+  (0,external_react_.useEffect)(() => {
+    (0,sendAnalyticsEvent/* sendAnalyticsEvent */._)({
+      name: 'view_item',
+      params: {
+        currency: currency.code,
+        value: price,
+        items: [{
+          item_id: isVariantOf.productGroupID,
+          item_name: isVariantOf.name,
+          item_brand: brand.name,
+          item_variant: sku,
+          price,
+          discount: listPrice - price,
+          currency: currency.code,
+          item_variant_name: variantName,
+          product_reference_id: gtin
+        }]
+      }
+    });
+  }, [isVariantOf.productGroupID, isVariantOf.name, brand.name, sku, price, listPrice, currency.code, variantName, gtin]);
+  const outOfStock = (0,external_react_.useMemo)(() => availability === 'https://schema.org/OutOfStock', [availability]);
+  return /*#__PURE__*/jsx_runtime_.jsx(Section/* default */.Z, {
+    className: `${(section_module_default()).section} section-product-details`,
+    children: /*#__PURE__*/jsx_runtime_.jsx("section", {
+      "data-fs-product-details": true,
+      children: /*#__PURE__*/(0,jsx_runtime_.jsxs)("section", {
+        "data-fs-product-details-body": true,
+        "data-fs-content": "product-details",
+        children: [/*#__PURE__*/jsx_runtime_.jsx("header", {
+          "data-fs-product-details-title": true,
+          "data-fs-product-details-section": true,
+          children: /*#__PURE__*/jsx_runtime_.jsx(ProductTitle.Component, ProductDetails_objectSpread(ProductDetails_objectSpread({
+            // TODO: We should review this prop. There's now way to override the title and use the dynamic name value.
+            // Maybe passing a ProductTitleHeader component as a prop would be better, as it would be overridable.
+            // Maybe now it's worth to make title always a h1 and receive only the name, as it would be easier for users to override.
+            title: /*#__PURE__*/jsx_runtime_.jsx("h1", {
+              children: name
+            })
+          }, ProductTitle.props), {}, {
+            label: showDiscountBadge && /*#__PURE__*/jsx_runtime_.jsx(DiscountBadge.Component, ProductDetails_objectSpread(ProductDetails_objectSpread({}, DiscountBadge.props), {}, {
+              size: discountBadgeSize ?? DiscountBadge.props.size // Dynamic props shouldn't be overridable
+              // This decision can be reviewed later if needed
+              ,
+              listPrice: listPrice,
+              spotPrice: lowPrice
+            })),
+            refNumber: showRefNumber && productId
+          }))
+        }), /*#__PURE__*/jsx_runtime_.jsx(ImageGallery.Component, ProductDetails_objectSpread(ProductDetails_objectSpread({
+          "data-fs-product-details-gallery": true
+        }, ImageGallery.props), {}, {
+          images: productImages
+        })), /*#__PURE__*/(0,jsx_runtime_.jsxs)("section", {
+          "data-fs-product-details-info": true,
+          children: [/*#__PURE__*/jsx_runtime_.jsx("section", {
+            "data-fs-product-details-settings": true,
+            "data-fs-product-details-section": true,
+            children: /*#__PURE__*/jsx_runtime_.jsx(ProductDetails_ProductDetailsSettings, {
+              product: product,
+              isValidating: isValidating,
+              buyButtonTitle: buyButtonTitle,
+              quantity: quantity,
+              setQuantity: setQuantity,
+              buyButtonIcon: buyButtonIcon,
+              notAvailableButtonTitle: notAvailableButtonTitle ?? NotAvailableButton.props.title
+            })
+          }), !outOfStock && /*#__PURE__*/jsx_runtime_.jsx(ShippingSimulation.Component, ProductDetails_objectSpread(ProductDetails_objectSpread({
+            "data-fs-product-details-section": true,
+            "data-fs-product-details-shipping": true,
+            formatter: useFormattedPrice/* useFormattedPrice */.P
+          }, ShippingSimulation.props), {}, {
+            idkPostalCodeLinkProps: ProductDetails_objectSpread(ProductDetails_objectSpread({}, ShippingSimulation.props.idkPostalCodeLinkProps), {}, {
+              href: shippingSimulatorLinkUrl ?? ShippingSimulation.props.idkPostalCodeLinkProps?.href,
+              children: shippingSimulatorLinkText ?? ShippingSimulation.props.idkPostalCodeLinkProps?.children
+            }),
+            productShippingInfo: {
+              id,
+              quantity,
+              seller: seller.identifier
+            },
+            title: shippingSimulatorTitle ?? ShippingSimulation.props.title,
+            inputLabel: shippingSimulatorInputLabel ?? ShippingSimulation.props.inputLabel,
+            optionsLabel: shippingSimulatorOptionsTableTitle ?? ShippingSimulation.props.optionsLabel
+          }))]
+        }), shouldDisplayProductDescription && /*#__PURE__*/jsx_runtime_.jsx(ProductDescription_ProductDescription, {
+          initiallyExpanded: productDescriptionInitiallyExpanded,
+          descriptionData: [{
+            title: productDescriptionDetailsTitle,
+            content: description
+          }]
+        })]
+      })
+    })
+  });
+}
+
+const fragment = "unknown";
+/* harmony default export */ const ProductDetails_ProductDetails = (ProductDetails);
+
+/***/ }),
+
+/***/ 2432:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "B": () => (/* binding */ ProductShelfDefaultComponents)
+/* harmony export */ });
+/* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6737);
+/* harmony import */ var src_components_product_ProductCard__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(8553);
+/* harmony import */ var src_components_ui_Carousel__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8619);
+
+
+
+const ProductShelfDefaultComponents = {
+  ProductShelf: _faststore_ui__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z,
+  __experimentalCarousel: src_components_ui_Carousel__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z,
+  __experimentalProductCard: src_components_product_ProductCard__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z
+};
+
+/***/ }),
+
+/***/ 8569:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react_intersection_observer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9785);
+/* harmony import */ var react_intersection_observer__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_intersection_observer__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _Section__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(3271);
+/* harmony import */ var src_components_ui_ProductShelf__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(7691);
+/* harmony import */ var _section_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6627);
+/* harmony import */ var _section_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_section_module_scss__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(997);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([src_components_ui_ProductShelf__WEBPACK_IMPORTED_MODULE_4__]);
+src_components_ui_ProductShelf__WEBPACK_IMPORTED_MODULE_4__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+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 ProductShelfSection(_ref) {
+  let otherProps = Object.assign({}, _ref);
+  const {
+    ref,
+    inView
+  } = (0,react_intersection_observer__WEBPACK_IMPORTED_MODULE_0__.useInView)();
+  return /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx(_Section__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
+    className: `${(_section_module_scss__WEBPACK_IMPORTED_MODULE_3___default().section)} section-product-shelf layout__section`,
+    ref: ref,
+    children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx(src_components_ui_ProductShelf__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, _objectSpread({
+      inView: inView
+    }, otherProps))
+  });
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProductShelfSection);
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
+
+/***/ }),
+
+/***/ 3830:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Z": () => (/* binding */ sections_RegionBar_RegionBar)
+});
+
+// EXTERNAL MODULE: ../components/dist/esm/hooks/UIProvider.js
+var UIProvider = __webpack_require__(6652);
+// EXTERNAL MODULE: ./src/sdk/session/index.ts + 1 modules
+var session = __webpack_require__(7295);
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(6689);
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
+// EXTERNAL MODULE: ../components/dist/esm/atoms/Button/Button.js
+var Button = __webpack_require__(3339);
+;// CONCATENATED MODULE: ../components/dist/esm/molecules/RegionBar/RegionBar.js
+
+
+const RegionBar = (0,external_react_.forwardRef)(function RegionBar({ postalCode, icon, label, editLabel, buttonIcon, onButtonClick, ...otherProps }, ref) {
+    return (external_react_default().createElement("div", { ref: ref, "data-fs-region-bar": true, ...otherProps },
+        external_react_default().createElement(Button/* default */.Z, { variant: "tertiary", iconPosition: "right", onClick: onButtonClick, icon: buttonIcon },
+            !!icon && icon,
+            postalCode ? (external_react_default().createElement((external_react_default()).Fragment, null,
+                external_react_default().createElement("span", { "data-fs-region-bar-postal-code": true }, postalCode),
+                !!editLabel && external_react_default().createElement("span", { "data-fs-region-bar-cta": true }, editLabel))) : (external_react_default().createElement("span", { "data-fs-region-bar-message": true }, label)))));
+});
+/* harmony default export */ const RegionBar_RegionBar = (RegionBar);
+//# sourceMappingURL=RegionBar.js.map
+// EXTERNAL MODULE: ../components/dist/esm/atoms/Icon/Icon.js
+var Icon = __webpack_require__(2614);
+// EXTERNAL MODULE: ./src/sdk/overrides/overrides.ts
+var overrides = __webpack_require__(7506);
+;// CONCATENATED MODULE: ./src/customizations/src/components/overrides/RegionBar.tsx
+// This is an example of how it can be used on the starter.
+const SECTION = 'RegionBar';
+const override = {
+  section: SECTION
+};
+
+;// CONCATENATED MODULE: ./src/components/sections/RegionBar/Overrides.tsx
+
+
+
+const {
+  RegionBar: Overrides_RegionBar,
+  LocationIcon,
+  ButtonIcon
+} = (0,overrides/* getSectionOverrides */.f)({
+  RegionBar: RegionBar_RegionBar,
+  LocationIcon: Icon/* default */.Z,
+  ButtonIcon: Icon/* default */.Z
+}, override);
+
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(997);
+;// CONCATENATED MODULE: ./src/components/region/RegionBar/RegionBar.tsx
+const _excluded = ["icon", "buttonIcon", "label", "editLabel"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+
+
+
+
+
+function RegionBar_RegionBar_RegionBar(_ref) {
+  let {
+    icon: {
+      icon: locationIcon = LocationIcon.props.name,
+      alt: locationIconAlt = LocationIcon.props["aria-label"]
+    },
+    buttonIcon: {
+      icon: buttonIcon = ButtonIcon.props.name,
+      alt: buttonIconAlt = ButtonIcon.props["aria-label"]
+    },
+    label = Overrides_RegionBar.props.label,
+    editLabel = Overrides_RegionBar.props.editLabel
+  } = _ref,
+      otherProps = _objectWithoutProperties(_ref, _excluded);
+
+  const {
+    openModal
+  } = (0,UIProvider/* useUI */.l)();
+  const {
+    postalCode
+  } = (0,session/* useSession */.kP)();
+  return /*#__PURE__*/jsx_runtime_.jsx(Overrides_RegionBar.Component, _objectSpread(_objectSpread({
+    icon: /*#__PURE__*/jsx_runtime_.jsx(LocationIcon.Component, _objectSpread(_objectSpread({}, LocationIcon.props), {}, {
+      name: locationIcon,
+      "aria-label": locationIconAlt
+    })),
+    buttonIcon: /*#__PURE__*/jsx_runtime_.jsx(ButtonIcon.Component, _objectSpread(_objectSpread({}, ButtonIcon.props), {}, {
+      name: buttonIcon,
+      "aria-label": buttonIconAlt
+    }))
+  }, Overrides_RegionBar.props), {}, {
+    label: label,
+    editLabel: editLabel // Dynamic props shouldn't be overridable
+    // This decision can be reviewed later if needed
+    ,
+    onButtonClick: openModal,
+    postalCode: postalCode
+  }, otherProps));
+}
+
+/* harmony default export */ const region_RegionBar_RegionBar = (RegionBar_RegionBar_RegionBar);
+// EXTERNAL MODULE: ./src/components/sections/Section/Section.tsx
+var Section = __webpack_require__(3271);
+// EXTERNAL MODULE: ./src/components/sections/RegionBar/section.module.scss
+var section_module = __webpack_require__(3472);
+var section_module_default = /*#__PURE__*/__webpack_require__.n(section_module);
+;// CONCATENATED MODULE: ./src/components/sections/RegionBar/RegionBar.tsx
+const RegionBar_excluded = ["className"];
+
+function RegionBar_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function RegionBar_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? RegionBar_ownKeys(Object(source), !0).forEach(function (key) { RegionBar_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : RegionBar_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
@@ -4922,15 +6333,19 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var _components_sections_Alert__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6893);
 /* harmony import */ var _components_sections_BannerText__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9315);
 /* harmony import */ var _components_sections_Hero__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(2849);
-/* harmony import */ var _components_sections_ProductShelf__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(8569);
+/* harmony import */ var _components_sections_ProductShelf__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(8569);
 /* harmony import */ var _components_sections_CrossSellingShelf__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(994);
-/* harmony import */ var _components_sections_Alert_DefaultComponents__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(6948);
-/* harmony import */ var _components_sections_BannerText_DefaultComponents__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(719);
-/* harmony import */ var src_components_sections_CrossSellingShelf_DefaultComponents__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(8435);
-/* harmony import */ var _components_sections_Hero_DefaultComponents__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(9569);
-/* harmony import */ var _components_sections_ProductShelf_DefaultComponents__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(2432);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_components_sections_CrossSellingShelf__WEBPACK_IMPORTED_MODULE_2__, _components_sections_ProductShelf__WEBPACK_IMPORTED_MODULE_4__]);
-([_components_sections_CrossSellingShelf__WEBPACK_IMPORTED_MODULE_2__, _components_sections_ProductShelf__WEBPACK_IMPORTED_MODULE_4__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+/* harmony import */ var _components_sections_ProductDetails__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(8663);
+/* harmony import */ var _components_sections_Alert_DefaultComponents__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(6948);
+/* harmony import */ var _components_sections_BannerText_DefaultComponents__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(719);
+/* harmony import */ var src_components_sections_CrossSellingShelf_DefaultComponents__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(8435);
+/* harmony import */ var _components_sections_Hero_DefaultComponents__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(9569);
+/* harmony import */ var _components_sections_ProductShelf_DefaultComponents__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(2432);
+/* harmony import */ var _components_sections_ProductDetails_DefaultComponents__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(1307);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_components_sections_CrossSellingShelf__WEBPACK_IMPORTED_MODULE_2__, _components_sections_ProductShelf__WEBPACK_IMPORTED_MODULE_5__]);
+([_components_sections_CrossSellingShelf__WEBPACK_IMPORTED_MODULE_2__, _components_sections_ProductShelf__WEBPACK_IMPORTED_MODULE_5__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+
+
 
 
 
@@ -4946,14 +6361,16 @@ const Sections = {
   BannerText: _components_sections_BannerText__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z,
   CrossSellingShelf: _components_sections_CrossSellingShelf__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z,
   Hero: _components_sections_Hero__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z,
-  ProductShelf: _components_sections_ProductShelf__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z
+  ProductDetails: _components_sections_ProductDetails__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z,
+  ProductShelf: _components_sections_ProductShelf__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z
 };
 const DefaultComponents = {
-  Alert: _components_sections_Alert_DefaultComponents__WEBPACK_IMPORTED_MODULE_5__/* .AlertDefaultComponents */ .p,
-  BannerText: _components_sections_BannerText_DefaultComponents__WEBPACK_IMPORTED_MODULE_6__/* .BannerTextDefaultComponents */ .b,
-  Hero: _components_sections_Hero_DefaultComponents__WEBPACK_IMPORTED_MODULE_7__/* .HeroDefaultComponents */ .O,
-  ProductShelf: _components_sections_ProductShelf_DefaultComponents__WEBPACK_IMPORTED_MODULE_8__/* .ProductShelfDefaultComponents */ .B,
-  CrossSellingShelf: src_components_sections_CrossSellingShelf_DefaultComponents__WEBPACK_IMPORTED_MODULE_9__/* .CrossSellingShelfDefaultComponents */ .q
+  Alert: _components_sections_Alert_DefaultComponents__WEBPACK_IMPORTED_MODULE_6__/* .AlertDefaultComponents */ .p,
+  BannerText: _components_sections_BannerText_DefaultComponents__WEBPACK_IMPORTED_MODULE_7__/* .BannerTextDefaultComponents */ .b,
+  CrossSellingShelf: src_components_sections_CrossSellingShelf_DefaultComponents__WEBPACK_IMPORTED_MODULE_8__/* .CrossSellingShelfDefaultComponents */ .q,
+  Hero: _components_sections_Hero_DefaultComponents__WEBPACK_IMPORTED_MODULE_9__/* .HeroDefaultComponents */ .O,
+  ProductDetails: _components_sections_ProductDetails_DefaultComponents__WEBPACK_IMPORTED_MODULE_10__/* .ProductDetailsDefaultComponents */ .l,
+  ProductShelf: _components_sections_ProductShelf_DefaultComponents__WEBPACK_IMPORTED_MODULE_11__/* .ProductShelfDefaultComponents */ .B
 };
 __webpack_async_result__();
 } catch(e) { __webpack_async_result__(e); } });
@@ -5598,6 +7015,17 @@ module.exports = {
 };
 
 
+/***/ }),
+
+/***/ 9034:
+/***/ ((module) => {
+
+// Exports
+module.exports = {
+	"section": "section_section__XsOoR"
+};
+
+
 /***/ }),
 
 /***/ 6627: