@faststore/core 2.2.52 → 2.2.54

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

@@ -151,6 +151,29 @@ const Loader = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function Loader
 
 /***/ }),
 
+/***/ 9767:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5450);
+
+
+const Price = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function Price({ value, as: Component = 'span', variant = 'selling', testId = 'fs-price', formatter = (price) => price, SRText, ...otherProps }, ref) {
+    const formattedPrice = formatter(value, variant);
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Component, { ref: ref, "data-fs-price": true, "data-fs-price-variant": variant, "data-testid": testId, ...otherProps },
+        SRText && react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, { text: SRText }),
+        formattedPrice));
+});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Price);
+//# sourceMappingURL=Price.js.map
+
+/***/ }),
+
 /***/ 5450:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -170,6 +193,28 @@ function SROnly({ text, as }) {
 
 /***/ }),
 
+/***/ 792:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+
+const Skeleton = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function Skeleton({ testId = 'fs-skeleton', loading = true, shimmer = true, children, size, border, borderRadius, ...otherProps }, ref) {
+    const styles = {
+        width: size.width,
+        height: size.height,
+    };
+    return loading ? (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { ref: ref, "data-fs-skeleton": true, "data-testid": testId, "data-fs-skeleton-border": border ? border : null, style: borderRadius ? { ...styles, borderRadius: borderRadius } : styles, ...otherProps }, shimmer && react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { "data-fs-skeleton-shimmer": true }))) : (react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, children));
+});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Skeleton);
+//# sourceMappingURL=Skeleton.js.map
+
+/***/ }),
+
 /***/ 3666:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -412,6 +457,54 @@ const Alert = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function Alert({
 
 /***/ }),
 
+/***/ 2946:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Z": () => (/* binding */ DiscountBadge_DiscountBadge)
+});
+
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(6689);
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
+// EXTERNAL MODULE: ../components/dist/esm/atoms/Badge/Badge.js
+var Badge = __webpack_require__(276);
+;// CONCATENATED MODULE: ../components/dist/esm/molecules/DiscountBadge/useDiscountPercent.js
+
+const useDiscountPercent = (listPrice, spotPrice) => {
+    return (0,external_react_.useMemo)(() => {
+        const diff = listPrice - spotPrice;
+        const discount = (diff * 100) / listPrice;
+        return Math.round(discount);
+    }, [spotPrice, listPrice]);
+};
+//# sourceMappingURL=useDiscountPercent.js.map
+;// CONCATENATED MODULE: ../components/dist/esm/molecules/DiscountBadge/DiscountBadge.js
+
+
+
+const DiscountBadge = ({ listPrice, spotPrice, thresholdLow = 15, thresholdHigh = 40, size, testId = 'fs-discount-badge', }) => {
+    const discountPercent = useDiscountPercent(listPrice, spotPrice);
+    if (discountPercent === 0) {
+        return external_react_default().createElement((external_react_default()).Fragment, null);
+    }
+    const discountVariant = discountPercent <= thresholdLow
+        ? 'low'
+        : discountPercent <= thresholdHigh
+            ? 'medium'
+            : 'high';
+    return (external_react_default().createElement(Badge/* default */.Z, { "data-fs-discount-badge": true, "data-fs-discount-badge-variant": discountVariant, size: size, "data-testid": testId },
+        discountPercent,
+        "% off"));
+};
+/* harmony default export */ const DiscountBadge_DiscountBadge = (DiscountBadge);
+//# sourceMappingURL=DiscountBadge.js.map
+
+/***/ }),
+
 /***/ 7041:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -631,6 +724,48 @@ const Modal = ({ children, testId = 'fs-modal', isOpen = true, onDismiss, overla
 
 /***/ }),
 
+/***/ 3024:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2614);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(7041);
+/* harmony import */ var _atoms_List__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(4564);
+
+
+
+const Rating = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function Rating({ children, testId = 'fs-rating', length = 5, value = 0, icon, onChange, ...otherProps }, ref) {
+    const [hover, setHover] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(0);
+    const outlineProps = { 'data-fs-rating-icon-outline': true };
+    const ratingIcon = react__WEBPACK_IMPORTED_MODULE_0___default().isValidElement(icon) ? icon : react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, { name: "Star" });
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_atoms_List__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, { ref: ref, "data-fs-rating": true, "data-fs-rating-actionable": typeof onChange === 'function', "data-testid": testId, ...otherProps }, Array.from({ length }).map((_, index) => {
+        const tempIndex = index + 1;
+        const fillCheck = () => {
+            if (tempIndex <= (hover || value)) {
+                return 'full';
+            }
+            if (tempIndex - value > 0 && tempIndex - value < 1) {
+                return 'partial';
+            }
+            return 'empty';
+        };
+        return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", { key: `rating-${index}`, "data-fs-rating-item": fillCheck(), "data-testid": `${testId}-item` }, onChange ? (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, { "data-fs-rating-button": true, icon: ratingIcon, size: "small", "aria-label": "rate", onClick: () => {
+                onChange(tempIndex);
+            }, onMouseEnter: () => setHover(tempIndex), onMouseLeave: () => setHover(value) })) : (react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null,
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { "data-fs-rating-icon-wrapper": true }, ratingIcon),
+            react__WEBPACK_IMPORTED_MODULE_0___default().isValidElement(icon) ? (react__WEBPACK_IMPORTED_MODULE_0___default().cloneElement(icon, outlineProps)) : (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, { name: "Star", "data-fs-rating-icon-outline": true }))))));
+    })));
+});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Rating);
+//# sourceMappingURL=Rating.js.map
+
+/***/ }),
+
 /***/ 6396:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -688,6 +823,24 @@ function SearchProvider({ onSearchSelection, children, term, terms, products, is
 
 /***/ }),
 
+/***/ 6737:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+
+const ProductShelf = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function ProductShelf({ testId = 'fs-product-shelf', children, ...otherProps }, ref) {
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { ref: ref, "data-fs-product-shelf": true, "data-fs-content": "product-shelf", "data-testid": testId, ...otherProps }, children));
+});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProductShelf);
+//# sourceMappingURL=ProductShelf.js.map
+
+/***/ }),
+
 /***/ 7683:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -855,14 +1008,14 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var src_server_cms__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(9497);
 /* harmony import */ var src_components_common_Toast__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(3746);
 /* harmony import */ var _RenderSections__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(2224);
-/* harmony import */ var src_components_sections_Alert_OverriddenDefaultAlert__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(2773);
+/* harmony import */ var src_components_sections_Alert_OverriddenDefaultAlert__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1605);
 /* harmony import */ var src_components_sections_Footer__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(11);
 /* harmony import */ var src_components_sections_Navbar__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6696);
 /* harmony import */ var src_components_sections_RegionBar__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(3830);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(997);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([src_components_sections_Navbar__WEBPACK_IMPORTED_MODULE_3__, _RenderSections__WEBPACK_IMPORTED_MODULE_7__]);
-([src_components_sections_Navbar__WEBPACK_IMPORTED_MODULE_3__, _RenderSections__WEBPACK_IMPORTED_MODULE_7__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([src_components_sections_Alert_OverriddenDefaultAlert__WEBPACK_IMPORTED_MODULE_2__, src_components_sections_Navbar__WEBPACK_IMPORTED_MODULE_3__, _RenderSections__WEBPACK_IMPORTED_MODULE_7__]);
+([src_components_sections_Alert_OverriddenDefaultAlert__WEBPACK_IMPORTED_MODULE_2__, src_components_sections_Navbar__WEBPACK_IMPORTED_MODULE_3__, _RenderSections__WEBPACK_IMPORTED_MODULE_7__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
 const _excluded = ["children"];
 
 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; }
@@ -887,7 +1040,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 const RegionModal = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.lazy)(() => Promise.all(/* import() */[__webpack_require__.e(779), __webpack_require__.e(988)]).then(__webpack_require__.bind(__webpack_require__, 5988)));
-const CartSidebar = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.lazy)(() => Promise.all(/* import() */[__webpack_require__.e(53), __webpack_require__.e(693), __webpack_require__.e(585)]).then(__webpack_require__.bind(__webpack_require__, 6585)));
+const CartSidebar = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.lazy)(() => Promise.all(/* import() */[__webpack_require__.e(693), __webpack_require__.e(585)]).then(__webpack_require__.bind(__webpack_require__, 6585)));
 const GLOBAL_SECTIONS_CONTENT_TYPE = 'globalSections';
 
 /* A list of components that can be used in the CMS. */
@@ -1609,6 +1762,187 @@ function NavbarSlider({
 
 /***/ }),
 
+/***/ 8553:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Z": () => (/* binding */ product_ProductCard_ProductCard)
+});
+
+// UNUSED EXPORTS: fragment
+
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(6689);
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
+;// CONCATENATED MODULE: ../components/dist/esm/molecules/ProductCard/ProductCard.js
+
+const ProductCard = (0,external_react_.forwardRef)(function ProductCard({ testId = 'fs-product-card', variant = 'default', bordered = false, outOfStock, children, ...otherProps }, ref) {
+    return (external_react_default().createElement("article", { ref: ref, "data-fs-product-card": outOfStock ? 'out-of-stock' : '', "data-fs-product-card-variant": variant, "data-fs-product-card-bordered": bordered, "data-testid": testId, ...otherProps }, children));
+});
+/* harmony default export */ const ProductCard_ProductCard = (ProductCard);
+//# sourceMappingURL=ProductCard.js.map
+;// CONCATENATED MODULE: ../components/dist/esm/molecules/ProductCard/ProductCardImage.js
+
+const ProductCardImage = (0,external_react_.forwardRef)(function ProductCardImage({ testId = 'fs-product-card-image', aspectRatio = 1, children, ...otherProps }, ref) {
+    return (external_react_default().createElement("div", { ref: ref, "data-fs-product-card-image": true, "data-testid": testId, style: {
+            '--fs-product-card-image-aspect-ratio': aspectRatio
+        }, ...otherProps }, children));
+});
+/* harmony default export */ const ProductCard_ProductCardImage = (ProductCardImage);
+//# sourceMappingURL=ProductCardImage.js.map
+// EXTERNAL MODULE: ../components/dist/esm/atoms/Link/Link.js
+var Link = __webpack_require__(727);
+// EXTERNAL MODULE: ../components/dist/esm/atoms/Price/Price.js
+var Price = __webpack_require__(9767);
+// EXTERNAL MODULE: ../components/dist/esm/molecules/Rating/Rating.js
+var Rating = __webpack_require__(3024);
+// EXTERNAL MODULE: ../components/dist/esm/atoms/Icon/Icon.js
+var Icon = __webpack_require__(2614);
+// EXTERNAL MODULE: ../components/dist/esm/molecules/DiscountBadge/DiscountBadge.js + 1 modules
+var DiscountBadge = __webpack_require__(2946);
+// EXTERNAL MODULE: ../components/dist/esm/atoms/Badge/Badge.js
+var Badge = __webpack_require__(276);
+// EXTERNAL MODULE: ../components/dist/esm/atoms/Button/Button.js
+var Button = __webpack_require__(3339);
+;// CONCATENATED MODULE: ../components/dist/esm/molecules/ProductCard/ProductCardContent.js
+
+
+const ProductCardContent = (0,external_react_.forwardRef)(function CardContent({ testId = 'fs-product-card-content', title, linkProps, price, outOfStock, outOfStockLabel = 'Out of stock', ratingValue, showDiscountBadge, buttonLabel = 'Add', onButtonClick, children, ...otherProps }, ref) {
+    const listPrice = price?.listPrice ?? 0;
+    const sellingPrice = price?.value ?? 0;
+    return (external_react_default().createElement("section", { ref: ref, "data-fs-product-card-content": true, "data-fs-product-card-badge": showDiscountBadge, "data-testid": testId, ...otherProps },
+        external_react_default().createElement("div", { "data-fs-product-card-heading": true },
+            external_react_default().createElement("h3", { "data-fs-product-card-title": true },
+                external_react_default().createElement(Link/* default */.Z, { ...linkProps, title: title },
+                    external_react_default().createElement("span", null, title))),
+            !outOfStock && (external_react_default().createElement("div", { "data-fs-product-card-prices": true }, sellingPrice !== listPrice
+                ? (external_react_default().createElement((external_react_default()).Fragment, null,
+                    external_react_default().createElement(Price/* default */.Z, { value: listPrice, formatter: price?.formatter, testId: "list-price", "data-value": listPrice, variant: "listing", SRText: "Original price:" }),
+                    external_react_default().createElement(Price/* default */.Z, { value: sellingPrice, formatter: price?.formatter, testId: "price", "data-value": sellingPrice, variant: "spot", SRText: "Sale Price:" })))
+                : (external_react_default().createElement(Price/* default */.Z, { value: sellingPrice, formatter: price?.formatter, testId: "price", "data-value": sellingPrice, variant: "spot", SRText: "Sale Price:" })))),
+            ratingValue && (external_react_default().createElement(Rating/* default */.Z, { value: ratingValue, icon: external_react_default().createElement(Icon/* default */.Z, { name: "Star" }) }))),
+        showDiscountBadge && !outOfStock && (external_react_default().createElement(DiscountBadge/* default */.Z, { listPrice: price?.listPrice ? price.listPrice : 0, spotPrice: price?.value ? price.value : 0 })),
+        outOfStock && external_react_default().createElement(Badge/* default */.Z, null, outOfStockLabel),
+        onButtonClick && !outOfStock && (external_react_default().createElement("div", { "data-fs-product-card-actions": true },
+            external_react_default().createElement(Button/* default */.Z, { variant: "primary", icon: external_react_default().createElement(Icon/* default */.Z, { name: "ShoppingCart" }), iconPosition: "left", size: "small", onClick: onButtonClick }, buttonLabel)))));
+});
+/* harmony default export */ const ProductCard_ProductCardContent = (ProductCardContent);
+//# sourceMappingURL=ProductCardContent.js.map
+// EXTERNAL MODULE: ./node_modules/next/link.js
+var next_link = __webpack_require__(1664);
+var link_default = /*#__PURE__*/__webpack_require__.n(next_link);
+// EXTERNAL MODULE: ./src/components/ui/Image/Image.tsx + 1 modules
+var Image = __webpack_require__(5731);
+// EXTERNAL MODULE: ./src/sdk/product/useFormattedPrice.ts
+var useFormattedPrice = __webpack_require__(5346);
+// EXTERNAL MODULE: ./src/sdk/product/useProductLink.ts
+var useProductLink = __webpack_require__(9854);
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(997);
+;// CONCATENATED MODULE: ./src/components/product/ProductCard/ProductCard.tsx
+const _excluded = ["product", "index", "bordered", "variant", "aspectRatio", "imgProps", "ratingValue", "buttonLabel", "onButtonClick", "showDiscountBadge"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+
+
+
+
+
+
+
+
+
+function ProductCard_ProductCard_ProductCard(_ref) {
+  let {
+    product,
+    index,
+    bordered = true,
+    variant = 'default',
+    aspectRatio = 1,
+    imgProps,
+    ratingValue,
+    buttonLabel = 'Add',
+    onButtonClick,
+    showDiscountBadge = true
+  } = _ref,
+      otherProps = _objectWithoutProperties(_ref, _excluded);
+
+  const {
+    sku,
+    isVariantOf: {
+      name
+    },
+    image: [img],
+    offers: {
+      lowPrice: spotPrice,
+      offers: [{
+        listPrice,
+        availability
+      }]
+    }
+  } = product;
+
+  const linkProps = _objectSpread(_objectSpread({}, (0,useProductLink/* useProductLink */.w)({
+    product,
+    selectedOffer: 0,
+    index
+  })), {}, {
+    as: (link_default()),
+    passHref: true,
+    legacyBehavior: false,
+    prefetch: false
+  });
+
+  const outOfStock = (0,external_react_.useMemo)(() => availability !== 'https://schema.org/InStock', [availability]);
+  return /*#__PURE__*/(0,jsx_runtime_.jsxs)(ProductCard_ProductCard, _objectSpread(_objectSpread({
+    outOfStock: outOfStock,
+    bordered: bordered,
+    variant: variant,
+    "data-fs-product-card-sku": sku
+  }, otherProps), {}, {
+    children: [/*#__PURE__*/jsx_runtime_.jsx(ProductCard_ProductCardImage, {
+      aspectRatio: aspectRatio,
+      children: /*#__PURE__*/jsx_runtime_.jsx(Image/* default */.Z, {
+        src: img.url,
+        alt: img.alternateName,
+        sizes: `${imgProps?.sizes ?? '(max-width: 768px) 40vw, 30vw'}`,
+        width: imgProps?.width ?? 360,
+        height: Math.round((Number(imgProps?.height) || 360) / aspectRatio),
+        loading: imgProps?.loading
+      })
+    }), /*#__PURE__*/jsx_runtime_.jsx(ProductCard_ProductCardContent, {
+      title: name,
+      price: {
+        value: spotPrice,
+        listPrice: listPrice,
+        formatter: useFormattedPrice/* useFormattedPrice */.P
+      },
+      ratingValue: ratingValue,
+      outOfStock: outOfStock,
+      onButtonClick: onButtonClick,
+      linkProps: linkProps,
+      showDiscountBadge: showDiscountBadge
+    })]
+  }));
+}
+
+const fragment = "unknown";
+/* harmony default export */ const product_ProductCard_ProductCard = (/*#__PURE__*/(0,external_react_.memo)(ProductCard_ProductCard_ProductCard));
+
+/***/ }),
+
 /***/ 9471:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
