@faststore/core 2.0.76-alpha.0 → 2.0.78-alpha.0

package/.next/server/chunks/881.js

@@ -0,0 +1,320 @@
+exports.id = 881;
+exports.ids = [881];
+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/898.js

@@ -0,0 +1,240 @@
+"use strict";
+exports.id = 898;
+exports.ids = [898];
+exports.modules = {
+
+/***/ 6321:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "_": () => (/* binding */ Context),
+  "z": () => (/* binding */ Provider)
+});
+
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(6689);
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
+// EXTERNAL MODULE: ./node_modules/@faststore/sdk/dist/utils/error.js
+var error = __webpack_require__(670);
+;// CONCATENATED MODULE: ./node_modules/@faststore/sdk/dist/search/useInfiniteSearchState.js
+
+
+const reducer = (state, action) => {
+    switch (action.type) {
+        case 'addPrev': {
+            const prev = state[0] - 1;
+            return [prev, ...state];
+        }
+        case 'addNext': {
+            const next = Number(state[state.length - 1]) + 1;
+            return [...state, next];
+        }
+        case 'reset': {
+            const { payload } = action;
+            return [payload];
+        }
+        default:
+            throw new error/* SDKError */.q('Unknown action for infinite search');
+    }
+};
+const useSearchInfiniteState = (initialPage) => {
+    const [pages, dispatch] = (0,external_react_.useReducer)(reducer, undefined, () => [initialPage]);
+    const actions = (0,external_react_.useMemo)(() => ({
+        addPrevPage: () => dispatch({ type: 'addPrev' }),
+        addNextPage: () => dispatch({ type: 'addNext' }),
+        resetInfiniteScroll: (page) => dispatch({ type: 'reset', payload: page }),
+    }), []);
+    return { pages, ...actions };
+};
+//# sourceMappingURL=useInfiniteSearchState.js.map
+// EXTERNAL MODULE: ./node_modules/@faststore/sdk/dist/search/useSearchState.js
+var useSearchState = __webpack_require__(3264);
+;// CONCATENATED MODULE: ./node_modules/@faststore/sdk/dist/search/Provider.js
+
+
+
+const Context = (0,external_react_.createContext)(undefined);
+const Provider = ({ children, itemsPerPage, onChange, ...rest }) => {
+    const { state, ...searchActions } = (0,useSearchState/* useSearchState */.X)(rest, onChange);
+    const { pages, ...infiniteActions } = useSearchInfiniteState(state.page);
+    const value = (0,external_react_.useMemo)(() => ({
+        state,
+        ...searchActions,
+        pages,
+        ...infiniteActions,
+        itemsPerPage,
+    }), [infiniteActions, itemsPerPage, pages, searchActions, state]);
+    return external_react_default().createElement(Context.Provider, { value: value }, children);
+};
+//# sourceMappingURL=Provider.js.map
+
+/***/ }),
+
+/***/ 3291:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "uL": () => (/* binding */ setFacet),
+/* harmony export */   "wB": () => (/* binding */ toggleFacet),
+/* harmony export */   "wb": () => (/* binding */ isSearchSort)
+/* harmony export */ });
+/* unused harmony exports removeFacet, toggleFacets */
+/* harmony import */ var _utils_error__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(670);
+
+const sortKeys = new Set([
+    'price_desc',
+    'price_asc',
+    'orders_desc',
+    'name_desc',
+    'name_asc',
+    'release_desc',
+    'discount_desc',
+    'score_desc',
+]);
+const isSearchSort = (x) => sortKeys.has(x);
+const removeFacet = (facets, facet) => {
+    const { value } = facet;
+    const index = facets.findIndex((x) => x.value === value);
+    if (index < 0) {
+        throw new _utils_error__WEBPACK_IMPORTED_MODULE_0__/* .SDKError */ .q(`Cannot remove ${value} from search params`);
+    }
+    return facets.filter((_, it) => it === 0 || it !== index);
+};
+const setFacet = (facets, facet, unique) => {
+    if (unique === true) {
+        const index = facets.findIndex((f) => f.key === facet.key);
+        if (index > -1) {
+            return facets.map((f, it) => (it === index ? facet : f));
+        }
+    }
+    return [...facets, facet];
+};
+const toggleFacet = (facets, item) => {
+    const found = facets.find((facet) => facet.key === item.key && facet.value === item.value);
+    if (found !== undefined) {
+        return removeFacet(facets, item);
+    }
+    return setFacet(facets, item, false);
+};
+const toggleFacets = (facets, items) => items.reduce((acc, curr) => toggleFacet(acc, curr), facets);
+//# sourceMappingURL=facets.js.map
+
+/***/ }),
+
+/***/ 2888:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Q": () => (/* binding */ parse)
+/* harmony export */ });
+/* harmony import */ var _utils_error__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(670);
+/* harmony import */ var _facets__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3291);
+/* harmony import */ var _useSearchState__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3264);
+
+
+
+const parse = ({ pathname, searchParams }) => {
+    const state = (0,_useSearchState__WEBPACK_IMPORTED_MODULE_0__/* .initialize */ .j)({
+        base: pathname,
+        term: searchParams.get('q') ?? null,
+        sort: searchParams.get('sort') ?? undefined,
+        page: Number(searchParams.get('page') ?? 0),
+    });
+    if (!(0,_facets__WEBPACK_IMPORTED_MODULE_1__/* .isSearchSort */ .wb)(state.sort)) {
+        throw new _utils_error__WEBPACK_IMPORTED_MODULE_2__/* .SDKError */ .q(`Uknown sorting option ${state.sort}`);
+    }
+    const facets = searchParams.get('facets')?.split(',') ?? [];
+    for (const facet of facets) {
+        const values = searchParams.getAll(facet);
+        for (const value of values) {
+            state.selectedFacets = (0,_facets__WEBPACK_IMPORTED_MODULE_1__/* .setFacet */ .uL)(state.selectedFacets, {
+                key: facet,
+                value,
+            });
+        }
+    }
+    return state;
+};
+//# sourceMappingURL=serializer.js.map
+
+/***/ }),
+
+/***/ 2549:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "h": () => (/* binding */ usePagination)
+/* 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 _utils_format__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3364);
+/* harmony import */ var _useSearch__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7794);
+
+
+
+const getLink = (state) => {
+    const { pathname, search } = (0,_utils_format__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z)(state);
+    return `${pathname}${search}`;
+};
+const usePagination = (totalItems) => {
+    const { pages, itemsPerPage, state } = (0,_useSearch__WEBPACK_IMPORTED_MODULE_2__/* .useSearch */ .R)();
+    const total = Math.ceil(totalItems / itemsPerPage);
+    const next = Number(pages[pages.length - 1]) + 1;
+    const prev = pages[0] - 1;
+    return (0,react__WEBPACK_IMPORTED_MODULE_0__.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
+
+/***/ }),
+
+/***/ 7794:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "R": () => (/* binding */ useSearch)
+});
+
+// EXTERNAL MODULE: ./node_modules/@faststore/sdk/dist/search/Provider.js + 1 modules
+var Provider = __webpack_require__(6321);
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(6689);
+// EXTERNAL MODULE: ./node_modules/@faststore/sdk/dist/utils/error.js
+var error = __webpack_require__(670);
+;// CONCATENATED MODULE: ./node_modules/@faststore/sdk/dist/utils/useContext.js
+
+
+/**
+ * @description Like React.useContext but throws when the context's value === undefined.
+ * This is useful when you want to force the context to be present in the React's tree before using it
+ */
+const useContext = (context) => {
+    const value = (0,external_react_.useContext)(context);
+    if (value !== undefined) {
+        return value;
+    }
+    throw new error/* SDKError */.q(`${context.displayName ?? 'Context'} needs to be on the React tree`);
+};
+//# sourceMappingURL=useContext.js.map
+;// CONCATENATED MODULE: ./node_modules/@faststore/sdk/dist/search/useSearch.js
+
+
+const useSearch = () => useContext(Provider/* Context */._);
+//# sourceMappingURL=useSearch.js.map
+
+/***/ })
+
+};
+;

package/.next/server/chunks/914.js

@@ -0,0 +1,96 @@
+exports.id = 914;
+exports.ids = [914];
+exports.modules = {
+
+/***/ 2914:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Z": () => (/* binding */ Incentives_Incentives)
+});
+
+// EXTERNAL MODULE: ../components/dist/atoms/List/List.js
+var List = __webpack_require__(1329);
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(6689);
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
+;// CONCATENATED MODULE: ../ui/dist/components/atoms/Incentive/Incentive.js
+
+const Incentive = (0,external_react_.forwardRef)(function Incentive({ testId = 'store-incentive', children, ...otherProps }, ref) {
+    return (external_react_default().createElement("div", { ref: ref, "data-fs-incentive": true, "data-testid": testId, ...otherProps }, children));
+});
+/* harmony default export */ const Incentive_Incentive = (Incentive);
+//# sourceMappingURL=Incentive.js.map
+// EXTERNAL MODULE: ./src/components/ui/Icon/index.ts + 1 modules
+var Icon = __webpack_require__(2478);
+// EXTERNAL MODULE: ./src/components/sections/Incentives/incentives.module.scss
+var incentives_module = __webpack_require__(6415);
+var incentives_module_default = /*#__PURE__*/__webpack_require__.n(incentives_module);
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(997);
+;// CONCATENATED MODULE: ./src/components/sections/Incentives/Incentives.tsx
+
+
+
+
+
+
+function Incentives({
+  incentives,
+  variant = 'horizontal',
+  colored = false
+}) {
+  return /*#__PURE__*/jsx_runtime_.jsx("div", {
+    "data-fs-incentives": true,
+    "data-fs-incentives-colored": colored,
+    "data-fs-incentives-variant": variant,
+    className: (incentives_module_default()).fsIncentives,
+    children: /*#__PURE__*/jsx_runtime_.jsx(List/* default */.Z, {
+      className: "layout__content",
+      children: incentives.map((incentive, index) => /*#__PURE__*/jsx_runtime_.jsx("li", {
+        children: /*#__PURE__*/(0,jsx_runtime_.jsxs)(Incentive_Incentive, {
+          children: [/*#__PURE__*/jsx_runtime_.jsx(Icon/* default */.Z, {
+            "data-fs-incentive-icon": true,
+            name: incentive.icon,
+            width: 32,
+            height: 32
+          }), /*#__PURE__*/(0,jsx_runtime_.jsxs)("div", {
+            "data-fs-incentive-content": true,
+            children: [incentive.title && /*#__PURE__*/jsx_runtime_.jsx("p", {
+              "data-fs-incentive-title": true,
+              children: incentive.title
+            }), /*#__PURE__*/jsx_runtime_.jsx("span", {
+              "data-fs-incentive-description": true,
+              children: incentive.firstLineText
+            }), incentive.secondLineText && /*#__PURE__*/jsx_runtime_.jsx("span", {
+              "data-fs-incentive-description": true,
+              children: incentive.secondLineText
+            })]
+          })]
+        })
+      }, String(index)))
+    })
+  });
+}
+
+/* harmony default export */ const Incentives_Incentives = (Incentives);
+
+/***/ }),
+
+/***/ 6415:
+/***/ ((module) => {
+
+// Exports
+module.exports = {
+	"fs-incentives": "incentives_fs-incentives__nlTSn",
+	"fsIncentives": "incentives_fs-incentives__nlTSn"
+};
+
+
+/***/ })
+
+};
+;