@faststore/core 2.0.152-alpha.0 → 2.0.153-alpha.0

package/.next/server/chunks/907.js

@@ -46,7 +46,7 @@ function Filter({ testId, title, indicesExpanded, onAccordionChange, children, }
 
 /***/ }),
 
-/***/ 6569:
+/***/ 6675:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -351,7 +351,7 @@ var Filter = __webpack_require__(939);
 // EXTERNAL MODULE: ../components/dist/organisms/Filter/FilterFacets.js
 var FilterFacets = __webpack_require__(226);
 // EXTERNAL MODULE: ../components/dist/organisms/Filter/FilterFacetBoolean.js
-var FilterFacetBoolean = __webpack_require__(6569);
+var FilterFacetBoolean = __webpack_require__(6675);
 // EXTERNAL MODULE: ../components/dist/organisms/Filter/FilterFacetBooleanItem.js + 1 modules
 var FilterFacetBooleanItem = __webpack_require__(6854);
 // EXTERNAL MODULE: ../components/dist/organisms/Filter/FilterFacetRange.js + 2 modules
@@ -383,7 +383,9 @@ function FilterSlider_FilterSlider({
   dispatch,
   expanded,
   selected,
-  title
+  title,
+  clearButtonLabel,
+  applyButtonLabel
 }) {
   const {
     resetInfiniteScroll,
@@ -403,7 +405,7 @@ function FilterSlider_FilterSlider({
         type: 'selectFacets',
         payload: []
       }),
-      children: 'Clear All'
+      children: clearButtonLabel ?? 'Clear All'
     },
     applyBtnProps: {
       variant: 'primary',
@@ -414,7 +416,7 @@ function FilterSlider_FilterSlider({
           page: 0
         }));
       },
-      children: 'Apply'
+      children: applyButtonLabel ?? 'Apply'
     },
     onClose: () => {
       dispatch({
@@ -502,7 +504,7 @@ var Filter = __webpack_require__(939);
 // EXTERNAL MODULE: ../components/dist/organisms/Filter/FilterFacets.js
 var FilterFacets = __webpack_require__(226);
 // EXTERNAL MODULE: ../components/dist/organisms/Filter/FilterFacetBoolean.js
-var FilterFacetBoolean = __webpack_require__(6569);
+var FilterFacetBoolean = __webpack_require__(6675);
 // EXTERNAL MODULE: ../components/dist/organisms/Filter/FilterFacetBooleanItem.js + 1 modules
 var FilterFacetBooleanItem = __webpack_require__(6854);
 // EXTERNAL MODULE: ../components/dist/organisms/Filter/FilterFacetRange.js + 2 modules
@@ -737,7 +739,8 @@ const FilterSlider = /*#__PURE__*/(0,external_react_.lazy)(() => Promise.resolve
 
 function Filter_Filter({
   facets: allFacets,
-  testId = 'fs-filter'
+  testId = 'fs-filter',
+  filter: filterCmsData
 }) {
   const filter = useFilter(allFacets);
   const {
@@ -748,13 +751,15 @@ function Filter_Filter({
       className: "hidden-mobile",
       children: /*#__PURE__*/jsx_runtime_.jsx(Filter_FilterDesktop, Filter_objectSpread(Filter_objectSpread({}, filter), {}, {
         testId: testId,
-        title: "Filters"
+        title: filterCmsData?.title
       }))
     }), displayFilter && /*#__PURE__*/jsx_runtime_.jsx(external_react_.Suspense, {
       fallback: null,
       children: /*#__PURE__*/jsx_runtime_.jsx(FilterSlider, Filter_objectSpread(Filter_objectSpread({}, filter), {}, {
         testId: testId,
-        title: "Filters"
+        title: filterCmsData?.title,
+        clearButtonLabel: filterCmsData?.mobileOnly?.clearButtonLabel,
+        applyButtonLabel: filterCmsData?.mobileOnly?.applyButtonLabel
       }))
     })]
   });
@@ -833,16 +838,23 @@ const OptionsMap = {
 };
 const keys = Object.keys(OptionsMap);
 
-function Sort() {
+function Sort({
+  label = '',
+  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: "Sort by",
-    options: OptionsMap,
+    label: label,
+    options: optionsMap,
     onChange: e => {
       const sort = keys[e.target.selectedIndex];
       setState(_objectSpread(_objectSpread({}, state), {}, {
@@ -925,42 +937,28 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* 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__(3221);
-/* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(2928);
-/* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(7578);
-/* 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__(1558);
-/* 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__(7067);
-/* harmony import */ var _EmptyGallery__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(5878);
-/* harmony import */ var _section_module_scss__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(4614);
-/* harmony import */ var _section_module_scss__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(_section_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__(6100);
-/* 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__);
-
-
-
-
+/* harmony import */ var src_sdk_tests_mark__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2541);
+/* harmony import */ var src_components_ui_ProductGallery_ProductGallery__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4061);
+/* harmony import */ var _Section__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7067);
+/* harmony import */ var _EmptyGallery__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(5878);
+/* harmony import */ var _section_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(4614);
+/* harmony import */ var _section_module_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_section_module_scss__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var _useGalleryQuery__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(3840);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(997);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([src_components_ui_ProductGallery_ProductGallery__WEBPACK_IMPORTED_MODULE_1__, _useGalleryQuery__WEBPACK_IMPORTED_MODULE_4__]);
+([src_components_ui_ProductGallery_ProductGallery__WEBPACK_IMPORTED_MODULE_1__, _useGalleryQuery__WEBPACK_IMPORTED_MODULE_4__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+const _excluded = ["context"];
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 
 
@@ -970,185 +968,52 @@ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_use
 
 
 
+const isSearch = x => x === undefined || x?.title != undefined || x?.searchTerm != undefined;
 
-const GalleryPage = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.lazy)(() => Promise.all(/* import() */[__webpack_require__.e(854), __webpack_require__.e(280), __webpack_require__.e(746)]).then(__webpack_require__.bind(__webpack_require__, 3746)));
+const isCollection = x => x?.seo != undefined && x?.seo != null && x?.sku == undefined;
 
-const GalleryPageSkeleton = /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx(src_components_skeletons_ProductGridSkeleton__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
-  loading: true
-});
+function ProductGallerySection(_ref) {
+  let {
+    context
+  } = _ref,
+      otherProps = _objectWithoutProperties(_ref, _excluded);
 
-function ProductGallery({
-  title,
-  searchTerm
-}) {
+  const [title, searchTerm] = isSearch(context) ? [context?.title, context?.searchTerm] : isCollection(context) ? [context?.seo?.title] : [''];
   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, {
-      className: `${(_section_module_scss__WEBPACK_IMPORTED_MODULE_16___default().section)} section-product-gallery layout__content`,
-      children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx("section", {
+    data: productGalleryData
+  } = (0,_useGalleryQuery__WEBPACK_IMPORTED_MODULE_4__/* .useGalleryQuery */ .r)();
+  const totalCount = productGalleryData?.search.products.pageInfo.totalCount ?? 0;
+
+  if (productGalleryData && totalCount === 0) {
+    return /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx(_Section__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
+      className: `${(_section_module_scss__WEBPACK_IMPORTED_MODULE_6___default().section)} section-product-gallery layout__content`,
+      children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx("section", {
         "data-testid": "product-gallery",
         "data-fs-product-listing": true,
-        children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx(_EmptyGallery__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {})
+        children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx(_EmptyGallery__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {})
       })
     });
   }
 
-  return /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx(_Section__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
-    className: `${(_section_module_scss__WEBPACK_IMPORTED_MODULE_16___default().section)} section-product-gallery layout__content-full`,
-    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)("section", {
-      "data-testid": "product-gallery",
-      "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, {
-              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"
-            })]
-          })]
-        })]
-      })]
-    })
+  return /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx(_Section__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
+    className: `${(_section_module_scss__WEBPACK_IMPORTED_MODULE_6___default().section)} section-product-gallery layout__content-full`,
+    children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx(src_components_ui_ProductGallery_ProductGallery__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, _objectSpread({
+      title: title,
+      searchTerm: searchTerm,
+      productGalleryData: productGalleryData,
+      totalCount: totalCount
+    }, otherProps))
   });
 }
 
