@faststore/core 2.2.20 → 2.2.22

package/.next/server/chunks/398.js

@@ -1,610 +0,0 @@
-exports.id = 398;
-exports.ids = [398];
-exports.modules = {
-
-/***/ 8845:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "Z": () => (/* binding */ sections_Hero_Hero)
-});
-
-// EXTERNAL MODULE: ./src/components/ui/Image/Image.tsx + 1 modules
-var Image = __webpack_require__(5731);
-// EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__(6689);
-var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
-;// CONCATENATED MODULE: ../components/dist/esm/organisms/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/esm/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/esm/molecules/LinkButton/LinkButton.js
-var LinkButton = __webpack_require__(3922);
-// EXTERNAL MODULE: ../components/dist/esm/atoms/Icon/Icon.js
-var Icon = __webpack_require__(2614);
-;// CONCATENATED MODULE: ../components/dist/esm/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
-// EXTERNAL MODULE: ./src/sdk/overrides/overrides.ts
-var overrides = __webpack_require__(7506);
-;// CONCATENATED MODULE: ./src/customizations/src/components/overrides/Hero.tsx
-// This is an example of how it can be used on the starter.
-const SECTION = 'Hero';
-const override = {
-  section: SECTION
-};
-
-;// CONCATENATED MODULE: ./src/components/sections/Hero/Overrides.tsx
-
-
-
-const {
-  Hero: Overrides_Hero,
-  HeroImage: Overrides_HeroImage,
-  HeroHeader: Overrides_HeroHeader
-} = (0,overrides/* getSectionOverrides */.f)({
-  Hero: Hero_Hero,
-  HeroImage: Hero_HeroImage,
-  HeroHeader: Hero_HeroHeader
-}, override);
-
-// EXTERNAL MODULE: ./src/components/sections/Section/Section.tsx
-var Section = __webpack_require__(3271);
-// 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
-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 Hero_Hero_Hero = ({
-  link,
-  title,
-  subtitle,
-  image,
-  variant = Overrides_Hero.props.variant ?? 'primary',
-  colorVariant = Overrides_Hero.props.colorVariant ?? 'main',
-  icon
-}) => {
-  return /*#__PURE__*/jsx_runtime_.jsx(Section/* default */.Z, {
-    className: `${(section_module_default()).section} section-hero`,
-    children: /*#__PURE__*/(0,jsx_runtime_.jsxs)(Overrides_Hero.Component, _objectSpread(_objectSpread({}, Overrides_Hero.props), {}, {
-      variant: variant,
-      colorVariant: colorVariant,
-      children: [/*#__PURE__*/jsx_runtime_.jsx(Overrides_HeroImage.Component, _objectSpread(_objectSpread({}, Overrides_HeroImage.props), {}, {
-        children: /*#__PURE__*/jsx_runtime_.jsx(Image/* default */.Z, {
-          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(Overrides_HeroHeader.Component, _objectSpread({
-        title: title,
-        subtitle: subtitle,
-        link: link?.url,
-        linkText: link?.text,
-        icon: icon
-      }, Overrides_HeroHeader.props))]
-    }))
-  });
-};
-
-/* harmony default export */ const sections_Hero_Hero = (Hero_Hero_Hero);
-
-/***/ }),
-
-/***/ 5247:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var src_components_ui_Incentives_Incentives__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(2411);
-/* harmony import */ var _Section__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3271);
-/* harmony import */ var _section_module_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7952);
-/* harmony import */ var _section_module_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_section_module_scss__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(997);
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
-
-
-
-
-
-function Incentives({
-  incentives
-}) {
-  return /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Section__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, {
-    className: `${(_section_module_scss__WEBPACK_IMPORTED_MODULE_2___default().section)} section-incentives layout__section`,
-    children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(src_components_ui_Incentives_Incentives__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
-      incentives: incentives,
-      colored: true
-    })
-  });
-}
-
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Incentives);
-
-/***/ }),
-
-/***/ 8569:
-/***/ ((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__(9785);
-/* 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_2__ = __webpack_require__(3271);
-/* harmony import */ var src_components_ui_ProductShelf__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(7691);
-/* harmony import */ var _section_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6627);
-/* 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_1__ = __webpack_require__(997);
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([src_components_ui_ProductShelf__WEBPACK_IMPORTED_MODULE_4__]);
-src_components_ui_ProductShelf__WEBPACK_IMPORTED_MODULE_4__ = (__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_1__.jsx(_Section__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
-    className: `${(_section_module_scss__WEBPACK_IMPORTED_MODULE_3___default().section)} section-product-shelf layout__section`,
-    ref: ref,
-    children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx(src_components_ui_ProductShelf__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, _objectSpread({
-      inView: inView
-    }, otherProps))
-  });
-}
-
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProductShelfSection);
-__webpack_async_result__();
-} catch(e) { __webpack_async_result__(e); } });
-
-/***/ }),
-
-/***/ 2834:
-/***/ ((module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var react_intersection_observer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9785);
-/* 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_10__ = __webpack_require__(8553);
-/* harmony import */ var src_components_skeletons_ProductTilesSkeleton__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(8860);
-/* harmony import */ var src_components_ui_Tiles__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(6971);
-/* harmony import */ var src_components_ui_Tiles__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(7901);
-/* harmony import */ var src_sdk_analytics_hooks_useViewItemListEvent__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(5184);
-/* harmony import */ var src_sdk_product_useProductsQuery__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(4867);
-/* harmony import */ var _Section__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(3271);
-/* harmony import */ var _section_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(2366);
-/* harmony import */ var _section_module_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_section_module_scss__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(997);
-/* 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_sdk_product_useProductsQuery__WEBPACK_IMPORTED_MODULE_3__]);
-src_sdk_product_useProductsQuery__WEBPACK_IMPORTED_MODULE_3__ = (__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 data = (0,src_sdk_product_useProductsQuery__WEBPACK_IMPORTED_MODULE_3__/* .useProductsQuery */ .k)(variables);
-  const products = data?.search?.products;
-  const productEdges = products?.edges ?? [];
-  const {
-    sendViewItemListEvent
-  } = (0,src_sdk_analytics_hooks_useViewItemListEvent__WEBPACK_IMPORTED_MODULE_4__/* .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_2__.jsxs)(_Section__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
-    className: `${(_section_module_scss__WEBPACK_IMPORTED_MODULE_6___default().section)} section-product-tiles layout__section`,
-    ref: ref,
-    children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx("h2", {
-      className: "text__title-section layout__content",
-      children: title
-    }), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx(src_components_skeletons_ProductTilesSkeleton__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
-      loading: !products,
-      children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx(src_components_ui_Tiles__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {
-        children: productEdges.map((product, idx) => /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx(src_components_ui_Tiles__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z, {
-          children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx(src_components_product_ProductCard__WEBPACK_IMPORTED_MODULE_10__/* ["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); } });
-
-/***/ }),
-
-/***/ 8860:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "Z": () => (/* binding */ ProductTilesSkeleton_ProductTilesSkeleton)
-});
-
-// EXTERNAL MODULE: ./src/components/ui/Tiles/Tiles.tsx + 1 modules
-var Tiles = __webpack_require__(6971);
-// EXTERNAL MODULE: ../ui/dist/esm/components/organisms/Tiles/Tile.js
-var Tile = __webpack_require__(7901);
-// EXTERNAL MODULE: ../components/dist/esm/atoms/Skeleton/Skeleton.js
-var Skeleton = __webpack_require__(792);
-// EXTERNAL MODULE: external "react/jsx-runtime"
-var jsx_runtime_ = __webpack_require__(997);
-;// 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/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(Tile/* default */.Z, {
-      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);
-
-/***/ }),
-
-/***/ 6971:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "Z": () => (/* binding */ ui_Tiles_Tiles)
-});
-
-// EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__(6689);
-var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
-;// CONCATENATED MODULE: ../ui/dist/esm/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__(997);
-;// 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);
-
-/***/ }),
-
-/***/ 6717:
-/***/ ((module) => {
-
-// Exports
-module.exports = {
-	"section": "section_section__WY2pp"
-};
-
-
-/***/ }),
-
-/***/ 7952:
-/***/ ((module) => {
-
-// Exports
-module.exports = {
-	"section": "section_section__rUfAR"
-};
-
-
-/***/ }),
-
-/***/ 2366:
-/***/ ((module) => {
-
-// Exports
-module.exports = {
-	"section": "section_section__hGuvG",
-	"loading": "section_loading__GpWrl"
-};
-
-
-/***/ }),
-
-/***/ 7901:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-
-const Tile = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function Tile({ testId = 'store-tile', children, ...otherProps }, ref) {
-    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", { ref: ref, role: "listitem", "data-fs-tile": true, "data-testid": testId, ...otherProps }, children));
-});
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Tile);
-//# sourceMappingURL=Tile.js.map
-
-/***/ })
-
-};
-;