@faststore/core 2.2.57 → 2.2.59

package/.next/server/pages/[slug]/p.js

@@ -86,1282 +86,45 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 2694:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+/***/ 6458:
+/***/ ((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 */   "L": () => (/* binding */ OverriddenDefaultProductDetails)
+/* harmony export */ });
+/* harmony import */ var src_customizations_src_components_overrides_ProductDetails__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2925);
+/* harmony import */ var src_sdk_overrides_getOverriddenSection__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8788);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([src_sdk_overrides_getOverriddenSection__WEBPACK_IMPORTED_MODULE_0__]);
+src_sdk_overrides_getOverriddenSection__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
 
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "Z": () => (/* binding */ ProductDetails_ProductDetails)
-});
-
-// UNUSED EXPORTS: fragment
-
-// EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__(6689);
-var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
-// 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: ../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/BuyButton/BuyButton.js
-
-
-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: ../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
-
-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 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);
-;// 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; }
-
-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 = ({
-  url,
-  alternateName
-}) => {
-  return /*#__PURE__*/jsx_runtime_.jsx(__experimentalImageGalleryImage.Component, {
-    src: url,
-    alt: alternateName,
-    width: 68,
-    height: 68
-  });
-};
-
-const ImageGallery_ImageGallery_ImageGallery = _ref => {
-  let {
-    images
-  } = _ref,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
-
-  const {
-    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(Overrides_ImageGallery.Component, _objectSpread(_objectSpread(_objectSpread({}, Overrides_ImageGallery.props), {}, {
-    images: images,
-    ImageComponent: ImageComponent,
-    selectedImageIdx: selectedImageIdx,
-    setSelectedImageIdx: setSelectedImageIdx
-  }, otherProps), {}, {
-    children: /*#__PURE__*/jsx_runtime_.jsx(Overrides_ImageGalleryViewer.Component, _objectSpread(_objectSpread({}, Overrides_ImageGalleryViewer.props), {}, {
-      children: /*#__PURE__*/jsx_runtime_.jsx(__experimentalImageGalleryImage.Component, _objectSpread(_objectSpread({
-        sizes: "(max-width: 360px) 50vw, (max-width: 768px) 90vw, 50vw",
-        width: 691,
-        height: 691 * (3 / 4),
-        loading: "eager"
-      }, __experimentalImageGalleryImage.props), {}, {
-        src: currentImage.url,
-        alt: currentImage.alternateName
-      }))
-    }))
-  }));
-};
-
-/* 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);
-;// 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 {
-    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(Overrides_ShippingSimulation.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));
-}
-;// CONCATENATED MODULE: ./src/components/product/NotAvailableButton/NotAvailableButton.tsx
- // TODO: Remove this component when <OutOfStock /> is ready to use
 
+/**
+ * This component exists to support overrides 1.0
+ *
+ * This allows users to override the default ProductDetails section present in the Headless CMS
+ */
+const OverriddenDefaultProductDetails = (0,src_sdk_overrides_getOverriddenSection__WEBPACK_IMPORTED_MODULE_0__/* .getOverriddenSection */ .v)(src_customizations_src_components_overrides_ProductDetails__WEBPACK_IMPORTED_MODULE_1__/* .override */ .K);
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
 
+/***/ }),
 
-function NotAvailableButton({
-  children
-}) {
-  return /*#__PURE__*/jsx_runtime_.jsx(Button/* default */.Z, {
-    variant: "primary",
-    disabled: true,
-    "data-fs-buy-button": true,
-    children: children
-  });
-}
+/***/ 2925:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-/* harmony default export */ const NotAvailableButton_NotAvailableButton = (NotAvailableButton);
-// EXTERNAL MODULE: ./src/sdk/overrides/overrides.ts
-var overrides = __webpack_require__(7506);
-;// CONCATENATED MODULE: ./src/customizations/src/components/overrides/ProductDetails.tsx
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "K": () => (/* binding */ override)
+/* harmony export */ });
 // This is an example of how it can be used on the starter.
 const SECTION = 'ProductDetails';
 const override = {
   section: SECTION
 };
 
-;// CONCATENATED MODULE: ./src/components/sections/ProductDetails/Overrides.tsx
-
-
-
-
-
-
-
-const {
-  ProductTitle: Overrides_ProductTitle,
-  DiscountBadge: Overrides_DiscountBadge,
-  BuyButton: Overrides_BuyButton,
-  Icon: Overrides_Icon,
-  Price: Overrides_Price,
-  QuantitySelector: Overrides_QuantitySelector,
-  SkuSelector: Overrides_SkuSelector,
-  ShippingSimulation: Overrides_ShippingSimulation,
-  ImageGallery: Overrides_ImageGallery,
-  ImageGalleryViewer: Overrides_ImageGalleryViewer,
-  __experimentalImageGalleryImage,
-  __experimentalImageGallery,
-  __experimentalShippingSimulation,
-  __experimentalNotAvailableButton
-} = (0,overrides/* getSectionOverrides */.f)({
-  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
-}, override);
-
-;// CONCATENATED MODULE: ./src/components/ui/SkuSelector/Selectors.tsx
-const Selectors_excluded = ["src", "alt"],
-      _excluded2 = ["slugsMap", "activeVariations", "availableVariations"];
-
-function Selectors_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 Selectors_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? Selectors_ownKeys(Object(source), !0).forEach(function (key) { Selectors_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : Selectors_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function Selectors_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 Selectors_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = Selectors_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 Selectors_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 Selectors_ImageComponent = _ref => {
-  let {
-    src,
-    alt
-  } = _ref,
-      otherProps = Selectors_objectWithoutProperties(_ref, Selectors_excluded);
-
-  return /*#__PURE__*/jsx_runtime_.jsx(Image/* default */.Z, Selectors_objectSpread({
-    src: src,
-    alt: alt,
-    width: 34,
-    height: 34
-  }, otherProps));
-};
-
-function Selectors(_ref2) {
-  let {
-    slugsMap,
-    activeVariations,
-    availableVariations
-  } = _ref2,
-      otherProps = Selectors_objectWithoutProperties(_ref2, _excluded2);
-
-  return /*#__PURE__*/jsx_runtime_.jsx("section", Selectors_objectSpread(Selectors_objectSpread({}, otherProps), {}, {
-    children: availableVariations && Object.keys(availableVariations).map(skuVariant => /*#__PURE__*/(0,external_react_.createElement)(Overrides_SkuSelector.Component, Selectors_objectSpread(Selectors_objectSpread({
-      ImageComponent: Selectors_ImageComponent
-    }, Overrides_SkuSelector.props), {}, {
-      key: skuVariant,
-      skuPropertyName: skuVariant,
-      availableVariations: availableVariations,
-      activeVariations: activeVariations,
-      slugsMap: slugsMap,
-      linkProps: Selectors_objectSpread(Selectors_objectSpread({}, Overrides_SkuSelector.props.linkProps ?? {}), {}, {
-        as: Overrides_SkuSelector.props.linkProps?.as ?? (link_default()),
-        legacyBehavior: Overrides_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 = Overrides_Icon.props.name,
-    alt: buyButtonIconAlt = Overrides_Icon.props["aria-label"]
-  },
-  notAvailableButtonTitle
-}) {
-  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(__experimentalNotAvailableButton.Component, {
-      children: notAvailableButtonTitle
-    }) : /*#__PURE__*/jsx_runtime_.jsx(Overrides_BuyButton.Component, ProductDetailsSettings_objectSpread(ProductDetailsSettings_objectSpread(ProductDetailsSettings_objectSpread({}, Overrides_BuyButton.props), {}, {
-      icon: /*#__PURE__*/jsx_runtime_.jsx(Overrides_Icon.Component, ProductDetailsSettings_objectSpread(ProductDetailsSettings_objectSpread({}, Overrides_Icon.props), {}, {
-        name: buyButtonIconName,
-        "aria-label": buyButtonIconAlt
-      }))
-    }, 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(Overrides_Price.Component, ProductDetailsSettings_objectSpread(ProductDetailsSettings_objectSpread({
-            formatter: useFormattedPrice/* useFormattedPrice */.P,
-            testId: "list-price",
-            variant: "listing",
-            SRText: "Original price:"
-          }, Overrides_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(Overrides_Price.Component, ProductDetailsSettings_objectSpread(ProductDetailsSettings_objectSpread({
-            formatter: useFormattedPrice/* useFormattedPrice */.P,
-            testId: "price",
-            variant: "spot",
-            className: "text__lead",
-            SRText: "Sale Price:"
-          }, Overrides_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(Overrides_Price.Component, ProductDetailsSettings_objectSpread(ProductDetailsSettings_objectSpread({
-          formatter: useFormattedPrice/* useFormattedPrice */.P,
-          testId: "list-price",
-          variant: "spot",
-          className: "text__lead",
-          SRText: "Original price:"
-        }, Overrides_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(Overrides_QuantitySelector.Component, ProductDetailsSettings_objectSpread(ProductDetailsSettings_objectSpread({
-        min: 1,
-        max: 10
-      }, Overrides_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 = Overrides_DiscountBadge.props.size
-    }
-  },
-  buyButton: {
-    icon: buyButtonIcon,
-    title: buyButtonTitle
-  },
-  shippingSimulator: {
-    title: shippingSimulatorTitle = __experimentalShippingSimulation.props.title,
-    inputLabel: shippingSimulatorInputLabel = __experimentalShippingSimulation.props.inputLabel,
-    shippingOptionsTableTitle: shippingSimulatorOptionsTableTitle = __experimentalShippingSimulation.props.optionsLabel,
-    link: {
-      to: shippingSimulatorLinkUrl = __experimentalShippingSimulation.props.idkPostalCodeLinkProps?.href,
-      text: shippingSimulatorLinkText = __experimentalShippingSimulation.props.idkPostalCodeLinkProps?.children
-    }
-  },
-  productDescription: {
-    title: productDescriptionDetailsTitle,
-    initiallyExpanded: productDescriptionInitiallyExpanded,
-    displayDescription: shouldDisplayProductDescription
-  },
-  notAvailableButton: {
-    title: notAvailableButtonTitle = __experimentalNotAvailableButton.props.title
-  }
-}) {
-  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(Overrides_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
-            })
-          }, Overrides_ProductTitle.props), {}, {
-            label: showDiscountBadge && /*#__PURE__*/jsx_runtime_.jsx(Overrides_DiscountBadge.Component, ProductDetails_objectSpread(ProductDetails_objectSpread({}, Overrides_DiscountBadge.props), {}, {
-              size: discountBadgeSize // 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(__experimentalImageGallery.Component, ProductDetails_objectSpread(ProductDetails_objectSpread({
-          "data-fs-product-details-gallery": true
-        }, __experimentalImageGallery.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
-            })
-          }), !outOfStock && /*#__PURE__*/jsx_runtime_.jsx(__experimentalShippingSimulation.Component, ProductDetails_objectSpread(ProductDetails_objectSpread({
-            "data-fs-product-details-section": true,
-            "data-fs-product-details-shipping": true,
-            formatter: useFormattedPrice/* useFormattedPrice */.P
-          }, __experimentalShippingSimulation.props), {}, {
-            idkPostalCodeLinkProps: ProductDetails_objectSpread(ProductDetails_objectSpread({}, __experimentalShippingSimulation.props.idkPostalCodeLinkProps), {}, {
-              href: shippingSimulatorLinkUrl,
-              children: shippingSimulatorLinkText
-            }),
-            productShippingInfo: {
-              id,
-              quantity,
-              seller: seller.identifier
-            },
-            title: shippingSimulatorTitle,
-            inputLabel: shippingSimulatorInputLabel,
-            optionsLabel: shippingSimulatorOptionsTableTitle
-          }))]
-        }), shouldDisplayProductDescription && /*#__PURE__*/jsx_runtime_.jsx(ProductDescription_ProductDescription, {
-          initiallyExpanded: productDescriptionInitiallyExpanded,
-          descriptionData: [{
-            title: productDescriptionDetailsTitle,
-            content: description
-          }]
-        })]
-      })
-    })
-  });
-}
-
-const fragment = "unknown";
-/* harmony default export */ const ProductDetails_ProductDetails = (ProductDetails);
 
 /***/ }),
 
@@ -1386,7 +149,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var src_components_sections_BannerText_OverriddenDefaultBannerText__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(1481);
 /* harmony import */ var src_components_sections_Breadcrumb__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(2390);
 /* harmony import */ var src_components_sections_CrossSellingShelf_OverriddenDefaultCrossSellingShelf__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(4474);
-/* harmony import */ var src_components_sections_ProductDetails__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(2694);
+/* harmony import */ var src_components_sections_ProductDetails_OverriddenDefaultProductDetails__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(6458);
 /* harmony import */ var src_customizations_src_components__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(3276);
 /* harmony import */ var src_sdk_session__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(7295);
 /* harmony import */ var src_sdk_tests_mark__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(2541);
@@ -1399,8 +162,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var src_sdk_overrides_PageProvider__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(5953);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(997);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_faststore_api__WEBPACK_IMPORTED_MODULE_0__, src_components_sections_CrossSellingShelf_OverriddenDefaultCrossSellingShelf__WEBPACK_IMPORTED_MODULE_6__, src_components_sections_BannerNewsletter_BannerNewsletter__WEBPACK_IMPORTED_MODULE_7__, src_components_sections_BannerText_OverriddenDefaultBannerText__WEBPACK_IMPORTED_MODULE_8__, src_sdk_product_useProductQuery__WEBPACK_IMPORTED_MODULE_11__, src_components_cms_GlobalSections__WEBPACK_IMPORTED_MODULE_12__, src_components_cms_RenderSections__WEBPACK_IMPORTED_MODULE_14__, src_server__WEBPACK_IMPORTED_MODULE_15__]);
-([_faststore_api__WEBPACK_IMPORTED_MODULE_0__, src_components_sections_CrossSellingShelf_OverriddenDefaultCrossSellingShelf__WEBPACK_IMPORTED_MODULE_6__, src_components_sections_BannerNewsletter_BannerNewsletter__WEBPACK_IMPORTED_MODULE_7__, src_components_sections_BannerText_OverriddenDefaultBannerText__WEBPACK_IMPORTED_MODULE_8__, src_sdk_product_useProductQuery__WEBPACK_IMPORTED_MODULE_11__, src_components_cms_GlobalSections__WEBPACK_IMPORTED_MODULE_12__, src_components_cms_RenderSections__WEBPACK_IMPORTED_MODULE_14__, src_server__WEBPACK_IMPORTED_MODULE_15__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_faststore_api__WEBPACK_IMPORTED_MODULE_0__, src_components_sections_ProductDetails_OverriddenDefaultProductDetails__WEBPACK_IMPORTED_MODULE_5__, src_components_sections_CrossSellingShelf_OverriddenDefaultCrossSellingShelf__WEBPACK_IMPORTED_MODULE_6__, src_components_sections_BannerNewsletter_BannerNewsletter__WEBPACK_IMPORTED_MODULE_7__, src_components_sections_BannerText_OverriddenDefaultBannerText__WEBPACK_IMPORTED_MODULE_8__, src_sdk_product_useProductQuery__WEBPACK_IMPORTED_MODULE_11__, src_components_cms_GlobalSections__WEBPACK_IMPORTED_MODULE_12__, src_components_cms_RenderSections__WEBPACK_IMPORTED_MODULE_14__, src_server__WEBPACK_IMPORTED_MODULE_15__]);
+([_faststore_api__WEBPACK_IMPORTED_MODULE_0__, src_components_sections_ProductDetails_OverriddenDefaultProductDetails__WEBPACK_IMPORTED_MODULE_5__, src_components_sections_CrossSellingShelf_OverriddenDefaultCrossSellingShelf__WEBPACK_IMPORTED_MODULE_6__, src_components_sections_BannerNewsletter_BannerNewsletter__WEBPACK_IMPORTED_MODULE_7__, src_components_sections_BannerText_OverriddenDefaultBannerText__WEBPACK_IMPORTED_MODULE_8__, src_sdk_product_useProductQuery__WEBPACK_IMPORTED_MODULE_11__, src_components_cms_GlobalSections__WEBPACK_IMPORTED_MODULE_12__, src_components_cms_RenderSections__WEBPACK_IMPORTED_MODULE_14__, src_server__WEBPACK_IMPORTED_MODULE_15__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
 const _excluded = ["listPrice"];
 
 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; }
@@ -1441,7 +204,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 const COMPONENTS = _objectSpread({
   Breadcrumb: src_components_sections_Breadcrumb__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z,
-  ProductDetails: src_components_sections_ProductDetails__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z,
+  ProductDetails: src_components_sections_ProductDetails_OverriddenDefaultProductDetails__WEBPACK_IMPORTED_MODULE_5__/* .OverriddenDefaultProductDetails */ .L,
   CrossSellingShelf: src_components_sections_CrossSellingShelf_OverriddenDefaultCrossSellingShelf__WEBPACK_IMPORTED_MODULE_6__/* .OverriddenDefaultCrossSellingShelf */ .Z,
   BannerNewsletter: src_components_sections_BannerNewsletter_BannerNewsletter__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z,
   BannerText: src_components_sections_BannerText_OverriddenDefaultBannerText__WEBPACK_IMPORTED_MODULE_8__/* .OverriddenDefaultBannerText */ .i
@@ -1667,17 +430,6 @@ module.exports = {
 };
 
 
-/***/ }),
-
-/***/ 9034:
-/***/ ((module) => {
-
-// Exports
-module.exports = {
-	"section": "section_section__XsOoR"
-};
-
-
 /***/ }),
 
 /***/ 4691:
@@ -2215,7 +967,7 @@ module.exports = require("crypto");
 var __webpack_require__ = require("../../webpack-runtime.js");
 __webpack_require__.C(exports);
 var __webpack_exec__ = (moduleId) => (__webpack_require__(__webpack_require__.s = moduleId))
-var __webpack_exports__ = __webpack_require__.X(0, [676,825,404,183,177,74,779,390,796,350,693], () => (__webpack_exec__(5779)));
+var __webpack_exports__ = __webpack_require__.X(0, [676,825,404,183,177,74,390,796,350], () => (__webpack_exec__(5779)));
 module.exports = __webpack_exports__;
 
 })();