-ProductGallery.displayName = 'ProductGallery';
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,src_sdk_tests_mark__WEBPACK_IMPORTED_MODULE_6__/* .mark */ .B)(ProductGallery));
+ProductGallerySection.displayName = 'ProductGallery';
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,src_sdk_tests_mark__WEBPACK_IMPORTED_MODULE_0__/* .mark */ .B)(ProductGallerySection));
 __webpack_async_result__();
 } catch(e) { __webpack_async_result__(e); } });
 
 /***/ }),
 
-/***/ 2618:
+/***/ 7873:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -1165,90 +1030,6 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 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]);
-};
-
-/***/ }),
-
-/***/ 6100:
-/***/ ((__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/components/sections/ProductGallery/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;
-};
-
-/***/ }),
-
 /***/ 3840:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
@@ -1295,71 +1076,6 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 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__(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_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__) => {
 
@@ -1474,6 +1190,370 @@ function ProductGridSkeleton({
 ;// CONCATENATED MODULE: ./src/components/skeletons/ProductGridSkeleton/index.ts
 
 
+/***/ }),
+
+/***/ 4061:
+/***/ ((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_11__ = __webpack_require__(3221);
+/* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(2928);
+/* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(7578);
+/* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_15__ = __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_10__ = __webpack_require__(395);
+/* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(5045);
+/* harmony import */ var src_components_search_Filter__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1558);
+/* 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 _useDelayedFacets__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(6341);
+/* harmony import */ var _useDelayedPagination__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(7184);
+/* harmony import */ var _usePageProducts__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(9521);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(997);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_usePageProducts__WEBPACK_IMPORTED_MODULE_8__]);
+_usePageProducts__WEBPACK_IMPORTED_MODULE_8__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const GalleryPage = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.lazy)(() => Promise.all(/* import() */[__webpack_require__.e(854), __webpack_require__.e(280), __webpack_require__.e(289)]).then(__webpack_require__.bind(__webpack_require__, 5289)));
+
+const GalleryPageSkeleton = /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx(src_components_skeletons_ProductGridSkeleton__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
+  loading: true
+});
+
+function ProductGallery({
+  title,
+  searchTerm,
+  productGalleryData,
+  totalCount,
+  searchTermLabel,
+  totalCountLabel,
+  filter,
+  previousPageButton,
+  loadMorePageButton,
+  sortBySelector,
+  productCard
+}) {
+  const {
+    openFilter
+  } = (0,_faststore_ui__WEBPACK_IMPORTED_MODULE_10__/* .useUI */ .l)();
+  const {
+    pages,
+    addNextPage,
+    addPrevPage
+  } = (0,_faststore_sdk__WEBPACK_IMPORTED_MODULE_11__/* .useSearch */ .R)();
+  const facets = (0,_useDelayedFacets__WEBPACK_IMPORTED_MODULE_6__/* .useDelayedFacets */ .u)(productGalleryData);
+  const {
+    next,
+    prev
+  } = (0,_useDelayedPagination__WEBPACK_IMPORTED_MODULE_7__/* .useDelayedPagination */ .g)(totalCount);
+  (0,_usePageProducts__WEBPACK_IMPORTED_MODULE_8__/* .useProductsPrefetch */ .F)(prev ? prev.cursor : null);
+  (0,_usePageProducts__WEBPACK_IMPORTED_MODULE_8__/* .useProductsPrefetch */ .F)(next ? next.cursor : null);
+  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("section", {
+    "data-testid": "product-gallery",
+    "data-fs-product-listing": true,
+    children: [searchTerm && /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx("header", {
+      "data-fs-product-listing-search-term": true,
+      className: "layout__content",
+      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("h1", {
+        children: [searchTermLabel, " ", /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx("span", {
+          children: searchTerm
+        })]
+      })
+    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div", {
+      "data-fs-product-listing-content-grid": true,
+      className: "layout__content",
+      children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx("div", {
+        "data-fs-product-listing-filters": true,
+        children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx(src_components_skeletons_FilterSkeleton__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
+          loading: facets?.length === 0,
+          children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx(src_components_search_Filter__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .C, {
+            facets: facets,
+            filter: filter
+          })
+        })
+      }), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx("div", {
+        "data-fs-product-listing-results-count": true,
+        "data-count": totalCount,
+        children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_12__/* ["default"] */ .Z, {
+          "data-fs-product-listing-results-count-skeleton": true,
+          loading: !productGalleryData,
+          size: {
+            width: '100%',
+            height: '1.5rem'
+          },
+          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("h2", {
+            "data-testid": "total-product-count",
+            children: [totalCount, " ", totalCountLabel]
+          })
+        })
+      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div", {
+        "data-fs-product-listing-sort": true,
+        children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_12__/* ["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_9__.jsx(src_components_search_Sort__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
+            label: sortBySelector?.label,
+            options: sortBySelector?.options
+          })
+        }), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_12__/* ["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_9__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_13__/* ["default"] */ .Z, {
+            variant: "tertiary",
+            "data-testid": "open-filter-button",
+            icon: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_14__/* ["default"] */ .Z, {
+              name: filter?.mobileOnly?.filterButton?.icon?.icon,
+              "aria-label": filter?.mobileOnly?.filterButton?.icon?.alt,
+              width: 16,
+              height: 16
+            }),
+            iconPosition: "left",
+            onClick: openFilter,
+            children: filter?.mobileOnly?.filterButton?.label
+          })
+        })]
+      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div", {
+        "data-fs-product-listing-results": true,
+        children: [prev !== false && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div", {
+          "data-fs-product-listing-pagination": "top",
+          children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx(next_seo__WEBPACK_IMPORTED_MODULE_0__.NextSeo, {
+            additionalLinkTags: [{
+              rel: 'prev',
+              href: prev.link
+            }]
+          }), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_15__/* ["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_9__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_14__/* ["default"] */ .Z, {
+              name: previousPageButton?.icon?.icon,
+              "aria-label": previousPageButton?.icon?.alt ?? previousPageButton?.label,
+              width: 16,
+              height: 16,
+              weight: "bold"
+            }),
+            children: previousPageButton?.label
+          })]
+        }), productGalleryData ? /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx(react__WEBPACK_IMPORTED_MODULE_1__.Suspense, {
+          fallback: GalleryPageSkeleton,
+          children: pages.map(page => /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx(GalleryPage, {
+            page: page,
+            title: title,
+            productCard: productCard
+          }, `gallery-page-${page}`))
+        }) : GalleryPageSkeleton, next !== false && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div", {
+          "data-fs-product-listing-pagination": "bottom",
+          children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx(next_seo__WEBPACK_IMPORTED_MODULE_0__.NextSeo, {
+            additionalLinkTags: [{
+              rel: 'next',
+              href: next.link
+            }]
+          }), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_15__/* ["default"] */ .Z, {
+            testId: "show-more",
+            onClick: e => {
+              e.currentTarget.blur();
+              e.preventDefault();
+              addNextPage();
+            },
+            href: next.link,
+            rel: "next",
+            variant: "secondary",
+            children: loadMorePageButton?.label
+          })]
+        })]
+      })]
+    })]
+  });
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProductGallery);
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
+
+/***/ }),
+
+/***/ 6341:
+/***/ ((__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]);
+};
+
+/***/ }),
+
+/***/ 7184:
+/***/ ((__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/components/ui/ProductGallery/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;
+};
+
+/***/ }),
+
+/***/ 9521:
+/***/ ((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__(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_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); } });
+
 /***/ }),
 
 /***/ 1523: