@faststore/core 3.0.20 → 3.0.21

package/.next/server/chunks/732.js

@@ -0,0 +1,1881 @@
+exports.id = 732;
+exports.ids = [732];
+exports.modules = {
+
+/***/ 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
+
+/***/ }),
+
+/***/ 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: ../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: ./src/components/sections/ProductGallery/Overrides.tsx + 2 modules
+var Overrides = __webpack_require__(6702);
+// 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 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(Overrides/* __experimentalFilterDesktop.Component */.oU.Component, Filter_objectSpread(Filter_objectSpread(Filter_objectSpread({}, Overrides/* __experimentalFilterDesktop.props */.oU.props), filter), {}, {
+        testId: testId,
+        title: filterCmsData?.title
+      }))
+    }), displayFilter && /*#__PURE__*/jsx_runtime_.jsx(external_react_.Suspense, {
+      fallback: null,
+      children: /*#__PURE__*/jsx_runtime_.jsx(Overrides/* __experimentalFilterSlider.Component */.H4.Component, Filter_objectSpread(Filter_objectSpread(Filter_objectSpread({}, Overrides/* __experimentalFilterSlider.props */.H4.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);
+
+/***/ }),
+
+/***/ 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);
+
+/***/ }),
+
+/***/ 5878:
+/***/ ((__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__(6133);
+/* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(2614);
+/* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(3922);
+/* 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 EmptyGallery() {
+  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_faststore_ui__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, {
+    variant: "rounded",
+    title: "Nothing matches with your search",
+    titleIcon: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
+      name: "CircleWavyWarning",
+      width: 56,
+      height: 56,
+      weight: "thin"
+    }),
+    children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
+      href: "/office",
+      variant: "secondary",
+      icon: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
+        name: "CircleWavyWarning",
+        width: 18,
+        height: 18,
+        weight: "bold"
+      }),
+      iconPosition: "left",
+      children: "Browse Offers"
+    }), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
+      href: "/technology",
+      variant: "secondary",
+      icon: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
+        name: "RocketLaunch",
+        width: 18,
+        height: 18,
+        weight: "bold"
+      }),
+      iconPosition: "left",
+      children: "Just Arrived"
+    })]
+  });
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (EmptyGallery);
+
+/***/ }),
+
+/***/ 6702:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "hZ": () => (/* binding */ FilterButtonSkeleton),
+  "k1": () => (/* binding */ FilterIcon),
+  "tu": () => (/* binding */ LinkButtonNext),
+  "Rm": () => (/* binding */ LinkButtonPrev),
+  "$B": () => (/* binding */ MobileFilterButton),
+  "gY": () => (/* binding */ PrevIcon),
+  "k": () => (/* binding */ ResultsCountSkeleton),
+  "SZ": () => (/* binding */ SortSkeleton),
+  "oU": () => (/* binding */ __experimentalFilterDesktop),
+  "H4": () => (/* binding */ __experimentalFilterSlider),
+  "zM": () => (/* binding */ __experimentalProductCard)
+});
+
+// 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: ./src/sdk/overrides/overrides.ts
+var overrides = __webpack_require__(7506);
+;// CONCATENATED MODULE: ./src/customizations/src/components/overrides/ProductGallery.tsx
+// This is an example of how it can be used on the starter.
+const SECTION = 'ProductGallery';
+const override = {
+  section: SECTION
+};
+
+;// CONCATENATED MODULE: ./src/components/sections/ProductGallery/Overrides.tsx
+
+
+
+
+const FilterSlider = /*#__PURE__*/(0,external_react_.lazy)(() => __webpack_require__.e(/* import() */ 386).then(__webpack_require__.bind(__webpack_require__, 1386)));
+
+
+const {
+  MobileFilterButton,
+  FilterIcon,
+  PrevIcon,
+  ResultsCountSkeleton,
+  SortSkeleton,
+  FilterButtonSkeleton,
+  LinkButtonPrev,
+  LinkButtonNext,
+  __experimentalFilterDesktop,
+  __experimentalFilterSlider,
+  __experimentalProductCard
+} = (0,overrides/* getSectionOverrides */.f)({
+  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
+}, override);
+
+
+/***/ }),
+
+/***/ 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_2__ = __webpack_require__(3271);
+/* harmony import */ var _EmptyGallery__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(5878);
+/* harmony import */ var _section_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(4614);
+/* harmony import */ var _section_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_section_module_scss__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var src_sdk_overrides_PageProvider__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5953);
+/* 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];
+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 ProductGallerySection(_ref) {
+  let otherProps = Object.assign({}, _ref);
+  const context = (0,src_sdk_overrides_PageProvider__WEBPACK_IMPORTED_MODULE_1__/* .usePage */ .qt)();
+  const [title, searchTerm] = (0,src_sdk_overrides_PageProvider__WEBPACK_IMPORTED_MODULE_1__/* .isSearchPage */ .En)(context) ? [context?.data?.title, context?.data?.searchTerm] : (0,src_sdk_overrides_PageProvider__WEBPACK_IMPORTED_MODULE_1__/* .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_2__/* ["default"] */ .Z, {
+      className: `${(_section_module_scss__WEBPACK_IMPORTED_MODULE_3___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__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {})
+      })
+    });
+  }
+
+  return /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Section__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
+    className: `${(_section_module_scss__WEBPACK_IMPORTED_MODULE_3___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); } });
+
+/***/ }),
+
+/***/ 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);
+
+/***/ }),
+
+/***/ 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);
+
+/***/ }),
+
+/***/ 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_5__ = __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_4__ = __webpack_require__(6652);
+/* harmony import */ var src_components_search_Filter__WEBPACK_IMPORTED_MODULE_11__ = __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_10__ = __webpack_require__(1159);
+/* harmony import */ var src_components_skeletons_ProductGridSkeleton__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(1708);
+/* harmony import */ var src_components_sections_ProductGallery_Overrides__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(6702);
+/* harmony import */ var src_sdk_search_useDelayedFacets__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(4891);
+/* harmony import */ var src_sdk_search_useDelayedPagination__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(3332);
+/* harmony import */ var src_sdk_overrides_PageProvider__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(5953);
+/* harmony import */ var src_sdk_product_useProductsPrefetch__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(4923);
+/* 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_9__]);
+src_sdk_product_useProductsPrefetch__WEBPACK_IMPORTED_MODULE_9__ = (__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(184), __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 {
+    openFilter
+  } = (0,_faststore_ui__WEBPACK_IMPORTED_MODULE_4__/* .useUI */ .l)();
+  const {
+    pages,
+    addNextPage,
+    addPrevPage,
+    itemsPerPage
+  } = (0,_faststore_sdk__WEBPACK_IMPORTED_MODULE_5__/* .useSearch */ .R)();
+  const context = (0,src_sdk_overrides_PageProvider__WEBPACK_IMPORTED_MODULE_6__/* .usePage */ .qt)();
+  const data = context?.data;
+  const facets = (0,src_sdk_search_useDelayedFacets__WEBPACK_IMPORTED_MODULE_7__/* .useDelayedFacets */ .u)(data) ?? [];
+  const {
+    next,
+    prev
+  } = (0,src_sdk_search_useDelayedPagination__WEBPACK_IMPORTED_MODULE_8__/* .useDelayedPagination */ .g)(totalCount);
+  (0,src_sdk_product_useProductsPrefetch__WEBPACK_IMPORTED_MODULE_9__/* .useProductsPrefetch */ .Fl)(prev ? prev.cursor : null);
+  (0,src_sdk_product_useProductsPrefetch__WEBPACK_IMPORTED_MODULE_9__/* .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_10__/* ["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_11__/* ["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(src_components_sections_ProductGallery_Overrides__WEBPACK_IMPORTED_MODULE_12__/* .ResultsCountSkeleton.Component */ .k.Component, _objectSpread(_objectSpread({
+          "data-fs-product-listing-results-count-skeleton": true,
+          size: {
+            width: '100%',
+            height: '1.5rem'
+          }
+        }, src_components_sections_ProductGallery_Overrides__WEBPACK_IMPORTED_MODULE_12__/* .ResultsCountSkeleton.props */ .k.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(src_components_sections_ProductGallery_Overrides__WEBPACK_IMPORTED_MODULE_12__/* .SortSkeleton.Component */ .SZ.Component, _objectSpread(_objectSpread({
+          "data-fs-product-listing-sort-skeleton": true,
+          size: {
+            width: 'auto',
+            height: '1.5rem'
+          }
+        }, src_components_sections_ProductGallery_Overrides__WEBPACK_IMPORTED_MODULE_12__/* .SortSkeleton.props */ .SZ.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(src_components_sections_ProductGallery_Overrides__WEBPACK_IMPORTED_MODULE_12__/* .FilterButtonSkeleton.Component */ .hZ.Component, _objectSpread(_objectSpread({
+          "data-fs-product-listing-filter-button-skeleton": true,
+          size: {
+            width: '6rem',
+            height: '1.5rem'
+          }
+        }, src_components_sections_ProductGallery_Overrides__WEBPACK_IMPORTED_MODULE_12__/* .FilterButtonSkeleton.props */ .hZ.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(src_components_sections_ProductGallery_Overrides__WEBPACK_IMPORTED_MODULE_12__/* .MobileFilterButton.Component */ .$B.Component, _objectSpread(_objectSpread({
+            variant: "tertiary",
+            "data-testid": "open-filter-button",
+            icon: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx(src_components_sections_ProductGallery_Overrides__WEBPACK_IMPORTED_MODULE_12__/* .FilterIcon.Component */ .k1.Component, _objectSpread(_objectSpread({
+              width: 16,
+              height: 16
+            }, src_components_sections_ProductGallery_Overrides__WEBPACK_IMPORTED_MODULE_12__/* .FilterIcon.props */ .k1.props), {}, {
+              name: filter?.mobileOnly?.filterButton?.icon?.icon ?? src_components_sections_ProductGallery_Overrides__WEBPACK_IMPORTED_MODULE_12__/* .FilterIcon.props.name */ .k1.props.name,
+              "aria-label": filter?.mobileOnly?.filterButton?.icon?.alt ?? src_components_sections_ProductGallery_Overrides__WEBPACK_IMPORTED_MODULE_12__/* .FilterIcon.props["aria-label"] */ .k1.props["aria-label"]
+            })),
+            iconPosition: "left"
+          }, src_components_sections_ProductGallery_Overrides__WEBPACK_IMPORTED_MODULE_12__/* .MobileFilterButton.props */ .$B.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(src_components_sections_ProductGallery_Overrides__WEBPACK_IMPORTED_MODULE_12__/* .LinkButtonPrev.Component */ .Rm.Component, _objectSpread(_objectSpread({
+            rel: "prev",
+            variant: "secondary",
+            iconPosition: "left",
+            icon: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx(src_components_sections_ProductGallery_Overrides__WEBPACK_IMPORTED_MODULE_12__/* .PrevIcon.Component */ .gY.Component, _objectSpread(_objectSpread({
+              width: 16,
+              height: 16,
+              weight: "bold"
+            }, src_components_sections_ProductGallery_Overrides__WEBPACK_IMPORTED_MODULE_12__/* .PrevIcon.props */ .gY.props), {}, {
+              name: previousPageButton?.icon?.icon ?? src_components_sections_ProductGallery_Overrides__WEBPACK_IMPORTED_MODULE_12__/* .PrevIcon.props.name */ .gY.props.name,
+              "aria-label": previousPageButton?.icon?.alt ?? previousPageButton?.label ?? src_components_sections_ProductGallery_Overrides__WEBPACK_IMPORTED_MODULE_12__/* .PrevIcon.props["aria-label"] */ .gY.props["aria-label"]
+            }))
+          }, src_components_sections_ProductGallery_Overrides__WEBPACK_IMPORTED_MODULE_12__/* .LinkButtonPrev.props */ .Rm.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(src_components_sections_ProductGallery_Overrides__WEBPACK_IMPORTED_MODULE_12__/* .LinkButtonNext.Component */ .tu.Component, _objectSpread(_objectSpread({
+            testId: "show-more",
+            rel: "next",
+            variant: "secondary"
+          }, src_components_sections_ProductGallery_Overrides__WEBPACK_IMPORTED_MODULE_12__/* .LinkButtonNext.props */ .tu.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__ = (ProductGallery);
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
+
+/***/ }),
+
+/***/ 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); } });
+
+/***/ }),
+
+/***/ 8934:
+/***/ ((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 */   "Bj": () => (/* binding */ UseGalleryPageContext),
+/* harmony export */   "Y_": () => (/* binding */ useCreateUseGalleryPage),
+/* harmony export */   "__": () => (/* binding */ useGalleryPage)
+/* harmony export */ });
+/* unused harmony export query */
+/* harmony import */ var _faststore_sdk__WEBPACK_IMPORTED_MODULE_1__ = __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 src_sdk_graphql_useQuery__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(7732);
+/* harmony import */ var _useLocalizedVariables__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(2523);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([src_sdk_graphql_useQuery__WEBPACK_IMPORTED_MODULE_3__]);
+src_sdk_graphql_useQuery__WEBPACK_IMPORTED_MODULE_3__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
+
+
+
+
+const UseGalleryPageContext = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(_ => {
+  return {
+    data: null
+  };
+});
+const useGalleryPage = page => {
+  const useGalleryPageCallback = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(UseGalleryPageContext);
+
+  if (!useGalleryPageCallback) {
+    throw new Error('Missing UseGalleryPageContext on React tree');
+  }
+
+  return useGalleryPageCallback(page);
+};
+const query = "ClientManyProductsQuery";
+
+const getKey = object => JSON.stringify(object);
+/**
+ * Use this hook for managed pages state and creating useGalleryPage hook that will be used for fetching a list of products per pages in PLP or Search
+ */
+
+
+const useCreateUseGalleryPage = () => {
+  const {
+    0: pages,
+    1: setPages
+  } = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]); // We create pagesRef as a mirror of the pages state so we don't have to add pages as a dependency of the useGalleryPage hook
+
+  const pagesRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)([]);
+  const pagesCache = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)([]);
+  const useGalleryPage = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function useGalleryPage(page) {
+    const {
+      state: {
+        sort,
+        term,
+        selectedFacets
+      },
+      itemsPerPage
+    } = (0,_faststore_sdk__WEBPACK_IMPORTED_MODULE_1__/* .useSearch */ .R)();
+    const localizedVariables = (0,_useLocalizedVariables__WEBPACK_IMPORTED_MODULE_2__/* .useLocalizedVariables */ .y)({
+      first: itemsPerPage,
+      after: (itemsPerPage * page).toString(),
+      sort,
+      term: term ?? '',
+      selectedFacets
+    });
+    const hasSameVariables = pagesCache.current[page] === getKey(localizedVariables);
+    const {
+      data
+    } = (0,src_sdk_graphql_useQuery__WEBPACK_IMPORTED_MODULE_3__/* .useQuery */ .aM)(query, localizedVariables, {
+      fallbackData: null,
+      suspense: true,
+      doNotRun: hasSameVariables
+    });
+    const shouldUpdatePages = !hasSameVariables && data !== null;
+
+    if (shouldUpdatePages) {
+      pagesCache.current[page] = getKey(localizedVariables); // Update refs
+
+      const newPages = [...pagesRef.current];
+      newPages[page] = data;
+      pagesRef.current = newPages;
+    } // Prevents error: Cannot update a component (`ProductListing`) while rendering a different component (`ProductGalleryPage`).
+
+
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+      if (shouldUpdatePages) {
+        // Update state
+        setPages(oldPages => {
+          const newPages = [...oldPages];
+          newPages[page] = data;
+          return newPages;
+        });
+      }
+    }, [data, page, shouldUpdatePages]);
+    return (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => {
+      if (hasSameVariables) {
+        return {
+          data: pagesRef.current[page]
+        };
+      }
+
+      return {
+        data
+      };
+    }, [hasSameVariables, data, page]);
+  }, []);
+  return (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => ({
+    pages,
+    useGalleryPage
+  }), [pages, useGalleryPage]);
+};
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
+
+/***/ }),
+
+/***/ 7433:
+/***/ ((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 */   "U": () => (/* binding */ useProductGalleryQuery)
+/* harmony export */ });
+/* unused harmony export query */
+/* harmony import */ var _faststore_sdk__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(1072);
+/* harmony import */ var src_sdk_graphql_useQuery__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7732);
+/* harmony import */ var _useLocalizedVariables__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2523);
+/* harmony import */ var src_sdk_session__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(7295);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([src_sdk_graphql_useQuery__WEBPACK_IMPORTED_MODULE_2__]);
+src_sdk_graphql_useQuery__WEBPACK_IMPORTED_MODULE_2__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
+
+
+
+
+
+/**
+ * This query is run on the browser and contains
+ * the current search state of the user
+ */
+const query = "ClientProductGalleryQuery";
+const useProductGalleryQuery = ({
+  term,
+  sort,
+  selectedFacets,
+  itemsPerPage
+}) => {
+  const {
+    locale
+  } = (0,src_sdk_session__WEBPACK_IMPORTED_MODULE_0__/* .useSession */ .kP)();
+  const localizedVariables = (0,_useLocalizedVariables__WEBPACK_IMPORTED_MODULE_1__/* .useLocalizedVariables */ .y)({
+    first: itemsPerPage,
+    after: '0',
+    sort,
+    term: term ?? '',
+    selectedFacets
+  });
+  return (0,src_sdk_graphql_useQuery__WEBPACK_IMPORTED_MODULE_2__/* .useQuery */ .aM)(query, localizedVariables, {
+    onSuccess: data => {
+      if (data && term) {
+        (0,_faststore_sdk__WEBPACK_IMPORTED_MODULE_3__/* .sendAnalyticsEvent */ ._)({
+          name: 'intelligent_search_query',
+          params: {
+            locale,
+            term,
+            url: window.location.href,
+            logicalOperator: data.search.metadata?.logicalOperator ?? 'and',
+            isTermMisspelled: data.search.metadata?.isTermMisspelled ?? false,
+            totalCount: data.search.products.pageInfo.totalCount
+          }
+        });
+      }
+    }
+  });
+};
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
+
+/***/ }),
+
+/***/ 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); } });
+
+/***/ }),
+
+/***/ 1523:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "j": () => (/* binding */ useApplySearchState)
+/* 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 next_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1853);
+/* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(next_router__WEBPACK_IMPORTED_MODULE_1__);
+
+
+const useApplySearchState = () => {
+  const router = (0,next_router__WEBPACK_IMPORTED_MODULE_1__.useRouter)();
+  return (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(url => router.push(`${url.pathname}${url.search}`), [router]);
+};
+
+/***/ }),
+
+/***/ 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;
+};
+
+/***/ }),
+
+/***/ 4614:
+/***/ ((module) => {
+
+// Exports
+module.exports = {
+	"section": "section_section__EYj3x",
+	"loading": "section_loading__Bzogw"
+};
+
+
+/***/ }),
+
+/***/ 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
+
+/***/ }),
+
+/***/ 6142:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Q": () => (/* binding */ parse)
+/* harmony export */ });
+/* harmony import */ var _utils_error__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(2254);
+/* harmony import */ var _facets__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8492);
+/* harmony import */ var _useSearchState__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2524);
+
+
+
+const parse = ({ pathname, searchParams }) => {
+    const state = (0,_useSearchState__WEBPACK_IMPORTED_MODULE_0__/* .initialize */ .j)({
+        base: pathname,
+        term: searchParams.get('q') ?? null,
+        sort: searchParams.get('sort') ?? undefined,
+        page: Number(searchParams.get('page') ?? 0),
+    });
+    if (!(0,_facets__WEBPACK_IMPORTED_MODULE_1__/* .isSearchSort */ .wb)(state.sort)) {
+        throw new _utils_error__WEBPACK_IMPORTED_MODULE_2__/* .SDKError */ .q(`Uknown sorting option ${state.sort}`);
+    }
+    const facets = searchParams.get('facets')?.split(',') ?? [];
+    for (const facet of facets) {
+        const values = searchParams.getAll(facet);
+        for (const value of values) {
+            state.selectedFacets = (0,_facets__WEBPACK_IMPORTED_MODULE_1__/* .setFacet */ .uL)(state.selectedFacets, {
+                key: facet,
+                value,
+            });
+        }
+    }
+    return state;
+};
+//# sourceMappingURL=serializer.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
+
+/***/ })
+
+};
+;