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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (170) hide show
  1. package/.turbo/turbo-build.log +6 -8
  2. package/@generated/graphql/index.ts +5 -0
  3. package/@generated/graphql/persisted.json +1 -1
  4. package/CHANGELOG.md +10 -0
  5. package/cms/faststore/sections.json +3 -8
  6. package/faststore.config.js +1 -0
  7. package/package.json +5 -5
  8. package/src/components/cms/GlobalSections.tsx +3 -25
  9. package/src/components/cms/RenderSections.tsx +37 -2
  10. package/src/components/sections/CrossSellingShelf/CrossSellingShelf.tsx +17 -3
  11. package/src/components/sections/ProductShelf/ProductShelf.tsx +7 -76
  12. package/src/components/sections/Section/section.scss +0 -7
  13. package/src/components/{sections → ui}/ProductShelf/Overrides.tsx +2 -2
  14. package/src/components/ui/ProductShelf/ProductShelf.tsx +106 -0
  15. package/src/components/ui/ProductShelf/index.ts +2 -0
  16. package/src/pages/[...slug].tsx +1 -7
  17. package/src/sdk/session/index.ts +1 -0
  18. package/.next/BUILD_ID +0 -1
  19. package/.next/build-manifest.json +0 -132
  20. package/.next/cache/.tsbuildinfo +0 -1
  21. package/.next/cache/config.json +0 -7
  22. package/.next/cache/eslint/.cache_1gneedd +0 -1
  23. package/.next/cache/next-server.js.nft.json +0 -1
  24. package/.next/cache/webpack/client-production/0.pack +0 -0
  25. package/.next/cache/webpack/client-production/index.pack +0 -0
  26. package/.next/cache/webpack/server-production/0.pack +0 -0
  27. package/.next/cache/webpack/server-production/index.pack +0 -0
  28. package/.next/export-marker.json +0 -1
  29. package/.next/images-manifest.json +0 -1
  30. package/.next/next-server.js.nft.json +0 -1
  31. package/.next/package.json +0 -1
  32. package/.next/prerender-manifest.json +0 -1
  33. package/.next/react-loadable-manifest.json +0 -48
  34. package/.next/required-server-files.json +0 -1
  35. package/.next/routes-manifest.json +0 -1
  36. package/.next/server/chunks/104.js +0 -703
  37. package/.next/server/chunks/123.js +0 -58
  38. package/.next/server/chunks/143.js +0 -106
  39. package/.next/server/chunks/183.js +0 -80
  40. package/.next/server/chunks/247.js +0 -61
  41. package/.next/server/chunks/280.js +0 -324
  42. package/.next/server/chunks/287.js +0 -58
  43. package/.next/server/chunks/289.js +0 -229
  44. package/.next/server/chunks/312.js +0 -697
  45. package/.next/server/chunks/336.js +0 -821
  46. package/.next/server/chunks/350.js +0 -142
  47. package/.next/server/chunks/368.js +0 -253
  48. package/.next/server/chunks/401.js +0 -7241
  49. package/.next/server/chunks/431.js +0 -7241
  50. package/.next/server/chunks/502.js +0 -600
  51. package/.next/server/chunks/557.js +0 -132
  52. package/.next/server/chunks/576.js +0 -80
  53. package/.next/server/chunks/597.js +0 -169
  54. package/.next/server/chunks/608.js +0 -644
  55. package/.next/server/chunks/644.js +0 -235
  56. package/.next/server/chunks/664.js +0 -3401
  57. package/.next/server/chunks/676.js +0 -32
  58. package/.next/server/chunks/701.js +0 -87
  59. package/.next/server/chunks/74.js +0 -2690
  60. package/.next/server/chunks/82.js +0 -371
  61. package/.next/server/chunks/854.js +0 -72
  62. package/.next/server/chunks/859.js +0 -959
  63. package/.next/server/chunks/874.js +0 -487
  64. package/.next/server/chunks/886.js +0 -120
  65. package/.next/server/chunks/907.js +0 -1803
  66. package/.next/server/chunks/98.js +0 -124
  67. package/.next/server/chunks/font-manifest.json +0 -1
  68. package/.next/server/font-manifest.json +0 -1
  69. package/.next/server/middleware-build-manifest.js +0 -1
  70. package/.next/server/middleware-manifest.json +0 -6
  71. package/.next/server/middleware-react-loadable-manifest.js +0 -1
  72. package/.next/server/pages/404.js +0 -393
  73. package/.next/server/pages/404.js.nft.json +0 -1
  74. package/.next/server/pages/500.js +0 -395
  75. package/.next/server/pages/500.js.nft.json +0 -1
  76. package/.next/server/pages/[...slug].js +0 -733
  77. package/.next/server/pages/[...slug].js.nft.json +0 -1
  78. package/.next/server/pages/[slug]/p.js +0 -2458
  79. package/.next/server/pages/[slug]/p.js.nft.json +0 -1
  80. package/.next/server/pages/_app.js +0 -368
  81. package/.next/server/pages/_app.js.nft.json +0 -1
  82. package/.next/server/pages/_document.js +0 -304
  83. package/.next/server/pages/_document.js.nft.json +0 -1
  84. package/.next/server/pages/_error.js +0 -164
  85. package/.next/server/pages/_error.js.nft.json +0 -1
  86. package/.next/server/pages/account.js +0 -370
  87. package/.next/server/pages/account.js.nft.json +0 -1
  88. package/.next/server/pages/api/graphql.js +0 -315
  89. package/.next/server/pages/api/graphql.js.nft.json +0 -1
  90. package/.next/server/pages/api/preview.js +0 -118
  91. package/.next/server/pages/api/preview.js.nft.json +0 -1
  92. package/.next/server/pages/checkout.js +0 -370
  93. package/.next/server/pages/checkout.js.nft.json +0 -1
  94. package/.next/server/pages/en-US/404.html +0 -81
  95. package/.next/server/pages/en-US/404.json +0 -1
  96. package/.next/server/pages/en-US/500.html +0 -81
  97. package/.next/server/pages/en-US/500.json +0 -1
  98. package/.next/server/pages/en-US/account.html +0 -81
  99. package/.next/server/pages/en-US/account.json +0 -1
  100. package/.next/server/pages/en-US/checkout.html +0 -81
  101. package/.next/server/pages/en-US/checkout.json +0 -1
  102. package/.next/server/pages/en-US/login.html +0 -81
  103. package/.next/server/pages/en-US/login.json +0 -1
  104. package/.next/server/pages/en-US/s.html +0 -81
  105. package/.next/server/pages/en-US/s.json +0 -1
  106. package/.next/server/pages/en-US.html +0 -81
  107. package/.next/server/pages/en-US.json +0 -1
  108. package/.next/server/pages/index.js +0 -966
  109. package/.next/server/pages/index.js.nft.json +0 -1
  110. package/.next/server/pages/login.js +0 -375
  111. package/.next/server/pages/login.js.nft.json +0 -1
  112. package/.next/server/pages/s.js +0 -473
  113. package/.next/server/pages/s.js.nft.json +0 -1
  114. package/.next/server/pages-manifest.json +0 -16
  115. package/.next/server/webpack-api-runtime.js +0 -229
  116. package/.next/server/webpack-runtime.js +0 -229
  117. package/.next/static/Jdc52lXcDWIk2D0wQ-Z4p/_buildManifest.js +0 -1
  118. package/.next/static/Jdc52lXcDWIk2D0wQ-Z4p/_ssgManifest.js +0 -1
  119. package/.next/static/chunks/0-0e3914d9fc148f74.js +0 -1
  120. package/.next/static/chunks/143.dd8a556e6957baa1.js +0 -1
  121. package/.next/static/chunks/226.b57e10ad9932f88c.js +0 -1
  122. package/.next/static/chunks/336.0846f48eccce57e4.js +0 -1
  123. package/.next/static/chunks/366-c0bfd9890048babf.js +0 -1
  124. package/.next/static/chunks/377-b3616792e1f5f651.js +0 -1
  125. package/.next/static/chunks/391-47b923ef44945418.js +0 -1
  126. package/.next/static/chunks/495.0ecd099878b2a36d.js +0 -1
  127. package/.next/static/chunks/502.ae82de1669112b15.js +0 -1
  128. package/.next/static/chunks/545-1d3d08edfd2ee4c6.js +0 -1
  129. package/.next/static/chunks/597.c5cf3fbeae5ceb63.js +0 -1
  130. package/.next/static/chunks/64.ebbe1d2b40f980c7.js +0 -1
  131. package/.next/static/chunks/651.7142f31ce1e052b3.js +0 -1
  132. package/.next/static/chunks/741.52f7fb873418346f.js +0 -1
  133. package/.next/static/chunks/98.97381d2021f86cd9.js +0 -1
  134. package/.next/static/chunks/framework-dfd14d7ce6600b03.js +0 -1
  135. package/.next/static/chunks/main-fd466221927468fd.js +0 -1
  136. package/.next/static/chunks/pages/404-459452495a0df278.js +0 -1
  137. package/.next/static/chunks/pages/500-008e30c48eceebed.js +0 -1
  138. package/.next/static/chunks/pages/[...slug]-bd1885159f7dfbba.js +0 -1
  139. package/.next/static/chunks/pages/[slug]/p-fa35dd93d53f75f6.js +0 -1
  140. package/.next/static/chunks/pages/_app-3e4e7e579cb0681a.js +0 -1
  141. package/.next/static/chunks/pages/_error-a7a0c1d9bfbb4f38.js +0 -1
  142. package/.next/static/chunks/pages/account-46263f0c100c3eae.js +0 -1
  143. package/.next/static/chunks/pages/checkout-20bb3710b24df3b6.js +0 -1
  144. package/.next/static/chunks/pages/index-49b7ee570f7cc4b7.js +0 -1
  145. package/.next/static/chunks/pages/login-f9d316d261fcc062.js +0 -1
  146. package/.next/static/chunks/pages/s-1cbe740b5b781d28.js +0 -1
  147. package/.next/static/chunks/polyfills-c67a75d1b6f99dc8.js +0 -1
  148. package/.next/static/chunks/webpack-eb5ed34c93d07fac.js +0 -1
  149. package/.next/static/css/1323734429a8aa40.css +0 -1
  150. package/.next/static/css/13a4da555ff5e3be.css +0 -1
  151. package/.next/static/css/2e00f7ba49c754b3.css +0 -1
  152. package/.next/static/css/7d822a137c54a781.css +0 -1
  153. package/.next/static/css/a0feab89b7648c5c.css +0 -1
  154. package/.next/static/css/a13a9f9cd349d906.css +0 -1
  155. package/.next/static/css/a45618030b16a245.css +0 -1
  156. package/.next/static/css/bde408cc006e64f8.css +0 -1
  157. package/.next/static/css/d462d9478ce00021.css +0 -1
  158. package/.next/static/css/e02cdad8fc000339.css +0 -1
  159. package/.next/trace +0 -69
  160. package/public/~partytown/debug/partytown-atomics.js +0 -556
  161. package/public/~partytown/debug/partytown-media.js +0 -374
  162. package/public/~partytown/debug/partytown-sandbox-sw.js +0 -543
  163. package/public/~partytown/debug/partytown-sw.js +0 -59
  164. package/public/~partytown/debug/partytown-ww-atomics.js +0 -1789
  165. package/public/~partytown/debug/partytown-ww-sw.js +0 -1781
  166. package/public/~partytown/debug/partytown.js +0 -72
  167. package/public/~partytown/partytown-atomics.js +0 -2
  168. package/public/~partytown/partytown-media.js +0 -2
  169. package/public/~partytown/partytown-sw.js +0 -2
  170. package/public/~partytown/partytown.js +0 -2
@@ -1,58 +0,0 @@
1
- "use strict";
2
- exports.id = 287;
3
- exports.ids = [287];
4
- exports.modules = {
5
-
6
- /***/ 7216:
7
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
8
-
9
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
10
- /* harmony export */ "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
11
- /* harmony export */ });
12
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
13
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
14
-
15
- const Label = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function Label({ testId = 'fs-label', children, ...otherProps }, ref) {
16
- return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", { ref: ref, "data-fs-label": true, "data-testid": testId, ...otherProps }, children));
17
- });
18
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Label);
19
- //# sourceMappingURL=Label.js.map
20
-
21
- /***/ }),
22
-
23
- /***/ 8287:
24
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
25
-
26
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
27
- /* harmony export */ "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
28
- /* harmony export */ });
29
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
30
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
31
- /* harmony import */ var ___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(875);
32
- /* harmony import */ var ___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7216);
33
- /* harmony import */ var ___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(2765);
34
- /* harmony import */ var ___WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(5045);
35
- /* harmony import */ var ___WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(7578);
36
-
37
-
38
- const InputField = ({ id, label, type = 'text', error, displayClearButton, actionable, buttonActionText = 'Apply', onSubmit, onClear, placeholder = ' ', // initializes with an empty space to style float label using `placeholder-shown`
39
- inputRef, disabled, value, testId = 'fs-input-field', ...otherProps }) => {
40
- const shouldDisplayError = !disabled && error && error !== '';
41
- const shouldDisplayButton = actionable && !disabled && value !== '';
42
- return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { "data-fs-input-field": true, "data-fs-input-field-actionable": actionable, "data-fs-input-field-error": error && error !== '', "data-testid": testId },
43
- react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, { id: id, type: type, value: value, ref: inputRef, disabled: disabled, placeholder: placeholder, ...otherProps }),
44
- react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, { htmlFor: id }, label),
45
- shouldDisplayButton &&
46
- (displayClearButton || error ? (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, { size: "small", "aria-label": "Clear Field", icon: react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, { name: "XCircle" }), onClick: () => {
47
- onClear?.();
48
- inputRef?.current?.focus();
49
- } })) : (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, { variant: "tertiary", size: "small", onClick: onSubmit }, buttonActionText))),
50
- shouldDisplayError && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { "data-fs-input-field-error-message": true }, error))));
51
- };
52
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (InputField);
53
- //# sourceMappingURL=InputField.js.map
54
-
55
- /***/ })
56
-
57
- };
58
- ;
@@ -1,229 +0,0 @@
1
- "use strict";
2
- exports.id = 289;
3
- exports.ids = [289];
4
- exports.modules = {
5
-
6
- /***/ 4436:
7
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
8
-
9
-
10
- // EXPORTS
11
- __webpack_require__.d(__webpack_exports__, {
12
- "Z": () => (/* reexport */ product_ProductGrid_ProductGrid)
13
- });
14
-
15
- // EXTERNAL MODULE: external "react"
16
- var external_react_ = __webpack_require__(6689);
17
- var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
18
- ;// CONCATENATED MODULE: ../components/dist/organisms/ProductGrid/ProductGrid.js
19
-
20
- const ProductGrid = (0,external_react_.forwardRef)(function ProductGridItem({ testId = 'fs-product-grid', children, ...otherProps }, ref) {
21
- return (external_react_default().createElement("ul", { ref: ref, "data-fs-product-grid": true, ...otherProps }, children));
22
- });
23
- /* harmony default export */ const ProductGrid_ProductGrid = (ProductGrid);
24
- //# sourceMappingURL=ProductGrid.js.map
25
- ;// CONCATENATED MODULE: ../components/dist/organisms/ProductGrid/ProductGridItem.js
26
-
27
- const ProductGridItem = (0,external_react_.forwardRef)(function ProductGridItem({ testId = 'fs-product-grid-item', children, ...otherProps }, ref) {
28
- return (external_react_default().createElement("li", { ref: ref, "data-fs-product-grid-item": true, ...otherProps }, children));
29
- });
30
- /* harmony default export */ const ProductGrid_ProductGridItem = (ProductGridItem);
31
- //# sourceMappingURL=ProductGridItem.js.map
32
- // EXTERNAL MODULE: ./src/components/skeletons/ProductGridSkeleton/index.ts + 1 modules
33
- var ProductGridSkeleton = __webpack_require__(9913);
34
- // EXTERNAL MODULE: ./src/components/product/ProductCard/index.ts + 4 modules
35
- var ProductCard = __webpack_require__(6475);
36
- // EXTERNAL MODULE: external "react/jsx-runtime"
37
- var jsx_runtime_ = __webpack_require__(997);
38
- ;// CONCATENATED MODULE: ./src/components/product/ProductGrid/ProductGrid.tsx
39
-
40
-
41
-
42
-
43
-
44
- function ProductGrid_ProductGrid_ProductGrid({
45
- products,
46
- page,
47
- pageSize,
48
- productCard
49
- }) {
50
- const aspectRatio = 1;
51
- return /*#__PURE__*/jsx_runtime_.jsx(ProductGridSkeleton/* default */.Z, {
52
- aspectRatio: aspectRatio,
53
- loading: products.length === 0,
54
- children: /*#__PURE__*/jsx_runtime_.jsx(ProductGrid_ProductGrid, {
55
- children: products.map(({
56
- node: product
57
- }, idx) => /*#__PURE__*/jsx_runtime_.jsx(ProductGrid_ProductGridItem, {
58
- children: /*#__PURE__*/jsx_runtime_.jsx(ProductCard/* default */.Z, {
59
- product: product,
60
- index: pageSize * page + idx + 1,
61
- bordered: productCard?.bordered,
62
- showDiscountBadge: productCard?.showDiscountBadge,
63
- aspectRatio: aspectRatio,
64
- imgProps: {
65
- width: 150,
66
- height: 150,
67
- sizes: '30vw'
68
- }
69
- })
70
- }, `${product.id}`))
71
- })
72
- });
73
- }
74
-
75
- /* harmony default export */ const product_ProductGrid_ProductGrid = (ProductGrid_ProductGrid_ProductGrid);
76
- ;// CONCATENATED MODULE: ./src/components/product/ProductGrid/index.ts
77
-
78
-
79
- /***/ }),
80
-
81
- /***/ 5289:
82
- /***/ ((module, __webpack_exports__, __webpack_require__) => {
83
-
84
- __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
85
- __webpack_require__.r(__webpack_exports__);
86
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
87
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
88
- /* harmony export */ });
89
- /* harmony import */ var _faststore_sdk__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(3221);
90
- /* harmony import */ var src_components_product_ProductGrid__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4436);
91
- /* harmony import */ var src_sdk_search_Sentinel__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(713);
92
- /* harmony import */ var _usePageProducts__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9521);
93
- /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(997);
94
- /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
95
- var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_usePageProducts__WEBPACK_IMPORTED_MODULE_2__]);
96
- _usePageProducts__WEBPACK_IMPORTED_MODULE_2__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
97
-
98
-
99
-
100
-
101
-
102
-
103
-
104
-
105
- function GalleryPage({
106
- page,
107
- title,
108
- productCard
109
- }) {
110
- const products = (0,_usePageProducts__WEBPACK_IMPORTED_MODULE_2__/* .useProducts */ .r)(page) ?? [];
111
- const {
112
- itemsPerPage
113
- } = (0,_faststore_sdk__WEBPACK_IMPORTED_MODULE_4__/* .useSearch */ .R)();
114
- return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
115
- children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx(src_sdk_search_Sentinel__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, {
116
- products: products,
117
- page: page,
118
- pageSize: itemsPerPage,
119
- title: title
120
- }), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx(src_components_product_ProductGrid__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z, {
121
- products: products,
122
- page: page,
123
- pageSize: itemsPerPage,
124
- productCard: productCard
125
- })]
126
- });
127
- }
128
-
129
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (GalleryPage);
130
- __webpack_async_result__();
131
- } catch(e) { __webpack_async_result__(e); } });
132
-
133
- /***/ }),
134
-
135
- /***/ 713:
136
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
137
-
138
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
139
- /* harmony export */ "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
140
- /* harmony export */ });
141
- /* harmony import */ var _faststore_sdk__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(3221);
142
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
143
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
144
- /* harmony import */ var react_intersection_observer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9785);
145
- /* harmony import */ var react_intersection_observer__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_intersection_observer__WEBPACK_IMPORTED_MODULE_1__);
146
- /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1853);
147
- /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(next_router__WEBPACK_IMPORTED_MODULE_2__);
148
- /* harmony import */ var _analytics_hooks_useViewItemListEvent__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(5184);
149
- /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(997);
150
- /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__);
151
-
152
-
153
-
154
-
155
-
156
-
157
-
158
- // Adds/Replaces ?page= to the querystring of the page
159
- const replacePagination = (page, router) => {
160
- const url = new URL(window.location.href); // In case the page argument already matches the target page
161
-
162
- if (url.searchParams.get('page') === page) {
163
- return;
164
- } // Set ?page= parameter and replace route
165
-
166
-
167
- url.searchParams.set('page', page);
168
- router.replace(url, undefined, {
169
- shallow: true,
170
- scroll: false
171
- });
172
- };
173
- /**
174
- * Use this component to add a boundary between pages so we can
175
- * change the current page being viewed on infinite pagination.
176
- *
177
- * For more info: https://developers.google.com/search/blog/2014/02/infinite-scroll-search-friendly
178
- *
179
- * Also, this component's name is kind of curious. Wikipedia calls is Page Break(https://en.wikipedia.org/wiki/Page_break)
180
- * however all codes I've seen online use Sentinel
181
- */
182
-
183
-
184
- function Sentinel({
185
- page,
186
- pageSize,
187
- products,
188
- title
189
- }) {
190
- const viewedRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(false);
191
- const {
192
- ref,
193
- inView
194
- } = (0,react_intersection_observer__WEBPACK_IMPORTED_MODULE_1__.useInView)();
195
- const {
196
- pages
197
- } = (0,_faststore_sdk__WEBPACK_IMPORTED_MODULE_5__/* .useSearch */ .R)();
198
- const router = (0,next_router__WEBPACK_IMPORTED_MODULE_2__.useRouter)();
199
- const {
200
- sendViewItemListEvent
201
- } = (0,_analytics_hooks_useViewItemListEvent__WEBPACK_IMPORTED_MODULE_3__/* .useViewItemListEvent */ .m)({
202
- products,
203
- title,
204
- page,
205
- pageSize
206
- });
207
- (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
208
- // Only replace pagination state when infinite scroll
209
- // state has more than one page being rendered to the screen
210
- if (inView && pages.length > 1) {
211
- replacePagination(page.toString(), router);
212
- }
213
-
214
- if (inView && !viewedRef.current && products.length) {
215
- sendViewItemListEvent();
216
- viewedRef.current = true;
217
- }
218
- }, [pages.length, inView, page, router, sendViewItemListEvent, products.length]);
219
- return /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx("div", {
220
- ref: ref
221
- });
222
- }
223
-
224
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Sentinel);
225
-
226
- /***/ })
227
-
228
- };
229
- ;