@faststore/core 2.1.0 → 2.1.3

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

@@ -479,14 +479,14 @@ function FilterSlider_FilterSlider({
 
 /***/ }),
 
-/***/ 11558:
+/***/ 36171:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-  "C": () => (/* reexport */ search_Filter_Filter)
+  "C": () => (/* reexport */ Filter_Filter)
 });
 
 // UNUSED EXPORTS: FilterSlider
@@ -495,104 +495,10 @@ __webpack_require__.d(__webpack_exports__, {
 var UIProvider = __webpack_require__(90395);
 // EXTERNAL MODULE: external "react"
 var external_react_ = __webpack_require__(16689);
+// EXTERNAL MODULE: ../sdk/dist/search/facets.js
+var facets = __webpack_require__(9664);
 // EXTERNAL MODULE: ../sdk/dist/search/useSearch.js + 1 modules
 var useSearch = __webpack_require__(73221);
-// EXTERNAL MODULE: ../sdk/dist/search/facets.js
-var search_facets = __webpack_require__(9664);
-// EXTERNAL MODULE: ../components/dist/organisms/Filter/Filter.js
-var Filter = __webpack_require__(10939);
-// EXTERNAL MODULE: ../components/dist/organisms/Filter/FilterFacets.js
-var FilterFacets = __webpack_require__(40226);
-// EXTERNAL MODULE: ../components/dist/organisms/Filter/FilterFacetBoolean.js
-var FilterFacetBoolean = __webpack_require__(46569);
-// EXTERNAL MODULE: ../components/dist/organisms/Filter/FilterFacetBooleanItem.js + 1 modules
-var FilterFacetBooleanItem = __webpack_require__(86854);
-// EXTERNAL MODULE: ../components/dist/organisms/Filter/FilterFacetRange.js + 2 modules
-var FilterFacetRange = __webpack_require__(87375);
-// EXTERNAL MODULE: ./src/sdk/product/useFormattedPrice.ts
-var useFormattedPrice = __webpack_require__(95346);
-// EXTERNAL MODULE: external "react/jsx-runtime"
-var jsx_runtime_ = __webpack_require__(20997);
-;// CONCATENATED MODULE: ./src/components/search/Filter/FilterDesktop.tsx
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-
-
-
-
-
-
-function FilterDesktop({
-  facets,
-  testId,
-  dispatch,
-  expanded,
-  title
-}) {
-  const {
-    resetInfiniteScroll,
-    state,
-    setState
-  } = (0,useSearch/* useSearch */.R)();
-  return /*#__PURE__*/jsx_runtime_.jsx(Filter/* default */.Z, {
-    testId: `desktop-${testId}`,
-    title: title,
-    indicesExpanded: expanded,
-    onAccordionChange: idx => dispatch({
-      type: 'toggleExpanded',
-      payload: idx
-    }),
-    children: facets.map((facet, index) => {
-      const {
-        __typename: type,
-        label
-      } = facet;
-      const isExpanded = expanded.has(index);
-      return /*#__PURE__*/(0,jsx_runtime_.jsxs)(FilterFacets/* default */.Z, {
-        testId: testId,
-        index: index,
-        type: type,
-        label: label,
-        children: [type === 'StoreFacetBoolean' && isExpanded && /*#__PURE__*/jsx_runtime_.jsx(FilterFacetBoolean/* default */.Z, {
-          children: facet.values.map(item => /*#__PURE__*/jsx_runtime_.jsx(FilterFacetBooleanItem/* default */.Z, {
-            id: `${testId}-${facet.label}-${item.label}`,
-            testId: testId,
-            onFacetChange: facet => {
-              setState(_objectSpread(_objectSpread({}, state), {}, {
-                selectedFacets: (0,search_facets/* toggleFacet */.wB)(state.selectedFacets, facet),
-                page: 0
-              }));
-              resetInfiniteScroll(0);
-            },
-            selected: item.selected,
-            value: item.value,
-            quantity: item.quantity,
-            facetKey: facet.key,
-            label: item.label
-          }, `${testId}-${facet.label}-${item.label}`))
-        }), type === 'StoreFacetRange' && isExpanded && /*#__PURE__*/jsx_runtime_.jsx(FilterFacetRange/* default */.Z, {
-          facetKey: facet.key,
-          min: facet.min,
-          max: facet.max,
-          formatter: useFormattedPrice/* useFormattedPrice */.P,
-          onFacetChange: facet => {
-            setState(_objectSpread(_objectSpread({}, state), {}, {
-              selectedFacets: (0,search_facets/* setFacet */.uL)(state.selectedFacets, facet, true),
-              page: 0
-            }));
-            resetInfiniteScroll(0);
-          }
-        })]
-      }, `${testId}-${label}-${index}`);
-    })
-  });
-}
-
-/* harmony default export */ const Filter_FilterDesktop = (FilterDesktop);
 ;// CONCATENATED MODULE: ./src/components/search/Filter/useFilter.ts
 const _excluded = ["value"];
 
@@ -600,11 +506,11 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 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 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 _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 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; }
+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; }
 
 
 
