@faststore/core 2.1.18 → 2.1.22

package/.next/server/chunks/{205.js → 144.js}

@@ -1,5 +1,5 @@
-exports.id = 205;
-exports.ids = [205];
+exports.id = 144;
+exports.ids = [144];
 exports.modules = {
 
 /***/ 94285:
@@ -20,6 +20,318 @@ const ProductShelf = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function
 
 /***/ }),
 
+/***/ 80023:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Z": () => (/* reexport */ sections_BannerText_BannerText)
+});
+
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(16689);
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
+;// CONCATENATED MODULE: ../components/dist/organisms/Banner/Banner.js
+
+const BannerContext = (0,external_react_.createContext)(undefined);
+const Banner = (0,external_react_.forwardRef)(function Banner({ children, testId = 'fs-banner', variant = 'primary', colorVariant = 'main', ...otherProps }, ref) {
+    const context = { variant, colorVariant };
+    return (external_react_default().createElement(BannerContext.Provider, { value: context },
+        external_react_default().createElement("article", { ref: ref, "data-fs-banner": true, "data-fs-banner-variant": variant, "data-fs-banner-color-variant": colorVariant, "data-testid": testId, ...otherProps }, children)));
+});
+function useBanner() {
+    const context = (0,external_react_.useContext)(BannerContext);
+    if (context === undefined) {
+        throw new Error('Do not use Banner components outside the Banner context.');
+    }
+    return context;
+}
+/* harmony default export */ const Banner_Banner = (Banner);
+//# sourceMappingURL=Banner.js.map
+// EXTERNAL MODULE: ../components/dist/molecules/LinkButton/LinkButton.js
+var LinkButton = __webpack_require__(67703);
+;// CONCATENATED MODULE: ../components/dist/organisms/Banner/BannerContent.js
+
+
+
+const BannerContent = (0,external_react_.forwardRef)(function BannerContent({ testId = 'fs-banner-content', title, caption, link, linkText, ...otherProps }, ref) {
+    const { variant, colorVariant } = useBanner();
+    return (external_react_default().createElement("header", { ref: ref, "data-fs-banner-content": true, "data-fs-content": "banner-text", "data-testid": testId, ...otherProps },
+        external_react_default().createElement("div", { "data-fs-banner-heading": true, "data-fs-banner-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-link": true, href: link, variant: variant, inverse: colorVariant === 'main', "aria-label": linkText }, linkText)));
+});
+/* harmony default export */ const Banner_BannerContent = (BannerContent);
+//# sourceMappingURL=BannerContent.js.map
+;// CONCATENATED MODULE: ./src/customizations/components/overrides/BannerText.tsx
+// This is an example of how it can be used on the starter.
+const SECTION = 'BannerText';
+const overrides = {
+  name: SECTION,
+  components: {
+    Banner: {
+      props: {}
+    },
+    BannerContent: {
+      props: {}
+    }
+  }
+};
+/* harmony default export */ const BannerText = (overrides);
+;// CONCATENATED MODULE: ./src/components/sections/BannerText/Overrides.tsx
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+
+
+const bannerTextComponentsCustomization = {};
+const bannerTextPropsCustomization = {};
+Object.entries(BannerText.components).forEach(([key, value]) => {
+  if (value.Component) {
+    bannerTextComponentsCustomization[key] = value.Component;
+  }
+});
+Object.entries(BannerText.components).forEach(([key, value]) => {
+  if (value.props) {
+    bannerTextPropsCustomization[key] = value.props;
+  }
+});
+
+const Components = _objectSpread({
+  Banner: Banner_Banner,
+  BannerContent: Banner_BannerContent
+}, bannerTextComponentsCustomization);
+
+
+// EXTERNAL MODULE: ./src/components/sections/Section/index.ts
+var Section = __webpack_require__(57067);
+// EXTERNAL MODULE: ./src/components/sections/BannerText/section.module.scss
+var section_module = __webpack_require__(37283);
+var section_module_default = /*#__PURE__*/__webpack_require__.n(section_module);
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(20997);
+;// CONCATENATED MODULE: ./src/components/sections/BannerText/BannerText.tsx
+function BannerText_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 BannerText_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? BannerText_ownKeys(Object(source), !0).forEach(function (key) { BannerText_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : BannerText_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function BannerText_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 {
+  Banner: BannerText_Banner,
+  BannerContent: BannerText_BannerContent
+} = Components; // TODO: Change actionPath and actionLabel with Link
+
+function BannerText_BannerText({
+  title,
+  caption,
+  link: {
+    url: linkUrl = bannerTextPropsCustomization.BannerContent.link,
+    text: linkText = bannerTextPropsCustomization.BannerContent.linkText
+  },
+  variant = bannerTextPropsCustomization.Banner.variant ?? 'primary',
+  colorVariant = bannerTextPropsCustomization.Banner.colorVariant ?? 'main'
+}) {
+  return /*#__PURE__*/jsx_runtime_.jsx(Section/* default */.Z, {
+    className: `${(section_module_default()).section} section-banner layout__section`,
+    children: /*#__PURE__*/jsx_runtime_.jsx(BannerText_Banner, BannerText_objectSpread(BannerText_objectSpread({}, bannerTextPropsCustomization.Banner), {}, {
+      variant: variant,
+      colorVariant: colorVariant,
+      children: /*#__PURE__*/jsx_runtime_.jsx(BannerText_BannerContent, BannerText_objectSpread(BannerText_objectSpread({}, bannerTextPropsCustomization.BannerContent), {}, {
+        title: title,
+        caption: caption,
+        link: linkUrl,
+        linkText: linkText
+      }))
+    }))
+  });
+}
+
+/* harmony default export */ const sections_BannerText_BannerText = (BannerText_BannerText);
+;// CONCATENATED MODULE: ./src/components/sections/BannerText/index.ts
+
+
+/***/ }),
+
+/***/ 68170:
+/***/ ((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_0__ = __webpack_require__(24798);
+/* harmony import */ var _Section__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(57067);
+/* harmony import */ var _section_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(37781);
+/* harmony import */ var _section_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_section_module_scss__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(20997);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([src_components_ui_Newsletter__WEBPACK_IMPORTED_MODULE_0__]);
+src_components_ui_Newsletter__WEBPACK_IMPORTED_MODULE_0__ = (__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_2__.jsx(_Section__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, {
+    className: `${(_section_module_scss__WEBPACK_IMPORTED_MODULE_3___default().section)} section-newsletter`,
+    children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx(src_components_ui_Newsletter__WEBPACK_IMPORTED_MODULE_0__/* ["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); } });
+
+/***/ }),
+
+/***/ 97678:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "z": () => (/* binding */ Components),
+  "x": () => (/* binding */ newsletterPropsCustomization)
+});
+
+// EXTERNAL MODULE: ../components/dist/atoms/Icon/Icon.js
+var Icon = __webpack_require__(25045);
+// EXTERNAL MODULE: ../components/dist/molecules/InputField/InputField.js
+var InputField = __webpack_require__(28287);
+// EXTERNAL MODULE: ../components/dist/atoms/Button/Button.js
+var Button = __webpack_require__(57578);
+;// CONCATENATED MODULE: ./src/customizations/components/overrides/Newsletter.tsx
+// This is an example of how it can be used on the starter.
+const SECTION = 'Newsletter';
+const overrides = {
+  name: SECTION,
+  components: {
+    ToastIconSuccess: {
+      props: {}
+    },
+    ToastIconError: {
+      props: {}
+    },
+    HeaderIcon: {
+      props: {}
+    },
+    InputFieldName: {
+      props: {}
+    },
+    InputFieldEmail: {
+      props: {}
+    },
+    Button: {
+      props: {}
+    }
+  }
+};
+/* harmony default export */ const Newsletter = (overrides);
+;// CONCATENATED MODULE: ./src/components/sections/Newsletter/Overrides.tsx
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+
+
+const newsletterComponentsCustomization = {};
+const newsletterPropsCustomization = {};
+Object.entries(Newsletter.components).forEach(([key, value]) => {
+  if (value.Component) {
+    newsletterComponentsCustomization[key] = value.Component;
+  }
+});
+Object.entries(Newsletter.components).forEach(([key, value]) => {
+  if (value.props) {
+    newsletterPropsCustomization[key] = value.props;
+  }
+});
+
+const Components = _objectSpread({
+  ToastIconSuccess: Icon/* default */.Z,
+  ToastIconError: Icon/* default */.Z,
+  HeaderIcon: Icon/* default */.Z,
+  InputFieldName: InputField/* default */.Z,
+  InputFieldEmail: InputField/* default */.Z,
+  Button: Button/* default */.Z
+}, newsletterComponentsCustomization);
+
+
+
+/***/ }),
+
+/***/ 87191:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (/* reexport safe */ _Newsletter__WEBPACK_IMPORTED_MODULE_0__.Z)
+/* harmony export */ });
+/* harmony import */ var _Newsletter__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(68170);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Newsletter__WEBPACK_IMPORTED_MODULE_0__]);
+_Newsletter__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
+
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
+
+/***/ }),
+
 /***/ 86237:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -544,6 +856,221 @@ function ProductShelfSkeleton({
 ;// CONCATENATED MODULE: ./src/components/skeletons/ProductShelfSkeleton/index.ts
 
 
+/***/ }),
+
+/***/ 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__(16689);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var draft_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(26911);
+/* harmony import */ var draft_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(draft_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var draft_js_export_html__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(4539);
+/* harmony import */ var draft_js_export_html__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(draft_js_export_html__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(90395);
+/* harmony import */ var src_sdk_newsletter_useNewsletter__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(35822);
+/* harmony import */ var src_components_sections_Newsletter_Overrides__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(97678);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(20997);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([src_sdk_newsletter_useNewsletter__WEBPACK_IMPORTED_MODULE_3__]);
+src_sdk_newsletter_useNewsletter__WEBPACK_IMPORTED_MODULE_3__ = (__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 {
+  ToastIconSuccess,
+  ToastIconError,
+  HeaderIcon,
+  InputFieldEmail,
+  InputFieldName,
+  Button
+} = src_components_sections_Newsletter_Overrides__WEBPACK_IMPORTED_MODULE_4__/* .Components */ .z;
+
+const cmsToHtml = content => {
+  if (!content) {
+    return '';
+  }
+
+  const rawDraftContentState = JSON.parse(content);
+  const html = (0,draft_js_export_html__WEBPACK_IMPORTED_MODULE_2__.stateToHTML)((0,draft_js__WEBPACK_IMPORTED_MODULE_1__.convertFromRaw)(rawDraftContentState), {
+    entityStyleFn: entity => {
+      const entityType = entity.get('type').toLowerCase();
+
+      if (entityType === 'link') {
+        const data = entity.getData();
+        return {
+          element: 'a',
+          attributes: {
+            'data-fs-link': 'true',
+            'data-fs-link-variant': 'inline',
+            'data-fs-link-inverse': 'true',
+            'data-fs-link-size': 'regular',
+            'data-testid': 'fs-link',
+            href: data.url
+          }
+        };
+      }
+    }
+  });
+  return html;
+};
+
+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_3__/* .useNewsletter */ .u)();
+  const nameInputRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
+  const emailInputRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
+  const subscriptionButtonLabel = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => loading ? subscribeButtonLoadingLabel : subscribeButtonLabel, [loading, subscribeButtonLabel, subscribeButtonLoadingLabel]);
+  const {
+    pushToast
+  } = (0,_faststore_ui__WEBPACK_IMPORTED_MODULE_6__/* .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_5__.jsx(ToastIconSuccess, _objectSpread(_objectSpread({
+          width: 30,
+          height: 30
+        }, src_components_sections_Newsletter_Overrides__WEBPACK_IMPORTED_MODULE_4__/* .Props.ToastIconSuccess */ .x.ToastIconSuccess), {}, {
+          name: toastSubscribe.icon ?? src_components_sections_Newsletter_Overrides__WEBPACK_IMPORTED_MODULE_4__/* .Props.ToastIconSuccess.name */ .x.ToastIconSuccess.name
+        }))
+      }));
+    } else {
+      pushToast(_objectSpread(_objectSpread({}, toastSubscribeError), {}, {
+        status: 'ERROR',
+        icon: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx(ToastIconError, _objectSpread(_objectSpread({
+          width: 30,
+          height: 30
+        }, src_components_sections_Newsletter_Overrides__WEBPACK_IMPORTED_MODULE_4__/* .Props.ToastIconError */ .x.ToastIconError), {}, {
+          name: toastSubscribe.icon ?? src_components_sections_Newsletter_Overrides__WEBPACK_IMPORTED_MODULE_4__/* .Props.ToastIconError.name */ .x.ToastIconError.name
+        }))
+      }));
+    }
+
+    const formElement = event.currentTarget;
+    formElement.reset();
+  };
+
+  return /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx("div", {
+    "data-fs-newsletter": card ? 'card' : '',
+    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("form", {
+      ref: ref,
+      "data-fs-newsletter-form": true,
+      "data-fs-content": "newsletter",
+      onSubmit: handleSubmit,
+      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("header", {
+        "data-fs-newsletter-header": true,
+        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("h3", {
+          children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx(HeaderIcon, _objectSpread(_objectSpread({
+            width: 32,
+            height: 32
+          }, src_components_sections_Newsletter_Overrides__WEBPACK_IMPORTED_MODULE_4__/* .Props.HeaderIcon */ .x.HeaderIcon), {}, {
+            name: icon?.icon ?? src_components_sections_Newsletter_Overrides__WEBPACK_IMPORTED_MODULE_4__/* .Props.HeaderIcon.name */ .x.HeaderIcon.name
+          })), title]
+        }), description && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("span", {
+          children: [" ", description]
+        })]
+      }), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx("div", {
+        "data-fs-newsletter-controls": true,
+        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.Fragment, {
+          children: [displayNameInput ? /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx(InputFieldName, _objectSpread(_objectSpread({
+            id: "newsletter-name",
+            required: true
+          }, src_components_sections_Newsletter_Overrides__WEBPACK_IMPORTED_MODULE_4__/* .Props.InputFieldName */ .x.InputFieldName), {}, {
+            label: nameInputLabel ?? src_components_sections_Newsletter_Overrides__WEBPACK_IMPORTED_MODULE_4__/* .Props.InputFieldName.label */ .x.InputFieldName.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_5__.jsx(InputFieldEmail, _objectSpread(_objectSpread({
+            id: "newsletter-email",
+            type: "email",
+            required: true
+          }, src_components_sections_Newsletter_Overrides__WEBPACK_IMPORTED_MODULE_4__/* .Props.InputFieldEmail */ .x.InputFieldEmail), {}, {
+            label: emailInputLabel ?? src_components_sections_Newsletter_Overrides__WEBPACK_IMPORTED_MODULE_4__/* .Props.InputFieldEmail.label */ .x.InputFieldEmail.label // Dynamic props shouldn't be overridable
+            // This decision can be reviewed later if needed
+            ,
+            inputRef: emailInputRef
+          })), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx("span", {
+            "data-fs-newsletter-addendum": true,
+            dangerouslySetInnerHTML: {
+              __html: cmsToHtml(privacyPolicy)
+            }
+          }), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx(Button, _objectSpread(_objectSpread({
+            variant: "secondary",
+            inverse: true,
+            type: "submit"
+          }, src_components_sections_Newsletter_Overrides__WEBPACK_IMPORTED_MODULE_4__/* .Props.Button */ .x.Button), {}, {
+            children: loading ? subscribeButtonLoadingLabel : subscribeButtonLabel
+          }))]
+        })
+      })]
+    })
+  });
+});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Newsletter);
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
+
+/***/ }),
+
+/***/ 24798:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (/* reexport safe */ _Newsletter__WEBPACK_IMPORTED_MODULE_0__.Z)
+/* harmony export */ });
+/* harmony import */ var _Newsletter__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(870);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Newsletter__WEBPACK_IMPORTED_MODULE_0__]);
+_Newsletter__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
+
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
+
 /***/ }),
 
 /***/ 77691:
@@ -685,6 +1212,74 @@ __webpack_async_result__();
 
 /***/ }),
 
+/***/ 88597:
+/***/ ((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__(15941);
+/* harmony import */ var _request__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(180);
+/* harmony import */ var _useQuery__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(77732);
+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); } });
+
+/***/ }),
+
+/***/ 35822:
+/***/ ((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__(88597);
+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); } });
+
+/***/ }),
+
 /***/ 43952:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -703,6 +1298,28 @@ function textToKebabCase(text) {
   return kebabCase ?? '';
 }
 
+/***/ }),
+
+/***/ 37283:
+/***/ ((module) => {
+
+// Exports
+module.exports = {
+	"section": "section_section__ivuGF"
+};
+
+
+/***/ }),
+
+/***/ 37781:
+/***/ ((module) => {
+
+// Exports
+module.exports = {
+	"section": "section_section__kRRBW"
+};
+
+
 /***/ }),
 
 /***/ 56627: