@faststore/core 2.2.61 → 2.2.65

package/.next/server/chunks/74.js

@@ -777,6 +777,30 @@ const Modal = ({ children, testId = 'fs-modal', isOpen = true, onDismiss, overla
 
 /***/ }),
 
+/***/ 9088:
+/***/ ((__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__);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9767);
+
+
+const ProductPrice = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function ProductCard({ testId = 'fs-product-price', value, listPrice, formatter, ...otherProps }, ref) {
+    const listingPrice = listPrice ?? 0;
+    const sellingPrice = value ?? 0;
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { ref: ref, "data-fs-product-price": true, "data-testid": testId, ...otherProps }, sellingPrice !== listingPrice && listingPrice !== 0 ? (react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null,
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, { value: listingPrice, formatter: formatter, testId: "list-price", "data-value": listingPrice, variant: "listing", SRText: "Original price:" }),
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, { value: sellingPrice, formatter: formatter, testId: "price", "data-value": sellingPrice, variant: "spot", SRText: "Price:" }))) : (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, { value: sellingPrice, formatter: formatter, testId: "price", "data-value": sellingPrice, variant: "spot", SRText: "Price:" }))));
+});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProductPrice);
+//# sourceMappingURL=ProductPrice.js.map
+
+/***/ }),
+
 /***/ 6693:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -928,6 +952,300 @@ function SearchProvider({ onSearchSelection, children, term, terms, products, is
 
 /***/ }),
 
+/***/ 6133:
+/***/ ((__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__);
+
+function EmptyState({ testId = 'fs-empty-state', title, titleIcon, variant = 'default', bkgColor = 'default', children, ...otherProps }) {
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("section", { "data-fs-empty-state": true, "data-fs-empty-state-variant": variant, "data-fs-empty-state-bkg-color": bkgColor, "data-fs-content": "empty-state", "data-testid": testId, ...otherProps },
+        title && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("header", { "data-fs-empty-state-title": true },
+            titleIcon && react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, titleIcon),
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", null, title))),
+        children));
+}
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (EmptyState);
+//# sourceMappingURL=EmptyState.js.map
+
+/***/ }),
+
+/***/ 5699:
+/***/ ((__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__);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1516);
+
+
+function Filter({ testId, title, indicesExpanded, onAccordionChange, children, }) {
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { "data-fs-filter": true, "data-testid": testId },
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h2", { "data-fs-filter-title": true }, title),
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, { indices: indicesExpanded, onChange: onAccordionChange, "data-fs-filter-accordion": true }, children)));
+}
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Filter);
+//# sourceMappingURL=Filter.js.map
+
+/***/ }),
+
+/***/ 2815:
+/***/ ((__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__);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4564);
+
+
+function FilterFacetBoolean({ children }) {
+    return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, { "data-fs-filter-list": true }, children);
+}
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FilterFacetBoolean);
+//# sourceMappingURL=FilterFacetBoolean.js.map
+
+/***/ }),
+
+/***/ 1305:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Z": () => (/* binding */ Filter_FilterFacetBooleanItem)
+});
+
+// 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/atoms/Checkbox/Checkbox.js
+
+const Checkbox = (0,external_react_.forwardRef)(function Checkbox({ testId = 'fs-checkbox', partial, ...otherProps }, ref) {
+    return (external_react_default().createElement("input", { ref: ref, "data-fs-checkbox": true, "data-testid": testId, "data-fs-checkbox-partial": partial, type: "checkbox", ...otherProps }));
+});
+/* harmony default export */ const Checkbox_Checkbox = (Checkbox);
+//# sourceMappingURL=Checkbox.js.map
+// EXTERNAL MODULE: ../components/dist/esm/atoms/Label/Label.js
+var Label = __webpack_require__(1953);
+// EXTERNAL MODULE: ../components/dist/esm/atoms/Badge/Badge.js
+var Badge = __webpack_require__(276);
+;// CONCATENATED MODULE: ../components/dist/esm/organisms/Filter/FilterFacetBooleanItem.js
+
+
+function FilterFacetBooleanItem({ testId, id, selected, value, quantity, facetKey, label, onFacetChange, }) {
+    return (external_react_default().createElement("li", { key: id, "data-fs-filter-list-item": true },
+        external_react_default().createElement(Checkbox_Checkbox, { id: id, checked: selected, onChange: () => onFacetChange({ key: facetKey, value }, 'BOOLEAN'), "data-fs-filter-list-item-checkbox": true, "data-testid": `${testId}-accordion-panel-checkbox`, "data-value": value, "data-quantity": quantity }),
+        external_react_default().createElement(Label/* default */.Z, { htmlFor: id, className: "text__title-mini-alt", "data-fs-filter-list-item-label": true },
+            label,
+            " ",
+            external_react_default().createElement(Badge/* default */.Z, { "data-fs-filter-list-item-badge": true }, quantity))));
+}
+/* harmony default export */ const Filter_FilterFacetBooleanItem = (FilterFacetBooleanItem);
+//# sourceMappingURL=FilterFacetBooleanItem.js.map
+
+/***/ }),
+
+/***/ 1355:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Z": () => (/* binding */ Filter_FilterFacetRange)
+});
+
+// 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/atoms/Slider/Slider.js
+/**
+ * This code is inspired by the work of [sandra-lewis](https://codesandbox.io/u/sandra-lewis)
+ */
+
+const percent = (value, min, max) => Math.round(((value - min) / (max - min)) * 100);
+const Slider = (0,external_react_.forwardRef)(function Slider({ min, max, absoluteValuesLabel, onChange, onEnd, testId = 'fs-slider', getAriaValueText, step, minValueLabelComponent, maxValueLabelComponent, ...otherProps }, ref) {
+    const widthPercent = (0,external_react_.useMemo)(() => (max.absolute - min.absolute) / 100, [max.absolute, min.absolute]);
+    const [minPercent, setMinPercent] = (0,external_react_.useState)(() => percent(min.selected, min.absolute, max.absolute));
+    const [maxPercent, setMaxPercent] = (0,external_react_.useState)(() => percent(max.selected, min.absolute, max.absolute));
+    const [minVal, setMinVal] = (0,external_react_.useState)(() => Math.floor(min.absolute + minPercent * widthPercent));
+    const [maxVal, setMaxVal] = (0,external_react_.useState)(() => Math.round(min.absolute + maxPercent * widthPercent));
+    const percentage = (value) => (value / max.absolute) * 100;
+    (0,external_react_.useImperativeHandle)(ref, () => ({
+        setSliderValues: (values) => {
+            const sliderMinValue = Math.min(Number(values.min), maxVal);
+            setMinVal(sliderMinValue);
+            setMinPercent(percent(sliderMinValue, min.absolute, max.absolute));
+            if (values.max > max.absolute) {
+                setMaxVal(max.absolute);
+                setMaxPercent(percent(max.absolute, min.absolute, max.absolute));
+                return;
+            }
+            const sliderMaxValue = Math.max(Number(values.max), minVal);
+            setMaxVal(sliderMaxValue);
+            setMaxPercent(percent(sliderMaxValue, min.absolute, max.absolute));
+        },
+    }));
+    return (external_react_default().createElement("div", { "data-fs-slider": true, "data-testid": testId, ...otherProps },
+        external_react_default().createElement("div", { "data-fs-slider-absolute-values": true },
+            external_react_default().createElement("span", null, absoluteValuesLabel.min),
+            external_react_default().createElement("span", null, absoluteValuesLabel.max)),
+        external_react_default().createElement("div", { "data-fs-slider-wrapper": true },
+            external_react_default().createElement("div", { "data-fs-slider-range": true, style: {
+                    left: `${minPercent}%`,
+                    width: `${maxPercent - minPercent}%`,
+                } }),
+            external_react_default().createElement("input", { type: "range", min: Math.floor(min.absolute), max: Math.round(max.absolute), value: minVal, step: step, onMouseUp: () => onEnd?.({ min: minVal, max: maxVal }), onTouchEnd: () => onEnd?.({ min: minVal, max: maxVal }), onChange: (event) => {
+                    const minValue = Math.min(Number(event.target.value), maxVal);
+                    setMinVal(minValue);
+                    setMinPercent(percent(minValue, min.absolute, max.absolute));
+                    onChange?.({ min: minValue, max: maxVal });
+                }, "data-fs-slider-thumb": "left", "aria-valuemin": min.absolute, "aria-valuemax": max.absolute, "aria-valuenow": minVal, "aria-label": String(minVal), "aria-labelledby": getAriaValueText?.(minVal, 'min') }),
+            minValueLabelComponent && (external_react_default().createElement("span", { "data-fs-slider-value-label": "min", style: {
+                    left: `calc(${percentage(minVal)}% + (${8 - percentage(minVal) * 0.2}px))`,
+                } }, minValueLabelComponent(minVal))),
+            external_react_default().createElement("input", { type: "range", min: Math.floor(min.absolute), max: Math.round(max.absolute), value: maxVal, step: step, onMouseUp: () => onEnd?.({ min: minVal, max: maxVal }), onTouchEnd: () => onEnd?.({ min: minVal, max: maxVal }), onChange: (event) => {
+                    const maxValue = Math.max(Number(event.target.value), minVal);
+                    setMaxVal(maxValue);
+                    setMaxPercent(percent(maxValue, min.absolute, max.absolute));
+                    onChange?.({ min: minVal, max: maxValue });
+                }, "data-fs-slider-thumb": "right", "aria-valuemin": min.absolute, "aria-valuemax": max.absolute, "aria-valuenow": maxVal, "aria-label": String(maxVal), "aria-labelledby": getAriaValueText?.(maxVal, 'max') }),
+            maxValueLabelComponent && (external_react_default().createElement("span", { "data-fs-slider-value-label": "max", style: {
+                    left: `calc(${percentage(maxVal)}% + (${8 - percentage(maxVal) * 0.2}px))`,
+                } }, maxValueLabelComponent(maxVal))))));
+});
+/* harmony default export */ const Slider_Slider = (Slider);
+//# sourceMappingURL=Slider.js.map
+// EXTERNAL MODULE: ../components/dist/esm/atoms/Price/Price.js
+var Price = __webpack_require__(9767);
+// EXTERNAL MODULE: ../components/dist/esm/molecules/InputField/InputField.js
+var InputField = __webpack_require__(3779);
+;// CONCATENATED MODULE: ../components/dist/esm/organisms/PriceRange/PriceRange.js
+
+
+const PriceRange = (0,external_react_.forwardRef)(function PriceRange({ formatter, max, min, step = 1, onChange, onEnd, testId = 'fs-price-range', variant, 'aria-label': ariaLabel, ...otherProps }, ref) {
+    const sliderRef = (0,external_react_.useRef)();
+    (0,external_react_.useImperativeHandle)(ref, () => ({
+        setPriceRangeValues: (values) => {
+            onChange?.(values);
+            sliderRef.current?.setSliderValues(values);
+        },
+    }));
+    const inputMinRef = (0,external_react_.useRef)(null);
+    const inputMaxRef = (0,external_react_.useRef)(null);
+    const [inputMinError, setInputMinError] = (0,external_react_.useState)();
+    const [inputMaxError, setInputMaxError] = (0,external_react_.useState)();
+    const [priceRange, setPriceRange] = (0,external_react_.useState)({
+        min: Math.floor(min.selected),
+        max: Math.round(max.selected),
+    });
+    function onChangePriceRange(value) {
+        setInputMinError(undefined);
+        setInputMaxError(undefined);
+        setPriceRange({ min: value.min, max: value.max });
+        if (inputMinRef.current?.value) {
+            inputMinRef.current.value = String(value.min);
+        }
+        if (inputMaxRef.current?.value) {
+            inputMaxRef.current.value = String(value.max);
+        }
+    }
+    function onChangeInputMin(value) {
+        setInputMinError(undefined);
+        if (Number(value) < Math.floor(min.absolute)) {
+            return;
+        }
+        if (Number(value) > Math.floor(priceRange.max)) {
+            setInputMinError(`Min price can't be greater than max`);
+        }
+        setPriceRange({ ...priceRange, min: Number(value) });
+        sliderRef.current?.setSliderValues({
+            ...priceRange,
+            min: Number(value),
+        });
+    }
+    function onChangeInputMax(value) {
+        setInputMaxError(undefined);
+        if (Number(value) > Math.round(max.absolute)) {
+            return;
+        }
+        if (Number(value) < Math.round(priceRange.min)) {
+            setInputMaxError(`Max price can't be smaller than min`);
+        }
+        setPriceRange({ ...priceRange, max: Number(value) });
+        sliderRef.current?.setSliderValues({
+            ...priceRange,
+            max: Number(value),
+        });
+    }
+    return (external_react_default().createElement("div", { "data-fs-price-range": true, "data-testid": testId, ...otherProps },
+        external_react_default().createElement(Slider_Slider, { ref: sliderRef, min: min, max: max, step: step, onEnd: (value) => {
+                onEnd?.(value);
+                onChangePriceRange(value);
+            }, "aria-label": ariaLabel, onChange: (value) => onChange?.(value), absoluteValuesLabel: {
+                min: (external_react_default().createElement(Price/* default */.Z, { value: Math.floor(min.absolute), variant: variant, formatter: formatter })),
+                max: (external_react_default().createElement(Price/* default */.Z, { value: Math.round(max.absolute), variant: variant, formatter: formatter })),
+            }, minValueLabelComponent: (minValue) => {
+                return (external_react_default().createElement(Price/* default */.Z, { value: minValue, variant: variant, formatter: formatter }));
+            }, maxValueLabelComponent: (maxValue) => {
+                return (external_react_default().createElement(Price/* default */.Z, { value: maxValue, variant: variant, formatter: formatter }));
+            } }),
+        external_react_default().createElement("div", { "data-fs-price-range-inputs": true },
+            external_react_default().createElement(InputField/* default */.Z, { id: "price-range-min", step: step, label: "Min", type: "number", inputMode: "numeric", error: inputMinError, inputRef: inputMinRef, min: Math.floor(min.absolute), max: priceRange.max, value: priceRange.min, onChange: (e) => onChangeInputMin(e.target.value), onBlur: () => !inputMinError && onEnd?.(priceRange) }),
+            external_react_default().createElement(InputField/* default */.Z, { id: "price-range-max", label: "Max", step: step, type: "number", inputMode: "numeric", error: inputMaxError, inputRef: inputMaxRef, max: Math.round(max.absolute), min: priceRange.min, value: priceRange.max, onChange: (e) => onChangeInputMax(e.target.value), onBlur: () => !inputMaxError && onEnd?.(priceRange) }))));
+});
+/* harmony default export */ const PriceRange_PriceRange = (PriceRange);
+//# sourceMappingURL=PriceRange.js.map
+;// CONCATENATED MODULE: ../components/dist/esm/organisms/Filter/FilterFacetRange.js
+
+
+const formatRange = (min, max) => `${min.toFixed(2)}-to-${max.toFixed(2)}`;
+function FilterFacetRange({ min, max, formatter, facetKey, onFacetChange, }) {
+    return (external_react_default().createElement(PriceRange_PriceRange, { "data-fs-filter-facet-range": true, min: min, max: max, formatter: formatter, step: 1, onEnd: (v) => onFacetChange({
+            key: facetKey,
+            value: formatRange(v.min, v.max),
+        }, 'RANGE') }));
+}
+/* harmony default export */ const Filter_FilterFacetRange = (FilterFacetRange);
+//# sourceMappingURL=FilterFacetRange.js.map
+
+/***/ }),
+
+/***/ 4199:
+/***/ ((__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__);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(783);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7734);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(7583);
+
+
+function FilterFacets({ testId, label, index, children, type, }) {
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, { key: `${label}-${index}`, prefixId: testId, testId: `${testId}-accordion`, index: index, "data-type": type, "data-fs-filter-accordion-item": true },
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, { testId: `${testId}-accordion-button` }, label),
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, null, children)));
+}
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FilterFacets);
+//# sourceMappingURL=FilterFacets.js.map
+
+/***/ }),
+
 /***/ 6737:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -1900,8 +2218,8 @@ const ProductCardImage = (0,external_react_.forwardRef)(function ProductCardImag
 //# sourceMappingURL=ProductCardImage.js.map
 // EXTERNAL MODULE: ../components/dist/esm/atoms/Link/Link.js
 var Link = __webpack_require__(727);
-// EXTERNAL MODULE: ../components/dist/esm/atoms/Price/Price.js
-var Price = __webpack_require__(9767);
+// EXTERNAL MODULE: ../components/dist/esm/molecules/ProductPrice/ProductPrice.js
+var ProductPrice = __webpack_require__(9088);
 // EXTERNAL MODULE: ../components/dist/esm/molecules/Rating/Rating.js
 var Rating = __webpack_require__(3024);
 // EXTERNAL MODULE: ../components/dist/esm/atoms/Icon/Icon.js
@@ -1916,20 +2234,16 @@ var Button = __webpack_require__(3339);
 
 
 const ProductCardContent = (0,external_react_.forwardRef)(function CardContent({ testId = 'fs-product-card-content', title, linkProps, price, outOfStock, outOfStockLabel = 'Out of stock', ratingValue, showDiscountBadge, buttonLabel = 'Add', onButtonClick, children, ...otherProps }, ref) {
-    const listPrice = price?.listPrice ?? 0;
-    const sellingPrice = price?.value ?? 0;
+    const listingPrice = price?.listPrice ? price.listPrice : 0;
+    const sellingPrice = price?.value ? price.value : 0;
     return (external_react_default().createElement("section", { ref: ref, "data-fs-product-card-content": true, "data-fs-product-card-badge": showDiscountBadge, "data-testid": testId, ...otherProps },
         external_react_default().createElement("div", { "data-fs-product-card-heading": true },
             external_react_default().createElement("h3", { "data-fs-product-card-title": true },
                 external_react_default().createElement(Link/* default */.Z, { ...linkProps, title: title },
                     external_react_default().createElement("span", null, title))),
-            !outOfStock && (external_react_default().createElement("div", { "data-fs-product-card-prices": true }, sellingPrice !== listPrice
-                ? (external_react_default().createElement((external_react_default()).Fragment, null,
-                    external_react_default().createElement(Price/* default */.Z, { value: listPrice, formatter: price?.formatter, testId: "list-price", "data-value": listPrice, variant: "listing", SRText: "Original price:" }),
-                    external_react_default().createElement(Price/* default */.Z, { value: sellingPrice, formatter: price?.formatter, testId: "price", "data-value": sellingPrice, variant: "spot", SRText: "Sale Price:" })))
-                : (external_react_default().createElement(Price/* default */.Z, { value: sellingPrice, formatter: price?.formatter, testId: "price", "data-value": sellingPrice, variant: "spot", SRText: "Sale Price:" })))),
+            !outOfStock && (external_react_default().createElement(ProductPrice/* default */.Z, { "data-fs-product-card-prices": true, value: sellingPrice, listPrice: listingPrice, formatter: price?.formatter })),
             ratingValue && (external_react_default().createElement(Rating/* default */.Z, { value: ratingValue, icon: external_react_default().createElement(Icon/* default */.Z, { name: "Star" }) }))),
-        showDiscountBadge && !outOfStock && (external_react_default().createElement(DiscountBadge/* default */.Z, { listPrice: price?.listPrice ? price.listPrice : 0, spotPrice: price?.value ? price.value : 0 })),
+        showDiscountBadge && !outOfStock && (external_react_default().createElement(DiscountBadge/* default */.Z, { listPrice: listingPrice, spotPrice: sellingPrice })),
         outOfStock && external_react_default().createElement(Badge/* default */.Z, null, outOfStockLabel),
         onButtonClick && !outOfStock && (external_react_default().createElement("div", { "data-fs-product-card-actions": true },
             external_react_default().createElement(Button/* default */.Z, { variant: "primary", icon: external_react_default().createElement(Icon/* default */.Z, { name: "ShoppingCart" }), iconPosition: "left", size: "small", onClick: onButtonClick }, buttonLabel)))));
@@ -2049,6 +2363,210 @@ const fragment = "unknown";
 
 /***/ }),
 
+/***/ 9044:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Z": () => (/* binding */ Filter_Filter)
+});
+
+// UNUSED EXPORTS: fragment
+
+// EXTERNAL MODULE: ../components/dist/esm/hooks/UIProvider.js
+var UIProvider = __webpack_require__(6652);
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(6689);
+// EXTERNAL MODULE: ./src/sdk/overrides/OverrideContext.tsx
+var OverrideContext = __webpack_require__(5522);
+// EXTERNAL MODULE: ../sdk/dist/search/facets.js
+var facets = __webpack_require__(8492);
+// EXTERNAL MODULE: ../sdk/dist/search/useSearch.js + 1 modules
+var useSearch = __webpack_require__(3221);
+;// CONCATENATED MODULE: ./src/sdk/search/useFilter.ts
+const _excluded = ["value"];
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+function 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 reducer = (state, action) => {
+  const {
+    expanded,
+    selected
+  } = state;
+  const {
+    type,
+    payload
+  } = action;
+
+  switch (type) {
+    case 'toggleExpanded':
+      {
+        if (expanded.has(payload)) {
+          expanded.delete(payload);
+        } else {
+          expanded.add(payload);
+        }
+
+        return _objectSpread(_objectSpread({}, state), {}, {
+          expanded: new Set(expanded)
+        });
+      }
+
+    case 'selectFacets':
+      {
+        if (payload !== selected) {
+          return _objectSpread(_objectSpread({}, state), {}, {
+            selected: payload
+          });
+        }
+
+        break;
+      }
+
+    case 'toggleFacet':
+      {
+        return _objectSpread(_objectSpread({}, state), {}, {
+          selected: (0,facets/* toggleFacet */.wB)(state.selected, payload)
+        });
+      }
+
+    case 'setFacet':
+      {
+        return _objectSpread(_objectSpread({}, state), {}, {
+          selected: (0,facets/* setFacet */.uL)(state.selected, payload.facet, payload.unique)
+        });
+      }
+
+    default:
+      throw new Error(`Action ${type} not implemented`);
+  }
+
+  return state;
+};
+
+const useFilter = allFacets => {
+  const {
+    state: {
+      selectedFacets
+    }
+  } = (0,useSearch/* useSearch */.R)();
+  const {
+    0: {
+      selected,
+      expanded
+    },
+    1: dispatch
+  } = (0,external_react_.useReducer)(reducer, null, () => ({
+    expanded: new Set([]),
+    selected: selectedFacets
+  }));
+  const selectedMap = (0,external_react_.useMemo)(() => selected.reduce((acc, facet) => {
+    if (!acc.has(facet.key)) {
+      acc.set(facet.key, new Map());
+    }
+
+    acc.get(facet.key)?.set(facet.value, facet);
+    return acc;
+  }, new Map()), [selected]);
+  const facets = (0,external_react_.useMemo)(() => allFacets.map(facet => {
+    if (facet.__typename === 'StoreFacetBoolean') {
+      return _objectSpread(_objectSpread({}, facet), {}, {
+        values: facet.values.map(_ref => {
+          let {
+            value
+          } = _ref,
+              rest = _objectWithoutProperties(_ref, _excluded);
+
+          return _objectSpread(_objectSpread({}, rest), {}, {
+            value,
+            selected: Boolean(selectedMap.get(facet.key)?.has(value))
+          });
+        })
+      });
+    }
+
+    return facet;
+  }), [allFacets, selectedMap]);
+  (0,external_react_.useEffect)(() => {
+    dispatch({
+      type: 'selectFacets',
+      payload: selectedFacets
+    });
+  }, [selectedFacets]);
+  return {
+    facets,
+    selected,
+    expanded,
+    dispatch
+  };
+};
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(997);
+;// CONCATENATED MODULE: ./src/components/search/Filter/Filter.tsx
+function Filter_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 Filter_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? Filter_ownKeys(Object(source), !0).forEach(function (key) { Filter_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : Filter_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function Filter_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 Filter({
+  facets: allFacets,
+  testId = 'fs-filter',
+  filter: filterCmsData
+}) {
+  const {
+    __experimentalFilterDesktop: FilterDesktop,
+    __experimentalFilterSlider: FilterSlider
+  } = (0,OverrideContext/* useOverrideComponents */.r3)();
+  const filter = useFilter(allFacets);
+  const {
+    filter: displayFilter
+  } = (0,UIProvider/* useUI */.l)();
+  return /*#__PURE__*/(0,jsx_runtime_.jsxs)(jsx_runtime_.Fragment, {
+    children: [/*#__PURE__*/jsx_runtime_.jsx("div", {
+      className: "hidden-mobile",
+      children: /*#__PURE__*/jsx_runtime_.jsx(FilterDesktop.Component, Filter_objectSpread(Filter_objectSpread(Filter_objectSpread({}, FilterDesktop.props), filter), {}, {
+        testId: testId,
+        title: filterCmsData?.title
+      }))
+    }), displayFilter && /*#__PURE__*/jsx_runtime_.jsx(external_react_.Suspense, {
+      fallback: null,
+      children: /*#__PURE__*/jsx_runtime_.jsx(FilterSlider.Component, Filter_objectSpread(Filter_objectSpread(Filter_objectSpread({}, FilterSlider.props), filter), {}, {
+        testId: testId,
+        title: filterCmsData?.title,
+        clearButtonLabel: filterCmsData?.mobileOnly?.clearButtonLabel,
+        applyButtonLabel: filterCmsData?.mobileOnly?.applyButtonLabel
+      }))
+    })]
+  });
+}
+
+const fragment = "unknown";
+/* harmony default export */ const Filter_Filter = (Filter);
+
+/***/ }),
+
 /***/ 9471:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