@@ -628,7 +534,7 @@ const reducer = (state, action) => {
           expanded.add(payload);
         }
 
-        return useFilter_objectSpread(useFilter_objectSpread({}, state), {}, {
+        return _objectSpread(_objectSpread({}, state), {}, {
           expanded: new Set(expanded)
         });
       }
@@ -636,7 +542,7 @@ const reducer = (state, action) => {
     case 'selectFacets':
       {
         if (payload !== selected) {
-          return useFilter_objectSpread(useFilter_objectSpread({}, state), {}, {
+          return _objectSpread(_objectSpread({}, state), {}, {
             selected: payload
           });
         }
@@ -646,15 +552,15 @@ const reducer = (state, action) => {
 
     case 'toggleFacet':
       {
-        return useFilter_objectSpread(useFilter_objectSpread({}, state), {}, {
-          selected: (0,search_facets/* toggleFacet */.wB)(state.selected, payload)
+        return _objectSpread(_objectSpread({}, state), {}, {
+          selected: (0,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)
+        return _objectSpread(_objectSpread({}, state), {}, {
+          selected: (0,facets/* setFacet */.uL)(state.selected, payload.facet, payload.unique)
         });
       }
 
@@ -691,14 +597,14 @@ const useFilter = allFacets => {
   }, new Map()), [selected]);
   const facets = (0,external_react_.useMemo)(() => allFacets.map(facet => {
     if (facet.__typename === 'StoreFacetBoolean') {
-      return useFilter_objectSpread(useFilter_objectSpread({}, facet), {}, {
+      return _objectSpread(_objectSpread({}, facet), {}, {
         values: facet.values.map(_ref => {
           let {
             value
           } = _ref,
               rest = _objectWithoutProperties(_ref, _excluded);
 
-          return useFilter_objectSpread(useFilter_objectSpread({}, rest), {}, {
+          return _objectSpread(_objectSpread({}, rest), {}, {
             value,
             selected: Boolean(selectedMap.get(facet.key)?.has(value))
           });
@@ -721,6 +627,10 @@ const useFilter = allFacets => {
     dispatch
   };
 };
+// EXTERNAL MODULE: ./src/components/sections/ProductGallery/Overrides.tsx + 2 modules
+var Overrides = __webpack_require__(90217);
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(20997);
 ;// 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; }
 
@@ -735,9 +645,12 @@ function Filter_defineProperty(obj, key, value) { if (key in obj) { Object.defin
 
 
 
-const FilterSlider = /*#__PURE__*/(0,external_react_.lazy)(() => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 94256)));
+const {
+  __experimentalFilterDesktop: FilterDesktop,
+  __experimentalFilterSlider: FilterSlider
+} = Overrides/* Components */.z;
 
-function Filter_Filter({
+function Filter({
   facets: allFacets,
   testId = 'fs-filter',
   filter: filterCmsData
@@ -749,13 +662,13 @@ function Filter_Filter({
   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), {}, {
+      children: /*#__PURE__*/jsx_runtime_.jsx(FilterDesktop, Filter_objectSpread(Filter_objectSpread(Filter_objectSpread({}, Overrides/* Props.__experimentalFilterDesktop */.x.__experimentalFilterDesktop), filter), {}, {
         testId: testId,
         title: filterCmsData?.title
       }))
     }), displayFilter && /*#__PURE__*/jsx_runtime_.jsx(external_react_.Suspense, {
       fallback: null,
-      children: /*#__PURE__*/jsx_runtime_.jsx(FilterSlider, Filter_objectSpread(Filter_objectSpread({}, filter), {}, {
+      children: /*#__PURE__*/jsx_runtime_.jsx(FilterSlider, Filter_objectSpread(Filter_objectSpread(Filter_objectSpread({}, Overrides/* Props.__experimentalFilterSlider */.x.__experimentalFilterSlider), filter), {}, {
         testId: testId,
         title: filterCmsData?.title,
         clearButtonLabel: filterCmsData?.mobileOnly?.clearButtonLabel,
@@ -766,7 +679,7 @@ function Filter_Filter({
 }
 
 const fragment = "unknown";
-/* harmony default export */ const search_Filter_Filter = (Filter_Filter);
+/* harmony default export */ const Filter_Filter = (Filter);
 // EXTERNAL MODULE: ./src/components/search/Filter/FilterSlider.tsx + 1 modules
 var Filter_FilterSlider = __webpack_require__(94256);
 ;// CONCATENATED MODULE: ./src/components/search/Filter/index.ts
@@ -927,6 +840,213 @@ function EmptyGallery() {
 
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (EmptyGallery);
 
+/***/ }),
+
+/***/ 90217:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "z": () => (/* binding */ Components),
+  "x": () => (/* binding */ productGalleryPropsCustomization)
+});
+
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(16689);
+// EXTERNAL MODULE: ../components/dist/atoms/Button/Button.js
+var Button = __webpack_require__(57578);
+// EXTERNAL MODULE: ../components/dist/atoms/Icon/Icon.js
+var Icon = __webpack_require__(25045);
+// EXTERNAL MODULE: ../components/dist/atoms/Skeleton/Skeleton.js
+var Skeleton = __webpack_require__(2928);
+// EXTERNAL MODULE: ../components/dist/molecules/LinkButton/LinkButton.js
+var LinkButton = __webpack_require__(67703);
+// EXTERNAL MODULE: ./src/components/product/ProductCard/index.ts + 4 modules
+var ProductCard = __webpack_require__(56475);
+// EXTERNAL MODULE: ../sdk/dist/search/useSearch.js + 1 modules
+var useSearch = __webpack_require__(73221);
+// EXTERNAL MODULE: ../sdk/dist/search/facets.js
+var search_facets = __webpack_require__(9664);
+// EXTERNAL MODULE: ../components/dist/organisms/Filter/Filter.js
+var Filter = __webpack_require__(10939);
+// EXTERNAL MODULE: ../components/dist/organisms/Filter/FilterFacets.js
+var FilterFacets = __webpack_require__(40226);
+// EXTERNAL MODULE: ../components/dist/organisms/Filter/FilterFacetBoolean.js
+var FilterFacetBoolean = __webpack_require__(46569);
+// EXTERNAL MODULE: ../components/dist/organisms/Filter/FilterFacetBooleanItem.js + 1 modules
+var FilterFacetBooleanItem = __webpack_require__(86854);
+// EXTERNAL MODULE: ../components/dist/organisms/Filter/FilterFacetRange.js + 2 modules
+var FilterFacetRange = __webpack_require__(87375);
+// EXTERNAL MODULE: ./src/sdk/product/useFormattedPrice.ts
+var useFormattedPrice = __webpack_require__(95346);
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(20997);
+;// CONCATENATED MODULE: ./src/components/search/Filter/FilterDesktop.tsx
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+
+
+
+
+
+
+function FilterDesktop({
+  facets,
+  testId,
+  dispatch,
+  expanded,
+  title
+}) {
+  const {
+    resetInfiniteScroll,
+    state,
+    setState
+  } = (0,useSearch/* useSearch */.R)();
+  return /*#__PURE__*/jsx_runtime_.jsx(Filter/* default */.Z, {
+    testId: `desktop-${testId}`,
+    title: title,
+    indicesExpanded: expanded,
+    onAccordionChange: idx => dispatch({
+      type: 'toggleExpanded',
+      payload: idx
+    }),
+    children: facets.map((facet, index) => {
+      const {
+        __typename: type,
+        label
+      } = facet;
+      const isExpanded = expanded.has(index);
+      return /*#__PURE__*/(0,jsx_runtime_.jsxs)(FilterFacets/* default */.Z, {
+        testId: testId,
+        index: index,
+        type: type,
+        label: label,
+        children: [type === 'StoreFacetBoolean' && isExpanded && /*#__PURE__*/jsx_runtime_.jsx(FilterFacetBoolean/* default */.Z, {
+          children: facet.values.map(item => /*#__PURE__*/jsx_runtime_.jsx(FilterFacetBooleanItem/* default */.Z, {
+            id: `${testId}-${facet.label}-${item.label}`,
+            testId: testId,
+            onFacetChange: facet => {
+              setState(_objectSpread(_objectSpread({}, state), {}, {
+                selectedFacets: (0,search_facets/* toggleFacet */.wB)(state.selectedFacets, facet),
+                page: 0
+              }));
+              resetInfiniteScroll(0);
+            },
+            selected: item.selected,
+            value: item.value,
+            quantity: item.quantity,
+            facetKey: facet.key,
+            label: item.label
+          }, `${testId}-${facet.label}-${item.label}`))
+        }), type === 'StoreFacetRange' && isExpanded && /*#__PURE__*/jsx_runtime_.jsx(FilterFacetRange/* default */.Z, {
+          facetKey: facet.key,
+          min: facet.min,
+          max: facet.max,
+          formatter: useFormattedPrice/* useFormattedPrice */.P,
+          onFacetChange: facet => {
+            setState(_objectSpread(_objectSpread({}, state), {}, {
+              selectedFacets: (0,search_facets/* setFacet */.uL)(state.selectedFacets, facet, true),
+              page: 0
+            }));
+            resetInfiniteScroll(0);
+          }
+        })]
+      }, `${testId}-${label}-${index}`);
+    })
+  });
+}
+
+/* harmony default export */ const Filter_FilterDesktop = (FilterDesktop);
+;// CONCATENATED MODULE: ./src/customizations/components/overrides/ProductGallery.tsx
+// This is an example of how it can be used on the starter.
+const SECTION = 'ProductGallery';
+const overrides = {
+  name: SECTION,
+  components: {
+    Button: {
+      props: {}
+    },
+    FilterIcon: {
+      props: {}
+    },
+    PrevIcon: {
+      props: {}
+    },
+    ResultsCountSkeleton: {
+      props: {}
+    },
+    SortSkeleton: {
+      props: {}
+    },
+    FilterButtonSkeleton: {
+      props: {}
+    },
+    LinkButtonPrev: {
+      props: {}
+    },
+    LinkButtonNext: {
+      props: {}
+    },
+    __experimentalFilterDesktop: {
+      props: {}
+    },
+    __experimentalFilterSlider: {
+      props: {}
+    },
+    __experimentalProductCard: {
+      props: {}
+    }
+  }
+};
+/* harmony default export */ const ProductGallery = (overrides);
+;// CONCATENATED MODULE: ./src/components/sections/ProductGallery/Overrides.tsx
+function Overrides_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 Overrides_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? Overrides_ownKeys(Object(source), !0).forEach(function (key) { Overrides_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : Overrides_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function Overrides_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 FilterSlider = /*#__PURE__*/(0,external_react_.lazy)(() => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 94256)));
+
+const productGalleryComponentsCustomization = {};
+const productGalleryPropsCustomization = {};
+Object.entries(ProductGallery.components).forEach(([key, value]) => {
+  if (value.Component) {
+    productGalleryComponentsCustomization[key] = value.Component;
+  }
+});
+Object.entries(ProductGallery.components).forEach(([key, value]) => {
+  if (value.props) {
+    productGalleryPropsCustomization[key] = value.props;
+  }
+});
+
+const Components = Overrides_objectSpread({
+  Button: Button/* default */.Z,
+  FilterIcon: Icon/* default */.Z,
+  PrevIcon: Icon/* default */.Z,
+  ResultsCountSkeleton: Skeleton/* default */.Z,
+  SortSkeleton: Skeleton/* default */.Z,
+  FilterButtonSkeleton: Skeleton/* default */.Z,
+  LinkButtonPrev: LinkButton/* default */.Z,
+  LinkButtonNext: LinkButton/* default */.Z,
+  __experimentalFilterDesktop: Filter_FilterDesktop,
+  __experimentalFilterSlider: FilterSlider,
+  __experimentalProductCard: ProductCard/* default */.Z
+}, productGalleryComponentsCustomization);
+
+
+
 /***/ }),
 
 /***/ 58273:
@@ -1200,27 +1320,29 @@ __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_11__ = __webpack_require__(73221);
-/* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(2928);
-/* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(57578);
-/* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(67703);
+/* harmony import */ var _faststore_sdk__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(73221);
 /* harmony import */ var next_seo__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(16641);
 /* 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__(16689);
 /* 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__(90395);
-/* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(25045);
-/* harmony import */ var src_components_search_Filter__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(11558);
+/* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(90395);
+/* harmony import */ var src_components_search_Filter__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(36171);
 /* harmony import */ var src_components_search_Sort__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(93532);
 /* harmony import */ var src_components_skeletons_FilterSkeleton__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(25473);
 /* harmony import */ var src_components_skeletons_ProductGridSkeleton__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(89913);
 /* harmony import */ var _useDelayedFacets__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(6341);
 /* harmony import */ var _useDelayedPagination__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(77184);
 /* harmony import */ var _usePageProducts__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(49521);
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(20997);
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__);
+/* harmony import */ var src_components_sections_ProductGallery_Overrides__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(90217);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(20997);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__);
 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];
+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; }
 
 
 
@@ -1235,12 +1357,24 @@ _usePageProducts__WEBPACK_IMPORTED_MODULE_8__ = (__webpack_async_dependencies__.
 
 
 
-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__, 75289)));
 
-const GalleryPageSkeleton = /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx(src_components_skeletons_ProductGridSkeleton__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
+const GalleryPage = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.lazy)(() => Promise.all(/* import() */[__webpack_require__.e(184), __webpack_require__.e(289)]).then(__webpack_require__.bind(__webpack_require__, 75289)));
+
+const GalleryPageSkeleton = /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx(src_components_skeletons_ProductGridSkeleton__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
   loading: true
 });
 
+const {
+  Button,
+  FilterIcon,
+  PrevIcon,
+  ResultsCountSkeleton,
+  SortSkeleton,
+  FilterButtonSkeleton,
+  LinkButtonPrev,
+  LinkButtonNext
+} = src_components_sections_ProductGallery_Overrides__WEBPACK_IMPORTED_MODULE_9__/* .Components */ .z;
+
 function ProductGallery({
   title,
   searchTerm,
@@ -1256,12 +1390,12 @@ function ProductGallery({
 }) {
   const {
     openFilter
-  } = (0,_faststore_ui__WEBPACK_IMPORTED_MODULE_10__/* .useUI */ .l)();
+  } = (0,_faststore_ui__WEBPACK_IMPORTED_MODULE_11__/* .useUI */ .l)();
   const {
     pages,
     addNextPage,
     addPrevPage
-  } = (0,_faststore_sdk__WEBPACK_IMPORTED_MODULE_11__/* .useSearch */ .R)();
+  } = (0,_faststore_sdk__WEBPACK_IMPORTED_MODULE_12__/* .useSearch */ .R)();
   const facets = (0,_useDelayedFacets__WEBPACK_IMPORTED_MODULE_6__/* .useDelayedFacets */ .u)(productGalleryData);
   const {
     next,
@@ -1269,132 +1403,152 @@ function ProductGallery({
   } = (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", {
+  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)("section", {
     "data-testid": "product-gallery",
     "data-fs-product-listing": true,
-    children: [searchTerm && /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx("header", {
+    children: [searchTerm && /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.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: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)("h1", {
+        children: [searchTermLabel, " ", /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx("span", {
           children: searchTerm
         })]
       })
-    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div", {
+    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)("div", {
       "data-fs-product-listing-content-grid": true,
       className: "layout__content",
-      children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx("div", {
+      children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.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, {
+        children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.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, {
+          children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.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", {
+      }), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.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, {
+        children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx(ResultsCountSkeleton, _objectSpread(_objectSpread({
           "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", {
+          }
+        }, src_components_sections_ProductGallery_Overrides__WEBPACK_IMPORTED_MODULE_9__/* .Props.ResultsCountSkeleton */ .x.ResultsCountSkeleton), {}, {
+          // Dynamic props shouldn't be overridable
+          // This decision can be reviewed later if needed
+          loading: !productGalleryData,
+          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)("h2", {
             "data-testid": "total-product-count",
             children: [totalCount, " ", totalCountLabel]
           })
-        })
-      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div", {
+        }))
+      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.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, {
+        children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx(SortSkeleton, _objectSpread(_objectSpread({
           "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, {
+          }
+        }, src_components_sections_ProductGallery_Overrides__WEBPACK_IMPORTED_MODULE_9__/* .Props.SortSkeleton */ .x.SortSkeleton), {}, {
+          // Dynamic props shouldn't be overridable
+          // This decision can be reviewed later if needed
+          loading: facets?.length === 0,
+          children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.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, {
+        })), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx(FilterButtonSkeleton, _objectSpread(_objectSpread({
           "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, {
+          }
+        }, src_components_sections_ProductGallery_Overrides__WEBPACK_IMPORTED_MODULE_9__/* .Props.FilterButtonSkeleton */ .x.FilterButtonSkeleton), {}, {
+          // Dynamic props shouldn't be overridable
+          // This decision can be reviewed later if needed
+          loading: facets?.length === 0,
+          children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx(Button, _objectSpread(_objectSpread({
             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,
+            icon: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx(FilterIcon, _objectSpread(_objectSpread({
               width: 16,
               height: 16
-            }),
-            iconPosition: "left",
+            }, src_components_sections_ProductGallery_Overrides__WEBPACK_IMPORTED_MODULE_9__/* .Props.FilterIcon */ .x.FilterIcon), {}, {
+              name: filter?.mobileOnly?.filterButton?.icon?.icon ?? src_components_sections_ProductGallery_Overrides__WEBPACK_IMPORTED_MODULE_9__/* .Props.FilterIcon.name */ .x.FilterIcon.name,
+              "aria-label": filter?.mobileOnly?.filterButton?.icon?.alt ?? src_components_sections_ProductGallery_Overrides__WEBPACK_IMPORTED_MODULE_9__/* .Props.FilterIcon["aria-label"] */ .x.FilterIcon["aria-label"]
+            })),
+            iconPosition: "left"
+          }, src_components_sections_ProductGallery_Overrides__WEBPACK_IMPORTED_MODULE_9__/* .Props.Button */ .x.Button), {}, {
+            // Dynamic props shouldn't be overridable
+            // This decision can be reviewed later if needed
             onClick: openFilter,
             children: filter?.mobileOnly?.filterButton?.label
-          })
-        })]
-      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div", {
+          }))
+        }))]
+      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)("div", {
         "data-fs-product-listing-results": true,
-        children: [prev !== false && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div", {
+        children: [prev !== false && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.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, {
+          children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.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,
+          }), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx(LinkButtonPrev, _objectSpread(_objectSpread({
             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,
+            icon: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx(PrevIcon, _objectSpread(_objectSpread({
               width: 16,
               height: 16,
               weight: "bold"
-            }),
+            }, src_components_sections_ProductGallery_Overrides__WEBPACK_IMPORTED_MODULE_9__/* .Props.PrevIcon */ .x.PrevIcon), {}, {
+              name: previousPageButton?.icon?.icon ?? src_components_sections_ProductGallery_Overrides__WEBPACK_IMPORTED_MODULE_9__/* .Props.PrevIcon.name */ .x.PrevIcon.name,
+              "aria-label": previousPageButton?.icon?.alt ?? previousPageButton?.label ?? src_components_sections_ProductGallery_Overrides__WEBPACK_IMPORTED_MODULE_9__/* .Props.PrevIcon["aria-label"] */ .x.PrevIcon["aria-label"]
+            }))
+          }, src_components_sections_ProductGallery_Overrides__WEBPACK_IMPORTED_MODULE_9__/* .Props.LinkButtonPrev */ .x.LinkButtonPrev), {}, {
+            // Dynamic props shouldn't be overridable
+            // This decision can be reviewed later if needed
+            onClick: e => {
+              e.currentTarget.blur();
+              e.preventDefault();
+              addPrevPage();
+            },
+            href: prev.link,
             children: previousPageButton?.label
-          })]
-        }), productGalleryData ? /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx(react__WEBPACK_IMPORTED_MODULE_1__.Suspense, {
+          }))]
+        }), productGalleryData ? /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx(react__WEBPACK_IMPORTED_MODULE_1__.Suspense, {
           fallback: GalleryPageSkeleton,
-          children: pages.map(page => /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx(GalleryPage, {
+          children: pages.map(page => /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.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", {
+        }) : GalleryPageSkeleton, next !== false && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.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, {
+          children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.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, {
+          }), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx(LinkButtonNext, _objectSpread(_objectSpread({
             testId: "show-more",
+            rel: "next",
+            variant: "secondary"
+          }, src_components_sections_ProductGallery_Overrides__WEBPACK_IMPORTED_MODULE_9__/* .Props.LinkButtonNext */ .x.LinkButtonNext), {}, {
+            // Dynamic props shouldn't be overridable
+            // This decision can be reviewed later if needed
             onClick: e => {
               e.currentTarget.blur();
               e.preventDefault();
               addNextPage();
             },
             href: next.link,
-            rel: "next",
-            variant: "secondary",
             children: loadMorePageButton?.label
-          })]
+          }))]
         })]
       })]
     })]