@@ -1654,7 +1988,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
-const SearchDropdown = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.lazy)(() => Promise.all(/* import() */[__webpack_require__.e(53), __webpack_require__.e(854), __webpack_require__.e(312)]).then(__webpack_require__.bind(__webpack_require__, 4312)));
+const SearchDropdown = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.lazy)(() => __webpack_require__.e(/* import() */ 312).then(__webpack_require__.bind(__webpack_require__, 4312)));
 const MAX_SUGGESTIONS = 5;
 
 const sendAnalytics = async term => {
@@ -1751,95 +2085,344 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 2773:
+/***/ 6893:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-  "N": () => (/* binding */ OverriddenDefaultAlert)
+  "Z": () => (/* binding */ sections_Alert_Alert)
 });
 
-;// CONCATENATED MODULE: ./src/customizations/src/components/overrides/Alert.tsx
-// This is an example of how it can be used on the starter.
-const SECTION = 'Alert';
-const override = {
-  section: SECTION
-};
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(6689);
+// EXTERNAL MODULE: ./src/sdk/tests/mark.tsx
+var mark = __webpack_require__(2541);
+// EXTERNAL MODULE: ./src/components/sections/Section/Section.tsx
+var Section = __webpack_require__(3271);
+// EXTERNAL MODULE: ./src/components/common/Alert/section.module.scss
+var section_module = __webpack_require__(7651);
+var section_module_default = /*#__PURE__*/__webpack_require__.n(section_module);
+// EXTERNAL MODULE: ./src/sdk/overrides/OverrideContext.tsx
+var OverrideContext = __webpack_require__(5522);
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(997);
+;// CONCATENATED MODULE: ./src/components/common/Alert/Alert.tsx
+const _excluded = ["content", "children"];
 
-// EXTERNAL MODULE: ./src/sdk/overrides/getOverriddenSection.tsx + 9 modules
-var getOverriddenSection = __webpack_require__(6926);
-;// CONCATENATED MODULE: ./src/components/sections/Alert/OverriddenDefaultAlert.ts
+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; }
 
-/**
- * This component exists to support overrides 1.0
- *
- * This allows users to override the default Alert section present in the Headless CMS
- */
-const OverriddenDefaultAlert = (0,getOverriddenSection/* getOverriddenSection */.v)(override);
+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; }
 
-/***/ 11:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
 
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "Z": () => (/* binding */ sections_Footer_Footer)
-});
 
-// EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__(6689);
-var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
-// EXTERNAL MODULE: ../components/dist/esm/atoms/List/List.js
-var List = __webpack_require__(4564);
-// EXTERNAL MODULE: ../components/dist/esm/atoms/Icon/Icon.js
-var Icon = __webpack_require__(2614);
-// EXTERNAL MODULE: ../components/dist/esm/atoms/SROnly/SROnly.js
-var SROnly = __webpack_require__(5450);
-;// CONCATENATED MODULE: ../components/dist/esm/organisms/PaymentMethods/PaymentMethods.js
 
 
-const PaymentMethods = (0,external_react_.forwardRef)(function PaymentMethods({ testId = 'fs-payment-methods', title, 'aria-label': ariaLabel = 'Payment Methods', flagList, ...otherProps }, ref) {
-    return (external_react_default().createElement("div", { ref: ref, "data-fs-payment-methods": true, "data-testid": testId, ...otherProps },
-        !!title && external_react_default().createElement("div", { "data-fs-payment-methods-title": true }, title),
-        external_react_default().createElement(List/* default */.Z, { "data-fs-payment-methods-flags": true, "aria-label": title ? undefined : ariaLabel }, flagList.map(({ alt: text, icon: { icon } }, index) => (external_react_default().createElement("li", { "data-fs-payment-methods-flag": true, key: `fs-payment-method-${index}-${text}` },
-            external_react_default().createElement(Icon/* default */.Z, { width: 32, height: 22.5, name: icon }),
-            text && external_react_default().createElement(SROnly/* default */.Z, { text: text })))))));
-});
-/* harmony default export */ const PaymentMethods_PaymentMethods = (PaymentMethods);
-//# sourceMappingURL=PaymentMethods.js.map
-// EXTERNAL MODULE: ./src/components/sections/Section/Section.tsx
-var Section = __webpack_require__(3271);
-// EXTERNAL MODULE: ./src/sdk/tests/mark.tsx
-var mark = __webpack_require__(2541);
-// EXTERNAL MODULE: external "react/jsx-runtime"
-var jsx_runtime_ = __webpack_require__(997);
-;// CONCATENATED MODULE: ./src/components/common/Footer/Footer.tsx
 
 
-function FooterInfo({
-  children
-}) {
-  return /*#__PURE__*/jsx_runtime_.jsx("div", {
-    "data-fs-footer-info": true,
-    children: children
-  });
-}
-function FooterNavigation({
-  children
-}) {
-  return /*#__PURE__*/jsx_runtime_.jsx("div", {
-    "data-fs-footer-navigation": true,
-    children: children
+function Alert(_ref) {
+  let {
+    content,
+    children
+  } = _ref,
+      otherProps = _objectWithoutProperties(_ref, _excluded);
+
+  const {
+    Alert: AlertWrapper
+  } = (0,OverrideContext/* useOverrideComponents */.r3)();
+  const {
+    0: displayAlert,
+    1: setDisplayAlert
+  } = (0,external_react_.useState)(true);
+  const onAlertClose = (0,external_react_.useCallback)(() => setDisplayAlert(false), [setDisplayAlert]);
+
+  if (displayAlert === false) {
+    return null;
+  }
+
+  return /*#__PURE__*/jsx_runtime_.jsx(Section/* default */.Z, {
+    className: `${(section_module_default()).section} section-alert`,
+    children: /*#__PURE__*/jsx_runtime_.jsx(AlertWrapper.Component, _objectSpread(_objectSpread({}, otherProps), {}, {
+      // Dynamic props, shouldn't be overridable
+      // This decision can be reviewed later if needed
+      onClose: onAlertClose,
+      children: content ?? children
+    }))
   });
 }
-function Footer({
+
+Alert.displayName = 'Alert';
+/* harmony default export */ const Alert_Alert = ((0,mark/* mark */.B)(Alert));
+;// CONCATENATED MODULE: ./src/components/sections/Alert/Alert.tsx
+function Alert_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 Alert_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? Alert_ownKeys(Object(source), !0).forEach(function (key) { Alert_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : Alert_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function Alert_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; }
+
+
+
+
+
+// TODO: Change actionPath and actionLabel with Link
+function Alert_Alert_Alert({
+  icon,
+  content,
+  link: {
+    text,
+    to
+  },
+  dismissible
+}) {
+  const {
+    Alert: AlertWrapper,
+    Icon
+  } = (0,OverrideContext/* useOverrideComponents */.r3)();
+  return /*#__PURE__*/jsx_runtime_.jsx(Alert_Alert, Alert_objectSpread(Alert_objectSpread({
+    icon: /*#__PURE__*/jsx_runtime_.jsx(Icon.Component, Alert_objectSpread(Alert_objectSpread({}, Icon.props), {}, {
+      name: icon ?? Icon.props.name
+    }))
+  }, AlertWrapper.props), {}, {
+    link: Alert_objectSpread(Alert_objectSpread({}, AlertWrapper.props.link ?? {}), {}, {
+      children: text ?? AlertWrapper.props.link?.children,
+      href: to ?? AlertWrapper.props.link?.href,
+      target: AlertWrapper.props.link?.target ?? '_self'
+    }),
+    dismissible: dismissible ?? AlertWrapper.props.dismissible,
+    children: content
+  }));
+}
+
+/* harmony default export */ const sections_Alert_Alert = (Alert_Alert_Alert);
+
+/***/ }),
+
+/***/ 6948:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "p": () => (/* binding */ AlertDefaultComponents)
+/* harmony export */ });
+/* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8138);
+/* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2614);
+
+const AlertDefaultComponents = {
+  Alert: _faststore_ui__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z,
+  Icon: _faststore_ui__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z
+};
+
+/***/ }),
+
+/***/ 1605:
+/***/ ((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 */   "N": () => (/* binding */ OverriddenDefaultAlert)
+/* harmony export */ });
+/* harmony import */ var src_customizations_src_components_overrides_Alert__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2463);
+/* 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];
+
+
+
+/**
+ * This component exists to support overrides 1.0
+ *
+ * This allows users to override the default Alert section present in the Headless CMS
+ */
+const OverriddenDefaultAlert = (0,src_sdk_overrides_getOverriddenSection__WEBPACK_IMPORTED_MODULE_0__/* .getOverriddenSection */ .v)(src_customizations_src_components_overrides_Alert__WEBPACK_IMPORTED_MODULE_1__/* .override */ .K);
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
+
+/***/ }),
+
+/***/ 9315:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var src_sdk_overrides_OverrideContext__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5522);
+/* harmony import */ var _Section__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(3271);
+/* harmony import */ var _section_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(7283);
+/* harmony import */ var _section_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_section_module_scss__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(997);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_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; }
+
+
+
+
+
+
+// TODO: Change actionPath and actionLabel with Link
+function BannerText({
+  title,
+  caption,
+  link: {
+    url: linkUrl,
+    text: linkText,
+    linkTargetBlank
+  },
+  variant,
+  colorVariant
+}) {
+  const {
+    BannerText: BannerTextWrapper,
+    BannerTextContent
+  } = (0,src_sdk_overrides_OverrideContext__WEBPACK_IMPORTED_MODULE_1__/* .useOverrideComponents */ .r3)();
+  return /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Section__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
+    className: `${(_section_module_scss__WEBPACK_IMPORTED_MODULE_3___default().section)} section-banner layout__section`,
+    children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+      className: "layout__content",
+      children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(BannerTextWrapper.Component, _objectSpread(_objectSpread({}, BannerTextWrapper.props), {}, {
+        variant: variant ?? BannerTextWrapper.props.variant ?? 'primary',
+        colorVariant: colorVariant ?? BannerTextWrapper.props.colorVariant ?? 'main',
+        children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(BannerTextContent.Component, _objectSpread(_objectSpread({}, BannerTextContent.props), {}, {
+          title: title,
+          caption: caption,
+          link: linkUrl ?? BannerTextContent.props.link,
+          linkText: linkText ?? BannerTextContent.props.linkText,
+          linkTargetBlank: linkTargetBlank ?? BannerTextContent.props.linkTargetBlank
+        }))
+      }))
+    })
+  });
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (BannerText);
+
+/***/ }),
+
+/***/ 719:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "b": () => (/* binding */ BannerTextDefaultComponents)
+});
+
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(6689);
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
+;// CONCATENATED MODULE: ../components/dist/esm/organisms/BannerText/BannerText.js
+
+const BannerTextContext = (0,external_react_.createContext)(undefined);
+const BannerText = (0,external_react_.forwardRef)(function BannerText({ children, testId = 'fs-banner-text', variant = 'primary', colorVariant = 'main', ...otherProps }, ref) {
+    const context = { variant, colorVariant };
+    return (external_react_default().createElement(BannerTextContext.Provider, { value: context },
+        external_react_default().createElement("article", { ref: ref, "data-fs-banner-text": true, "data-fs-banner-text-variant": variant, "data-fs-banner-text-color-variant": colorVariant, "data-testid": testId, ...otherProps }, children)));
+});
+function useBannerText() {
+    const context = (0,external_react_.useContext)(BannerTextContext);
+    if (context === undefined) {
+        throw new Error('Do not use BannerText components outside the BannerText context.');
+    }
+    return context;
+}
+/* harmony default export */ const BannerText_BannerText = (BannerText);
+//# sourceMappingURL=BannerText.js.map
+// EXTERNAL MODULE: ../components/dist/esm/molecules/LinkButton/LinkButton.js
+var LinkButton = __webpack_require__(3922);
+;// CONCATENATED MODULE: ../components/dist/esm/organisms/BannerText/BannerTextContent.js
+
+
+
+const BannerTextContent = (0,external_react_.forwardRef)(function BannerTextContent({ testId = 'fs-banner-text-content', title, caption, link, linkText, linkTargetBlank, ...otherProps }, ref) {
+    const { variant, colorVariant } = useBannerText();
+    return (external_react_default().createElement("header", { ref: ref, "data-fs-banner-text-content": true, "data-fs-content": "banner-text", "data-testid": testId, ...otherProps },
+        external_react_default().createElement("div", { "data-fs-banner-text-heading": true, "data-fs-banner-text-color-variant": colorVariant },
+            external_react_default().createElement("h2", null, title),
+            variant === 'secondary' && caption && external_react_default().createElement("p", null, caption)),
+        external_react_default().createElement(LinkButton/* default */.Z, { "data-fs-banner-text-link": true, href: link, variant: variant, inverse: colorVariant === 'main', "aria-label": linkText, target: linkTargetBlank ? '_blank' : undefined }, linkText)));
+});
+/* harmony default export */ const BannerText_BannerTextContent = (BannerTextContent);
+//# sourceMappingURL=BannerTextContent.js.map
+;// CONCATENATED MODULE: ./src/components/sections/BannerText/DefaultComponents.ts
+
+const BannerTextDefaultComponents = {
+  BannerText: BannerText_BannerText,
+  BannerTextContent: BannerText_BannerTextContent
+};
+
+/***/ }),
+
+/***/ 11:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Z": () => (/* binding */ sections_Footer_Footer)
+});
+
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(6689);
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
+// EXTERNAL MODULE: ../components/dist/esm/atoms/List/List.js
+var List = __webpack_require__(4564);
+// EXTERNAL MODULE: ../components/dist/esm/atoms/Icon/Icon.js
+var Icon = __webpack_require__(2614);
+// EXTERNAL MODULE: ../components/dist/esm/atoms/SROnly/SROnly.js
+var SROnly = __webpack_require__(5450);
+;// CONCATENATED MODULE: ../components/dist/esm/organisms/PaymentMethods/PaymentMethods.js
+
+
+const PaymentMethods = (0,external_react_.forwardRef)(function PaymentMethods({ testId = 'fs-payment-methods', title, 'aria-label': ariaLabel = 'Payment Methods', flagList, ...otherProps }, ref) {
+    return (external_react_default().createElement("div", { ref: ref, "data-fs-payment-methods": true, "data-testid": testId, ...otherProps },
+        !!title && external_react_default().createElement("div", { "data-fs-payment-methods-title": true }, title),
+        external_react_default().createElement(List/* default */.Z, { "data-fs-payment-methods-flags": true, "aria-label": title ? undefined : ariaLabel }, flagList.map(({ alt: text, icon: { icon } }, index) => (external_react_default().createElement("li", { "data-fs-payment-methods-flag": true, key: `fs-payment-method-${index}-${text}` },
+            external_react_default().createElement(Icon/* default */.Z, { width: 32, height: 22.5, name: icon }),
+            text && external_react_default().createElement(SROnly/* default */.Z, { text: text })))))));
+});
+/* harmony default export */ const PaymentMethods_PaymentMethods = (PaymentMethods);
+//# sourceMappingURL=PaymentMethods.js.map
+// EXTERNAL MODULE: ./src/components/sections/Section/Section.tsx
+var Section = __webpack_require__(3271);
+// EXTERNAL MODULE: ./src/sdk/tests/mark.tsx
+var mark = __webpack_require__(2541);
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(997);
+;// CONCATENATED MODULE: ./src/components/common/Footer/Footer.tsx
+
+
+function FooterInfo({
+  children
+}) {
+  return /*#__PURE__*/jsx_runtime_.jsx("div", {
+    "data-fs-footer-info": true,
+    children: children
+  });
+}
+function FooterNavigation({
+  children
+}) {
+  return /*#__PURE__*/jsx_runtime_.jsx("div", {
+    "data-fs-footer-navigation": true,
+    children: children
+  });
+}
+function Footer({
   children
 }) {
   return /*#__PURE__*/jsx_runtime_.jsx("footer", {
@@ -2064,38 +2647,176 @@ const Footer_Footer_Footer = ({
 
 /***/ }),
 
-/***/ 6696:
-/***/ ((module, __webpack_exports__, __webpack_require__) => {
+/***/ 9569:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var _Section__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3271);
-/* harmony import */ var _section_module_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(6837);
-/* harmony import */ var _section_module_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_section_module_scss__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var src_components_navigation_Navbar__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(2024);
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(997);
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([src_components_navigation_Navbar__WEBPACK_IMPORTED_MODULE_3__]);
-src_components_navigation_Navbar__WEBPACK_IMPORTED_MODULE_3__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
 
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "O": () => (/* binding */ HeroDefaultComponents)
+});
 
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(6689);
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
+;// CONCATENATED MODULE: ../components/dist/esm/organisms/Hero/Hero.js
 
+const HeroContext = (0,external_react_.createContext)(undefined);
+const Hero = (0,external_react_.forwardRef)(function Hero({ children, testId = 'fs-hero', variant = 'primary', colorVariant = 'main', ...otherProps }, ref) {
+    const context = { variant, colorVariant };
+    return (external_react_default().createElement(HeroContext.Provider, { value: context },
+        external_react_default().createElement("article", { ref: ref, "data-fs-hero": true, "data-fs-hero-variant": variant, "data-fs-hero-color-variant": colorVariant, "data-testid": testId, ...otherProps }, children)));
+});
+function useHero() {
+    const context = (0,external_react_.useContext)(HeroContext);
+    if (context === undefined) {
+        throw new Error('Do not use Hero components outside the Hero context.');
+    }
+    return context;
+}
+/* harmony default export */ const Hero_Hero = (Hero);
+//# sourceMappingURL=Hero.js.map
+;// CONCATENATED MODULE: ../components/dist/esm/organisms/Hero/HeroImage.js
 
+const HeroImage = (0,external_react_.forwardRef)(function HeroImage({ children, testId = 'fs-hero-image', ...otherProps }, ref) {
+    return (external_react_default().createElement("div", { ref: ref, "data-fs-hero-image": true, "data-testid": testId, ...otherProps }, children));
+});
+/* harmony default export */ const Hero_HeroImage = (HeroImage);
+//# sourceMappingURL=HeroImage.js.map
+// EXTERNAL MODULE: ../components/dist/esm/molecules/LinkButton/LinkButton.js
+var LinkButton = __webpack_require__(3922);
+// EXTERNAL MODULE: ../components/dist/esm/atoms/Icon/Icon.js
+var Icon = __webpack_require__(2614);
+;// CONCATENATED MODULE: ../components/dist/esm/organisms/Hero/HeroHeader.js
 
-function NavbarSection({
-  logo,
-  searchInput,
-  cartIcon,
-  signInButton,
-  navigation: {
-    menu,
-    home,
-    pageLinks,
-    regionalization: {
-      label: regionLabel,
+
+
+const HeroHeader = (0,external_react_.forwardRef)(function HeroHeader({ icon, link, title, linkText, linkTargetBlank, subtitle, children, testId = 'fs-hero-heading', ...otherProps }, ref) {
+    const { variant, colorVariant } = useHero();
+    return (external_react_default().createElement("header", { ref: ref, "data-fs-hero-heading": true, "data-testid": testId, ...otherProps },
+        external_react_default().createElement("div", { "data-fs-hero-wrapper": true, "data-fs-content": "hero" },
+            external_react_default().createElement("div", { "data-fs-hero-info": true },
+                external_react_default().createElement("h1", { "data-fs-hero-title": true }, title),
+                external_react_default().createElement("p", { "data-fs-hero-subtitle": true }, subtitle),
+                !!link && (external_react_default().createElement(LinkButton/* default */.Z, { href: link, inverse: colorVariant === 'main', icon: external_react_default().createElement(Icon/* default */.Z, { name: "ArrowRight" }), iconPosition: "right", target: linkTargetBlank ? '_blank' : undefined }, linkText))),
+            !!icon && variant === 'secondary' && (external_react_default().createElement("span", { "data-fs-hero-icon": true }, icon)))));
+});
+/* harmony default export */ const Hero_HeroHeader = (HeroHeader);
+//# sourceMappingURL=HeroHeader.js.map
+;// CONCATENATED MODULE: ./src/components/sections/Hero/DefaultComponents.ts
+
+const HeroDefaultComponents = {
+  Hero: Hero_Hero,
+  HeroImage: Hero_HeroImage,
+  HeroHeader: Hero_HeroHeader
+};
+
+/***/ }),
+
+/***/ 2849:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var src_components_ui_Image__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(5731);
+/* harmony import */ var src_sdk_overrides_OverrideContext__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5522);
+/* harmony import */ var _Section__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(3271);
+/* harmony import */ var _section_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6717);
+/* harmony import */ var _section_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_section_module_scss__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(997);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_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; }
+
+
+
+
+
+
+
+
+const Hero = ({
+  link,
+  title,
+  subtitle,
+  image,
+  variant,
+  colorVariant,
+  icon
+}) => {
+  const {
+    Hero: HeroWrapper,
+    HeroImage,
+    HeroHeader
+  } = (0,src_sdk_overrides_OverrideContext__WEBPACK_IMPORTED_MODULE_1__/* .useOverrideComponents */ .r3)();
+  return /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Section__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
+    className: `${(_section_module_scss__WEBPACK_IMPORTED_MODULE_3___default().section)} section-hero`,
+    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(HeroWrapper.Component, _objectSpread(_objectSpread({}, HeroWrapper.props), {}, {
+      variant: variant ?? HeroWrapper.props.variant ?? 'primary',
+      colorVariant: colorVariant ?? HeroWrapper.props.colorVariant ?? 'main',
+      children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(HeroImage.Component, _objectSpread(_objectSpread({}, HeroImage.props), {}, {
+        children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(src_components_ui_Image__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
+          loading: "eager",
+          src: image.src,
+          alt: image.alt,
+          width: 360,
+          height: 240,
+          sizes: "(max-width: 360px) 50vw, (max-width: 768px) 90vw, 50vw"
+        })
+      })), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(HeroHeader.Component, _objectSpread({
+        title: title,
+        subtitle: subtitle,
+        link: link?.url,
+        linkText: link?.text,
+        linkTargetBlank: link?.linkTargetBlank,
+        icon: icon
+      }, HeroHeader.props))]
+    }))
+  });
+};
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Hero);
+
+/***/ }),
+
+/***/ 6696:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _Section__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3271);
+/* harmony import */ var _section_module_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(6837);
+/* harmony import */ var _section_module_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_section_module_scss__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var src_components_navigation_Navbar__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(2024);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(997);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([src_components_navigation_Navbar__WEBPACK_IMPORTED_MODULE_3__]);
+src_components_navigation_Navbar__WEBPACK_IMPORTED_MODULE_3__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
+
+
+
+
+
+function NavbarSection({
+  logo,
+  searchInput,
+  cartIcon,
+  signInButton,
+  navigation: {
+    menu,
+    home,
+    pageLinks,
+    regionalization: {
+      label: regionLabel,
       icon: {
         icon: regionIcon
       },
@@ -2172,107 +2893,578 @@ var List = __webpack_require__(4564);
 ;// CONCATENATED MODULE: ../components/dist/esm/molecules/NavbarLinks/NavbarLinksList.js
 
 
-const NavbarLinksList = (0,external_react_.forwardRef)(function NavbarLinksList({ children, testId = 'fs-navbar-links-list', ...otherProps }, ref) {
-    return (external_react_default().createElement(List/* default */.Z, { "data-fs-navbar-links-list": true, ref: ref, "data-testid": testId, ...otherProps }, children));
-});
-/* harmony default export */ const NavbarLinks_NavbarLinksList = (NavbarLinksList);
-//# sourceMappingURL=NavbarLinksList.js.map
-// EXTERNAL MODULE: ../components/dist/esm/organisms/SlideOver/SlideOver.js
-var SlideOver = __webpack_require__(7215);
-;// CONCATENATED MODULE: ../components/dist/esm/organisms/NavbarSlider/NavbarSlider.js
+const NavbarLinksList = (0,external_react_.forwardRef)(function NavbarLinksList({ children, testId = 'fs-navbar-links-list', ...otherProps }, ref) {
+    return (external_react_default().createElement(List/* default */.Z, { "data-fs-navbar-links-list": true, ref: ref, "data-testid": testId, ...otherProps }, children));
+});
+/* harmony default export */ const NavbarLinks_NavbarLinksList = (NavbarLinksList);
+//# sourceMappingURL=NavbarLinksList.js.map
+// EXTERNAL MODULE: ../components/dist/esm/organisms/SlideOver/SlideOver.js
+var SlideOver = __webpack_require__(7215);
+;// CONCATENATED MODULE: ../components/dist/esm/organisms/NavbarSlider/NavbarSlider.js
+
+
+function NavbarSlider({ children, size = 'full', isOpen = true, direction = 'leftSide', testId = 'fs-navbar-slider', ...otherProps }) {
+    return (external_react_default().createElement(SlideOver/* default */.Z, { "data-fs-navbar-slider": true, size: size, isOpen: isOpen, direction: direction, "data-testid": testId, ...otherProps }, children));
+}
+/* harmony default export */ const NavbarSlider_NavbarSlider = (NavbarSlider);
+//# sourceMappingURL=NavbarSlider.js.map
+// EXTERNAL MODULE: ../components/dist/esm/organisms/SlideOver/SlideOverHeader.js
+var SlideOverHeader = __webpack_require__(5049);
+;// CONCATENATED MODULE: ../components/dist/esm/organisms/NavbarSlider/NavbarSliderHeader.js
+
+
+function NavbarSliderHeader({ children, testId = 'fs-navbar-slider-header', ...otherProps }) {
+    return (external_react_default().createElement(SlideOverHeader/* default */.Z, { "data-fs-navbar-slider-header": true, "data-testid": testId, ...otherProps }, children));
+}
+/* harmony default export */ const NavbarSlider_NavbarSliderHeader = (NavbarSliderHeader);
+//# sourceMappingURL=NavbarSliderHeader.js.map
+;// CONCATENATED MODULE: ../components/dist/esm/organisms/NavbarSlider/NavbarSliderContent.js
+
+const NavbarSliderContent = (0,external_react_.forwardRef)(function NavbarSliderContent({ children, testId = 'fs-navbar-slider-content', ...otherProps }, ref) {
+    return (external_react_default().createElement("div", { "data-fs-navbar-slider-content": true, ref: ref, "data-testid": testId, ...otherProps }, children));
+});
+/* harmony default export */ const NavbarSlider_NavbarSliderContent = (NavbarSliderContent);
+//# sourceMappingURL=NavbarSliderContent.js.map
+;// CONCATENATED MODULE: ../components/dist/esm/organisms/NavbarSlider/NavbarSliderFooter.js
+
+const NavbarSliderFooter = (0,external_react_.forwardRef)(function NavbarSliderFooter({ children, testId = 'fs-navbar-slider-footer', ...otherProps }, ref) {
+    return (external_react_default().createElement("footer", { "data-fs-navbar-slider-footer": true, ref: ref, "data-testid": testId, ...otherProps }, children));
+});
+/* harmony default export */ const NavbarSlider_NavbarSliderFooter = (NavbarSliderFooter);
+//# sourceMappingURL=NavbarSliderFooter.js.map
+;// CONCATENATED MODULE: ../components/dist/esm/organisms/Navbar/NavbarHeader.js
+
+const NavbarHeader = (0,external_react_.forwardRef)(function NavbarHeader({ children, testId = 'fs-navbar-header', ...otherProps }, ref) {
+    return (external_react_default().createElement("section", { "data-fs-navbar-header": true, ref: ref, "data-testid": testId, ...otherProps }, children));
+});
+/* harmony default export */ const Navbar_NavbarHeader = (NavbarHeader);
+//# sourceMappingURL=NavbarHeader.js.map
+;// CONCATENATED MODULE: ../components/dist/esm/organisms/Navbar/NavbarRow.js
+
+const NavbarRow = (0,external_react_.forwardRef)(function NavbarRow({ children, testId = 'fs-navbar-row', ...otherProps }, ref) {
+    return (external_react_default().createElement("div", { "data-fs-navbar-row": true, "data-fs-content": "navbar", ref: ref, "data-testid": testId, ...otherProps }, children));
+});
+/* harmony default export */ const Navbar_NavbarRow = (NavbarRow);
+//# sourceMappingURL=NavbarRow.js.map
+;// CONCATENATED MODULE: ../components/dist/esm/organisms/Navbar/NavbarButtons.js
+
+const NavbarButtons = (0,external_react_.forwardRef)(function NavbarButtons({ children, searchExpanded, testId = 'fs-navbar-buttons', ...otherProps }, ref) {
+    return (external_react_default().createElement("div", { "data-fs-navbar-buttons": true, ref: ref, "data-testid": testId, "data-fs-navbar-search-expanded": searchExpanded, ...otherProps }, children));
+});
+/* harmony default export */ const Navbar_NavbarButtons = (NavbarButtons);
+//# sourceMappingURL=NavbarButtons.js.map
+// EXTERNAL MODULE: ../components/dist/esm/molecules/IconButton/IconButton.js
+var IconButton = __webpack_require__(7041);
+// EXTERNAL MODULE: ./src/sdk/overrides/overrides.ts
+var overrides = __webpack_require__(7506);
+;// CONCATENATED MODULE: ./src/customizations/src/components/overrides/Navbar.tsx
+// This is an example of how it can be used on the starter.
+const SECTION = 'Navbar';
+const override = {
+  section: SECTION
+};
+
+;// CONCATENATED MODULE: ./src/components/sections/Navbar/Overrides.tsx
+
+
+
+const {
+  Navbar: Overrides_Navbar,
+  NavbarLinks: Overrides_NavbarLinks,
+  NavbarLinksList: Overrides_NavbarLinksList,
+  NavbarSlider: Overrides_NavbarSlider,
+  NavbarSliderHeader: Overrides_NavbarSliderHeader,
+  NavbarSliderContent: Overrides_NavbarSliderContent,
+  NavbarSliderFooter: Overrides_NavbarSliderFooter,
+  NavbarHeader: Overrides_NavbarHeader,
+  NavbarRow: Overrides_NavbarRow,
+  NavbarButtons: Overrides_NavbarButtons,
+  IconButton: Overrides_IconButton
+} = (0,overrides/* getSectionOverrides */.f)({
+  Navbar: Navbar_Navbar,
+  NavbarLinks: NavbarLinks_NavbarLinks,
+  NavbarLinksList: NavbarLinks_NavbarLinksList,
+  NavbarSlider: NavbarSlider_NavbarSlider,
+  NavbarSliderHeader: NavbarSlider_NavbarSliderHeader,
+  NavbarSliderContent: NavbarSlider_NavbarSliderContent,
+  NavbarSliderFooter: NavbarSlider_NavbarSliderFooter,
+  NavbarHeader: Navbar_NavbarHeader,
+  NavbarRow: Navbar_NavbarRow,
+  NavbarButtons: Navbar_NavbarButtons,
+  IconButton: IconButton/* default */.Z
+}, override);
+
+
+/***/ }),
+
+/***/ 1991:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "B": () => (/* binding */ ProductShelfDefaultComponents)
+});
+
+// EXTERNAL MODULE: ../components/dist/esm/organisms/ProductShelf/ProductShelf.js
+var ProductShelf = __webpack_require__(6737);
+// EXTERNAL MODULE: ./src/components/product/ProductCard/ProductCard.tsx + 3 modules
+var ProductCard = __webpack_require__(8553);
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(6689);
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
+// EXTERNAL MODULE: ../components/dist/esm/molecules/IconButton/IconButton.js
+var IconButton = __webpack_require__(7041);
+// EXTERNAL MODULE: ../components/dist/esm/atoms/Icon/Icon.js
+var Icon = __webpack_require__(2614);
+// EXTERNAL MODULE: external "react-swipeable"
+var external_react_swipeable_ = __webpack_require__(3789);
+;// CONCATENATED MODULE: ../components/dist/esm/hooks/useSlider.js
+
+
+const nextPage = (current, total) => (current + 1) % total;
+const previousPage = (current, total) => (total - ((total - current + 1) % total)) % total;
+function reducer(state, action) {
+    switch (action.type) {
+        case 'NEXT_PAGE': {
+            // If `state.infinite` is true, we need to take into account an extra
+            // page in the calculation. This extra page is a clone of the first page.
+            const adjustedTotalPages = state.infinite
+                ? state.totalPages + 1
+                : state.totalPages;
+            const nextPageIndex = nextPage(state.currentPage, adjustedTotalPages);
+            const nextItemIndex = (nextPageIndex % adjustedTotalPages) * state.itemsPerPage;
+            return {
+                ...state,
+                sliding: true,
+                slideDirection: 'next',
+                currentItem: nextItemIndex,
+                currentPage: nextPageIndex,
+            };
+        }
+        case 'PREVIOUS_PAGE': {
+            // If `state.infinite` is true, we need to take into account an extra
+            // page in the calculation. This extra page is a clone of the first page.
+            const adjustedTotalPages = state.infinite
+                ? state.totalPages + 1
+                : state.totalPages;
+            // If `state.infinite` is true and we're currently on page 0, we need to
+            // let the slider go to page -1. This -1 page is a clone of the last page.
+            const shouldGoToClone = state.infinite && state.currentPage === 0;
+            const previousPageIndex = shouldGoToClone
+                ? -1
+                : previousPage(state.currentPage, state.totalPages);
+            return {
+                ...state,
+                sliding: true,
+                slideDirection: 'previous',
+                currentItem: (previousPageIndex % adjustedTotalPages) * state.itemsPerPage,
+                currentPage: previousPageIndex,
+            };
+        }
+        case 'GO_TO_PAGE': {
+            if (action.payload.pageIndex === state.currentPage) {
+                return state;
+            }
+            return {
+                ...state,
+                sliding: action.payload.shouldSlide,
+                slideDirection: action.payload.pageIndex > state.currentPage ? 'next' : 'previous',
+                currentItem: (action.payload.pageIndex % state.totalPages) * state.itemsPerPage,
+                currentPage: action.payload.pageIndex,
+            };
+        }
+        case 'STOP_SLIDE':
+            return { ...state, sliding: false };
+        default:
+            return state;
+    }
+}
+const defaultSliderState = (totalItems, itemsPerPage, infinite) => ({
+    currentItem: 0,
+    currentPage: 0,
+    sliding: false,
+    slideDirection: 'next',
+    totalItems,
+    itemsPerPage,
+    totalPages: Math.ceil(totalItems / itemsPerPage),
+    infinite,
+});
+const slide = (page, dispatch) => {
+    if (page === 'next') {
+        dispatch({ type: 'NEXT_PAGE' });
+    }
+    if (page === 'previous') {
+        dispatch({ type: 'PREVIOUS_PAGE' });
+    }
+    if (typeof page === 'number') {
+        dispatch({
+            type: 'GO_TO_PAGE',
+            payload: {
+                pageIndex: page,
+                shouldSlide: true,
+            },
+        });
+    }
+};
+const useSlider = ({ totalItems, itemsPerPage = 1, infiniteMode = false, shouldSlideOnSwipe = true, ...swipeableConfigOverrides }) => {
+    const [sliderState, sliderDispatch] = (0,external_react_.useReducer)(reducer, undefined, () => defaultSliderState(totalItems, itemsPerPage, infiniteMode));
+    const handlers = (0,external_react_swipeable_.useSwipeable)({
+        onSwipedRight: () => shouldSlideOnSwipe && slide('previous', sliderDispatch),
+        onSwipedLeft: () => shouldSlideOnSwipe && slide('next', sliderDispatch),
+        trackMouse: true,
+        ...swipeableConfigOverrides,
+    });
+    return {
+        handlers,
+        slide,
+        sliderState,
+        sliderDispatch,
+    };
+};
+//# sourceMappingURL=useSlider.js.map
+// EXTERNAL MODULE: ../components/dist/esm/atoms/Button/Button.js
+var Button = __webpack_require__(3339);
+;// CONCATENATED MODULE: ../components/dist/esm/molecules/Carousel/CarouselBullets.js
+
+
+const defaultAriaLabel = (id, idx, isActive) => isActive ? `Current page from ${id}` : `Go to page ${idx + 1} from ${id}`;
+const CarouselBullets = (0,external_react_.forwardRef)(function Bullets({ id, totalQuantity, activeBullet, onClick, testId = 'fs-carousel-bullets', ariaLabelGenerator = defaultAriaLabel, ariaControlsGenerator, ...otherProps }, ref) {
+    const bulletIndexes = (0,external_react_.useMemo)(() => Array(totalQuantity).fill(0), [totalQuantity]);
+    return (external_react_default().createElement("div", { ref: ref, "data-fs-carousel-bullets": true, "data-testid": testId, role: "tablist", ...otherProps }, bulletIndexes.map((_, idx) => {
+        const isActive = activeBullet === idx;
+        return (external_react_default().createElement(Button/* default */.Z, { key: `${id}-${idx}`, role: "tab", tabIndex: -1, "data-fs-carousel-bullet": true, testId: `${testId}-bullet`, onClick: (e) => onClick(e, idx), "aria-label": ariaLabelGenerator(id, idx, isActive), "aria-controls": ariaControlsGenerator?.(idx), "aria-selected": isActive, variant: "tertiary" }));
+    })));
+});
+/* harmony default export */ const Carousel_CarouselBullets = (CarouselBullets);
+//# sourceMappingURL=CarouselBullets.js.map
+;// CONCATENATED MODULE: ../components/dist/esm/hooks/useSlideVisibility.js
+
+function isSlideVisible({ itemsPerPage, currentSlide, slideIdx, totalItems, }) {
+    const isClonedSlide = currentSlide < 0 || currentSlide >= totalItems;
+    const isVisible = slideIdx >= currentSlide && slideIdx < currentSlide + itemsPerPage;
+    return isClonedSlide || isVisible;
+}
+const useSlideVisibility = ({ currentSlide, itemsPerPage, totalItems, }) => {
+    /** Keeps track of slides that have been visualized before.
+     * We want to keep rendering them because the issue is mostly rendering
+     * slides that might never be viewed; On the other hand, hiding slides
+     * that were visible causes visual glitches */
+    const visitedSlides = (0,external_react_.useRef)(new Set());
+    (0,external_react_.useEffect)(() => {
+        for (let i = 0; i < itemsPerPage; i++) {
+            visitedSlides.current.add(currentSlide + i);
+        }
+    }, [currentSlide, itemsPerPage]);
+    const isItemVisible = (index) => isSlideVisible({
+        slideIdx: index,
+        currentSlide,
+        itemsPerPage,
+        totalItems,
+    });
+    const shouldRenderItem = (index) => {
+        return visitedSlides.current.has(index) || isItemVisible(index);
+    };
+    return { shouldRenderItem, isItemVisible };
+};
+//# sourceMappingURL=useSlideVisibility.js.map
+;// CONCATENATED MODULE: ../components/dist/esm/molecules/Carousel/CarouselItem.js
+
+
+function CarouselItem({ id, index, state, children, totalItems, infiniteMode, isScrollCarousel, marginRightValue, }) {
+    const { isItemVisible, shouldRenderItem } = useSlideVisibility({
+        totalItems,
+        currentSlide: state.currentItem,
+        itemsPerPage: state.itemsPerPage,
+    });
+    const defaultStyle = { width: '100%' };
+    const scrollCarouselStyle = {
+        width: `calc((100% - ${marginRightValue} * ${state.itemsPerPage - 1}) / ${state.itemsPerPage})`,
+    };
+    const style = isScrollCarousel && state.itemsPerPage > 1
+        ? { ...scrollCarouselStyle }
+        : { ...defaultStyle };
+    const shouldDisplayItem = isScrollCarousel || shouldRenderItem(index - Number(infiniteMode));
+    return (external_react_default().createElement("li", { style: style, id: `${id}-carousel-item-${index}`, "data-fs-carousel-item": true, "data-fs-carousel-item-visible": isItemVisible(index - Number(infiniteMode)) || undefined }, shouldDisplayItem ? children : null));
+}
+/* harmony default export */ const Carousel_CarouselItem = (CarouselItem);
+//# sourceMappingURL=CarouselItem.js.map
+;// CONCATENATED MODULE: ../components/dist/esm/molecules/Carousel/Carousel.js
+
+
+
+
+
+const createTransformValues = (infinite, totalItems) => {
+    const transformMap = {};
+    const slideWidth = 100 / totalItems;
+    for (let idx = 0; idx < totalItems; ++idx) {
+        const currIdx = infinite ? idx - 1 : idx;
+        const transformValue = -(slideWidth * idx);
+        transformMap[currIdx] = transformValue;
+    }
+    return transformMap;
+};
+function Carousel({ children, className, 'aria-label': ariaLabel, infiniteMode = false, controls = 'complete', testId = 'fs-carousel', transition = {
+    duration: 400,
+    property: 'transform',
+}, id = 'fs-carousel', variant = 'scroll', itemsPerPage = 1, navigationIcons = undefined, ...swipeableConfigOverrides }) {
+    if (itemsPerPage < 1) {
+        throw new Error('itemsPerPage must be greater than or equal to 1');
+    }
+    const carouselTrackRef = (0,external_react_.useRef)(null);
+    const isSlideCarousel = variant === 'slide';
+    const isScrollCarousel = variant === 'scroll';
+    const childrenArray = external_react_default().Children.toArray(children);
+    const childrenCount = childrenArray.length;
+    const numberOfSlides = infiniteMode ? childrenCount + 2 : childrenCount;
+    const slidingTransition = `${transition.property} ${transition.duration}ms ${transition.timing ?? ''} ${transition.delay ?? ''}`;
+    const { handlers, slide, sliderState, sliderDispatch } = useSlider({
+        itemsPerPage,
+        infiniteMode,
+        totalItems: childrenCount,
+        shouldSlideOnSwipe: isSlideCarousel,
+        ...swipeableConfigOverrides,
+    });
+    const pagesCount = Math.ceil(childrenCount / sliderState.itemsPerPage);
+    const [marginRight, setMarginRight] = (0,external_react_.useState)('16px');
+    const [carouselItemsWidth, setCarouselItemsWidth] = (0,external_react_.useState)(0);
+    (0,external_react_.useEffect)(() => {
+        const item = carouselTrackRef.current?.firstElementChild;
+        if (item) {
+            setMarginRight(getComputedStyle(item).getPropertyValue('margin-right'));
+            setCarouselItemsWidth(Number(item.clientWidth) + parseInt(marginRight, 10) + 1);
+        }
+    }, [carouselItemsWidth]);
+    const showNavigationArrows = pagesCount !== 1 &&
+        (controls === 'complete' || controls === 'navigationArrows');
+    const showPaginationBullets = pagesCount !== 1 &&
+        (controls === 'complete' || controls === 'paginationBullets');
+    const transformValues = (0,external_react_.useMemo)(() => createTransformValues(infiniteMode, numberOfSlides), [numberOfSlides, infiniteMode]);
+    const postRenderedSlides = infiniteMode && children ? childrenArray.slice(0, 1) : [];
+    const preRenderedSlides = infiniteMode && children ? childrenArray.slice(childrenCount - 1) : [];
+    const slides = preRenderedSlides.concat(children ?? [], postRenderedSlides);
+    const slideCarouselTrackStyle = (0,external_react_.useMemo)(() => ({
+        width: `${numberOfSlides * 100}%`,
+        transition: sliderState.sliding ? slidingTransition : undefined,
+        transform: `translate3d(${transformValues[sliderState.currentPage]}%, 0, 0)`,
+    }), [
+        numberOfSlides,
+        transformValues,
+        slidingTransition,
+        sliderState.sliding,
+        sliderState.currentPage,
+    ]);
+    const scrollCarouselTrackStyle = (0,external_react_.useMemo)(() => ({
+        width: '100%',
+        overflowX: 'scroll',
+        whiteSpace: 'nowrap',
+    }), []);
+    const carouselTrackStyle = (isSlideCarousel && slideCarouselTrackStyle) ||
+        (isScrollCarousel && scrollCarouselTrackStyle);
+    const slidePrevious = () => {
+        if (sliderState.sliding ||
+            (!infiniteMode && sliderState.currentPage === 0)) {
+            return;
+        }
+        slide('previous', sliderDispatch);
+    };
+    const slideNext = () => {
+        if (sliderState.sliding ||
+            (!infiniteMode && sliderState.currentPage === childrenCount - 1)) {
+            return;
+        }
+        slide('next', sliderDispatch);
+    };
+    const onScrollTrack = (event) => {
+        if (isSlideCarousel || itemsPerPage > 1) {
+            return;
+        }
+        const itemWidth = Number(event.currentTarget.firstElementChild?.scrollWidth);
+        const scrollOffset = event.currentTarget?.scrollLeft;
+        const formatter = scrollOffset > itemWidth / 2 ? Math.round : Math.floor;
+        const page = formatter(scrollOffset / itemWidth);
+        slide(page, sliderDispatch);
+    };
+    const onTransitionTrackEnd = () => {
+        sliderDispatch({
+            type: 'STOP_SLIDE',
+        });
+        if (infiniteMode && sliderState.currentItem >= childrenCount) {
+            sliderDispatch({
+                type: 'GO_TO_PAGE',
+                payload: {
+                    pageIndex: 0,
+                    shouldSlide: false,
+                },
+            });
+        }
+        if (infiniteMode && sliderState.currentItem < 0) {
+            sliderDispatch({
+                type: 'GO_TO_PAGE',
+                payload: {
+                    pageIndex: sliderState.totalPages - 1,
+                    shouldSlide: false,
+                },
+            });
+        }
+    };
+    const onScrollPagination = async (index, slideDirection) => {
+        if (slideDirection === 'previous' && sliderState.currentPage === 0) {
+            return;
+        }
+        if (slideDirection === 'next' &&
+            sliderState.currentPage === sliderState.totalPages - 1) {
+            return;
+        }
+        let scrollOffset = index * carouselItemsWidth * itemsPerPage;
+        carouselTrackRef.current?.scrollTo({
+            left: scrollOffset,
+            behavior: 'smooth',
+        });
+        slide(index, sliderDispatch);
+    };
+    // accessible behavior for tablist
+    const handleBulletsKeyDown = (event) => {
+        switch (event.key) {
+            case 'ArrowLeft': {
+                isSlideCarousel && slidePrevious();
+                isScrollCarousel &&
+                    onScrollPagination(sliderState.currentPage - 1, 'previous');
+                break;
+            }
+            case 'ArrowRight': {
+                isSlideCarousel && slideNext();
+                isScrollCarousel &&
+                    onScrollPagination(sliderState.currentPage + 1, 'next');
+                break;
+            }
+            case 'Home': {
+                slide(0, sliderDispatch);
+                break;
+            }
+            case 'End': {
+                slide(childrenCount - 1, sliderDispatch);
+                break;
+            }
+            default:
+        }
+    };
+    return (external_react_default().createElement("section", { id: id, "data-fs-carousel": true, "data-fs-carousel-variant": variant, className: className, "data-testid": testId, "aria-label": ariaLabel },
+        external_react_default().createElement("div", { "data-fs-carousel-track-container": true, style: {
+                width: '100%',
+                overflow: 'hidden',
+                display: isScrollCarousel ? 'block' : undefined,
+            }, ...handlers },
+            external_react_default().createElement("ul", { "aria-live": "polite", ref: carouselTrackRef, style: carouselTrackStyle, "data-fs-carousel-track": true, onScroll: onScrollTrack, onTransitionEnd: onTransitionTrackEnd }, slides.map((currentSlide, idx) => (external_react_default().createElement(Carousel_CarouselItem, { id: id, index: idx, key: String(idx), state: sliderState, totalItems: childrenCount, infiniteMode: infiniteMode, isScrollCarousel: isScrollCarousel, marginRightValue: marginRight }, currentSlide))))),
+        showNavigationArrows && (external_react_default().createElement("div", { "data-fs-carousel-controls": true },
+            external_react_default().createElement(IconButton/* default */.Z, { "data-fs-carousel-control": "left", "aria-controls": id, disabled: !infiniteMode && sliderState.currentPage === 0, "aria-label": "previous", icon: navigationIcons?.left ?? (external_react_default().createElement(Icon/* default */.Z, { name: "ArrowLeft", width: 20, height: 20, weight: "bold" })), onClick: () => {
+                    isSlideCarousel && slidePrevious();
+                    isScrollCarousel &&
+                        onScrollPagination(sliderState.currentPage - 1, 'previous');
+                } }),
+            external_react_default().createElement(IconButton/* default */.Z, { "data-fs-carousel-control": "right", "aria-controls": id, disabled: !infiniteMode &&
+                    sliderState.currentPage === sliderState.totalPages - 1, "aria-label": "next", icon: navigationIcons?.right ?? (external_react_default().createElement(Icon/* default */.Z, { name: "ArrowRight", width: 20, height: 20, weight: "bold" })), onClick: () => {
+                    isSlideCarousel && slideNext();
+                    isScrollCarousel &&
+                        onScrollPagination(sliderState.currentPage + 1, 'next');
+                } }))),
+        showPaginationBullets && (external_react_default().createElement(Carousel_CarouselBullets, { id: id, tabIndex: 0, activeBullet: sliderState.currentPage, totalQuantity: pagesCount, onKeyDown: handleBulletsKeyDown, onClick: async (_, idx) => {
+                isSlideCarousel &&
+                    !sliderState.sliding &&
+                    slide(idx, sliderDispatch);
+                isScrollCarousel && onScrollPagination(idx);
+            }, onFocus: (event) => event.currentTarget.focus(), ariaControlsGenerator: (idx) => `${id}-carousel-item-${idx}` }))));
+}
+/* harmony default export */ const Carousel_Carousel = (Carousel);
+//# sourceMappingURL=Carousel.js.map
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(997);
+;// CONCATENATED MODULE: ./src/components/ui/Carousel/Carousel.tsx
+
+
+
+function Carousel_Carousel_Carousel({
+  id,
+  testId,
+  children,
+  itemsPerPage,
+  variant = 'scroll',
+  infiniteMode = false
+}) {
+  const isMobile = window.innerWidth <= 768;
+  return /*#__PURE__*/jsx_runtime_.jsx(Carousel_Carousel, {
+    id: id,
+    testId: testId,
+    variant: variant,
+    infiniteMode: infiniteMode,
+    itemsPerPage: isMobile ? 1.6 : itemsPerPage,
+    children: children
+  });
+}
+
+/* harmony default export */ const ui_Carousel_Carousel = (Carousel_Carousel_Carousel);
+;// CONCATENATED MODULE: ./src/components/sections/ProductShelf/DefaultComponents.ts
+
 
 
-function NavbarSlider({ children, size = 'full', isOpen = true, direction = 'leftSide', testId = 'fs-navbar-slider', ...otherProps }) {
-    return (external_react_default().createElement(SlideOver/* default */.Z, { "data-fs-navbar-slider": true, size: size, isOpen: isOpen, direction: direction, "data-testid": testId, ...otherProps }, children));
-}
-/* harmony default export */ const NavbarSlider_NavbarSlider = (NavbarSlider);
-//# sourceMappingURL=NavbarSlider.js.map
-// EXTERNAL MODULE: ../components/dist/esm/organisms/SlideOver/SlideOverHeader.js
-var SlideOverHeader = __webpack_require__(5049);
-;// CONCATENATED MODULE: ../components/dist/esm/organisms/NavbarSlider/NavbarSliderHeader.js
+const ProductShelfDefaultComponents = {
+  ProductShelf: ProductShelf/* default */.Z,
+  __experimentalCarousel: ui_Carousel_Carousel,
+  __experimentalProductCard: ProductCard/* default */.Z
+};
 
+/***/ }),
 
-function NavbarSliderHeader({ children, testId = 'fs-navbar-slider-header', ...otherProps }) {
-    return (external_react_default().createElement(SlideOverHeader/* default */.Z, { "data-fs-navbar-slider-header": true, "data-testid": testId, ...otherProps }, children));
-}
-/* harmony default export */ const NavbarSlider_NavbarSliderHeader = (NavbarSliderHeader);
-//# sourceMappingURL=NavbarSliderHeader.js.map
-;// CONCATENATED MODULE: ../components/dist/esm/organisms/NavbarSlider/NavbarSliderContent.js
+/***/ 8569:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
 
-const NavbarSliderContent = (0,external_react_.forwardRef)(function NavbarSliderContent({ children, testId = 'fs-navbar-slider-content', ...otherProps }, ref) {
-    return (external_react_default().createElement("div", { "data-fs-navbar-slider-content": true, ref: ref, "data-testid": testId, ...otherProps }, children));
-});
-/* harmony default export */ const NavbarSlider_NavbarSliderContent = (NavbarSliderContent);
-//# sourceMappingURL=NavbarSliderContent.js.map
-;// CONCATENATED MODULE: ../components/dist/esm/organisms/NavbarSlider/NavbarSliderFooter.js
+"use strict";
+__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react_intersection_observer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9785);
+/* harmony import */ var react_intersection_observer__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_intersection_observer__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _Section__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(3271);
+/* harmony import */ var src_components_ui_ProductShelf__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(7691);
+/* harmony import */ var _section_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6627);
+/* harmony import */ var _section_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_section_module_scss__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(997);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([src_components_ui_ProductShelf__WEBPACK_IMPORTED_MODULE_4__]);
+src_components_ui_ProductShelf__WEBPACK_IMPORTED_MODULE_4__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-const NavbarSliderFooter = (0,external_react_.forwardRef)(function NavbarSliderFooter({ children, testId = 'fs-navbar-slider-footer', ...otherProps }, ref) {
-    return (external_react_default().createElement("footer", { "data-fs-navbar-slider-footer": true, ref: ref, "data-testid": testId, ...otherProps }, children));
-});
-/* harmony default export */ const NavbarSlider_NavbarSliderFooter = (NavbarSliderFooter);
-//# sourceMappingURL=NavbarSliderFooter.js.map
-;// CONCATENATED MODULE: ../components/dist/esm/organisms/Navbar/NavbarHeader.js
+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; }
 
-const NavbarHeader = (0,external_react_.forwardRef)(function NavbarHeader({ children, testId = 'fs-navbar-header', ...otherProps }, ref) {
-    return (external_react_default().createElement("section", { "data-fs-navbar-header": true, ref: ref, "data-testid": testId, ...otherProps }, children));
-});
-/* harmony default export */ const Navbar_NavbarHeader = (NavbarHeader);
-//# sourceMappingURL=NavbarHeader.js.map
-;// CONCATENATED MODULE: ../components/dist/esm/organisms/Navbar/NavbarRow.js
+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 NavbarRow = (0,external_react_.forwardRef)(function NavbarRow({ children, testId = 'fs-navbar-row', ...otherProps }, ref) {
-    return (external_react_default().createElement("div", { "data-fs-navbar-row": true, "data-fs-content": "navbar", ref: ref, "data-testid": testId, ...otherProps }, children));
-});
-/* harmony default export */ const Navbar_NavbarRow = (NavbarRow);
-//# sourceMappingURL=NavbarRow.js.map
-;// CONCATENATED MODULE: ../components/dist/esm/organisms/Navbar/NavbarButtons.js
 
-const NavbarButtons = (0,external_react_.forwardRef)(function NavbarButtons({ children, searchExpanded, testId = 'fs-navbar-buttons', ...otherProps }, ref) {
-    return (external_react_default().createElement("div", { "data-fs-navbar-buttons": true, ref: ref, "data-testid": testId, "data-fs-navbar-search-expanded": searchExpanded, ...otherProps }, children));
-});
-/* harmony default export */ const Navbar_NavbarButtons = (NavbarButtons);
-//# sourceMappingURL=NavbarButtons.js.map
-// EXTERNAL MODULE: ../components/dist/esm/molecules/IconButton/IconButton.js
-var IconButton = __webpack_require__(7041);
-// EXTERNAL MODULE: ./src/sdk/overrides/overrides.ts
-var overrides = __webpack_require__(7506);
-;// CONCATENATED MODULE: ./src/customizations/src/components/overrides/Navbar.tsx
-// This is an example of how it can be used on the starter.
-const SECTION = 'Navbar';
-const override = {
-  section: SECTION
-};
 
-;// CONCATENATED MODULE: ./src/components/sections/Navbar/Overrides.tsx
 
 
 
-const {
-  Navbar: Overrides_Navbar,
-  NavbarLinks: Overrides_NavbarLinks,
-  NavbarLinksList: Overrides_NavbarLinksList,
-  NavbarSlider: Overrides_NavbarSlider,
-  NavbarSliderHeader: Overrides_NavbarSliderHeader,
-  NavbarSliderContent: Overrides_NavbarSliderContent,
-  NavbarSliderFooter: Overrides_NavbarSliderFooter,
-  NavbarHeader: Overrides_NavbarHeader,
-  NavbarRow: Overrides_NavbarRow,
-  NavbarButtons: Overrides_NavbarButtons,
-  IconButton: Overrides_IconButton
-} = (0,overrides/* getSectionOverrides */.f)({
-  Navbar: Navbar_Navbar,
-  NavbarLinks: NavbarLinks_NavbarLinks,
-  NavbarLinksList: NavbarLinks_NavbarLinksList,
-  NavbarSlider: NavbarSlider_NavbarSlider,
-  NavbarSliderHeader: NavbarSlider_NavbarSliderHeader,
-  NavbarSliderContent: NavbarSlider_NavbarSliderContent,
-  NavbarSliderFooter: NavbarSlider_NavbarSliderFooter,
-  NavbarHeader: Navbar_NavbarHeader,
-  NavbarRow: Navbar_NavbarRow,
-  NavbarButtons: Navbar_NavbarButtons,
-  IconButton: IconButton/* default */.Z
-}, override);
 
+function ProductShelfSection(_ref) {
+  let otherProps = Object.assign({}, _ref);
+  const {
+    ref,
+    inView
+  } = (0,react_intersection_observer__WEBPACK_IMPORTED_MODULE_0__.useInView)();
+  return /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx(_Section__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
+    className: `${(_section_module_scss__WEBPACK_IMPORTED_MODULE_3___default().section)} section-product-shelf layout__section`,
+    ref: ref,
+    children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx(src_components_ui_ProductShelf__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, _objectSpread({
+      inView: inView
+    }, otherProps))
+  });
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProductShelfSection);
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
 
 /***/ }),
 
@@ -2478,6 +3670,149 @@ const Section = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(f
 
 /***/ }),
 
+/***/ 6531:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(792);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(997);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
+
+
+
+
+function ProductCardSkeleton({
+  bordered,
+  sectioned,
+  displayButton,
+  aspectRatio = 1,
+  variant = 'default'
+}) {
+  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+    "data-fs-product-card-skeleton": true,
+    "data-fs-product-card-skeleton-variant": variant,
+    "data-fs-product-card-skeleton-bordered": bordered,
+    "data-fs-product-card-skeleton-sectioned": sectioned,
+    children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+      "data-fs-product-card-skeleton-image": true,
+      style: {
+        '--fs-product-card-skeleton-image-aspect-ratio': aspectRatio
+      },
+      children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, {
+        size: {
+          width: '100%',
+          height: '100%'
+        }
+      })
+    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+      "data-fs-product-card-skeleton-content": true,
+      children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, {
+        "data-fs-product-card-skeleton-text": true,
+        size: {
+          width: '90%',
+          height: '1.5rem'
+        }
+      }), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, {
+        "data-fs-product-card-skeleton-text": true,
+        size: {
+          width: '70%',
+          height: '1.5rem'
+        }
+      }), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, {
+        "data-fs-product-card-skeleton-badge": true,
+        size: {
+          width: '6rem',
+          height: '2rem'
+        },
+        border: "pill"
+      }), displayButton && /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, {
+        "data-fs-product-card-skeleton-button": true,
+        size: {
+          width: '6rem',
+          height: '2rem'
+        },
+        style: {
+          columnGap: '.75rem'
+        }
+      })]
+    })]
+  });
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProductCardSkeleton);
+
+/***/ }),
+
+/***/ 6523:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Z": () => (/* binding */ ProductShelfSkeleton_ProductShelfSkeleton)
+});
+
+// EXTERNAL MODULE: ../components/dist/esm/organisms/ProductShelf/ProductShelf.js
+var ProductShelf = __webpack_require__(6737);
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(6689);
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
+;// CONCATENATED MODULE: ../components/dist/esm/organisms/ProductShelf/ProductShelfItems.js
+
+const ProductShelfItems = (0,external_react_.forwardRef)(function ProductShelfItems({ testId = 'fs-product-shelf-items', children, ...otherProps }, ref) {
+    return (external_react_default().createElement("ul", { role: "list", ref: ref, "data-fs-product-shelf-items": true, "data-fs-content": "product-shelf", "data-testid": testId, ...otherProps }, children));
+});
+/* harmony default export */ const ProductShelf_ProductShelfItems = (ProductShelfItems);
+//# sourceMappingURL=ProductShelfItems.js.map
+;// CONCATENATED MODULE: ../components/dist/esm/organisms/ProductShelf/ProductShelfItem.js
+
+const ProductShelfItem = (0,external_react_.forwardRef)(function ProductShelfItem({ testId = 'fs-product-shelf-item', children, ...otherProps }, ref) {
+    return (external_react_default().createElement("li", { role: "listitem", ref: ref, "data-fs-product-shelf-item": true, "data-testid": testId, ...otherProps }, children));
+});
+/* harmony default export */ const ProductShelf_ProductShelfItem = (ProductShelfItem);
+//# sourceMappingURL=ProductShelfItem.js.map
+// EXTERNAL MODULE: ./src/components/skeletons/ProductCardSkeleton/ProductCardSkeleton.tsx
+var ProductCardSkeleton = __webpack_require__(6531);
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(997);
+;// CONCATENATED MODULE: ./src/components/skeletons/ProductShelfSkeleton/ProductShelfSkeleton.tsx
+
+
+
+
+
+function ProductShelfSkeleton({
+  children,
+  aspectRatio,
+  itemsPerPage,
+  loading = true
+}) {
+  return loading ? /*#__PURE__*/jsx_runtime_.jsx(ProductShelf/* default */.Z, {
+    "data-fs-product-shelf-skeleton": true,
+    children: /*#__PURE__*/jsx_runtime_.jsx(ProductShelf_ProductShelfItems, {
+      children: Array.from({
+        length: itemsPerPage
+      }, (_, index) => /*#__PURE__*/jsx_runtime_.jsx(ProductShelf_ProductShelfItem, {
+        children: /*#__PURE__*/jsx_runtime_.jsx(ProductCardSkeleton/* default */.Z, {
+          aspectRatio: aspectRatio,
+          sectioned: true,
+          bordered: true
+        })
+      }, String(index)))
+    })
+  }) : /*#__PURE__*/jsx_runtime_.jsx(jsx_runtime_.Fragment, {
+    children: children
+  });
+}
+
+/* harmony default export */ const ProductShelfSkeleton_ProductShelfSkeleton = (ProductShelfSkeleton);
+
+/***/ }),
+
 /***/ 2016:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -2781,19 +4116,232 @@ function Logo({
   });
 }
 
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Logo);
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Logo);
+
+/***/ }),
+
+/***/ 7691:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var src_components_skeletons_ProductShelfSkeleton__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(6523);
+/* harmony import */ var src_sdk_analytics_hooks_useViewItemListEvent__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(5184);
+/* harmony import */ var src_sdk_overrides_OverrideContext__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5522);
+/* harmony import */ var src_sdk_product_useProductsQuery__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(4867);
+/* harmony import */ var src_utils_utilities__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(3952);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(997);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([src_sdk_product_useProductsQuery__WEBPACK_IMPORTED_MODULE_4__]);
+src_sdk_product_useProductsQuery__WEBPACK_IMPORTED_MODULE_4__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
+const _excluded = ["title", "inView", "productCardConfiguration", "numberOfItems", "itemsPerPage"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+
+
+
+
+
+
+
+
+
+
+
+function ProductShelf(_ref) {
+  let {
+    title,
+    inView,
+    productCardConfiguration: {
+      bordered,
+      showDiscountBadge
+    } = {},
+    numberOfItems,
+    itemsPerPage = 5
+  } = _ref,
+      otherProps = _objectWithoutProperties(_ref, _excluded);
+
+  const {
+    ProductShelf: ProductShelfWrapper,
+    __experimentalCarousel: Carousel,
+    __experimentalProductCard: ProductCard
+  } = (0,src_sdk_overrides_OverrideContext__WEBPACK_IMPORTED_MODULE_2__/* .useOverrideComponents */ .r3)();
+  const titleId = (0,src_utils_utilities__WEBPACK_IMPORTED_MODULE_3__/* .textToKebabCase */ .B)(title);
+  const id = (0,react__WEBPACK_IMPORTED_MODULE_0__.useId)();
+  const viewedOnce = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(false);
+  const data = (0,src_sdk_product_useProductsQuery__WEBPACK_IMPORTED_MODULE_4__/* .useProductsQuery */ .k)(_objectSpread({
+    first: numberOfItems
+  }, otherProps));
+  const products = data?.search?.products;
+  const productEdges = products?.edges ?? [];
+  const aspectRatio = 1;
+  const {
+    sendViewItemListEvent
+  } = (0,src_sdk_analytics_hooks_useViewItemListEvent__WEBPACK_IMPORTED_MODULE_5__/* .useViewItemListEvent */ .m)({
+    products: productEdges,
+    title,
+    page: 0,
+    pageSize: 0
+  });
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+    if (inView && !viewedOnce.current && productEdges.length) {
+      sendViewItemListEvent();
+      viewedOnce.current = true;
+    }
+  }, [inView, productEdges.length, sendViewItemListEvent]);
+
+  if (products?.edges.length === 0) {
+    return null;
+  }
+
+  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment, {
+    children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx("h2", {
+      className: "text__title-section layout__content",
+      children: title
+    }), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx(src_components_skeletons_ProductShelfSkeleton__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
+      aspectRatio: aspectRatio,
+      loading: products === undefined,
+      itemsPerPage: itemsPerPage,
+      children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx(ProductShelfWrapper.Component, _objectSpread(_objectSpread({}, ProductShelfWrapper.props), {}, {
+        children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx(Carousel.Component, _objectSpread(_objectSpread({
+          id: titleId || id,
+          itemsPerPage: itemsPerPage
+        }, Carousel.props), {}, {
+          children: productEdges.map((product, idx) => /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(ProductCard.Component, _objectSpread(_objectSpread({
+            aspectRatio: aspectRatio,
+            imgProps: {
+              width: 216,
+              height: 216,
+              sizes: '(max-width: 768px) 42vw, 30vw'
+            }
+          }, ProductCard.props), {}, {
+            bordered: bordered ?? ProductCard.props.bordered,
+            showDiscountBadge: showDiscountBadge ?? ProductCard.props.showDiscountBadge // Dynamic props shouldn't be overridable
+            // This decision can be reviewed later if needed
+            ,
+            key: `${product.node.id}`,
+            product: product.node,
+            index: idx + 1
+          })))
+        }))
+      }))
+    })]
+  });
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProductShelf);
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
+
+/***/ }),
+
+/***/ 8459:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "K": () => (/* binding */ ITEMS_PER_SECTION),
+/* harmony export */   "g": () => (/* binding */ ITEMS_PER_PAGE)
+/* harmony export */ });
+const ITEMS_PER_PAGE = 12;
+const ITEMS_PER_SECTION = 5;
+
+/***/ }),
+
+/***/ 3276:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+// eslint-disable-next-line import/no-anonymous-default-export
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({});
+
+/***/ }),
+
+/***/ 2463:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"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 = 'Alert';
+const override = {
+  section: SECTION
+};
+
 
 /***/ }),
 