@@ -2191,6 +2709,102 @@ __webpack_async_result__();
 
 /***/ }),
 
+/***/ 8723:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Z": () => (/* binding */ Sort_Sort)
+});
+
+// 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/atoms/Label/Label.js
+var Label = __webpack_require__(1953);
+// EXTERNAL MODULE: ../components/dist/esm/atoms/Icon/Icon.js
+var Icon = __webpack_require__(2614);
+;// CONCATENATED MODULE: ../components/dist/esm/atoms/Select/Select.js
+
+
+const Select = (0,external_react_.forwardRef)(function Select({ options, id, testId = 'fs-select', ...otherProps }, ref) {
+    return (external_react_default().createElement("div", { "data-fs-select": true },
+        external_react_default().createElement("select", { ref: ref, id: id, "data-testid": testId, ...otherProps }, Object.keys(options).map((key) => (external_react_default().createElement("option", { key: key, value: key }, options[key])))),
+        external_react_default().createElement(Icon/* default */.Z, { "data-fs-select-icon": true, name: "CaretDown" })));
+});
+/* harmony default export */ const Select_Select = (Select);
+//# sourceMappingURL=Select.js.map
+;// CONCATENATED MODULE: ../components/dist/esm/molecules/SelectField/SelectField.js
+
+
+const SelectField = (0,external_react_.forwardRef)(function SelectField({ id, label, options, testId = 'fs-select-field', ...otherProps }, ref) {
+    return (external_react_default().createElement("div", { ref: ref, "data-fs-select-field": true },
+        external_react_default().createElement(Label/* default */.Z, { "data-fs-select-field-label": true, htmlFor: id }, label),
+        external_react_default().createElement(Select_Select, { id: id, options: options, "data-testid": testId, ...otherProps })));
+});
+/* harmony default export */ const SelectField_SelectField = (SelectField);
+//# sourceMappingURL=SelectField.js.map
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(997);
+;// CONCATENATED MODULE: ./src/components/search/Sort/Sort.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 OptionsMap = {
+  price_desc: 'Price, descending',
+  price_asc: 'Price, ascending',
+  orders_desc: 'Top sales',
+  name_asc: 'Name, A-Z',
+  name_desc: 'Name, Z-A',
+  release_desc: 'Release date',
+  discount_desc: 'Discount',
+  score_desc: 'Relevance'
+};
+const keys = Object.keys(OptionsMap);
+
+function Sort({
+  label = 'Sort by',
+  options = OptionsMap
+}) {
+  const {
+    state,
+    setState
+  } = (0,useSearch/* useSearch */.R)();
+  const optionsMap = Object.keys(options).reduce((acc, currentKey) => {
+    acc[currentKey] = options[currentKey] ?? OptionsMap[currentKey];
+    return acc;
+  }, {});
+  return /*#__PURE__*/jsx_runtime_.jsx(SelectField_SelectField, {
+    id: "sort-select",
+    className: "sort / text__title-mini-alt",
+    label: label,
+    options: optionsMap,
+    onChange: e => {
+      const sort = keys[e.target.selectedIndex];
+      setState(_objectSpread(_objectSpread({}, state), {}, {
+        sort,
+        page: 0
+      }));
+    },
+    value: state.sort,
+    testId: "search-sort"
+  });
+}
+
+/* harmony default export */ const Sort_Sort = (Sort);
+
+/***/ }),
+
 /***/ 6893:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -3652,8 +4266,8 @@ function BuyButton({ testId = 'fs-buy-button', icon, children, ...otherProps })
 //# sourceMappingURL=BuyButton.js.map
 // EXTERNAL MODULE: ../components/dist/esm/atoms/Icon/Icon.js
 var Icon = __webpack_require__(2614);
-// EXTERNAL MODULE: ../components/dist/esm/atoms/Price/Price.js
-var Price = __webpack_require__(9767);
+// EXTERNAL MODULE: ../components/dist/esm/molecules/ProductPrice/ProductPrice.js
+var ProductPrice = __webpack_require__(9088);
 // EXTERNAL MODULE: ../components/dist/esm/molecules/QuantitySelector/QuantitySelector.js
 var QuantitySelector = __webpack_require__(6693);
 // EXTERNAL MODULE: ../components/dist/esm/atoms/Label/Label.js
@@ -3778,6 +4392,8 @@ const TableCell = (0,external_react_.forwardRef)(function TableCell({ scope, ali
 });
 /* harmony default export */ const Table_TableCell = (TableCell);
 //# sourceMappingURL=TableCell.js.map
+// EXTERNAL MODULE: ../components/dist/esm/atoms/Price/Price.js
+var Price = __webpack_require__(9767);
 ;// CONCATENATED MODULE: ../components/dist/esm/organisms/ShippingSimulation/ShippingSimulation.js
 
 
@@ -4228,7 +4844,7 @@ const ProductDetailsDefaultComponents = {
   DiscountBadge: DiscountBadge/* default */.Z,
   BuyButton: BuyButton_BuyButton,
   Icon: Icon/* default */.Z,
-  Price: Price/* default */.Z,
+  ProductPrice: ProductPrice/* default */.Z,
   QuantitySelector: QuantitySelector/* default */.Z,
   SkuSelector: SkuSelector_SkuSelector,
   ShippingSimulation: ShippingSimulation_ShippingSimulation,
@@ -4581,7 +5197,7 @@ function ProductDetailsSettings({
   const {
     BuyButton,
     Icon,
-    Price,
+    ProductPrice,
     QuantitySelector,
     __experimentalNotAvailableButton: NotAvailableButton
   } = (0,OverrideContext/* useOverrideComponents */.r3)();
@@ -4598,7 +5214,6 @@ function ProductDetailsSettings({
     image: productImages,
     additionalProperty,
     offers: {
-      lowPrice,
       offers: [{
         availability,
         price,
@@ -4624,7 +5239,6 @@ function ProductDetailsSettings({
     }
   });
   const outOfStock = (0,external_react_.useMemo)(() => availability === 'https://schema.org/OutOfStock', [availability]);
-  const shouldShowDiscountedPrice = (0,external_react_.useMemo)(() => lowPrice !== listPrice, [lowPrice, listPrice]);
 
   const AddToCartButton = () => {
     return outOfStock ?
@@ -4645,44 +5259,12 @@ function ProductDetailsSettings({
   return /*#__PURE__*/(0,jsx_runtime_.jsxs)(jsx_runtime_.Fragment, {
     children: [!outOfStock && /*#__PURE__*/(0,jsx_runtime_.jsxs)("section", {
       "data-fs-product-details-values": true,
-      children: [/*#__PURE__*/jsx_runtime_.jsx("div", {
+      children: [/*#__PURE__*/jsx_runtime_.jsx(ProductPrice.Component, ProductDetailsSettings_objectSpread({
         "data-fs-product-details-prices": true,
-        children: shouldShowDiscountedPrice ? /*#__PURE__*/(0,jsx_runtime_.jsxs)(jsx_runtime_.Fragment, {
-          children: [/*#__PURE__*/jsx_runtime_.jsx(Price.Component, ProductDetailsSettings_objectSpread(ProductDetailsSettings_objectSpread({
-            formatter: useFormattedPrice/* useFormattedPrice */.P,
-            testId: "list-price",
-            variant: "listing",
-            SRText: "Original price:"
-          }, Price.props), {}, {
-            // Dynamic props shouldn't be overridable
-            // This decision can be reviewed later if needed
-            value: listPrice,
-            "data-value": listPrice
-          })), /*#__PURE__*/jsx_runtime_.jsx(Price.Component, ProductDetailsSettings_objectSpread(ProductDetailsSettings_objectSpread({
-            formatter: useFormattedPrice/* useFormattedPrice */.P,
-            testId: "price",
-            variant: "spot",
-            className: "text__lead",
-            SRText: "Sale Price:"
-          }, Price.props), {}, {
-            // Dynamic props shouldn't be overridable
-            // This decision can be reviewed later if needed
-            value: lowPrice,
-            "data-value": lowPrice
-          }))]
-        }) : /*#__PURE__*/jsx_runtime_.jsx(Price.Component, ProductDetailsSettings_objectSpread(ProductDetailsSettings_objectSpread({
-          formatter: useFormattedPrice/* useFormattedPrice */.P,
-          testId: "list-price",
-          variant: "spot",
-          className: "text__lead",
-          SRText: "Original price:"
-        }, Price.props), {}, {
-          // Dynamic props shouldn't be overridable
-          // This decision can be reviewed later if needed
-          value: lowPrice,
-          "data-value": lowPrice
-        }))
-      }), /*#__PURE__*/jsx_runtime_.jsx(QuantitySelector.Component, ProductDetailsSettings_objectSpread(ProductDetailsSettings_objectSpread({
+        value: price,
+        listPrice: listPrice,
+        formatter: useFormattedPrice/* useFormattedPrice */.P
+      }, ProductPrice.props)), /*#__PURE__*/jsx_runtime_.jsx(QuantitySelector.Component, ProductDetailsSettings_objectSpread(ProductDetailsSettings_objectSpread({
         min: 1,
         max: 10
       }, QuantitySelector.props), {}, {
@@ -4911,6 +5493,278 @@ const fragment = "unknown";
 
 /***/ }),
 
+/***/ 5366:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "h": () => (/* binding */ ProductGalleryDefaultComponents)
+});
+
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(6689);
+// EXTERNAL MODULE: ../components/dist/esm/atoms/Button/Button.js
+var Button = __webpack_require__(3339);
+// EXTERNAL MODULE: ../components/dist/esm/atoms/Icon/Icon.js
+var Icon = __webpack_require__(2614);
+// EXTERNAL MODULE: ../components/dist/esm/atoms/Skeleton/Skeleton.js
+var Skeleton = __webpack_require__(792);
+// EXTERNAL MODULE: ../components/dist/esm/molecules/LinkButton/LinkButton.js
+var LinkButton = __webpack_require__(3922);
+// EXTERNAL MODULE: ./src/components/product/ProductCard/ProductCard.tsx + 3 modules
+var ProductCard = __webpack_require__(8553);
+// EXTERNAL MODULE: ../sdk/dist/search/useSearch.js + 1 modules
+var useSearch = __webpack_require__(3221);
+// EXTERNAL MODULE: ../sdk/dist/search/facets.js
+var search_facets = __webpack_require__(8492);
+// 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: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(997);
+;// CONCATENATED MODULE: ./src/components/search/Filter/FilterDesktop.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 FilterDesktop({
+  facets,
+  testId,
+  dispatch,
+  expanded,
+  title
+}) {
+  const {
+    resetInfiniteScroll,
+    state,
+    setState
+  } = (0,useSearch/* useSearch */.R)();
+  return /*#__PURE__*/jsx_runtime_.jsx(Filter/* default */.Z, {
+    testId: `desktop-${testId}`,
+    title: title,
+    indicesExpanded: expanded,
+    onAccordionChange: idx => dispatch({
+      type: 'toggleExpanded',
+      payload: idx
+    }),
+    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: 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: testId,
+            onFacetChange: facet => {
+              setState(_objectSpread(_objectSpread({}, state), {}, {
+                selectedFacets: (0,search_facets/* toggleFacet */.wB)(state.selectedFacets, facet),
+                page: 0
+              }));
+              resetInfiniteScroll(0);
+            },
+            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 => {
+            setState(_objectSpread(_objectSpread({}, state), {}, {
+              selectedFacets: (0,search_facets/* setFacet */.uL)(state.selectedFacets, facet, true),
+              page: 0
+            }));
+            resetInfiniteScroll(0);
+          }
+        })]
+      }, `${testId}-${label}-${index}`);
+    })
+  });
+}
+
+/* harmony default export */ const Filter_FilterDesktop = (FilterDesktop);
+// EXTERNAL MODULE: ../components/dist/esm/organisms/EmptyState/EmptyState.js
+var EmptyState = __webpack_require__(6133);
+;// CONCATENATED MODULE: ./src/components/sections/ProductGallery/EmptyGallery.tsx
+
+
+
+
+function EmptyGallery({
+  title,
+  firstButton,
+  secondButton
+}) {
+  return /*#__PURE__*/(0,jsx_runtime_.jsxs)(EmptyState/* default */.Z, {
+    variant: "rounded",
+    title: title ?? 'Nothing matches with your search',
+    titleIcon: /*#__PURE__*/jsx_runtime_.jsx(Icon/* default */.Z, {
+      name: "CircleWavyWarning",
+      width: 56,
+      height: 56,
+      weight: "thin"
+    }),
+    children: [/*#__PURE__*/jsx_runtime_.jsx(LinkButton/* default */.Z, {
+      href: firstButton?.url ?? '/office',
+      variant: "secondary",
+      icon: /*#__PURE__*/jsx_runtime_.jsx(Icon/* default */.Z, {
+        name: firstButton?.icon ?? 'CircleWavyWarning',
+        width: 18,
+        height: 18,
+        weight: "bold"
+      }),
+      iconPosition: "left",
+      children: firstButton?.label ?? 'Browse Offers'
+    }), /*#__PURE__*/jsx_runtime_.jsx(LinkButton/* default */.Z, {
+      href: secondButton?.url ?? '/technology',
+      variant: "secondary",
+      icon: /*#__PURE__*/jsx_runtime_.jsx(Icon/* default */.Z, {
+        name: secondButton?.icon ?? 'RocketLaunch',
+        width: 18,
+        height: 18,
+        weight: "bold"
+      }),
+      iconPosition: "left",
+      children: secondButton?.label ?? 'Just Arrived'
+    })]
+  });
+}
+
+/* harmony default export */ const ProductGallery_EmptyGallery = (EmptyGallery);
+;// CONCATENATED MODULE: ./src/components/sections/ProductGallery/DefaultComponents.ts
+
+
+
+
+
+const FilterSlider = /*#__PURE__*/(0,external_react_.lazy)(() => __webpack_require__.e(/* import() */ 386).then(__webpack_require__.bind(__webpack_require__, 1386)));
+const ProductGalleryDefaultComponents = {
+  MobileFilterButton: Button/* default */.Z,
+  FilterIcon: Icon/* default */.Z,
+  PrevIcon: Icon/* default */.Z,
+  ResultsCountSkeleton: Skeleton/* default */.Z,
+  SortSkeleton: Skeleton/* default */.Z,
+  FilterButtonSkeleton: Skeleton/* default */.Z,
+  LinkButtonPrev: LinkButton/* default */.Z,
+  LinkButtonNext: LinkButton/* default */.Z,
+  __experimentalFilterDesktop: Filter_FilterDesktop,
+  __experimentalFilterSlider: FilterSlider,
+  __experimentalProductCard: ProductCard/* default */.Z,
+  __experimentalEmptyGallery: ProductGallery_EmptyGallery
+};
+
+/***/ }),
+
+/***/ 8273:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var src_sdk_tests_mark__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(2541);
+/* harmony import */ var src_components_ui_ProductGallery_ProductGallery__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(5333);
+/* harmony import */ var _Section__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(3271);
+/* harmony import */ var _section_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(4614);
+/* 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_sdk_overrides_PageProvider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5953);
+/* harmony import */ var src_sdk_overrides_OverrideContext__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5522);
+/* 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__);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([src_components_ui_ProductGallery_ProductGallery__WEBPACK_IMPORTED_MODULE_5__]);
+src_components_ui_ProductGallery_ProductGallery__WEBPACK_IMPORTED_MODULE_5__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
+const _excluded = ["emptyGallery"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+
+
+
+
+
+
+
+
+function ProductGallerySection(_ref) {
+  let {
+    emptyGallery
+  } = _ref,
+      otherProps = _objectWithoutProperties(_ref, _excluded);
+
+  const {
+    __experimentalEmptyGallery: EmptyGallery
+  } = (0,src_sdk_overrides_OverrideContext__WEBPACK_IMPORTED_MODULE_1__/* .useOverrideComponents */ .r3)();
+  const context = (0,src_sdk_overrides_PageProvider__WEBPACK_IMPORTED_MODULE_2__/* .usePage */ .qt)();
+  const [title, searchTerm] = (0,src_sdk_overrides_PageProvider__WEBPACK_IMPORTED_MODULE_2__/* .isSearchPage */ .En)(context) ? [context?.data?.title, context?.data?.searchTerm] : (0,src_sdk_overrides_PageProvider__WEBPACK_IMPORTED_MODULE_2__/* .isPLP */ .OJ)(context) ? [context?.data?.collection?.seo?.title] : [''];
+  const totalCount = context?.data?.search?.products?.pageInfo?.totalCount ?? 0;
+
+  if (context?.data?.search?.products && totalCount === 0) {
+    return /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Section__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
+      className: `${(_section_module_scss__WEBPACK_IMPORTED_MODULE_4___default().section)} section-product-gallery`,
+      children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("section", {
+        "data-testid": "product-gallery",
+        "data-fs-product-listing": true,
+        children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(EmptyGallery.Component, _objectSpread({}, emptyGallery))
+      })
+    });
+  }
+
+  return /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Section__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
+    className: `${(_section_module_scss__WEBPACK_IMPORTED_MODULE_4___default().section)} section-product-gallery layout__section`,
+    children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(src_components_ui_ProductGallery_ProductGallery__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, _objectSpread({
+      title: title,
+      searchTerm: searchTerm,
+      totalCount: totalCount
+    }, otherProps))
+  });
+}
+
+ProductGallerySection.displayName = 'ProductGallery';
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,src_sdk_tests_mark__WEBPACK_IMPORTED_MODULE_6__/* .mark */ .B)(ProductGallerySection));
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
+
+/***/ }),
+
 /***/ 2432:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -5185,6 +6039,67 @@ const Section = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(f
 
 /***/ }),
 
+/***/ 1159:
+/***/ ((__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 _faststore_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(792);
+/* 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 FilterSkeleton({
+  children,
+  loading = true
+}) {
+  return loading ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+    "data-fs-filter-skeleton": true,
+    children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, {
+      "data-fs-filter-skeleton-text": true,
+      size: {
+        width: '100%',
+        height: '1.5rem'
+      }
+    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+      "data-fs-filter-skeleton-content": true,
+      children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, {
+        "data-fs-filter-skeleton-text": true,
+        size: {
+          width: '100%',
+          height: '1.5rem'
+        },
+        shimmer: false
+      }), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, {
+        "data-fs-filter-skeleton-text": true,
+        size: {
+          width: '100%',
+          height: '1.5rem'
+        },
+        shimmer: false
+      }), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, {
+        "data-fs-filter-skeleton-text": true,
+        size: {
+          width: '100%',
+          height: '1.5rem'
+        },
+        shimmer: false
+      })]
+    })]
+  }) : /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
+    children: children
+  });
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FilterSkeleton);
+
+/***/ }),
+
 /***/ 6531:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -5261,6 +6176,46 @@ function ProductCardSkeleton({
 
 /***/ }),
 
+/***/ 1708:
+/***/ ((__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_constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8459);
+/* harmony import */ var _ProductCardSkeleton__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(6531);
+/* 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 ProductGridSkeleton({
+  children,
+  aspectRatio,
+  loading = true
+}) {
+  return loading ? /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("ul", {
+    "data-fs-product-grid": true,
+    children: Array.from({
+      length: src_constants__WEBPACK_IMPORTED_MODULE_1__/* .ITEMS_PER_PAGE */ .g
+    }, (_, index) => /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("li", {
+      children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_ProductCardSkeleton__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
+        aspectRatio: aspectRatio,
+        bordered: true
+      })
+    }, String(index)))
+  }) : /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
+    children: children
+  });
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProductGridSkeleton);
+
+/***/ }),
+
 /***/ 6523:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -6021,24 +6976,279 @@ function Logo({
   src,
   loading = 'lazy'
 }) {
-  return /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
-    "data-fs-logo": true,
-    children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(src_components_ui_Image__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, {
-      alt: alt,
-      src: src,
-      width: 0,
-      height: 0,
-      sizes: "15vw",
-      loading: loading,
-      style: {
-        width: '100%',
-        height: 'auto'
-      }
-    })
+  return /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+    "data-fs-logo": true,
+    children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(src_components_ui_Image__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, {
+      alt: alt,
+      src: src,
+      width: 0,
+      height: 0,
+      sizes: "15vw",
+      loading: loading,
+      style: {
+        width: '100%',
+        height: 'auto'
+      }
+    })
+  });
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Logo);
+
+/***/ }),
+
+/***/ 5333:
+/***/ ((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 _faststore_sdk__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(3221);
+/* harmony import */ var next_seo__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6641);
+/* harmony import */ var next_seo__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(next_seo__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6689);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(6652);
+/* harmony import */ var src_components_search_Filter__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(9044);
+/* harmony import */ var src_components_search_Sort__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(8723);
+/* harmony import */ var src_components_skeletons_FilterSkeleton__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(1159);
+/* harmony import */ var src_components_skeletons_ProductGridSkeleton__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(1708);
+/* harmony import */ var src_sdk_search_useDelayedFacets__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(4891);
+/* harmony import */ var src_sdk_search_useDelayedPagination__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(3332);
+/* harmony import */ var src_sdk_overrides_PageProvider__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(5953);
+/* harmony import */ var src_sdk_product_useProductsPrefetch__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(4923);
+/* harmony import */ var src_sdk_overrides_OverrideContext__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(5522);
+/* 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_useProductsPrefetch__WEBPACK_IMPORTED_MODULE_10__]);
+src_sdk_product_useProductsPrefetch__WEBPACK_IMPORTED_MODULE_10__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const ProductGalleryPage = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.lazy)(() => Promise.all(/* import() */[__webpack_require__.e(934), __webpack_require__.e(289)]).then(__webpack_require__.bind(__webpack_require__, 5289)));
+
+const GalleryPageSkeleton = /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx(src_components_skeletons_ProductGridSkeleton__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
+  loading: true
+});
+
+function ProductGallery({
+  title,
+  searchTerm,
+  totalCount,
+  searchTermLabel,
+  totalCountLabel,
+  filter,
+  previousPageButton,
+  loadMorePageButton,
+  sortBySelector,
+  productCard
+}) {
+  const {
+    FilterButtonSkeleton,
+    FilterIcon,
+    LinkButtonNext,
+    LinkButtonPrev,
+    MobileFilterButton,
+    PrevIcon,
+    ResultsCountSkeleton,
+    SortSkeleton
+  } = (0,src_sdk_overrides_OverrideContext__WEBPACK_IMPORTED_MODULE_4__/* .useOverrideComponents */ .r3)();
+  const {
+    openFilter
+  } = (0,_faststore_ui__WEBPACK_IMPORTED_MODULE_5__/* .useUI */ .l)();
+  const {
+    pages,
+    addNextPage,
+    addPrevPage,
+    itemsPerPage
+  } = (0,_faststore_sdk__WEBPACK_IMPORTED_MODULE_6__/* .useSearch */ .R)();
+  const context = (0,src_sdk_overrides_PageProvider__WEBPACK_IMPORTED_MODULE_7__/* .usePage */ .qt)();
+  const data = context?.data;
+  const facets = (0,src_sdk_search_useDelayedFacets__WEBPACK_IMPORTED_MODULE_8__/* .useDelayedFacets */ .u)(data) ?? [];
+  const {
+    next,
+    prev
+  } = (0,src_sdk_search_useDelayedPagination__WEBPACK_IMPORTED_MODULE_9__/* .useDelayedPagination */ .g)(totalCount);
+  (0,src_sdk_product_useProductsPrefetch__WEBPACK_IMPORTED_MODULE_10__/* .useProductsPrefetch */ .Fl)(prev ? prev.cursor : null);
+  (0,src_sdk_product_useProductsPrefetch__WEBPACK_IMPORTED_MODULE_10__/* .useProductsPrefetch */ .Fl)(next ? next.cursor : null);
+  const hasFacetsLoaded = Boolean(data?.search?.facets);
+  const hasProductsLoaded = Boolean(data?.search?.products);
+  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("section", {
+    "data-testid": "product-gallery",
+    "data-fs-product-listing": true,
+    children: [searchTerm && /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx("header", {
+      "data-fs-product-listing-search-term": true,
+      "data-fs-content": "product-gallery",
+      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("h1", {
+        children: [searchTermLabel, " ", /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx("span", {
+          children: searchTerm
+        })]
+      })
+    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div", {
+      "data-fs-product-listing-content-grid": true,
+      "data-fs-content": "product-gallery",
+      children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx("div", {
+        "data-fs-product-listing-filters": true,
+        children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx(src_components_skeletons_FilterSkeleton__WEBPACK_IMPORTED_MODULE_11__/* ["default"] */ .Z, {
+          loading: !hasFacetsLoaded,
+          children: hasFacetsLoaded && facets?.length > 0 && /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx(src_components_search_Filter__WEBPACK_IMPORTED_MODULE_12__/* ["default"] */ .Z, {
+            facets: facets,
+            filter: filter
+          })
+        })
+      }), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx("div", {
+        "data-fs-product-listing-results-count": true,
+        "data-count": totalCount,
+        children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx(ResultsCountSkeleton.Component, _objectSpread(_objectSpread({
+          "data-fs-product-listing-results-count-skeleton": true,
+          size: {
+            width: '100%',
+            height: '1.5rem'
+          }
+        }, ResultsCountSkeleton.props), {}, {
+          // Dynamic props shouldn't be overridable
+          // This decision can be reviewed later if needed
+          loading: !hasProductsLoaded,
+          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("h2", {
+            "data-testid": "total-product-count",
+            children: [totalCount, " ", totalCountLabel]
+          })
+        }))
+      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div", {
+        "data-fs-product-listing-sort": true,
+        children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx(SortSkeleton.Component, _objectSpread(_objectSpread({
+          "data-fs-product-listing-sort-skeleton": true,
+          size: {
+            width: 'auto',
+            height: '1.5rem'
+          }
+        }, SortSkeleton.props), {}, {
+          // Dynamic props shouldn't be overridable
+          // This decision can be reviewed later if needed
+          loading: !hasProductsLoaded,
+          children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx(src_components_search_Sort__WEBPACK_IMPORTED_MODULE_13__/* ["default"] */ .Z, {
+            label: sortBySelector?.label,
+            options: sortBySelector?.options
+          })
+        })), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx(FilterButtonSkeleton.Component, _objectSpread(_objectSpread({
+          "data-fs-product-listing-filter-button-skeleton": true,
+          size: {
+            width: '6rem',
+            height: '1.5rem'
+          }
+        }, FilterButtonSkeleton.props), {}, {
+          // Dynamic props shouldn't be overridable
+          // This decision can be reviewed later if needed
+          loading: !hasFacetsLoaded,
+          children: hasFacetsLoaded && facets?.length > 0 && /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx(MobileFilterButton.Component, _objectSpread(_objectSpread({
+            variant: "tertiary",
+            "data-testid": "open-filter-button",
+            icon: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx(FilterIcon.Component, _objectSpread(_objectSpread({
+              width: 16,
+              height: 16
+            }, FilterIcon.props), {}, {
+              name: filter?.mobileOnly?.filterButton?.icon?.icon ?? FilterIcon.props.name,
+              "aria-label": filter?.mobileOnly?.filterButton?.icon?.alt ?? FilterIcon.props['aria-label']
+            })),
+            iconPosition: "left"
+          }, MobileFilterButton.props), {}, {
+            // Dynamic props shouldn't be overridable
+            // This decision can be reviewed later if needed
+            onClick: openFilter,
+            children: filter?.mobileOnly?.filterButton?.label
+          }))
+        }))]
+      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div", {
+        "data-fs-product-listing-results": true,
+        children: [prev !== false && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div", {
+          "data-fs-product-listing-pagination": "top",
+          children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx(next_seo__WEBPACK_IMPORTED_MODULE_0__.NextSeo, {
+            additionalLinkTags: [{
+              rel: 'prev',
+              href: prev.link
+            }]
+          }), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx(LinkButtonPrev.Component, _objectSpread(_objectSpread({
+            rel: "prev",
+            variant: "secondary",
+            iconPosition: "left",
+            icon: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx(PrevIcon.Component, _objectSpread(_objectSpread({
+              width: 16,
+              height: 16,
+              weight: "bold"
+            }, PrevIcon.props), {}, {
+              name: previousPageButton?.icon?.icon ?? PrevIcon.props.name,
+              "aria-label": previousPageButton?.icon?.alt ?? previousPageButton?.label ?? PrevIcon.props['aria-label']
+            }))
+          }, LinkButtonPrev.props), {}, {
+            // Dynamic props shouldn't be overridable
+            // This decision can be reviewed later if needed
+            onClick: e => {
+              e.currentTarget.blur();
+              e.preventDefault();
+              addPrevPage();
+            },
+            href: prev.link,
+            children: previousPageButton?.label
+          }))]
+        }), hasProductsLoaded ? /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx(react__WEBPACK_IMPORTED_MODULE_1__.Suspense, {
+          fallback: GalleryPageSkeleton,
+          children: pages.map(page => /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx(ProductGalleryPage, {
+            page: page,
+            title: title,
+            productCard: productCard,
+            itemsPerPage: itemsPerPage
+          }, `gallery-page-${page}`))
+        }) : GalleryPageSkeleton, next !== false && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div", {
+          "data-fs-product-listing-pagination": "bottom",
+          children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx(next_seo__WEBPACK_IMPORTED_MODULE_0__.NextSeo, {
+            additionalLinkTags: [{
+              rel: 'next',
+              href: next.link
+            }]
+          }), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx(LinkButtonNext.Component, _objectSpread(_objectSpread({
+            testId: "show-more",
+            rel: "next",
+            variant: "secondary"
+          }, LinkButtonNext.props), {}, {
+            // Dynamic props shouldn't be overridable
+            // This decision can be reviewed later if needed
+            onClick: e => {
+              e.currentTarget.blur();
+              e.preventDefault();
+              addNextPage();
+            },
+            href: next.link,
+            children: loadMorePageButton?.label
+          }))]
+        })]
+      })]
+    })]
   });
 }
 
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Logo);
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProductGallery);
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
 
 /***/ }),
 
@@ -6467,6 +7677,47 @@ class MissingContentError extends Error {
 
 /***/ }),
 
+/***/ 2953:
+/***/ ((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 */   "p": () => (/* binding */ prefetchQuery)
+/* harmony export */ });
+/* harmony import */ var swr__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5941);
+/* harmony import */ var _request__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(180);
+/* harmony import */ var _useQuery__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7732);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([swr__WEBPACK_IMPORTED_MODULE_0__, _useQuery__WEBPACK_IMPORTED_MODULE_1__]);
+([swr__WEBPACK_IMPORTED_MODULE_0__, _useQuery__WEBPACK_IMPORTED_MODULE_1__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+const _excluded = ["cache"];
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+
+
+
+const prefetchQuery = (operationName, variables, _ref) => {
+  let {
+    cache
+  } = _ref,
+      options = _objectWithoutProperties(_ref, _excluded);
+
+  const key = (0,_useQuery__WEBPACK_IMPORTED_MODULE_1__/* .getKey */ .km)(operationName, variables);
+
+  if (cache.get(key)) {
+    return;
+  }
+
+  (0,swr__WEBPACK_IMPORTED_MODULE_0__.mutate)(key, (0,_request__WEBPACK_IMPORTED_MODULE_2__/* .request */ .W)(operationName, variables, options));
+};
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
+
+/***/ }),
+
 /***/ 180:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -6752,18 +8003,22 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var _components_sections_BannerText__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9315);
 /* harmony import */ var _components_sections_Breadcrumb__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(341);
 /* harmony import */ var _components_sections_Hero__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(2849);
