@faststore/core 2.2.0-alpha.4 → 2.2.0-alpha.6

package/.next/server/chunks/{483.js → 37.js}

@@ -1,19 +1,19 @@
-exports.id = 483;
-exports.ids = [483];
+exports.id = 37;
+exports.ids = [37];
 exports.modules = {
 
-/***/ 5933:
+/***/ 940:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-  "Z": () => (/* reexport */ sections_Hero_Hero)
+  "Z": () => (/* binding */ sections_Hero_Hero)
 });
 
-// EXTERNAL MODULE: ./src/components/ui/Image/index.ts + 2 modules
-var Image = __webpack_require__(9266);
+// 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_);
@@ -84,8 +84,8 @@ const {
   HeroHeader: Hero_HeroHeader
 }, override);
 
-// EXTERNAL MODULE: ./src/components/sections/Section/index.ts
-var Section = __webpack_require__(7067);
+// 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);
@@ -120,7 +120,7 @@ const Hero_Hero_Hero = ({
       variant: variant,
       colorVariant: colorVariant,
       children: [/*#__PURE__*/jsx_runtime_.jsx(Overrides_HeroImage.Component, _objectSpread(_objectSpread({}, Overrides_HeroImage.props), {}, {
-        children: /*#__PURE__*/jsx_runtime_.jsx(Image/* Image */.E, {
+        children: /*#__PURE__*/jsx_runtime_.jsx(Image/* default */.Z, {
           loading: "eager",
           src: image.src,
           alt: image.alt,
@@ -140,51 +140,40 @@ const Hero_Hero_Hero = ({
 };
 
 /* harmony default export */ const sections_Hero_Hero = (Hero_Hero_Hero);
-;// CONCATENATED MODULE: ./src/components/sections/Hero/index.ts
-
 
 /***/ }),
 
-/***/ 8591:
+/***/ 5247:
 /***/ ((__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__(2411);
-// EXTERNAL MODULE: ./src/components/sections/Section/index.ts
-var Section = __webpack_require__(7067);
-// EXTERNAL MODULE: ./src/components/sections/Incentives/section.module.scss
-var section_module = __webpack_require__(7952);
-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/Incentives/Incentives.tsx
+/* 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({
+function 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, {
+  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 sections_Incentives_Incentives = (Incentives_Incentives);
-;// CONCATENATED MODULE: ./src/components/sections/Incentives/index.ts
-
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Incentives);
 
 /***/ }),
 
@@ -198,14 +187,14 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* 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_1__ = __webpack_require__(7067);
-/* harmony import */ var src_components_ui_ProductShelf__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(4805);
-/* harmony import */ var _section_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(6627);
-/* 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 react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(997);
-/* 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];
+/* 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; }
@@ -224,10 +213,10 @@ function ProductShelfSection(_ref) {
     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`,
+  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_3__.jsx(src_components_ui_ProductShelf__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, _objectSpread({
+    children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx(src_components_ui_ProductShelf__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, _objectSpread({
       inView: inView
     }, otherProps))
   });
@@ -239,23 +228,6 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 7104:
-/***/ ((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__(8569);
-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); } });
-
-/***/ }),
-
 /***/ 2834:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
@@ -268,18 +240,19 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* 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_2__ = __webpack_require__(8091);
-/* harmony import */ var src_components_skeletons_ProductTilesSkeleton__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(638);
-/* harmony import */ var src_components_ui_Tiles__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(5062);
-/* harmony import */ var src_sdk_analytics_hooks_useViewItemListEvent__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(5184);
-/* harmony import */ var src_sdk_product_useProductsQuery__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(4867);
-/* harmony import */ var _Section__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(7067);
-/* harmony import */ var _section_module_scss__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(2366);
-/* 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__(997);
-/* 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];
+/* 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; }
@@ -339,12 +312,12 @@ const ProductTiles = _ref => {
     ref,
     inView
   } = (0,react_intersection_observer__WEBPACK_IMPORTED_MODULE_1__.useInView)();
-  const data = (0,src_sdk_product_useProductsQuery__WEBPACK_IMPORTED_MODULE_6__/* .useProductsQuery */ .k)(variables);
+  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_5__/* .useViewItemListEvent */ .m)({
+  } = (0,src_sdk_analytics_hooks_useViewItemListEvent__WEBPACK_IMPORTED_MODULE_4__/* .useViewItemListEvent */ .m)({
     products: productEdges,
     title,
     page: 0,
@@ -361,17 +334,17 @@ const ProductTiles = _ref => {
     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`,
+  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_8__.jsx("h2", {
+    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_8__.jsx(src_components_skeletons_ProductTilesSkeleton__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
+    }), /*#__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_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, {
+      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,
@@ -391,79 +364,24 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 8872:
-/***/ ((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__(2834);
-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); } });
-
-/***/ }),
-
-/***/ 638:
+/***/ 8860:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-  "s": () => (/* reexport */ ProductTileSkeleton_ProductTileSkeleton),
-  "Z": () => (/* reexport */ ProductTilesSkeleton_ProductTilesSkeleton)
+  "Z": () => (/* binding */ ProductTilesSkeleton_ProductTilesSkeleton)
 });
 
-// EXTERNAL MODULE: ./src/components/ui/Tiles/index.ts + 3 modules
-var Tiles = __webpack_require__(5062);
-// EXTERNAL MODULE: external "react/jsx-runtime"
-var jsx_runtime_ = __webpack_require__(997);
-;// 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: ./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
 
 
@@ -528,23 +446,56 @@ function ProductTileSkeleton({
 }
 
 /* harmony default export */ const ProductTileSkeleton_ProductTileSkeleton = (ProductTileSkeleton);
-;// CONCATENATED MODULE: ./src/components/skeletons/ProductTilesSkeleton/ProductTileSkeleton/index.ts
+;// CONCATENATED MODULE: ./src/components/skeletons/ProductTilesSkeleton/ProductTilesSkeleton.tsx
+
+ // TODO: // Replace it when items number become dynamically defined
+
 
-;// CONCATENATED MODULE: ./src/components/skeletons/ProductTilesSkeleton/index.ts
 
+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);
 
 /***/ }),
 
-/***/ 5062:
+/***/ 6971:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-  "n": () => (/* reexport */ Tiles_Tile),
-  "Z": () => (/* reexport */ ui_Tiles_Tiles)
+  "Z": () => (/* binding */ ui_Tiles_Tiles)
 });
 
 // EXTERNAL MODULE: external "react"
@@ -600,16 +551,6 @@ const Tiles_Tiles_Tiles = _ref => {
 };
 
 /* harmony default export */ const ui_Tiles_Tiles = (Tiles_Tiles_Tiles);
-;// CONCATENATED MODULE: ../ui/dist/esm/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
-
-
 
 /***/ }),
 
@@ -645,6 +586,24 @@ module.exports = {
 };
 
 
+/***/ }),
+
+/***/ 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
+
 /***/ })
 
 };

package/.next/server/chunks/386.js

@@ -0,0 +1,200 @@
+exports.id = 386;
+exports.ids = [386];
+exports.modules = {
+
+/***/ 1386:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (/* binding */ search_Filter_FilterSlider)
+});
+
+// EXTERNAL MODULE: ../sdk/dist/search/useSearch.js + 1 modules
+var useSearch = __webpack_require__(3221);
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(6689);
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
+// EXTERNAL MODULE: ../components/dist/esm/hooks/useFadeEffect.js
+var useFadeEffect = __webpack_require__(3666);
+// EXTERNAL MODULE: ../components/dist/esm/hooks/UIProvider.js
+var UIProvider = __webpack_require__(6652);
+// EXTERNAL MODULE: ../components/dist/esm/organisms/SlideOver/SlideOver.js
+var SlideOver = __webpack_require__(7215);
+// EXTERNAL MODULE: ../components/dist/esm/organisms/SlideOver/SlideOverHeader.js
+var SlideOverHeader = __webpack_require__(5049);
+// EXTERNAL MODULE: ../components/dist/esm/atoms/Button/Button.js
+var Button = __webpack_require__(3339);
+;// CONCATENATED MODULE: ../components/dist/esm/organisms/Filter/FilterSlider.js
+
+
+function FilterSlider({ title, size, direction, children, applyBtnProps, clearBtnProps, overlayProps, onClose, ...otherProps }) {
+    const { fade, fadeOut } = (0,useFadeEffect/* useFadeEffect */.b)();
+    const { closeFilter } = (0,UIProvider/* useUI */.l)();
+    return (external_react_default().createElement(SlideOver/* default */.Z, { "data-fs-filter-slider": true, isOpen: true, fade: fade, onDismiss: fadeOut, size: size, direction: direction, onTransitionEnd: () => fade === 'out' && closeFilter(), overlayProps: overlayProps, ...otherProps },
+        external_react_default().createElement("div", { "data-fs-filter-slider-content": true },
+            external_react_default().createElement(SlideOverHeader/* default */.Z, { onClose: () => {
+                    onClose();
+                    fadeOut();
+                } },
+                external_react_default().createElement("h2", { "data-fs-filter-slider-title": true }, title)),
+            children),
+        external_react_default().createElement("footer", { "data-fs-filter-slider-footer": true },
+            external_react_default().createElement(Button/* default */.Z, { "data-fs-filter-slider-footer-button-clear": true, ...clearBtnProps }),
+            external_react_default().createElement(Button/* default */.Z, { "data-fs-filter-slider-footer-button-apply": true, "data-testid": "filter-slider-button-apply", ...applyBtnProps, onClick: (e) => {
+                    applyBtnProps?.onClick?.(e);
+                    fadeOut();
+                } }))));
+}
+/* harmony default export */ const Filter_FilterSlider = (FilterSlider);
+//# sourceMappingURL=FilterSlider.js.map
+// EXTERNAL MODULE: ../components/dist/esm/organisms/Filter/Filter.js
+var Filter = __webpack_require__(5699);
+// EXTERNAL MODULE: ../components/dist/esm/organisms/Filter/FilterFacets.js
+var FilterFacets = __webpack_require__(4199);
+// EXTERNAL MODULE: ../components/dist/esm/organisms/Filter/FilterFacetBoolean.js
+var FilterFacetBoolean = __webpack_require__(2815);
+// EXTERNAL MODULE: ../components/dist/esm/organisms/Filter/FilterFacetBooleanItem.js + 1 modules
+var FilterFacetBooleanItem = __webpack_require__(1305);
+// EXTERNAL MODULE: ../components/dist/esm/organisms/Filter/FilterFacetRange.js + 2 modules
+var FilterFacetRange = __webpack_require__(1355);
+// EXTERNAL MODULE: ./src/sdk/product/useFormattedPrice.ts
+var useFormattedPrice = __webpack_require__(5346);
+// EXTERNAL MODULE: ./src/components/search/Filter/section.module.scss
+var section_module = __webpack_require__(5813);
+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/search/Filter/FilterSlider.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; }
+
+
+
+
+
+
+
+
+function FilterSlider_FilterSlider({
+  facets,
+  testId,
+  dispatch,
+  expanded,
+  selected,
+  title,
+  clearButtonLabel,
+  applyButtonLabel
+}) {
+  const {
+    resetInfiniteScroll,
+    setState,
+    state
+  } = (0,useSearch/* useSearch */.R)();
+  return /*#__PURE__*/jsx_runtime_.jsx(Filter_FilterSlider, {
+    overlayProps: {
+      className: `section ${(section_module_default()).section} section-filter-slider`
+    },
+    title: title,
+    size: "partial",
+    direction: "rightSide",
+    clearBtnProps: {
+      variant: 'secondary',
+      onClick: () => dispatch({
+        type: 'selectFacets',
+        payload: []
+      }),
+      children: clearButtonLabel ?? 'Clear All'
+    },
+    applyBtnProps: {
+      variant: 'primary',
+      onClick: () => {
+        resetInfiniteScroll(0);
+        setState(_objectSpread(_objectSpread({}, state), {}, {
+          selectedFacets: selected,
+          page: 0
+        }));
+      },
+      children: applyButtonLabel ?? 'Apply'
+    },
+    onClose: () => {
+      dispatch({
+        type: 'selectFacets',
+        payload: state.selectedFacets
+      });
+    },
+    children: /*#__PURE__*/jsx_runtime_.jsx(Filter/* default */.Z, {
+      testId: `mobile-${testId}`,
+      indicesExpanded: expanded,
+      onAccordionChange: index => dispatch({
+        type: 'toggleExpanded',
+        payload: index
+      }),
+      children: facets.map((facet, index) => {
+        const {
+          __typename: type,
+          label
+        } = facet;
+        const isExpanded = expanded.has(index);
+        return /*#__PURE__*/(0,jsx_runtime_.jsxs)(FilterFacets/* default */.Z, {
+          testId: `mobile-${testId}`,
+          index: index,
+          type: type,
+          label: label,
+          children: [type === 'StoreFacetBoolean' && isExpanded && /*#__PURE__*/jsx_runtime_.jsx(FilterFacetBoolean/* default */.Z, {
+            children: facet.values.map(item => /*#__PURE__*/jsx_runtime_.jsx(FilterFacetBooleanItem/* default */.Z, {
+              id: `${testId}-${facet.label}-${item.label}`,
+              testId: `mobile-${testId}`,
+              onFacetChange: facet => dispatch({
+                type: 'toggleFacet',
+                payload: facet
+              }),
+              selected: item.selected,
+              value: item.value,
+              quantity: item.quantity,
+              facetKey: facet.key,
+              label: item.label
+            }, `${testId}-${facet.label}-${item.label}`))
+          }), type === 'StoreFacetRange' && isExpanded && /*#__PURE__*/jsx_runtime_.jsx(FilterFacetRange/* default */.Z, {
+            facetKey: facet.key,
+            min: facet.min,
+            max: facet.max,
+            formatter: useFormattedPrice/* useFormattedPrice */.P,
+            onFacetChange: facet => dispatch({
+              type: 'setFacet',
+              payload: {
+                facet,
+                unique: true
+              }
+            })
+          })]
+        }, `${testId}-${label}-${index}`);
+      })
+    })
+  });
+}
+
+/* harmony default export */ const search_Filter_FilterSlider = (FilterSlider_FilterSlider);
+
+/***/ }),
+
+/***/ 5813:
+/***/ ((module) => {
+
+// Exports
+module.exports = {
+	"section": "section_section__QVEy3"
+};
+
+
+/***/ })
+
+};
+;