@faststore/core 2.2.70 → 2.2.73

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 (140) hide show
  1. package/.next/BUILD_ID +1 -1
  2. package/.next/build-manifest.json +62 -52
  3. package/.next/cache/.tsbuildinfo +1 -1
  4. package/.next/cache/config.json +3 -3
  5. package/.next/cache/eslint/.cache_1gneedd +1 -1
  6. package/.next/cache/next-server.js.nft.json +1 -1
  7. package/.next/cache/webpack/client-production/0.pack +0 -0
  8. package/.next/cache/webpack/client-production/index.pack +0 -0
  9. package/.next/cache/webpack/server-production/0.pack +0 -0
  10. package/.next/cache/webpack/server-production/index.pack +0 -0
  11. package/.next/next-server.js.nft.json +1 -1
  12. package/.next/prerender-manifest.json +1 -1
  13. package/.next/react-loadable-manifest.json +4 -4
  14. package/.next/routes-manifest.json +1 -1
  15. package/.next/server/chunks/117.js +427 -0
  16. package/.next/server/chunks/184.js +61 -0
  17. package/.next/server/chunks/350.js +2846 -35
  18. package/.next/server/chunks/585.js +22 -0
  19. package/.next/server/chunks/632.js +514 -0
  20. package/.next/server/chunks/661.js +1451 -0
  21. package/.next/server/chunks/693.js +58 -0
  22. package/.next/server/chunks/719.js +84 -0
  23. package/.next/server/chunks/74.js +569 -6467
  24. package/.next/server/chunks/779.js +58 -0
  25. package/.next/server/chunks/854.js +72 -0
  26. package/.next/server/chunks/863.js +22 -0
  27. package/.next/server/chunks/{520.js → 898.js} +250 -30
  28. package/.next/server/chunks/903.js +1926 -0
  29. package/.next/server/middleware-build-manifest.js +1 -1
  30. package/.next/server/middleware-react-loadable-manifest.js +1 -1
  31. package/.next/server/pages/404.js +0 -21
  32. package/.next/server/pages/404.js.nft.json +1 -1
  33. package/.next/server/pages/500.js +0 -21
  34. package/.next/server/pages/500.js.nft.json +1 -1
  35. package/.next/server/pages/[...slug].js +9 -9
  36. package/.next/server/pages/[...slug].js.nft.json +1 -1
  37. package/.next/server/pages/[slug]/p.js +1373 -33
  38. package/.next/server/pages/[slug]/p.js.nft.json +1 -1
  39. package/.next/server/pages/_app.js.nft.json +1 -1
  40. package/.next/server/pages/_error.js.nft.json +1 -1
  41. package/.next/server/pages/account.js +0 -21
  42. package/.next/server/pages/account.js.nft.json +1 -1
  43. package/.next/server/pages/checkout.js +0 -21
  44. package/.next/server/pages/checkout.js.nft.json +1 -1
  45. package/.next/server/pages/en-US/404.html +2 -2
  46. package/.next/server/pages/en-US/500.html +2 -2
  47. package/.next/server/pages/en-US/account.html +2 -2
  48. package/.next/server/pages/en-US/checkout.html +2 -2
  49. package/.next/server/pages/en-US/login.html +2 -2
  50. package/.next/server/pages/en-US/s.html +2 -2
  51. package/.next/server/pages/en-US.html +3 -3
  52. package/.next/server/pages/en-US.json +1 -1
  53. package/.next/server/pages/index.js +5 -5
  54. package/.next/server/pages/index.js.nft.json +1 -1
  55. package/.next/server/pages/login.js +0 -21
  56. package/.next/server/pages/login.js.nft.json +1 -1
  57. package/.next/server/pages/s.js +4 -58
  58. package/.next/server/pages/s.js.nft.json +1 -1
  59. package/.next/server/pages-manifest.json +1 -1
  60. package/.next/static/LB4EfHJ3ylU80A7g7tIMw/_buildManifest.js +1 -0
  61. package/.next/static/chunks/223-cb77217cce52d45c.js +1 -0
  62. package/.next/static/chunks/251.11f5198fc8bef3a4.js +1 -0
  63. package/.next/static/chunks/397-0d3aada1012cd78b.js +1 -0
  64. package/.next/static/chunks/585.6561778b7763b79e.js +1 -0
  65. package/.next/static/chunks/675-479a97aecebead97.js +1 -0
  66. package/.next/static/chunks/800.5d92de2974baf641.js +1 -0
  67. package/.next/static/chunks/881-57643fb90f59e576.js +1 -0
  68. package/.next/static/chunks/988.afda042dd9ba11d1.js +1 -0
  69. package/.next/static/chunks/pages/404-e106cb9a78182f5f.js +1 -0
  70. package/.next/static/chunks/pages/500-d28aa4a8ce88bddd.js +1 -0
  71. package/.next/static/chunks/pages/[...slug]-cf872b9e9befd47c.js +1 -0
  72. package/.next/static/chunks/pages/[slug]/p-4a75b11857b82b5c.js +1 -0
  73. package/.next/static/chunks/pages/{account-3741291b1e89c2e7.js → account-bf9c88a9cac80d8a.js} +1 -1
  74. package/.next/static/chunks/pages/{checkout-95066de007bdbbdb.js → checkout-6ca76c1e88a28ac4.js} +1 -1
  75. package/.next/static/chunks/pages/index-629ba146ae5f0ecf.js +1 -0
  76. package/.next/static/chunks/pages/login-d2af0de13ea75848.js +1 -0
  77. package/.next/static/chunks/pages/s-d729254b91430d1c.js +1 -0
  78. package/.next/static/chunks/webpack-54ce04ec11860b0b.js +1 -0
  79. package/.next/static/css/021de9c7b050d301.css +1 -0
  80. package/.next/static/css/510895065f32ed2f.css +1 -0
  81. package/.next/static/css/7e897ebb936fac09.css +1 -0
  82. package/.next/static/css/938781cdc945862e.css +1 -0
  83. package/.next/static/css/9558da13053ac066.css +1 -0
  84. package/.next/static/css/def381bf7c69fa2e.css +1 -0
  85. package/.next/trace +82 -82
  86. package/.turbo/turbo-build.log +18 -18
  87. package/.turbo/turbo-test.log +9 -9
  88. package/index.ts +13 -0
  89. package/package.json +3 -3
  90. package/src/components/sections/Alert/Alert.tsx +11 -3
  91. package/src/components/sections/Alert/OverriddenDefaultAlert.ts +7 -4
  92. package/src/components/sections/BannerText/BannerText.tsx +10 -2
  93. package/src/components/sections/BannerText/OverriddenDefaultBannerText.ts +7 -4
  94. package/src/components/sections/Breadcrumb/Breadcrumb.tsx +9 -3
  95. package/src/components/sections/Breadcrumb/OverriddenDefaultBreadcrumb.ts +7 -4
  96. package/src/components/sections/CrossSellingShelf/CrossSellingShelf.tsx +8 -2
  97. package/src/components/sections/CrossSellingShelf/OverriddenDefaultCrossSellingShelf.ts +2 -1
  98. package/src/components/sections/EmptyState/Overrides.tsx +2 -2
  99. package/src/components/sections/Hero/Hero.tsx +11 -3
  100. package/src/components/sections/Hero/OverriddenDefaultHero.ts +7 -4
  101. package/src/components/sections/Navbar/Navbar.tsx +10 -2
  102. package/src/components/sections/Navbar/OverriddenDefaultNavbar.ts +6 -4
  103. package/src/components/sections/Newsletter/Newsletter.tsx +10 -2
  104. package/src/components/sections/Newsletter/OverriddenDefaultNewsletter.ts +6 -4
  105. package/src/components/sections/ProductDetails/OverriddenDefaultProductDetails.ts +7 -4
  106. package/src/components/sections/ProductDetails/ProductDetails.tsx +16 -8
  107. package/src/components/sections/ProductGallery/OverriddenDefaultProductGallery.ts +6 -4
  108. package/src/components/sections/ProductGallery/ProductGallery.tsx +13 -5
  109. package/src/components/sections/ProductShelf/OverriddenDefaultProductShelf.ts +7 -4
  110. package/src/components/sections/ProductShelf/ProductShelf.tsx +12 -2
  111. package/src/components/sections/RegionBar/OverriddenDefaultRegionBar.ts +6 -4
  112. package/src/components/sections/RegionBar/RegionBar.tsx +11 -5
  113. package/src/sdk/overrides/getOverriddenSection.tsx +45 -44
  114. package/src/sdk/overrides/overrides.ts +2 -2
  115. package/src/typings/overrides.ts +265 -187
  116. package/src/typings/overridesDefinition.ts +20 -6
  117. package/.next/server/chunks/445.js +0 -167
  118. package/.next/server/chunks/829.js +0 -2938
  119. package/.next/server/chunks/934.js +0 -125
  120. package/.next/static/9t0jxL0Q7hZ_ItlxJLOtn/_buildManifest.js +0 -1
  121. package/.next/static/chunks/251.65e0bb7a2f58b3db.js +0 -1
  122. package/.next/static/chunks/464-bc1301cb64b71518.js +0 -1
  123. package/.next/static/chunks/557-4f8a963d7e07e582.js +0 -1
  124. package/.next/static/chunks/585.ee7478bead8853ae.js +0 -1
  125. package/.next/static/chunks/800.8f4f91b39aa47346.js +0 -1
  126. package/.next/static/chunks/988.a57dac6501fb5184.js +0 -1
  127. package/.next/static/chunks/pages/404-8aa1a5d5e6a66a9a.js +0 -1
  128. package/.next/static/chunks/pages/500-36ea8ba52ee65fe2.js +0 -1
  129. package/.next/static/chunks/pages/[...slug]-29c2c581a7246de4.js +0 -1
  130. package/.next/static/chunks/pages/[slug]/p-d4a3fd33abda8f62.js +0 -1
  131. package/.next/static/chunks/pages/index-bbd90798e45dc0ff.js +0 -1
  132. package/.next/static/chunks/pages/login-f0d8dfab2f856c25.js +0 -1
  133. package/.next/static/chunks/pages/s-e9b663c3e4f84b0a.js +0 -1
  134. package/.next/static/chunks/webpack-776cfd646b505dc5.js +0 -1
  135. package/.next/static/css/0c844be3b8585e70.css +0 -1
  136. package/.next/static/css/557d58510041152c.css +0 -1
  137. package/.next/static/css/a6bcc59f42b42f36.css +0 -1
  138. package/.next/static/css/ecdecb8d639a8311.css +0 -1
  139. package/src/sdk/overrides/sections.tsx +0 -58
  140. /package/.next/static/{9t0jxL0Q7hZ_ItlxJLOtn → LB4EfHJ3ylU80A7g7tIMw}/_ssgManifest.js +0 -0
@@ -2,6 +2,28 @@ exports.id = 585;
2
2
  exports.ids = [585];
3
3
  exports.modules = {
4
4
 
5
+ /***/ 6133:
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__(6689);
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-fs-content": "empty-state", "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
+
5
27
  /***/ 6585:
6
28
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
7
29
 
@@ -0,0 +1,514 @@
1
+ exports.id = 632;
2
+ exports.ids = [632];
3
+ exports.modules = {
4
+
5
+ /***/ 5632:
6
+ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
7
+
8
+ "use strict";
9
+
10
+ // EXPORTS
11
+ __webpack_require__.d(__webpack_exports__, {
12
+ "j": () => (/* binding */ OverriddenDefaultBreadcrumb)
13
+ });
14
+
15
+ ;// CONCATENATED MODULE: ./src/customizations/src/components/overrides/Breadcrumb.tsx
16
+ // This is an example of how it can be used on the starter.
17
+ const SECTION = 'Breadcrumb';
18
+ const override = {
19
+ section: SECTION
20
+ };
21
+
22
+ // EXTERNAL MODULE: ./src/sdk/overrides/getOverriddenSection.tsx
23
+ var getOverriddenSection = __webpack_require__(8788);
24
+ // EXTERNAL MODULE: external "react"
25
+ var external_react_ = __webpack_require__(6689);
26
+ var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
27
+ // EXTERNAL MODULE: ./src/components/sections/Section/Section.tsx
28
+ var Section = __webpack_require__(3271);
29
+ // EXTERNAL MODULE: ./src/components/sections/Breadcrumb/section.module.scss
30
+ var section_module = __webpack_require__(5000);
31
+ var section_module_default = /*#__PURE__*/__webpack_require__.n(section_module);
32
+ // EXTERNAL MODULE: ./src/sdk/overrides/PageProvider.tsx
33
+ var PageProvider = __webpack_require__(5953);
34
+ // EXTERNAL MODULE: ./src/sdk/overrides/OverrideContext.tsx
35
+ var OverrideContext = __webpack_require__(5522);
36
+ // EXTERNAL MODULE: ../components/dist/esm/atoms/Icon/Icon.js
37
+ var Icon = __webpack_require__(2614);
38
+ // EXTERNAL MODULE: ../components/dist/esm/atoms/Link/Link.js
39
+ var Link = __webpack_require__(727);
40
+ ;// CONCATENATED MODULE: ../components/dist/esm/molecules/Dropdown/contexts/DropdownContext.js
41
+
42
+ const defaultState = {
43
+ isOpen: false,
44
+ dropdownButtonRef: null,
45
+ selectedDropdownItemIndexRef: null,
46
+ dropdownItemsRef: null,
47
+ id: 'fs-dropdown',
48
+ };
49
+ const DropdownContext = (0,external_react_.createContext)(defaultState);
50
+ /* harmony default export */ const contexts_DropdownContext = (DropdownContext);
51
+ //# sourceMappingURL=DropdownContext.js.map
52
+ ;// CONCATENATED MODULE: ../components/dist/esm/molecules/Dropdown/Dropdown.js
53
+
54
+
55
+ const Dropdown = ({ children, isOpen: isOpenDefault = false, onDismiss, id = 'fs-dropdown', }) => {
56
+ const [isOpen, setIsOpen] = (0,external_react_.useState)(isOpenDefault);
57
+ const dropdownItemsRef = (0,external_react_.useRef)([]);
58
+ const selectedDropdownItemIndexRef = (0,external_react_.useRef)(0);
59
+ const dropdownButtonRef = (0,external_react_.useRef)(null);
60
+ const close = (0,external_react_.useCallback)(() => {
61
+ setIsOpen(false);
62
+ onDismiss?.();
63
+ }, [onDismiss]);
64
+ const open = () => {
65
+ setIsOpen(true);
66
+ };
67
+ const toggle = (0,external_react_.useCallback)(() => {
68
+ setIsOpen((old) => {
69
+ if (old) {
70
+ onDismiss?.();
71
+ dropdownButtonRef.current?.focus();
72
+ }
73
+ return !old;
74
+ });
75
+ }, [onDismiss]);
76
+ (0,external_react_.useEffect)(() => {
77
+ setIsOpen(isOpenDefault);
78
+ }, [isOpenDefault]);
79
+ (0,external_react_.useEffect)(() => {
80
+ isOpen && dropdownItemsRef?.current[0]?.focus();
81
+ }, [isOpen]);
82
+ (0,external_react_.useEffect)(() => {
83
+ let firstClick = true;
84
+ const event = (e) => {
85
+ const someItemWasClicked = dropdownItemsRef?.current.some((item) => e.target === item);
86
+ if (firstClick) {
87
+ firstClick = false;
88
+ return;
89
+ }
90
+ !someItemWasClicked && close();
91
+ };
92
+ if (isOpen) {
93
+ document.addEventListener('click', event);
94
+ }
95
+ else {
96
+ document.removeEventListener('click', event);
97
+ }
98
+ return () => {
99
+ document.removeEventListener('click', event);
100
+ };
101
+ }, [close, isOpen]);
102
+ const value = (0,external_react_.useMemo)(() => {
103
+ return {
104
+ isOpen,
105
+ close,
106
+ open,
107
+ toggle,
108
+ dropdownButtonRef,
109
+ onDismiss,
110
+ selectedDropdownItemIndexRef,
111
+ dropdownItemsRef,
112
+ id,
113
+ };
114
+ }, [close, id, isOpen, onDismiss, toggle]);
115
+ return (external_react_default().createElement(contexts_DropdownContext.Provider, { value: value }, children));
116
+ };
117
+ /* harmony default export */ const Dropdown_Dropdown = (Dropdown);
118
+ //# sourceMappingURL=Dropdown.js.map
119
+ // EXTERNAL MODULE: ../components/dist/esm/atoms/Button/Button.js
120
+ var Button = __webpack_require__(3339);
121
+ ;// CONCATENATED MODULE: ../components/dist/esm/molecules/Dropdown/hooks/useDropdown.js
122
+
123
+
124
+ /**
125
+ * Hook to use the Dropdown context.
126
+ * @returns Dropdown context.
127
+ */
128
+ const useDropdown = () => {
129
+ const context = (0,external_react_.useContext)(contexts_DropdownContext);
130
+ if (context === undefined) {
131
+ throw new Error('Do not use useDropdown hook outside the Dropdown context.');
132
+ }
133
+ return context;
134
+ };
135
+ //# sourceMappingURL=useDropdown.js.map
136
+ ;// CONCATENATED MODULE: ../components/dist/esm/molecules/Dropdown/DropdownButton.js
137
+
138
+
139
+
140
+ const DropdownButton = (0,external_react_.forwardRef)(function DropdownButton({ testId = 'fs-dropdown-button', 'aria-label': ariaLabel, children, ...otherProps }, ref) {
141
+ const { toggle, dropdownButtonRef, isOpen, id } = useDropdown();
142
+ (0,external_react_.useImperativeHandle)(ref, () => dropdownButtonRef.current, [
143
+ dropdownButtonRef,
144
+ ]);
145
+ return (external_react_default().createElement(Button/* default */.Z, { "data-fs-dropdown-button": true, onClick: toggle, "data-testid": testId, ref: dropdownButtonRef, "aria-label": ariaLabel, "aria-expanded": isOpen, "aria-haspopup": "menu", "aria-controls": id, variant: "tertiary", ...otherProps }, children));
146
+ });
147
+ /* harmony default export */ const Dropdown_DropdownButton = (DropdownButton);
148
+ //# sourceMappingURL=DropdownButton.js.map
149
+ // EXTERNAL MODULE: external "react-dom"
150
+ var external_react_dom_ = __webpack_require__(6405);
151
+ ;// CONCATENATED MODULE: ../components/dist/esm/molecules/Dropdown/hooks/useDropdownPosition.js
152
+
153
+ /**
154
+ * Hook used to find the DropdownMenu position in relation to DropdownButton
155
+ * @returns Style with positions.
156
+ */
157
+ const useDropdownPosition = () => {
158
+ const { dropdownButtonRef } = useDropdown();
159
+ // Necessary to use this component in SSR
160
+ const isBrowser = typeof window !== 'undefined';
161
+ const buttonRect = dropdownButtonRef?.current?.getBoundingClientRect();
162
+ const topLevel = buttonRect?.top ?? 0;
163
+ const topOffset = buttonRect?.height ?? 0;
164
+ const leftLevel = buttonRect?.left ?? 0;
165
+ // The scroll properties fix the position of DropdownMenu when the scroll is activated.
166
+ const scrollTop = isBrowser ? document?.documentElement?.scrollTop : 0;
167
+ const scrollLeft = isBrowser ? document?.documentElement?.scrollLeft : 0;
168
+ const topPosition = topLevel + topOffset + scrollTop;
169
+ const leftPosition = leftLevel + scrollLeft;
170
+ return {
171
+ position: 'absolute',
172
+ top: topPosition,
173
+ left: leftPosition,
174
+ };
175
+ };
176
+ //# sourceMappingURL=useDropdownPosition.js.map
177
+ ;// CONCATENATED MODULE: ../components/dist/esm/molecules/Dropdown/DropdownMenu.js
178
+
179
+
180
+
181
+
182
+ /*
183
+ * This component is based on @reach/dialog.
184
+ * https://github.com/reach/reach-ui/blob/main/packages/dialog/src/index.tsx
185
+ * https://reach.tech/dialog
186
+ */
187
+ const DropdownMenu = ({ children, testId = 'fs-dropdown-menu', size = 'regular', style, ...otherProps }) => {
188
+ const { isOpen, close, dropdownItemsRef, selectedDropdownItemIndexRef, dropdownButtonRef, id } = useDropdown();
189
+ const dropdownPosition = useDropdownPosition();
190
+ const childrenLength = external_react_default().Children.toArray(children).length;
191
+ const handleDownPress = () => {
192
+ if (selectedDropdownItemIndexRef.current < childrenLength - 1) {
193
+ selectedDropdownItemIndexRef.current++;
194
+ }
195
+ else {
196
+ selectedDropdownItemIndexRef.current = 0;
197
+ }
198
+ dropdownItemsRef?.current[selectedDropdownItemIndexRef.current]?.focus();
199
+ };
200
+ const handleUpPress = () => {
201
+ if (selectedDropdownItemIndexRef.current > 0) {
202
+ selectedDropdownItemIndexRef.current--;
203
+ }
204
+ else {
205
+ selectedDropdownItemIndexRef.current = childrenLength - 1;
206
+ }
207
+ dropdownItemsRef?.current[selectedDropdownItemIndexRef.current]?.focus();
208
+ };
209
+ const handleHomePress = () => {
210
+ selectedDropdownItemIndexRef.current = 0;
211
+ dropdownItemsRef?.current[selectedDropdownItemIndexRef.current]?.focus();
212
+ };
213
+ const handleEndPress = () => {
214
+ selectedDropdownItemIndexRef.current = childrenLength - 1;
215
+ dropdownItemsRef?.current[selectedDropdownItemIndexRef.current]?.focus();
216
+ };
217
+ const handleEscapePress = () => {
218
+ close?.();
219
+ dropdownButtonRef?.current?.focus();
220
+ };
221
+ const handleBackdropKeyDown = (event) => {
222
+ if (event.defaultPrevented || event.key === 'Enter') {
223
+ return;
224
+ }
225
+ event.preventDefault();
226
+ event.key === 'Escape' && handleEscapePress();
227
+ event.key === 'ArrowDown' && handleDownPress();
228
+ event.key === 'ArrowUp' && handleUpPress();
229
+ event.key === 'Home' && handleHomePress();
230
+ event.key === 'End' && handleEndPress();
231
+ event.stopPropagation();
232
+ };
233
+ const clearChildrenReferences = () => {
234
+ dropdownItemsRef.current = [];
235
+ return null;
236
+ };
237
+ return isOpen
238
+ ? (0,external_react_dom_.createPortal)(external_react_default().createElement("div", { role: "presentation", "data-fs-dropdown-overlay": true, onKeyDown: handleBackdropKeyDown, "data-testid": `${testId}-overlay` },
239
+ external_react_default().createElement("div", { role: "menu", "aria-orientation": "vertical", "data-fs-dropdown-menu": true, "data-fs-dropdown-menu-size": size, "data-testid": testId, style: { ...dropdownPosition, ...style }, id: id, ...otherProps }, children)), document.body)
240
+ : clearChildrenReferences();
241
+ };
242
+ /* harmony default export */ const Dropdown_DropdownMenu = (DropdownMenu);
243
+ //# sourceMappingURL=DropdownMenu.js.map
244
+ ;// CONCATENATED MODULE: ../components/dist/esm/molecules/Dropdown/DropdownItem.js
245
+
246
+
247
+ const DropdownItem = (0,external_react_.forwardRef)(function Button({ children, icon, onClick, testId = 'fs-dropdown-item', ...otherProps }, ref) {
248
+ const { dropdownItemsRef, selectedDropdownItemIndexRef, close } = useDropdown();
249
+ const [dropdownItemIndex, setDropdownItemIndex] = (0,external_react_.useState)(0);
250
+ const dropdownItemRef = (0,external_react_.useRef)();
251
+ const addToRefs = (el) => {
252
+ if (el && !dropdownItemsRef?.current.includes(el)) {
253
+ dropdownItemsRef?.current.push(el);
254
+ setDropdownItemIndex(dropdownItemsRef?.current.findIndex((element) => element === el) ?? 0);
255
+ }
256
+ dropdownItemRef.current = el;
257
+ };
258
+ const onFocusItem = () => {
259
+ selectedDropdownItemIndexRef.current = dropdownItemIndex;
260
+ dropdownItemsRef?.current[selectedDropdownItemIndexRef.current]?.focus();
261
+ };
262
+ const handleOnClickItem = (event) => {
263
+ onClick?.(event);
264
+ close?.();
265
+ };
266
+ (0,external_react_.useImperativeHandle)(ref, () => dropdownItemRef.current, []);
267
+ return (external_react_default().createElement("button", { "data-fs-dropdown-item": true, "data-testid": testId, ref: addToRefs, onFocus: onFocusItem, onMouseEnter: onFocusItem, onClick: handleOnClickItem, role: "menuitem", tabIndex: -1, "data-index": dropdownItemIndex, ...otherProps },
268
+ !!icon && icon,
269
+ children));
270
+ });
271
+ /* harmony default export */ const Dropdown_DropdownItem = (DropdownItem);
272
+ //# sourceMappingURL=DropdownItem.js.map
273
+ // EXTERNAL MODULE: ../components/dist/esm/atoms/List/List.js
274
+ var List = __webpack_require__(4564);
275
+ ;// CONCATENATED MODULE: ../components/dist/esm/molecules/Breadcrumb/Divider.js
276
+
277
+ const Divider = ({ divider, testId }) => {
278
+ const props = {
279
+ 'data-fs-breadcrumb-divider': true,
280
+ 'aria-hidden': true,
281
+ 'data-testid': `${testId}-divider`,
282
+ };
283
+ if (external_react_default().isValidElement(divider)) {
284
+ return external_react_default().cloneElement(divider, props);
285
+ }
286
+ return external_react_default().createElement("span", { ...props }, divider ?? '/');
287
+ };
288
+ /* harmony default export */ const Breadcrumb_Divider = (Divider);
289
+ //# sourceMappingURL=Divider.js.map
290
+ ;// CONCATENATED MODULE: ../components/dist/esm/molecules/Breadcrumb/ListItem.js
291
+
292
+
293
+ const ListItem = ({ children, isLastItem, divider, testId }) => {
294
+ const props = {
295
+ 'data-testid': `${testId}-item`,
296
+ 'data-fs-breadcrumb-item': isLastItem ? 'current' : true,
297
+ 'aria-current': isLastItem ? 'page' : undefined,
298
+ };
299
+ if (!external_react_default().isValidElement(children)) {
300
+ return (external_react_default().createElement("li", { "data-fs-breadcrumb-list-item": true },
301
+ external_react_default().createElement("span", { ...props },
302
+ children,
303
+ isLastItem ? null : external_react_default().createElement(Breadcrumb_Divider, { divider: divider, testId: testId }))));
304
+ }
305
+ return (external_react_default().createElement("li", { "data-fs-breadcrumb-list-item": true },
306
+ external_react_default().cloneElement(children, props),
307
+ isLastItem ? null : external_react_default().createElement(Breadcrumb_Divider, { divider: divider, testId: testId })));
308
+ };
309
+ /* harmony default export */ const Breadcrumb_ListItem = (ListItem);
310
+ //# sourceMappingURL=ListItem.js.map
311
+ ;// CONCATENATED MODULE: ../components/dist/esm/molecules/Breadcrumb/BreadcrumbPure.js
312
+
313
+
314
+
315
+ const BreadcrumbPure = (0,external_react_.forwardRef)(function BreadcrumbPure({ children, divider: rawDivider = '', testId = 'fs-breadcrumb', ...otherProps }, ref) {
316
+ return (external_react_default().createElement("nav", { "aria-label": "Breadcrumb", role: "navigation", ref: ref, "data-fs-breadcrumb": true, "data-testid": testId, ...otherProps },
317
+ external_react_default().createElement(List/* default */.Z, { as: "ol", "data-fs-breadcrumb-list": true, "data-fs-content": "breadcrumb" }, external_react_default().Children.toArray(children).map((child, index, childrenArray) => {
318
+ const isLastItem = index === childrenArray.length - 1;
319
+ return (external_react_default().createElement(Breadcrumb_ListItem, { isLastItem: isLastItem, divider: rawDivider, key: `breadcrumb-${index}`, testId: testId }, child));
320
+ }))));
321
+ });
322
+ /* harmony default export */ const Breadcrumb_BreadcrumbPure = (BreadcrumbPure);
323
+ //# sourceMappingURL=BreadcrumbPure.js.map
324
+ ;// CONCATENATED MODULE: ../components/dist/esm/molecules/Breadcrumb/BreadcrumbBase.js
325
+
326
+
327
+
328
+
329
+
330
+ const BreadcrumbBase = (0,external_react_.forwardRef)(function BreadcrumbBase({ children, divider: rawDivider = '', testId = 'fs-breadcrumb', breadcrumbList, isDesktop = false, renderLink, homeLink, dropdownButtonIcon = external_react_default().createElement(Icon/* default */.Z, { name: "DotsThree" }), collapsedItemsIcon = (external_react_default().createElement(Icon/* default */.Z, { "data-fs-dropdown-item-icon": true, name: "ArrowElbowDownRight" })), ...otherProps }, ref) {
331
+ const firstItem = isDesktop ? breadcrumbList[0] : null;
332
+ const mediumItems = isDesktop
333
+ ? breadcrumbList.slice(1, -2)
334
+ : breadcrumbList.slice(0, -2);
335
+ const lastItems = breadcrumbList.slice(-2);
336
+ const collapseBreadcrumb = breadcrumbList.length > 4;
337
+ const breadcrumbLink = (0,external_react_.useCallback)((renderLinkProps) => {
338
+ const breadcrumbItem = renderLink?.(renderLinkProps);
339
+ const itemProps = renderLinkProps.collapsed
340
+ ? {
341
+ 'data-fs-breadcrumb-dropdown-link': true,
342
+ }
343
+ : {
344
+ 'data-fs-breadcrumb-link': true,
345
+ };
346
+ return breadcrumbItem ? ((0,external_react_.cloneElement)(breadcrumbItem, {
347
+ ...itemProps,
348
+ key: renderLinkProps.itemProps.position,
349
+ })) : (external_react_default().createElement(Link/* default */.Z, { ...itemProps, href: renderLinkProps.itemProps.item, key: renderLinkProps.itemProps.position }, renderLinkProps.itemProps.name));
350
+ }, [renderLink]);
351
+ return (external_react_default().createElement(Breadcrumb_BreadcrumbPure, { ref: ref, "data-fs-breadcrumb-is-desktop": isDesktop, ...otherProps },
352
+ homeLink,
353
+ !collapseBreadcrumb &&
354
+ breadcrumbList.map((item, index) => {
355
+ return breadcrumbList.length === index + 1 ? (external_react_default().createElement("span", { key: String(item.position) }, item.name)) : (breadcrumbLink({ itemProps: item, collapsed: false }));
356
+ }),
357
+ collapseBreadcrumb &&
358
+ firstItem &&
359
+ breadcrumbLink({ itemProps: firstItem, collapsed: false }),
360
+ collapseBreadcrumb && (external_react_default().createElement(Dropdown_Dropdown, null,
361
+ external_react_default().createElement(Dropdown_DropdownButton, { "aria-label": "View More", "data-fs-breadcrumb-dropdown-button": true, size: "small" }, dropdownButtonIcon),
362
+ external_react_default().createElement(Dropdown_DropdownMenu, { "data-fs-breadcrumb-dropdown-menu": true }, mediumItems.map((item) => (external_react_default().createElement(Dropdown_DropdownItem, { "data-fs-breadcrumb-dropdown-item": true, key: String(item.position), icon: collapsedItemsIcon }, breadcrumbLink({ itemProps: item, collapsed: true }))))))),
363
+ collapseBreadcrumb &&
364
+ lastItems.map((item, index) => {
365
+ return lastItems.length === index + 1 ? (external_react_default().createElement("span", { key: String(item.position) }, item.name)) : (breadcrumbLink({ itemProps: item, collapsed: false }));
366
+ })));
367
+ });
368
+ /* harmony default export */ const Breadcrumb_BreadcrumbBase = (BreadcrumbBase);
369
+ //# sourceMappingURL=BreadcrumbBase.js.map
370
+ ;// CONCATENATED MODULE: ../components/dist/esm/molecules/Breadcrumb/Breadcrumb.js
371
+
372
+
373
+ const Breadcrumb = ({ breadcrumbList, ...otherProps }) => (external_react_default().createElement((external_react_default()).Fragment, null,
374
+ external_react_default().createElement(Breadcrumb_BreadcrumbBase, { breadcrumbList: breadcrumbList, ...otherProps }),
375
+ external_react_default().createElement(Breadcrumb_BreadcrumbBase, { breadcrumbList: breadcrumbList, isDesktop: true, ...otherProps })));
376
+ /* harmony default export */ const Breadcrumb_Breadcrumb = (Breadcrumb);
377
+ //# sourceMappingURL=Breadcrumb.js.map
378
+ ;// CONCATENATED MODULE: ./src/components/sections/Breadcrumb/DefaultComponents.ts
379
+
380
+ const BreadcrumbDefaultComponents = {
381
+ Breadcrumb: Breadcrumb_Breadcrumb,
382
+ Icon: Icon/* default */.Z
383
+ };
384
+ // EXTERNAL MODULE: external "react/jsx-runtime"
385
+ var jsx_runtime_ = __webpack_require__(997);
386
+ ;// CONCATENATED MODULE: ./src/components/sections/Breadcrumb/Breadcrumb.tsx
387
+ 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; }
388
+
389
+ 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; }
390
+
391
+ 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; }
392
+
393
+
394
+
395
+
396
+
397
+
398
+
399
+
400
+
401
+
402
+ function BreadcrumbSection(_ref) {
403
+ let otherProps = Object.assign({}, _ref);
404
+ const {
405
+ Breadcrumb
406
+ } = (0,OverrideContext/* useOverrideComponents */.r3)();
407
+ const context = (0,PageProvider/* usePage */.qt)();
408
+ const title = (0,PageProvider/* isPLP */.OJ)(context) ? context?.data?.collection?.seo?.title : 'All Products';
409
+ const fallback = [{
410
+ item: '/',
411
+ name: title,
412
+ position: 1
413
+ }];
414
+ const breadcrumbList = (0,PageProvider/* isPDP */.tS)(context) ? context?.data?.product?.breadcrumbList?.itemListElement : (0,PageProvider/* isPLP */.OJ)(context) ? context?.data?.collection?.breadcrumbList?.itemListElement : fallback;
415
+ return /*#__PURE__*/jsx_runtime_.jsx(Section/* default */.Z, {
416
+ className: `${(section_module_default()).section} section-breadcrumb`,
417
+ children: /*#__PURE__*/jsx_runtime_.jsx(Breadcrumb.Component, _objectSpread({
418
+ breadcrumbList: breadcrumbList
419
+ }, otherProps))
420
+ });
421
+ }
422
+
423
+ const OverridableBreadcrumbSection = (0,getOverriddenSection/* getOverridableSection */.B)('Breadcrumb', BreadcrumbSection, BreadcrumbDefaultComponents);
424
+ /* harmony default export */ const sections_Breadcrumb_Breadcrumb = (/*#__PURE__*/(0,external_react_.memo)(OverridableBreadcrumbSection));
425
+ ;// CONCATENATED MODULE: ./src/components/sections/Breadcrumb/OverriddenDefaultBreadcrumb.ts
426
+ function OverriddenDefaultBreadcrumb_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; }
427
+
428
+ function OverriddenDefaultBreadcrumb_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? OverriddenDefaultBreadcrumb_ownKeys(Object(source), !0).forEach(function (key) { OverriddenDefaultBreadcrumb_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : OverriddenDefaultBreadcrumb_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
429
+
430
+ function OverriddenDefaultBreadcrumb_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; }
431
+
432
+
433
+
434
+
435
+
436
+ /**
437
+ * This component exists to support overrides 1.0
438
+ *
439
+ * This allows users to override the default Breadcrumb section present in the Headless CMS
440
+ */
441
+ const OverriddenDefaultBreadcrumb = (0,getOverriddenSection/* getOverriddenSection */.v)(OverriddenDefaultBreadcrumb_objectSpread(OverriddenDefaultBreadcrumb_objectSpread({}, override), {}, {
442
+ Section: sections_Breadcrumb_Breadcrumb
443
+ }));
444
+
445
+ /***/ }),
446
+
447
+ /***/ 5953:
448
+ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
449
+
450
+ "use strict";
451
+ /* harmony export */ __webpack_require__.d(__webpack_exports__, {
452
+ /* harmony export */ "En": () => (/* binding */ isSearchPage),
453
+ /* harmony export */ "OJ": () => (/* binding */ isPLP),
454
+ /* harmony export */ "ZP": () => (__WEBPACK_DEFAULT_EXPORT__),
455
+ /* harmony export */ "al": () => (/* binding */ usePDP),
456
+ /* harmony export */ "qt": () => (/* binding */ usePage),
457
+ /* harmony export */ "tS": () => (/* binding */ isPDP)
458
+ /* harmony export */ });
459
+ /* unused harmony exports usePLP, useSearchPage */
460
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
461
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
462
+ /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(997);
463
+ /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__);
464
+
465
+
466
+ const isPDP = x => x?.data?.product?.sku != undefined && x?.data?.product?.sku != null;
467
+ const isPLP = x => x?.data?.collection?.seo != undefined && x?.data?.collection?.seo != null && x?.data?.collection?.sku == undefined;
468
+ const isSearchPage = x => x === undefined || x?.data?.title != undefined || x?.data?.searchTerm != undefined;
469
+ const PageContext = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(null);
470
+
471
+ function PageProvider({
472
+ context,
473
+ children
474
+ }) {
475
+ const value = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => ({
476
+ context
477
+ }), [context]);
478
+ return /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx(PageContext.Provider, {
479
+ value: value,
480
+ children: children
481
+ });
482
+ }
483
+
484
+ function usePage() {
485
+ const {
486
+ context
487
+ } = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(PageContext);
488
+
489
+ if (context == null) {
490
+ throw new Error('Missing Overrides context on React tree');
491
+ }
492
+
493
+ return context;
494
+ }
495
+ const usePDP = () => usePage();
496
+ const usePLP = () => usePage();
497
+ const useSearchPage = () => usePage();
498
+ /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PageProvider);
499
+
500
+ /***/ }),
501
+
502
+ /***/ 5000:
503
+ /***/ ((module) => {
504
+
505
+ // Exports
506
+ module.exports = {
507
+ "section": "section_section__hRV9B"
508
+ };
509
+
510
+
511
+ /***/ })
512
+
513
+ };
514
+ ;