-/* harmony import */ var _components_sections_ProductShelf__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(8569);
+/* harmony import */ var _components_sections_ProductShelf__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(8569);
 /* harmony import */ var _components_sections_CrossSellingShelf__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(994);
 /* harmony import */ var _components_sections_ProductDetails__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(8663);
-/* harmony import */ var _components_sections_Alert_DefaultComponents__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(6948);
-/* harmony import */ var _components_sections_BannerText_DefaultComponents__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(719);
-/* harmony import */ var src_components_sections_Breadcrumb_DefaultComponents__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(7649);
-/* harmony import */ var src_components_sections_CrossSellingShelf_DefaultComponents__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(8435);
-/* harmony import */ var _components_sections_Hero_DefaultComponents__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(9569);
-/* harmony import */ var _components_sections_ProductShelf_DefaultComponents__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(2432);
-/* harmony import */ var _components_sections_ProductDetails_DefaultComponents__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(1307);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_components_sections_CrossSellingShelf__WEBPACK_IMPORTED_MODULE_3__, _components_sections_ProductShelf__WEBPACK_IMPORTED_MODULE_6__]);
-([_components_sections_CrossSellingShelf__WEBPACK_IMPORTED_MODULE_3__, _components_sections_ProductShelf__WEBPACK_IMPORTED_MODULE_6__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+/* harmony import */ var _components_sections_ProductGallery__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(8273);
+/* harmony import */ var _components_sections_Alert_DefaultComponents__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(6948);
+/* harmony import */ var _components_sections_BannerText_DefaultComponents__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(719);
+/* harmony import */ var src_components_sections_Breadcrumb_DefaultComponents__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(7649);
+/* harmony import */ var src_components_sections_CrossSellingShelf_DefaultComponents__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(8435);
+/* harmony import */ var _components_sections_Hero_DefaultComponents__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(9569);
+/* harmony import */ var _components_sections_ProductDetails_DefaultComponents__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(1307);
+/* harmony import */ var _components_sections_ProductGallery_DefaultComponents__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(5366);
+/* harmony import */ var _components_sections_ProductShelf_DefaultComponents__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(2432);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_components_sections_CrossSellingShelf__WEBPACK_IMPORTED_MODULE_3__, _components_sections_ProductGallery__WEBPACK_IMPORTED_MODULE_6__, _components_sections_ProductShelf__WEBPACK_IMPORTED_MODULE_7__]);
+([_components_sections_CrossSellingShelf__WEBPACK_IMPORTED_MODULE_3__, _components_sections_ProductGallery__WEBPACK_IMPORTED_MODULE_6__, _components_sections_ProductShelf__WEBPACK_IMPORTED_MODULE_7__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+
+
 
 
 
@@ -6785,16 +8040,18 @@ const Sections = {
   CrossSellingShelf: _components_sections_CrossSellingShelf__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z,
   Hero: _components_sections_Hero__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z,
   ProductDetails: _components_sections_ProductDetails__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z,
-  ProductShelf: _components_sections_ProductShelf__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z
+  ProductGallery: _components_sections_ProductGallery__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z,
+  ProductShelf: _components_sections_ProductShelf__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z
 };
 const DefaultComponents = {
-  Alert: _components_sections_Alert_DefaultComponents__WEBPACK_IMPORTED_MODULE_7__/* .AlertDefaultComponents */ .p,
-  BannerText: _components_sections_BannerText_DefaultComponents__WEBPACK_IMPORTED_MODULE_8__/* .BannerTextDefaultComponents */ .b,
-  Breadcrumb: src_components_sections_Breadcrumb_DefaultComponents__WEBPACK_IMPORTED_MODULE_9__/* .BreadcrumbDefaultComponents */ .Q,
-  CrossSellingShelf: src_components_sections_CrossSellingShelf_DefaultComponents__WEBPACK_IMPORTED_MODULE_10__/* .CrossSellingShelfDefaultComponents */ .q,
-  Hero: _components_sections_Hero_DefaultComponents__WEBPACK_IMPORTED_MODULE_11__/* .HeroDefaultComponents */ .O,
-  ProductDetails: _components_sections_ProductDetails_DefaultComponents__WEBPACK_IMPORTED_MODULE_12__/* .ProductDetailsDefaultComponents */ .l,
-  ProductShelf: _components_sections_ProductShelf_DefaultComponents__WEBPACK_IMPORTED_MODULE_13__/* .ProductShelfDefaultComponents */ .B
+  Alert: _components_sections_Alert_DefaultComponents__WEBPACK_IMPORTED_MODULE_8__/* .AlertDefaultComponents */ .p,
+  BannerText: _components_sections_BannerText_DefaultComponents__WEBPACK_IMPORTED_MODULE_9__/* .BannerTextDefaultComponents */ .b,
+  Breadcrumb: src_components_sections_Breadcrumb_DefaultComponents__WEBPACK_IMPORTED_MODULE_10__/* .BreadcrumbDefaultComponents */ .Q,
+  CrossSellingShelf: src_components_sections_CrossSellingShelf_DefaultComponents__WEBPACK_IMPORTED_MODULE_11__/* .CrossSellingShelfDefaultComponents */ .q,
+  Hero: _components_sections_Hero_DefaultComponents__WEBPACK_IMPORTED_MODULE_12__/* .HeroDefaultComponents */ .O,
+  ProductDetails: _components_sections_ProductDetails_DefaultComponents__WEBPACK_IMPORTED_MODULE_13__/* .ProductDetailsDefaultComponents */ .l,
+  ProductGallery: _components_sections_ProductGallery_DefaultComponents__WEBPACK_IMPORTED_MODULE_14__/* .ProductGalleryDefaultComponents */ .h,
+  ProductShelf: _components_sections_ProductShelf_DefaultComponents__WEBPACK_IMPORTED_MODULE_15__/* .ProductShelfDefaultComponents */ .B
 };
 __webpack_async_result__();
 } catch(e) { __webpack_async_result__(e); } });
@@ -6948,6 +8205,71 @@ const useProductLink = ({
 
 /***/ }),
 
+/***/ 4923:
+/***/ ((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 */   "Fl": () => (/* binding */ useProductsPrefetch)
+/* harmony export */ });
+/* unused harmony exports query, useProductsQueryPrefetch */
+/* harmony import */ var _faststore_sdk__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(3221);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var swr__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5941);
+/* harmony import */ var _graphql_prefetchQuery__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(2953);
+/* harmony import */ var _useLocalizedVariables__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(2523);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([swr__WEBPACK_IMPORTED_MODULE_1__, _graphql_prefetchQuery__WEBPACK_IMPORTED_MODULE_3__]);
+([swr__WEBPACK_IMPORTED_MODULE_1__, _graphql_prefetchQuery__WEBPACK_IMPORTED_MODULE_3__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+
+
+
+
+
+const query = "ClientManyProductsQuery";
+const useProductsQueryPrefetch = (variables, options) => {
+  const localizedVariables = (0,_useLocalizedVariables__WEBPACK_IMPORTED_MODULE_2__/* .useLocalizedVariables */ .y)(variables);
+  const {
+    cache
+  } = (0,swr__WEBPACK_IMPORTED_MODULE_1__.useSWRConfig)();
+  return (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => (0,_graphql_prefetchQuery__WEBPACK_IMPORTED_MODULE_3__/* .prefetchQuery */ .p)(query, localizedVariables, _objectSpread({
+    cache
+  }, options)), [localizedVariables, cache, options]);
+};
+const useProductsPrefetch = page => {
+  const {
+    itemsPerPage,
+    state: {
+      sort,
+      term,
+      selectedFacets
+    }
+  } = (0,_faststore_sdk__WEBPACK_IMPORTED_MODULE_4__/* .useSearch */ .R)();
+  const prefetch = useProductsQueryPrefetch({
+    first: itemsPerPage,
+    after: (itemsPerPage * (page ?? 0)).toString(),
+    sort,
+    term: term ?? '',
+    selectedFacets
+  });
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+    if (page !== null) {
+      prefetch();
+    }
+  }, [page, prefetch]);
+};
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
+
+/***/ }),
+
 /***/ 4867:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
@@ -7016,6 +8338,90 @@ const formatSearchPath = ({
 
 /***/ }),
 
+/***/ 4891:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "u": () => (/* binding */ useDelayedFacets)
+/* 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 useDelayedFacets = data => {
+  const facets = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)([]);
+  return (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => {
+    if (data) {
+      facets.current = data.search?.facets;
+    }
+
+    return facets.current;
+  }, [data, facets]);
+};
+
+/***/ }),
+
+/***/ 3332:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "g": () => (/* binding */ useDelayedPagination)
+});
+
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(6689);
+// EXTERNAL MODULE: ../sdk/dist/utils/format.js
+var format = __webpack_require__(2339);
+// EXTERNAL MODULE: ../sdk/dist/search/useSearch.js + 1 modules
+var useSearch = __webpack_require__(3221);
+;// CONCATENATED MODULE: ../sdk/dist/search/usePagination.js
+
+
+
+const getLink = (state) => {
+    const { pathname, search } = (0,format/* default */.Z)(state);
+    return `${pathname}${search}`;
+};
+const usePagination = (totalItems) => {
+    const { pages, itemsPerPage, state } = (0,useSearch/* useSearch */.R)();
+    const total = Math.ceil(totalItems / itemsPerPage);
+    const next = Number(pages[pages.length - 1]) + 1;
+    const prev = pages[0] - 1;
+    return (0,external_react_.useMemo)(() => ({
+        next: next < total && {
+            cursor: next,
+            link: getLink({ ...state, page: next }),
+        },
+        prev: prev > -1 && {
+            cursor: prev,
+            link: getLink({ ...state, page: prev }),
+        },
+    }), [next, prev, state, total]);
+};
+//# sourceMappingURL=usePagination.js.map
+;// CONCATENATED MODULE: ./src/sdk/search/useDelayedPagination.ts
+
+
+const useDelayedPagination = totalCount => {
+  const pagination = usePagination(totalCount);
+  const {
+    0: pag,
+    1: setPag
+  } = (0,external_react_.useState)(() => ({
+    next: false,
+    prev: false
+  }));
+  (0,external_react_.useEffect)(() => {
+    setPag(pagination);
+  }, [pagination]);
+  return pag;
+};
+
+/***/ }),
+
 /***/ 5098:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -7461,6 +8867,18 @@ module.exports = {
 };
 
 
+/***/ }),
+
+/***/ 4614:
+/***/ ((module) => {
+
+// Exports
+module.exports = {
+	"section": "section_section__EYj3x",
+	"loading": "section_loading__Bzogw"
+};
+
+
 /***/ }),
 
 /***/ 6627:
@@ -7563,6 +8981,202 @@ const sendAnalyticsEvent = (event) => {
 
 /***/ }),
 
+/***/ 1197:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "_": () => (/* binding */ Context),
+  "z": () => (/* binding */ Provider)
+});
+
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(6689);
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
+// EXTERNAL MODULE: ../sdk/dist/utils/error.js
+var error = __webpack_require__(2254);
+;// CONCATENATED MODULE: ../sdk/dist/search/useInfiniteSearchState.js
+
+
+// Save the array containing loaded pages before navigating away from the PLP
+function setPagesSessionStorage(pages) {
+    try {
+        // Uses the key to identify a PLP
+        const stateKey = window.history.state?.key;
+        if (!stateKey) {
+            return;
+        }
+        const storageKey = `__fs_gallery_page_${stateKey}`;
+        sessionStorage.setItem(storageKey, JSON.stringify(pages));
+    }
+    catch (_) {
+        return;
+    }
+}
+function getPagesFromSessionStorage() {
+    try {
+        const stateKey = window.history.state?.key;
+        if (!stateKey) {
+            return null;
+        }
+        const storageKey = `__fs_gallery_page_${stateKey}`;
+        const item = sessionStorage.getItem(storageKey);
+        return item ? JSON.parse(item) : null;
+    }
+    catch (_) {
+        return null;
+    }
+}
+const reducer = (state, action) => {
+    switch (action.type) {
+        case 'addPrev': {
+            const prev = state[0] - 1;
+            const newState = [prev, ...state];
+            setPagesSessionStorage(newState);
+            return newState;
+        }
+        case 'addNext': {
+            const next = Number(state[state.length - 1]) + 1;
+            const newState = [...state, next];
+            setPagesSessionStorage(newState);
+            return newState;
+        }
+        case 'reset': {
+            const { payload } = action;
+            const newState = [payload];
+            setPagesSessionStorage(newState);
+            return newState;
+        }
+        default:
+            throw new error/* SDKError */.q('Unknown action for infinite search');
+    }
+};
+const useSearchInfiniteState = (initialPage) => {
+    const [pages, dispatch] = (0,external_react_.useReducer)(reducer, undefined, () => getPagesFromSessionStorage() ?? [initialPage]);
+    const actions = (0,external_react_.useMemo)(() => ({
+        addPrevPage: () => dispatch({ type: 'addPrev' }),
+        addNextPage: () => dispatch({ type: 'addNext' }),
+        resetInfiniteScroll: (page) => dispatch({ type: 'reset', payload: page }),
+    }), []);
+    return { pages, ...actions };
+};
+//# sourceMappingURL=useInfiniteSearchState.js.map
+// EXTERNAL MODULE: ../sdk/dist/search/useSearchState.js
+var useSearchState = __webpack_require__(2524);
+;// CONCATENATED MODULE: ../sdk/dist/search/Provider.js
+
+
+
+const Context = (0,external_react_.createContext)(undefined);
+const Provider = ({ children, itemsPerPage, onChange, ...rest }) => {
+    const { state, ...searchActions } = (0,useSearchState/* useSearchState */.X)(rest, onChange);
+    const { pages, ...infiniteActions } = useSearchInfiniteState(state.page);
+    const value = (0,external_react_.useMemo)(() => ({
+        state,
+        ...searchActions,
+        pages,
+        ...infiniteActions,
+        itemsPerPage,
+    }), [infiniteActions, itemsPerPage, pages, searchActions, state]);
+    return external_react_default().createElement(Context.Provider, { value: value }, children);
+};
+//# sourceMappingURL=Provider.js.map
+
+/***/ }),
+
+/***/ 8492:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "uL": () => (/* binding */ setFacet),
+/* harmony export */   "wB": () => (/* binding */ toggleFacet),
+/* harmony export */   "wb": () => (/* binding */ isSearchSort)
+/* harmony export */ });
+/* unused harmony exports removeFacet, toggleFacets */
+/* harmony import */ var _utils_error__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2254);
+
+const sortKeys = new Set([
+    'price_desc',
+    'price_asc',
+    'orders_desc',
+    'name_desc',
+    'name_asc',
+    'release_desc',
+    'discount_desc',
+    'score_desc',
+]);
+const isSearchSort = (x) => sortKeys.has(x);
+const removeFacet = (facets, facet) => {
+    const { value } = facet;
+    const index = facets.findIndex((x) => x.value === value);
+    if (index < 0) {
+        throw new _utils_error__WEBPACK_IMPORTED_MODULE_0__/* .SDKError */ .q(`Cannot remove ${value} from search params`);
+    }
+    return facets.filter((_, it) => it !== index);
+};
+const setFacet = (facets, facet, unique) => {
+    if (unique === true) {
+        const index = facets.findIndex((f) => f.key === facet.key);
+        if (index > -1) {
+            return facets.map((f, it) => (it === index ? facet : f));
+        }
+    }
+    return [...facets, facet];
+};
+const toggleFacet = (facets, item) => {
+    const found = facets.find((facet) => facet.key === item.key && facet.value === item.value);
+    if (found !== undefined) {
+        return removeFacet(facets, item);
+    }
+    return setFacet(facets, item, false);
+};
+const toggleFacets = (facets, items) => items.reduce((acc, curr) => toggleFacet(acc, curr), facets);
+//# sourceMappingURL=facets.js.map
+
+/***/ }),
+
+/***/ 3221:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "R": () => (/* binding */ useSearch)
+});
+
+// EXTERNAL MODULE: ../sdk/dist/search/Provider.js + 1 modules
+var Provider = __webpack_require__(1197);
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(6689);
+// EXTERNAL MODULE: ../sdk/dist/utils/error.js
+var error = __webpack_require__(2254);
+;// CONCATENATED MODULE: ../sdk/dist/utils/useContext.js
+
+
+/**
+ * @description Like React.useContext but throws when the context's value === undefined.
+ * This is useful when you want to force the context to be present in the React's tree before using it
+ */
+const useContext = (context) => {
+    const value = (0,external_react_.useContext)(context);
+    if (value === undefined) {
+        throw new error/* SDKError */.q(`${context.displayName ?? 'Context'} needs to be on the React tree`);
+    }
+    return value;
+};
+//# sourceMappingURL=useContext.js.map
+;// CONCATENATED MODULE: ../sdk/dist/search/useSearch.js
+
+
+const useSearch = () => useContext(Provider/* Context */._);
+//# sourceMappingURL=useSearch.js.map
+
+/***/ }),
+
 /***/ 2524:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {