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

package/.next/server/chunks/6881.js

@@ -0,0 +1,320 @@
+exports.id = 6881;
+exports.ids = [6881];
+exports.modules = {
+
+/***/ 2928:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+
+const Skeleton = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function Skeleton({ testId = 'fs-skeleton', loading = true, shimmer = true, children, size, border, borderRadius, ...otherProps }, ref) {
+    const styles = {
+        width: size.width,
+        height: size.height,
+    };
+    return loading ? (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { ref: ref, "data-fs-skeleton": true, "data-testid": testId, "data-fs-skeleton-border": border ? border : null, style: borderRadius ? { ...styles, borderRadius: borderRadius } : styles, ...otherProps }, shimmer && react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { "data-fs-skeleton-shimmer": true }))) : (react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, children));
+});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Skeleton);
+//# sourceMappingURL=Skeleton.js.map
+
+/***/ }),
+
+/***/ 8879:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Z": () => (/* reexport */ Section_Section)
+});
+
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(6689);
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(997);
+;// CONCATENATED MODULE: ./src/components/sections/Section/Section.tsx
+const _excluded = ["className"];
+
+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; }
+
+
+
+const Section = /*#__PURE__*/(0,external_react_.forwardRef)(function Section(_ref, ref) {
+  let {
+    className = ''
+  } = _ref,
+      otherProps = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/jsx_runtime_.jsx("section", _objectSpread({
+    ref: ref,
+    className: `section ${className}`
+  }, otherProps));
+});
+/* harmony default export */ const Section_Section = (Section);
+;// CONCATENATED MODULE: ./src/components/sections/Section/index.ts
+
+
+/***/ }),
+
+/***/ 3288:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Z": () => (/* reexport */ ProductCardSkeleton_ProductCardSkeleton)
+});
+
+// EXTERNAL MODULE: ../components/dist/atoms/Skeleton/Skeleton.js
+var Skeleton = __webpack_require__(2928);
+// EXTERNAL MODULE: ./src/components/skeletons/ProductCardSkeleton/product-card-skeleton.module.scss
+var product_card_skeleton_module = __webpack_require__(1207);
+var product_card_skeleton_module_default = /*#__PURE__*/__webpack_require__.n(product_card_skeleton_module);
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(997);
+;// CONCATENATED MODULE: ./src/components/skeletons/ProductCardSkeleton/ProductCardSkeleton.tsx
+
+
+
+
+
+function ProductCardSkeleton({
+  bordered,
+  sectioned,
+  displayButton,
+  aspectRatio = 1,
+  variant = 'default'
+}) {
+  return /*#__PURE__*/(0,jsx_runtime_.jsxs)("div", {
+    className: (product_card_skeleton_module_default()).fsProductCardSkeleton,
+    "data-fs-product-card-skeleton": true,
+    "data-fs-product-card-skeleton-variant": variant,
+    "data-fs-product-card-skeleton-bordered": bordered,
+    "data-fs-product-card-skeleton-sectioned": sectioned,
+    children: [/*#__PURE__*/jsx_runtime_.jsx("div", {
+      "data-fs-product-card-skeleton-image": true,
+      style: {
+        '--fs-product-card-skeleton-image-aspect-ratio': aspectRatio
+      },
+      children: /*#__PURE__*/jsx_runtime_.jsx(Skeleton/* default */.Z, {
+        size: {
+          width: '100%',
+          height: '100%'
+        }
+      })
+    }), /*#__PURE__*/(0,jsx_runtime_.jsxs)("div", {
+      "data-fs-product-card-skeleton-content": true,
+      children: [/*#__PURE__*/jsx_runtime_.jsx(Skeleton/* default */.Z, {
+        "data-fs-product-card-skeleton-text": true,
+        size: {
+          width: '90%',
+          height: '1.5rem'
+        }
+      }), /*#__PURE__*/jsx_runtime_.jsx(Skeleton/* default */.Z, {
+        "data-fs-product-card-skeleton-text": true,
+        size: {
+          width: '70%',
+          height: '1.5rem'
+        }
+      }), /*#__PURE__*/jsx_runtime_.jsx(Skeleton/* default */.Z, {
+        "data-fs-product-card-skeleton-badge": true,
+        size: {
+          width: '6rem',
+          height: '2rem'
+        },
+        border: "pill"
+      }), displayButton && /*#__PURE__*/jsx_runtime_.jsx(Skeleton/* default */.Z, {
+        "data-fs-product-card-skeleton-button": true,
+        size: {
+          width: '6rem',
+          height: '2rem'
+        },
+        style: {
+          columnGap: '.75rem'
+        }
+      })]
+    })]
+  });
+}
+
+/* harmony default export */ const ProductCardSkeleton_ProductCardSkeleton = (ProductCardSkeleton);
+;// CONCATENATED MODULE: ./src/components/skeletons/ProductCardSkeleton/index.ts
+
+
+/***/ }),
+
+/***/ 8459:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "K": () => (/* binding */ ITEMS_PER_SECTION),
+/* harmony export */   "g": () => (/* binding */ ITEMS_PER_PAGE)
+/* harmony export */ });
+const ITEMS_PER_PAGE = 12;
+const ITEMS_PER_SECTION = 5;
+
+/***/ }),
+
+/***/ 2953:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "p": () => (/* binding */ prefetchQuery)
+/* harmony export */ });
+/* harmony import */ var swr__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5941);
+/* harmony import */ var _request__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(180);
+/* harmony import */ var _useQuery__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7732);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([swr__WEBPACK_IMPORTED_MODULE_0__, _useQuery__WEBPACK_IMPORTED_MODULE_2__]);
+([swr__WEBPACK_IMPORTED_MODULE_0__, _useQuery__WEBPACK_IMPORTED_MODULE_2__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+const _excluded = ["cache"];
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+
+
+
+const prefetchQuery = (operationName, variables, _ref) => {
+  let {
+    cache
+  } = _ref,
+      options = _objectWithoutProperties(_ref, _excluded);
+
+  const key = (0,_useQuery__WEBPACK_IMPORTED_MODULE_2__/* .getKey */ .km)(operationName, variables);
+
+  if (cache.get(key)) {
+    return;
+  }
+
+  (0,swr__WEBPACK_IMPORTED_MODULE_0__.mutate)(key, (0,_request__WEBPACK_IMPORTED_MODULE_1__/* .request */ .W)(operationName, variables, options));
+};
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
+
+/***/ }),
+
+/***/ 4867:
+/***/ ((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 */   "BG": () => (/* binding */ useProductsQueryPrefetch),
+/* harmony export */   "kN": () => (/* binding */ useProductsQuery),
+/* harmony export */   "yb": () => (/* binding */ useLocalizedVariables)
+/* harmony export */ });
+/* unused harmony export query */
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var swr__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5941);
+/* harmony import */ var src_constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(8459);
+/* harmony import */ var _graphql_prefetchQuery__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(2953);
+/* harmony import */ var _graphql_useQuery__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(7732);
+/* harmony import */ var _session__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(5971);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([swr__WEBPACK_IMPORTED_MODULE_1__, _graphql_prefetchQuery__WEBPACK_IMPORTED_MODULE_2__, _graphql_useQuery__WEBPACK_IMPORTED_MODULE_3__]);
+([swr__WEBPACK_IMPORTED_MODULE_1__, _graphql_prefetchQuery__WEBPACK_IMPORTED_MODULE_2__, _graphql_useQuery__WEBPACK_IMPORTED_MODULE_3__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+
+
+
+
+
+
+const query = "ProductsQuery";
+
+const toArray = x => Array.isArray(x) ? x : x ? [x] : [];
+
+const useLocalizedVariables = ({
+  first,
+  after,
+  sort,
+  term,
+  selectedFacets
+}) => {
+  const {
+    channel,
+    locale
+  } = (0,_session__WEBPACK_IMPORTED_MODULE_4__/* .useSession */ .kP)();
+  return (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => {
+    const facets = toArray(selectedFacets);
+    return {
+      first: first ?? src_constants__WEBPACK_IMPORTED_MODULE_5__/* .ITEMS_PER_SECTION */ .K,
+      after: after ?? '0',
+      sort: sort ?? 'score_desc',
+      term: term ?? '',
+      selectedFacets: [...facets, {
+        key: 'channel',
+        value: channel ?? ''
+      }, {
+        key: 'locale',
+        value: locale
+      }]
+    };
+  }, [selectedFacets, first, after, sort, term, channel, locale]);
+};
+/**
+ * Use this hook for fetching a list of products, like in search results and shelves
+ */
+
+const useProductsQuery = (variables, options) => {
+  const localizedVariables = useLocalizedVariables(variables);
+  const {
+    data
+  } = (0,_graphql_useQuery__WEBPACK_IMPORTED_MODULE_3__/* .useQuery */ .aM)(query, localizedVariables, _objectSpread({
+    fallbackData: null,
+    suspense: true
+  }, options));
+  return data?.search?.products;
+};
+const useProductsQueryPrefetch = (variables, options) => {
+  const localizedVariables = useLocalizedVariables(variables);
+  const {
+    cache
+  } = (0,swr__WEBPACK_IMPORTED_MODULE_1__.useSWRConfig)();
+  return (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => (0,_graphql_prefetchQuery__WEBPACK_IMPORTED_MODULE_2__/* .prefetchQuery */ .p)(query, localizedVariables, _objectSpread({
+    cache
+  }, options)), [localizedVariables, cache, options]);
+};
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
+
+/***/ }),
+
+/***/ 1207:
+/***/ ((module) => {
+
+// Exports
+module.exports = {
+	"fs-product-card-skeleton": "product-card-skeleton_fs-product-card-skeleton__fPdHb",
+	"fsProductCardSkeleton": "product-card-skeleton_fs-product-card-skeleton__fPdHb"
+};
+
+
+/***/ })
+
+};
+;

