@faststore/core 2.0.121-alpha.0 → 2.0.122-alpha.0

package/.next/server/chunks/554.js

@@ -0,0 +1,264 @@
+"use strict";
+exports.id = 554;
+exports.ids = [554];
+exports.modules = {
+
+/***/ 2928:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+
+const Skeleton = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function Skeleton({ testId = 'fs-skeleton', loading = true, shimmer = true, children, size, border, borderRadius, ...otherProps }, ref) {
+    const styles = {
+        width: size.width,
+        height: size.height,
+    };
+    return loading ? (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { ref: ref, "data-fs-skeleton": true, "data-testid": testId, "data-fs-skeleton-border": border ? border : null, style: borderRadius ? { ...styles, borderRadius: borderRadius } : styles, ...otherProps }, shimmer && react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { "data-fs-skeleton-shimmer": true }))) : (react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, children));
+});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Skeleton);
+//# sourceMappingURL=Skeleton.js.map
+
+/***/ }),
+
+/***/ 7067:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (/* reexport safe */ _Section__WEBPACK_IMPORTED_MODULE_0__.Z)
+/* harmony export */ });
+/* harmony import */ var _Section__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3271);
+
+
+/***/ }),
+
+/***/ 3288:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Z": () => (/* reexport */ ProductCardSkeleton_ProductCardSkeleton)
+});
+
+// EXTERNAL MODULE: ../components/dist/atoms/Skeleton/Skeleton.js
+var Skeleton = __webpack_require__(2928);
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(997);
+;// CONCATENATED MODULE: ./src/components/skeletons/ProductCardSkeleton/ProductCardSkeleton.tsx
+
+
+
+
+function ProductCardSkeleton({
+  bordered,
+  sectioned,
+  displayButton,
+  aspectRatio = 1,
+  variant = 'default'
+}) {
+  return /*#__PURE__*/(0,jsx_runtime_.jsxs)("div", {
+    "data-fs-product-card-skeleton": true,
+    "data-fs-product-card-skeleton-variant": variant,
+    "data-fs-product-card-skeleton-bordered": bordered,
+    "data-fs-product-card-skeleton-sectioned": sectioned,
+    children: [/*#__PURE__*/jsx_runtime_.jsx("div", {
+      "data-fs-product-card-skeleton-image": true,
+      style: {
+        '--fs-product-card-skeleton-image-aspect-ratio': aspectRatio
+      },
+      children: /*#__PURE__*/jsx_runtime_.jsx(Skeleton/* default */.Z, {
+        size: {
+          width: '100%',
+          height: '100%'
+        }
+      })
+    }), /*#__PURE__*/(0,jsx_runtime_.jsxs)("div", {
+      "data-fs-product-card-skeleton-content": true,
+      children: [/*#__PURE__*/jsx_runtime_.jsx(Skeleton/* default */.Z, {
+        "data-fs-product-card-skeleton-text": true,
+        size: {
+          width: '90%',
+          height: '1.5rem'
+        }
+      }), /*#__PURE__*/jsx_runtime_.jsx(Skeleton/* default */.Z, {
+        "data-fs-product-card-skeleton-text": true,
+        size: {
+          width: '70%',
+          height: '1.5rem'
+        }
+      }), /*#__PURE__*/jsx_runtime_.jsx(Skeleton/* default */.Z, {
+        "data-fs-product-card-skeleton-badge": true,
+        size: {
+          width: '6rem',
+          height: '2rem'
+        },
+        border: "pill"
+      }), displayButton && /*#__PURE__*/jsx_runtime_.jsx(Skeleton/* default */.Z, {
+        "data-fs-product-card-skeleton-button": true,
+        size: {
+          width: '6rem',
+          height: '2rem'
+        },
+        style: {
+          columnGap: '.75rem'
+        }
+      })]
+    })]
+  });
+}
+
+/* harmony default export */ const ProductCardSkeleton_ProductCardSkeleton = (ProductCardSkeleton);
+;// CONCATENATED MODULE: ./src/components/skeletons/ProductCardSkeleton/index.ts
+
+
+/***/ }),
+
+/***/ 8459:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "K": () => (/* binding */ ITEMS_PER_SECTION),
+/* harmony export */   "g": () => (/* binding */ ITEMS_PER_PAGE)
+/* harmony export */ });
+const ITEMS_PER_PAGE = 12;
+const ITEMS_PER_SECTION = 5;
+
+/***/ }),
+
+/***/ 2953:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "p": () => (/* binding */ prefetchQuery)
+/* harmony export */ });
+/* harmony import */ var swr__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5941);
+/* harmony import */ var _request__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(180);
+/* harmony import */ var _useQuery__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7732);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([swr__WEBPACK_IMPORTED_MODULE_0__, _useQuery__WEBPACK_IMPORTED_MODULE_2__]);
+([swr__WEBPACK_IMPORTED_MODULE_0__, _useQuery__WEBPACK_IMPORTED_MODULE_2__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+const _excluded = ["cache"];
+
+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 prefetchQuery = (operationName, variables, _ref) => {
+  let {
+    cache
+  } = _ref,
+      options = _objectWithoutProperties(_ref, _excluded);
+
+  const key = (0,_useQuery__WEBPACK_IMPORTED_MODULE_2__/* .getKey */ .km)(operationName, variables);
+
+  if (cache.get(key)) {
+    return;
+  }
+
+  (0,swr__WEBPACK_IMPORTED_MODULE_0__.mutate)(key, (0,_request__WEBPACK_IMPORTED_MODULE_1__/* .request */ .W)(operationName, variables, options));
+};
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
+
+/***/ }),
+
+/***/ 4867:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "BG": () => (/* binding */ useProductsQueryPrefetch),
+/* harmony export */   "kN": () => (/* binding */ useProductsQuery),
+/* harmony export */   "yb": () => (/* binding */ useLocalizedVariables)
+/* harmony export */ });
+/* unused harmony export query */
+/* 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 swr__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5941);
+/* harmony import */ var src_constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(8459);
+/* harmony import */ var _graphql_prefetchQuery__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(2953);
+/* harmony import */ var _graphql_useQuery__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(7732);
+/* harmony import */ var _session__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(7295);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([swr__WEBPACK_IMPORTED_MODULE_1__, _graphql_prefetchQuery__WEBPACK_IMPORTED_MODULE_2__, _graphql_useQuery__WEBPACK_IMPORTED_MODULE_3__]);
+([swr__WEBPACK_IMPORTED_MODULE_1__, _graphql_prefetchQuery__WEBPACK_IMPORTED_MODULE_2__, _graphql_useQuery__WEBPACK_IMPORTED_MODULE_3__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+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 = "ProductsQuery";
+
+const toArray = x => Array.isArray(x) ? x : x ? [x] : [];
+
+const useLocalizedVariables = ({
+  first,
+  after,
+  sort,
+  term,
+  selectedFacets
+}) => {
+  const {
+    channel,
+    locale
+  } = (0,_session__WEBPACK_IMPORTED_MODULE_4__/* .useSession */ .kP)();
+  return (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => {
+    const facets = toArray(selectedFacets);
+    return {
+      first: first ?? src_constants__WEBPACK_IMPORTED_MODULE_5__/* .ITEMS_PER_SECTION */ .K,
+      after: after ?? '0',
+      sort: sort ?? 'score_desc',
+      term: term ?? '',
+      selectedFacets: [...facets, {
+        key: 'channel',
+        value: channel ?? ''
+      }, {
+        key: 'locale',
+        value: locale
+      }]
+    };
+  }, [selectedFacets, first, after, sort, term, channel, locale]);
+};
+/**
+ * Use this hook for fetching a list of products, like in search results and shelves
+ */
+
+const useProductsQuery = (variables, options) => {
+  const localizedVariables = useLocalizedVariables(variables);
+  const {
+    data
+  } = (0,_graphql_useQuery__WEBPACK_IMPORTED_MODULE_3__/* .useQuery */ .aM)(query, localizedVariables, _objectSpread({
+    fallbackData: null,
+    suspense: true
+  }, options));
+  return data?.search?.products;
+};
+const useProductsQueryPrefetch = (variables, options) => {
+  const localizedVariables = useLocalizedVariables(variables);
+  const {
+    cache
+  } = (0,swr__WEBPACK_IMPORTED_MODULE_1__.useSWRConfig)();
+  return (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => (0,_graphql_prefetchQuery__WEBPACK_IMPORTED_MODULE_2__/* .prefetchQuery */ .p)(query, localizedVariables, _objectSpread({
+    cache
+  }, options)), [localizedVariables, cache, options]);
+};
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
+
+/***/ })
+
+};
+;

package/.next/server/chunks/557.js

@@ -0,0 +1,135 @@
+exports.id = 557;
+exports.ids = [557];
+exports.modules = {
+
+/***/ 9557:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Z": () => (/* reexport */ sections_Hero_Hero)
+});
+
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(6689);
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
+;// CONCATENATED MODULE: ../components/dist/organisms/Hero/Hero.js
+
+const HeroContext = (0,external_react_.createContext)(undefined);
+const Hero = (0,external_react_.forwardRef)(function Hero({ children, testId = 'fs-hero', variant = 'primary', colorVariant = 'main', ...otherProps }, ref) {
+    const context = { variant, colorVariant };
+    return (external_react_default().createElement(HeroContext.Provider, { value: context },
+        external_react_default().createElement("article", { ref: ref, "data-fs-hero": true, "data-fs-hero-variant": variant, "data-fs-hero-color-variant": colorVariant, "data-testid": testId, ...otherProps }, children)));
+});
+function useHero() {
+    const context = (0,external_react_.useContext)(HeroContext);
+    if (context === undefined) {
+        throw new Error('Do not use Hero components outside the Hero context.');
+    }
+    return context;
+}
+/* harmony default export */ const Hero_Hero = (Hero);
+//# sourceMappingURL=Hero.js.map
+;// CONCATENATED MODULE: ../components/dist/organisms/Hero/HeroImage.js
+
+const HeroImage = (0,external_react_.forwardRef)(function HeroImage({ children, testId = 'fs-hero-image', ...otherProps }, ref) {
+    return (external_react_default().createElement("div", { ref: ref, "data-fs-hero-image": true, "data-testid": testId, ...otherProps }, children));
+});
+/* harmony default export */ const Hero_HeroImage = (HeroImage);
+//# sourceMappingURL=HeroImage.js.map
+// EXTERNAL MODULE: ../components/dist/molecules/LinkButton/LinkButton.js
+var LinkButton = __webpack_require__(7703);
+// EXTERNAL MODULE: ../components/dist/atoms/Icon/Icon.js
+var Icon = __webpack_require__(5045);
+;// CONCATENATED MODULE: ../components/dist/organisms/Hero/HeroHeader.js
+
+
+
+const HeroHeader = (0,external_react_.forwardRef)(function HeroHeader({ icon, link, title, linkText, subtitle, children, testId = 'fs-hero-heading', ...otherProps }, ref) {
+    const { variant, colorVariant } = useHero();
+    const iconProps = { "data-fs-hero-icon": true };
+    const heroIcon = external_react_default().isValidElement(icon) ? (external_react_default().cloneElement(icon, iconProps)) : (icon);
+    return (external_react_default().createElement("header", { ref: ref, "data-fs-hero-heading": true, "data-testid": testId, ...otherProps },
+        external_react_default().createElement("div", { "data-fs-hero-wrapper": true, className: "layout__content" },
+            external_react_default().createElement("div", { "data-fs-hero-info": true },
+                external_react_default().createElement("h1", { "data-fs-hero-title": true }, title),
+                external_react_default().createElement("p", { "data-fs-hero-subtitle": true }, subtitle),
+                !!link && (external_react_default().createElement(LinkButton/* default */.Z, { href: link, inverse: colorVariant === 'main', icon: external_react_default().createElement(Icon/* default */.Z, { name: "ArrowRight" }), iconPosition: "right" }, linkText))),
+            heroIcon && variant === 'secondary' && (heroIcon))));
+});
+/* harmony default export */ const Hero_HeroHeader = (HeroHeader);
+//# sourceMappingURL=HeroHeader.js.map
+// EXTERNAL MODULE: ./src/components/ui/Image/index.ts + 3 modules
+var Image = __webpack_require__(2154);
+// EXTERNAL MODULE: ./src/components/sections/Section/index.ts
+var Section = __webpack_require__(7067);
+// EXTERNAL MODULE: ./src/components/sections/Hero/section.module.scss
+var section_module = __webpack_require__(6717);
+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/Hero/Hero.tsx
+
+
+
+
+
+
+
+const Hero_Hero_Hero = ({
+  link,
+  title,
+  subtitle,
+  image,
+  variant = 'primary',
+  colorVariant = 'main',
+  icon
+}) => {
+  return /*#__PURE__*/jsx_runtime_.jsx(Section/* default */.Z, {
+    className: `${(section_module_default()).section} section-hero`,
+    children: /*#__PURE__*/(0,jsx_runtime_.jsxs)(Hero_Hero, {
+      colorVariant: colorVariant,
+      variant: variant,
+      children: [/*#__PURE__*/jsx_runtime_.jsx(Hero_HeroImage, {
+        "data-fs-hero-image": true,
+        children: /*#__PURE__*/jsx_runtime_.jsx(Image/* Image */.E, {
+          loading: "eager",
+          priority: true,
+          src: image.src,
+          alt: image.alt,
+          width: 360,
+          height: 240,
+          sizes: "(max-width: 768px) 70vw, 50vw"
+        })
+      }), /*#__PURE__*/jsx_runtime_.jsx(Hero_HeroHeader, {
+        title: title,
+        subtitle: subtitle,
+        link: link?.url,
+        linkText: link?.text,
+        icon: icon
+      })]
+    })
+  });
+};
+
+/* harmony default export */ const sections_Hero_Hero = (Hero_Hero_Hero);
+;// CONCATENATED MODULE: ./src/components/sections/Hero/index.ts
+
+
+/***/ }),
+
+/***/ 6717:
+/***/ ((module) => {
+
+// Exports
+module.exports = {
+	"section": "section_section__WY2pp"
+};
+
+
+/***/ })
+
+};
+;

package/.next/server/chunks/576.js

@@ -0,0 +1,80 @@
+exports.id = 576;
+exports.ids = [576];
+exports.modules = {
+
+/***/ 5576:
+/***/ ((module) => {
+
+module.exports = {
+  seo: {
+    title: 'NextJSStore',
+    description: 'Fast Demo Store',
+    titleTemplate: '%s | FastStore',
+    author: 'Store Framework'
+  },
+  // Theming
+  theme: 'custom-theme',
+  // Ecommerce Platform
+  platform: 'vtex',
+  // Platform specific configs for API
+  api: {
+    storeId: 'storeframework',
+    workspace: 'master',
+    environment: 'vtexcommercestable',
+    hideUnavailableItems: true
+  },
+  // Default session
+  session: {
+    currency: {
+      code: 'USD',
+      symbol: '$'
+    },
+    locale: 'en-US',
+    channel: '{"salesChannel":"1","regionId":""}',
+    country: 'USA',
+    postalCode: null,
+    geoCoordinates: null,
+    person: null
+  },
+  // Default cart
+  cart: {
+    id: '',
+    items: [],
+    messages: [],
+    shouldSplitItem: true
+  },
+  // Production URLs
+  storeUrl: 'https://vtexfaststore.com',
+  secureSubdomain: 'https://secure.vtexfaststore.com',
+  checkoutUrl: 'https://secure.vtexfaststore.com/checkout',
+  loginUrl: 'https://secure.vtexfaststore.com/api/io/login',
+  accountUrl: 'https://secure.vtexfaststore.com/api/io/account',
+  // Lighthouse CI
+  lighthouse: {
+    server: process.env.BASE_SITE_URL || 'http://localhost:3000',
+    pages: {
+      home: '/',
+      pdp: '/apple-magic-mouse/p',
+      collection: '/office'
+    }
+  },
+  // E2E CI
+  cypress: {
+    pages: {
+      home: '/',
+      pdp: '/apple-magic-mouse/p',
+      collection: '/office',
+      collection_filtered: '/office/?category-1=office&marca=acer&facets=category-1%2Cmarca',
+      search: '/s?q=orange'
+    }
+  },
+  analytics: {
+    // https://developers.google.com/tag-platform/tag-manager/web#standard_web_page_installation,
+    gtmContainerId: 'GTM-PGHZ95N'
+  }
+};
+
+/***/ })
+
+};
+;

package/.next/server/chunks/597.js

@@ -0,0 +1,169 @@
+exports.id = 597;
+exports.ids = [597];
+exports.modules = {
+
+/***/ 1597:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (/* reexport */ region_RegionModal_RegionModal)
+});
+
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(6689);
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
+// EXTERNAL MODULE: ../components/dist/molecules/Modal/Modal.js + 3 modules
+var Modal = __webpack_require__(9600);
+// EXTERNAL MODULE: ../components/dist/atoms/Icon/Icon.js
+var Icon = __webpack_require__(5045);
+// EXTERNAL MODULE: ../components/dist/molecules/IconButton/IconButton.js
+var IconButton = __webpack_require__(2765);
+;// CONCATENATED MODULE: ../components/dist/molecules/Modal/ModalHeader.js
+
+
+
+const ModalHeader = ({ onClose, title, closeBtnProps = {}, description, }) => {
+    return (external_react_default().createElement("header", { "data-fs-modal-header": true },
+        onClose && (external_react_default().createElement(IconButton/* default */.Z, { "data-fs-modal-header-close-button": true, "aria-label": "Close modal", icon: external_react_default().createElement(Icon/* default */.Z, { name: "X" }), onClick: () => onClose?.(), ...closeBtnProps })),
+        external_react_default().createElement("p", { "data-fs-modal-header-title": true }, title),
+        description && external_react_default().createElement("p", { "data-fs-modal-header-description": true }, description)));
+};
+/* harmony default export */ const Modal_ModalHeader = (ModalHeader);
+//# sourceMappingURL=ModalHeader.js.map
+;// CONCATENATED MODULE: ../components/dist/molecules/Modal/ModalBody.js
+
+const ModalBody = ({ children, ...otherProps }) => (external_react_default().createElement("div", { "data-fs-modal-body": true, ...otherProps }, children));
+/* harmony default export */ const Modal_ModalBody = (ModalBody);
+//# sourceMappingURL=ModalBody.js.map
+// EXTERNAL MODULE: ../components/dist/molecules/InputField/InputField.js
+var InputField = __webpack_require__(8287);
+// EXTERNAL MODULE: ../components/dist/atoms/Link/Link.js
+var Link = __webpack_require__(7865);
+;// CONCATENATED MODULE: ../components/dist/organisms/RegionModal/RegionModal.js
+
+
+function RegionModal({ testId = 'fs-region-modal', title = 'Set your location', description = 'Prices, offers and availability may vary according to your location.', idkPostalCodeLinkProps, errorMessage, inputRef, inputValue, fadeOutOnSubmit, overlayProps, onClose, onInput, onSubmit, onClear, ...otherProps }) {
+    return (external_react_default().createElement(Modal/* default */.Z, { "data-fs-region-modal": true, testId: testId, overlayProps: overlayProps, ...otherProps }, ({ fadeOut }) => (external_react_default().createElement((external_react_default()).Fragment, null,
+        external_react_default().createElement(Modal_ModalHeader, { onClose: () => {
+                fadeOut();
+                onClose?.();
+            }, title: title, description: description, closeBtnProps: {
+                'aria-label': 'Close Region Modal',
+            } }),
+        external_react_default().createElement(Modal_ModalBody, null,
+            external_react_default().createElement(InputField/* default */.Z, { "data-fs-region-modal-input": true, id: `${testId}-input-field`, inputRef: inputRef, label: "Postal Code", actionable: true, value: inputValue, onInput: (event) => onInput?.(event), onSubmit: () => {
+                    onSubmit?.();
+                    fadeOutOnSubmit ? fadeOut() : null;
+                }, onClear: () => onClear?.(), error: errorMessage }),
+            external_react_default().createElement(Link/* default */.Z, { "data-fs-region-modal-link": true, ...idkPostalCodeLinkProps }, idkPostalCodeLinkProps?.children ?? (external_react_default().createElement((external_react_default()).Fragment, null,
+                "I don't know my Postal Code",
+                external_react_default().createElement(Icon/* default */.Z, { name: "ArrowSquareOut", width: 20, height: 20 })))))))));
+}
+/* harmony default export */ const RegionModal_RegionModal = (RegionModal);
+//# sourceMappingURL=RegionModal.js.map
+// EXTERNAL MODULE: ./src/sdk/session/index.ts + 1 modules
+var sdk_session = __webpack_require__(7295);
+// EXTERNAL MODULE: ./src/components/region/RegionModal/section.module.scss
+var section_module = __webpack_require__(5063);
+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/region/RegionModal/RegionModal.tsx
+const _excluded = ["isValidating"];
+
+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 RegionModal_RegionModal_RegionModal() {
+  const inputRef = (0,external_react_.useRef)(null);
+
+  const _useSession = (0,sdk_session/* useSession */.kP)(),
+        {
+    isValidating
+  } = _useSession,
+        session = _objectWithoutProperties(_useSession, _excluded);
+
+  const {
+    0: errorMessage,
+    1: setErrorMessage
+  } = (0,external_react_.useState)('');
+  const {
+    0: input,
+    1: setInput
+  } = (0,external_react_.useState)('');
+
+  const handleSubmit = async () => {
+    const postalCode = inputRef.current?.value;
+
+    if (typeof postalCode !== 'string') {
+      return;
+    }
+
+    setErrorMessage('');
+
+    try {
+      const newSession = _objectSpread(_objectSpread({}, session), {}, {
+        postalCode
+      });
+
+      const validatedSession = await (0,sdk_session/* validateSession */.je)(newSession);
+      sdk_session/* sessionStore.set */.Qf.set(validatedSession ?? newSession);
+    } catch (error) {
+      setErrorMessage('You entered an invalid Postal Code');
+    }
+  };
+
+  return /*#__PURE__*/jsx_runtime_.jsx(RegionModal_RegionModal, {
+    overlayProps: {
+      className: `section ${(section_module_default()).section} section-region-modal`
+    },
+    inputRef: inputRef,
+    inputValue: input,
+    errorMessage: errorMessage,
+    onInput: e => {
+      errorMessage !== '' && setErrorMessage('');
+      setInput(e.currentTarget.value);
+    },
+    onSubmit: handleSubmit,
+    fadeOutOnSubmit: true,
+    onClear: () => setInput('')
+  });
+}
+
+/* harmony default export */ const region_RegionModal_RegionModal = (RegionModal_RegionModal_RegionModal);
+;// CONCATENATED MODULE: ./src/components/region/RegionModal/index.ts
+
+
+/***/ }),
+
+/***/ 5063:
+/***/ ((module) => {
+
+// Exports
+module.exports = {
+	"section": "section_section__dmhNq"
+};
+
+
+/***/ })
+
+};
+;