@faststore/core 2.1.18 → 2.1.19

package/.next/server/chunks/721.js

@@ -0,0 +1,679 @@
+exports.id = 721;
+exports.ids = [721];
+exports.modules = {
+
+/***/ 47537:
+/***/ ((__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__(16689);
+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__(67703);
+// EXTERNAL MODULE: ../components/dist/atoms/Icon/Icon.js
+var Icon = __webpack_require__(25045);
+;// 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();
+    return (external_react_default().createElement("header", { ref: ref, "data-fs-hero-heading": true, "data-testid": testId, ...otherProps },
+        external_react_default().createElement("div", { "data-fs-hero-wrapper": true, "data-fs-content": "hero" },
+            external_react_default().createElement("div", { "data-fs-hero-info": true },
+                external_react_default().createElement("h1", { "data-fs-hero-title": true }, title),
+                external_react_default().createElement("p", { "data-fs-hero-subtitle": true }, subtitle),
+                !!link && (external_react_default().createElement(LinkButton/* default */.Z, { href: link, inverse: colorVariant === 'main', icon: external_react_default().createElement(Icon/* default */.Z, { name: "ArrowRight" }), iconPosition: "right" }, linkText))),
+            !!icon && variant === 'secondary' && (external_react_default().createElement("span", { "data-fs-hero-icon": true }, icon)))));
+});
+/* harmony default export */ const Hero_HeroHeader = (HeroHeader);
+//# sourceMappingURL=HeroHeader.js.map
+;// CONCATENATED MODULE: ./src/customizations/components/overrides/Hero.tsx
+// This is an example of how it can be used on the starter.
+const SECTION = 'Hero';
+const overrides = {
+  name: SECTION,
+  components: {
+    Hero: {
+      props: {}
+    },
+    HeroImage: {
+      props: {}
+    },
+    HeroHeader: {
+      props: {}
+    }
+  }
+};
+/* harmony default export */ const overrides_Hero = (overrides);
+;// CONCATENATED MODULE: ./src/components/sections/Hero/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 heroComponentsCustomization = {};
+const heroPropsCustomization = {};
+Object.entries(overrides_Hero.components).forEach(([key, value]) => {
+  if (value.Component) {
+    heroComponentsCustomization[key] = value.Component;
+  }
+});
+Object.entries(overrides_Hero.components).forEach(([key, value]) => {
+  if (value.props) {
+    heroPropsCustomization[key] = value.props;
+  }
+});
+
+const Components = _objectSpread({
+  Hero: Hero_Hero,
+  HeroImage: Hero_HeroImage,
+  HeroHeader: Hero_HeroHeader
+}, heroComponentsCustomization);
+
+
+// EXTERNAL MODULE: ./src/components/ui/Image/index.ts + 2 modules
+var Image = __webpack_require__(79266);
+// EXTERNAL MODULE: ./src/components/sections/Section/index.ts
+var Section = __webpack_require__(57067);
+// 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__(20997);
+;// CONCATENATED MODULE: ./src/components/sections/Hero/Hero.tsx
+function Hero_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function Hero_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? Hero_ownKeys(Object(source), !0).forEach(function (key) { Hero_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : Hero_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function Hero_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+
+
+
+
+
+
+const {
+  Hero: HeroWrapper,
+  HeroImage: Hero_Hero_HeroImage,
+  HeroHeader: Hero_Hero_HeroHeader
+} = Components;
+
+const Hero_Hero_Hero = ({
+  link,
+  title,
+  subtitle,
+  image,
+  variant = heroPropsCustomization.Hero.variant ?? 'primary',
+  colorVariant = heroPropsCustomization.Hero.colorVariant ?? 'main',
+  icon
+}) => {
+  return /*#__PURE__*/jsx_runtime_.jsx(Section/* default */.Z, {
+    className: `${(section_module_default()).section} section-hero`,
+    children: /*#__PURE__*/(0,jsx_runtime_.jsxs)(HeroWrapper, Hero_objectSpread(Hero_objectSpread({}, heroPropsCustomization.Hero), {}, {
+      variant: variant,
+      colorVariant: colorVariant,
+      children: [/*#__PURE__*/jsx_runtime_.jsx(Hero_Hero_HeroImage, Hero_objectSpread(Hero_objectSpread({}, heroPropsCustomization.HeroImage), {}, {
+        children: /*#__PURE__*/jsx_runtime_.jsx(Image/* Image */.E, {
+          loading: "eager",
+          src: image.src,
+          alt: image.alt,
+          width: 360,
+          height: 240,
+          sizes: "(max-width: 360px) 50vw, (max-width: 768px) 90vw, 50vw"
+        })
+      })), /*#__PURE__*/jsx_runtime_.jsx(Hero_Hero_HeroHeader, Hero_objectSpread({
+        title: title,
+        subtitle: subtitle,
+        link: link?.url,
+        linkText: link?.text,
+        icon: icon
+      }, heroPropsCustomization.HeroHeader))]
+    }))
+  });
+};
+
+/* harmony default export */ const sections_Hero_Hero = (Hero_Hero_Hero);
+;// CONCATENATED MODULE: ./src/components/sections/Hero/index.ts
+
+
+/***/ }),
+
+/***/ 78591:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Z": () => (/* reexport */ sections_Incentives_Incentives)
+});
+
+// EXTERNAL MODULE: ./src/components/ui/Incentives/Incentives.tsx + 1 modules
+var Incentives = __webpack_require__(73477);
+// EXTERNAL MODULE: ./src/components/sections/Section/index.ts
+var Section = __webpack_require__(57067);
+// EXTERNAL MODULE: ./src/components/sections/Incentives/section.module.scss
+var section_module = __webpack_require__(57952);
+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/Incentives/Incentives.tsx
+
+
+
+
+
+function Incentives_Incentives({
+  incentives
+}) {
+  return /*#__PURE__*/jsx_runtime_.jsx(Section/* default */.Z, {
+    className: `${(section_module_default()).section} section-incentives layout__section`,
+    children: /*#__PURE__*/jsx_runtime_.jsx(Incentives/* default */.Z, {
+      incentives: incentives,
+      colored: true
+    })
+  });
+}
+
+/* harmony default export */ const sections_Incentives_Incentives = (Incentives_Incentives);
+;// CONCATENATED MODULE: ./src/components/sections/Incentives/index.ts
+
+
+/***/ }),
+
+/***/ 58569:
+/***/ ((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_intersection_observer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(19785);
+/* harmony import */ var react_intersection_observer__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_intersection_observer__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _Section__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(57067);
+/* harmony import */ var _section_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(56627);
+/* harmony import */ var _section_module_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_section_module_scss__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var src_components_ui_ProductShelf__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(34805);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(20997);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([src_components_ui_ProductShelf__WEBPACK_IMPORTED_MODULE_2__]);
+src_components_ui_ProductShelf__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; }
+
+
+
+
+
+
+
+function ProductShelfSection(_ref) {
+  let otherProps = Object.assign({}, _ref);
+  const {
+    ref,
+    inView
+  } = (0,react_intersection_observer__WEBPACK_IMPORTED_MODULE_0__.useInView)();
+  return /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx(_Section__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, {
+    className: `${(_section_module_scss__WEBPACK_IMPORTED_MODULE_4___default().section)} section-product-shelf layout__section`,
+    ref: ref,
+    children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx(src_components_ui_ProductShelf__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, _objectSpread({
+      inView: inView
+    }, otherProps))
+  });
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProductShelfSection);
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
+
+/***/ }),
+
+/***/ 77104:
+/***/ ((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 */ _ProductShelf__WEBPACK_IMPORTED_MODULE_0__.Z)
+/* harmony export */ });
+/* harmony import */ var _ProductShelf__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(58569);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_ProductShelf__WEBPACK_IMPORTED_MODULE_0__]);
+_ProductShelf__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); } });
+
+/***/ }),
+
+/***/ 12834:
+/***/ ((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 react_intersection_observer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(19785);
+/* harmony import */ var react_intersection_observer__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_intersection_observer__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var src_components_product_ProductCard__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(56475);
+/* harmony import */ var src_components_skeletons_ProductTilesSkeleton__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(40638);
+/* harmony import */ var src_components_ui_Tiles__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(65534);
+/* harmony import */ var src_sdk_analytics_hooks_useViewItemListEvent__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(55184);
+/* harmony import */ var src_sdk_product_useProductsQuery__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(24867);
+/* harmony import */ var _Section__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(57067);
+/* harmony import */ var _section_module_scss__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(82366);
+/* harmony import */ var _section_module_scss__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_section_module_scss__WEBPACK_IMPORTED_MODULE_9__);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(20997);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([src_sdk_product_useProductsQuery__WEBPACK_IMPORTED_MODULE_6__]);
+src_sdk_product_useProductsQuery__WEBPACK_IMPORTED_MODULE_6__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
+const _excluded = ["title"];
+
+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 NUMBER_ITEMS_TO_EXPAND_FIRST = 3;
+const NUMBER_ITEMS_TO_EXPAND_FIRST_TWO = 2;
+
+const getRatio = (products, idx) => {
+  const expandsFirstTile = products === NUMBER_ITEMS_TO_EXPAND_FIRST && idx === 0;
+  const expandsFirstTwoTile = products === NUMBER_ITEMS_TO_EXPAND_FIRST_TWO && (idx === 0 || idx === 1);
+
+  if (expandsFirstTile || expandsFirstTwoTile) {
+    return 5 / 3;
+  }
+
+  return 3 / 4;
+};
+
+const getSizes = (products, idx) => {
+  const expandsFirstTile = products === NUMBER_ITEMS_TO_EXPAND_FIRST && idx === 0;
+  const expandsFirstTwoTile = products === NUMBER_ITEMS_TO_EXPAND_FIRST_TWO && (idx === 0 || idx === 1);
+
+  if (expandsFirstTile || expandsFirstTwoTile) {
+    return {
+      width: 594,
+      height: 364
+    };
+  }
+
+  return {
+    width: 284,
+    height: 364
+  };
+};
+
+const ProductTiles = _ref => {
+  let {
+    title
+  } = _ref,
+      variables = _objectWithoutProperties(_ref, _excluded);
+
+  const viewedOnce = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(false);
+  const {
+    ref,
+    inView
+  } = (0,react_intersection_observer__WEBPACK_IMPORTED_MODULE_1__.useInView)();
+  const products = (0,src_sdk_product_useProductsQuery__WEBPACK_IMPORTED_MODULE_6__/* .useProductsQuery */ .kN)(variables);
+  const productEdges = products?.edges ?? [];
+  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_8__.jsxs)(_Section__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
+    className: `${(_section_module_scss__WEBPACK_IMPORTED_MODULE_9___default().section)} section-product-tiles layout__section`,
+    ref: ref,
+    children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx("h2", {
+      className: "text__title-section layout__content",
+      children: title
+    }), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx(src_components_skeletons_ProductTilesSkeleton__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
+      loading: !products,
+      children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx(src_components_ui_Tiles__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
+        children: productEdges.map((product, idx) => /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx(src_components_ui_Tiles__WEBPACK_IMPORTED_MODULE_4__/* .Tile */ .n, {
+          children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx(src_components_product_ProductCard__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
+            "data-testid": "tile-card",
+            product: product.node,
+            index: idx + 1,
+            variant: "wide",
+            aspectRatio: getRatio(productEdges.length, idx),
+            imgProps: getSizes(productEdges.length, idx)
+          })
+        }, product.node.id))
+      })
+    })]
+  });
+};
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProductTiles);
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
+
+/***/ }),
+
+/***/ 68872:
+/***/ ((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 */ _ProductTiles__WEBPACK_IMPORTED_MODULE_0__.Z)
+/* harmony export */ });
+/* harmony import */ var _ProductTiles__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(12834);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_ProductTiles__WEBPACK_IMPORTED_MODULE_0__]);
+_ProductTiles__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); } });
+
+/***/ }),
+
+/***/ 40638:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "s": () => (/* reexport */ ProductTileSkeleton_ProductTileSkeleton),
+  "Z": () => (/* reexport */ ProductTilesSkeleton_ProductTilesSkeleton)
+});
+
+// EXTERNAL MODULE: ./src/components/ui/Tiles/index.ts + 3 modules
+var Tiles = __webpack_require__(65534);
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(20997);
+;// CONCATENATED MODULE: ./src/components/skeletons/ProductTilesSkeleton/ProductTilesSkeleton.tsx
+
+ // TODO: // Replace it when items number become dynamically defined
+
+
+
+const DEFAULT_ITEMS_NUMBER = 3;
+const DEFAULT_ITEMS_NUMBER_TWO = 2;
+
+const getRatio = (products, idx) => {
+  const expandsFirstTile = products === DEFAULT_ITEMS_NUMBER && idx === 0;
+  const expandsFirstTwoTile = products === DEFAULT_ITEMS_NUMBER_TWO && (idx === 0 || idx === 1);
+
+  if (expandsFirstTile || expandsFirstTwoTile) {
+    return 5 / 3;
+  }
+
+  return 3 / 4;
+};
+
+function ProductTilesSkeleton({
+  children,
+  loading = true
+}) {
+  return loading ? /*#__PURE__*/jsx_runtime_.jsx(Tiles/* default */.Z, {
+    children: Array.from({
+      length: DEFAULT_ITEMS_NUMBER
+    }, (_, index) => /*#__PURE__*/jsx_runtime_.jsx(Tiles/* Tile */.n, {
+      children: /*#__PURE__*/jsx_runtime_.jsx(ProductTileSkeleton_ProductTileSkeleton, {
+        index: index + 1,
+        aspectRatio: getRatio(DEFAULT_ITEMS_NUMBER, index)
+      })
+    }, String(index)))
+  }) : /*#__PURE__*/jsx_runtime_.jsx(jsx_runtime_.Fragment, {
+    children: children
+  });
+}
+
+/* harmony default export */ const ProductTilesSkeleton_ProductTilesSkeleton = (ProductTilesSkeleton);
+// EXTERNAL MODULE: ../components/dist/atoms/Skeleton/Skeleton.js
+var Skeleton = __webpack_require__(2928);
+;// CONCATENATED MODULE: ./src/components/skeletons/ProductTilesSkeleton/ProductTileSkeleton/ProductTileSkeleton.tsx
+
+
+
+
+function ProductTileSkeleton({
+  index,
+  aspectRatio = 1
+}) {
+  return /*#__PURE__*/(0,jsx_runtime_.jsxs)("div", {
+    "data-fs-product-tile-skeleton": true,
+    "data-fs-product-tile-skeleton-index": index,
+    children: [/*#__PURE__*/jsx_runtime_.jsx("div", {
+      "data-fs-product-tile-skeleton-image": true,
+      "data-fs-product-tile-skeleton-index": index,
+      style: {
+        '--fs-product-tile-skeleton-image-aspect-ratio': aspectRatio
+      },
+      children: /*#__PURE__*/jsx_runtime_.jsx(Skeleton/* default */.Z, {
+        size: {
+          width: 'auto',
+          height: '100%'
+        },
+        loading: true
+      })
+    }), /*#__PURE__*/(0,jsx_runtime_.jsxs)("div", {
+      "data-fs-product-tile-skeleton-content": true,
+      "data-fs-product-tile-skeleton-index": index,
+      children: [/*#__PURE__*/(0,jsx_runtime_.jsxs)("div", {
+        "data-fs-product-tile-skeleton-heading": true,
+        children: [/*#__PURE__*/jsx_runtime_.jsx("div", {
+          "data-fs-product-tile-skeleton-text": true,
+          "data-fs-product-tile-skeleton-index": index,
+          children: /*#__PURE__*/jsx_runtime_.jsx(Skeleton/* default */.Z, {
+            size: {
+              width: '70%',
+              height: '1.5rem'
+            }
+          })
+        }), /*#__PURE__*/jsx_runtime_.jsx("div", {
+          "data-fs-product-tile-skeleton-price": true,
+          children: /*#__PURE__*/jsx_runtime_.jsx(Skeleton/* default */.Z, {
+            size: {
+              width: '60%',
+              height: '1.5rem'
+            }
+          })
+        })]
+      }), /*#__PURE__*/jsx_runtime_.jsx("div", {
+        "data-fs-product-tile-skeleton-badge": true,
+        "data-fs-product-tile-skeleton-index": index,
+        children: /*#__PURE__*/jsx_runtime_.jsx(Skeleton/* default */.Z, {
+          size: {
+            width: '6rem',
+            height: '2rem'
+          },
+          border: "pill"
+        })
+      })]
+    })]
+  });
+}
+
+/* harmony default export */ const ProductTileSkeleton_ProductTileSkeleton = (ProductTileSkeleton);
+;// CONCATENATED MODULE: ./src/components/skeletons/ProductTilesSkeleton/ProductTileSkeleton/index.ts
+
+;// CONCATENATED MODULE: ./src/components/skeletons/ProductTilesSkeleton/index.ts
+
+
+
+/***/ }),
+
+/***/ 65534:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "n": () => (/* reexport */ Tiles_Tile),
+  "Z": () => (/* reexport */ ui_Tiles_Tiles)
+});
+
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(16689);
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
+;// CONCATENATED MODULE: ../ui/dist/components/organisms/Tiles/Tiles.js
+
+
+const MIN_CHILDREN = 2;
+const MAX_CHILDREN = 4;
+const NUMBER_ITEMS_TO_EXPAND_FIRST_TWO = 2;
+const NUMBER_ITEMS_TO_EXPAND_FIRST = 3;
+const Tiles = (0,external_react_.forwardRef)(function Tiles({ testId = 'store-tiles', children, ...otherProps }, ref) {
+    const childrenCount = external_react_.Children.count(children);
+    if (false) {}
+    if (false) {}
+    const expandedClass = childrenCount === NUMBER_ITEMS_TO_EXPAND_FIRST
+        ? 'expanded-first'
+        : childrenCount === NUMBER_ITEMS_TO_EXPAND_FIRST_TWO
+            ? 'expanded-first-two'
+            : '';
+    return (external_react_default().createElement("ul", { ref: ref, role: "list", "data-fs-tiles": true, "data-fs-tiles-variant": expandedClass, "data-fs-content": "tiles", "data-testid": testId, ...otherProps }, children));
+});
+/* harmony default export */ const Tiles_Tiles = (Tiles);
+//# sourceMappingURL=Tiles.js.map
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(20997);
+;// CONCATENATED MODULE: ./src/components/ui/Tiles/Tiles.tsx
+const _excluded = ["children"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+
+
+
+const Tiles_Tiles_Tiles = _ref => {
+  let {
+    children
+  } = _ref,
+      otherProps = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/jsx_runtime_.jsx(Tiles_Tiles, _objectSpread(_objectSpread({}, otherProps), {}, {
+    children: children
+  }));
+};
+
+/* harmony default export */ const ui_Tiles_Tiles = (Tiles_Tiles_Tiles);
+;// CONCATENATED MODULE: ../ui/dist/components/organisms/Tiles/Tile.js
+
+const Tile = (0,external_react_.forwardRef)(function Tile({ testId = 'store-tile', children, ...otherProps }, ref) {
+    return (external_react_default().createElement("li", { ref: ref, role: "listitem", "data-fs-tile": true, "data-testid": testId, ...otherProps }, children));
+});
+/* harmony default export */ const Tiles_Tile = (Tile);
+//# sourceMappingURL=Tile.js.map
+;// CONCATENATED MODULE: ./src/components/ui/Tiles/index.ts
+
+
+
+/***/ }),
+
+/***/ 6717:
+/***/ ((module) => {
+
+// Exports
+module.exports = {
+	"section": "section_section__WY2pp"
+};
+
+
+/***/ }),
+
+/***/ 57952:
+/***/ ((module) => {
+
+// Exports
+module.exports = {
+	"section": "section_section__rUfAR"
+};
+
+
+/***/ }),
+
+/***/ 82366:
+/***/ ((module) => {
+
+// Exports
+module.exports = {
+	"section": "section_section__hGuvG",
+	"loading": "section_loading__GpWrl"
+};
+
+
+/***/ })
+
+};
+;