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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (166) hide show
  1. package/.turbo/turbo-build.log +5 -7
  2. package/CHANGELOG.md +6 -0
  3. package/cms/faststore/sections.json +3 -8
  4. package/package.json +4 -4
  5. package/src/components/cms/GlobalSections.tsx +3 -25
  6. package/src/components/cms/RenderSections.tsx +37 -2
  7. package/src/components/sections/CrossSellingShelf/CrossSellingShelf.tsx +17 -3
  8. package/src/components/sections/ProductShelf/ProductShelf.tsx +7 -76
  9. package/src/components/sections/Section/section.scss +0 -7
  10. package/src/components/{sections → ui}/ProductShelf/Overrides.tsx +2 -2
  11. package/src/components/ui/ProductShelf/ProductShelf.tsx +106 -0
  12. package/src/components/ui/ProductShelf/index.ts +2 -0
  13. package/src/pages/[...slug].tsx +1 -7
  14. package/.next/BUILD_ID +0 -1
  15. package/.next/build-manifest.json +0 -132
  16. package/.next/cache/.tsbuildinfo +0 -1
  17. package/.next/cache/config.json +0 -7
  18. package/.next/cache/eslint/.cache_1gneedd +0 -1
  19. package/.next/cache/next-server.js.nft.json +0 -1
  20. package/.next/cache/webpack/client-production/0.pack +0 -0
  21. package/.next/cache/webpack/client-production/index.pack +0 -0
  22. package/.next/cache/webpack/server-production/0.pack +0 -0
  23. package/.next/cache/webpack/server-production/index.pack +0 -0
  24. package/.next/export-marker.json +0 -1
  25. package/.next/images-manifest.json +0 -1
  26. package/.next/next-server.js.nft.json +0 -1
  27. package/.next/package.json +0 -1
  28. package/.next/prerender-manifest.json +0 -1
  29. package/.next/react-loadable-manifest.json +0 -48
  30. package/.next/required-server-files.json +0 -1
  31. package/.next/routes-manifest.json +0 -1
  32. package/.next/server/chunks/104.js +0 -703
  33. package/.next/server/chunks/123.js +0 -58
  34. package/.next/server/chunks/143.js +0 -106
  35. package/.next/server/chunks/183.js +0 -80
  36. package/.next/server/chunks/247.js +0 -61
  37. package/.next/server/chunks/280.js +0 -324
  38. package/.next/server/chunks/287.js +0 -58
  39. package/.next/server/chunks/289.js +0 -229
  40. package/.next/server/chunks/312.js +0 -697
  41. package/.next/server/chunks/336.js +0 -821
  42. package/.next/server/chunks/350.js +0 -142
  43. package/.next/server/chunks/368.js +0 -253
  44. package/.next/server/chunks/401.js +0 -7241
  45. package/.next/server/chunks/431.js +0 -7241
  46. package/.next/server/chunks/502.js +0 -600
  47. package/.next/server/chunks/557.js +0 -132
  48. package/.next/server/chunks/576.js +0 -80
  49. package/.next/server/chunks/597.js +0 -169
  50. package/.next/server/chunks/608.js +0 -644
  51. package/.next/server/chunks/644.js +0 -235
  52. package/.next/server/chunks/664.js +0 -3401
  53. package/.next/server/chunks/676.js +0 -32
  54. package/.next/server/chunks/701.js +0 -87
  55. package/.next/server/chunks/74.js +0 -2690
  56. package/.next/server/chunks/82.js +0 -371
  57. package/.next/server/chunks/854.js +0 -72
  58. package/.next/server/chunks/859.js +0 -959
  59. package/.next/server/chunks/874.js +0 -487
  60. package/.next/server/chunks/886.js +0 -120
  61. package/.next/server/chunks/907.js +0 -1803
  62. package/.next/server/chunks/98.js +0 -124
  63. package/.next/server/chunks/font-manifest.json +0 -1
  64. package/.next/server/font-manifest.json +0 -1
  65. package/.next/server/middleware-build-manifest.js +0 -1
  66. package/.next/server/middleware-manifest.json +0 -6
  67. package/.next/server/middleware-react-loadable-manifest.js +0 -1
  68. package/.next/server/pages/404.js +0 -393
  69. package/.next/server/pages/404.js.nft.json +0 -1
  70. package/.next/server/pages/500.js +0 -395
  71. package/.next/server/pages/500.js.nft.json +0 -1
  72. package/.next/server/pages/[...slug].js +0 -733
  73. package/.next/server/pages/[...slug].js.nft.json +0 -1
  74. package/.next/server/pages/[slug]/p.js +0 -2458
  75. package/.next/server/pages/[slug]/p.js.nft.json +0 -1
  76. package/.next/server/pages/_app.js +0 -368
  77. package/.next/server/pages/_app.js.nft.json +0 -1
  78. package/.next/server/pages/_document.js +0 -304
  79. package/.next/server/pages/_document.js.nft.json +0 -1
  80. package/.next/server/pages/_error.js +0 -164
  81. package/.next/server/pages/_error.js.nft.json +0 -1
  82. package/.next/server/pages/account.js +0 -370
  83. package/.next/server/pages/account.js.nft.json +0 -1
  84. package/.next/server/pages/api/graphql.js +0 -315
  85. package/.next/server/pages/api/graphql.js.nft.json +0 -1
  86. package/.next/server/pages/api/preview.js +0 -118
  87. package/.next/server/pages/api/preview.js.nft.json +0 -1
  88. package/.next/server/pages/checkout.js +0 -370
  89. package/.next/server/pages/checkout.js.nft.json +0 -1
  90. package/.next/server/pages/en-US/404.html +0 -81
  91. package/.next/server/pages/en-US/404.json +0 -1
  92. package/.next/server/pages/en-US/500.html +0 -81
  93. package/.next/server/pages/en-US/500.json +0 -1
  94. package/.next/server/pages/en-US/account.html +0 -81
  95. package/.next/server/pages/en-US/account.json +0 -1
  96. package/.next/server/pages/en-US/checkout.html +0 -81
  97. package/.next/server/pages/en-US/checkout.json +0 -1
  98. package/.next/server/pages/en-US/login.html +0 -81
  99. package/.next/server/pages/en-US/login.json +0 -1
  100. package/.next/server/pages/en-US/s.html +0 -81
  101. package/.next/server/pages/en-US/s.json +0 -1
  102. package/.next/server/pages/en-US.html +0 -81
  103. package/.next/server/pages/en-US.json +0 -1
  104. package/.next/server/pages/index.js +0 -966
  105. package/.next/server/pages/index.js.nft.json +0 -1
  106. package/.next/server/pages/login.js +0 -375
  107. package/.next/server/pages/login.js.nft.json +0 -1
  108. package/.next/server/pages/s.js +0 -473
  109. package/.next/server/pages/s.js.nft.json +0 -1
  110. package/.next/server/pages-manifest.json +0 -16
  111. package/.next/server/webpack-api-runtime.js +0 -229
  112. package/.next/server/webpack-runtime.js +0 -229
  113. package/.next/static/Jdc52lXcDWIk2D0wQ-Z4p/_buildManifest.js +0 -1
  114. package/.next/static/Jdc52lXcDWIk2D0wQ-Z4p/_ssgManifest.js +0 -1
  115. package/.next/static/chunks/0-0e3914d9fc148f74.js +0 -1
  116. package/.next/static/chunks/143.dd8a556e6957baa1.js +0 -1
  117. package/.next/static/chunks/226.b57e10ad9932f88c.js +0 -1
  118. package/.next/static/chunks/336.0846f48eccce57e4.js +0 -1
  119. package/.next/static/chunks/366-c0bfd9890048babf.js +0 -1
  120. package/.next/static/chunks/377-b3616792e1f5f651.js +0 -1
  121. package/.next/static/chunks/391-47b923ef44945418.js +0 -1
  122. package/.next/static/chunks/495.0ecd099878b2a36d.js +0 -1
  123. package/.next/static/chunks/502.ae82de1669112b15.js +0 -1
  124. package/.next/static/chunks/545-1d3d08edfd2ee4c6.js +0 -1
  125. package/.next/static/chunks/597.c5cf3fbeae5ceb63.js +0 -1
  126. package/.next/static/chunks/64.ebbe1d2b40f980c7.js +0 -1
  127. package/.next/static/chunks/651.7142f31ce1e052b3.js +0 -1
  128. package/.next/static/chunks/741.52f7fb873418346f.js +0 -1
  129. package/.next/static/chunks/98.97381d2021f86cd9.js +0 -1
  130. package/.next/static/chunks/framework-dfd14d7ce6600b03.js +0 -1
  131. package/.next/static/chunks/main-fd466221927468fd.js +0 -1
  132. package/.next/static/chunks/pages/404-459452495a0df278.js +0 -1
  133. package/.next/static/chunks/pages/500-008e30c48eceebed.js +0 -1
  134. package/.next/static/chunks/pages/[...slug]-bd1885159f7dfbba.js +0 -1
  135. package/.next/static/chunks/pages/[slug]/p-fa35dd93d53f75f6.js +0 -1
  136. package/.next/static/chunks/pages/_app-3e4e7e579cb0681a.js +0 -1
  137. package/.next/static/chunks/pages/_error-a7a0c1d9bfbb4f38.js +0 -1
  138. package/.next/static/chunks/pages/account-46263f0c100c3eae.js +0 -1
  139. package/.next/static/chunks/pages/checkout-20bb3710b24df3b6.js +0 -1
  140. package/.next/static/chunks/pages/index-49b7ee570f7cc4b7.js +0 -1
  141. package/.next/static/chunks/pages/login-f9d316d261fcc062.js +0 -1
  142. package/.next/static/chunks/pages/s-1cbe740b5b781d28.js +0 -1
  143. package/.next/static/chunks/polyfills-c67a75d1b6f99dc8.js +0 -1
  144. package/.next/static/chunks/webpack-eb5ed34c93d07fac.js +0 -1
  145. package/.next/static/css/1323734429a8aa40.css +0 -1
  146. package/.next/static/css/13a4da555ff5e3be.css +0 -1
  147. package/.next/static/css/2e00f7ba49c754b3.css +0 -1
  148. package/.next/static/css/7d822a137c54a781.css +0 -1
  149. package/.next/static/css/a0feab89b7648c5c.css +0 -1
  150. package/.next/static/css/a13a9f9cd349d906.css +0 -1
  151. package/.next/static/css/a45618030b16a245.css +0 -1
  152. package/.next/static/css/bde408cc006e64f8.css +0 -1
  153. package/.next/static/css/d462d9478ce00021.css +0 -1
  154. package/.next/static/css/e02cdad8fc000339.css +0 -1
  155. package/.next/trace +0 -69
  156. package/public/~partytown/debug/partytown-atomics.js +0 -556
  157. package/public/~partytown/debug/partytown-media.js +0 -374
  158. package/public/~partytown/debug/partytown-sandbox-sw.js +0 -543
  159. package/public/~partytown/debug/partytown-sw.js +0 -59
  160. package/public/~partytown/debug/partytown-ww-atomics.js +0 -1789
  161. package/public/~partytown/debug/partytown-ww-sw.js +0 -1781
  162. package/public/~partytown/debug/partytown.js +0 -72
  163. package/public/~partytown/partytown-atomics.js +0 -2
  164. package/public/~partytown/partytown-media.js +0 -2
  165. package/public/~partytown/partytown-sw.js +0 -2
  166. package/public/~partytown/partytown.js +0 -2
@@ -1,600 +0,0 @@
1
- exports.id = 502;
2
- exports.ids = [502];
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__(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-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
- /***/ 2502:
28
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
29
-
30
- "use strict";
31
- // ESM COMPAT FLAG
32
- __webpack_require__.r(__webpack_exports__);
33
-
34
- // EXPORTS
35
- __webpack_require__.d(__webpack_exports__, {
36
- "default": () => (/* reexport */ cart_CartSidebar_CartSidebar)
37
- });
38
-
39
- // EXTERNAL MODULE: ../sdk/dist/analytics/sendAnalyticsEvent.js
40
- var sendAnalyticsEvent = __webpack_require__(1072);
41
- // EXTERNAL MODULE: external "react"
42
- var external_react_ = __webpack_require__(6689);
43
- var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
44
- // EXTERNAL MODULE: ../components/dist/hooks/useFadeEffect.js
45
- var useFadeEffect = __webpack_require__(6074);
46
- // EXTERNAL MODULE: ../components/dist/hooks/UIProvider.js
47
- var UIProvider = __webpack_require__(395);
48
- // EXTERNAL MODULE: ../components/dist/organisms/SlideOver/SlideOver.js
49
- var SlideOver = __webpack_require__(1021);
50
- // EXTERNAL MODULE: ../components/dist/organisms/SlideOver/SlideOverHeader.js
51
- var SlideOverHeader = __webpack_require__(9648);
52
- // EXTERNAL MODULE: ../components/dist/atoms/Badge/Badge.js
53
- var Badge = __webpack_require__(44);
54
- // EXTERNAL MODULE: ../components/dist/molecules/Alert/Alert.js
55
- var Alert = __webpack_require__(6970);
56
- ;// CONCATENATED MODULE: ../components/dist/organisms/CartSidebar/CartSidebar.js
57
-
58
-
59
- function CartSidebar({ testId = 'fs-cart-sidebar', title = 'Your Cart', size = 'partial', direction = 'rightSide', totalItems, children, alertIcon, alertText, overlayProps, onClose, ...otherProps }) {
60
- const { fade, fadeOut } = (0,useFadeEffect/* useFadeEffect */.b)();
61
- const { closeCart } = (0,UIProvider/* useUI */.l)();
62
- return (external_react_default().createElement(SlideOver/* default */.Z, { "data-fs-cart-sidebar": true, isOpen: true, fade: fade, onDismiss: fadeOut, size: size, direction: direction, onTransitionEnd: () => fade === 'out' && closeCart(), testId: testId, overlayProps: overlayProps, ...otherProps },
63
- external_react_default().createElement(SlideOverHeader/* default */.Z, { closeBtnProps: { testId: 'fs-cart-sidebar-button-close' }, onClose: () => {
64
- onClose();
65
- fadeOut();
66
- } },
67
- external_react_default().createElement("h2", { "data-fs-cart-sidebar-title": true },
68
- title,
69
- external_react_default().createElement(Badge/* default */.Z, { variant: "info" }, totalItems))),
70
- alertText && external_react_default().createElement(Alert/* default */.Z, { icon: alertIcon }, alertText),
71
- children));
72
- }
73
- /* harmony default export */ const CartSidebar_CartSidebar = (CartSidebar);
74
- //# sourceMappingURL=CartSidebar.js.map
75
- // EXTERNAL MODULE: ../components/dist/atoms/List/List.js
76
- var List = __webpack_require__(1329);
77
- ;// CONCATENATED MODULE: ../components/dist/organisms/CartSidebar/CartSidebarList.js
78
-
79
-
80
- function CartSidebarList({ children }) {
81
- return external_react_default().createElement(List/* default */.Z, { "data-fs-cart-sidebar-list": true }, children);
82
- }
83
- /* harmony default export */ const CartSidebar_CartSidebarList = (CartSidebarList);
84
- //# sourceMappingURL=CartSidebarList.js.map
85
- ;// CONCATENATED MODULE: ../components/dist/organisms/CartSidebar/CartSidebarFooter.js
86
-
87
- function CartSidebarFooter({ children }) {
88
- return external_react_default().createElement("footer", { "data-fs-cart-sidebar-footer": true }, children);
89
- }
90
- /* harmony default export */ const CartSidebar_CartSidebarFooter = (CartSidebarFooter);
91
- //# sourceMappingURL=CartSidebarFooter.js.map
92
- // EXTERNAL MODULE: ../components/dist/atoms/Button/Button.js
93
- var Button = __webpack_require__(7578);
94
- // EXTERNAL MODULE: ../components/dist/atoms/Icon/Icon.js
95
- var Icon = __webpack_require__(5045);
96
- // EXTERNAL MODULE: ./src/sdk/cart/index.ts + 1 modules
97
- var sdk_cart = __webpack_require__(6073);
98
- // EXTERNAL MODULE: ./faststore.config.js
99
- var faststore_config = __webpack_require__(7183);
100
- var faststore_config_default = /*#__PURE__*/__webpack_require__.n(faststore_config);
101
- ;// CONCATENATED MODULE: ./src/sdk/cart/useCheckoutButton.ts
102
-
103
-
104
- const useCheckoutButton = () => {
105
- const {
106
- isValidating,
107
- id
108
- } = (0,sdk_cart/* useCart */.jD)();
109
-
110
- const onClick = e => {
111
- e.preventDefault();
112
-
113
- if (!isValidating && id) {
114
- window.location.href = `${(faststore_config_default()).checkoutUrl}?orderFormId=${id}`;
115
- }
116
- };
117
-
118
- return {
119
- onClick,
120
- disabled: isValidating,
121
- 'data-testid': 'checkout-button'
122
- };
123
- };
124
- // EXTERNAL MODULE: ./src/sdk/session/index.ts + 1 modules
125
- var session = __webpack_require__(7295);
126
- ;// CONCATENATED MODULE: ../components/dist/molecules/Gift/Gift.js
127
-
128
- const Gift = (0,external_react_.forwardRef)(function Gift({ icon, testId = 'fs-gift', children, ...otherProps }, ref) {
129
- return (external_react_default().createElement("div", { ref: ref, "data-fs-gift": true, "data-testid": testId, ...otherProps },
130
- !!icon && external_react_default().createElement("span", { "data-fs-gift-icon": true }, icon),
131
- external_react_default().createElement("div", { "data-fs-gift-wrapper": true }, children)));
132
- });
133
- /* harmony default export */ const Gift_Gift = (Gift);
134
- //# sourceMappingURL=Gift.js.map
135
- ;// CONCATENATED MODULE: ../components/dist/molecules/Gift/GiftImage.js
136
-
137
- const GiftImage = (0,external_react_.forwardRef)(function GiftImage({ testId = 'fs-gift-image', children, ...otherProps }, ref) {
138
- return (external_react_default().createElement("div", { ref: ref, "data-fs-gift-image": true, "data-testid": testId, ...otherProps }, children));
139
- });
140
- /* harmony default export */ const Gift_GiftImage = (GiftImage);
141
- //# sourceMappingURL=GiftImage.js.map
142
- // EXTERNAL MODULE: ../components/dist/atoms/Price/Price.js
143
- var Price = __webpack_require__(7549);
144
- ;// CONCATENATED MODULE: ../components/dist/molecules/Gift/GiftContent.js
145
-
146
-
147
- const GiftContent = (0,external_react_.forwardRef)(function GiftContent({ price, productName, titleMessage = 'Get a', badgeLabel = 'Free', testId = 'fs-gift-content', ...otherProps }, ref) {
148
- return (external_react_default().createElement("section", { ref: ref, "data-fs-gift-content": true, "data-testid": testId, ...otherProps },
149
- external_react_default().createElement("h3", { "data-fs-gift-product-title": true },
150
- titleMessage,
151
- " ",
152
- productName),
153
- external_react_default().createElement("span", { "data-fs-gift-product-summary": true },
154
- external_react_default().createElement(Price/* default */.Z, { value: price?.listPrice ? price.listPrice : 0, formatter: price?.formatter, testId: "list-price", "data-value": price?.listPrice, variant: "listing", SRText: "Original price:" }),
155
- external_react_default().createElement(Badge/* default */.Z, null, badgeLabel))));
156
- });
157
- /* harmony default export */ const Gift_GiftContent = (GiftContent);
158
- //# sourceMappingURL=GiftContent.js.map
159
- // EXTERNAL MODULE: ./src/components/ui/Image/index.ts + 2 modules
160
- var Image = __webpack_require__(9266);
161
- // EXTERNAL MODULE: ./src/sdk/product/useFormattedPrice.ts
162
- var useFormattedPrice = __webpack_require__(5346);
163
- // EXTERNAL MODULE: external "react/jsx-runtime"
164
- var jsx_runtime_ = __webpack_require__(997);
165
- ;// CONCATENATED MODULE: ./src/components/ui/Gift/Gift.tsx
166
- const _excluded = ["item"];
167
-
168
- 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; }
169
-
170
- 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; }
171
-
172
- 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; }
173
-
174
- 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; }
175
-
176
- 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; }
177
-
178
-
179
-
180
-
181
-
182
-
183
-
184
- function Gift_Gift_Gift(_ref) {
185
- let {
186
- item
187
- } = _ref,
188
- otherProps = _objectWithoutProperties(_ref, _excluded);
189
-
190
- return /*#__PURE__*/(0,jsx_runtime_.jsxs)(Gift_Gift, _objectSpread(_objectSpread({
191
- icon: /*#__PURE__*/jsx_runtime_.jsx(Icon/* default */.Z, {
192
- name: "Tag",
193
- width: 18,
194
- height: 18
195
- })
196
- }, otherProps), {}, {
197
- children: [/*#__PURE__*/jsx_runtime_.jsx(Gift_GiftImage, {
198
- children: /*#__PURE__*/jsx_runtime_.jsx(Image/* Image */.E, {
199
- src: item.itemOffered.image[0].url,
200
- alt: item.itemOffered.image[0].alternateName,
201
- width: 89,
202
- height: 89
203
- })
204
- }), /*#__PURE__*/jsx_runtime_.jsx(Gift_GiftContent, {
205
- productName: item.itemOffered.isVariantOf.name,
206
- price: {
207
- value: item.price,
208
- listPrice: item.listPrice,
209
- formatter: useFormattedPrice/* useFormattedPrice */.P
210
- }
211
- })]
212
- }));
213
- }
214
-
215
- /* harmony default export */ const ui_Gift_Gift = (Gift_Gift_Gift);
216
- ;// CONCATENATED MODULE: ./src/components/ui/Gift/index.ts
217
-
218
- // EXTERNAL MODULE: ../components/dist/molecules/IconButton/IconButton.js
219
- var IconButton = __webpack_require__(2765);
220
- // EXTERNAL MODULE: ../components/dist/molecules/QuantitySelector/QuantitySelector.js
221
- var QuantitySelector = __webpack_require__(123);
222
- ;// CONCATENATED MODULE: ../components/dist/molecules/CartItem/CartItem.js
223
-
224
-
225
- const CartItem = (0,external_react_.forwardRef)(function CartItem({ testId = 'fs-cart-item', price, quantity, unavailable, onQuantityChange, children, removeBtnProps, ...otherProps }, ref) {
226
- return (external_react_default().createElement("article", { ref: ref, "data-fs-cart-item": unavailable ? 'unavailable' : 'true', "data-testid": testId, ...otherProps },
227
- external_react_default().createElement("div", { "data-fs-cart-item-content": true }, children),
228
- external_react_default().createElement(IconButton/* default */.Z, { "data-fs-cart-item-remove-button": true, icon: external_react_default().createElement(Icon/* default */.Z, { name: "XCircle" }), "aria-label": "Remove", ...removeBtnProps }),
229
- external_react_default().createElement("div", { "data-fs-cart-item-actions": true },
230
- external_react_default().createElement(QuantitySelector/* default */.Z, { min: 1, initial: quantity, onChange: onQuantityChange }),
231
- external_react_default().createElement("span", { "data-fs-cart-item-prices": true },
232
- external_react_default().createElement(Price/* default */.Z, { value: price?.listPrice ? price.listPrice : 0, formatter: price?.formatter, variant: "listing", SRText: "Original price:" }),
233
- external_react_default().createElement(Price/* default */.Z, { value: price?.value ? price.value : 0, formatter: price?.formatter, variant: "spot", SRText: "Price:" })))));
234
- });
235
- /* harmony default export */ const CartItem_CartItem = (CartItem);
236
- //# sourceMappingURL=CartItem.js.map
237
- ;// CONCATENATED MODULE: ../components/dist/molecules/CartItem/CartItemImage.js
238
-
239
- const CartItemImage = (0,external_react_.forwardRef)(function CartItemImage({ testId = 'fs-cart-item-image', children, ...otherProps }, ref) {
240
- return (external_react_default().createElement("div", { ref: ref, "data-fs-cart-item-image": true, "data-testid": testId, ...otherProps }, children));
241
- });
242
- /* harmony default export */ const CartItem_CartItemImage = (CartItemImage);
243
- //# sourceMappingURL=CartItemImage.js.map
244
- ;// CONCATENATED MODULE: ../components/dist/molecules/CartItem/CartItemSummary.js
245
-
246
- const CartItemSummary = (0,external_react_.forwardRef)(function CartItemSummary({ testId = 'fs-cart-item-summary', title, activeVariations = [], children, ...otherProps }, ref) {
247
- return (external_react_default().createElement("div", { ref: ref, "data-fs-cart-item-summary": true, "data-testid": testId, ...otherProps },
248
- external_react_default().createElement("div", { "data-fs-cart-item-title": true }, title),
249
- activeVariations.length > 0 && (external_react_default().createElement("div", { "data-fs-cart-item-skus": true }, activeVariations.map(({ label, option }) => (external_react_default().createElement("p", { key: label },
250
- label,
251
- ": ",
252
- external_react_default().createElement("span", null, option)))))),
253
- children));
254
- });
255
- /* harmony default export */ const CartItem_CartItemSummary = (CartItemSummary);
256
- //# sourceMappingURL=CartItemSummary.js.map
257
- ;// CONCATENATED MODULE: ./src/sdk/cart/useRemoveButton.ts
258
-
259
-
260
-
261
-
262
- const useRemoveButton = item => {
263
- const {
264
- currency: {
265
- code
266
- }
267
- } = (0,session/* useSession */.kP)();
268
- const onClick = (0,external_react_.useCallback)(e => {
269
- e.preventDefault();
270
-
271
- if (!item) {
272
- return;
273
- }
274
-
275
- (0,sendAnalyticsEvent/* sendAnalyticsEvent */._)({
276
- name: 'remove_from_cart',
277
- params: {
278
- currency: code,
279
- value: item.price * item.quantity,
280
- // TODO: In the future, we can explore more robust ways of calculating the value (gift items, discounts, etc.).
281
- items: [{
282
- item_id: item.itemOffered.isVariantOf.productGroupID,
283
- item_name: item.itemOffered.isVariantOf.name,
284
- item_brand: item.itemOffered.brand.name,
285
- item_variant: item.itemOffered.sku,
286
- quantity: item.quantity,
287
- price: item.price,
288
- discount: item.listPrice - item.price,
289
- currency: code,
290
- item_variant_name: item.itemOffered.name,
291
- product_reference_id: item.itemOffered.gtin
292
- }]
293
- }
294
- });
295
- sdk_cart/* cartStore.removeItem */.i8.removeItem(item.id);
296
- }, [code, item]);
297
- return {
298
- onClick,
299
- 'data-testid': 'remove-from-cart-button',
300
- 'data-sku': item?.itemOffered.sku
301
- };
302
- };
303
- ;// CONCATENATED MODULE: ./src/components/cart/CartItem/CartItem.tsx
304
-
305
-
306
-
307
-
308
-
309
-
310
-
311
-
312
-
313
-
314
-
315
- function useCartItemEvent() {
316
- const {
317
- currency: {
318
- code
319
- }
320
- } = (0,session/* useSession */.kP)();
321
- const sendCartItemEvent = (0,external_react_.useCallback)((item, quantity) => {
322
- const quantityDelta = quantity - item.quantity;
323
- return (0,sendAnalyticsEvent/* sendAnalyticsEvent */._)({
324
- name: quantityDelta > 0 ? 'add_to_cart' : 'remove_from_cart',
325
- params: {
326
- currency: code,
327
- // TODO: In the future, we can explore more robust ways of
328
- // calculating the value (gift items, discounts, etc.).
329
- value: item.price * Math.abs(quantityDelta),
330
- items: [{
331
- item_id: item.itemOffered.isVariantOf.productGroupID,
332
- item_name: item.itemOffered.isVariantOf.name,
333
- item_brand: item.itemOffered.brand.name,
334
- item_variant: item.itemOffered.sku,
335
- quantity: Math.abs(quantityDelta),
336
- price: item.price,
337
- discount: item.listPrice - item.price,
338
- currency: code,
339
- item_variant_name: item.itemOffered.name,
340
- product_reference_id: item.itemOffered.gtin
341
- }]
342
- }
343
- });
344
- }, [code]);
345
- return (0,external_react_.useMemo)(() => ({
346
- sendCartItemEvent
347
- }), [sendCartItemEvent]);
348
- }
349
-
350
- function CartItem_CartItem_CartItem({
351
- item
352
- }) {
353
- const btnProps = useRemoveButton(item);
354
- const {
355
- sendCartItemEvent
356
- } = useCartItemEvent();
357
- const onQuantityChange = (0,external_react_.useCallback)(quantity => {
358
- sendCartItemEvent(item, quantity);
359
- sdk_cart/* cartStore.updateItemQuantity */.i8.updateItemQuantity(item.id, quantity);
360
- }, [item, sendCartItemEvent]);
361
- const skuActiveVariants = item.itemOffered.isVariantOf.skuVariants.activeVariations;
362
- const activeVariations = Object.keys(skuActiveVariants).map(key => ({
363
- label: key,
364
- option: skuActiveVariants[key]
365
- }));
366
- return /*#__PURE__*/(0,jsx_runtime_.jsxs)(CartItem_CartItem, {
367
- price: {
368
- value: item.price,
369
- listPrice: item.listPrice,
370
- formatter: useFormattedPrice/* useFormattedPrice */.P
371
- },
372
- quantity: item.quantity,
373
- onQuantityChange: onQuantityChange,
374
- removeBtnProps: btnProps,
375
- "data-sku": item.itemOffered.sku,
376
- "data-seller": item.seller.identifier,
377
- children: [/*#__PURE__*/jsx_runtime_.jsx(CartItem_CartItemImage, {
378
- children: /*#__PURE__*/jsx_runtime_.jsx(Image/* Image */.E, {
379
- src: item.itemOffered.image[0].url,
380
- alt: item.itemOffered.image[0].alternateName,
381
- width: 56,
382
- height: 56
383
- })
384
- }), /*#__PURE__*/jsx_runtime_.jsx(CartItem_CartItemSummary, {
385
- title: item.itemOffered.isVariantOf.name,
386
- activeVariations: activeVariations
387
- })]
388
- });
389
- }
390
-
391
- /* harmony default export */ const cart_CartItem_CartItem = (CartItem_CartItem_CartItem);
392
- ;// CONCATENATED MODULE: ./src/components/cart/CartItem/index.ts
393
-
394
- // EXTERNAL MODULE: ../components/dist/organisms/EmptyState/EmptyState.js
395
- var EmptyState = __webpack_require__(7434);
396
- ;// CONCATENATED MODULE: ./src/components/cart/EmptyCart/EmptyCart.tsx
397
-
398
-
399
-
400
- function EmptyCart({
401
- onDismiss
402
- }) {
403
- return /*#__PURE__*/jsx_runtime_.jsx(EmptyState/* default */.Z, {
404
- title: "Your Cart is empty",
405
- titleIcon: /*#__PURE__*/jsx_runtime_.jsx(Icon/* default */.Z, {
406
- name: "ShoppingCart",
407
- width: 56,
408
- height: 56,
409
- weight: "thin"
410
- }),
411
- children: /*#__PURE__*/jsx_runtime_.jsx(Button/* default */.Z, {
412
- onClick: onDismiss,
413
- variant: "secondary",
414
- children: "Start Shopping"
415
- })
416
- });
417
- }
418
-
419
- /* harmony default export */ const EmptyCart_EmptyCart = (EmptyCart);
420
- ;// CONCATENATED MODULE: ./src/components/cart/EmptyCart/index.ts
421
-
422
- ;// CONCATENATED MODULE: ../components/dist/molecules/OrderSummary/OrderSummary.js
423
-
424
-
425
- const OrderSummary = (0,external_react_.forwardRef)(function OrderSummary({ testId = 'fs-order-summary', subtotalLabel, subtotalValue, discountLabel = 'Discount', discountValue, totalLabel = 'Total', totalValue, ...otherProps }, ref) {
426
- return (external_react_default().createElement(List/* default */.Z, { ref: ref, "data-fs-order-summary": true, "data-testid": testId, ...otherProps },
427
- subtotalValue ? (external_react_default().createElement("li", { "data-fs-order-summary-subtotal": true },
428
- external_react_default().createElement("span", { "data-fs-order-summary-subtotal-label": true, "data-testid": `${testId}-subtotal-label` }, subtotalLabel),
429
- external_react_default().createElement("span", { "data-fs-order-summary-subtotal-value": true, "data-testid": `${testId}-subtotal-value` }, subtotalValue))) : null,
430
- discountValue ? (external_react_default().createElement("li", { "data-fs-order-summary-discount": true },
431
- external_react_default().createElement("span", { "data-fs-order-summary-discount-label": true, "data-testid": `${testId}-discount-label` }, discountLabel),
432
- external_react_default().createElement("span", { "data-fs-order-summary-discount-value": true, "data-testid": `${testId}-discount-value` }, discountValue))) : null,
433
- external_react_default().createElement("li", { "data-fs-order-summary-total": true },
434
- external_react_default().createElement("span", { "data-fs-order-summary-total-label": true, "data-testid": `${testId}-total-label` }, totalLabel),
435
- external_react_default().createElement("span", { "data-fs-order-summary-total-value": true, "data-testid": `${testId}-total-value` }, totalValue))));
436
- });
437
- /* harmony default export */ const OrderSummary_OrderSummary = (OrderSummary);
438
- //# sourceMappingURL=OrderSummary.js.map
439
- ;// CONCATENATED MODULE: ./src/components/cart/OrderSummary/OrderSummary.tsx
440
-
441
-
442
-
443
-
444
-
445
-
446
- function OrderSummary_OrderSummary_OrderSummary({
447
- subTotal,
448
- total,
449
- numberOfItems,
450
- checkoutButton
451
- }) {
452
- const discount = subTotal - total;
453
- const formattedDiscount = (0,useFormattedPrice/* useFormattedPrice */.P)(discount);
454
- return /*#__PURE__*/(0,jsx_runtime_.jsxs)(jsx_runtime_.Fragment, {
455
- children: [/*#__PURE__*/jsx_runtime_.jsx(OrderSummary_OrderSummary, {
456
- subtotalLabel: `Subtotal (${numberOfItems} products)`,
457
- subtotalValue: (0,useFormattedPrice/* useFormattedPrice */.P)(subTotal),
458
- discountValue: discount > 0 ? `-${formattedDiscount}` : undefined,
459
- totalValue: (0,useFormattedPrice/* useFormattedPrice */.P)(total)
460
- }), checkoutButton]
461
- });
462
- }
463
-
464
- /* harmony default export */ const cart_OrderSummary_OrderSummary = (OrderSummary_OrderSummary_OrderSummary);
465
- ;// CONCATENATED MODULE: ./src/components/cart/OrderSummary/index.ts
466
-
467
- // EXTERNAL MODULE: ./src/components/cart/CartSidebar/section.module.scss
468
- var section_module = __webpack_require__(212);
469
- var section_module_default = /*#__PURE__*/__webpack_require__.n(section_module);
470
- ;// CONCATENATED MODULE: ./src/components/cart/CartSidebar/CartSidebar.tsx
471
- function CartSidebar_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; }
472
-
473
- function CartSidebar_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? CartSidebar_ownKeys(Object(source), !0).forEach(function (key) { CartSidebar_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : CartSidebar_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
474
-
475
- function CartSidebar_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; }
476
-
477
-
478
-
479
-
480
-
481
-
482
-
483
-
484
-
485
-
486
-
487
-
488
-
489
-
490
-
491
-
492
-
493
- function CartSidebar_CartSidebar_CartSidebar() {
494
- const {
495
- currency
496
- } = (0,session/* useSession */.kP)();
497
- const btnProps = useCheckoutButton();
498
- const cart = (0,sdk_cart/* useCart */.jD)();
499
- const {
500
- closeCart
501
- } = (0,UIProvider/* useUI */.l)();
502
- const {
503
- fadeOut
504
- } = (0,useFadeEffect/* useFadeEffect */.b)();
505
- const {
506
- items,
507
- gifts,
508
- totalItems,
509
- isValidating,
510
- subTotal,
511
- total
512
- } = cart;
513
- const isEmpty = items.length === 0;
514
- (0,external_react_.useEffect)(() => {
515
- (0,sendAnalyticsEvent/* sendAnalyticsEvent */._)({
516
- name: 'view_cart',
517
- params: {
518
- currency: currency.code,
519
- value: total,
520
- items: items.concat(gifts).map(item => ({
521
- item_id: item.itemOffered.isVariantOf.productGroupID,
522
- item_name: item.itemOffered.isVariantOf.name,
523
- item_brand: item.itemOffered.brand.name,
524
- item_variant: item.itemOffered.sku,
525
- quantity: item.quantity,
526
- price: item.price,
527
- discount: item.listPrice - item.price,
528
- currency: currency.code,
529
- item_variant_name: item.itemOffered.name,
530
- product_reference_id: item.itemOffered.gtin
531
- }))
532
- }
533
- }); // eslint-disable-next-line react-hooks/exhaustive-deps
534
- }, []);
535
- return /*#__PURE__*/jsx_runtime_.jsx(CartSidebar_CartSidebar, {
536
- overlayProps: {
537
- className: `section ${(section_module_default()).section} section-cart-sidebar`
538
- },
539
- totalItems: totalItems,
540
- alertIcon: /*#__PURE__*/jsx_runtime_.jsx(Icon/* default */.Z, {
541
- name: "Truck"
542
- }),
543
- alertText: "Free shipping starts at $300",
544
- onClose: fadeOut,
545
- children: isEmpty ? /*#__PURE__*/jsx_runtime_.jsx(EmptyCart_EmptyCart, {
546
- onDismiss: closeCart
547
- }) : /*#__PURE__*/(0,jsx_runtime_.jsxs)(jsx_runtime_.Fragment, {
548
- children: [/*#__PURE__*/(0,jsx_runtime_.jsxs)(CartSidebar_CartSidebarList, {
549
- children: [items.map(item => /*#__PURE__*/jsx_runtime_.jsx("li", {
550
- children: /*#__PURE__*/jsx_runtime_.jsx(cart_CartItem_CartItem, {
551
- item: item
552
- })
553
- }, item.id)), gifts.length > 0 && /*#__PURE__*/jsx_runtime_.jsx(jsx_runtime_.Fragment, {
554
- children: gifts.map(item => /*#__PURE__*/jsx_runtime_.jsx("li", {
555
- children: /*#__PURE__*/jsx_runtime_.jsx(ui_Gift_Gift, {
556
- item: item
557
- })
558
- }, item.id))
559
- })]
560
- }), /*#__PURE__*/jsx_runtime_.jsx(CartSidebar_CartSidebarFooter, {
561
- children: /*#__PURE__*/jsx_runtime_.jsx(cart_OrderSummary_OrderSummary, {
562
- subTotal: subTotal,
563
- total: total,
564
- numberOfItems: totalItems,
565
- checkoutButton: /*#__PURE__*/jsx_runtime_.jsx(Button/* default */.Z, CartSidebar_objectSpread(CartSidebar_objectSpread({
566
- variant: "primary",
567
- icon: !isValidating && /*#__PURE__*/jsx_runtime_.jsx(Icon/* default */.Z, {
568
- name: "ArrowRight",
569
- width: 18,
570
- height: 18
571
- }),
572
- iconPosition: "right"
573
- }, btnProps), {}, {
574
- children: isValidating ? 'Loading...' : 'Checkout'
575
- }))
576
- })
577
- })]
578
- })
579
- });
580
- }
581
-
582
- /* harmony default export */ const cart_CartSidebar_CartSidebar = (CartSidebar_CartSidebar_CartSidebar);
583
- ;// CONCATENATED MODULE: ./src/components/cart/CartSidebar/index.ts
584
-
585
-
586
- /***/ }),
587
-
588
- /***/ 212:
589
- /***/ ((module) => {
590
-
591
- // Exports
592
- module.exports = {
593
- "section": "section_section__yzuox"
594
- };
595
-
596
-
597
- /***/ })
598
-
599
- };
600
- ;