-/***/ 3276:
+/***/ 5184:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */   "m": () => (/* binding */ useViewItemListEvent)
 /* harmony export */ });
-// eslint-disable-next-line import/no-anonymous-default-export
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({});
+/* harmony import */ var _faststore_sdk__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1072);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var src_sdk_session__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7295);
+
+
+
+const useViewItemListEvent = ({
+  products,
+  title,
+  page,
+  pageSize
+}) => {
+  const {
+    currency: {
+      code
+    }
+  } = (0,src_sdk_session__WEBPACK_IMPORTED_MODULE_1__/* .useSession */ .kP)();
+  const sendViewItemListEvent = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => {
+    (0,_faststore_sdk__WEBPACK_IMPORTED_MODULE_2__/* .sendAnalyticsEvent */ ._)({
+      name: 'view_item_list',
+      params: {
+        item_list_name: title,
+        item_list_id: title,
+        items: products.map(({
+          node: product
+        }, index) => ({
+          item_id: product.isVariantOf.productGroupID,
+          item_name: product.isVariantOf.name,
+          item_brand: product.brand.name,
+          item_variant: product.sku,
+          price: product.offers.offers[0].price,
+          index: page * pageSize + index + 1,
+          discount: product.offers.offers[0].listPrice - product.offers.offers[0].price,
+          currency: code,
+          item_variant_name: product.name,
+          product_reference_id: product.gtin
+        }))
+      }
+    });
+  }, [code, products, title, page, pageSize]);
+  return {
+    sendViewItemListEvent
+  };
+};
 
 /***/ }),
 
@@ -3039,321 +4587,83 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony export */   "WN": () => (/* binding */ DEFAULT_OPTIONS),
 /* harmony export */   "aM": () => (/* binding */ useQuery),
 /* harmony export */   "km": () => (/* binding */ getKey)
-/* harmony export */ });
-/* harmony import */ var swr__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5941);
-/* harmony import */ var _request__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(180);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([swr__WEBPACK_IMPORTED_MODULE_0__]);
-swr__WEBPACK_IMPORTED_MODULE_0__ = (__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; }
-
-
-
-const getKey = (operationName, variables) => `${operationName}::${JSON.stringify(variables)}`;
-const DEFAULT_OPTIONS = {
-  errorRetryCount: 3,
-  refreshWhenHidden: false,
-  refreshWhenOffline: false,
-  revalidateOnFocus: false,
-  revalidateOnReconnect: false,
-  shouldRetryOnError: true
-};
-const useQuery = (operationName, variables, options) => (0,swr__WEBPACK_IMPORTED_MODULE_0__["default"])(() => options?.doNotRun ? null : getKey(operationName, variables), _objectSpread(_objectSpread({
-  fetcher: () => {
-    return new Promise(resolve => {
-      setTimeout(async () => {
-        resolve(await (0,_request__WEBPACK_IMPORTED_MODULE_1__/* .request */ .W)(operationName, variables, options));
-      });
-    });
-  }
-}, DEFAULT_OPTIONS), options));
-__webpack_async_result__();
-} catch(e) { __webpack_async_result__(e); } });
-
-/***/ }),
-
-/***/ 5522:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Ju": () => (/* binding */ OverrideProvider),
-/* harmony export */   "WB": () => (/* binding */ useOverrideClassName),
-/* harmony export */   "r3": () => (/* binding */ useOverrideComponents)
-/* harmony export */ });
-/* unused harmony export useOverrideContext */
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-
-const OverrideContext = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(null);
-const OverrideProvider = OverrideContext.Provider;
-const useOverrideContext = () => useContext(OverrideContext);
-const useOverrideComponents = () => (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(OverrideContext).components;
-const useOverrideClassName = () => (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(OverrideContext)?.className;
-
-/***/ }),
-
-/***/ 6926:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "v": () => (/* binding */ getOverriddenSection)
-});
-
-// EXTERNAL MODULE: ./src/sdk/overrides/OverrideContext.tsx
-var OverrideContext = __webpack_require__(5522);
-// EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__(6689);
-var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
-// EXTERNAL MODULE: ./src/sdk/tests/mark.tsx
-var mark = __webpack_require__(2541);
-// EXTERNAL MODULE: ./src/components/sections/Section/Section.tsx
-var Section = __webpack_require__(3271);
-// EXTERNAL MODULE: ./src/components/common/Alert/section.module.scss
-var section_module = __webpack_require__(7651);
-var section_module_default = /*#__PURE__*/__webpack_require__.n(section_module);
-// EXTERNAL MODULE: external "react/jsx-runtime"
-var jsx_runtime_ = __webpack_require__(997);
-;// CONCATENATED MODULE: ./src/components/common/Alert/Alert.tsx
-const _excluded = ["content", "children"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-
-
-
-
-
-
-
-function Alert(_ref) {
-  let {
-    content,
-    children
-  } = _ref,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
-
-  const {
-    Alert: AlertWrapper
-  } = (0,OverrideContext/* useOverrideComponents */.r3)();
-  const {
-    0: displayAlert,
-    1: setDisplayAlert
-  } = (0,external_react_.useState)(true);
-  const onAlertClose = (0,external_react_.useCallback)(() => setDisplayAlert(false), [setDisplayAlert]);
-
-  if (displayAlert === false) {
-    return null;
-  }
-
-  return /*#__PURE__*/jsx_runtime_.jsx(Section/* default */.Z, {
-    className: `${(section_module_default()).section} section-alert`,
-    children: /*#__PURE__*/jsx_runtime_.jsx(AlertWrapper.Component, _objectSpread(_objectSpread({}, otherProps), {}, {
-      // Dynamic props, shouldn't be overridable
-      // This decision can be reviewed later if needed
-      onClose: onAlertClose,
-      children: content ?? children
-    }))
-  });
-}
-
-Alert.displayName = 'Alert';
-/* harmony default export */ const Alert_Alert = ((0,mark/* mark */.B)(Alert));
-;// CONCATENATED MODULE: ./src/components/sections/Alert/Alert.tsx
-function Alert_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 Alert_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? Alert_ownKeys(Object(source), !0).forEach(function (key) { Alert_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : Alert_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function Alert_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; }
-
-
-
-
-
-// TODO: Change actionPath and actionLabel with Link
-function Alert_Alert_Alert({
-  icon,
-  content,
-  link: {
-    text,
-    to
-  },
-  dismissible
-}) {
-  const {
-    Alert: AlertWrapper,
-    Icon
-  } = (0,OverrideContext/* useOverrideComponents */.r3)();
-  return /*#__PURE__*/jsx_runtime_.jsx(Alert_Alert, Alert_objectSpread(Alert_objectSpread({
-    icon: /*#__PURE__*/jsx_runtime_.jsx(Icon.Component, Alert_objectSpread(Alert_objectSpread({}, Icon.props), {}, {
-      name: icon ?? Icon.props.name
-    }))
-  }, AlertWrapper.props), {}, {
-    link: Alert_objectSpread(Alert_objectSpread({}, AlertWrapper.props.link ?? {}), {}, {
-      children: text ?? AlertWrapper.props.link?.children,
-      href: to ?? AlertWrapper.props.link?.href,
-      target: AlertWrapper.props.link?.target ?? '_self'
-    }),
-    dismissible: dismissible ?? AlertWrapper.props.dismissible,
-    children: content
-  }));
-}
-
-/* harmony default export */ const sections_Alert_Alert = (Alert_Alert_Alert);
-// EXTERNAL MODULE: ./src/components/ui/Image/Image.tsx + 1 modules
-var Image = __webpack_require__(5731);
-// EXTERNAL MODULE: ./src/components/sections/Hero/section.module.scss
-var Hero_section_module = __webpack_require__(6717);
-var Hero_section_module_default = /*#__PURE__*/__webpack_require__.n(Hero_section_module);
-;// CONCATENATED MODULE: ./src/components/sections/Hero/Hero.tsx
-function Hero_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 Hero_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? Hero_ownKeys(Object(source), !0).forEach(function (key) { Hero_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : Hero_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function Hero_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 Hero = ({
-  link,
-  title,
-  subtitle,
-  image,
-  variant,
-  colorVariant,
-  icon
-}) => {
-  const {
-    Hero: HeroWrapper,
-    HeroImage,
-    HeroHeader
-  } = (0,OverrideContext/* useOverrideComponents */.r3)();
-  return /*#__PURE__*/jsx_runtime_.jsx(Section/* default */.Z, {
-    className: `${(Hero_section_module_default()).section} section-hero`,
-    children: /*#__PURE__*/(0,jsx_runtime_.jsxs)(HeroWrapper.Component, Hero_objectSpread(Hero_objectSpread({}, HeroWrapper.props), {}, {
-      variant: variant ?? HeroWrapper.props.variant ?? 'primary',
-      colorVariant: colorVariant ?? HeroWrapper.props.colorVariant ?? 'main',
-      children: [/*#__PURE__*/jsx_runtime_.jsx(HeroImage.Component, Hero_objectSpread(Hero_objectSpread({}, HeroImage.props), {}, {
-        children: /*#__PURE__*/jsx_runtime_.jsx(Image/* default */.Z, {
-          loading: "eager",
-          src: image.src,
-          alt: image.alt,
-          width: 360,
-          height: 240,
-          sizes: "(max-width: 360px) 50vw, (max-width: 768px) 90vw, 50vw"
-        })
-      })), /*#__PURE__*/jsx_runtime_.jsx(HeroHeader.Component, Hero_objectSpread({
-        title: title,
-        subtitle: subtitle,
-        link: link?.url,
-        linkText: link?.text,
-        linkTargetBlank: link?.linkTargetBlank,
-        icon: icon
-      }, HeroHeader.props))]
-    }))
-  });
-};
+/* harmony export */ });
+/* harmony import */ var swr__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5941);
+/* harmony import */ var _request__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(180);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([swr__WEBPACK_IMPORTED_MODULE_0__]);
+swr__WEBPACK_IMPORTED_MODULE_0__ = (__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; }
 
-/* harmony default export */ const Hero_Hero = (Hero);
-// EXTERNAL MODULE: ../components/dist/esm/molecules/Alert/Alert.js
-var molecules_Alert_Alert = __webpack_require__(8138);
-// EXTERNAL MODULE: ../components/dist/esm/atoms/Icon/Icon.js
-var Icon = __webpack_require__(2614);
-;// CONCATENATED MODULE: ./src/components/sections/Alert/DefaultComponents.ts
+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; }
 
-const AlertDefaultComponents = {
-  Alert: molecules_Alert_Alert/* default */.Z,
-  Icon: Icon/* default */.Z
-};
-;// CONCATENATED MODULE: ../components/dist/esm/organisms/Hero/Hero.js
+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 HeroContext = (0,external_react_.createContext)(undefined);
-const Hero_Hero_Hero = (0,external_react_.forwardRef)(function Hero({ children, testId = 'fs-hero', variant = 'primary', colorVariant = 'main', ...otherProps }, ref) {
-    const context = { variant, colorVariant };
-    return (external_react_default().createElement(HeroContext.Provider, { value: context },
-        external_react_default().createElement("article", { ref: ref, "data-fs-hero": true, "data-fs-hero-variant": variant, "data-fs-hero-color-variant": colorVariant, "data-testid": testId, ...otherProps }, children)));
-});
-function useHero() {
-    const context = (0,external_react_.useContext)(HeroContext);
-    if (context === undefined) {
-        throw new Error('Do not use Hero components outside the Hero context.');
-    }
-    return context;
-}
-/* harmony default export */ const organisms_Hero_Hero = (Hero_Hero_Hero);
-//# sourceMappingURL=Hero.js.map
-;// CONCATENATED MODULE: ../components/dist/esm/organisms/Hero/HeroImage.js
 
-const HeroImage = (0,external_react_.forwardRef)(function HeroImage({ children, testId = 'fs-hero-image', ...otherProps }, ref) {
-    return (external_react_default().createElement("div", { ref: ref, "data-fs-hero-image": true, "data-testid": testId, ...otherProps }, children));
-});
-/* harmony default export */ const Hero_HeroImage = (HeroImage);
-//# sourceMappingURL=HeroImage.js.map
-// EXTERNAL MODULE: ../components/dist/esm/molecules/LinkButton/LinkButton.js
-var LinkButton = __webpack_require__(3922);
-;// CONCATENATED MODULE: ../components/dist/esm/organisms/Hero/HeroHeader.js
 
+const getKey = (operationName, variables) => `${operationName}::${JSON.stringify(variables)}`;
+const DEFAULT_OPTIONS = {
+  errorRetryCount: 3,
+  refreshWhenHidden: false,
+  refreshWhenOffline: false,
+  revalidateOnFocus: false,
+  revalidateOnReconnect: false,
+  shouldRetryOnError: true
+};
+const useQuery = (operationName, variables, options) => (0,swr__WEBPACK_IMPORTED_MODULE_0__["default"])(() => options?.doNotRun ? null : getKey(operationName, variables), _objectSpread(_objectSpread({
+  fetcher: () => {
+    return new Promise(resolve => {
+      setTimeout(async () => {
+        resolve(await (0,_request__WEBPACK_IMPORTED_MODULE_1__/* .request */ .W)(operationName, variables, options));
+      });
+    });
+  }
+}, DEFAULT_OPTIONS), options));
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
 
+/***/ }),
 
-const HeroHeader = (0,external_react_.forwardRef)(function HeroHeader({ icon, link, title, linkText, linkTargetBlank, subtitle, children, testId = 'fs-hero-heading', ...otherProps }, ref) {
-    const { variant, colorVariant } = useHero();
-    return (external_react_default().createElement("header", { ref: ref, "data-fs-hero-heading": true, "data-testid": testId, ...otherProps },
-        external_react_default().createElement("div", { "data-fs-hero-wrapper": true, "data-fs-content": "hero" },
-            external_react_default().createElement("div", { "data-fs-hero-info": true },
-                external_react_default().createElement("h1", { "data-fs-hero-title": true }, title),
-                external_react_default().createElement("p", { "data-fs-hero-subtitle": true }, subtitle),
-                !!link && (external_react_default().createElement(LinkButton/* default */.Z, { href: link, inverse: colorVariant === 'main', icon: external_react_default().createElement(Icon/* default */.Z, { name: "ArrowRight" }), iconPosition: "right", target: linkTargetBlank ? '_blank' : undefined }, linkText))),
-            !!icon && variant === 'secondary' && (external_react_default().createElement("span", { "data-fs-hero-icon": true }, icon)))));
-});
-/* harmony default export */ const Hero_HeroHeader = (HeroHeader);
-//# sourceMappingURL=HeroHeader.js.map
-;// CONCATENATED MODULE: ./src/components/sections/Hero/DefaultComponents.ts
+/***/ 5522:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-const HeroDefaultComponents = {
-  Hero: organisms_Hero_Hero,
-  HeroImage: Hero_HeroImage,
-  HeroHeader: Hero_HeroHeader
-};
-;// CONCATENATED MODULE: ./src/sdk/overrides/sections.tsx
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Ju": () => (/* binding */ OverrideProvider),
+/* harmony export */   "WB": () => (/* binding */ useOverrideClassName),
+/* harmony export */   "r3": () => (/* binding */ useOverrideComponents)
+/* harmony export */ });
+/* unused harmony export useOverrideContext */
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 
+const OverrideContext = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(null);
+const OverrideProvider = OverrideContext.Provider;
+const useOverrideContext = () => useContext(OverrideContext);
+const useOverrideComponents = () => (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(OverrideContext).components;
+const useOverrideClassName = () => (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(OverrideContext)?.className;
 
+/***/ }),
 
+/***/ 8788:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
 
-const Sections = {
-  Alert: sections_Alert_Alert,
-  Hero: Hero_Hero
-};
-const DefaultComponents = {
-  Alert: AlertDefaultComponents,
-  Hero: HeroDefaultComponents
-};
-// EXTERNAL MODULE: ./src/sdk/overrides/overrides.ts
-var overrides = __webpack_require__(7506);
-;// CONCATENATED MODULE: ./src/sdk/overrides/getOverriddenSection.tsx
-function getOverriddenSection_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";
+__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "v": () => (/* binding */ getOverriddenSection)
+/* harmony export */ });
+/* harmony import */ var _OverrideContext__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5522);
+/* harmony import */ var _sections__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(4027);
+/* harmony import */ var _overrides__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(7506);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(997);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_sections__WEBPACK_IMPORTED_MODULE_2__]);
+_sections__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 getOverriddenSection_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? getOverriddenSection_ownKeys(Object(source), !0).forEach(function (key) { getOverriddenSection_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : getOverriddenSection_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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 getOverriddenSection_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 _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; }
 
 
 
@@ -3376,9 +4686,9 @@ function createOverriddenSection({
   return function OverriddenSection(props) {
     /** This type wizardry is here because the props won't behave correctly if nothing is done */
     const SectionComponent = Section;
-    return /*#__PURE__*/jsx_runtime_.jsx(OverrideContext/* OverrideProvider */.Ju, {
+    return /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_OverrideContext__WEBPACK_IMPORTED_MODULE_1__/* .OverrideProvider */ .Ju, {
       value: overrideContextValue,
-      children: /*#__PURE__*/jsx_runtime_.jsx(SectionComponent, getOverriddenSection_objectSpread({}, props))
+      children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(SectionComponent, _objectSpread({}, props))
     });
   };
 }
@@ -3393,19 +4703,21 @@ function createOverriddenSection({
 
 
 function getOverriddenSection(override) {
-  const defaultComponents = DefaultComponents[override.section];
+  const defaultComponents = _sections__WEBPACK_IMPORTED_MODULE_2__/* .DefaultComponents */ .O[override.section];
 
   if (!defaultComponents) {
     throw new Error(`Section ${override.section} does not exist. Please provide a valid section name to override.`);
   }
 
-  const sectionOverrides = (0,overrides/* getSectionOverrides */.f)(defaultComponents, override);
+  const sectionOverrides = (0,_overrides__WEBPACK_IMPORTED_MODULE_3__/* .getSectionOverrides */ .f)(defaultComponents, override);
   return createOverriddenSection({
-    Section: Sections[override.section],
+    Section: _sections__WEBPACK_IMPORTED_MODULE_2__/* .Sections */ .b[override.section],
     sectionOverrides: sectionOverrides,
     className: override.className
   });
 }
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
 
 /***/ }),
 
@@ -3450,6 +4762,238 @@ function getSectionOverrides(defaultComponents, override) {
 
 /***/ }),
 
+/***/ 4027:
+/***/ ((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 */   "O": () => (/* binding */ DefaultComponents),
+/* harmony export */   "b": () => (/* binding */ Sections)
+/* harmony export */ });
+/* harmony import */ var _components_sections_Alert__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6893);
+/* harmony import */ var _components_sections_BannerText__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9315);
+/* harmony import */ var _components_sections_Hero__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(2849);
+/* harmony import */ var _components_sections_ProductShelf__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(8569);
+/* harmony import */ var _components_sections_Alert_DefaultComponents__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(6948);
+/* harmony import */ var _components_sections_BannerText_DefaultComponents__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(719);
+/* harmony import */ var _components_sections_Hero_DefaultComponents__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(9569);
+/* harmony import */ var _components_sections_ProductShelf_DefaultComponents__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(1991);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_components_sections_ProductShelf__WEBPACK_IMPORTED_MODULE_3__]);
+_components_sections_ProductShelf__WEBPACK_IMPORTED_MODULE_3__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
+
+
+
+
+
+
+
+
+const Sections = {
+  Alert: _components_sections_Alert__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z,
+  BannerText: _components_sections_BannerText__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z,
+  Hero: _components_sections_Hero__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z,
+  ProductShelf: _components_sections_ProductShelf__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z
+};
+const DefaultComponents = {
+  Alert: _components_sections_Alert_DefaultComponents__WEBPACK_IMPORTED_MODULE_4__/* .AlertDefaultComponents */ .p,
+  BannerText: _components_sections_BannerText_DefaultComponents__WEBPACK_IMPORTED_MODULE_5__/* .BannerTextDefaultComponents */ .b,
+  Hero: _components_sections_Hero_DefaultComponents__WEBPACK_IMPORTED_MODULE_6__/* .HeroDefaultComponents */ .O,
+  ProductShelf: _components_sections_ProductShelf_DefaultComponents__WEBPACK_IMPORTED_MODULE_7__/* .ProductShelfDefaultComponents */ .B
+};
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
+
+/***/ }),
+
+/***/ 5346:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "P": () => (/* binding */ useFormattedPrice)
+/* harmony export */ });
+/* unused harmony export usePriceFormatter */
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _session__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7295);
+
+
+const usePriceFormatter = ({
+  decimals
+} = {}) => {
+  const {
+    currency,
+    locale
+  } = (0,_session__WEBPACK_IMPORTED_MODULE_1__/* .useSession */ .kP)();
+  return (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(price => Intl.NumberFormat(locale, {
+    style: 'currency',
+    currency: currency.code,
+    minimumFractionDigits: decimals ? 2 : 0
+  }).format(price), [currency.code, locale, decimals]);
+};
+const useFormattedPrice = price => {
+  const formatter = usePriceFormatter();
+  return (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => formatter(price), [formatter, price]);
+};
+
+/***/ }),
+
+/***/ 2523:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "y": () => (/* binding */ useLocalizedVariables)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _session__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7295);
+/* harmony import */ var src_constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(8459);
+
+
+
+
+const toArray = x => Array.isArray(x) ? x : x ? [x] : [];
+
+const useLocalizedVariables = ({
+  first,
+  after,
+  sort,
+  term,
+  selectedFacets
+}) => {
+  const {
+    channel,
+    locale
+  } = (0,_session__WEBPACK_IMPORTED_MODULE_1__/* .useSession */ .kP)();
+  return (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => {
+    const facets = toArray(selectedFacets);
+    return {
+      first: first ?? src_constants__WEBPACK_IMPORTED_MODULE_2__/* .ITEMS_PER_SECTION */ .K,
+      after: after ?? '0',
+      sort: sort ?? 'score_desc',
+      term: term ?? '',
+      selectedFacets: [...facets, {
+        key: 'channel',
+        value: channel ?? ''
+      }, {
+        key: 'locale',
+        value: locale
+      }]
+    };
+  }, [selectedFacets, first, after, sort, term, channel, locale]);
+};
+
+/***/ }),
+
+/***/ 9854:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "w": () => (/* binding */ useProductLink)
+/* harmony export */ });
+/* harmony import */ var _faststore_sdk__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1072);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _session__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7295);
+
+
+
+const useProductLink = ({
+  index,
+  product,
+  selectedOffer
+}) => {
+  const {
+    slug
+  } = product;
+  const {
+    currency: {
+      code
+    }
+  } = (0,_session__WEBPACK_IMPORTED_MODULE_1__/* .useSession */ .kP)();
+  const onClick = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => {
+    (0,_faststore_sdk__WEBPACK_IMPORTED_MODULE_2__/* .sendAnalyticsEvent */ ._)({
+      name: 'select_item',
+      params: {
+        items: [{
+          item_id: product.isVariantOf.productGroupID,
+          item_name: product.isVariantOf.name,
+          item_brand: product.brand.name,
+          item_variant: product.sku,
+          index,
+          price: product.offers.offers[selectedOffer].price,
+          discount: product.offers.offers[selectedOffer].listPrice - product.offers.offers[selectedOffer].price,
+          currency: code,
+          item_variant_name: product.name,
+          product_reference_id: product.gtin
+        }]
+      }
+    });
+    (0,_faststore_sdk__WEBPACK_IMPORTED_MODULE_2__/* .sendAnalyticsEvent */ ._)({
+      name: 'search_select_item',
+      params: {
+        url: window.location.href,
+        items: [{
+          item_id: product.isVariantOf.productGroupID,
+          item_variant: product.sku,
+          index
+        }]
+      }
+    });
+  }, [code, product, index, selectedOffer]);
+  return {
+    href: `/${slug}/p`,
+    onClick,
+    'data-testid': 'product-link'
+  };
+};
+
+/***/ }),
+
+/***/ 4867:
+/***/ ((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 */   "k": () => (/* binding */ useProductsQuery)
+/* harmony export */ });
+/* unused harmony export query */
+/* harmony import */ var _graphql_useQuery__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7732);
+/* harmony import */ var _useLocalizedVariables__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2523);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_graphql_useQuery__WEBPACK_IMPORTED_MODULE_1__]);
+_graphql_useQuery__WEBPACK_IMPORTED_MODULE_1__ = (__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; }
+
+
+
+const query = "ClientManyProductsQuery";
+/**
+ * Use this hook for fetching a list of products, like shelves and tiles
+ */
+
+const useProductsQuery = (variables, options) => {
+  const localizedVariables = (0,_useLocalizedVariables__WEBPACK_IMPORTED_MODULE_0__/* .useLocalizedVariables */ .y)(variables);
+  const {
+    data
+  } = (0,_graphql_useQuery__WEBPACK_IMPORTED_MODULE_1__/* .useQuery */ .aM)(query, localizedVariables, _objectSpread({
+    fallbackData: null,
+    suspense: true
+  }, options));
+  return data;
+};
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
+
+/***/ }),
+
 /***/ 5882:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -3805,6 +5349,26 @@ const getPage = async options => {
 
 /***/ }),
 
+/***/ 3952:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "B": () => (/* binding */ textToKebabCase)
+/* harmony export */ });
+//Input "Example Text!". Output: example-text
+function textToKebabCase(text) {
+  // Replace spaces and special characters with hyphens
+  let kebabCase = text.replace(/[^\w\s]/gi, '-'); // Remove whitespace
+
+  kebabCase = kebabCase.replace(/\s+/g, '-'); // Convert to lowercase
+
+  kebabCase = kebabCase.toLowerCase();
+  return kebabCase ?? '';
+}
+
+/***/ }),
+
 /***/ 7651:
 /***/ ((module) => {
 
@@ -3836,6 +5400,17 @@ module.exports = {
 };
 
 
+/***/ }),
+
+/***/ 7283:
+/***/ ((module) => {
+
+// Exports
+module.exports = {
+	"section": "section_section__ivuGF"
+};
+
+
 /***/ }),
 
 /***/ 5977:
@@ -3869,6 +5444,18 @@ module.exports = {
 };
 
 
+/***/ }),
+
+/***/ 6627:
+/***/ ((module) => {
+
+// Exports
+module.exports = {
+	"section": "section_section__C1DoH",
+	"loading": "section_loading__k5bCF"
+};
+
+
 /***/ }),
 
 /***/ 3472: