@faststore/core 2.1.0 → 2.1.3

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

@@ -236,14 +236,15 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 32449:
+/***/ 27534:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-  "z": () => (/* binding */ Components)
+  "z": () => (/* binding */ Components),
+  "x": () => (/* binding */ productDetailsPropsCustomization)
 });
 
 // EXTERNAL MODULE: external "react"
@@ -280,6 +281,12 @@ function BuyButton({ testId = 'fs-buy-button', icon, children, ...otherProps })
 }
 /* harmony default export */ const BuyButton_BuyButton = (BuyButton);
 //# sourceMappingURL=BuyButton.js.map
+// EXTERNAL MODULE: ../components/dist/atoms/Icon/Icon.js
+var Icon = __webpack_require__(25045);
+// EXTERNAL MODULE: ../components/dist/atoms/Price/Price.js
+var Price = __webpack_require__(57549);
+// EXTERNAL MODULE: ../components/dist/molecules/QuantitySelector/QuantitySelector.js
+var QuantitySelector = __webpack_require__(60123);
 // EXTERNAL MODULE: ../components/dist/atoms/Label/Label.js
 var Label = __webpack_require__(57216);
 // EXTERNAL MODULE: ../components/dist/atoms/Link/Link.js
@@ -372,8 +379,6 @@ const SkuSelector = (0,external_react_.forwardRef)(function SkuSelector({ availa
 //# sourceMappingURL=SkuSelector.js.map
 // EXTERNAL MODULE: ../components/dist/molecules/InputField/InputField.js
 var InputField = __webpack_require__(28287);
-// EXTERNAL MODULE: ../components/dist/atoms/Icon/Icon.js
-var Icon = __webpack_require__(25045);
 ;// CONCATENATED MODULE: ../components/dist/molecules/Table/Table.js
 
 const Table = (0,external_react_.forwardRef)(function Table({ children, variant = 'colored', testId = 'fs-table', ...otherProps }, ref) {
@@ -404,8 +409,6 @@ const TableCell = (0,external_react_.forwardRef)(function TableCell({ scope, ali
 });
 /* harmony default export */ const Table_TableCell = (TableCell);
 //# sourceMappingURL=TableCell.js.map
-// EXTERNAL MODULE: ../components/dist/atoms/Price/Price.js
-var Price = __webpack_require__(57549);
 ;// CONCATENATED MODULE: ../components/dist/organisms/ShippingSimulation/ShippingSimulation.js
 
 
@@ -429,286 +432,10 @@ function ShippingSimulation({ testId = 'fs-shipping-simulation', formatter, titl
 }
 /* harmony default export */ const ShippingSimulation_ShippingSimulation = (ShippingSimulation);
 //# sourceMappingURL=ShippingSimulation.js.map
-;// CONCATENATED MODULE: ./src/customizations/components/overrides/ProductDetails.tsx
-// This is an example of how it can be used on the starter.
-const SECTION = 'ProductDetails';
-const overrides = {
-  name: SECTION,
-  components: {}
-};
-/* harmony default export */ const ProductDetails = (overrides);
-;// CONCATENATED MODULE: ./src/components/sections/ProductDetails/Overrides.tsx
-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; }
-
-
-
-
-const Components = _objectSpread({
-  ProductTitle: ProductTitle_ProductTitle,
-  DiscountBadge: DiscountBadge/* default */.Z,
-  BuyButton: BuyButton_BuyButton,
-  SkuSelector: SkuSelector_SkuSelector,
-  ShippingSimulation: ShippingSimulation_ShippingSimulation
-}, ProductDetails.components);
-
-
-
-/***/ }),
-
-/***/ 81644:
-/***/ ((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 */ });
-/* unused harmony export fragment */
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(16689);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _faststore_sdk__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(71072);
-/* harmony import */ var src_sdk_session__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(97295);
-/* harmony import */ var src_sdk_product_useProduct__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(63874);
-/* harmony import */ var src_sdk_product_useFormattedPrice__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(95346);
-/* harmony import */ var _Section__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(57067);
-/* harmony import */ var src_components_product_OutOfStock__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(40492);
-/* harmony import */ var src_components_ui_ImageGallery__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(75693);
-/* harmony import */ var src_components_ui_ShippingSimulation__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(77281);
-/* harmony import */ var src_components_ui_ProductDescription__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(90509);
-/* harmony import */ var src_components_ui_ProductDetails__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(33183);
-/* harmony import */ var _section_module_scss__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(79034);
-/* harmony import */ var _section_module_scss__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(_section_module_scss__WEBPACK_IMPORTED_MODULE_13__);
-/* harmony import */ var src_components_sections_ProductDetails_Overrides__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(32449);
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(20997);
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([src_sdk_product_useProduct__WEBPACK_IMPORTED_MODULE_2__]);
-src_sdk_product_useProduct__WEBPACK_IMPORTED_MODULE_2__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-const {
-  ProductTitle,
-  DiscountBadge
-} = src_components_sections_ProductDetails_Overrides__WEBPACK_IMPORTED_MODULE_10__/* .Components */ .z;
-
-function ProductDetails({
-  context: staleProduct,
-  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
-  }
-}) {
-  const {
-    currency
-  } = (0,src_sdk_session__WEBPACK_IMPORTED_MODULE_1__/* .useSession */ .kP)();
-  const {
-    0: quantity,
-    1: setQuantity
-  } = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(1); // Stale while revalidate the product for fetching the new price etc
-
-  const {
-    data,
-    isValidating
-  } = (0,src_sdk_product_useProduct__WEBPACK_IMPORTED_MODULE_2__/* .useProduct */ .i)(staleProduct.id, {
-    product: staleProduct
-  });
-
-  if (!data) {
-    throw new Error('NotFound');
-  }
-
-  const {
-    product: {
-      id,
-      sku,
-      gtin,
-      name: variantName,
-      brand,
-      isVariantOf,
-      description,
-      isVariantOf: {
-        name,
-        productGroupID: productId
-      },
-      image: productImages,
-      offers: {
-        offers: [{
-          availability,
-          price,
-          listPrice,
-          seller
-        }],
-        lowPrice
-      }
-    }
-  } = data;
-  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
-    (0,_faststore_sdk__WEBPACK_IMPORTED_MODULE_12__/* .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]);
-  return /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx(_Section__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
-    className: `${(_section_module_scss__WEBPACK_IMPORTED_MODULE_13___default().section)} section-product-details layout__content layout__section`,
-    children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx("section", {
-      "data-fs-product-details": true,
-      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)("section", {
-        "data-fs-product-details-body": true,
-        children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx("header", {
-          "data-fs-product-details-title": true,
-          "data-fs-product-details-section": true,
-          children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx(ProductTitle, {
-            title: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx("h1", {
-              children: name
-            }),
-            label: showDiscountBadge && /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx(DiscountBadge, {
-              listPrice: listPrice,
-              spotPrice: lowPrice,
-              size: discountBadgeSize
-            }),
-            refNumber: showRefNumber && productId
-          })
-        }), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx(src_components_ui_ImageGallery__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
-          "data-fs-product-details-gallery": true,
-          images: productImages
-        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)("section", {
-          "data-fs-product-details-info": true,
-          children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx("section", {
-            "data-fs-product-details-settings": true,
-            "data-fs-product-details-section": true,
-            children: availability ? /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx(src_components_ui_ProductDetails__WEBPACK_IMPORTED_MODULE_9__/* .ProductDetailsSettings */ .m, {
-              product: data.product,
-              isValidating: isValidating,
-              buyButtonTitle: buyButtonTitle,
-              quantity: quantity,
-              setQuantity: setQuantity,
-              buyButtonIcon: buyButtonIcon
-            }) : /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx(src_components_product_OutOfStock__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {})
-          }), availability && /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx(src_components_ui_ShippingSimulation__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
-            "data-fs-product-details-section": true,
-            "data-fs-product-details-shipping": true,
-            productShippingInfo: {
-              id,
-              quantity,
-              seller: seller.identifier
-            },
-            formatter: src_sdk_product_useFormattedPrice__WEBPACK_IMPORTED_MODULE_3__/* .useFormattedPrice */ .P,
-            title: shippingSimulatorTitle,
-            inputLabel: shippingSimulatorInputLabel,
-            idkPostalCodeLinkProps: {
-              href: shippingSimulatorLinkUrl,
-              children: shippingSimulatorLinkText
-            },
-            optionsLabel: shippingSimulatorOptionsTableTitle
-          })]
-        }), shouldDisplayProductDescription && /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx(src_components_ui_ProductDescription__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {
-          initiallyExpanded: productDescriptionInitiallyExpanded,
-          descriptionData: [{
-            title: productDescriptionDetailsTitle,
-            content: description
-          }]
-        })]
-      })
-    })
-  });
-}
-
-const fragment = "unknown";
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProductDetails);
-__webpack_async_result__();
-} catch(e) { __webpack_async_result__(e); } });
-
-/***/ }),
-
-/***/ 93220:
-/***/ ((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": () => (/* reexport safe */ _ProductDetails__WEBPACK_IMPORTED_MODULE_0__.Z)
-/* harmony export */ });
-/* harmony import */ var _ProductDetails__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(81644);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_ProductDetails__WEBPACK_IMPORTED_MODULE_0__]);
-_ProductDetails__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
-
-__webpack_async_result__();
-} catch(e) { __webpack_async_result__(e); } });
-
-/***/ }),
-
-/***/ 75693:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "Z": () => (/* reexport */ ui_ImageGallery_ImageGallery)
-});
-
-// EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__(16689);
-var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
 // EXTERNAL MODULE: external "react-intersection-observer"
 var external_react_intersection_observer_ = __webpack_require__(19785);
 // EXTERNAL MODULE: ../components/dist/molecules/IconButton/IconButton.js
 var IconButton = __webpack_require__(82765);