package/.next/server/chunks/6898.js

@@ -0,0 +1,149 @@
+"use strict";
+exports.id = 6898;
+exports.ids = [6898];
+exports.modules = {
+
+/***/ 9739:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "A": () => (/* binding */ useAccordion),
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+
+const AccordionContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(undefined);
+const Accordion = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function Accordion({ testId = 'fs-accordion', indices, onChange, children, ...otherProps }, ref) {
+    const childrenWithIndex = react__WEBPACK_IMPORTED_MODULE_0___default().Children.map(children, (child, index) => (0,react__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(child, { index: child.props.index ?? index }));
+    const context = {
+        indices: new Set(indices),
+        onChange,
+        numberOfItems: childrenWithIndex.length,
+    };
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(AccordionContext.Provider, { value: context },
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { ref: ref, "data-fs-accordion": true, role: "region", "data-testid": testId, ...otherProps }, childrenWithIndex)));
+});
+function useAccordion() {
+    const context = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(AccordionContext);
+    if (context === undefined) {
+        throw new Error('Do not use Accordion components outside the Accordion context.');
+    }
+    return context;
+}
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Accordion);
+//# sourceMappingURL=Accordion.js.map
+
+/***/ }),
+
+/***/ 7743:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _Accordion__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9739);
+/* harmony import */ var _AccordionItem__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(5705);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5045);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(4842);
+
+
+
+
+const AccordionButton = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function AccordionButton({ testId = 'fs-accordion-button', expandedIcon = react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, { name: "MinusCircle", "data-icon": "expanded" }), collapsedIcon = react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, { name: "PlusCircle", "data-icon": "collapsed" }), children, ...otherProps }, ref) {
+    const { indices, onChange, numberOfItems } = (0,_Accordion__WEBPACK_IMPORTED_MODULE_2__/* .useAccordion */ .A)();
+    const { index, panel, button, prefixId } = (0,_AccordionItem__WEBPACK_IMPORTED_MODULE_3__/* .useAccordionItem */ .D)();
+    const onKeyDown = (event) => {
+        if (!['ArrowDown', 'ArrowUp'].includes(event.key)) {
+            return;
+        }
+        const getNext = () => {
+            const next = Number(index) + 1 === numberOfItems ? 0 : Number(index) + 1;
+            return document.getElementById(`${prefixId && `${prefixId}-`}button--${next}`);
+        };
+        const getPrevious = () => {
+            const previous = Number(index) - 1 < 0 ? numberOfItems - 1 : Number(index) - 1;
+            return document.getElementById(`${prefixId && `${prefixId}-`}button--${previous}`);
+        };
+        switch (event.key) {
+            case 'ArrowDown':
+                event.preventDefault();
+                getNext()?.focus();
+                break;
+            case 'ArrowUp':
+                event.preventDefault();
+                getPrevious()?.focus();
+                break;
+            default:
+        }
+    };
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, { ref: ref, id: button, "data-fs-accordion-button": true, "aria-expanded": indices.has(index), icon: indices.has(index) ? expandedIcon : collapsedIcon, iconPosition: "right", "aria-controls": panel, onKeyDown: onKeyDown, onClick: () => {
+            onChange(index);
+        }, "data-testid": testId, ...otherProps }, children));
+});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (AccordionButton);
+//# sourceMappingURL=AccordionButton.js.map
+
+/***/ }),
+
+/***/ 5705:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "D": () => (/* binding */ useAccordionItem),
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+
+const AccordionItemContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(undefined);
+const AccordionItem = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function AccordionItem({ prefixId = '', index = 0, as: MaybeComponent, children, testId = 'fs-accordion-item', ...otherProps }, ref) {
+    const Component = MaybeComponent ?? 'div';
+    const context = {
+        index,
+        prefixId,
+        panel: `${prefixId && `${prefixId}-`}panel--${index}`,
+        button: `${prefixId && `${prefixId}-`}button--${index}`,
+    };
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(AccordionItemContext.Provider, { value: context },
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Component, { ref: ref, "data-fs-accordion-item": true, "data-testid": testId, ...otherProps }, children)));
+});
+function useAccordionItem() {
+    const context = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(AccordionItemContext);
+    if (context === undefined) {
+        throw new Error('Do not use AccordionItem components outside the AccordionItem context.');
+    }
+    return context;
+}
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (AccordionItem);
+//# sourceMappingURL=AccordionItem.js.map
+
+/***/ }),
+
+/***/ 331:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _Accordion__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9739);
+/* harmony import */ var _AccordionItem__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5705);
+
+
+
+const AccordionPanel = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function AccordionPanel({ testId = 'fs-accordion-panel', children, ...otherProps }, ref) {
+    const { indices } = (0,_Accordion__WEBPACK_IMPORTED_MODULE_1__/* .useAccordion */ .A)();
+    const { index, button, panel } = (0,_AccordionItem__WEBPACK_IMPORTED_MODULE_2__/* .useAccordionItem */ .D)();
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { ref: ref, id: panel, "data-fs-accordion-panel": true, "aria-labelledby": button, role: "region", hidden: !indices.has(index), "data-testid": testId, ...otherProps }, children));
+});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (AccordionPanel);
+//# sourceMappingURL=AccordionPanel.js.map
+
+/***/ })
+
+};
+;

package/.next/server/chunks/7104.js

@@ -0,0 +1,196 @@
+exports.id = 7104;
+exports.ids = [7104];
+exports.modules = {
+
+/***/ 8569:
+/***/ ((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 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 react_intersection_observer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9785);
+/* harmony import */ var react_intersection_observer__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_intersection_observer__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var src_sdk_analytics_hooks_useViewItemListEvent__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5184);
+/* harmony import */ var src_components_skeletons_ProductShelfSkeleton__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(9201);
+/* harmony import */ var src_sdk_product_useProductsQuery__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(4867);
+/* harmony import */ var _product_ProductCard__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(6475);
+/* harmony import */ var _Section__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(8879);
+/* harmony import */ var _product_shelf_module_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(3656);
+/* harmony import */ var _product_shelf_module_scss__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_product_shelf_module_scss__WEBPACK_IMPORTED_MODULE_8__);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(997);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([src_sdk_product_useProductsQuery__WEBPACK_IMPORTED_MODULE_4__]);
+src_sdk_product_useProductsQuery__WEBPACK_IMPORTED_MODULE_4__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
+const _excluded = ["title", "withDivisor"];
+
+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 ProductShelf(_ref) {
+  let {
+    title,
+    withDivisor = false
+  } = _ref,
+      variables = _objectWithoutProperties(_ref, _excluded);
+
+  const viewedOnce = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(false);
+  const {
+    ref,
+    inView
+  } = (0,react_intersection_observer__WEBPACK_IMPORTED_MODULE_1__.useInView)();
+  const products = (0,src_sdk_product_useProductsQuery__WEBPACK_IMPORTED_MODULE_4__/* .useProductsQuery */ .kN)(variables);
+  const productEdges = products?.edges ?? [];
+  const aspectRatio = 1;
+  const {
+    sendViewItemListEvent
+  } = (0,src_sdk_analytics_hooks_useViewItemListEvent__WEBPACK_IMPORTED_MODULE_2__/* .useViewItemListEvent */ .m)({
+    products: productEdges,
+    title,
+    page: 0,
+    pageSize: 0
+  });
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+    if (inView && !viewedOnce.current && productEdges.length) {
+      sendViewItemListEvent();
+      viewedOnce.current = true;
+    }
+  }, [inView, productEdges.length, sendViewItemListEvent]);
+
+  if (products?.edges.length === 0) {
+    return null;
+  }
+
+  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_Section__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
+    className: `layout__section ${withDivisor ? 'section__divisor' : ''}`,
+    ref: ref,
+    children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx("h2", {
+      className: "text__title-section layout__content",
+      children: title
+    }), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx("div", {
+      className: (_product_shelf_module_scss__WEBPACK_IMPORTED_MODULE_8___default().fsProductShelf),
+      "data-fs-product-shelf": true,
+      children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx(src_components_skeletons_ProductShelfSkeleton__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
+        aspectRatio: aspectRatio,
+        loading: products === undefined,
+        children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx("ul", {
+          "data-fs-product-shelf-items": true,
+          className: "layout__content",
+          children: productEdges.map((product, idx) => /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx("li", {
+            children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx(_product_ProductCard__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
+              product: product.node,
+              index: idx + 1,
+              aspectRatio: aspectRatio
+            })
+          }, `${product.node.id}`))
+        })
+      })
+    })]
+  });
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProductShelf);
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
+
+/***/ }),
+
+/***/ 7104:
+/***/ ((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 */ _ProductShelf__WEBPACK_IMPORTED_MODULE_0__.Z)
+/* harmony export */ });
+/* harmony import */ var _ProductShelf__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8569);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_ProductShelf__WEBPACK_IMPORTED_MODULE_0__]);
+_ProductShelf__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); } });
+
+/***/ }),
+
+/***/ 9201:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Z": () => (/* reexport */ ProductShelfSkeleton_ProductShelfSkeleton)
+});
+
+// EXTERNAL MODULE: ./src/constants.ts
+var constants = __webpack_require__(8459);
+// EXTERNAL MODULE: ./src/components/sections/ProductShelf/product-shelf.module.scss
+var product_shelf_module = __webpack_require__(3656);
+var product_shelf_module_default = /*#__PURE__*/__webpack_require__.n(product_shelf_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/ProductShelfSkeleton/ProductShelfSkeleton.tsx
+
+
+
+
+
+
+function ProductShelfSkeleton({
+  children,
+  aspectRatio,
+  loading = true
+}) {
+  return loading ? /*#__PURE__*/jsx_runtime_.jsx("ul", {
+    "data-fs-product-shelf-items": true,
+    className: `layout__content ${(product_shelf_module_default()).fsProductShelf}`,
+    children: Array.from({
+      length: constants/* ITEMS_PER_SECTION */.K
+    }, (_, index) => /*#__PURE__*/jsx_runtime_.jsx("li", {
+      children: /*#__PURE__*/jsx_runtime_.jsx(ProductCardSkeleton/* default */.Z, {
+        aspectRatio: aspectRatio,
+        sectioned: true
+      })
+    }, String(index)))
+  }) : /*#__PURE__*/jsx_runtime_.jsx(jsx_runtime_.Fragment, {
+    children: children
+  });
+}
+
+/* harmony default export */ const ProductShelfSkeleton_ProductShelfSkeleton = (ProductShelfSkeleton);
+;// CONCATENATED MODULE: ./src/components/skeletons/ProductShelfSkeleton/index.ts
+
+
+/***/ }),
+
+/***/ 3656:
+/***/ ((module) => {
+
+// Exports
+module.exports = {
+	"fs-product-shelf": "product-shelf_fs-product-shelf__65g4z",
+	"fsProductShelf": "product-shelf_fs-product-shelf__65g4z"
+};
+
+
+/***/ })
+
+};
+;