@faststore/core 3.0.17 → 3.0.21

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

@@ -0,0 +1,1305 @@
+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"
+};
+
+
+/***/ })
+
+};
+;