-// EXTERNAL MODULE: ../components/dist/atoms/Icon/Icon.js
-var Icon = __webpack_require__(25045);
-// EXTERNAL MODULE: ../components/dist/atoms/Button/Button.js
-var Button = __webpack_require__(57578);
 ;// CONCATENATED MODULE: ../components/dist/organisms/ImageGallery/ImageGallerySelector.js
 
 
@@ -776,8 +503,6 @@ const ImageZoom = ({ children }) => {
 //# sourceMappingURL=ImageZoom.js.map
 // EXTERNAL MODULE: external "next/router"
 var router_ = __webpack_require__(71853);
-// EXTERNAL MODULE: ./src/components/ui/Image/index.ts + 2 modules
-var Image = __webpack_require__(79266);
 // EXTERNAL MODULE: external "react/jsx-runtime"
 var jsx_runtime_ = __webpack_require__(20997);
 ;// CONCATENATED MODULE: ./src/components/ui/ImageGallery/ImageGallery.tsx
@@ -798,16 +523,20 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
-
 const ImageComponent = ({
   url,
   alternateName
-}) => /*#__PURE__*/jsx_runtime_.jsx(Image/* Image */.E, {
-  src: url,
-  alt: alternateName,
-  width: 68,
-  height: 68
-});
+}) => {
+  const {
+    __experimentalImageGalleryImage: Image
+  } = Components;
+  return /*#__PURE__*/jsx_runtime_.jsx(Image, {
+    src: url,
+    alt: alternateName,
+    width: 68,
+    height: 68
+  });
+};
 
 const ImageGallery_ImageGallery_ImageGallery = _ref => {
   let {
@@ -821,691 +550,959 @@ const ImageGallery_ImageGallery_ImageGallery = _ref => {
   } = (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(ImageGallery_ImageGallery, _objectSpread(_objectSpread({
+  (0,external_react_.useEffect)(() => setSelectedImageIdx(0), [dynamicRoute]); // Deconstructing the object to avoid circular dependency errors
+
+  const {
+    ImageGallery: ImageGalleryWrapper,
+    ImageZoom,
+    __experimentalImageGalleryImage: Image
+  } = Components;
+  return /*#__PURE__*/jsx_runtime_.jsx(ImageGalleryWrapper, _objectSpread(_objectSpread(_objectSpread({}, productDetailsPropsCustomization.ImageGallery), {}, {
     images: images,
     ImageComponent: ImageComponent,
     selectedImageIdx: selectedImageIdx,
     setSelectedImageIdx: setSelectedImageIdx
   }, otherProps), {}, {
-    children: /*#__PURE__*/jsx_runtime_.jsx(ImageGallery_ImageZoom, {
-      children: /*#__PURE__*/jsx_runtime_.jsx(Image/* Image */.E, {
-        src: currentImage.url,
-        alt: currentImage.alternateName,
+    children: /*#__PURE__*/jsx_runtime_.jsx(ImageZoom, _objectSpread(_objectSpread({}, productDetailsPropsCustomization.ImageZoom), {}, {
+      children: /*#__PURE__*/jsx_runtime_.jsx(Image, _objectSpread(_objectSpread({
         sizes: "(max-width: 360px) 50vw, (max-width: 768px) 90vw, 50vw",
         width: 691,
         height: 691 * (3 / 4),
         loading: "eager"
-      })
-    })
+      }, productDetailsPropsCustomization.__experimentalImageGalleryImage), {}, {
+        src: currentImage.url,
+        alt: currentImage.alternateName
+      }))
+    }))
   }));
 };
 
 /* harmony default export */ const ui_ImageGallery_ImageGallery = (ImageGallery_ImageGallery_ImageGallery);
 ;// CONCATENATED MODULE: ./src/components/ui/ImageGallery/index.ts
 
+// EXTERNAL MODULE: ./src/sdk/graphql/request.ts
+var request = __webpack_require__(180);
+;// CONCATENATED MODULE: ./src/sdk/shipping/index.ts
 
-/***/ }),
-
-/***/ 90509:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+const query = "ShippingSimulationQuery";
+const getShippingSimulation = async ({
+  items,
+  postalCode,
+  country
+}) => {
+  const data = await (0,request/* request */.W)(query, {
+    items,
+    postalCode,
+    country
+  });
+  return data.shipping;
+};
+/* harmony default export */ const shipping = ((/* unused pure expression or super */ null && (getShippingSimulation)));
+// EXTERNAL MODULE: ./src/sdk/session/index.ts + 1 modules
+var session = __webpack_require__(97295);
+;// CONCATENATED MODULE: ./src/components/ui/ShippingSimulation/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; }
 
-"use strict";
+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; }
 
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "Z": () => (/* reexport */ ProductDescription_ProductDescription)
+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: {
+    location: '',
+    options: []
+  }
 });
 
-// EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__(16689);
-// EXTERNAL MODULE: ../components/dist/molecules/Accordion/Accordion.js
-var Accordion = __webpack_require__(39739);
-// EXTERNAL MODULE: ../components/dist/molecules/Accordion/AccordionItem.js
-var AccordionItem = __webpack_require__(60997);
-// EXTERNAL MODULE: ../components/dist/molecules/Accordion/AccordionButton.js
-var AccordionButton = __webpack_require__(47743);
-// EXTERNAL MODULE: ../components/dist/molecules/Accordion/AccordionPanel.js
-var AccordionPanel = __webpack_require__(20331);
-// EXTERNAL MODULE: external "react/jsx-runtime"
-var jsx_runtime_ = __webpack_require__(20997);
-;// CONCATENATED MODULE: ./src/components/ui/ProductDescription/ProductDescription.tsx
+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`);
+  }
+};
 
-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 useShippingSimulation = (shippingItem, fetchShippingSimulationFn, sessionPostalCode, country) => {
   const {
-    0: indices,
-    1: setIndices
-  } = (0,external_react_.useState)(new Set(INITIALLY_EXPANDED_MAP[initiallyExpanded]));
+    0: {
+      input,
+      shippingSimulation
+    },
+    1: dispatch
+  } = (0,external_react_.useReducer)(reducer, null, createEmptySimulation);
+  const {
+    postalCode: shippingPostalCode
+  } = input;
+  (0,external_react_.useEffect)(() => {
+    if (!sessionPostalCode || shippingPostalCode) {
+      return;
+    } // Use sessionPostalCode if there is no shippingPostalCode
 
-  const onChange = index => {
-    setIndices(currentIndices => {
-      const newIndices = new Set(currentIndices);
 
-      if (currentIndices.has(index)) {
-        newIndices.delete(index);
-      } else {
-        newIndices.add(index);
-      }
+    async function fetchShipping() {
+      const [location, options] = await fetchShippingSimulationFn(shippingItem, country, sessionPostalCode ?? '');
+      dispatch({
+        type: 'update',
+        payload: {
+          input: {
+            postalCode: sessionPostalCode ?? '',
+            displayClearButton: true,
+            errorMessage: ''
+          },
+          shippingSimulation: {
+            location,
+            options
+          }
+        }
+      });
+    }
 
-      return newIndices;
-    });
+    fetchShipping();
+  }, [country, fetchShippingSimulationFn, sessionPostalCode, shippingItem, shippingPostalCode]);
+  const handleSubmit = (0,external_react_.useCallback)(async () => {
+    try {
+      const [location, options] = await fetchShippingSimulationFn(shippingItem, country, shippingPostalCode ?? '');
+      dispatch({
+        type: 'update',
+        payload: {
+          input: {
+            displayClearButton: true,
+            errorMessage: ''
+          },
+          shippingSimulation: {
+            location,
+            options
+          }
+        }
+      });
+    } catch (error) {
+      dispatch({
+        type: 'onError',
+        payload: {
+          displayClearButton: true,
+          errorMessage: 'You entered an invalid Postal Code'
+        }
+      });
+    }
+  }, [country, fetchShippingSimulationFn, 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"];
 
-  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("p", {
-            className: "text__body",
-            children: content
-          })
-        })]
-      }, String(index)))
-    })
-  });
-}
+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; }
 
-/* harmony default export */ const ProductDescription_ProductDescription = (ProductDescription);
-;// CONCATENATED MODULE: ./src/components/ui/ProductDescription/index.ts
+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; }
 
-/***/ 33183:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+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; }
 
-"use strict";
 
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "m": () => (/* reexport */ ProductDetails_ProductDetailsSettings)
-});
 
-// UNUSED EXPORTS: AddToCartLoadingSkeleton
 
-// EXTERNAL MODULE: ../components/dist/atoms/Price/Price.js
-var Price = __webpack_require__(57549);
-// EXTERNAL MODULE: ../components/dist/molecules/QuantitySelector/QuantitySelector.js
-var QuantitySelector = __webpack_require__(60123);
-// EXTERNAL MODULE: ../components/dist/atoms/Icon/Icon.js
-var Icon = __webpack_require__(25045);
-// EXTERNAL MODULE: ../sdk/dist/analytics/sendAnalyticsEvent.js
-var sendAnalyticsEvent = __webpack_require__(71072);
-// EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__(16689);
-// EXTERNAL MODULE: ./src/sdk/session/index.ts + 1 modules
-var session = __webpack_require__(97295);
-// EXTERNAL MODULE: ../components/dist/hooks/UIProvider.js
-var UIProvider = __webpack_require__(90395);
-// EXTERNAL MODULE: ./src/sdk/cart/index.ts + 1 modules
-var cart = __webpack_require__(46073);
-;// CONCATENATED MODULE: ./src/sdk/cart/useBuyButton.ts
 
 
 
+const fetchShippingSimulation = async (shippingItem, country, postalCode) => {
+  const shipping = await getShippingSimulation({
+    country,
+    postalCode: postalCode,
+    items: [shippingItem]
+  });
+  const location = [shipping?.address?.neighborhood, shipping?.address?.city].filter(Boolean).join(' / ') ?? '';
+  const options = shipping?.logisticsInfo?.[0]?.slas ?? [];
+  return [location, options];
+};
 
+function ShippingSimulation_ShippingSimulation_ShippingSimulation(_ref) {
+  let {
+    productShippingInfo,
+    formatter,
+    inputLabel,
+    title,
+    idkPostalCodeLinkProps
+  } = _ref,
+      otherProps = ShippingSimulation_objectWithoutProperties(_ref, ShippingSimulation_excluded);
 
-const useBuyButton = item => {
   const {
-    openCart
-  } = (0,UIProvider/* useUI */.l)();
+    country,
+    postalCode: sessionPostalCode
+  } = (0,session/* useSession */.kP)();
   const {
-    currency: {
-      code
+    ShippingSimulation: ShippingSimulationWrapper
+  } = Components;
+  const {
+    input,
+    shippingSimulation,
+    handleSubmit,
+    handleOnInput,
+    handleOnClear
+  } = useShippingSimulation(productShippingInfo, fetchShippingSimulation, sessionPostalCode, country);
+  const {
+    postalCode,
+    displayClearButton,
+    errorMessage
+  } = input;
+  const {
+    location,
+    options
+  } = shippingSimulation;
+  return /*#__PURE__*/jsx_runtime_.jsx(ShippingSimulationWrapper, ShippingSimulation_objectSpread({
+    formatter: formatter,
+    onInput: handleOnInput,
+    onSubmit: handleSubmit,
+    onClear: handleOnClear,
+    location: location,
+    options: options,
+    displayClearButton: displayClearButton,
+    errorMessage: errorMessage,
+    postalCode: postalCode,
+    inputLabel: inputLabel,
+    title: title,
+    idkPostalCodeLinkProps: idkPostalCodeLinkProps
+  }, otherProps));
+}
+// EXTERNAL MODULE: ./src/components/ui/Image/index.ts + 2 modules
+var Image = __webpack_require__(79266);
+;// CONCATENATED MODULE: ./src/customizations/components/overrides/ProductDetails.tsx
+// This is an example of how it can be used on the starter.
+const SECTION = 'ProductDetails';
+const overrides = {
+  name: SECTION,
+  components: {
+    ProductTitle: {
+      props: {}
+    },
+    DiscountBadge: {
+      props: {}
+    },
+    BuyButton: {
+      props: {}
+    },
+    Icon: {
+      props: {}
+    },
+    Price: {
+      props: {}
+    },
+    QuantitySelector: {
+      props: {}
+    },
+    SkuSelector: {
+      props: {}
+    },
+    ShippingSimulation: {
+      props: {}
+    },
+    ImageGallery: {
+      props: {}
+    },
+    ImageZoom: {
+      props: {}
+    },
+    __experimentalImageGalleryImage: {
+      props: {}
+    },
+    __experimentalImageGallery: {
+      props: {}
+    },
+    __experimentalShippingSimulation: {
+      props: {}
     }
-  } = (0,session/* useSession */.kP)();
-  const onClick = (0,external_react_.useCallback)(e => {
-    e.preventDefault();
+  }
+};
+/* harmony default export */ const ProductDetails = (overrides);
+;// CONCATENATED MODULE: ./src/components/sections/ProductDetails/Overrides.tsx
+function Overrides_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; }
 
-    if (!item) {
-      return;
-    }
+function Overrides_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? Overrides_ownKeys(Object(source), !0).forEach(function (key) { Overrides_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : Overrides_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-    (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: ./src/sdk/product/useFormattedPrice.ts
-var useFormattedPrice = __webpack_require__(95346);
-// EXTERNAL MODULE: ./node_modules/next/link.js
-var next_link = __webpack_require__(41664);
-var link_default = /*#__PURE__*/__webpack_require__.n(next_link);
-// EXTERNAL MODULE: ./src/components/ui/Image/index.ts + 2 modules
-var Image = __webpack_require__(79266);
-// EXTERNAL MODULE: ./src/components/sections/ProductDetails/Overrides.tsx + 11 modules
-var Overrides = __webpack_require__(32449);
-// EXTERNAL MODULE: external "react/jsx-runtime"
-var jsx_runtime_ = __webpack_require__(20997);
-;// CONCATENATED MODULE: ./src/components/ui/SkuSelector/Selectors.tsx
-const _excluded = ["src", "alt"],
-      _excluded2 = ["slugsMap", "activeVariations", "availableVariations"];
+function Overrides_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 productDetailsComponentsCustomization = {};
+const productDetailsPropsCustomization = {};
+Object.entries(ProductDetails.components).forEach(([key, value]) => {
+  if (value.Component) {
+    productDetailsComponentsCustomization[key] = value.Component;
+  }
+});
+Object.entries(ProductDetails.components).forEach(([key, value]) => {
+  if (value.props) {
+    productDetailsPropsCustomization[key] = value.props;
+  }
+});
+
+const Components = Overrides_objectSpread({
+  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,
+  ImageZoom: ImageGallery_ImageZoom,
+  __experimentalImageGalleryImage: Image/* Image */.E,
+  __experimentalImageGallery: ui_ImageGallery_ImageGallery,
+  __experimentalShippingSimulation: ShippingSimulation_ShippingSimulation_ShippingSimulation
+}, productDetailsComponentsCustomization);
+
+
+
+/***/ }),
+
+/***/ 81644:
+/***/ ((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 */ });
+/* unused harmony export fragment */
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(16689);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _faststore_sdk__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(71072);
+/* harmony import */ var src_sdk_session__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(97295);
+/* harmony import */ var src_sdk_product_useProduct__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(63874);
+/* harmony import */ var src_sdk_product_useFormattedPrice__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(95346);
+/* harmony import */ var _Section__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(57067);
+/* harmony import */ var src_components_product_OutOfStock__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(40492);
+/* harmony import */ var src_components_ui_ProductDescription__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(90509);
+/* harmony import */ var src_components_ui_ProductDetails__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(33183);
+/* harmony import */ var _section_module_scss__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(79034);
+/* harmony import */ var _section_module_scss__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(_section_module_scss__WEBPACK_IMPORTED_MODULE_11__);
+/* harmony import */ var src_components_sections_ProductDetails_Overrides__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(27534);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(20997);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([src_sdk_product_useProduct__WEBPACK_IMPORTED_MODULE_2__]);
+src_sdk_product_useProduct__WEBPACK_IMPORTED_MODULE_2__ = (__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 _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 {
-  SkuSelector
-} = Overrides/* Components */.z;
 
-const ImageComponent = _ref => {
-  let {
-    src,
-    alt
-  } = _ref,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/jsx_runtime_.jsx(Image/* Image */.E, _objectSpread({
-    src: src,
-    alt: alt,
-    width: 34,
-    height: 34
-  }, otherProps));
-};
 
-function Selectors(_ref2) {
-  let {
-    slugsMap,
-    activeVariations,
-    availableVariations
-  } = _ref2,
-      otherProps = _objectWithoutProperties(_ref2, _excluded2);
 
-  return /*#__PURE__*/jsx_runtime_.jsx("section", _objectSpread(_objectSpread({}, otherProps), {}, {
-    children: availableVariations && Object.keys(availableVariations).map(skuVariant => /*#__PURE__*/jsx_runtime_.jsx(SkuSelector, {
-      skuPropertyName: skuVariant,
-      availableVariations: availableVariations,
-      ImageComponent: ImageComponent,
-      activeVariations: activeVariations,
-      slugsMap: slugsMap,
-      linkProps: {
-        as: (link_default()),
-        legacyBehavior: false
-      }
-    }, skuVariant))
-  }));
-}
 
-/* harmony default export */ const SkuSelector_Selectors = (Selectors);
-;// CONCATENATED MODULE: ./src/components/ui/SkuSelector/index.ts
 
-;// CONCATENATED MODULE: ./src/components/ui/ProductDetails/AddToCartLoadingSkeleton.tsx
 
+const {
+  ProductTitle,
+  DiscountBadge,
+  __experimentalImageGallery: ImageGallery,
+  __experimentalShippingSimulation: ShippingSimulation
+} = src_components_sections_ProductDetails_Overrides__WEBPACK_IMPORTED_MODULE_8__/* .Components */ .z;
 
-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"
+function ProductDetails({
+  context: staleProduct,
+  productTitle: {
+    refNumber: showRefNumber,
+    discountBadge: {
+      showDiscountBadge,
+      size: discountBadgeSize = src_components_sections_ProductDetails_Overrides__WEBPACK_IMPORTED_MODULE_8__/* .Props.DiscountBadge.size */ .x.DiscountBadge.size
+    }
+  },
+  buyButton: {
+    icon: buyButtonIcon,
+    title: buyButtonTitle
+  },
+  shippingSimulator: {
+    title: shippingSimulatorTitle = src_components_sections_ProductDetails_Overrides__WEBPACK_IMPORTED_MODULE_8__/* .Props.__experimentalShippingSimulation.title */ .x.__experimentalShippingSimulation.title,
+    inputLabel: shippingSimulatorInputLabel = src_components_sections_ProductDetails_Overrides__WEBPACK_IMPORTED_MODULE_8__/* .Props.__experimentalShippingSimulation.inputLabel */ .x.__experimentalShippingSimulation.inputLabel,
+    shippingOptionsTableTitle: shippingSimulatorOptionsTableTitle = src_components_sections_ProductDetails_Overrides__WEBPACK_IMPORTED_MODULE_8__/* .Props.__experimentalShippingSimulation.optionsLabel */ .x.__experimentalShippingSimulation.optionsLabel,
+    link: {
+      to: shippingSimulatorLinkUrl = src_components_sections_ProductDetails_Overrides__WEBPACK_IMPORTED_MODULE_8__/* .Props.__experimentalShippingSimulation.idkPostalCodeLinkProps */ .x.__experimentalShippingSimulation.idkPostalCodeLinkProps?.href,
+      text: shippingSimulatorLinkText = src_components_sections_ProductDetails_Overrides__WEBPACK_IMPORTED_MODULE_8__/* .Props.__experimentalShippingSimulation.idkPostalCodeLinkProps */ .x.__experimentalShippingSimulation.idkPostalCodeLinkProps?.children
+    }
+  },
+  productDescription: {
+    title: productDescriptionDetailsTitle,
+    initiallyExpanded: productDescriptionInitiallyExpanded,
+    displayDescription: shouldDisplayProductDescription
+  }
+}) {
+  const {
+    currency
+  } = (0,src_sdk_session__WEBPACK_IMPORTED_MODULE_1__/* .useSession */ .kP)();
+  const {
+    0: quantity,
+    1: setQuantity
+  } = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(1); // Stale while revalidate the product for fetching the new price etc
+
+  const {
+    data,
+    isValidating
+  } = (0,src_sdk_product_useProduct__WEBPACK_IMPORTED_MODULE_2__/* .useProduct */ .i)(staleProduct.id, {
+    product: staleProduct
+  });
+
+  if (!data) {
+    throw new Error('NotFound');
+  }
+
+  const {
+    product: {
+      id,
+      sku,
+      gtin,
+      name: variantName,
+      brand,
+      isVariantOf,
+      description,
+      isVariantOf: {
+        name,
+        productGroupID: productId
+      },
+      image: productImages,
+      offers: {
+        offers: [{
+          availability,
+          price,
+          listPrice,
+          seller
+        }],
+        lowPrice
+      }
+    }
+  } = data;
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+    (0,_faststore_sdk__WEBPACK_IMPORTED_MODULE_10__/* .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]);
+  return /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx(_Section__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
+    className: `${(_section_module_scss__WEBPACK_IMPORTED_MODULE_11___default().section)} section-product-details layout__content layout__section`,
+    children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx("section", {
+      "data-fs-product-details": true,
+      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("section", {
+        "data-fs-product-details-body": true,
+        children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx("header", {
+          "data-fs-product-details-title": true,
+          "data-fs-product-details-section": true,
+          children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx(ProductTitle // 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.
+          , _objectSpread(_objectSpread({
+            title: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx("h1", {
+              children: name
             })
-          })]
+          }, src_components_sections_ProductDetails_Overrides__WEBPACK_IMPORTED_MODULE_8__/* .Props.ProductTitle */ .x.ProductTitle), {}, {
+            label: showDiscountBadge && /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx(DiscountBadge, _objectSpread(_objectSpread({}, src_components_sections_ProductDetails_Overrides__WEBPACK_IMPORTED_MODULE_8__/* .Props.DiscountBadge */ .x.DiscountBadge), {}, {
+              size: discountBadgeSize // Dynamic props shouldn't be overridable
+              // This decision can be reviewed later if needed
+              ,
+              listPrice: listPrice,
+              spotPrice: lowPrice
+            })),
+            refNumber: showRefNumber && productId
+          }))
+        }), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx(ImageGallery, _objectSpread(_objectSpread({
+          "data-fs-product-details-gallery": true
+        }, src_components_sections_ProductDetails_Overrides__WEBPACK_IMPORTED_MODULE_8__/* .Props.__experimentalImageGallery */ .x.__experimentalImageGallery), {}, {
+          images: productImages
+        })), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("section", {
+          "data-fs-product-details-info": true,
+          children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx("section", {
+            "data-fs-product-details-settings": true,
+            "data-fs-product-details-section": true,
+            children: availability ? /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx(src_components_ui_ProductDetails__WEBPACK_IMPORTED_MODULE_7__/* .ProductDetailsSettings */ .m, {
+              product: data.product,
+              isValidating: isValidating,
+              buyButtonTitle: buyButtonTitle,
+              quantity: quantity,
+              setQuantity: setQuantity,
+              buyButtonIcon: buyButtonIcon
+            }) : /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx(src_components_product_OutOfStock__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {})
+          }), availability && /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx(ShippingSimulation, _objectSpread(_objectSpread({
+            "data-fs-product-details-section": true,
+            "data-fs-product-details-shipping": true,
+            formatter: src_sdk_product_useFormattedPrice__WEBPACK_IMPORTED_MODULE_3__/* .useFormattedPrice */ .P
+          }, src_components_sections_ProductDetails_Overrides__WEBPACK_IMPORTED_MODULE_8__/* .Props.__experimentalShippingSimulation */ .x.__experimentalShippingSimulation), {}, {
+            idkPostalCodeLinkProps: _objectSpread(_objectSpread({}, src_components_sections_ProductDetails_Overrides__WEBPACK_IMPORTED_MODULE_8__/* .Props.idkPostalCodeLinkProps */ .x.idkPostalCodeLinkProps), {}, {
+              href: shippingSimulatorLinkUrl,
+              children: shippingSimulatorLinkText
+            }),
+            productShippingInfo: {
+              id,
+              quantity,
+              seller: seller.identifier
+            },
+            title: shippingSimulatorTitle,
+            inputLabel: shippingSimulatorInputLabel,
+            optionsLabel: shippingSimulatorOptionsTableTitle
+          }))]
+        }), shouldDisplayProductDescription && /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx(src_components_ui_ProductDescription__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
+          initiallyExpanded: productDescriptionInitiallyExpanded,
+          descriptionData: [{
+            title: productDescriptionDetailsTitle,
+            content: description
+          }]
         })]
-      })]
+      })
     })
-  );
+  });
 }
-;// 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; }
+const fragment = "unknown";
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProductDetails);
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
 
-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; }
+/***/ }),
+
+/***/ 93220:
+/***/ ((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": () => (/* reexport safe */ _ProductDetails__WEBPACK_IMPORTED_MODULE_0__.Z)
+/* harmony export */ });
+/* harmony import */ var _ProductDetails__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(81644);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_ProductDetails__WEBPACK_IMPORTED_MODULE_0__]);
+_ProductDetails__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
 
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
 
+/***/ }),
 
+/***/ 90509:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
+"use strict";
 
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Z": () => (/* reexport */ ProductDescription_ProductDescription)
+});
 
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(16689);
+// EXTERNAL MODULE: ../components/dist/molecules/Accordion/Accordion.js
+var Accordion = __webpack_require__(39739);
+// EXTERNAL MODULE: ../components/dist/molecules/Accordion/AccordionItem.js
+var AccordionItem = __webpack_require__(60997);
+// EXTERNAL MODULE: ../components/dist/molecules/Accordion/AccordionButton.js
+var AccordionButton = __webpack_require__(47743);
+// EXTERNAL MODULE: ../components/dist/molecules/Accordion/AccordionPanel.js
+var AccordionPanel = __webpack_require__(20331);
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(20997);
+;// CONCATENATED MODULE: ./src/components/ui/ProductDescription/ProductDescription.tsx
 
 
 
-const {
-  BuyButton
-} = Overrides/* Components */.z;
 
-function ProductDetailsSettings({
-  product,
-  buyButtonTitle,
-  isValidating,
-  quantity,
-  setQuantity,
-  buyButtonIcon: {
-    icon: buyButtonIconName,
-    alt: buyButtonIconAlt
-  }
+
+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 {
-    id,
-    sku,
-    gtin,
-    name: variantName,
-    brand,
-    isVariantOf,
-    isVariantOf: {
-      skuVariants
-    },
-    image: productImages,
-    additionalProperty,
-    offers: {
-      lowPrice,
-      offers: [{
-        availability,
-        price,
-        listPrice,
-        seller
-      }]
-    }
-  } = product;
-  const buyDisabled = availability !== 'https://schema.org/InStock';
-  const buyProps = useBuyButton({
-    id,
-    price,
-    listPrice,
-    seller,
-    quantity,
-    itemOffered: {
-      sku,
-      name: variantName,
-      gtin,
-      image: productImages,
-      brand,
-      isVariantOf,
-      additionalProperty
-    }
-  });
-  return /*#__PURE__*/(0,jsx_runtime_.jsxs)(jsx_runtime_.Fragment, {
-    children: [/*#__PURE__*/(0,jsx_runtime_.jsxs)("section", {
-      "data-fs-product-details-values": true,
-      children: [/*#__PURE__*/(0,jsx_runtime_.jsxs)("div", {
-        "data-fs-product-details-prices": true,
-        children: [/*#__PURE__*/jsx_runtime_.jsx(Price/* default */.Z, {
-          value: listPrice,
-          formatter: useFormattedPrice/* useFormattedPrice */.P,
-          testId: "list-price",
-          "data-value": listPrice,
-          variant: "listing",
-          SRText: "Original price:"
-        }), /*#__PURE__*/jsx_runtime_.jsx(Price/* default */.Z, {
-          value: lowPrice,
-          formatter: useFormattedPrice/* useFormattedPrice */.P,
-          testId: "price",
-          "data-value": lowPrice,
-          variant: "spot",
-          className: "text__lead",
-          SRText: "Sale Price:"
-        })]
-      }), /*#__PURE__*/jsx_runtime_.jsx(QuantitySelector/* default */.Z, {
-        min: 1,
-        max: 10,
-        onChange: setQuantity
-      })]
-    }), skuVariants && /*#__PURE__*/jsx_runtime_.jsx(SkuSelector_Selectors, {
-      slugsMap: skuVariants.slugsMap,
-      availableVariations: skuVariants.availableVariations,
-      activeVariations: skuVariants.activeVariations,
-      "data-fs-product-details-selectors": true
-    }),
-    /* 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. */
-    isValidating ? /*#__PURE__*/jsx_runtime_.jsx(AddToCartLoadingSkeleton, {}) : /*#__PURE__*/jsx_runtime_.jsx(BuyButton, ProductDetailsSettings_objectSpread(ProductDetailsSettings_objectSpread({
-      disabled: buyDisabled,
-      icon: /*#__PURE__*/jsx_runtime_.jsx(Icon/* default */.Z, {
-        "aria-label": buyButtonIconAlt,
-        name: buyButtonIconName
-      })
-    }, buyProps), {}, {
-      children: buyButtonTitle || 'Add to Cart'
-    }))]
+    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("p", {
+            className: "text__body",
+            children: content
+          })
+        })]
+      }, String(index)))
+    })
   });
 }
 
-/* harmony default export */ const ProductDetails_ProductDetailsSettings = (ProductDetailsSettings);
-;// CONCATENATED MODULE: ./src/components/ui/ProductDetails/index.ts
-
+/* harmony default export */ const ProductDescription_ProductDescription = (ProductDescription);
+;// CONCATENATED MODULE: ./src/components/ui/ProductDescription/index.ts
 
 
 /***/ }),
 
-/***/ 77281:
+/***/ 33183:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-  "Z": () => (/* reexport */ ShippingSimulation)
+  "m": () => (/* reexport */ ProductDetails_ProductDetailsSettings)
 });
 
-// EXTERNAL MODULE: ./src/sdk/graphql/request.ts
-var request = __webpack_require__(180);
-;// CONCATENATED MODULE: ./src/sdk/shipping/index.ts
+// UNUSED EXPORTS: AddToCartLoadingSkeleton
 
-const query = "ShippingSimulationQuery";
-const getShippingSimulation = async ({
-  items,
-  postalCode,
-  country
-}) => {
-  const data = await (0,request/* request */.W)(query, {
-    items,
-    postalCode,
-    country
-  });
-  return data.shipping;
-};
-/* harmony default export */ const shipping = ((/* unused pure expression or super */ null && (getShippingSimulation)));
-// EXTERNAL MODULE: ./src/sdk/session/index.ts + 1 modules
-var session = __webpack_require__(97295);
+// EXTERNAL MODULE: ../sdk/dist/analytics/sendAnalyticsEvent.js
+var sendAnalyticsEvent = __webpack_require__(71072);
 // EXTERNAL MODULE: external "react"
 var external_react_ = __webpack_require__(16689);
-;// CONCATENATED MODULE: ./src/components/ui/ShippingSimulation/useShippingSimulation.ts
+// EXTERNAL MODULE: ./src/sdk/session/index.ts + 1 modules
+var session = __webpack_require__(97295);
+// EXTERNAL MODULE: ../components/dist/hooks/UIProvider.js
+var UIProvider = __webpack_require__(90395);
+// EXTERNAL MODULE: ./src/sdk/cart/index.ts + 1 modules
+var cart = __webpack_require__(46073);
+;// 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: ./src/sdk/product/useFormattedPrice.ts
+var useFormattedPrice = __webpack_require__(95346);
+// EXTERNAL MODULE: ./node_modules/next/link.js
+var next_link = __webpack_require__(41664);
+var link_default = /*#__PURE__*/__webpack_require__.n(next_link);
+// EXTERNAL MODULE: ./src/components/ui/Image/index.ts + 2 modules
+var Image = __webpack_require__(79266);
+// EXTERNAL MODULE: ./src/components/sections/ProductDetails/Overrides.tsx + 19 modules
+var Overrides = __webpack_require__(27534);
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(20997);
+;// 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 createEmptySimulation = () => ({
-  input: {
-    postalCode: '',
-    displayClearButton: false,
-    errorMessage: ''
-  },
-  shippingSimulation: {
-    location: '',
-    options: []
-  }
-});
 
-const reducer = (state, action) => {
-  const {
-    type
-  } = action;
 
-  switch (type) {
-    case 'clear':
-      {
-        return createEmptySimulation();
-      }
 
-    case 'update':
-      {
-        const {
-          payload
-        } = action;
-        return {
-          input: _objectSpread(_objectSpread({}, state.input), payload.input),
-          shippingSimulation: _objectSpread(_objectSpread({}, state.shippingSimulation), payload.shippingSimulation)
-        };
-      }
 
-    case 'onInput':
-      {
-        const {
-          payload
-        } = action;
-        return _objectSpread(_objectSpread({}, state), {}, {
-          input: _objectSpread({}, payload)
-        });
-      }
+const {
+  SkuSelector
+} = Overrides/* Components */.z;
 
-    case 'onError':
-      {
-        const {
-          payload
-        } = action;
-        return _objectSpread(_objectSpread({}, state), {}, {
-          input: _objectSpread(_objectSpread({}, state.input), payload)
-        });
-      }
+const ImageComponent = _ref => {
+  let {
+    src,
+    alt
+  } = _ref,
+      otherProps = _objectWithoutProperties(_ref, _excluded);
 
-    default:
-      throw new Error(`Action ${type} not implemented`);
-  }
+  return /*#__PURE__*/jsx_runtime_.jsx(Image/* Image */.E, _objectSpread({
+    src: src,
+    alt: alt,
+    width: 34,
+    height: 34
+  }, otherProps));
 };
 
-const useShippingSimulation = (shippingItem, fetchShippingSimulationFn, sessionPostalCode, country) => {
-  const {
-    0: {
-      input,
-      shippingSimulation
-    },
-    1: dispatch
-  } = (0,external_react_.useReducer)(reducer, null, createEmptySimulation);
-  const {
-    postalCode: shippingPostalCode
-  } = input;
-  (0,external_react_.useEffect)(() => {
-    if (!sessionPostalCode || shippingPostalCode) {
-      return;
-    } // Use sessionPostalCode if there is no shippingPostalCode
+function Selectors(_ref2) {
+  let {
+    slugsMap,
+    activeVariations,
+    availableVariations
+  } = _ref2,
+      otherProps = _objectWithoutProperties(_ref2, _excluded2);
 
+  return /*#__PURE__*/jsx_runtime_.jsx("section", _objectSpread(_objectSpread({}, otherProps), {}, {
+    children: availableVariations && Object.keys(availableVariations).map(skuVariant => /*#__PURE__*/jsx_runtime_.jsx(SkuSelector, {
+      skuPropertyName: skuVariant,
+      availableVariations: availableVariations,
+      ImageComponent: ImageComponent,
+      activeVariations: activeVariations,
+      slugsMap: slugsMap,
+      linkProps: {
+        as: (link_default()),
+        legacyBehavior: false
+      }
+    }, skuVariant))
+  }));
+}
 
-    async function fetchShipping() {
-      const [location, options] = await fetchShippingSimulationFn(shippingItem, country, sessionPostalCode ?? '');
-      dispatch({
-        type: 'update',
-        payload: {
-          input: {
-            postalCode: sessionPostalCode ?? '',
-            displayClearButton: true,
-            errorMessage: ''
-          },
-          shippingSimulation: {
-            location,
-            options
-          }
-        }
-      });
-    }
+/* harmony default export */ const SkuSelector_Selectors = (Selectors);
+;// CONCATENATED MODULE: ./src/components/ui/SkuSelector/index.ts
 
-    fetchShipping();
-  }, [country, fetchShippingSimulationFn, sessionPostalCode, shippingItem, shippingPostalCode]);
-  const handleSubmit = (0,external_react_.useCallback)(async () => {
-    try {
-      const [location, options] = await fetchShippingSimulationFn(shippingItem, country, shippingPostalCode ?? '');
-      dispatch({
-        type: 'update',
-        payload: {
-          input: {
-            displayClearButton: true,
-            errorMessage: ''
-          },
-          shippingSimulation: {
-            location,
-            options
-          }
-        }
-      });
-    } catch (error) {
-      dispatch({
-        type: 'onError',
-        payload: {
-          displayClearButton: true,
-          errorMessage: 'You entered an invalid Postal Code'
-        }
-      });
-    }
-  }, [country, fetchShippingSimulationFn, shippingItem, shippingPostalCode]);
-  const handleOnInput = (0,external_react_.useCallback)(e => {
-    const currentValue = e.currentTarget.value;
+;// CONCATENATED MODULE: ./src/components/ui/ProductDetails/AddToCartLoadingSkeleton.tsx
 
-    if (currentValue) {
-      dispatch({
-        type: 'onInput',
-        payload: {
-          postalCode: currentValue,
-          displayClearButton: false,
-          errorMessage: ''
+
+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")'
         }
-      });
-    } else {
-      dispatch({
-        type: 'clear'
-      });
-    }
-  }, []);
-  return {
-    input,
-    shippingSimulation,
-    handleOnClear: () => {
-      dispatch({
-        type: 'clear'
-      });
-    },
-    handleSubmit,
-    handleOnInput
-  };
-};
-// EXTERNAL MODULE: ./src/components/sections/ProductDetails/Overrides.tsx + 11 modules
-var Overrides = __webpack_require__(32449);
-// EXTERNAL MODULE: external "react/jsx-runtime"
-var jsx_runtime_ = __webpack_require__(20997);
-;// CONCATENATED MODULE: ./src/components/ui/ShippingSimulation/ShippingSimulation.tsx
-const _excluded = ["productShippingInfo", "formatter", "inputLabel", "title", "idkPostalCodeLinkProps"];
+      }), /*#__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 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 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 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 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 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 _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; }
 
 
 
@@ -1513,66 +1510,118 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 const {
-  ShippingSimulation: ShippingSimulationWrapper
+  BuyButton,
+  Icon,
+  Price,
+  QuantitySelector
 } = Overrides/* Components */.z;
 
-const fetchShippingSimulation = async (shippingItem, country, postalCode) => {
-  const shipping = await getShippingSimulation({
-    country,
-    postalCode: postalCode,
-    items: [shippingItem]
+function ProductDetailsSettings({
+  product,
+  buyButtonTitle,
+  isValidating,
+  quantity,
+  setQuantity,
+  buyButtonIcon: {
+    icon: buyButtonIconName = Overrides/* Props.Icon.name */.x.Icon.name,
+    alt: buyButtonIconAlt = Overrides/* Props.Icon.aria-label */.x.Icon["aria-label"]
+  }
+}) {
+  const {
+    id,
+    sku,
+    gtin,
+    name: variantName,
+    brand,
+    isVariantOf,
+    isVariantOf: {
+      skuVariants
+    },
+    image: productImages,
+    additionalProperty,
+    offers: {
+      lowPrice,
+      offers: [{
+        availability,
+        price,
+        listPrice,
+        seller
+      }]
+    }
+  } = product;
+  const buyDisabled = availability !== 'https://schema.org/InStock';
+  const buyProps = useBuyButton({
+    id,
+    price,
+    listPrice,
+    seller,
+    quantity,
+    itemOffered: {
+      sku,
+      name: variantName,
+      gtin,
+      image: productImages,
+      brand,
+      isVariantOf,
+      additionalProperty
+    }
   });
-  const location = [shipping?.address?.neighborhood, shipping?.address?.city].filter(Boolean).join(' / ') ?? '';
-  const options = shipping?.logisticsInfo?.[0]?.slas ?? [];
-  return [location, options];
-};
+  return /*#__PURE__*/(0,jsx_runtime_.jsxs)(jsx_runtime_.Fragment, {
+    children: [/*#__PURE__*/(0,jsx_runtime_.jsxs)("section", {
+      "data-fs-product-details-values": true,
+      children: [/*#__PURE__*/(0,jsx_runtime_.jsxs)("div", {
+        "data-fs-product-details-prices": true,
+        children: [/*#__PURE__*/jsx_runtime_.jsx(Price, ProductDetailsSettings_objectSpread(ProductDetailsSettings_objectSpread({
+          formatter: useFormattedPrice/* useFormattedPrice */.P,
+          testId: "list-price",
+          variant: "listing",
+          SRText: "Original price:"
+        }, Overrides/* Props.Price */.x.Price), {}, {
+          value: listPrice,
+          "data-value": listPrice
+        })), /*#__PURE__*/jsx_runtime_.jsx(Price, ProductDetailsSettings_objectSpread(ProductDetailsSettings_objectSpread({
+          formatter: useFormattedPrice/* useFormattedPrice */.P,
+          testId: "price",
+          variant: "spot",
+          className: "text__lead",
+          SRText: "Sale Price:"
+        }, Overrides/* Props.Price */.x.Price), {}, {
+          value: lowPrice,
+          "data-value": lowPrice
+        }))]
+      }), /*#__PURE__*/jsx_runtime_.jsx(QuantitySelector, ProductDetailsSettings_objectSpread(ProductDetailsSettings_objectSpread({
+        min: 1,
+        max: 10
+      }, Overrides/* Props.QuantitySelector */.x.QuantitySelector), {}, {
+        // 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
+    }),
+    /* 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. */
+    isValidating ? /*#__PURE__*/jsx_runtime_.jsx(AddToCartLoadingSkeleton, {}) : /*#__PURE__*/jsx_runtime_.jsx(BuyButton, ProductDetailsSettings_objectSpread(ProductDetailsSettings_objectSpread(ProductDetailsSettings_objectSpread({}, Overrides/* Props.BuyButton */.x.BuyButton), {}, {
+      icon: /*#__PURE__*/jsx_runtime_.jsx(Icon, ProductDetailsSettings_objectSpread(ProductDetailsSettings_objectSpread({}, Overrides/* Props.Icon */.x.Icon), {}, {
+        "aria-label": buyButtonIconAlt,
+        name: buyButtonIconName
+      })),
+      disabled: buyDisabled
+    }, buyProps), {}, {
+      children: buyButtonTitle || 'Add to Cart'
+    }))]
+  });
+}
 
-function ShippingSimulation(_ref) {
-  let {
-    productShippingInfo,
-    formatter,
-    inputLabel,
-    title,
-    idkPostalCodeLinkProps
-  } = _ref,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
+/* harmony default export */ const ProductDetails_ProductDetailsSettings = (ProductDetailsSettings);
+;// CONCATENATED MODULE: ./src/components/ui/ProductDetails/index.ts
 
-  const {
-    country,
-    postalCode: sessionPostalCode
-  } = (0,session/* useSession */.kP)();
-  const {
-    input,
-    shippingSimulation,
-    handleSubmit,
-    handleOnInput,
-    handleOnClear
-  } = useShippingSimulation(productShippingInfo, fetchShippingSimulation, sessionPostalCode, country);
-  const {
-    postalCode,
-    displayClearButton,
-    errorMessage
-  } = input;
-  const {
-    location,
-    options
-  } = shippingSimulation;
-  return /*#__PURE__*/jsx_runtime_.jsx(ShippingSimulationWrapper, ShippingSimulation_objectSpread({
-    formatter: formatter,
-    onInput: handleOnInput,
-    onSubmit: handleSubmit,
-    onClear: handleOnClear,
-    location: location,
-    options: options,
-    displayClearButton: displayClearButton,
-    errorMessage: errorMessage,
-    postalCode: postalCode,
-    inputLabel: inputLabel,
-    title: title,
-    idkPostalCodeLinkProps: idkPostalCodeLinkProps
-  }, otherProps));
-}
-;// CONCATENATED MODULE: ./src/components/ui/ShippingSimulation/index.ts
 
 
 /***/ }),
@@ -1822,14 +1871,6 @@ module.exports = {
 };
 
 
-/***/ }),
-
-/***/ 35490:
-/***/ ((module) => {
-
-"use strict";
-module.exports = require("@faststore/graphql-utils");
-
 /***/ }),
 
 /***/ 74691:
@@ -2319,7 +2360,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,487,183,886,74,247,287,854,280,368,205,253,350,378,123], () => (__webpack_exec__(75779)));
+var __webpack_exports__ = __webpack_require__.X(0, [676,825,487,183,886,74,247,287,854,269,184,205,253,350,378,123], () => (__webpack_exec__(75779)));
 module.exports = __webpack_exports__;
 
 })();