@faststore/core 3.0.21 → 3.0.24

package/.next/server/chunks/979.js

@@ -1,1305 +0,0 @@
-exports.id = 979;
-exports.ids = [979];
-exports.modules = {
-
-/***/ 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
-
-/***/ }),
-
-/***/ 7599:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "Z": () => (/* binding */ sections_BannerText_BannerText)
-});
-
-// 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
-// EXTERNAL MODULE: ./src/sdk/overrides/overrides.ts
-var overrides = __webpack_require__(7506);
-;// CONCATENATED MODULE: ./src/customizations/src/components/overrides/BannerText.tsx
-// This is an example of how it can be used on the starter.
-const SECTION = 'BannerText';
-const override = {
-  section: SECTION
-};
-
-;// CONCATENATED MODULE: ./src/components/sections/BannerText/Overrides.tsx
-
-
-
-const {
-  BannerText: Overrides_BannerText,
-  BannerTextContent: Overrides_BannerTextContent
-} = (0,overrides/* getSectionOverrides */.f)({
-  BannerText: BannerText_BannerText,
-  BannerTextContent: BannerText_BannerTextContent
-}, override);
-
-// EXTERNAL MODULE: ./src/components/sections/Section/Section.tsx
-var Section = __webpack_require__(3271);
-// EXTERNAL MODULE: ./src/components/sections/BannerText/section.module.scss
-var section_module = __webpack_require__(7283);
-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/sections/BannerText/BannerText.tsx
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-
-
-
-
-
-// TODO: Change actionPath and actionLabel with Link
-function BannerText_BannerText_BannerText({
-  title,
-  caption,
-  link: {
-    url: linkUrl = Overrides_BannerTextContent.props.link,
-    text: linkText = Overrides_BannerTextContent.props.linkText,
-    linkTargetBlank = Overrides_BannerTextContent.props.linkTargetBlank
-  },
-  variant = Overrides_BannerText.props.variant ?? 'primary',
-  colorVariant = Overrides_BannerText.props.colorVariant ?? 'main'
-}) {
-  return /*#__PURE__*/jsx_runtime_.jsx(Section/* default */.Z, {
-    className: `${(section_module_default()).section} section-banner layout__section`,
-    children: /*#__PURE__*/jsx_runtime_.jsx("div", {
-      className: "layout__content",
-      children: /*#__PURE__*/jsx_runtime_.jsx(Overrides_BannerText.Component, _objectSpread(_objectSpread({}, Overrides_BannerText.props), {}, {
-        variant: variant,
-        colorVariant: colorVariant,
-        children: /*#__PURE__*/jsx_runtime_.jsx(Overrides_BannerTextContent.Component, _objectSpread(_objectSpread({}, Overrides_BannerTextContent.props), {}, {
-          title: title,
-          caption: caption,
-          link: linkUrl,
-          linkText: linkText,
-          linkTargetBlank: linkTargetBlank
-        }))
-      }))
-    })
-  });
-}
-
-/* harmony default export */ const sections_BannerText_BannerText = (BannerText_BannerText_BannerText);
-
-/***/ }),
-
-/***/ 8170:
-/***/ ((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 src_components_ui_Newsletter__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(870);
-/* harmony import */ var _Section__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3271);
-/* harmony import */ var _section_module_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7781);
-/* 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 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_ui_Newsletter__WEBPACK_IMPORTED_MODULE_3__]);
-src_components_ui_Newsletter__WEBPACK_IMPORTED_MODULE_3__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
-const _excluded = ["icon", "title", "description", "privacyPolicy", "emailInputLabel", "displayNameInput", "nameInputLabel", "subscribeButtonLabel", "card", "toastSubscribe", "toastSubscribeError"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-
-
-
-
-
-const Newsletter = function Newsletter(_ref) {
-  let {
-    icon,
-    title,
-    description,
-    privacyPolicy,
-    emailInputLabel,
-    displayNameInput,
-    nameInputLabel,
-    subscribeButtonLabel,
-    card,
-    toastSubscribe,
-    toastSubscribeError
-  } = _ref,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Section__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, {
-    className: `${(_section_module_scss__WEBPACK_IMPORTED_MODULE_2___default().section)} section-newsletter`,
-    children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(src_components_ui_Newsletter__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, _objectSpread({
-      icon: icon,
-      title: title,
-      description: description,
-      privacyPolicy: privacyPolicy,
-      emailInputLabel: emailInputLabel,
-      displayNameInput: displayNameInput,
-      nameInputLabel: nameInputLabel,
-      subscribeButtonLabel: subscribeButtonLabel,
-      toastSubscribe: toastSubscribe,
-      toastSubscribeError: toastSubscribeError,
-      card: card
-    }, otherProps))
-  });
-};
-
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Newsletter);
-__webpack_async_result__();
-} catch(e) { __webpack_async_result__(e); } });
-
-/***/ }),
-
-/***/ 1546:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "zx": () => (/* binding */ Overrides_Button),
-  "N9": () => (/* binding */ HeaderIcon),
-  "yk": () => (/* binding */ InputFieldEmail),
-  "s9": () => (/* binding */ InputFieldName),
-  "eA": () => (/* binding */ ToastIconError),
-  "$B": () => (/* binding */ ToastIconSuccess),
-  "KN": () => (/* binding */ __experimentalNewsletterAddendum)
-});
-
-// EXTERNAL MODULE: ../components/dist/esm/atoms/Icon/Icon.js
-var Icon = __webpack_require__(2614);
-// EXTERNAL MODULE: ../components/dist/esm/molecules/InputField/InputField.js
-var InputField = __webpack_require__(3779);
-// EXTERNAL MODULE: ../components/dist/esm/atoms/Button/Button.js
-var Button = __webpack_require__(3339);
-// EXTERNAL MODULE: external "draftjs-to-html"
-var external_draftjs_to_html_ = __webpack_require__(8641);
-var external_draftjs_to_html_default = /*#__PURE__*/__webpack_require__.n(external_draftjs_to_html_);
-// EXTERNAL MODULE: external "react/jsx-runtime"
-var jsx_runtime_ = __webpack_require__(997);
-;// CONCATENATED MODULE: ./src/components/ui/Newsletter/NewsletterAddendum.tsx
-const _excluded = ["addendum"];
-
-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; }
-
-/**
- * TODO:
- *
- * This library hasn't been updated in 4 years at the time of writing.
- *
- * We're using it as a patch, and it is expected that some Rich Text use cases of draftjs are not supported by it.
- * We have the dependency on draftjs because of the way the headless CMS send us the data.
- *
- * This library should be removed as soon as possible, which will probably be possible through one of two cases:
- * 1. We support React Server Components and go back to using the official draftjs library for doing this, only on the server.
- *    This is still not the ideal solution, since it still relies on a unsupported, deprecated and archived library (draftjs).
- * 2. CMS uses a new library or changes how it sends the data to not depend on draftjs.
- *
- * This is a limitation not only for this component, but for every native & custom component that makes use of Rich Text.
- */
-
-
-
-function getLinkElementAsString(url, text) {
-  return `
-    <a 
-      data-fs-link="true"
-      data-fs-link-variant="inline"
-      data-fs-link-inverse="true"
-      data-fs-link-size="regular"
-      data-testid="fs-link"
-      href="${url}"
-    >${text}</a>`;
-}
-
-function cmsToHtml(addendum) {
-  if (!addendum) {
-    return '';
-  }
-
-  let rawDraftContentState = null;
-
-  try {
-    rawDraftContentState = JSON.parse(addendum);
-  } catch (e) {
-    throw new Error('Newsletter\'s prop "addendum" is not a JSON string. This is happening because the overridden prop is malformed or the CMS is providing malformed content for that prop.', {
-      cause: e
-    });
-  }
-
-  if (!rawDraftContentState) {
-    return '';
-  }
-
-  return external_draftjs_to_html_default()(rawDraftContentState, undefined, undefined, (entity, text) => {
-    if (entity.type !== 'LINK') {
-      return null;
-    }
-
-    return getLinkElementAsString(entity.data.url, text);
-  });
-}
-
-function NewsletterAddendum(_ref) {
-  let {
-    addendum
-  } = _ref,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/jsx_runtime_.jsx("span", _objectSpread({
-    "data-fs-newsletter-addendum": true,
-    dangerouslySetInnerHTML: {
-      __html: cmsToHtml(addendum)
-    }
-  }, otherProps));
-}
-// EXTERNAL MODULE: ./src/sdk/overrides/overrides.ts
-var overrides = __webpack_require__(7506);
-;// CONCATENATED MODULE: ./src/customizations/src/components/overrides/Newsletter.tsx
-// This is an example of how it can be used on the starter.
-const SECTION = 'Newsletter';
-const override = {
-  section: SECTION
-};
-
-;// CONCATENATED MODULE: ./src/components/sections/Newsletter/Overrides.tsx
-
-
-
-
-const {
-  ToastIconSuccess,
-  ToastIconError,
-  HeaderIcon,
-  InputFieldName,
-  InputFieldEmail,
-  Button: Overrides_Button,
-  __experimentalNewsletterAddendum
-} = (0,overrides/* getSectionOverrides */.f)({
-  ToastIconSuccess: Icon/* default */.Z,
-  ToastIconError: Icon/* default */.Z,
-  HeaderIcon: Icon/* default */.Z,
-  InputFieldName: InputField/* default */.Z,
-  InputFieldEmail: InputField/* default */.Z,
-  Button: Button/* default */.Z,
-  __experimentalNewsletterAddendum: NewsletterAddendum
-}, override);
-
-
-/***/ }),
-
-/***/ 6103:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "IW": () => (/* binding */ Overrides_ProductShelf),
-  "EM": () => (/* binding */ __experimentalCarousel),
-  "zM": () => (/* binding */ __experimentalProductCard)
-});
-
-// 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);
-// EXTERNAL MODULE: ./src/sdk/overrides/overrides.ts
-var overrides = __webpack_require__(7506);
-;// CONCATENATED MODULE: ./src/customizations/src/components/overrides/ProductShelf.tsx
-// This is an example of how it can be used on the starter.
-const SECTION = 'ProductShelf';
-const override = {
-  section: SECTION
-};
-
-;// CONCATENATED MODULE: ./src/components/sections/ProductShelf/Overrides.tsx
-
-
-
-
-
-const {
-  ProductShelf: Overrides_ProductShelf,
-  __experimentalCarousel,
-  __experimentalProductCard
-} = (0,overrides/* getSectionOverrides */.f)({
-  ProductShelf: ProductShelf/* default */.Z,
-  __experimentalCarousel: ui_Carousel_Carousel,
-  __experimentalProductCard: ProductCard/* default */.Z
-}, override);
-
-
-/***/ }),
-
-/***/ 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);
-
-/***/ }),
-
-/***/ 870:
-/***/ ((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 _faststore_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6652);
-/* harmony import */ var src_sdk_newsletter_useNewsletter__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5822);
-/* harmony import */ var src_components_sections_Newsletter_Overrides__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(1546);
-/* 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_newsletter_useNewsletter__WEBPACK_IMPORTED_MODULE_2__]);
-src_sdk_newsletter_useNewsletter__WEBPACK_IMPORTED_MODULE_2__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-
-
-
-
-
-
-
-const Newsletter = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function Newsletter({
-  icon,
-  title,
-  description,
-  privacyPolicy,
-  emailInputLabel,
-  displayNameInput,
-  nameInputLabel,
-  subscribeButtonLabel,
-  subscribeButtonLoadingLabel,
-  card,
-  toastSubscribe,
-  toastSubscribeError
-}, ref) {
-  const {
-    subscribeUser,
-    loading,
-    data
-  } = (0,src_sdk_newsletter_useNewsletter__WEBPACK_IMPORTED_MODULE_2__/* .useNewsletter */ .u)();
-  const nameInputRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
-  const emailInputRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
-  const {
-    pushToast
-  } = (0,_faststore_ui__WEBPACK_IMPORTED_MODULE_3__/* .useUI */ .l)();
-
-  const handleSubmit = event => {
-    event.preventDefault();
-    subscribeUser({
-      data: {
-        name: nameInputRef.current?.value ?? '',
-        email: emailInputRef.current?.value ?? ''
-      }
-    });
-
-    if (data?.subscribeToNewsletter?.id) {
-      pushToast(_objectSpread(_objectSpread({}, toastSubscribe), {}, {
-        status: 'INFO',
-        icon: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx(src_components_sections_Newsletter_Overrides__WEBPACK_IMPORTED_MODULE_4__/* .ToastIconSuccess.Component */ .$B.Component, _objectSpread(_objectSpread({
-          width: 30,
-          height: 30
-        }, src_components_sections_Newsletter_Overrides__WEBPACK_IMPORTED_MODULE_4__/* .ToastIconSuccess.props */ .$B.props), {}, {
-          name: toastSubscribe.icon ?? src_components_sections_Newsletter_Overrides__WEBPACK_IMPORTED_MODULE_4__/* .ToastIconSuccess.props.name */ .$B.props.name
-        }))
-      }));
-    } else {
-      pushToast(_objectSpread(_objectSpread({}, toastSubscribeError), {}, {
-        status: 'ERROR',
-        icon: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx(src_components_sections_Newsletter_Overrides__WEBPACK_IMPORTED_MODULE_4__/* .ToastIconError.Component */ .eA.Component, _objectSpread(_objectSpread({
-          width: 30,
-          height: 30
-        }, src_components_sections_Newsletter_Overrides__WEBPACK_IMPORTED_MODULE_4__/* .ToastIconError.props */ .eA.props), {}, {
-          name: toastSubscribe.icon ?? src_components_sections_Newsletter_Overrides__WEBPACK_IMPORTED_MODULE_4__/* .ToastIconError.props.name */ .eA.props.name
-        }))
-      }));
-    }
-
-    const formElement = event.currentTarget;
-    formElement.reset();
-  };
-
-  return /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx("div", {
-    "data-fs-newsletter": card ? 'card' : '',
-    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("form", {
-      ref: ref,
-      "data-fs-newsletter-form": true,
-      "data-fs-content": "newsletter",
-      onSubmit: handleSubmit,
-      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("header", {
-        "data-fs-newsletter-header": true,
-        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("h3", {
-          children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx(src_components_sections_Newsletter_Overrides__WEBPACK_IMPORTED_MODULE_4__/* .HeaderIcon.Component */ .N9.Component, _objectSpread(_objectSpread({
-            width: 32,
-            height: 32
-          }, src_components_sections_Newsletter_Overrides__WEBPACK_IMPORTED_MODULE_4__/* .HeaderIcon.props */ .N9.props), {}, {
-            name: icon?.icon ?? src_components_sections_Newsletter_Overrides__WEBPACK_IMPORTED_MODULE_4__/* .HeaderIcon.props.name */ .N9.props.name
-          })), title]
-        }), description && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("span", {
-          children: [" ", description]
-        })]
-      }), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx("div", {
-        "data-fs-newsletter-controls": true,
-        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment, {
-          children: [displayNameInput ? /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx(src_components_sections_Newsletter_Overrides__WEBPACK_IMPORTED_MODULE_4__/* .InputFieldName.Component */ .s9.Component, _objectSpread(_objectSpread({
-            id: "newsletter-name",
-            required: true
-          }, src_components_sections_Newsletter_Overrides__WEBPACK_IMPORTED_MODULE_4__/* .InputFieldName.props */ .s9.props), {}, {
-            label: nameInputLabel ?? src_components_sections_Newsletter_Overrides__WEBPACK_IMPORTED_MODULE_4__/* .InputFieldName.props.label */ .s9.props.label // Dynamic props shouldn't be overridable
-            // This decision can be reviewed later if needed
-            ,
-            inputRef: nameInputRef
-          })) : null, /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx(src_components_sections_Newsletter_Overrides__WEBPACK_IMPORTED_MODULE_4__/* .InputFieldEmail.Component */ .yk.Component, _objectSpread(_objectSpread({
-            id: "newsletter-email",
-            type: "email",
-            required: true
-          }, src_components_sections_Newsletter_Overrides__WEBPACK_IMPORTED_MODULE_4__/* .InputFieldEmail.props */ .yk.props), {}, {
-            label: emailInputLabel ?? src_components_sections_Newsletter_Overrides__WEBPACK_IMPORTED_MODULE_4__/* .InputFieldEmail.props.label */ .yk.props.label // Dynamic props shouldn't be overridable
-            // This decision can be reviewed later if needed
-            ,
-            inputRef: emailInputRef
-          })), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx(src_components_sections_Newsletter_Overrides__WEBPACK_IMPORTED_MODULE_4__/* .__experimentalNewsletterAddendum.Component */ .KN.Component, _objectSpread({
-            addendum: privacyPolicy
-          }, src_components_sections_Newsletter_Overrides__WEBPACK_IMPORTED_MODULE_4__/* .__experimentalNewsletterAddendum.props */ .KN.props)), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx(src_components_sections_Newsletter_Overrides__WEBPACK_IMPORTED_MODULE_4__/* .Button.Component */ .zx.Component, _objectSpread(_objectSpread({
-            variant: "secondary",
-            inverse: true,
-            type: "submit"
-          }, src_components_sections_Newsletter_Overrides__WEBPACK_IMPORTED_MODULE_4__/* .Button.props */ .zx.props), {}, {
-            children: loading ? subscribeButtonLoadingLabel : subscribeButtonLabel
-          }))]
-        })
-      })]
-    })
-  });
-});
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Newsletter);
-__webpack_async_result__();
-} catch(e) { __webpack_async_result__(e); } });
-
-/***/ }),
-
-/***/ 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_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 src_components_sections_ProductShelf_Overrides__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(6103);
-/* 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 = src_components_sections_ProductShelf_Overrides__WEBPACK_IMPORTED_MODULE_2__/* .__experimentalProductCard.props.bordered */ .zM.props.bordered,
-      showDiscountBadge = src_components_sections_ProductShelf_Overrides__WEBPACK_IMPORTED_MODULE_2__/* .__experimentalProductCard.props.showDiscountBadge */ .zM.props.showDiscountBadge
-    } = {},
-    numberOfItems,
-    itemsPerPage = 5
-  } = _ref,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
-
-  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(src_components_sections_ProductShelf_Overrides__WEBPACK_IMPORTED_MODULE_2__/* .ProductShelf.Component */ .IW.Component, _objectSpread(_objectSpread({}, src_components_sections_ProductShelf_Overrides__WEBPACK_IMPORTED_MODULE_2__/* .ProductShelf.props */ .IW.props), {}, {
-        children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx(src_components_sections_ProductShelf_Overrides__WEBPACK_IMPORTED_MODULE_2__/* .__experimentalCarousel.Component */ .EM.Component, _objectSpread(_objectSpread({
-          id: titleId || id,
-          itemsPerPage: itemsPerPage
-        }, src_components_sections_ProductShelf_Overrides__WEBPACK_IMPORTED_MODULE_2__/* .__experimentalCarousel.props */ .EM.props), {}, {
-          children: productEdges.map((product, idx) => /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(src_components_sections_ProductShelf_Overrides__WEBPACK_IMPORTED_MODULE_2__/* .__experimentalProductCard.Component */ .zM.Component, _objectSpread(_objectSpread({
-            aspectRatio: aspectRatio,
-            imgProps: {
-              width: 216,
-              height: 216,
-              sizes: '(max-width: 768px) 42vw, 30vw'
-            }
-          }, src_components_sections_ProductShelf_Overrides__WEBPACK_IMPORTED_MODULE_2__/* .__experimentalProductCard.props */ .zM.props), {}, {
-            bordered: bordered,
-            showDiscountBadge: 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); } });
-
-/***/ }),
-
-/***/ 8597:
-/***/ ((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 */   "t": () => (/* binding */ useLazyQuery)
-/* harmony export */ });
-/* harmony import */ var swr__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5941);
-/* harmony import */ var _request__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(180);
-/* harmony import */ var _useQuery__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7732);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([swr__WEBPACK_IMPORTED_MODULE_0__, _useQuery__WEBPACK_IMPORTED_MODULE_1__]);
-([swr__WEBPACK_IMPORTED_MODULE_0__, _useQuery__WEBPACK_IMPORTED_MODULE_1__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
-
-
-
-const useLazyQuery = (operationName, variables, options) => {
-  const response = (0,swr__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_useQuery__WEBPACK_IMPORTED_MODULE_1__/* .getKey */ .km)(operationName, variables), () => null, _useQuery__WEBPACK_IMPORTED_MODULE_1__/* .DEFAULT_OPTIONS */ .WN);
-
-  const execute = async queryVariables => {
-    const data = await (0,_request__WEBPACK_IMPORTED_MODULE_2__/* .request */ .W)(operationName, queryVariables, options);
-    response.mutate(data, false);
-  };
-
-  return [execute, response];
-};
-__webpack_async_result__();
-} catch(e) { __webpack_async_result__(e); } });
-
-/***/ }),
-
-/***/ 5822:
-/***/ ((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 */   "u": () => (/* binding */ useNewsletter)
-/* harmony export */ });
-/* unused harmony export mutation */
-/* harmony import */ var _graphql_useLazyQuery__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8597);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_graphql_useLazyQuery__WEBPACK_IMPORTED_MODULE_0__]);
-_graphql_useLazyQuery__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
-
-const mutation = "SubscribeToNewsletter";
-const useNewsletter = () => {
-  const [subscribeUser, {
-    data,
-    error,
-    isValidating: loading
-  }] = (0,_graphql_useLazyQuery__WEBPACK_IMPORTED_MODULE_0__/* .useLazyQuery */ .t)(mutation, {
-    data: {
-      name: '',
-      email: ''
-    }
-  });
-  return {
-    subscribeUser,
-    data,
-    error,
-    loading
-  };
-};
-__webpack_async_result__();
-} catch(e) { __webpack_async_result__(e); } });
-
-/***/ }),
-
-/***/ 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); } });
-
-/***/ }),
-
-/***/ 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 ?? '';
-}
-
-/***/ }),
-
-/***/ 7283:
-/***/ ((module) => {
-
-// Exports
-module.exports = {
-	"section": "section_section__ivuGF"
-};
-
-
-/***/ }),
-
-/***/ 7781:
-/***/ ((module) => {
-
-// Exports
-module.exports = {
-	"section": "section_section__kRRBW"
-};
-
-
-/***/ }),
-
-/***/ 6627:
-/***/ ((module) => {
-
-// Exports
-module.exports = {
-	"section": "section_section__C1DoH",
-	"loading": "section_loading__k5bCF"
-};
-
-
-/***/ })
-
-};
-;