@faststore/core 2.0.153-alpha.0 → 2.0.154-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 (166) hide show
  1. package/.turbo/turbo-build.log +5 -7
  2. package/CHANGELOG.md +6 -0
  3. package/cms/faststore/sections.json +3 -8
  4. package/package.json +4 -4
  5. package/src/components/cms/GlobalSections.tsx +3 -25
  6. package/src/components/cms/RenderSections.tsx +37 -2
  7. package/src/components/sections/CrossSellingShelf/CrossSellingShelf.tsx +17 -3
  8. package/src/components/sections/ProductShelf/ProductShelf.tsx +7 -76
  9. package/src/components/sections/Section/section.scss +0 -7
  10. package/src/components/{sections → ui}/ProductShelf/Overrides.tsx +2 -2
  11. package/src/components/ui/ProductShelf/ProductShelf.tsx +106 -0
  12. package/src/components/ui/ProductShelf/index.ts +2 -0
  13. package/src/pages/[...slug].tsx +1 -7
  14. package/.next/BUILD_ID +0 -1
  15. package/.next/build-manifest.json +0 -132
  16. package/.next/cache/.tsbuildinfo +0 -1
  17. package/.next/cache/config.json +0 -7
  18. package/.next/cache/eslint/.cache_1gneedd +0 -1
  19. package/.next/cache/next-server.js.nft.json +0 -1
  20. package/.next/cache/webpack/client-production/0.pack +0 -0
  21. package/.next/cache/webpack/client-production/index.pack +0 -0
  22. package/.next/cache/webpack/server-production/0.pack +0 -0
  23. package/.next/cache/webpack/server-production/index.pack +0 -0
  24. package/.next/export-marker.json +0 -1
  25. package/.next/images-manifest.json +0 -1
  26. package/.next/next-server.js.nft.json +0 -1
  27. package/.next/package.json +0 -1
  28. package/.next/prerender-manifest.json +0 -1
  29. package/.next/react-loadable-manifest.json +0 -48
  30. package/.next/required-server-files.json +0 -1
  31. package/.next/routes-manifest.json +0 -1
  32. package/.next/server/chunks/104.js +0 -703
  33. package/.next/server/chunks/123.js +0 -58
  34. package/.next/server/chunks/143.js +0 -106
  35. package/.next/server/chunks/183.js +0 -80
  36. package/.next/server/chunks/247.js +0 -61
  37. package/.next/server/chunks/280.js +0 -324
  38. package/.next/server/chunks/287.js +0 -58
  39. package/.next/server/chunks/289.js +0 -229
  40. package/.next/server/chunks/312.js +0 -697
  41. package/.next/server/chunks/336.js +0 -821
  42. package/.next/server/chunks/350.js +0 -142
  43. package/.next/server/chunks/368.js +0 -253
  44. package/.next/server/chunks/401.js +0 -7241
  45. package/.next/server/chunks/431.js +0 -7241
  46. package/.next/server/chunks/502.js +0 -600
  47. package/.next/server/chunks/557.js +0 -132
  48. package/.next/server/chunks/576.js +0 -80
  49. package/.next/server/chunks/597.js +0 -169
  50. package/.next/server/chunks/608.js +0 -644
  51. package/.next/server/chunks/644.js +0 -235
  52. package/.next/server/chunks/664.js +0 -3401
  53. package/.next/server/chunks/676.js +0 -32
  54. package/.next/server/chunks/701.js +0 -87
  55. package/.next/server/chunks/74.js +0 -2690
  56. package/.next/server/chunks/82.js +0 -371
  57. package/.next/server/chunks/854.js +0 -72
  58. package/.next/server/chunks/859.js +0 -959
  59. package/.next/server/chunks/874.js +0 -487
  60. package/.next/server/chunks/886.js +0 -120
  61. package/.next/server/chunks/907.js +0 -1803
  62. package/.next/server/chunks/98.js +0 -124
  63. package/.next/server/chunks/font-manifest.json +0 -1
  64. package/.next/server/font-manifest.json +0 -1
  65. package/.next/server/middleware-build-manifest.js +0 -1
  66. package/.next/server/middleware-manifest.json +0 -6
  67. package/.next/server/middleware-react-loadable-manifest.js +0 -1
  68. package/.next/server/pages/404.js +0 -393
  69. package/.next/server/pages/404.js.nft.json +0 -1
  70. package/.next/server/pages/500.js +0 -395
  71. package/.next/server/pages/500.js.nft.json +0 -1
  72. package/.next/server/pages/[...slug].js +0 -733
  73. package/.next/server/pages/[...slug].js.nft.json +0 -1
  74. package/.next/server/pages/[slug]/p.js +0 -2458
  75. package/.next/server/pages/[slug]/p.js.nft.json +0 -1
  76. package/.next/server/pages/_app.js +0 -368
  77. package/.next/server/pages/_app.js.nft.json +0 -1
  78. package/.next/server/pages/_document.js +0 -304
  79. package/.next/server/pages/_document.js.nft.json +0 -1
  80. package/.next/server/pages/_error.js +0 -164
  81. package/.next/server/pages/_error.js.nft.json +0 -1
  82. package/.next/server/pages/account.js +0 -370
  83. package/.next/server/pages/account.js.nft.json +0 -1
  84. package/.next/server/pages/api/graphql.js +0 -315
  85. package/.next/server/pages/api/graphql.js.nft.json +0 -1
  86. package/.next/server/pages/api/preview.js +0 -118
  87. package/.next/server/pages/api/preview.js.nft.json +0 -1
  88. package/.next/server/pages/checkout.js +0 -370
  89. package/.next/server/pages/checkout.js.nft.json +0 -1
  90. package/.next/server/pages/en-US/404.html +0 -81
  91. package/.next/server/pages/en-US/404.json +0 -1
  92. package/.next/server/pages/en-US/500.html +0 -81
  93. package/.next/server/pages/en-US/500.json +0 -1
  94. package/.next/server/pages/en-US/account.html +0 -81
  95. package/.next/server/pages/en-US/account.json +0 -1
  96. package/.next/server/pages/en-US/checkout.html +0 -81
  97. package/.next/server/pages/en-US/checkout.json +0 -1
  98. package/.next/server/pages/en-US/login.html +0 -81
  99. package/.next/server/pages/en-US/login.json +0 -1
  100. package/.next/server/pages/en-US/s.html +0 -81
  101. package/.next/server/pages/en-US/s.json +0 -1
  102. package/.next/server/pages/en-US.html +0 -81
  103. package/.next/server/pages/en-US.json +0 -1
  104. package/.next/server/pages/index.js +0 -966
  105. package/.next/server/pages/index.js.nft.json +0 -1
  106. package/.next/server/pages/login.js +0 -375
  107. package/.next/server/pages/login.js.nft.json +0 -1
  108. package/.next/server/pages/s.js +0 -473
  109. package/.next/server/pages/s.js.nft.json +0 -1
  110. package/.next/server/pages-manifest.json +0 -16
  111. package/.next/server/webpack-api-runtime.js +0 -229
  112. package/.next/server/webpack-runtime.js +0 -229
  113. package/.next/static/Jdc52lXcDWIk2D0wQ-Z4p/_buildManifest.js +0 -1
  114. package/.next/static/Jdc52lXcDWIk2D0wQ-Z4p/_ssgManifest.js +0 -1
  115. package/.next/static/chunks/0-0e3914d9fc148f74.js +0 -1
  116. package/.next/static/chunks/143.dd8a556e6957baa1.js +0 -1
  117. package/.next/static/chunks/226.b57e10ad9932f88c.js +0 -1
  118. package/.next/static/chunks/336.0846f48eccce57e4.js +0 -1
  119. package/.next/static/chunks/366-c0bfd9890048babf.js +0 -1
  120. package/.next/static/chunks/377-b3616792e1f5f651.js +0 -1
  121. package/.next/static/chunks/391-47b923ef44945418.js +0 -1
  122. package/.next/static/chunks/495.0ecd099878b2a36d.js +0 -1
  123. package/.next/static/chunks/502.ae82de1669112b15.js +0 -1
  124. package/.next/static/chunks/545-1d3d08edfd2ee4c6.js +0 -1
  125. package/.next/static/chunks/597.c5cf3fbeae5ceb63.js +0 -1
  126. package/.next/static/chunks/64.ebbe1d2b40f980c7.js +0 -1
  127. package/.next/static/chunks/651.7142f31ce1e052b3.js +0 -1
  128. package/.next/static/chunks/741.52f7fb873418346f.js +0 -1
  129. package/.next/static/chunks/98.97381d2021f86cd9.js +0 -1
  130. package/.next/static/chunks/framework-dfd14d7ce6600b03.js +0 -1
  131. package/.next/static/chunks/main-fd466221927468fd.js +0 -1
  132. package/.next/static/chunks/pages/404-459452495a0df278.js +0 -1
  133. package/.next/static/chunks/pages/500-008e30c48eceebed.js +0 -1
  134. package/.next/static/chunks/pages/[...slug]-bd1885159f7dfbba.js +0 -1
  135. package/.next/static/chunks/pages/[slug]/p-fa35dd93d53f75f6.js +0 -1
  136. package/.next/static/chunks/pages/_app-3e4e7e579cb0681a.js +0 -1
  137. package/.next/static/chunks/pages/_error-a7a0c1d9bfbb4f38.js +0 -1
  138. package/.next/static/chunks/pages/account-46263f0c100c3eae.js +0 -1
  139. package/.next/static/chunks/pages/checkout-20bb3710b24df3b6.js +0 -1
  140. package/.next/static/chunks/pages/index-49b7ee570f7cc4b7.js +0 -1
  141. package/.next/static/chunks/pages/login-f9d316d261fcc062.js +0 -1
  142. package/.next/static/chunks/pages/s-1cbe740b5b781d28.js +0 -1
  143. package/.next/static/chunks/polyfills-c67a75d1b6f99dc8.js +0 -1
  144. package/.next/static/chunks/webpack-eb5ed34c93d07fac.js +0 -1
  145. package/.next/static/css/1323734429a8aa40.css +0 -1
  146. package/.next/static/css/13a4da555ff5e3be.css +0 -1
  147. package/.next/static/css/2e00f7ba49c754b3.css +0 -1
  148. package/.next/static/css/7d822a137c54a781.css +0 -1
  149. package/.next/static/css/a0feab89b7648c5c.css +0 -1
  150. package/.next/static/css/a13a9f9cd349d906.css +0 -1
  151. package/.next/static/css/a45618030b16a245.css +0 -1
  152. package/.next/static/css/bde408cc006e64f8.css +0 -1
  153. package/.next/static/css/d462d9478ce00021.css +0 -1
  154. package/.next/static/css/e02cdad8fc000339.css +0 -1
  155. package/.next/trace +0 -69
  156. package/public/~partytown/debug/partytown-atomics.js +0 -556
  157. package/public/~partytown/debug/partytown-media.js +0 -374
  158. package/public/~partytown/debug/partytown-sandbox-sw.js +0 -543
  159. package/public/~partytown/debug/partytown-sw.js +0 -59
  160. package/public/~partytown/debug/partytown-ww-atomics.js +0 -1789
  161. package/public/~partytown/debug/partytown-ww-sw.js +0 -1781
  162. package/public/~partytown/debug/partytown.js +0 -72
  163. package/public/~partytown/partytown-atomics.js +0 -2
  164. package/public/~partytown/partytown-media.js +0 -2
  165. package/public/~partytown/partytown-sw.js +0 -2
  166. 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
- ;