@faststore/core 2.0.99-alpha.0 → 2.0.100-alpha.0

package/.next/server/chunks/4371.js

@@ -0,0 +1,1473 @@
+exports.id = 4371;
+exports.ids = [4371];
+exports.modules = {
+
+/***/ 2849:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "C": () => (/* reexport */ search_Filter_Filter)
+});
+
+// UNUSED EXPORTS: FilterSlider
+
+// EXTERNAL MODULE: ../components/dist/hooks/UIProvider.js
+var UIProvider = __webpack_require__(395);
+// EXTERNAL MODULE: ./node_modules/@faststore/sdk/dist/search/useSearch.js + 1 modules
+var useSearch = __webpack_require__(7794);
+// EXTERNAL MODULE: ./node_modules/@faststore/sdk/dist/search/facets.js
+var search_facets = __webpack_require__(3291);
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(6689);
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
+// EXTERNAL MODULE: ../components/dist/molecules/Accordion/Accordion.js
+var Accordion = __webpack_require__(9739);
+;// CONCATENATED MODULE: ../components/dist/organisms/Filter/Filter.js
+
+
+function Filter({ testId, title, indicesExpanded, onAccordionChange, children, }) {
+    return (external_react_default().createElement("div", { "data-fs-filter": true, "data-testid": testId },
+        external_react_default().createElement("h2", { "data-fs-filter-title": true }, title),
+        external_react_default().createElement(Accordion/* default */.Z, { indices: indicesExpanded, onChange: onAccordionChange, "data-fs-filter-accordion": true }, children)));
+}
+/* harmony default export */ const Filter_Filter = (Filter);
+//# sourceMappingURL=Filter.js.map
+// EXTERNAL MODULE: ../components/dist/molecules/Accordion/AccordionItem.js
+var AccordionItem = __webpack_require__(5705);
+// EXTERNAL MODULE: ../components/dist/molecules/Accordion/AccordionButton.js
+var AccordionButton = __webpack_require__(7743);
+// EXTERNAL MODULE: ../components/dist/molecules/Accordion/AccordionPanel.js
+var AccordionPanel = __webpack_require__(331);
+;// CONCATENATED MODULE: ../components/dist/organisms/Filter/FilterFacets.js
+
+
+function FilterFacets({ testId, label, index, children, type, }) {
+    return (external_react_default().createElement(AccordionItem/* default */.Z, { key: `${label}-${index}`, prefixId: testId, testId: `${testId}-accordion`, index: index, "data-type": type, "data-fs-filter-accordion-item": true },
+        external_react_default().createElement(AccordionButton/* default */.Z, { testId: `${testId}-accordion-button` }, label),
+        external_react_default().createElement(AccordionPanel/* default */.Z, null, children)));
+}
+/* harmony default export */ const Filter_FilterFacets = (FilterFacets);
+//# sourceMappingURL=FilterFacets.js.map
+// EXTERNAL MODULE: ../components/dist/atoms/List/List.js
+var List = __webpack_require__(1329);
+;// CONCATENATED MODULE: ../components/dist/organisms/Filter/FilterFacetBoolean.js
+
+
+function FilterFacetBoolean({ children }) {
+    return external_react_default().createElement(List/* default */.Z, { "data-fs-filter-list": true }, children);
+}
+/* harmony default export */ const Filter_FilterFacetBoolean = (FilterFacetBoolean);
+//# sourceMappingURL=FilterFacetBoolean.js.map
+;// CONCATENATED MODULE: ../components/dist/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/atoms/Label/Label.js
+var Label = __webpack_require__(7216);
+// EXTERNAL MODULE: ../components/dist/atoms/Badge/Badge.js
+var Badge = __webpack_require__(44);
+;// CONCATENATED MODULE: ../components/dist/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
+;// CONCATENATED MODULE: ../components/dist/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 },
+        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'), ...otherProps }),
+            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/atoms/Price/Price.js
+var Price = __webpack_require__(7549);
+// EXTERNAL MODULE: ../components/dist/molecules/InputField/InputField.js
+var InputField = __webpack_require__(8287);
+;// CONCATENATED MODULE: ../components/dist/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/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
+// 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_Filter, {
+    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)(Filter_FilterFacets, {
+        testId: testId,
+        index: index,
+        type: type,
+        label: label,
+        children: [type === 'StoreFacetBoolean' && isExpanded && /*#__PURE__*/jsx_runtime_.jsx(Filter_FilterFacetBoolean, {
+          children: facet.values.map(item => /*#__PURE__*/jsx_runtime_.jsx(Filter_FilterFacetBooleanItem, {
+            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(Filter_FilterFacetRange, {
+          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/hooks/useFadeEffect.js
+var useFadeEffect = __webpack_require__(6074);
+// EXTERNAL MODULE: ../components/dist/organisms/SlideOver/SlideOver.js
+var SlideOver = __webpack_require__(1021);
+// EXTERNAL MODULE: ../components/dist/organisms/SlideOver/SlideOverHeader.js
+var SlideOverHeader = __webpack_require__(9648);
+// EXTERNAL MODULE: ../components/dist/atoms/Button/Button.js + 1 modules
+var Button = __webpack_require__(4842);
+;// CONCATENATED MODULE: ../components/dist/organisms/Filter/FilterSlider.js
+
+
+function FilterSlider({ title, size, direction, children, applyBtnProps, clearBtnProps, onClose, }) {
+    const { fade, fadeOut } = (0,useFadeEffect/* useFadeEffect */.b)();
+    const { closeFilter } = (0,UIProvider/* useUI */.l)();
+    return (external_react_default().createElement(SlideOver/* default */.Z, { "data-fs-filter-slider": true, isOpen: true, fade: fade, onDismiss: fadeOut, size: size, direction: direction, onTransitionEnd: () => fade === 'out' && closeFilter() },
+        external_react_default().createElement("div", { "data-fs-filter-slider-content": true },
+            external_react_default().createElement(SlideOverHeader/* default */.Z, { onClose: () => {
+                    onClose();
+                    fadeOut();
+                } },
+                external_react_default().createElement("h2", { "data-fs-filter-slider-title": true }, title)),
+            children),
+        external_react_default().createElement("footer", { "data-fs-filter-slider-footer": true },
+            external_react_default().createElement(Button/* default */.Z, { "data-fs-filter-slider-footer-button-clear": true, ...clearBtnProps }),
+            external_react_default().createElement(Button/* default */.Z, { "data-fs-filter-slider-footer-button-apply": true, "data-testid": "filter-slider-button-apply", ...applyBtnProps, onClick: (e) => {
+                    applyBtnProps?.onClick?.(e);
+                    fadeOut();
+                } }))));
+}
+/* harmony default export */ const Filter_FilterSlider = (FilterSlider);
+//# sourceMappingURL=FilterSlider.js.map
+;// CONCATENATED MODULE: ./src/components/search/Filter/FilterSlider.tsx
+function FilterSlider_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 FilterSlider_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? FilterSlider_ownKeys(Object(source), !0).forEach(function (key) { FilterSlider_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : FilterSlider_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function FilterSlider_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+
+
+
+
+
+
+function FilterSlider_FilterSlider({
+  facets,
+  testId,
+  dispatch,
+  expanded,
+  selected,
+  title
+}) {
+  const {
+    resetInfiniteScroll,
+    setState,
+    state
+  } = (0,useSearch/* useSearch */.R)();
+  return /*#__PURE__*/jsx_runtime_.jsx(Filter_FilterSlider, {
+    title: title,
+    size: "partial",
+    direction: "rightSide",
+    clearBtnProps: {
+      variant: 'secondary',
+      onClick: () => dispatch({
+        type: 'selectFacets',
+        payload: []
+      }),
+      children: 'Clear All'
+    },
+    applyBtnProps: {
+      variant: 'primary',
+      onClick: () => {
+        resetInfiniteScroll(0);
+        setState(FilterSlider_objectSpread(FilterSlider_objectSpread({}, state), {}, {
+          selectedFacets: selected,
+          page: 0
+        }));
+      },
+      children: 'Apply'
+    },
+    onClose: () => {
+      dispatch({
+        type: 'selectFacets',
+        payload: state.selectedFacets
+      });
+    },
+    children: /*#__PURE__*/jsx_runtime_.jsx(Filter_Filter, {
+      testId: `mobile-${testId}`,
+      indicesExpanded: expanded,
+      onAccordionChange: index => dispatch({
+        type: 'toggleExpanded',
+        payload: index
+      }),
+      children: facets.map((facet, index) => {
+        const {
+          __typename: type,
+          label
+        } = facet;
+        const isExpanded = expanded.has(index);
+        return /*#__PURE__*/(0,jsx_runtime_.jsxs)(Filter_FilterFacets, {
+          testId: testId,
+          index: index,
+          type: type,
+          label: label,
+          children: [type === 'StoreFacetBoolean' && isExpanded && /*#__PURE__*/jsx_runtime_.jsx(Filter_FilterFacetBoolean, {
+            children: facet.values.map(item => /*#__PURE__*/jsx_runtime_.jsx(Filter_FilterFacetBooleanItem, {
+              id: `${testId}-${facet.label}-${item.label}`,
+              testId: testId,
+              onFacetChange: facet => dispatch({
+                type: 'toggleFacet',
+                payload: facet
+              }),
+              selected: item.selected,
+              value: item.value,
+              quantity: item.quantity,
+              facetKey: facet.key,
+              label: item.label
+            }, `${testId}-${facet.label}-${item.label}`))
+          }), type === 'StoreFacetRange' && isExpanded && /*#__PURE__*/jsx_runtime_.jsx(Filter_FilterFacetRange, {
+            facetKey: facet.key,
+            min: facet.min,
+            max: facet.max,
+            formatter: useFormattedPrice/* useFormattedPrice */.P,
+            onFacetChange: facet => dispatch({
+              type: 'setFacet',
+              payload: {
+                facet,
+                unique: true
+              }
+            })
+          })]
+        }, `${testId}-${label}-${index}`);
+      })
+    })
+  });
+}
+
+/* harmony default export */ const search_Filter_FilterSlider = (FilterSlider_FilterSlider);
+;// CONCATENATED MODULE: ./src/components/search/Filter/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 useFilter_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 useFilter_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? useFilter_ownKeys(Object(source), !0).forEach(function (key) { useFilter_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : useFilter_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function useFilter_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 useFilter_objectSpread(useFilter_objectSpread({}, state), {}, {
+          expanded: new Set(expanded)
+        });
+      }
+
+    case 'selectFacets':
+      {
+        if (payload !== selected) {
+          return useFilter_objectSpread(useFilter_objectSpread({}, state), {}, {
+            selected: payload
+          });
+        }
+
+        break;
+      }
+
+    case 'toggleFacet':
+      {
+        return useFilter_objectSpread(useFilter_objectSpread({}, state), {}, {
+          selected: (0,search_facets/* toggleFacet */.wB)(state.selected, payload)
+        });
+      }
+
+    case 'setFacet':
+      {
+        return useFilter_objectSpread(useFilter_objectSpread({}, state), {}, {
+          selected: (0,search_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 useFilter_objectSpread(useFilter_objectSpread({}, facet), {}, {
+        values: facet.values.map(_ref => {
+          let {
+            value
+          } = _ref,
+              rest = _objectWithoutProperties(_ref, _excluded);
+
+          return useFilter_objectSpread(useFilter_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
+  };
+};
+;// 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_Filter_Filter({
+  facets: allFacets,
+  testId = 'fs-filter'
+}) {
+  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(Filter_FilterDesktop, Filter_objectSpread(Filter_objectSpread({}, filter), {}, {
+        testId: testId,
+        title: "Filters"
+      }))
+    }), displayFilter && /*#__PURE__*/jsx_runtime_.jsx(search_Filter_FilterSlider, Filter_objectSpread(Filter_objectSpread({}, filter), {}, {
+      testId: testId,
+      title: "Filters"
+    }))]
+  });
+}
+
+const fragment = "unknown";
+/* harmony default export */ const search_Filter_Filter = (Filter_Filter_Filter);
+;// CONCATENATED MODULE: ./src/components/search/Filter/index.ts
+
+
+
+/***/ }),
+
+/***/ 3532:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Z": () => (/* reexport */ Sort_Sort)
+});
+
+// EXTERNAL MODULE: ./node_modules/@faststore/sdk/dist/search/useSearch.js + 1 modules
+var useSearch = __webpack_require__(7794);
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(6689);
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
+// EXTERNAL MODULE: ../components/dist/atoms/Label/Label.js
+var Label = __webpack_require__(7216);
+// EXTERNAL MODULE: ../components/dist/atoms/Icon/Icon.js
+var Icon = __webpack_require__(5045);
+;// CONCATENATED MODULE: ../components/dist/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/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() {
+  const {
+    state,
+    setState
+  } = (0,useSearch/* useSearch */.R)();
+  return /*#__PURE__*/jsx_runtime_.jsx(SelectField_SelectField, {
+    id: "sort-select",
+    className: "sort / text__title-mini-alt",
+    label: "Sort by",
+    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);
+;// CONCATENATED MODULE: ./src/components/search/Sort/index.ts
+
+
+/***/ }),
+
+/***/ 3769:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Z": () => (/* reexport */ sections_Breadcrumb_Breadcrumb)
+});
+
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(6689);
+// EXTERNAL MODULE: ./src/components/ui/Breadcrumb/index.ts + 14 modules
+var Breadcrumb = __webpack_require__(120);
+// EXTERNAL MODULE: ./src/components/sections/Section/index.ts + 1 modules
+var Section = __webpack_require__(8879);
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(997);
+;// CONCATENATED MODULE: ./src/components/sections/Breadcrumb/Breadcrumb.tsx
+
+
+
+
+
+function Breadcrumb_Breadcrumb({
+  breadcrumbList,
+  name
+}) {
+  const fallback = [{
+    item: '/',
+    name,
+    position: 1
+  }];
+  const list = breadcrumbList ?? fallback;
+  return /*#__PURE__*/jsx_runtime_.jsx(Section/* default */.Z, {
+    className: "layout__content",
+    children: /*#__PURE__*/jsx_runtime_.jsx(Breadcrumb/* default */.Z, {
+      breadcrumbList: list
+    })
+  });
+}
+
+/* harmony default export */ const sections_Breadcrumb_Breadcrumb = (/*#__PURE__*/(0,external_react_.memo)(Breadcrumb_Breadcrumb));
+;// CONCATENATED MODULE: ./src/components/sections/Breadcrumb/index.ts
+
+
+/***/ }),
+
+/***/ 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_2__ = __webpack_require__(5045);
+/* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(7703);
+/* harmony import */ var src_components_ui_EmptyState__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9509);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(997);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__);
+
+
+
+
+
+function EmptyGallery() {
+  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(src_components_ui_EmptyState__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z, {
+    variant: "rounded",
+    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("header", {
+      "data-fs-empty-state-title": true,
+      children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
+        name: "CircleWavyWarning",
+        width: 56,
+        height: 56,
+        weight: "thin"
+      }), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx("p", {
+        children: "Nothing matches with your search"
+      })]
+    }), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
+      "data-fs-empty-state-link": true,
+      href: "/office",
+      variant: "secondary",
+      icon: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.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_1__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
+      "data-fs-empty-state-link": true,
+      href: "/technology",
+      variant: "secondary",
+      icon: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.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);
+
+/***/ }),
+
+/***/ 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 _faststore_sdk__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(7794);
+/* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(2928);
+/* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(4842);
+/* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(7703);
+/* 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_14__ = __webpack_require__(395);
+/* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(5045);
+/* harmony import */ var src_components_search_Filter__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(2849);
+/* harmony import */ var src_components_search_Sort__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(3532);
+/* harmony import */ var src_components_skeletons_FilterSkeleton__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(5473);
+/* harmony import */ var src_components_skeletons_ProductGridSkeleton__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(9913);
+/* harmony import */ var src_sdk_tests_mark__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(2541);
+/* harmony import */ var _Section__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(8879);
+/* harmony import */ var _EmptyGallery__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(5878);
+/* harmony import */ var _product_gallery_module_scss__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(2304);
+/* harmony import */ var _product_gallery_module_scss__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(_product_gallery_module_scss__WEBPACK_IMPORTED_MODULE_16__);
+/* harmony import */ var _useDelayedFacets__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(3740);
+/* harmony import */ var _useDelayedPagination__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(9361);
+/* harmony import */ var _useGalleryQuery__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(3840);
+/* harmony import */ var _usePageProducts__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(763);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(997);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_useGalleryQuery__WEBPACK_IMPORTED_MODULE_11__, _usePageProducts__WEBPACK_IMPORTED_MODULE_12__]);
+([_useGalleryQuery__WEBPACK_IMPORTED_MODULE_11__, _usePageProducts__WEBPACK_IMPORTED_MODULE_12__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const GalleryPage = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.lazy)(() => Promise.all(/* import() */[__webpack_require__.e(1608), __webpack_require__.e(2154), __webpack_require__.e(9854), __webpack_require__.e(6280), __webpack_require__.e(810), __webpack_require__.e(3746)]).then(__webpack_require__.bind(__webpack_require__, 3746)));
+
+const GalleryPageSkeleton = /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx(src_components_skeletons_ProductGridSkeleton__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
+  loading: true
+});
+
+function ProductGallery({
+  title,
+  searchTerm
+}) {
+  const {
+    openFilter
+  } = (0,_faststore_ui__WEBPACK_IMPORTED_MODULE_14__/* .useUI */ .l)();
+  const {
+    pages,
+    addNextPage,
+    addPrevPage
+  } = (0,_faststore_sdk__WEBPACK_IMPORTED_MODULE_15__/* .useSearch */ .R)();
+  const {
+    data
+  } = (0,_useGalleryQuery__WEBPACK_IMPORTED_MODULE_11__/* .useGalleryQuery */ .r)();
+  const facets = (0,_useDelayedFacets__WEBPACK_IMPORTED_MODULE_9__/* .useDelayedFacets */ .u)(data);
+  const totalCount = data?.search.products.pageInfo.totalCount ?? 0;
+  const {
+    next,
+    prev
+  } = (0,_useDelayedPagination__WEBPACK_IMPORTED_MODULE_10__/* .useDelayedPagination */ .g)(totalCount);
+  (0,_usePageProducts__WEBPACK_IMPORTED_MODULE_12__/* .useProductsPrefetch */ .F)(prev ? prev.cursor : null);
+  (0,_usePageProducts__WEBPACK_IMPORTED_MODULE_12__/* .useProductsPrefetch */ .F)(next ? next.cursor : null);
+
+  if (data && totalCount === 0) {
+    return /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx(_Section__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
+      "data-testid": "product-gallery",
+      className: `${(_product_gallery_module_scss__WEBPACK_IMPORTED_MODULE_16___default().fsProductListing)} layout__content`,
+      "data-fs-product-listing": true,
+      children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx(_EmptyGallery__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {})
+    });
+  }
+
+  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_Section__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
+    "data-testid": "product-gallery",
+    className: `${(_product_gallery_module_scss__WEBPACK_IMPORTED_MODULE_16___default().fsProductListing)} layout__content-full`,
+    "data-fs-product-listing": true,
+    children: [searchTerm && /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx("header", {
+      "data-fs-product-listing-search-term": true,
+      className: "layout__content",
+      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)("h1", {
+        children: ["Showing results for: ", /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx("span", {
+          children: searchTerm
+        })]
+      })
+    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)("div", {
+      "data-fs-product-listing-content-grid": true,
+      className: "layout__content",
+      children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx("div", {
+        "data-fs-product-listing-filters": true,
+        children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx(src_components_skeletons_FilterSkeleton__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
+          loading: facets?.length === 0,
+          children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx(src_components_search_Filter__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .C, {
+            facets: facets
+          })
+        })
+      }), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx("div", {
+        "data-fs-product-listing-results-count": true,
+        "data-count": totalCount,
+        children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_17__/* ["default"] */ .Z, {
+          "data-fs-product-listing-results-count-skeleton": true,
+          loading: !data,
+          size: {
+            width: '100%',
+            height: '1.5rem'
+          },
+          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)("h2", {
+            "data-testid": "total-product-count",
+            children: [totalCount, " Results"]
+          })
+        })
+      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)("div", {
+        "data-fs-product-listing-sort": true,
+        children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_17__/* ["default"] */ .Z, {
+          "data-fs-product-listing-sort-skeleton": true,
+          loading: facets?.length === 0,
+          size: {
+            width: 'auto',
+            height: '1.5rem'
+          },
+          children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx(src_components_search_Sort__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {})
+        }), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_17__/* ["default"] */ .Z, {
+          "data-fs-product-listing-filter-button-skeleton": true,
+          loading: facets?.length === 0,
+          size: {
+            width: '6rem',
+            height: '1.5rem'
+          },
+          children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_18__/* ["default"] */ .Z, {
+            variant: "tertiary",
+            "data-testid": "open-filter-button",
+            icon: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_19__/* ["default"] */ .Z, {
+              name: "FadersHorizontal",
+              width: 16,
+              height: 16
+            }),
+            iconPosition: "left",
+            "aria-label": "Open Filters",
+            onClick: openFilter,
+            children: "Filters"
+          })
+        })]
+      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)("div", {
+        "data-fs-product-listing-results": true,
+        children: [prev !== false && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)("div", {
+          "data-fs-product-listing-pagination": "top",
+          children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx(next_seo__WEBPACK_IMPORTED_MODULE_0__.NextSeo, {
+            additionalLinkTags: [{
+              rel: 'prev',
+              href: prev.link
+            }]
+          }), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_20__/* ["default"] */ .Z, {
+            onClick: e => {
+              e.currentTarget.blur();
+              e.preventDefault();
+              addPrevPage();
+            },
+            href: prev.link,
+            rel: "prev",
+            variant: "secondary",
+            iconPosition: "left",
+            icon: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_19__/* ["default"] */ .Z, {
+              name: "ArrowLeft",
+              width: 16,
+              height: 16,
+              weight: "bold"
+            }),
+            children: "Previous Page"
+          })]
+        }), data ? /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx(react__WEBPACK_IMPORTED_MODULE_1__.Suspense, {
+          fallback: GalleryPageSkeleton,
+          children: pages.map(page => /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx(GalleryPage, {
+            showSponsoredProducts: false,
+            page: page,
+            title: title
+          }, `gallery-page-${page}`))
+        }) : GalleryPageSkeleton, next !== false && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)("div", {
+          "data-fs-product-listing-pagination": "bottom",
+          children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx(next_seo__WEBPACK_IMPORTED_MODULE_0__.NextSeo, {
+            additionalLinkTags: [{
+              rel: 'next',
+              href: next.link
+            }]
+          }), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_20__/* ["default"] */ .Z, {
+            testId: "show-more",
+            onClick: e => {
+              e.currentTarget.blur();
+              e.preventDefault();
+              addNextPage();
+            },
+            href: next.link,
+            rel: "next",
+            variant: "secondary",
+            children: "Load more products"
+          })]
+        })]
+      })]
+    })]
+  });
+}
+
+ProductGallery.displayName = 'ProductGallery';
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,src_sdk_tests_mark__WEBPACK_IMPORTED_MODULE_6__/* .mark */ .B)(ProductGallery));
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
+
+/***/ }),
+
+/***/ 2618:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (/* reexport safe */ _ProductGallery__WEBPACK_IMPORTED_MODULE_0__.Z)
+/* harmony export */ });
+/* harmony import */ var _ProductGallery__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8273);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_ProductGallery__WEBPACK_IMPORTED_MODULE_0__]);
+_ProductGallery__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
+
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
+
+/***/ }),
+
+/***/ 3740:
+/***/ ((__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]);
+};
+
+/***/ }),
+
+/***/ 9361:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "g": () => (/* binding */ useDelayedPagination)
+/* harmony export */ });
+/* harmony import */ var _faststore_sdk__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2549);
+/* 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 useDelayedPagination = totalCount => {
+  const pagination = (0,_faststore_sdk__WEBPACK_IMPORTED_MODULE_1__/* .usePagination */ .h)(totalCount);
+  const {
+    0: pag,
+    1: setPag
+  } = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(() => ({
+    next: false,
+    prev: false
+  }));
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+    setPag(pagination);
+  }, [pagination]);
+  return pag;
+};
+
+/***/ }),
+
+/***/ 3840:
+/***/ ((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 */   "r": () => (/* binding */ useGalleryQuery)
+/* harmony export */ });
+/* unused harmony export query */
+/* harmony import */ var _faststore_sdk__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7794);
+/* harmony import */ var src_sdk_graphql_useQuery__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(7732);
+/* harmony import */ var _sdk_product_useProductsQuery__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4867);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([src_sdk_graphql_useQuery__WEBPACK_IMPORTED_MODULE_0__, _sdk_product_useProductsQuery__WEBPACK_IMPORTED_MODULE_1__]);
+([src_sdk_graphql_useQuery__WEBPACK_IMPORTED_MODULE_0__, _sdk_product_useProductsQuery__WEBPACK_IMPORTED_MODULE_1__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+
+
+
+/**
+ * This query is run on the browser and contains
+ * the current search state of the user
+ */
+
+const query = "ProductGalleryQuery";
+const useGalleryQuery = () => {
+  const {
+    state: {
+      term,
+      sort,
+      selectedFacets
+    },
+    itemsPerPage
+  } = (0,_faststore_sdk__WEBPACK_IMPORTED_MODULE_2__/* .useSearch */ .R)();
+  const localizedVariables = (0,_sdk_product_useProductsQuery__WEBPACK_IMPORTED_MODULE_1__/* .useLocalizedVariables */ .yb)({
+    first: itemsPerPage,
+    after: '0',
+    sort,
+    term: term ?? '',
+    selectedFacets
+  });
+  return (0,src_sdk_graphql_useQuery__WEBPACK_IMPORTED_MODULE_0__/* .useQuery */ .aM)(query, localizedVariables);
+};
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
+
+/***/ }),
+
+/***/ 763:
+/***/ ((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 */   "F": () => (/* binding */ useProductsPrefetch),
+/* harmony export */   "r": () => (/* binding */ useProducts)
+/* harmony export */ });
+/* harmony import */ var _faststore_sdk__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7794);
+/* 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_product_useProductsQuery__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4867);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([src_sdk_product_useProductsQuery__WEBPACK_IMPORTED_MODULE_1__]);
+src_sdk_product_useProductsQuery__WEBPACK_IMPORTED_MODULE_1__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
+
+
+
+const useProductsPrefetch = page => {
+  const {
+    itemsPerPage,
+    state: {
+      sort,
+      term,
+      selectedFacets
+    }
+  } = (0,_faststore_sdk__WEBPACK_IMPORTED_MODULE_2__/* .useSearch */ .R)();
+  const prefetch = (0,src_sdk_product_useProductsQuery__WEBPACK_IMPORTED_MODULE_1__/* .useProductsQueryPrefetch */ .BG)({
+    first: itemsPerPage,
+    after: (itemsPerPage * (page ?? 0)).toString(),
+    sort,
+    term: term ?? '',
+    selectedFacets
+  });
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+    if (page !== null) {
+      prefetch();
+    }
+  }, [page, prefetch]);
+};
+const useProducts = page => {
+  const {
+    itemsPerPage,
+    state: {
+      sort,
+      term,
+      selectedFacets
+    }
+  } = (0,_faststore_sdk__WEBPACK_IMPORTED_MODULE_2__/* .useSearch */ .R)();
+  const productList = (0,src_sdk_product_useProductsQuery__WEBPACK_IMPORTED_MODULE_1__/* .useProductsQuery */ .kN)({
+    first: itemsPerPage,
+    after: (itemsPerPage * page).toString(),
+    sort,
+    term: term ?? '',
+    selectedFacets
+  }, {
+    suspense: true
+  });
+  return productList?.edges;
+};
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
+
+/***/ }),
+
+/***/ 5473:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Z": () => (/* reexport */ FilterSkeleton_FilterSkeleton)
+});
+
+// EXTERNAL MODULE: ../components/dist/atoms/Skeleton/Skeleton.js
+var Skeleton = __webpack_require__(2928);
+// EXTERNAL MODULE: ./src/components/skeletons/FilterSkeleton/filter-skeleton.module.scss
+var filter_skeleton_module = __webpack_require__(5445);
+var filter_skeleton_module_default = /*#__PURE__*/__webpack_require__.n(filter_skeleton_module);
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(997);
+;// CONCATENATED MODULE: ./src/components/skeletons/FilterSkeleton/FilterSkeleton.tsx
+
+
+
+
+
+
+function FilterSkeleton({
+  children,
+  loading = true
+}) {
+  return loading ? /*#__PURE__*/(0,jsx_runtime_.jsxs)("div", {
+    className: (filter_skeleton_module_default()).fsFilterSkeleton,
+    "data-fs-filter-skeleton": true,
+    children: [/*#__PURE__*/jsx_runtime_.jsx(Skeleton/* default */.Z, {
+      "data-fs-filter-skeleton-text": true,
+      size: {
+        width: '100%',
+        height: '1.5rem'
+      }
+    }), /*#__PURE__*/(0,jsx_runtime_.jsxs)("div", {
+      "data-fs-filter-skeleton-content": true,
+      children: [/*#__PURE__*/jsx_runtime_.jsx(Skeleton/* default */.Z, {
+        "data-fs-filter-skeleton-text": true,
+        size: {
+          width: '100%',
+          height: '1.5rem'
+        },
+        shimmer: false
+      }), /*#__PURE__*/jsx_runtime_.jsx(Skeleton/* default */.Z, {
+        "data-fs-filter-skeleton-text": true,
+        size: {
+          width: '100%',
+          height: '1.5rem'
+        },
+        shimmer: false
+      }), /*#__PURE__*/jsx_runtime_.jsx(Skeleton/* default */.Z, {
+        "data-fs-filter-skeleton-text": true,
+        size: {
+          width: '100%',
+          height: '1.5rem'
+        },
+        shimmer: false
+      })]
+    })]
+  }) : /*#__PURE__*/jsx_runtime_.jsx(jsx_runtime_.Fragment, {
+    children: children
+  });
+}
+
+/* harmony default export */ const FilterSkeleton_FilterSkeleton = (FilterSkeleton);
+;// CONCATENATED MODULE: ./src/components/skeletons/FilterSkeleton/index.ts
+
+
+/***/ }),
+
+/***/ 9913:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Z": () => (/* reexport */ ProductGridSkeleton_ProductGridSkeleton)
+});
+
+// EXTERNAL MODULE: ./src/constants.ts
+var constants = __webpack_require__(8459);
+// EXTERNAL MODULE: ./src/components/product/ProductGrid/product-grid.module.scss
+var product_grid_module = __webpack_require__(4920);
+var product_grid_module_default = /*#__PURE__*/__webpack_require__.n(product_grid_module);
+// EXTERNAL MODULE: ./src/components/skeletons/ProductCardSkeleton/index.ts + 1 modules
+var ProductCardSkeleton = __webpack_require__(3288);
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(997);
+;// CONCATENATED MODULE: ./src/components/skeletons/ProductGridSkeleton/ProductGridSkeleton.tsx
+
+
+
+
+
+
+function ProductGridSkeleton({
+  children,
+  aspectRatio,
+  loading = true
+}) {
+  return loading ? /*#__PURE__*/jsx_runtime_.jsx("ul", {
+    className: (product_grid_module_default()).fsProductGrid,
+    children: Array.from({
+      length: constants/* ITEMS_PER_PAGE */.g
+    }, (_, index) => /*#__PURE__*/jsx_runtime_.jsx("li", {
+      children: /*#__PURE__*/jsx_runtime_.jsx(ProductCardSkeleton/* default */.Z, {
+        aspectRatio: aspectRatio,
+        bordered: true
+      })
+    }, String(index)))
+  }) : /*#__PURE__*/jsx_runtime_.jsx(jsx_runtime_.Fragment, {
+    children: children
+  });
+}
+
+/* harmony default export */ const ProductGridSkeleton_ProductGridSkeleton = (ProductGridSkeleton);
+;// CONCATENATED MODULE: ./src/components/skeletons/ProductGridSkeleton/index.ts
+
+
+/***/ }),
+
+/***/ 9509:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Z": () => (/* reexport */ EmptyState_EmptyState)
+});
+
+// EXTERNAL MODULE: ./src/components/ui/EmptyState/empty-state.module.scss
+var empty_state_module = __webpack_require__(8098);
+var empty_state_module_default = /*#__PURE__*/__webpack_require__.n(empty_state_module);
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(997);
+;// CONCATENATED MODULE: ./src/components/ui/EmptyState/EmptyState.tsx
+
+
+
+function EmptyState({
+  children,
+  variant = 'default'
+}) {
+  return /*#__PURE__*/jsx_runtime_.jsx("section", {
+    className: (empty_state_module_default()).fsEmptyState,
+    "data-fs-empty-state": true,
+    "data-fs-empty-state-variant": variant,
+    children: children
+  });
+}
+
+/* harmony default export */ const EmptyState_EmptyState = (EmptyState);
+;// CONCATENATED MODULE: ./src/components/ui/EmptyState/index.ts
+
+
+/***/ }),
+
+/***/ 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]);
+};
+
+/***/ }),
+
+/***/ 4920:
+/***/ ((module) => {
+
+// Exports
+module.exports = {
+	"fs-product-grid": "product-grid_fs-product-grid__SF25P",
+	"fsProductGrid": "product-grid_fs-product-grid__SF25P"
+};
+
+
+/***/ }),
+
+/***/ 2304:
+/***/ ((module) => {
+
+// Exports
+module.exports = {
+	"fs-product-listing": "product-gallery_fs-product-listing__BBpw4",
+	"fsProductListing": "product-gallery_fs-product-listing__BBpw4"
+};
+
+
+/***/ }),
+
+/***/ 5445:
+/***/ ((module) => {
+
+// Exports
+module.exports = {
+	"fs-filter-skeleton": "filter-skeleton_fs-filter-skeleton___kwHE",
+	"fsFilterSkeleton": "filter-skeleton_fs-filter-skeleton___kwHE"
+};
+
+
+/***/ }),
+
+/***/ 8098:
+/***/ ((module) => {
+
+// Exports
+module.exports = {
+	"fs-empty-state": "empty-state_fs-empty-state__F7Xul",
+	"fsEmptyState": "empty-state_fs-empty-state__F7Xul"
+};
+
+
+/***/ })
+
+};
+;