@faststore/core 2.1.0 → 2.1.1

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 (149) hide show
  1. package/.turbo/turbo-build.log +9 -3
  2. package/.turbo/turbo-lint.log +2 -0
  3. package/package.json +8 -8
  4. package/.next/BUILD_ID +0 -1
  5. package/.next/build-manifest.json +0 -123
  6. package/.next/cache/.tsbuildinfo +0 -1
  7. package/.next/cache/eslint/.cache_abdhua +0 -1
  8. package/.next/cache/next-server.js.nft.json +0 -1
  9. package/.next/cache/webpack/client-production/0.pack +0 -0
  10. package/.next/cache/webpack/client-production/index.pack +0 -0
  11. package/.next/cache/webpack/server-production/0.pack +0 -0
  12. package/.next/cache/webpack/server-production/index.pack +0 -0
  13. package/.next/export-marker.json +0 -1
  14. package/.next/images-manifest.json +0 -1
  15. package/.next/next-server.js.nft.json +0 -1
  16. package/.next/package.json +0 -1
  17. package/.next/prerender-manifest.json +0 -1
  18. package/.next/react-loadable-manifest.json +0 -44
  19. package/.next/required-server-files.json +0 -1
  20. package/.next/routes-manifest.json +0 -1
  21. package/.next/server/chunks/123.js +0 -58
  22. package/.next/server/chunks/143.js +0 -106
  23. package/.next/server/chunks/183.js +0 -90
  24. package/.next/server/chunks/205.js +0 -722
  25. package/.next/server/chunks/247.js +0 -61
  26. package/.next/server/chunks/253.js +0 -535
  27. package/.next/server/chunks/280.js +0 -324
  28. package/.next/server/chunks/287.js +0 -58
  29. package/.next/server/chunks/289.js +0 -229
  30. package/.next/server/chunks/312.js +0 -697
  31. package/.next/server/chunks/350.js +0 -143
  32. package/.next/server/chunks/368.js +0 -253
  33. package/.next/server/chunks/378.js +0 -326
  34. package/.next/server/chunks/487.js +0 -9142
  35. package/.next/server/chunks/502.js +0 -626
  36. package/.next/server/chunks/513.js +0 -257
  37. package/.next/server/chunks/576.js +0 -90
  38. package/.next/server/chunks/597.js +0 -211
  39. package/.next/server/chunks/650.js +0 -9142
  40. package/.next/server/chunks/676.js +0 -32
  41. package/.next/server/chunks/701.js +0 -87
  42. package/.next/server/chunks/74.js +0 -3898
  43. package/.next/server/chunks/825.js +0 -4039
  44. package/.next/server/chunks/854.js +0 -72
  45. package/.next/server/chunks/859.js +0 -959
  46. package/.next/server/chunks/886.js +0 -120
  47. package/.next/server/chunks/907.js +0 -1803
  48. package/.next/server/chunks/98.js +0 -124
  49. package/.next/server/chunks/font-manifest.json +0 -1
  50. package/.next/server/font-manifest.json +0 -1
  51. package/.next/server/middleware-build-manifest.js +0 -1
  52. package/.next/server/middleware-manifest.json +0 -6
  53. package/.next/server/middleware-react-loadable-manifest.js +0 -1
  54. package/.next/server/pages/404.js +0 -393
  55. package/.next/server/pages/404.js.nft.json +0 -1
  56. package/.next/server/pages/500.js +0 -395
  57. package/.next/server/pages/500.js.nft.json +0 -1
  58. package/.next/server/pages/[...slug].js +0 -786
  59. package/.next/server/pages/[...slug].js.nft.json +0 -1
  60. package/.next/server/pages/[slug]/p.js +0 -2325
  61. package/.next/server/pages/[slug]/p.js.nft.json +0 -1
  62. package/.next/server/pages/_app.js +0 -281
  63. package/.next/server/pages/_app.js.nft.json +0 -1
  64. package/.next/server/pages/_document.js +0 -340
  65. package/.next/server/pages/_document.js.nft.json +0 -1
  66. package/.next/server/pages/_error.js +0 -164
  67. package/.next/server/pages/_error.js.nft.json +0 -1
  68. package/.next/server/pages/account.js +0 -370
  69. package/.next/server/pages/account.js.nft.json +0 -1
  70. package/.next/server/pages/api/graphql.js +0 -365
  71. package/.next/server/pages/api/graphql.js.nft.json +0 -1
  72. package/.next/server/pages/api/preview.js +0 -119
  73. package/.next/server/pages/api/preview.js.nft.json +0 -1
  74. package/.next/server/pages/checkout.js +0 -370
  75. package/.next/server/pages/checkout.js.nft.json +0 -1
  76. package/.next/server/pages/en-US/404.html +0 -81
  77. package/.next/server/pages/en-US/404.json +0 -1
  78. package/.next/server/pages/en-US/500.html +0 -81
  79. package/.next/server/pages/en-US/500.json +0 -1
  80. package/.next/server/pages/en-US/account.html +0 -81
  81. package/.next/server/pages/en-US/account.json +0 -1
  82. package/.next/server/pages/en-US/checkout.html +0 -81
  83. package/.next/server/pages/en-US/checkout.json +0 -1
  84. package/.next/server/pages/en-US/login.html +0 -81
  85. package/.next/server/pages/en-US/login.json +0 -1
  86. package/.next/server/pages/en-US/s.html +0 -81
  87. package/.next/server/pages/en-US/s.json +0 -1
  88. package/.next/server/pages/en-US.html +0 -81
  89. package/.next/server/pages/en-US.json +0 -1
  90. package/.next/server/pages/index.js +0 -1026
  91. package/.next/server/pages/index.js.nft.json +0 -1
  92. package/.next/server/pages/login.js +0 -375
  93. package/.next/server/pages/login.js.nft.json +0 -1
  94. package/.next/server/pages/s.js +0 -473
  95. package/.next/server/pages/s.js.nft.json +0 -1
  96. package/.next/server/pages-manifest.json +0 -16
  97. package/.next/server/webpack-api-runtime.js +0 -229
  98. package/.next/server/webpack-runtime.js +0 -229
  99. package/.next/static/chunks/143.dd8a556e6957baa1.js +0 -1
  100. package/.next/static/chunks/21-5b0c50a44b0ed6ce.js +0 -1
  101. package/.next/static/chunks/234-7d72b0ee52936c13.js +0 -1
  102. package/.next/static/chunks/460-08f41a79ff49f7be.js +0 -1
  103. package/.next/static/chunks/495.0ecd099878b2a36d.js +0 -1
  104. package/.next/static/chunks/502.ec90d1859d393d34.js +0 -1
  105. package/.next/static/chunks/597.f8d0595b113c70af.js +0 -1
  106. package/.next/static/chunks/64.ebbe1d2b40f980c7.js +0 -1
  107. package/.next/static/chunks/651.7142f31ce1e052b3.js +0 -1
  108. package/.next/static/chunks/682-dc059ce3e47eb9e1.js +0 -1
  109. package/.next/static/chunks/741.52f7fb873418346f.js +0 -1
  110. package/.next/static/chunks/98.97381d2021f86cd9.js +0 -1
  111. package/.next/static/chunks/framework-dfd14d7ce6600b03.js +0 -1
  112. package/.next/static/chunks/main-fd466221927468fd.js +0 -1
  113. package/.next/static/chunks/pages/404-e7a1846b72ad3430.js +0 -1
  114. package/.next/static/chunks/pages/500-0f4d738fa1caac78.js +0 -1
  115. package/.next/static/chunks/pages/[...slug]-119a323292c7e3af.js +0 -1
  116. package/.next/static/chunks/pages/[slug]/p-3c424924080d88cb.js +0 -1
  117. package/.next/static/chunks/pages/_app-79d333aa6001a806.js +0 -1
  118. package/.next/static/chunks/pages/_error-a7a0c1d9bfbb4f38.js +0 -1
  119. package/.next/static/chunks/pages/account-bbe1795b8566f75a.js +0 -1
  120. package/.next/static/chunks/pages/checkout-4321004c6cdaf5c7.js +0 -1
  121. package/.next/static/chunks/pages/index-949a5393471484d5.js +0 -1
  122. package/.next/static/chunks/pages/login-b09e2dd0941c8882.js +0 -1
  123. package/.next/static/chunks/pages/s-e603b0c6e5eef0a7.js +0 -1
  124. package/.next/static/chunks/polyfills-c67a75d1b6f99dc8.js +0 -1
  125. package/.next/static/chunks/webpack-9ba6546d294eb768.js +0 -1
  126. package/.next/static/css/104f0f3ce3be32c6.css +0 -1
  127. package/.next/static/css/23a9d5dfc051ec6e.css +0 -1
  128. package/.next/static/css/287f5ba239375052.css +0 -1
  129. package/.next/static/css/2e00f7ba49c754b3.css +0 -1
  130. package/.next/static/css/6e41f1b6078c14c1.css +0 -1
  131. package/.next/static/css/7d822a137c54a781.css +0 -1
  132. package/.next/static/css/8988ac07eb0af0ca.css +0 -1
  133. package/.next/static/css/c7fc1f563fa33060.css +0 -1
  134. package/.next/static/css/d4a0d9df8c6df555.css +0 -1
  135. package/.next/static/css/e02cdad8fc000339.css +0 -1
  136. package/.next/static/eLm2Cd_zypP0KQaj5UlQ2/_buildManifest.js +0 -1
  137. package/.next/static/eLm2Cd_zypP0KQaj5UlQ2/_ssgManifest.js +0 -1
  138. package/.next/trace +0 -72
  139. package/public/~partytown/debug/partytown-atomics.js +0 -556
  140. package/public/~partytown/debug/partytown-media.js +0 -374
  141. package/public/~partytown/debug/partytown-sandbox-sw.js +0 -543
  142. package/public/~partytown/debug/partytown-sw.js +0 -59
  143. package/public/~partytown/debug/partytown-ww-atomics.js +0 -1789
  144. package/public/~partytown/debug/partytown-ww-sw.js +0 -1781
  145. package/public/~partytown/debug/partytown.js +0 -72
  146. package/public/~partytown/partytown-atomics.js +0 -2
  147. package/public/~partytown/partytown-media.js +0 -2
  148. package/public/~partytown/partytown-sw.js +0 -2
  149. package/public/~partytown/partytown.js +0 -2
@@ -1,1803 +0,0 @@
1
- exports.id = 907;
2
- exports.ids = [907];
3
- exports.modules = {
4
-
5
- /***/ 7434:
6
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
7
-
8
- "use strict";
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__(16689);
13
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
14
-
15
- function EmptyState({ testId = 'fs-empty-state', title, titleIcon, variant = 'default', bkgColor = 'default', children, ...otherProps }) {
16
- return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("section", { "data-fs-empty-state": true, "data-fs-empty-state-variant": variant, "data-fs-empty-state-bkg-color": bkgColor, "data-testid": testId, ...otherProps },
17
- title && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("header", { "data-fs-empty-state-title": true },
18
- titleIcon && react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, titleIcon),
19
- react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", null, title))),
20
- children));
21
- }
22
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (EmptyState);
23
- //# sourceMappingURL=EmptyState.js.map
24
-
25
- /***/ }),
26
-
27
- /***/ 10939:
28
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
29
-
30
- "use strict";
31
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
32
- /* harmony export */ "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
33
- /* harmony export */ });
34
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(16689);
35
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
36
- /* harmony import */ var ___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(39739);
37
-
38
-
39
- function Filter({ testId, title, indicesExpanded, onAccordionChange, children, }) {
40
- return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { "data-fs-filter": true, "data-testid": testId },
41
- react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h2", { "data-fs-filter-title": true }, title),
42
- react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, { indices: indicesExpanded, onChange: onAccordionChange, "data-fs-filter-accordion": true }, children)));
43
- }
44
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Filter);
45
- //# sourceMappingURL=Filter.js.map
46
-
47
- /***/ }),
48
-
49
- /***/ 46569:
50
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
51
-
52
- "use strict";
53
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
54
- /* harmony export */ "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
55
- /* harmony export */ });
56
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(16689);
57
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
58
- /* harmony import */ var ___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(41329);
59
-
60
-
61
- function FilterFacetBoolean({ children }) {
62
- return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, { "data-fs-filter-list": true }, children);
63
- }
64
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FilterFacetBoolean);
65
- //# sourceMappingURL=FilterFacetBoolean.js.map
66
-
67
- /***/ }),
68
-
69
- /***/ 86854:
70
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
71
-
72
- "use strict";
73
-
74
- // EXPORTS
75
- __webpack_require__.d(__webpack_exports__, {
76
- "Z": () => (/* binding */ Filter_FilterFacetBooleanItem)
77
- });
78
-
79
- // EXTERNAL MODULE: external "react"
80
- var external_react_ = __webpack_require__(16689);
81
- var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
82
- ;// CONCATENATED MODULE: ../components/dist/atoms/Checkbox/Checkbox.js
83
-
84
- const Checkbox = (0,external_react_.forwardRef)(function Checkbox({ testId = 'fs-checkbox', partial, ...otherProps }, ref) {
85
- return (external_react_default().createElement("input", { ref: ref, "data-fs-checkbox": true, "data-testid": testId, "data-fs-checkbox-partial": partial, type: "checkbox", ...otherProps }));
86
- });
87
- /* harmony default export */ const Checkbox_Checkbox = (Checkbox);
88
- //# sourceMappingURL=Checkbox.js.map
89
- // EXTERNAL MODULE: ../components/dist/atoms/Label/Label.js
90
- var Label = __webpack_require__(57216);
91
- // EXTERNAL MODULE: ../components/dist/atoms/Badge/Badge.js
92
- var Badge = __webpack_require__(10044);
93
- ;// CONCATENATED MODULE: ../components/dist/organisms/Filter/FilterFacetBooleanItem.js
94
-
95
-
96
- function FilterFacetBooleanItem({ testId, id, selected, value, quantity, facetKey, label, onFacetChange, }) {
97
- return (external_react_default().createElement("li", { key: id, "data-fs-filter-list-item": true },
98
- external_react_default().createElement(Checkbox_Checkbox, { id: id, checked: selected, onChange: () => onFacetChange({ key: facetKey, value }, 'BOOLEAN'), "data-fs-filter-list-item-checkbox": true, "data-testid": `${testId}-accordion-panel-checkbox`, "data-value": value, "data-quantity": quantity }),
99
- external_react_default().createElement(Label/* default */.Z, { htmlFor: id, className: "text__title-mini-alt", "data-fs-filter-list-item-label": true },
100
- label,
101
- " ",
102
- external_react_default().createElement(Badge/* default */.Z, { "data-fs-filter-list-item-badge": true }, quantity))));
103
- }
104
- /* harmony default export */ const Filter_FilterFacetBooleanItem = (FilterFacetBooleanItem);
105
- //# sourceMappingURL=FilterFacetBooleanItem.js.map
106
-
107
- /***/ }),
108
-
109
- /***/ 87375:
110
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
111
-
112
- "use strict";
113
-
114
- // EXPORTS
115
- __webpack_require__.d(__webpack_exports__, {
116
- "Z": () => (/* binding */ Filter_FilterFacetRange)
117
- });
118
-
119
- // EXTERNAL MODULE: external "react"
120
- var external_react_ = __webpack_require__(16689);
121
- var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
122
- ;// CONCATENATED MODULE: ../components/dist/atoms/Slider/Slider.js
123
- /**
124
- * This code is inspired by the work of [sandra-lewis](https://codesandbox.io/u/sandra-lewis)
125
- */
126
-
127
- const percent = (value, min, max) => Math.round(((value - min) / (max - min)) * 100);
128
- const Slider = (0,external_react_.forwardRef)(function Slider({ min, max, absoluteValuesLabel, onChange, onEnd, testId = 'fs-slider', getAriaValueText, step, minValueLabelComponent, maxValueLabelComponent, ...otherProps }, ref) {
129
- const widthPercent = (0,external_react_.useMemo)(() => (max.absolute - min.absolute) / 100, [max.absolute, min.absolute]);
130
- const [minPercent, setMinPercent] = (0,external_react_.useState)(() => percent(min.selected, min.absolute, max.absolute));
131
- const [maxPercent, setMaxPercent] = (0,external_react_.useState)(() => percent(max.selected, min.absolute, max.absolute));
132
- const [minVal, setMinVal] = (0,external_react_.useState)(() => Math.floor(min.absolute + minPercent * widthPercent));
133
- const [maxVal, setMaxVal] = (0,external_react_.useState)(() => Math.round(min.absolute + maxPercent * widthPercent));
134
- const percentage = (value) => (value / max.absolute) * 100;
135
- (0,external_react_.useImperativeHandle)(ref, () => ({
136
- setSliderValues: (values) => {
137
- const sliderMinValue = Math.min(Number(values.min), maxVal);
138
- setMinVal(sliderMinValue);
139
- setMinPercent(percent(sliderMinValue, min.absolute, max.absolute));
140
- if (values.max > max.absolute) {
141
- setMaxVal(max.absolute);
142
- setMaxPercent(percent(max.absolute, min.absolute, max.absolute));
143
- return;
144
- }
145
- const sliderMaxValue = Math.max(Number(values.max), minVal);
146
- setMaxVal(sliderMaxValue);
147
- setMaxPercent(percent(sliderMaxValue, min.absolute, max.absolute));
148
- },
149
- }));
150
- return (external_react_default().createElement("div", { "data-fs-slider": true, "data-testid": testId },
151
- external_react_default().createElement("div", { "data-fs-slider-absolute-values": true },
152
- external_react_default().createElement("span", null, absoluteValuesLabel.min),
153
- external_react_default().createElement("span", null, absoluteValuesLabel.max)),
154
- external_react_default().createElement("div", { "data-fs-slider-wrapper": true },
155
- external_react_default().createElement("div", { "data-fs-slider-range": true, style: {
156
- left: `${minPercent}%`,
157
- width: `${maxPercent - minPercent}%`,
158
- } }),
159
- external_react_default().createElement("input", { type: "range", min: Math.floor(min.absolute), max: Math.round(max.absolute), value: minVal, step: step, onMouseUp: () => onEnd?.({ min: minVal, max: maxVal }), onTouchEnd: () => onEnd?.({ min: minVal, max: maxVal }), onChange: (event) => {
160
- const minValue = Math.min(Number(event.target.value), maxVal);
161
- setMinVal(minValue);
162
- setMinPercent(percent(minValue, min.absolute, max.absolute));
163
- onChange?.({ min: minValue, max: maxVal });
164
- }, "data-fs-slider-thumb": "left", "aria-valuemin": min.absolute, "aria-valuemax": max.absolute, "aria-valuenow": minVal, "aria-label": String(minVal), "aria-labelledby": getAriaValueText?.(minVal, 'min'), ...otherProps }),
165
- minValueLabelComponent && (external_react_default().createElement("span", { "data-fs-slider-value-label": "min", style: {
166
- left: `calc(${percentage(minVal)}% + (${8 - percentage(minVal) * 0.2}px))`,
167
- } }, minValueLabelComponent(minVal))),
168
- external_react_default().createElement("input", { type: "range", min: Math.floor(min.absolute), max: Math.round(max.absolute), value: maxVal, step: step, onMouseUp: () => onEnd?.({ min: minVal, max: maxVal }), onTouchEnd: () => onEnd?.({ min: minVal, max: maxVal }), onChange: (event) => {
169
- const maxValue = Math.max(Number(event.target.value), minVal);
170
- setMaxVal(maxValue);
171
- setMaxPercent(percent(maxValue, min.absolute, max.absolute));
172
- onChange?.({ min: minVal, max: maxValue });
173
- }, "data-fs-slider-thumb": "right", "aria-valuemin": min.absolute, "aria-valuemax": max.absolute, "aria-valuenow": maxVal, "aria-label": String(maxVal), "aria-labelledby": getAriaValueText?.(maxVal, 'max') }),
174
- maxValueLabelComponent && (external_react_default().createElement("span", { "data-fs-slider-value-label": "max", style: {
175
- left: `calc(${percentage(maxVal)}% + (${8 - percentage(maxVal) * 0.2}px))`,
176
- } }, maxValueLabelComponent(maxVal))))));
177
- });
178
- /* harmony default export */ const Slider_Slider = (Slider);
179
- //# sourceMappingURL=Slider.js.map
180
- // EXTERNAL MODULE: ../components/dist/atoms/Price/Price.js
181
- var Price = __webpack_require__(57549);
182
- // EXTERNAL MODULE: ../components/dist/molecules/InputField/InputField.js
183
- var InputField = __webpack_require__(28287);
184
- ;// CONCATENATED MODULE: ../components/dist/organisms/PriceRange/PriceRange.js
185
-
186
-
187
- const PriceRange = (0,external_react_.forwardRef)(function PriceRange({ formatter, max, min, step = 1, onChange, onEnd, testId = 'fs-price-range', variant, 'aria-label': ariaLabel, ...otherProps }, ref) {
188
- const sliderRef = (0,external_react_.useRef)();
189
- (0,external_react_.useImperativeHandle)(ref, () => ({
190
- setPriceRangeValues: (values) => {
191
- onChange?.(values);
192
- sliderRef.current?.setSliderValues(values);
193
- },
194
- }));
195
- const inputMinRef = (0,external_react_.useRef)(null);
196
- const inputMaxRef = (0,external_react_.useRef)(null);
197
- const [inputMinError, setInputMinError] = (0,external_react_.useState)();
198
- const [inputMaxError, setInputMaxError] = (0,external_react_.useState)();
199
- const [priceRange, setPriceRange] = (0,external_react_.useState)({
200
- min: Math.floor(min.selected),
201
- max: Math.round(max.selected),
202
- });
203
- function onChangePriceRange(value) {
204
- setInputMinError(undefined);
205
- setInputMaxError(undefined);
206
- setPriceRange({ min: value.min, max: value.max });
207
- if (inputMinRef.current?.value) {
208
- inputMinRef.current.value = String(value.min);
209
- }
210
- if (inputMaxRef.current?.value) {
211
- inputMaxRef.current.value = String(value.max);
212
- }
213
- }
214
- function onChangeInputMin(value) {
215
- setInputMinError(undefined);
216
- if (Number(value) < Math.floor(min.absolute)) {
217
- return;
218
- }
219
- if (Number(value) > Math.floor(priceRange.max)) {
220
- setInputMinError(`Min price can't be greater than max`);
221
- }
222
- setPriceRange({ ...priceRange, min: Number(value) });
223
- sliderRef.current?.setSliderValues({
224
- ...priceRange,
225
- min: Number(value),
226
- });
227
- }
228
- function onChangeInputMax(value) {
229
- setInputMaxError(undefined);
230
- if (Number(value) > Math.round(max.absolute)) {
231
- return;
232
- }
233
- if (Number(value) < Math.round(priceRange.min)) {
234
- setInputMaxError(`Max price can't be smaller than min`);
235
- }
236
- setPriceRange({ ...priceRange, max: Number(value) });
237
- sliderRef.current?.setSliderValues({
238
- ...priceRange,
239
- max: Number(value),
240
- });
241
- }
242
- return (external_react_default().createElement("div", { "data-fs-price-range": true, "data-testid": testId, ...otherProps },
243
- external_react_default().createElement(Slider_Slider, { ref: sliderRef, min: min, max: max, step: step, onEnd: (value) => {
244
- onEnd?.(value);
245
- onChangePriceRange(value);
246
- }, "aria-label": ariaLabel, onChange: (value) => onChange?.(value), absoluteValuesLabel: {
247
- min: (external_react_default().createElement(Price/* default */.Z, { value: Math.floor(min.absolute), variant: variant, formatter: formatter })),
248
- max: (external_react_default().createElement(Price/* default */.Z, { value: Math.round(max.absolute), variant: variant, formatter: formatter })),
249
- }, minValueLabelComponent: (minValue) => {
250
- return (external_react_default().createElement(Price/* default */.Z, { value: minValue, variant: variant, formatter: formatter }));
251
- }, maxValueLabelComponent: (maxValue) => {
252
- return (external_react_default().createElement(Price/* default */.Z, { value: maxValue, variant: variant, formatter: formatter }));
253
- } }),
254
- external_react_default().createElement("div", { "data-fs-price-range-inputs": true },
255
- external_react_default().createElement(InputField/* default */.Z, { id: "price-range-min", step: step, label: "Min", type: "number", inputMode: "numeric", error: inputMinError, inputRef: inputMinRef, min: Math.floor(min.absolute), max: priceRange.max, value: priceRange.min, onChange: (e) => onChangeInputMin(e.target.value), onBlur: () => !inputMinError && onEnd?.(priceRange) }),
256
- external_react_default().createElement(InputField/* default */.Z, { id: "price-range-max", label: "Max", step: step, type: "number", inputMode: "numeric", error: inputMaxError, inputRef: inputMaxRef, max: Math.round(max.absolute), min: priceRange.min, value: priceRange.max, onChange: (e) => onChangeInputMax(e.target.value), onBlur: () => !inputMaxError && onEnd?.(priceRange) }))));
257
- });
258
- /* harmony default export */ const PriceRange_PriceRange = (PriceRange);
259
- //# sourceMappingURL=PriceRange.js.map
260
- ;// CONCATENATED MODULE: ../components/dist/organisms/Filter/FilterFacetRange.js
261
-
262
-
263
- const formatRange = (min, max) => `${min.toFixed(2)}-to-${max.toFixed(2)}`;
264
- function FilterFacetRange({ min, max, formatter, facetKey, onFacetChange, }) {
265
- return (external_react_default().createElement(PriceRange_PriceRange, { "data-fs-filter-facet-range": true, min: min, max: max, formatter: formatter, step: 1, onEnd: (v) => onFacetChange({
266
- key: facetKey,
267
- value: formatRange(v.min, v.max),
268
- }, 'RANGE') }));
269
- }
270
- /* harmony default export */ const Filter_FilterFacetRange = (FilterFacetRange);
271
- //# sourceMappingURL=FilterFacetRange.js.map
272
-
273
- /***/ }),
274
-
275
- /***/ 40226:
276
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
277
-
278
- "use strict";
279
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
280
- /* harmony export */ "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
281
- /* harmony export */ });
282
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(16689);
283
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
284
- /* harmony import */ var ___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(60997);
285
- /* harmony import */ var ___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(47743);
286
- /* harmony import */ var ___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(20331);
287
-
288
-
289
- function FilterFacets({ testId, label, index, children, type, }) {
290
- return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, { key: `${label}-${index}`, prefixId: testId, testId: `${testId}-accordion`, index: index, "data-type": type, "data-fs-filter-accordion-item": true },
291
- react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, { testId: `${testId}-accordion-button` }, label),
292
- react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, null, children)));
293
- }
294
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FilterFacets);
295
- //# sourceMappingURL=FilterFacets.js.map
296
-
297
- /***/ }),
298
-
299
- /***/ 94256:
300
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
301
-
302
- "use strict";
303
- // ESM COMPAT FLAG
304
- __webpack_require__.r(__webpack_exports__);
305
-
306
- // EXPORTS
307
- __webpack_require__.d(__webpack_exports__, {
308
- "default": () => (/* binding */ search_Filter_FilterSlider)
309
- });
310
-
311
- // EXTERNAL MODULE: ../sdk/dist/search/useSearch.js + 1 modules
312
- var useSearch = __webpack_require__(73221);
313
- // EXTERNAL MODULE: external "react"
314
- var external_react_ = __webpack_require__(16689);
315
- var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
316
- // EXTERNAL MODULE: ../components/dist/hooks/useFadeEffect.js
317
- var useFadeEffect = __webpack_require__(6074);
318
- // EXTERNAL MODULE: ../components/dist/hooks/UIProvider.js
319
- var UIProvider = __webpack_require__(90395);
320
- // EXTERNAL MODULE: ../components/dist/organisms/SlideOver/SlideOver.js
321
- var SlideOver = __webpack_require__(31021);
322
- // EXTERNAL MODULE: ../components/dist/organisms/SlideOver/SlideOverHeader.js
323
- var SlideOverHeader = __webpack_require__(89648);
324
- // EXTERNAL MODULE: ../components/dist/atoms/Button/Button.js
325
- var Button = __webpack_require__(57578);
326
- ;// CONCATENATED MODULE: ../components/dist/organisms/Filter/FilterSlider.js
327
-
328
-
329
- function FilterSlider({ title, size, direction, children, applyBtnProps, clearBtnProps, overlayProps, onClose, ...otherProps }) {
330
- const { fade, fadeOut } = (0,useFadeEffect/* useFadeEffect */.b)();
331
- const { closeFilter } = (0,UIProvider/* useUI */.l)();
332
- return (external_react_default().createElement(SlideOver/* default */.Z, { "data-fs-filter-slider": true, isOpen: true, fade: fade, onDismiss: fadeOut, size: size, direction: direction, onTransitionEnd: () => fade === 'out' && closeFilter(), overlayProps: overlayProps, ...otherProps },
333
- external_react_default().createElement("div", { "data-fs-filter-slider-content": true },
334
- external_react_default().createElement(SlideOverHeader/* default */.Z, { onClose: () => {
335
- onClose();
336
- fadeOut();
337
- } },
338
- external_react_default().createElement("h2", { "data-fs-filter-slider-title": true }, title)),
339
- children),
340
- external_react_default().createElement("footer", { "data-fs-filter-slider-footer": true },
341
- external_react_default().createElement(Button/* default */.Z, { "data-fs-filter-slider-footer-button-clear": true, ...clearBtnProps }),
342
- external_react_default().createElement(Button/* default */.Z, { "data-fs-filter-slider-footer-button-apply": true, "data-testid": "filter-slider-button-apply", ...applyBtnProps, onClick: (e) => {
343
- applyBtnProps?.onClick?.(e);
344
- fadeOut();
345
- } }))));
346
- }
347
- /* harmony default export */ const Filter_FilterSlider = (FilterSlider);
348
- //# sourceMappingURL=FilterSlider.js.map
349
- // EXTERNAL MODULE: ../components/dist/organisms/Filter/Filter.js
350
- var Filter = __webpack_require__(10939);
351
- // EXTERNAL MODULE: ../components/dist/organisms/Filter/FilterFacets.js
352
- var FilterFacets = __webpack_require__(40226);
353
- // EXTERNAL MODULE: ../components/dist/organisms/Filter/FilterFacetBoolean.js
354
- var FilterFacetBoolean = __webpack_require__(46569);
355
- // EXTERNAL MODULE: ../components/dist/organisms/Filter/FilterFacetBooleanItem.js + 1 modules
356
- var FilterFacetBooleanItem = __webpack_require__(86854);
357
- // EXTERNAL MODULE: ../components/dist/organisms/Filter/FilterFacetRange.js + 2 modules
358
- var FilterFacetRange = __webpack_require__(87375);
359
- // EXTERNAL MODULE: ./src/sdk/product/useFormattedPrice.ts
360
- var useFormattedPrice = __webpack_require__(95346);
361
- // EXTERNAL MODULE: ./src/components/search/Filter/section.module.scss
362
- var section_module = __webpack_require__(65813);
363
- var section_module_default = /*#__PURE__*/__webpack_require__.n(section_module);
364
- // EXTERNAL MODULE: external "react/jsx-runtime"
365
- var jsx_runtime_ = __webpack_require__(20997);
366
- ;// CONCATENATED MODULE: ./src/components/search/Filter/FilterSlider.tsx
367
- 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; }
368
-
369
- 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; }
370
-
371
- 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; }
372
-
373
-
374
-
375
-
376
-
377
-
378
-
379
-
380
- function FilterSlider_FilterSlider({
381
- facets,
382
- testId,
383
- dispatch,
384
- expanded,
385
- selected,
386
- title,
387
- clearButtonLabel,
388
- applyButtonLabel
389
- }) {
390
- const {
391
- resetInfiniteScroll,
392
- setState,
393
- state
394
- } = (0,useSearch/* useSearch */.R)();
395
- return /*#__PURE__*/jsx_runtime_.jsx(Filter_FilterSlider, {
396
- overlayProps: {
397
- className: `section ${(section_module_default()).section} section-filter-slider`
398
- },
399
- title: title,
400
- size: "partial",
401
- direction: "rightSide",
402
- clearBtnProps: {
403
- variant: 'secondary',
404
- onClick: () => dispatch({
405
- type: 'selectFacets',
406
- payload: []
407
- }),
408
- children: clearButtonLabel ?? 'Clear All'
409
- },
410
- applyBtnProps: {
411
- variant: 'primary',
412
- onClick: () => {
413
- resetInfiniteScroll(0);
414
- setState(_objectSpread(_objectSpread({}, state), {}, {
415
- selectedFacets: selected,
416
- page: 0
417
- }));
418
- },
419
- children: applyButtonLabel ?? 'Apply'
420
- },
421
- onClose: () => {
422
- dispatch({
423
- type: 'selectFacets',
424
- payload: state.selectedFacets
425
- });
426
- },
427
- children: /*#__PURE__*/jsx_runtime_.jsx(Filter/* default */.Z, {
428
- testId: `mobile-${testId}`,
429
- indicesExpanded: expanded,
430
- onAccordionChange: index => dispatch({
431
- type: 'toggleExpanded',
432
- payload: index
433
- }),
434
- children: facets.map((facet, index) => {
435
- const {
436
- __typename: type,
437
- label
438
- } = facet;
439
- const isExpanded = expanded.has(index);
440
- return /*#__PURE__*/(0,jsx_runtime_.jsxs)(FilterFacets/* default */.Z, {
441
- testId: `mobile-${testId}`,
442
- index: index,
443
- type: type,
444
- label: label,
445
- children: [type === 'StoreFacetBoolean' && isExpanded && /*#__PURE__*/jsx_runtime_.jsx(FilterFacetBoolean/* default */.Z, {
446
- children: facet.values.map(item => /*#__PURE__*/jsx_runtime_.jsx(FilterFacetBooleanItem/* default */.Z, {
447
- id: `${testId}-${facet.label}-${item.label}`,
448
- testId: `mobile-${testId}`,
449
- onFacetChange: facet => dispatch({
450
- type: 'toggleFacet',
451
- payload: facet
452
- }),
453
- selected: item.selected,
454
- value: item.value,
455
- quantity: item.quantity,
456
- facetKey: facet.key,
457
- label: item.label
458
- }, `${testId}-${facet.label}-${item.label}`))
459
- }), type === 'StoreFacetRange' && isExpanded && /*#__PURE__*/jsx_runtime_.jsx(FilterFacetRange/* default */.Z, {
460
- facetKey: facet.key,
461
- min: facet.min,
462
- max: facet.max,
463
- formatter: useFormattedPrice/* useFormattedPrice */.P,
464
- onFacetChange: facet => dispatch({
465
- type: 'setFacet',
466
- payload: {
467
- facet,
468
- unique: true
469
- }
470
- })
471
- })]
472
- }, `${testId}-${label}-${index}`);
473
- })
474
- })
475
- });
476
- }
477
-
478
- /* harmony default export */ const search_Filter_FilterSlider = (FilterSlider_FilterSlider);
479
-
480
- /***/ }),
481
-
482
- /***/ 11558:
483
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
484
-
485
- "use strict";
486
-
487
- // EXPORTS
488
- __webpack_require__.d(__webpack_exports__, {
489
- "C": () => (/* reexport */ search_Filter_Filter)
490
- });
491
-
492
- // UNUSED EXPORTS: FilterSlider
493
-
494
- // EXTERNAL MODULE: ../components/dist/hooks/UIProvider.js
495
- var UIProvider = __webpack_require__(90395);
496
- // EXTERNAL MODULE: external "react"
497
- var external_react_ = __webpack_require__(16689);
498
- // EXTERNAL MODULE: ../sdk/dist/search/useSearch.js + 1 modules
499
- var useSearch = __webpack_require__(73221);
500
- // EXTERNAL MODULE: ../sdk/dist/search/facets.js
501
- var search_facets = __webpack_require__(9664);
502
- // EXTERNAL MODULE: ../components/dist/organisms/Filter/Filter.js
503
- var Filter = __webpack_require__(10939);
504
- // EXTERNAL MODULE: ../components/dist/organisms/Filter/FilterFacets.js
505
- var FilterFacets = __webpack_require__(40226);
506
- // EXTERNAL MODULE: ../components/dist/organisms/Filter/FilterFacetBoolean.js
507
- var FilterFacetBoolean = __webpack_require__(46569);
508
- // EXTERNAL MODULE: ../components/dist/organisms/Filter/FilterFacetBooleanItem.js + 1 modules
509
- var FilterFacetBooleanItem = __webpack_require__(86854);
510
- // EXTERNAL MODULE: ../components/dist/organisms/Filter/FilterFacetRange.js + 2 modules
511
- var FilterFacetRange = __webpack_require__(87375);
512
- // EXTERNAL MODULE: ./src/sdk/product/useFormattedPrice.ts
513
- var useFormattedPrice = __webpack_require__(95346);
514
- // EXTERNAL MODULE: external "react/jsx-runtime"
515
- var jsx_runtime_ = __webpack_require__(20997);
516
- ;// CONCATENATED MODULE: ./src/components/search/Filter/FilterDesktop.tsx
517
- 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; }
518
-
519
- 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; }
520
-
521
- 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; }
522
-
523
-
524
-
525
-
526
-
527
-
528
-
529
- function FilterDesktop({
530
- facets,
531
- testId,
532
- dispatch,
533
- expanded,
534
- title
535
- }) {
536
- const {
537
- resetInfiniteScroll,
538
- state,
539
- setState
540
- } = (0,useSearch/* useSearch */.R)();
541
- return /*#__PURE__*/jsx_runtime_.jsx(Filter/* default */.Z, {
542
- testId: `desktop-${testId}`,
543
- title: title,
544
- indicesExpanded: expanded,
545
- onAccordionChange: idx => dispatch({
546
- type: 'toggleExpanded',
547
- payload: idx
548
- }),
549
- children: facets.map((facet, index) => {
550
- const {
551
- __typename: type,
552
- label
553
- } = facet;
554
- const isExpanded = expanded.has(index);
555
- return /*#__PURE__*/(0,jsx_runtime_.jsxs)(FilterFacets/* default */.Z, {
556
- testId: testId,
557
- index: index,
558
- type: type,
559
- label: label,
560
- children: [type === 'StoreFacetBoolean' && isExpanded && /*#__PURE__*/jsx_runtime_.jsx(FilterFacetBoolean/* default */.Z, {
561
- children: facet.values.map(item => /*#__PURE__*/jsx_runtime_.jsx(FilterFacetBooleanItem/* default */.Z, {
562
- id: `${testId}-${facet.label}-${item.label}`,
563
- testId: testId,
564
- onFacetChange: facet => {
565
- setState(_objectSpread(_objectSpread({}, state), {}, {
566
- selectedFacets: (0,search_facets/* toggleFacet */.wB)(state.selectedFacets, facet),
567
- page: 0
568
- }));
569
- resetInfiniteScroll(0);
570
- },
571
- selected: item.selected,
572
- value: item.value,
573
- quantity: item.quantity,
574
- facetKey: facet.key,
575
- label: item.label
576
- }, `${testId}-${facet.label}-${item.label}`))
577
- }), type === 'StoreFacetRange' && isExpanded && /*#__PURE__*/jsx_runtime_.jsx(FilterFacetRange/* default */.Z, {
578
- facetKey: facet.key,
579
- min: facet.min,
580
- max: facet.max,
581
- formatter: useFormattedPrice/* useFormattedPrice */.P,
582
- onFacetChange: facet => {
583
- setState(_objectSpread(_objectSpread({}, state), {}, {
584
- selectedFacets: (0,search_facets/* setFacet */.uL)(state.selectedFacets, facet, true),
585
- page: 0
586
- }));
587
- resetInfiniteScroll(0);
588
- }
589
- })]
590
- }, `${testId}-${label}-${index}`);
591
- })
592
- });
593
- }
594
-
595
- /* harmony default export */ const Filter_FilterDesktop = (FilterDesktop);
596
- ;// CONCATENATED MODULE: ./src/components/search/Filter/useFilter.ts
597
- const _excluded = ["value"];
598
-
599
- 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; }
600
-
601
- 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; }
602
-
603
- function useFilter_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
604
-
605
- function useFilter_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? useFilter_ownKeys(Object(source), !0).forEach(function (key) { useFilter_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : useFilter_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
606
-
607
- function useFilter_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
608
-
609
-
610
-
611
-
612
- const reducer = (state, action) => {
613
- const {
614
- expanded,
615
- selected
616
- } = state;
617
- const {
618
- type,
619
- payload
620
- } = action;
621
-
622
- switch (type) {
623
- case 'toggleExpanded':
624
- {
625
- if (expanded.has(payload)) {
626
- expanded.delete(payload);
627
- } else {
628
- expanded.add(payload);
629
- }
630
-
631
- return useFilter_objectSpread(useFilter_objectSpread({}, state), {}, {
632
- expanded: new Set(expanded)
633
- });
634
- }
635
-
636
- case 'selectFacets':
637
- {
638
- if (payload !== selected) {
639
- return useFilter_objectSpread(useFilter_objectSpread({}, state), {}, {
640
- selected: payload
641
- });
642
- }
643
-
644
- break;
645
- }
646
-
647
- case 'toggleFacet':
648
- {
649
- return useFilter_objectSpread(useFilter_objectSpread({}, state), {}, {
650
- selected: (0,search_facets/* toggleFacet */.wB)(state.selected, payload)
651
- });
652
- }
653
-
654
- case 'setFacet':
655
- {
656
- return useFilter_objectSpread(useFilter_objectSpread({}, state), {}, {
657
- selected: (0,search_facets/* setFacet */.uL)(state.selected, payload.facet, payload.unique)
658
- });
659
- }
660
-
661
- default:
662
- throw new Error(`Action ${type} not implemented`);
663
- }
664
-
665
- return state;
666
- };
667
-
668
- const useFilter = allFacets => {
669
- const {
670
- state: {
671
- selectedFacets
672
- }
673
- } = (0,useSearch/* useSearch */.R)();
674
- const {
675
- 0: {
676
- selected,
677
- expanded
678
- },
679
- 1: dispatch
680
- } = (0,external_react_.useReducer)(reducer, null, () => ({
681
- expanded: new Set([]),
682
- selected: selectedFacets
683
- }));
684
- const selectedMap = (0,external_react_.useMemo)(() => selected.reduce((acc, facet) => {
685
- if (!acc.has(facet.key)) {
686
- acc.set(facet.key, new Map());
687
- }
688
-
689
- acc.get(facet.key)?.set(facet.value, facet);
690
- return acc;
691
- }, new Map()), [selected]);
692
- const facets = (0,external_react_.useMemo)(() => allFacets.map(facet => {
693
- if (facet.__typename === 'StoreFacetBoolean') {
694
- return useFilter_objectSpread(useFilter_objectSpread({}, facet), {}, {
695
- values: facet.values.map(_ref => {
696
- let {
697
- value
698
- } = _ref,
699
- rest = _objectWithoutProperties(_ref, _excluded);
700
-
701
- return useFilter_objectSpread(useFilter_objectSpread({}, rest), {}, {
702
- value,
703
- selected: Boolean(selectedMap.get(facet.key)?.has(value))
704
- });
705
- })
706
- });
707
- }
708
-
709
- return facet;
710
- }), [allFacets, selectedMap]);
711
- (0,external_react_.useEffect)(() => {
712
- dispatch({
713
- type: 'selectFacets',
714
- payload: selectedFacets
715
- });
716
- }, [selectedFacets]);
717
- return {
718
- facets,
719
- selected,
720
- expanded,
721
- dispatch
722
- };
723
- };
724
- ;// CONCATENATED MODULE: ./src/components/search/Filter/Filter.tsx
725
- function Filter_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
726
-
727
- function Filter_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? Filter_ownKeys(Object(source), !0).forEach(function (key) { Filter_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : Filter_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
728
-
729
- function Filter_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; }
730
-
731
-
732
-
733
-
734
-
735
-
736
-
737
-
738
- const FilterSlider = /*#__PURE__*/(0,external_react_.lazy)(() => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 94256)));
739
-
740
- function Filter_Filter({
741
- facets: allFacets,
742
- testId = 'fs-filter',
743
- filter: filterCmsData
744
- }) {
745
- const filter = useFilter(allFacets);
746
- const {
747
- filter: displayFilter
748
- } = (0,UIProvider/* useUI */.l)();
749
- return /*#__PURE__*/(0,jsx_runtime_.jsxs)(jsx_runtime_.Fragment, {
750
- children: [/*#__PURE__*/jsx_runtime_.jsx("div", {
751
- className: "hidden-mobile",
752
- children: /*#__PURE__*/jsx_runtime_.jsx(Filter_FilterDesktop, Filter_objectSpread(Filter_objectSpread({}, filter), {}, {
753
- testId: testId,
754
- title: filterCmsData?.title
755
- }))
756
- }), displayFilter && /*#__PURE__*/jsx_runtime_.jsx(external_react_.Suspense, {
757
- fallback: null,
758
- children: /*#__PURE__*/jsx_runtime_.jsx(FilterSlider, Filter_objectSpread(Filter_objectSpread({}, filter), {}, {
759
- testId: testId,
760
- title: filterCmsData?.title,
761
- clearButtonLabel: filterCmsData?.mobileOnly?.clearButtonLabel,
762
- applyButtonLabel: filterCmsData?.mobileOnly?.applyButtonLabel
763
- }))
764
- })]
765
- });
766
- }
767
-
768
- const fragment = "unknown";
769
- /* harmony default export */ const search_Filter_Filter = (Filter_Filter);
770
- // EXTERNAL MODULE: ./src/components/search/Filter/FilterSlider.tsx + 1 modules
771
- var Filter_FilterSlider = __webpack_require__(94256);
772
- ;// CONCATENATED MODULE: ./src/components/search/Filter/index.ts
773
-
774
-
775
-
776
- /***/ }),
777
-
778
- /***/ 93532:
779
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
780
-
781
- "use strict";
782
-
783
- // EXPORTS
784
- __webpack_require__.d(__webpack_exports__, {
785
- "Z": () => (/* reexport */ Sort_Sort)
786
- });
787
-
788
- // EXTERNAL MODULE: ../sdk/dist/search/useSearch.js + 1 modules
789
- var useSearch = __webpack_require__(73221);
790
- // EXTERNAL MODULE: external "react"
791
- var external_react_ = __webpack_require__(16689);
792
- var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
793
- // EXTERNAL MODULE: ../components/dist/atoms/Label/Label.js
794
- var Label = __webpack_require__(57216);
795
- // EXTERNAL MODULE: ../components/dist/atoms/Icon/Icon.js
796
- var Icon = __webpack_require__(25045);
797
- ;// CONCATENATED MODULE: ../components/dist/atoms/Select/Select.js
798
-
799
-
800
- const Select = (0,external_react_.forwardRef)(function Select({ options, id, testId = 'fs-select', ...otherProps }, ref) {
801
- return (external_react_default().createElement("div", { "data-fs-select": true },
802
- external_react_default().createElement("select", { ref: ref, id: id, "data-testid": testId, ...otherProps }, Object.keys(options).map((key) => (external_react_default().createElement("option", { key: key, value: key }, options[key])))),
803
- external_react_default().createElement(Icon/* default */.Z, { "data-fs-select-icon": true, name: "CaretDown" })));
804
- });
805
- /* harmony default export */ const Select_Select = (Select);
806
- //# sourceMappingURL=Select.js.map
807
- ;// CONCATENATED MODULE: ../components/dist/molecules/SelectField/SelectField.js
808
-
809
-
810
- const SelectField = (0,external_react_.forwardRef)(function SelectField({ id, label, options, testId = 'fs-select-field', ...otherProps }, ref) {
811
- return (external_react_default().createElement("div", { ref: ref, "data-fs-select-field": true },
812
- external_react_default().createElement(Label/* default */.Z, { "data-fs-select-field-label": true, htmlFor: id }, label),
813
- external_react_default().createElement(Select_Select, { id: id, options: options, "data-testid": testId, ...otherProps })));
814
- });
815
- /* harmony default export */ const SelectField_SelectField = (SelectField);
816
- //# sourceMappingURL=SelectField.js.map
817
- // EXTERNAL MODULE: external "react/jsx-runtime"
818
- var jsx_runtime_ = __webpack_require__(20997);
819
- ;// CONCATENATED MODULE: ./src/components/search/Sort/Sort.tsx
820
- 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; }
821
-
822
- 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; }
823
-
824
- 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; }
825
-
826
-
827
-
828
-
829
- const OptionsMap = {
830
- price_desc: 'Price, descending',
831
- price_asc: 'Price, ascending',
832
- orders_desc: 'Top sales',
833
- name_asc: 'Name, A-Z',
834
- name_desc: 'Name, Z-A',
835
- release_desc: 'Release date',
836
- discount_desc: 'Discount',
837
- score_desc: 'Relevance'
838
- };
839
- const keys = Object.keys(OptionsMap);
840
-
841
- function Sort({
842
- label = 'Sort by',
843
- options = OptionsMap
844
- }) {
845
- const {
846
- state,
847
- setState
848
- } = (0,useSearch/* useSearch */.R)();
849
- const optionsMap = Object.keys(options).reduce((acc, currentKey) => {
850
- acc[currentKey] = options[currentKey] ?? OptionsMap[currentKey];
851
- return acc;
852
- }, {});
853
- return /*#__PURE__*/jsx_runtime_.jsx(SelectField_SelectField, {
854
- id: "sort-select",
855
- className: "sort / text__title-mini-alt",
856
- label: label,
857
- options: optionsMap,
858
- onChange: e => {
859
- const sort = keys[e.target.selectedIndex];
860
- setState(_objectSpread(_objectSpread({}, state), {}, {
861
- sort,
862
- page: 0
863
- }));
864
- },
865
- value: state.sort,
866
- testId: "search-sort"
867
- });
868
- }
869
-
870
- /* harmony default export */ const Sort_Sort = (Sort);
871
- ;// CONCATENATED MODULE: ./src/components/search/Sort/index.ts
872
-
873
-
874
- /***/ }),
875
-
876
- /***/ 95878:
877
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
878
-
879
- "use strict";
880
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
881
- /* harmony export */ "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
882
- /* harmony export */ });
883
- /* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7434);
884
- /* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(25045);
885
- /* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(67703);
886
- /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
887
- /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
888
-
889
-
890
-
891
-
892
- function EmptyGallery() {
893
- return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_faststore_ui__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, {
894
- variant: "rounded",
895
- title: "Nothing matches with your search",
896
- titleIcon: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
897
- name: "CircleWavyWarning",
898
- width: 56,
899
- height: 56,
900
- weight: "thin"
901
- }),
902
- children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
903
- href: "/office",
904
- variant: "secondary",
905
- icon: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
906
- name: "CircleWavyWarning",
907
- width: 18,
908
- height: 18,
909
- weight: "bold"
910
- }),
911
- iconPosition: "left",
912
- children: "Browse Offers"
913
- }), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
914
- href: "/technology",
915
- variant: "secondary",
916
- icon: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
917
- name: "RocketLaunch",
918
- width: 18,
919
- height: 18,
920
- weight: "bold"
921
- }),
922
- iconPosition: "left",
923
- children: "Just Arrived"
924
- })]
925
- });
926
- }
927
-
928
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (EmptyGallery);
929
-
930
- /***/ }),
931
-
932
- /***/ 58273:
933
- /***/ ((module, __webpack_exports__, __webpack_require__) => {
934
-
935
- "use strict";
936
- __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
937
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
938
- /* harmony export */ "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
939
- /* harmony export */ });
940
- /* harmony import */ var src_sdk_tests_mark__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(82541);
941
- /* harmony import */ var src_components_ui_ProductGallery_ProductGallery__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(25333);
942
- /* harmony import */ var _Section__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(57067);
943
- /* harmony import */ var _EmptyGallery__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(95878);
944
- /* harmony import */ var _section_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(44614);
945
- /* harmony import */ var _section_module_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_section_module_scss__WEBPACK_IMPORTED_MODULE_6__);
946
- /* harmony import */ var _useGalleryQuery__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(93840);
947
- /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(20997);
948
- /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__);
949
- var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([src_components_ui_ProductGallery_ProductGallery__WEBPACK_IMPORTED_MODULE_1__, _useGalleryQuery__WEBPACK_IMPORTED_MODULE_4__]);
950
- ([src_components_ui_ProductGallery_ProductGallery__WEBPACK_IMPORTED_MODULE_1__, _useGalleryQuery__WEBPACK_IMPORTED_MODULE_4__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
951
- const _excluded = ["context"];
952
-
953
- 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; }
954
-
955
- 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; }
956
-
957
- 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; }
958
-
959
- 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; }
960
-
961
- 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; }
962
-
963
-
964
-
965
-
966
-
967
-
968
-
969
-
970
-
971
- const isSearch = x => x === undefined || x?.title != undefined || x?.searchTerm != undefined;
972
-
973
- const isCollection = x => x?.seo != undefined && x?.seo != null && x?.sku == undefined;
974
-
975
- function ProductGallerySection(_ref) {
976
- let {
977
- context
978
- } = _ref,
979
- otherProps = _objectWithoutProperties(_ref, _excluded);
980
-
981
- const [title, searchTerm] = isSearch(context) ? [context?.title, context?.searchTerm] : isCollection(context) ? [context?.seo?.title] : [''];
982
- const {
983
- data: productGalleryData
984
- } = (0,_useGalleryQuery__WEBPACK_IMPORTED_MODULE_4__/* .useGalleryQuery */ .r)();
985
- const totalCount = productGalleryData?.search.products.pageInfo.totalCount ?? 0;
986
-
987
- if (productGalleryData && totalCount === 0) {
988
- return /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx(_Section__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
989
- className: `${(_section_module_scss__WEBPACK_IMPORTED_MODULE_6___default().section)} section-product-gallery layout__content`,
990
- children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx("section", {
991
- "data-testid": "product-gallery",
992
- "data-fs-product-listing": true,
993
- children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx(_EmptyGallery__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {})
994
- })
995
- });
996
- }
997
-
998
- return /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx(_Section__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
999
- className: `${(_section_module_scss__WEBPACK_IMPORTED_MODULE_6___default().section)} section-product-gallery layout__content-full`,
1000
- children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx(src_components_ui_ProductGallery_ProductGallery__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, _objectSpread({
1001
- title: title,
1002
- searchTerm: searchTerm,
1003
- productGalleryData: productGalleryData,
1004
- totalCount: totalCount
1005
- }, otherProps))
1006
- });
1007
- }
1008
-
1009
- ProductGallerySection.displayName = 'ProductGallery';
1010
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,src_sdk_tests_mark__WEBPACK_IMPORTED_MODULE_0__/* .mark */ .B)(ProductGallerySection));
1011
- __webpack_async_result__();
1012
- } catch(e) { __webpack_async_result__(e); } });
1013
-
1014
- /***/ }),
1015
-
1016
- /***/ 82618:
1017
- /***/ ((module, __webpack_exports__, __webpack_require__) => {
1018
-
1019
- "use strict";
1020
- __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
1021
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
1022
- /* harmony export */ "Z": () => (/* reexport safe */ _ProductGallery__WEBPACK_IMPORTED_MODULE_0__.Z)
1023
- /* harmony export */ });
1024
- /* harmony import */ var _ProductGallery__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(58273);
1025
- var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_ProductGallery__WEBPACK_IMPORTED_MODULE_0__]);
1026
- _ProductGallery__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
1027
-
1028
- __webpack_async_result__();
1029
- } catch(e) { __webpack_async_result__(e); } });
1030
-
1031
- /***/ }),
1032
-
1033
- /***/ 93840:
1034
- /***/ ((module, __webpack_exports__, __webpack_require__) => {
1035
-
1036
- "use strict";
1037
- __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
1038
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
1039
- /* harmony export */ "r": () => (/* binding */ useGalleryQuery)
1040
- /* harmony export */ });
1041
- /* unused harmony export query */
1042
- /* harmony import */ var _faststore_sdk__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(73221);
1043
- /* harmony import */ var src_sdk_graphql_useQuery__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(77732);
1044
- /* harmony import */ var _sdk_product_useProductsQuery__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(24867);
1045
- var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([src_sdk_graphql_useQuery__WEBPACK_IMPORTED_MODULE_0__, _sdk_product_useProductsQuery__WEBPACK_IMPORTED_MODULE_1__]);
1046
- ([src_sdk_graphql_useQuery__WEBPACK_IMPORTED_MODULE_0__, _sdk_product_useProductsQuery__WEBPACK_IMPORTED_MODULE_1__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
1047
-
1048
-
1049
-
1050
- /**
1051
- * This query is run on the browser and contains
1052
- * the current search state of the user
1053
- */
1054
-
1055
- const query = "ProductGalleryQuery";
1056
- const useGalleryQuery = () => {
1057
- const {
1058
- state: {
1059
- term,
1060
- sort,
1061
- selectedFacets
1062
- },
1063
- itemsPerPage
1064
- } = (0,_faststore_sdk__WEBPACK_IMPORTED_MODULE_2__/* .useSearch */ .R)();
1065
- const localizedVariables = (0,_sdk_product_useProductsQuery__WEBPACK_IMPORTED_MODULE_1__/* .useLocalizedVariables */ .yb)({
1066
- first: itemsPerPage,
1067
- after: '0',
1068
- sort,
1069
- term: term ?? '',
1070
- selectedFacets
1071
- });
1072
- return (0,src_sdk_graphql_useQuery__WEBPACK_IMPORTED_MODULE_0__/* .useQuery */ .aM)(query, localizedVariables);
1073
- };
1074
- __webpack_async_result__();
1075
- } catch(e) { __webpack_async_result__(e); } });
1076
-
1077
- /***/ }),
1078
-
1079
- /***/ 25473:
1080
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
1081
-
1082
- "use strict";
1083
-
1084
- // EXPORTS
1085
- __webpack_require__.d(__webpack_exports__, {
1086
- "Z": () => (/* reexport */ FilterSkeleton_FilterSkeleton)
1087
- });
1088
-
1089
- // EXTERNAL MODULE: ../components/dist/atoms/Skeleton/Skeleton.js
1090
- var Skeleton = __webpack_require__(2928);
1091
- // EXTERNAL MODULE: external "react/jsx-runtime"
1092
- var jsx_runtime_ = __webpack_require__(20997);
1093
- ;// CONCATENATED MODULE: ./src/components/skeletons/FilterSkeleton/FilterSkeleton.tsx
1094
-
1095
-
1096
-
1097
-
1098
-
1099
- function FilterSkeleton({
1100
- children,
1101
- loading = true
1102
- }) {
1103
- return loading ? /*#__PURE__*/(0,jsx_runtime_.jsxs)("div", {
1104
- "data-fs-filter-skeleton": true,
1105
- children: [/*#__PURE__*/jsx_runtime_.jsx(Skeleton/* default */.Z, {
1106
- "data-fs-filter-skeleton-text": true,
1107
- size: {
1108
- width: '100%',
1109
- height: '1.5rem'
1110
- }
1111
- }), /*#__PURE__*/(0,jsx_runtime_.jsxs)("div", {
1112
- "data-fs-filter-skeleton-content": true,
1113
- children: [/*#__PURE__*/jsx_runtime_.jsx(Skeleton/* default */.Z, {
1114
- "data-fs-filter-skeleton-text": true,
1115
- size: {
1116
- width: '100%',
1117
- height: '1.5rem'
1118
- },
1119
- shimmer: false
1120
- }), /*#__PURE__*/jsx_runtime_.jsx(Skeleton/* default */.Z, {
1121
- "data-fs-filter-skeleton-text": true,
1122
- size: {
1123
- width: '100%',
1124
- height: '1.5rem'
1125
- },
1126
- shimmer: false
1127
- }), /*#__PURE__*/jsx_runtime_.jsx(Skeleton/* default */.Z, {
1128
- "data-fs-filter-skeleton-text": true,
1129
- size: {
1130
- width: '100%',
1131
- height: '1.5rem'
1132
- },
1133
- shimmer: false
1134
- })]
1135
- })]
1136
- }) : /*#__PURE__*/jsx_runtime_.jsx(jsx_runtime_.Fragment, {
1137
- children: children
1138
- });
1139
- }
1140
-
1141
- /* harmony default export */ const FilterSkeleton_FilterSkeleton = (FilterSkeleton);
1142
- ;// CONCATENATED MODULE: ./src/components/skeletons/FilterSkeleton/index.ts
1143
-
1144
-
1145
- /***/ }),
1146
-
1147
- /***/ 89913:
1148
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
1149
-
1150
- "use strict";
1151
-
1152
- // EXPORTS
1153
- __webpack_require__.d(__webpack_exports__, {
1154
- "Z": () => (/* reexport */ ProductGridSkeleton_ProductGridSkeleton)
1155
- });
1156
-
1157
- // EXTERNAL MODULE: ./src/constants.ts
1158
- var constants = __webpack_require__(18459);
1159
- // EXTERNAL MODULE: ./src/components/skeletons/ProductCardSkeleton/index.ts + 1 modules
1160
- var ProductCardSkeleton = __webpack_require__(73288);
1161
- // EXTERNAL MODULE: external "react/jsx-runtime"
1162
- var jsx_runtime_ = __webpack_require__(20997);
1163
- ;// CONCATENATED MODULE: ./src/components/skeletons/ProductGridSkeleton/ProductGridSkeleton.tsx
1164
-
1165
-
1166
-
1167
-
1168
-
1169
- function ProductGridSkeleton({
1170
- children,
1171
- aspectRatio,
1172
- loading = true
1173
- }) {
1174
- return loading ? /*#__PURE__*/jsx_runtime_.jsx("ul", {
1175
- "data-fs-product-grid": true,
1176
- children: Array.from({
1177
- length: constants/* ITEMS_PER_PAGE */.g
1178
- }, (_, index) => /*#__PURE__*/jsx_runtime_.jsx("li", {
1179
- children: /*#__PURE__*/jsx_runtime_.jsx(ProductCardSkeleton/* default */.Z, {
1180
- aspectRatio: aspectRatio,
1181
- bordered: true
1182
- })
1183
- }, String(index)))
1184
- }) : /*#__PURE__*/jsx_runtime_.jsx(jsx_runtime_.Fragment, {
1185
- children: children
1186
- });
1187
- }
1188
-
1189
- /* harmony default export */ const ProductGridSkeleton_ProductGridSkeleton = (ProductGridSkeleton);
1190
- ;// CONCATENATED MODULE: ./src/components/skeletons/ProductGridSkeleton/index.ts
1191
-
1192
-
1193
- /***/ }),
1194
-
1195
- /***/ 25333:
1196
- /***/ ((module, __webpack_exports__, __webpack_require__) => {
1197
-
1198
- "use strict";
1199
- __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
1200
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
1201
- /* harmony export */ "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
1202
- /* harmony export */ });
1203
- /* harmony import */ var _faststore_sdk__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(73221);
1204
- /* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(2928);
1205
- /* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(57578);
1206
- /* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(67703);
1207
- /* harmony import */ var next_seo__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(16641);
1208
- /* harmony import */ var next_seo__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(next_seo__WEBPACK_IMPORTED_MODULE_0__);
1209
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(16689);
1210
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
1211
- /* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(90395);
1212
- /* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(25045);
1213
- /* harmony import */ var src_components_search_Filter__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(11558);
1214
- /* harmony import */ var src_components_search_Sort__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(93532);
1215
- /* harmony import */ var src_components_skeletons_FilterSkeleton__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(25473);
1216
- /* harmony import */ var src_components_skeletons_ProductGridSkeleton__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(89913);
1217
- /* harmony import */ var _useDelayedFacets__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(6341);
1218
- /* harmony import */ var _useDelayedPagination__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(77184);
1219
- /* harmony import */ var _usePageProducts__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(49521);
1220
- /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(20997);
1221
- /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__);
1222
- var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_usePageProducts__WEBPACK_IMPORTED_MODULE_8__]);
1223
- _usePageProducts__WEBPACK_IMPORTED_MODULE_8__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
1224
-
1225
-
1226
-
1227
-
1228
-
1229
-
1230
-
1231
-
1232
-
1233
-
1234
-
1235
-
1236
-
1237
-
1238
- const GalleryPage = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.lazy)(() => Promise.all(/* import() */[__webpack_require__.e(854), __webpack_require__.e(280), __webpack_require__.e(289)]).then(__webpack_require__.bind(__webpack_require__, 75289)));
1239
-
1240
- const GalleryPageSkeleton = /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx(src_components_skeletons_ProductGridSkeleton__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
1241
- loading: true
1242
- });
1243
-
1244
- function ProductGallery({
1245
- title,
1246
- searchTerm,
1247
- productGalleryData,
1248
- totalCount,
1249
- searchTermLabel,
1250
- totalCountLabel,
1251
- filter,
1252
- previousPageButton,
1253
- loadMorePageButton,
1254
- sortBySelector,
1255
- productCard
1256
- }) {
1257
- const {
1258
- openFilter
1259
- } = (0,_faststore_ui__WEBPACK_IMPORTED_MODULE_10__/* .useUI */ .l)();
1260
- const {
1261
- pages,
1262
- addNextPage,
1263
- addPrevPage
1264
- } = (0,_faststore_sdk__WEBPACK_IMPORTED_MODULE_11__/* .useSearch */ .R)();
1265
- const facets = (0,_useDelayedFacets__WEBPACK_IMPORTED_MODULE_6__/* .useDelayedFacets */ .u)(productGalleryData);
1266
- const {
1267
- next,
1268
- prev
1269
- } = (0,_useDelayedPagination__WEBPACK_IMPORTED_MODULE_7__/* .useDelayedPagination */ .g)(totalCount);
1270
- (0,_usePageProducts__WEBPACK_IMPORTED_MODULE_8__/* .useProductsPrefetch */ .F)(prev ? prev.cursor : null);
1271
- (0,_usePageProducts__WEBPACK_IMPORTED_MODULE_8__/* .useProductsPrefetch */ .F)(next ? next.cursor : null);
1272
- return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("section", {
1273
- "data-testid": "product-gallery",
1274
- "data-fs-product-listing": true,
1275
- children: [searchTerm && /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx("header", {
1276
- "data-fs-product-listing-search-term": true,
1277
- className: "layout__content",
1278
- children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("h1", {
1279
- children: [searchTermLabel, " ", /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx("span", {
1280
- children: searchTerm
1281
- })]
1282
- })
1283
- }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div", {
1284
- "data-fs-product-listing-content-grid": true,
1285
- className: "layout__content",
1286
- children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx("div", {
1287
- "data-fs-product-listing-filters": true,
1288
- children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx(src_components_skeletons_FilterSkeleton__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
1289
- loading: facets?.length === 0,
1290
- children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx(src_components_search_Filter__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .C, {
1291
- facets: facets,
1292
- filter: filter
1293
- })
1294
- })
1295
- }), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx("div", {
1296
- "data-fs-product-listing-results-count": true,
1297
- "data-count": totalCount,
1298
- children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_12__/* ["default"] */ .Z, {
1299
- "data-fs-product-listing-results-count-skeleton": true,
1300
- loading: !productGalleryData,
1301
- size: {
1302
- width: '100%',
1303
- height: '1.5rem'
1304
- },
1305
- children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("h2", {
1306
- "data-testid": "total-product-count",
1307
- children: [totalCount, " ", totalCountLabel]
1308
- })
1309
- })
1310
- }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div", {
1311
- "data-fs-product-listing-sort": true,
1312
- children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_12__/* ["default"] */ .Z, {
1313
- "data-fs-product-listing-sort-skeleton": true,
1314
- loading: facets?.length === 0,
1315
- size: {
1316
- width: 'auto',
1317
- height: '1.5rem'
1318
- },
1319
- children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx(src_components_search_Sort__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
1320
- label: sortBySelector?.label,
1321
- options: sortBySelector?.options
1322
- })
1323
- }), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_12__/* ["default"] */ .Z, {
1324
- "data-fs-product-listing-filter-button-skeleton": true,
1325
- loading: facets?.length === 0,
1326
- size: {
1327
- width: '6rem',
1328
- height: '1.5rem'
1329
- },
1330
- children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_13__/* ["default"] */ .Z, {
1331
- variant: "tertiary",
1332
- "data-testid": "open-filter-button",
1333
- icon: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_14__/* ["default"] */ .Z, {
1334
- name: filter?.mobileOnly?.filterButton?.icon?.icon,
1335
- "aria-label": filter?.mobileOnly?.filterButton?.icon?.alt,
1336
- width: 16,
1337
- height: 16
1338
- }),
1339
- iconPosition: "left",
1340
- onClick: openFilter,
1341
- children: filter?.mobileOnly?.filterButton?.label
1342
- })
1343
- })]
1344
- }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div", {
1345
- "data-fs-product-listing-results": true,
1346
- children: [prev !== false && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div", {
1347
- "data-fs-product-listing-pagination": "top",
1348
- children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx(next_seo__WEBPACK_IMPORTED_MODULE_0__.NextSeo, {
1349
- additionalLinkTags: [{
1350
- rel: 'prev',
1351
- href: prev.link
1352
- }]
1353
- }), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_15__/* ["default"] */ .Z, {
1354
- onClick: e => {
1355
- e.currentTarget.blur();
1356
- e.preventDefault();
1357
- addPrevPage();
1358
- },
1359
- href: prev.link,
1360
- rel: "prev",
1361
- variant: "secondary",
1362
- iconPosition: "left",
1363
- icon: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_14__/* ["default"] */ .Z, {
1364
- name: previousPageButton?.icon?.icon,
1365
- "aria-label": previousPageButton?.icon?.alt ?? previousPageButton?.label,
1366
- width: 16,
1367
- height: 16,
1368
- weight: "bold"
1369
- }),
1370
- children: previousPageButton?.label
1371
- })]
1372
- }), productGalleryData ? /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx(react__WEBPACK_IMPORTED_MODULE_1__.Suspense, {
1373
- fallback: GalleryPageSkeleton,
1374
- children: pages.map(page => /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx(GalleryPage, {
1375
- page: page,
1376
- title: title,
1377
- productCard: productCard
1378
- }, `gallery-page-${page}`))
1379
- }) : GalleryPageSkeleton, next !== false && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div", {
1380
- "data-fs-product-listing-pagination": "bottom",
1381
- children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx(next_seo__WEBPACK_IMPORTED_MODULE_0__.NextSeo, {
1382
- additionalLinkTags: [{
1383
- rel: 'next',
1384
- href: next.link
1385
- }]
1386
- }), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_15__/* ["default"] */ .Z, {
1387
- testId: "show-more",
1388
- onClick: e => {
1389
- e.currentTarget.blur();
1390
- e.preventDefault();
1391
- addNextPage();
1392
- },
1393
- href: next.link,
1394
- rel: "next",
1395
- variant: "secondary",
1396
- children: loadMorePageButton?.label
1397
- })]
1398
- })]
1399
- })]
1400
- })]
1401
- });
1402
- }
1403
-
1404
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProductGallery);
1405
- __webpack_async_result__();
1406
- } catch(e) { __webpack_async_result__(e); } });
1407
-
1408
- /***/ }),
1409
-
1410
- /***/ 6341:
1411
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
1412
-
1413
- "use strict";
1414
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
1415
- /* harmony export */ "u": () => (/* binding */ useDelayedFacets)
1416
- /* harmony export */ });
1417
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(16689);
1418
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1419
-
1420
- const useDelayedFacets = data => {
1421
- const facets = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)([]);
1422
- return (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => {
1423
- if (data) {
1424
- facets.current = data.search.facets;
1425
- }
1426
-
1427
- return facets.current;
1428
- }, [data, facets]);
1429
- };
1430
-
1431
- /***/ }),
1432
-
1433
- /***/ 77184:
1434
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
1435
-
1436
- "use strict";
1437
-
1438
- // EXPORTS
1439
- __webpack_require__.d(__webpack_exports__, {
1440
- "g": () => (/* binding */ useDelayedPagination)
1441
- });
1442
-
1443
- // EXTERNAL MODULE: external "react"
1444
- var external_react_ = __webpack_require__(16689);
1445
- // EXTERNAL MODULE: ../sdk/dist/utils/format.js
1446
- var format = __webpack_require__(72339);
1447
- // EXTERNAL MODULE: ../sdk/dist/search/useSearch.js + 1 modules
1448
- var useSearch = __webpack_require__(73221);
1449
- ;// CONCATENATED MODULE: ../sdk/dist/search/usePagination.js
1450
-
1451
-
1452
-
1453
- const getLink = (state) => {
1454
- const { pathname, search } = (0,format/* default */.Z)(state);
1455
- return `${pathname}${search}`;
1456
- };
1457
- const usePagination = (totalItems) => {
1458
- const { pages, itemsPerPage, state } = (0,useSearch/* useSearch */.R)();
1459
- const total = Math.ceil(totalItems / itemsPerPage);
1460
- const next = Number(pages[pages.length - 1]) + 1;
1461
- const prev = pages[0] - 1;
1462
- return (0,external_react_.useMemo)(() => ({
1463
- next: next < total && {
1464
- cursor: next,
1465
- link: getLink({ ...state, page: next }),
1466
- },
1467
- prev: prev > -1 && {
1468
- cursor: prev,
1469
- link: getLink({ ...state, page: prev }),
1470
- },
1471
- }), [next, prev, state, total]);
1472
- };
1473
- //# sourceMappingURL=usePagination.js.map
1474
- ;// CONCATENATED MODULE: ./src/components/ui/ProductGallery/useDelayedPagination.ts
1475
-
1476
-
1477
- const useDelayedPagination = totalCount => {
1478
- const pagination = usePagination(totalCount);
1479
- const {
1480
- 0: pag,
1481
- 1: setPag
1482
- } = (0,external_react_.useState)(() => ({
1483
- next: false,
1484
- prev: false
1485
- }));
1486
- (0,external_react_.useEffect)(() => {
1487
- setPag(pagination);
1488
- }, [pagination]);
1489
- return pag;
1490
- };
1491
-
1492
- /***/ }),
1493
-
1494
- /***/ 49521:
1495
- /***/ ((module, __webpack_exports__, __webpack_require__) => {
1496
-
1497
- "use strict";
1498
- __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
1499
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
1500
- /* harmony export */ "F": () => (/* binding */ useProductsPrefetch),
1501
- /* harmony export */ "r": () => (/* binding */ useProducts)
1502
- /* harmony export */ });
1503
- /* harmony import */ var _faststore_sdk__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(73221);
1504
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(16689);
1505
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1506
- /* harmony import */ var src_sdk_product_useProductsQuery__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(24867);
1507
- var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([src_sdk_product_useProductsQuery__WEBPACK_IMPORTED_MODULE_1__]);
1508
- src_sdk_product_useProductsQuery__WEBPACK_IMPORTED_MODULE_1__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
1509
-
1510
-
1511
-
1512
- const useProductsPrefetch = page => {
1513
- const {
1514
- itemsPerPage,
1515
- state: {
1516
- sort,
1517
- term,
1518
- selectedFacets
1519
- }
1520
- } = (0,_faststore_sdk__WEBPACK_IMPORTED_MODULE_2__/* .useSearch */ .R)();
1521
- const prefetch = (0,src_sdk_product_useProductsQuery__WEBPACK_IMPORTED_MODULE_1__/* .useProductsQueryPrefetch */ .BG)({
1522
- first: itemsPerPage,
1523
- after: (itemsPerPage * (page ?? 0)).toString(),
1524
- sort,
1525
- term: term ?? '',
1526
- selectedFacets
1527
- });
1528
- (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
1529
- if (page !== null) {
1530
- prefetch();
1531
- }
1532
- }, [page, prefetch]);
1533
- };
1534
- const useProducts = page => {
1535
- const {
1536
- itemsPerPage,
1537
- state: {
1538
- sort,
1539
- term,
1540
- selectedFacets
1541
- }
1542
- } = (0,_faststore_sdk__WEBPACK_IMPORTED_MODULE_2__/* .useSearch */ .R)();
1543
- const productList = (0,src_sdk_product_useProductsQuery__WEBPACK_IMPORTED_MODULE_1__/* .useProductsQuery */ .kN)({
1544
- first: itemsPerPage,
1545
- after: (itemsPerPage * page).toString(),
1546
- sort,
1547
- term: term ?? '',
1548
- selectedFacets
1549
- }, {
1550
- suspense: true
1551
- });
1552
- return productList?.edges;
1553
- };
1554
- __webpack_async_result__();
1555
- } catch(e) { __webpack_async_result__(e); } });
1556
-
1557
- /***/ }),
1558
-
1559
- /***/ 41523:
1560
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
1561
-
1562
- "use strict";
1563
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
1564
- /* harmony export */ "j": () => (/* binding */ useApplySearchState)
1565
- /* harmony export */ });
1566
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(16689);
1567
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1568
- /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(71853);
1569
- /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(next_router__WEBPACK_IMPORTED_MODULE_1__);
1570
-
1571
-
1572
- const useApplySearchState = () => {
1573
- const router = (0,next_router__WEBPACK_IMPORTED_MODULE_1__.useRouter)();
1574
- return (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(url => router.push(`${url.pathname}${url.search}`), [router]);
1575
- };
1576
-
1577
- /***/ }),
1578
-
1579
- /***/ 65813:
1580
- /***/ ((module) => {
1581
-
1582
- // Exports
1583
- module.exports = {
1584
- "section": "section_section__QVEy3"
1585
- };
1586
-
1587
-
1588
- /***/ }),
1589
-
1590
- /***/ 44614:
1591
- /***/ ((module) => {
1592
-
1593
- // Exports
1594
- module.exports = {
1595
- "section": "section_section__EYj3x",
1596
- "loading": "section_loading__Bzogw"
1597
- };
1598
-
1599
-
1600
- /***/ }),
1601
-
1602
- /***/ 41197:
1603
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
1604
-
1605
- "use strict";
1606
-
1607
- // EXPORTS
1608
- __webpack_require__.d(__webpack_exports__, {
1609
- "_": () => (/* binding */ Context),
1610
- "z": () => (/* binding */ Provider)
1611
- });
1612
-
1613
- // EXTERNAL MODULE: external "react"
1614
- var external_react_ = __webpack_require__(16689);
1615
- var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
1616
- // EXTERNAL MODULE: ../sdk/dist/utils/error.js
1617
- var error = __webpack_require__(12254);
1618
- ;// CONCATENATED MODULE: ../sdk/dist/search/useInfiniteSearchState.js
1619
-
1620
-
1621
- const reducer = (state, action) => {
1622
- switch (action.type) {
1623
- case 'addPrev': {
1624
- const prev = state[0] - 1;
1625
- return [prev, ...state];
1626
- }
1627
- case 'addNext': {
1628
- const next = Number(state[state.length - 1]) + 1;
1629
- return [...state, next];
1630
- }
1631
- case 'reset': {
1632
- const { payload } = action;
1633
- return [payload];
1634
- }
1635
- default:
1636
- throw new error/* SDKError */.q('Unknown action for infinite search');
1637
- }
1638
- };
1639
- const useSearchInfiniteState = (initialPage) => {
1640
- const [pages, dispatch] = (0,external_react_.useReducer)(reducer, undefined, () => [initialPage]);
1641
- const actions = (0,external_react_.useMemo)(() => ({
1642
- addPrevPage: () => dispatch({ type: 'addPrev' }),
1643
- addNextPage: () => dispatch({ type: 'addNext' }),
1644
- resetInfiniteScroll: (page) => dispatch({ type: 'reset', payload: page }),
1645
- }), []);
1646
- return { pages, ...actions };
1647
- };
1648
- //# sourceMappingURL=useInfiniteSearchState.js.map
1649
- // EXTERNAL MODULE: ../sdk/dist/search/useSearchState.js
1650
- var useSearchState = __webpack_require__(12524);
1651
- ;// CONCATENATED MODULE: ../sdk/dist/search/Provider.js
1652
-
1653
-
1654
-
1655
- const Context = (0,external_react_.createContext)(undefined);
1656
- const Provider = ({ children, itemsPerPage, onChange, ...rest }) => {
1657
- const { state, ...searchActions } = (0,useSearchState/* useSearchState */.X)(rest, onChange);
1658
- const { pages, ...infiniteActions } = useSearchInfiniteState(state.page);
1659
- const value = (0,external_react_.useMemo)(() => ({
1660
- state,
1661
- ...searchActions,
1662
- pages,
1663
- ...infiniteActions,
1664
- itemsPerPage,
1665
- }), [infiniteActions, itemsPerPage, pages, searchActions, state]);
1666
- return external_react_default().createElement(Context.Provider, { value: value }, children);
1667
- };
1668
- //# sourceMappingURL=Provider.js.map
1669
-
1670
- /***/ }),
1671
-
1672
- /***/ 9664:
1673
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
1674
-
1675
- "use strict";
1676
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
1677
- /* harmony export */ "uL": () => (/* binding */ setFacet),
1678
- /* harmony export */ "wB": () => (/* binding */ toggleFacet),
1679
- /* harmony export */ "wb": () => (/* binding */ isSearchSort)
1680
- /* harmony export */ });
1681
- /* unused harmony exports removeFacet, toggleFacets */
1682
- /* harmony import */ var _utils_error__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(12254);
1683
-
1684
- const sortKeys = new Set([
1685
- 'price_desc',
1686
- 'price_asc',
1687
- 'orders_desc',
1688
- 'name_desc',
1689
- 'name_asc',
1690
- 'release_desc',
1691
- 'discount_desc',
1692
- 'score_desc',
1693
- ]);
1694
- const isSearchSort = (x) => sortKeys.has(x);
1695
- const removeFacet = (facets, facet) => {
1696
- const { value } = facet;
1697
- const index = facets.findIndex((x) => x.value === value);
1698
- if (index < 0) {
1699
- throw new _utils_error__WEBPACK_IMPORTED_MODULE_0__/* .SDKError */ .q(`Cannot remove ${value} from search params`);
1700
- }
1701
- return facets.filter((_, it) => it === 0 || it !== index);
1702
- };
1703
- const setFacet = (facets, facet, unique) => {
1704
- if (unique === true) {
1705
- const index = facets.findIndex((f) => f.key === facet.key);
1706
- if (index > -1) {
1707
- return facets.map((f, it) => (it === index ? facet : f));
1708
- }
1709
- }
1710
- return [...facets, facet];
1711
- };
1712
- const toggleFacet = (facets, item) => {
1713
- const found = facets.find((facet) => facet.key === item.key && facet.value === item.value);
1714
- if (found !== undefined) {
1715
- return removeFacet(facets, item);
1716
- }
1717
- return setFacet(facets, item, false);
1718
- };
1719
- const toggleFacets = (facets, items) => items.reduce((acc, curr) => toggleFacet(acc, curr), facets);
1720
- //# sourceMappingURL=facets.js.map
1721
-
1722
- /***/ }),
1723
-
1724
- /***/ 26142:
1725
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
1726
-
1727
- "use strict";
1728
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
1729
- /* harmony export */ "Q": () => (/* binding */ parse)
1730
- /* harmony export */ });
1731
- /* harmony import */ var _utils_error__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(12254);
1732
- /* harmony import */ var _facets__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9664);
1733
- /* harmony import */ var _useSearchState__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(12524);
1734
-
1735
-
1736
-
1737
- const parse = ({ pathname, searchParams }) => {
1738
- const state = (0,_useSearchState__WEBPACK_IMPORTED_MODULE_0__/* .initialize */ .j)({
1739
- base: pathname,
1740
- term: searchParams.get('q') ?? null,
1741
- sort: searchParams.get('sort') ?? undefined,
1742
- page: Number(searchParams.get('page') ?? 0),
1743
- });
1744
- if (!(0,_facets__WEBPACK_IMPORTED_MODULE_1__/* .isSearchSort */ .wb)(state.sort)) {
1745
- throw new _utils_error__WEBPACK_IMPORTED_MODULE_2__/* .SDKError */ .q(`Uknown sorting option ${state.sort}`);
1746
- }
1747
- const facets = searchParams.get('facets')?.split(',') ?? [];
1748
- for (const facet of facets) {
1749
- const values = searchParams.getAll(facet);
1750
- for (const value of values) {
1751
- state.selectedFacets = (0,_facets__WEBPACK_IMPORTED_MODULE_1__/* .setFacet */ .uL)(state.selectedFacets, {
1752
- key: facet,
1753
- value,
1754
- });
1755
- }
1756
- }
1757
- return state;
1758
- };
1759
- //# sourceMappingURL=serializer.js.map
1760
-
1761
- /***/ }),
1762
-
1763
- /***/ 73221:
1764
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
1765
-
1766
- "use strict";
1767
-
1768
- // EXPORTS
1769
- __webpack_require__.d(__webpack_exports__, {
1770
- "R": () => (/* binding */ useSearch)
1771
- });
1772
-
1773
- // EXTERNAL MODULE: ../sdk/dist/search/Provider.js + 1 modules
1774
- var Provider = __webpack_require__(41197);
1775
- // EXTERNAL MODULE: external "react"
1776
- var external_react_ = __webpack_require__(16689);
1777
- // EXTERNAL MODULE: ../sdk/dist/utils/error.js
1778
- var error = __webpack_require__(12254);
1779
- ;// CONCATENATED MODULE: ../sdk/dist/utils/useContext.js
1780
-
1781
-
1782
- /**
1783
- * @description Like React.useContext but throws when the context's value === undefined.
1784
- * This is useful when you want to force the context to be present in the React's tree before using it
1785
- */
1786
- const useContext = (context) => {
1787
- const value = (0,external_react_.useContext)(context);
1788
- if (value === undefined) {
1789
- throw new error/* SDKError */.q(`${context.displayName ?? 'Context'} needs to be on the React tree`);
1790
- }
1791
- return value;
1792
- };
1793
- //# sourceMappingURL=useContext.js.map
1794
- ;// CONCATENATED MODULE: ../sdk/dist/search/useSearch.js
1795
-
1796
-
1797
- const useSearch = () => useContext(Provider/* Context */._);
1798
- //# sourceMappingURL=useSearch.js.map
1799
-
1800
- /***/ })
1801
-
1802
- };
1803
- ;