@faststore/core 2.0.101-alpha.0 → 2.0.102-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 (152) hide show
  1. package/.turbo/turbo-build.log +3 -3
  2. package/CHANGELOG.md +6 -0
  3. package/cypress/integration/analytics.test.js +2 -2
  4. package/cypress/integration/cart.test.js +4 -4
  5. package/package.json +4 -4
  6. package/src/components/cart/CartSidebar/CartSidebar.tsx +16 -40
  7. package/src/components/cart/OrderSummary/OrderSummary.tsx +2 -6
  8. package/.next/BUILD_ID +0 -1
  9. package/.next/build-manifest.json +0 -99
  10. package/.next/cache/.tsbuildinfo +0 -1
  11. package/.next/cache/config.json +0 -7
  12. package/.next/cache/eslint/.cache_1gneedd +0 -1
  13. package/.next/cache/next-server.js.nft.json +0 -1
  14. package/.next/cache/webpack/client-production/0.pack +0 -0
  15. package/.next/cache/webpack/client-production/index.pack +0 -0
  16. package/.next/cache/webpack/server-production/0.pack +0 -0
  17. package/.next/cache/webpack/server-production/index.pack +0 -0
  18. package/.next/export-marker.json +0 -1
  19. package/.next/images-manifest.json +0 -1
  20. package/.next/next-server.js.nft.json +0 -1
  21. package/.next/package.json +0 -1
  22. package/.next/prerender-manifest.json +0 -1
  23. package/.next/react-loadable-manifest.json +0 -44
  24. package/.next/required-server-files.json +0 -1
  25. package/.next/routes-manifest.json +0 -1
  26. package/.next/server/chunks/120.js +0 -435
  27. package/.next/server/chunks/123.js +0 -58
  28. package/.next/server/chunks/1394.js +0 -3801
  29. package/.next/server/chunks/1608.js +0 -515
  30. package/.next/server/chunks/2154.js +0 -206
  31. package/.next/server/chunks/247.js +0 -61
  32. package/.next/server/chunks/2914.js +0 -95
  33. package/.next/server/chunks/2922.js +0 -7293
  34. package/.next/server/chunks/3264.js +0 -67
  35. package/.next/server/chunks/3431.js +0 -7241
  36. package/.next/server/chunks/350.js +0 -142
  37. package/.next/server/chunks/3746.js +0 -237
  38. package/.next/server/chunks/3898.js +0 -240
  39. package/.next/server/chunks/4312.js +0 -674
  40. package/.next/server/chunks/4371.js +0 -1473
  41. package/.next/server/chunks/5098.js +0 -124
  42. package/.next/server/chunks/5576.js +0 -72
  43. package/.next/server/chunks/6280.js +0 -322
  44. package/.next/server/chunks/6465.js +0 -91
  45. package/.next/server/chunks/676.js +0 -32
  46. package/.next/server/chunks/6859.js +0 -959
  47. package/.next/server/chunks/6881.js +0 -320
  48. package/.next/server/chunks/6898.js +0 -149
  49. package/.next/server/chunks/7104.js +0 -196
  50. package/.next/server/chunks/7181.js +0 -658
  51. package/.next/server/chunks/7183.js +0 -72
  52. package/.next/server/chunks/7992.js +0 -570
  53. package/.next/server/chunks/8098.js +0 -246
  54. package/.next/server/chunks/810.js +0 -432
  55. package/.next/server/chunks/8287.js +0 -58
  56. package/.next/server/chunks/9143.js +0 -106
  57. package/.next/server/chunks/9152.js +0 -213
  58. package/.next/server/chunks/953.js +0 -646
  59. package/.next/server/chunks/9557.js +0 -117
  60. package/.next/server/chunks/9854.js +0 -72
  61. package/.next/server/chunks/font-manifest.json +0 -1
  62. package/.next/server/font-manifest.json +0 -1
  63. package/.next/server/middleware-build-manifest.js +0 -1
  64. package/.next/server/middleware-manifest.json +0 -6
  65. package/.next/server/middleware-react-loadable-manifest.js +0 -1
  66. package/.next/server/pages/404.js.nft.json +0 -1
  67. package/.next/server/pages/500.js.nft.json +0 -1
  68. package/.next/server/pages/[...slug].js +0 -671
  69. package/.next/server/pages/[...slug].js.nft.json +0 -1
  70. package/.next/server/pages/[slug]/p.js +0 -2393
  71. package/.next/server/pages/[slug]/p.js.nft.json +0 -1
  72. package/.next/server/pages/_app.js +0 -2369
  73. package/.next/server/pages/_app.js.nft.json +0 -1
  74. package/.next/server/pages/_document.js +0 -304
  75. package/.next/server/pages/_document.js.nft.json +0 -1
  76. package/.next/server/pages/_error.js +0 -164
  77. package/.next/server/pages/_error.js.nft.json +0 -1
  78. package/.next/server/pages/account.js.nft.json +0 -1
  79. package/.next/server/pages/api/graphql.js +0 -315
  80. package/.next/server/pages/api/graphql.js.nft.json +0 -1
  81. package/.next/server/pages/api/preview.js +0 -118
  82. package/.next/server/pages/api/preview.js.nft.json +0 -1
  83. package/.next/server/pages/checkout.js.nft.json +0 -1
  84. package/.next/server/pages/en-US/404.html +0 -81
  85. package/.next/server/pages/en-US/500.html +0 -81
  86. package/.next/server/pages/en-US/account.html +0 -81
  87. package/.next/server/pages/en-US/checkout.html +0 -81
  88. package/.next/server/pages/en-US/login.html +0 -81
  89. package/.next/server/pages/en-US/s.html +0 -81
  90. package/.next/server/pages/en-US.html +0 -81
  91. package/.next/server/pages/en-US.json +0 -1
  92. package/.next/server/pages/index.js +0 -428
  93. package/.next/server/pages/index.js.nft.json +0 -1
  94. package/.next/server/pages/login.js.nft.json +0 -1
  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/V0z729OIqsX7azqcAGJ5Q/_buildManifest.js +0 -1
  100. package/.next/static/V0z729OIqsX7azqcAGJ5Q/_ssgManifest.js +0 -1
  101. package/.next/static/chunks/143.dd8a556e6957baa1.js +0 -1
  102. package/.next/static/chunks/152.57849458d8337a92.js +0 -1
  103. package/.next/static/chunks/264-6dc2258a751b3d74.js +0 -1
  104. package/.next/static/chunks/351-a4e28d64f48c5269.js +0 -1
  105. package/.next/static/chunks/608.59e69b83f35d9c44.js +0 -1
  106. package/.next/static/chunks/651.7142f31ce1e052b3.js +0 -1
  107. package/.next/static/chunks/686.6c345856d484363b.js +0 -1
  108. package/.next/static/chunks/741.52f7fb873418346f.js +0 -1
  109. package/.next/static/chunks/781-7df372b5b56e3f96.js +0 -1
  110. package/.next/static/chunks/843.e1d0f9260a52f32c.js +0 -1
  111. package/.next/static/chunks/98.97381d2021f86cd9.js +0 -1
  112. package/.next/static/chunks/996.64460309250b214c.js +0 -1
  113. package/.next/static/chunks/framework-dfd14d7ce6600b03.js +0 -1
  114. package/.next/static/chunks/main-9746772201fe3ac1.js +0 -1
  115. package/.next/static/chunks/pages/404-ba608a2a9f0c420a.js +0 -1
  116. package/.next/static/chunks/pages/500-910883c20541d9ce.js +0 -1
  117. package/.next/static/chunks/pages/[...slug]-417e3b51bda1f5f3.js +0 -1
  118. package/.next/static/chunks/pages/[slug]/p-cbb4ca8d57bafa9f.js +0 -1
  119. package/.next/static/chunks/pages/_app-6dc7b0c168e15d5c.js +0 -1
  120. package/.next/static/chunks/pages/_error-a7a0c1d9bfbb4f38.js +0 -1
  121. package/.next/static/chunks/pages/account-b8fc5222ffe89b60.js +0 -1
  122. package/.next/static/chunks/pages/checkout-f8cb7cb22225ef9d.js +0 -1
  123. package/.next/static/chunks/pages/index-9ea3f7868f5ed138.js +0 -1
  124. package/.next/static/chunks/pages/login-33954810b200eca8.js +0 -1
  125. package/.next/static/chunks/pages/s-ba2868e14fedb65b.js +0 -1
  126. package/.next/static/chunks/polyfills-c67a75d1b6f99dc8.js +0 -1
  127. package/.next/static/chunks/webpack-65b155971f3eac57.js +0 -1
  128. package/.next/static/css/10db3bc7ecdf0556.css +0 -1
  129. package/.next/static/css/43d61b402f41569b.css +0 -1
  130. package/.next/static/css/4899c3cc356704f9.css +0 -1
  131. package/.next/static/css/6507cb48401e73a4.css +0 -1
  132. package/.next/static/css/8ea129ea90e49e98.css +0 -1
  133. package/.next/static/css/b2f16bd4b93e0aca.css +0 -1
  134. package/.next/static/css/db63ea05e98cb7e8.css +0 -1
  135. package/.next/static/css/ea60a7e6c07ee644.css +0 -1
  136. package/.next/static/media/brandless-neutral.76ddf63a.png +0 -0
  137. package/.next/trace +0 -65
  138. package/public/~partytown/debug/partytown-atomics.js +0 -556
  139. package/public/~partytown/debug/partytown-media.js +0 -374
  140. package/public/~partytown/debug/partytown-sandbox-sw.js +0 -543
  141. package/public/~partytown/debug/partytown-sw.js +0 -59
  142. package/public/~partytown/debug/partytown-ww-atomics.js +0 -1789
  143. package/public/~partytown/debug/partytown-ww-sw.js +0 -1781
  144. package/public/~partytown/debug/partytown.js +0 -72
  145. package/public/~partytown/partytown-atomics.js +0 -2
  146. package/public/~partytown/partytown-media.js +0 -2
  147. package/public/~partytown/partytown-sw.js +0 -2
  148. package/public/~partytown/partytown.js +0 -2
  149. package/src/components/cart/CartItem/CartItem.stories.mdx +0 -134
  150. package/src/components/cart/CartSidebar/CartSidebar.stories.mdx +0 -105
  151. package/src/components/cart/CartSidebar/cart-sidebar.module.scss +0 -57
  152. package/src/components/cart/OrderSummary/order-summary.module.scss +0 -22
@@ -1,646 +0,0 @@
1
- exports.id = 953;
2
- exports.ids = [953];
3
- exports.modules = {
4
-
5
- /***/ 953:
6
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
7
-
8
- "use strict";
9
- // ESM COMPAT FLAG
10
- __webpack_require__.r(__webpack_exports__);
11
-
12
- // EXPORTS
13
- __webpack_require__.d(__webpack_exports__, {
14
- "default": () => (/* reexport */ CartSidebar_CartSidebar)
15
- });
16
-
17
- // EXTERNAL MODULE: ./node_modules/@faststore/sdk/dist/analytics/sendAnalyticsEvent.js
18
- var sendAnalyticsEvent = __webpack_require__(8460);
19
- // EXTERNAL MODULE: ../components/dist/organisms/SlideOver/SlideOver.js
20
- var SlideOver = __webpack_require__(1021);
21
- // EXTERNAL MODULE: ../components/dist/organisms/SlideOver/SlideOverHeader.js
22
- var SlideOverHeader = __webpack_require__(9648);
23
- // EXTERNAL MODULE: ../components/dist/atoms/Badge/Badge.js
24
- var Badge = __webpack_require__(44);
25
- // EXTERNAL MODULE: ../components/dist/molecules/Alert/Alert.js
26
- var Alert = __webpack_require__(6970);
27
- // EXTERNAL MODULE: ../components/dist/atoms/List/List.js
28
- var List = __webpack_require__(1329);
29
- // EXTERNAL MODULE: ../components/dist/atoms/Button/Button.js + 1 modules
30
- var Button = __webpack_require__(4842);
31
- // EXTERNAL MODULE: external "react"
32
- var external_react_ = __webpack_require__(6689);
33
- var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
34
- // EXTERNAL MODULE: ../components/dist/hooks/UIProvider.js
35
- var UIProvider = __webpack_require__(395);
36
- // EXTERNAL MODULE: ../components/dist/hooks/useFadeEffect.js
37
- var useFadeEffect = __webpack_require__(6074);
38
- // EXTERNAL MODULE: ../components/dist/atoms/Icon/Icon.js
39
- var Icon = __webpack_require__(5045);
40
- // EXTERNAL MODULE: ./src/sdk/cart/index.ts
41
- var sdk_cart = __webpack_require__(7566);
42
- // EXTERNAL MODULE: ./faststore.config.js
43
- var faststore_config = __webpack_require__(7183);
44
- var faststore_config_default = /*#__PURE__*/__webpack_require__.n(faststore_config);
45
- ;// CONCATENATED MODULE: ./src/sdk/cart/useCheckoutButton.ts
46
-
47
-
48
- const useCheckoutButton = () => {
49
- const {
50
- isValidating,
51
- id
52
- } = (0,sdk_cart/* useCart */.jD)();
53
-
54
- const onClick = e => {
55
- e.preventDefault();
56
-
57
- if (!isValidating && id) {
58
- window.location.href = `${(faststore_config_default()).checkoutUrl}?orderFormId=${id}`;
59
- }
60
- };
61
-
62
- return {
63
- onClick,
64
- disabled: isValidating,
65
- 'data-testid': 'checkout-button'
66
- };
67
- };
68
- // EXTERNAL MODULE: ./src/sdk/session/index.ts
69
- var session = __webpack_require__(5971);
70
- ;// CONCATENATED MODULE: ../components/dist/molecules/Gift/Gift.js
71
-
72
- const Gift = (0,external_react_.forwardRef)(function Gift({ icon, testId = 'fs-gift', children, ...otherProps }, ref) {
73
- const iconProps = { "data-fs-gift-icon": true };
74
- const giftIcon = external_react_default().isValidElement(icon) ? external_react_default().cloneElement(icon, iconProps) : icon;
75
- return (external_react_default().createElement("div", { ref: ref, "data-fs-gift": true, "data-testid": testId, ...otherProps },
76
- external_react_default().isValidElement(giftIcon) && giftIcon,
77
- external_react_default().createElement("div", { "data-fs-gift-wrapper": true }, children)));
78
- });
79
- /* harmony default export */ const Gift_Gift = (Gift);
80
- //# sourceMappingURL=Gift.js.map
81
- ;// CONCATENATED MODULE: ../components/dist/molecules/Gift/GiftImage.js
82
-
83
- const GiftImage = (0,external_react_.forwardRef)(function GiftImage({ testId = 'fs-gift-image', children, ...otherProps }, ref) {
84
- return (external_react_default().createElement("div", { ref: ref, "data-fs-gift-image": true, "data-testid": testId, ...otherProps }, children));
85
- });
86
- /* harmony default export */ const Gift_GiftImage = (GiftImage);
87
- //# sourceMappingURL=GiftImage.js.map
88
- // EXTERNAL MODULE: ../components/dist/atoms/Price/Price.js
89
- var Price = __webpack_require__(7549);
90
- ;// CONCATENATED MODULE: ../components/dist/molecules/Gift/GiftContent.js
91
-
92
-
93
- const GiftContent = (0,external_react_.forwardRef)(function GiftContent({ price, productName, titleMessage = 'Get a', badgeLabel = 'Free', testId = 'fs-gift-content', ...otherProps }, ref) {
94
- return (external_react_default().createElement("section", { ref: ref, "data-fs-gift-content": true, "data-testid": testId, ...otherProps },
95
- external_react_default().createElement("h3", { "data-fs-gift-product-title": true },
96
- titleMessage,
97
- " ",
98
- productName),
99
- external_react_default().createElement("span", { "data-fs-gift-product-summary": true },
100
- 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:" }),
101
- external_react_default().createElement(Badge/* default */.Z, null, badgeLabel))));
102
- });
103
- /* harmony default export */ const Gift_GiftContent = (GiftContent);
104
- //# sourceMappingURL=GiftContent.js.map
105
- // EXTERNAL MODULE: ./src/components/ui/Image/index.ts + 3 modules
106
- var Image = __webpack_require__(2154);
107
- // EXTERNAL MODULE: ./src/sdk/product/useFormattedPrice.ts
108
- var useFormattedPrice = __webpack_require__(5346);
109
- // EXTERNAL MODULE: external "react/jsx-runtime"
110
- var jsx_runtime_ = __webpack_require__(997);
111
- ;// CONCATENATED MODULE: ./src/components/ui/Gift/Gift.tsx
112
- const _excluded = ["item"];
113
-
114
- 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; }
115
-
116
- 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; }
117
-
118
- 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; }
119
-
120
- 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; }
121
-
122
- 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; }
123
-
124
-
125
-
126
-
127
-
128
-
129
-
130
- function Gift_Gift_Gift(_ref) {
131
- let {
132
- item
133
- } = _ref,
134
- otherProps = _objectWithoutProperties(_ref, _excluded);
135
-
136
- return /*#__PURE__*/(0,jsx_runtime_.jsxs)(Gift_Gift, _objectSpread(_objectSpread({
137
- icon: /*#__PURE__*/jsx_runtime_.jsx(Icon/* default */.Z, {
138
- "data-fs-gift-icon": true,
139
- name: "Tag",
140
- width: 18,
141
- height: 18
142
- })
143
- }, otherProps), {}, {
144
- children: [/*#__PURE__*/jsx_runtime_.jsx(Gift_GiftImage, {
145
- children: /*#__PURE__*/jsx_runtime_.jsx(Image/* Image */.E, {
146
- src: item.itemOffered.image[0].url,
147
- alt: item.itemOffered.image[0].alternateName,
148
- width: 89,
149
- height: 89
150
- })
151
- }), /*#__PURE__*/jsx_runtime_.jsx(Gift_GiftContent, {
152
- productName: item.itemOffered.isVariantOf.name,
153
- price: {
154
- value: item.price,
155
- listPrice: item.listPrice,
156
- formatter: useFormattedPrice/* useFormattedPrice */.P
157
- }
158
- })]
159
- }));
160
- }
161
-
162
- /* harmony default export */ const ui_Gift_Gift = (Gift_Gift_Gift);
163
- ;// CONCATENATED MODULE: ./src/components/ui/Gift/index.ts
164
-
165
- // EXTERNAL MODULE: ../components/dist/molecules/IconButton/IconButton.js
166
- var IconButton = __webpack_require__(2765);
167
- // EXTERNAL MODULE: ../components/dist/molecules/QuantitySelector/QuantitySelector.js
168
- var QuantitySelector = __webpack_require__(123);
169
- ;// CONCATENATED MODULE: ../components/dist/molecules/CartItem/CartItem.js
170
-
171
-
172
- const CartItem = (0,external_react_.forwardRef)(function CartItem({ testId = 'fs-cart-item', price, quantity, unavailable, onQuantityChange, children, removeBtnProps, ...otherProps }, ref) {
173
- return (external_react_default().createElement("article", { ref: ref, "data-fs-cart-item": unavailable ? 'unavailable' : 'true', "data-testid": testId, ...otherProps },
174
- external_react_default().createElement("div", { "data-fs-cart-item-content": true }, children),
175
- 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 }),
176
- external_react_default().createElement("div", { "data-fs-cart-item-actions": true },
177
- external_react_default().createElement(QuantitySelector/* default */.Z, { min: 1, initial: quantity, onChange: onQuantityChange }),
178
- external_react_default().createElement("span", { "data-fs-cart-item-prices": true },
179
- external_react_default().createElement(Price/* default */.Z, { value: price?.listPrice ? price.listPrice : 0, formatter: price?.formatter, variant: "listing", SRText: "Original price:" }),
180
- external_react_default().createElement(Price/* default */.Z, { value: price?.value ? price.value : 0, formatter: price?.formatter, variant: "spot", SRText: "Price:" })))));
181
- });
182
- /* harmony default export */ const CartItem_CartItem = (CartItem);
183
- //# sourceMappingURL=CartItem.js.map
184
- ;// CONCATENATED MODULE: ../components/dist/molecules/CartItem/CartItemImage.js
185
-
186
- const CartItemImage = (0,external_react_.forwardRef)(function CartItemImage({ testId = 'fs-cart-item-image', children, ...otherProps }, ref) {
187
- return (external_react_default().createElement("div", { ref: ref, "data-fs-cart-item-image": true, "data-testid": testId, ...otherProps }, children));
188
- });
189
- /* harmony default export */ const CartItem_CartItemImage = (CartItemImage);
190
- //# sourceMappingURL=CartItemImage.js.map
191
- ;// CONCATENATED MODULE: ../components/dist/molecules/CartItem/CartItemSummary.js
192
-
193
- const CartItemSummary = (0,external_react_.forwardRef)(function CartItemSummary({ testId = 'fs-cart-item-summary', title, activeVariations = [], children, ...otherProps }, ref) {
194
- return (external_react_default().createElement("div", { ref: ref, "data-fs-cart-item-summary": true, "data-testid": testId, ...otherProps },
195
- external_react_default().createElement("div", { "data-fs-cart-item-title": true }, title),
196
- 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 },
197
- label,
198
- ": ",
199
- external_react_default().createElement("span", null, option)))))),
200
- children));
201
- });
202
- /* harmony default export */ const CartItem_CartItemSummary = (CartItemSummary);
203
- //# sourceMappingURL=CartItemSummary.js.map
204
- ;// CONCATENATED MODULE: ./src/sdk/cart/useRemoveButton.ts
205
-
206
-
207
-
208
-
209
- const useRemoveButton = item => {
210
- const {
211
- currency: {
212
- code
213
- }
214
- } = (0,session/* useSession */.kP)();
215
- const onClick = (0,external_react_.useCallback)(e => {
216
- e.preventDefault();
217
-
218
- if (!item) {
219
- return;
220
- }
221
-
222
- (0,sendAnalyticsEvent/* sendAnalyticsEvent */._)({
223
- name: 'remove_from_cart',
224
- params: {
225
- currency: code,
226
- value: item.price * item.quantity,
227
- // TODO: In the future, we can explore more robust ways of calculating the value (gift items, discounts, etc.).
228
- items: [{
229
- item_id: item.itemOffered.isVariantOf.productGroupID,
230
- item_name: item.itemOffered.isVariantOf.name,
231
- item_brand: item.itemOffered.brand.name,
232
- item_variant: item.itemOffered.sku,
233
- quantity: item.quantity,
234
- price: item.price,
235
- discount: item.listPrice - item.price,
236
- currency: code,
237
- item_variant_name: item.itemOffered.name,
238
- product_reference_id: item.itemOffered.gtin
239
- }]
240
- }
241
- });
242
- sdk_cart/* cartStore.removeItem */.i8.removeItem(item.id);
243
- }, [code, item]);
244
- return {
245
- onClick,
246
- 'data-testid': 'remove-from-cart-button',
247
- 'data-sku': item?.itemOffered.sku
248
- };
249
- };
250
- ;// CONCATENATED MODULE: ./src/components/cart/CartItem/CartItem.tsx
251
-
252
-
253
-
254
-
255
-
256
-
257
-
258
-
259
-
260
-
261
-
262
- function useCartItemEvent() {
263
- const {
264
- currency: {
265
- code
266
- }
267
- } = (0,session/* useSession */.kP)();
268
- const sendCartItemEvent = (0,external_react_.useCallback)((item, quantity) => {
269
- const quantityDelta = quantity - item.quantity;
270
- return (0,sendAnalyticsEvent/* sendAnalyticsEvent */._)({
271
- name: quantityDelta > 0 ? 'add_to_cart' : 'remove_from_cart',
272
- params: {
273
- currency: code,
274
- // TODO: In the future, we can explore more robust ways of
275
- // calculating the value (gift items, discounts, etc.).
276
- value: item.price * Math.abs(quantityDelta),
277
- items: [{
278
- item_id: item.itemOffered.isVariantOf.productGroupID,
279
- item_name: item.itemOffered.isVariantOf.name,
280
- item_brand: item.itemOffered.brand.name,
281
- item_variant: item.itemOffered.sku,
282
- quantity: Math.abs(quantityDelta),
283
- price: item.price,
284
- discount: item.listPrice - item.price,
285
- currency: code,
286
- item_variant_name: item.itemOffered.name,
287
- product_reference_id: item.itemOffered.gtin
288
- }]
289
- }
290
- });
291
- }, [code]);
292
- return (0,external_react_.useMemo)(() => ({
293
- sendCartItemEvent
294
- }), [sendCartItemEvent]);
295
- }
296
-
297
- function CartItem_CartItem_CartItem({
298
- item
299
- }) {
300
- const btnProps = useRemoveButton(item);
301
- const {
302
- sendCartItemEvent
303
- } = useCartItemEvent();
304
- const onQuantityChange = (0,external_react_.useCallback)(quantity => {
305
- sendCartItemEvent(item, quantity);
306
- sdk_cart/* cartStore.updateItemQuantity */.i8.updateItemQuantity(item.id, quantity);
307
- }, [item, sendCartItemEvent]);
308
- const skuActiveVariants = item.itemOffered.isVariantOf.skuVariants.activeVariations;
309
- const activeVariations = Object.keys(skuActiveVariants).map(key => ({
310
- label: key,
311
- option: skuActiveVariants[key]
312
- }));
313
- return /*#__PURE__*/(0,jsx_runtime_.jsxs)(CartItem_CartItem, {
314
- price: {
315
- value: item.price,
316
- listPrice: item.listPrice,
317
- formatter: useFormattedPrice/* useFormattedPrice */.P
318
- },
319
- quantity: item.quantity,
320
- onQuantityChange: onQuantityChange,
321
- removeBtnProps: btnProps,
322
- "data-sku": item.itemOffered.sku,
323
- "data-seller": item.seller.identifier,
324
- children: [/*#__PURE__*/jsx_runtime_.jsx(CartItem_CartItemImage, {
325
- children: /*#__PURE__*/jsx_runtime_.jsx(Image/* Image */.E, {
326
- src: item.itemOffered.image[0].url,
327
- alt: item.itemOffered.image[0].alternateName,
328
- width: 56,
329
- height: 56
330
- })
331
- }), /*#__PURE__*/jsx_runtime_.jsx(CartItem_CartItemSummary, {
332
- title: item.itemOffered.isVariantOf.name,
333
- activeVariations: activeVariations
334
- })]
335
- });
336
- }
337
-
338
- /* harmony default export */ const cart_CartItem_CartItem = (CartItem_CartItem_CartItem);
339
- ;// CONCATENATED MODULE: ./src/components/cart/CartItem/index.ts
340
-
341
- // EXTERNAL MODULE: ./src/components/ui/EmptyState/index.ts + 1 modules
342
- var EmptyState = __webpack_require__(9509);
343
- ;// CONCATENATED MODULE: ./src/components/cart/EmptyCart/EmptyCart.tsx
344
-
345
-
346
-
347
-
348
-
349
- function EmptyCart({
350
- onDismiss
351
- }) {
352
- return /*#__PURE__*/(0,jsx_runtime_.jsxs)(EmptyState/* default */.Z, {
353
- children: [/*#__PURE__*/(0,jsx_runtime_.jsxs)("header", {
354
- "data-fs-empty-state-title": true,
355
- children: [/*#__PURE__*/jsx_runtime_.jsx(Icon/* default */.Z, {
356
- name: "ShoppingCart",
357
- width: 56,
358
- height: 56,
359
- weight: "thin"
360
- }), /*#__PURE__*/jsx_runtime_.jsx("p", {
361
- children: "Your Cart is empty"
362
- })]
363
- }), /*#__PURE__*/jsx_runtime_.jsx(Button/* default */.Z, {
364
- onClick: onDismiss,
365
- variant: "secondary",
366
- children: "Start Shopping"
367
- })]
368
- });
369
- }
370
-
371
- /* harmony default export */ const EmptyCart_EmptyCart = (EmptyCart);
372
- ;// CONCATENATED MODULE: ./src/components/cart/EmptyCart/index.ts
373
-
374
- ;// CONCATENATED MODULE: ../ui/dist/components/molecules/OrderSummary/OrderSummary.js
375
-
376
-
377
- const OrderSummary = (0,external_react_.forwardRef)(function OrderSummary({ testId = 'store-order-summary', subtotalLabel, subtotalValue, discountLabel, discountValue, totalLabel, totalValue, ...otherProps }, ref) {
378
- return (external_react_default().createElement(List/* default */.Z, { ref: ref, "data-fs-order-summary": true, "data-testid": testId, ...otherProps },
379
- subtotalValue ? (external_react_default().createElement("li", { "data-fs-order-summary-subtotal": true },
380
- external_react_default().createElement("span", { "data-fs-order-summary-subtotal-label": true, "data-testid": `${testId}-subtotal-label` }, subtotalLabel),
381
- external_react_default().createElement("span", { "data-fs-order-summary-subtotal-value": true, "data-testid": `${testId}-subtotal-value` }, subtotalValue))) : null,
382
- discountValue ? (external_react_default().createElement("li", { "data-fs-order-summary-discount": true },
383
- external_react_default().createElement("span", { "data-fs-order-summary-discount-label": true, "data-testid": `${testId}-discount-label` }, discountLabel),
384
- external_react_default().createElement("span", { "data-fs-order-summary-discount-value": true, "data-testid": `${testId}-discount-value` }, discountValue))) : null,
385
- external_react_default().createElement("li", { "data-fs-order-summary-total": true },
386
- external_react_default().createElement("span", { "data-fs-order-summary-total-label": true, "data-testid": `${testId}-total-label` }, totalLabel),
387
- external_react_default().createElement("span", { "data-fs-order-summary-total-value": true, "data-testid": `${testId}-total-value` }, totalValue))));
388
- });
389
- /* harmony default export */ const OrderSummary_OrderSummary = (OrderSummary);
390
- //# sourceMappingURL=OrderSummary.js.map
391
- // EXTERNAL MODULE: ./src/components/cart/OrderSummary/order-summary.module.scss
392
- var order_summary_module = __webpack_require__(9320);
393
- var order_summary_module_default = /*#__PURE__*/__webpack_require__.n(order_summary_module);
394
- ;// CONCATENATED MODULE: ./src/components/cart/OrderSummary/OrderSummary.tsx
395
-
396
-
397
-
398
-
399
-
400
-
401
- function OrderSummary_OrderSummary_OrderSummary({
402
- subTotal,
403
- total,
404
- numberOfItems,
405
- checkoutButton
406
- }) {
407
- const discount = subTotal - total;
408
- const formattedDiscount = (0,useFormattedPrice/* useFormattedPrice */.P)(discount);
409
- return /*#__PURE__*/(0,jsx_runtime_.jsxs)("div", {
410
- className: (order_summary_module_default()).fsOrderSummary,
411
- children: [/*#__PURE__*/jsx_runtime_.jsx(OrderSummary_OrderSummary, {
412
- subtotalLabel: `Subtotal (${numberOfItems} products)`,
413
- subtotalValue: (0,useFormattedPrice/* useFormattedPrice */.P)(subTotal),
414
- discountLabel: "Discount",
415
- discountValue: discount > 0 ? `-${formattedDiscount}` : undefined,
416
- totalLabel: "Total",
417
- totalValue: (0,useFormattedPrice/* useFormattedPrice */.P)(total)
418
- }), checkoutButton]
419
- });
420
- }
421
-
422
- /* harmony default export */ const cart_OrderSummary_OrderSummary = (OrderSummary_OrderSummary_OrderSummary);
423
- ;// CONCATENATED MODULE: ./src/components/cart/OrderSummary/index.ts
424
-
425
- // EXTERNAL MODULE: ./src/components/cart/CartSidebar/cart-sidebar.module.scss
426
- var cart_sidebar_module = __webpack_require__(285);
427
- var cart_sidebar_module_default = /*#__PURE__*/__webpack_require__.n(cart_sidebar_module);
428
- ;// CONCATENATED MODULE: ./src/components/cart/CartSidebar/CartSidebar.tsx
429
- 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; }
430
-
431
- 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; }
432
-
433
- 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; }
434
-
435
-
436
-
437
-
438
-
439
-
440
-
441
-
442
-
443
-
444
-
445
-
446
-
447
-
448
-
449
-
450
-
451
- function CartSidebar() {
452
- const {
453
- currency
454
- } = (0,session/* useSession */.kP)();
455
- const btnProps = useCheckoutButton();
456
- const cart = (0,sdk_cart/* useCart */.jD)();
457
- const {
458
- cart: displayCart,
459
- closeCart
460
- } = (0,UIProvider/* useUI */.l)();
461
- const {
462
- fade,
463
- fadeOut
464
- } = (0,useFadeEffect/* useFadeEffect */.b)();
465
- const {
466
- items,
467
- gifts,
468
- totalItems,
469
- isValidating,
470
- subTotal,
471
- total
472
- } = cart;
473
- const isEmpty = items.length === 0;
474
- (0,external_react_.useEffect)(() => {
475
- (0,sendAnalyticsEvent/* sendAnalyticsEvent */._)({
476
- name: 'view_cart',
477
- params: {
478
- currency: currency.code,
479
- value: total,
480
- items: items.concat(gifts).map(item => ({
481
- item_id: item.itemOffered.isVariantOf.productGroupID,
482
- item_name: item.itemOffered.isVariantOf.name,
483
- item_brand: item.itemOffered.brand.name,
484
- item_variant: item.itemOffered.sku,
485
- quantity: item.quantity,
486
- price: item.price,
487
- discount: item.listPrice - item.price,
488
- currency: currency.code,
489
- item_variant_name: item.itemOffered.name,
490
- product_reference_id: item.itemOffered.gtin
491
- }))
492
- }
493
- }); // eslint-disable-next-line react-hooks/exhaustive-deps
494
- }, []);
495
- const closeBtnProps = {
496
- testId: 'cart-sidebar-button-close'
497
- };
498
- return /*#__PURE__*/(0,jsx_runtime_.jsxs)(SlideOver/* default */.Z, {
499
- fade: fade,
500
- isOpen: displayCart,
501
- onDismiss: () => fadeOut(),
502
- size: "partial",
503
- direction: "rightSide",
504
- className: (cart_sidebar_module_default()).fsCartSidebar,
505
- onTransitionEnd: () => fade === 'out' && closeCart(),
506
- "data-testid": "cart-sidebar",
507
- children: [/*#__PURE__*/jsx_runtime_.jsx(SlideOverHeader/* default */.Z, {
508
- closeBtnProps: closeBtnProps,
509
- onClose: fadeOut,
510
- children: /*#__PURE__*/(0,jsx_runtime_.jsxs)("div", {
511
- "data-fs-cart-sidebar-title": true,
512
- children: [/*#__PURE__*/jsx_runtime_.jsx("p", {
513
- "data-fs-cart-sidebar-title-text": true,
514
- className: "text__lead",
515
- children: "Your Cart"
516
- }), /*#__PURE__*/jsx_runtime_.jsx(Badge/* default */.Z, {
517
- variant: "info",
518
- children: totalItems
519
- })]
520
- })
521
- }), /*#__PURE__*/jsx_runtime_.jsx(Alert/* default */.Z, {
522
- icon: /*#__PURE__*/jsx_runtime_.jsx(Icon/* default */.Z, {
523
- name: "Truck"
524
- }),
525
- children: "Free shipping starts at $300"
526
- }), isEmpty ? /*#__PURE__*/jsx_runtime_.jsx(EmptyCart_EmptyCart, {
527
- onDismiss: fadeOut
528
- }) : /*#__PURE__*/(0,jsx_runtime_.jsxs)(jsx_runtime_.Fragment, {
529
- children: [/*#__PURE__*/(0,jsx_runtime_.jsxs)(List/* default */.Z, {
530
- "data-fs-cart-sidebar-list": true,
531
- children: [items.map(item => /*#__PURE__*/jsx_runtime_.jsx("li", {
532
- children: /*#__PURE__*/jsx_runtime_.jsx(cart_CartItem_CartItem, {
533
- item: item
534
- })
535
- }, item.id)), gifts.length > 0 && /*#__PURE__*/jsx_runtime_.jsx(jsx_runtime_.Fragment, {
536
- children: gifts.map(item => /*#__PURE__*/jsx_runtime_.jsx("li", {
537
- children: /*#__PURE__*/jsx_runtime_.jsx(ui_Gift_Gift, {
538
- item: item
539
- })
540
- }, item.id))
541
- })]
542
- }), /*#__PURE__*/jsx_runtime_.jsx("footer", {
543
- "data-fs-cart-sidebar-footer": true,
544
- children: /*#__PURE__*/jsx_runtime_.jsx(cart_OrderSummary_OrderSummary, {
545
- subTotal: subTotal,
546
- total: total,
547
- numberOfItems: totalItems,
548
- checkoutButton: /*#__PURE__*/jsx_runtime_.jsx(Button/* default */.Z, CartSidebar_objectSpread(CartSidebar_objectSpread({
549
- "data-fs-cart-sidebar-checkout-button": true,
550
- variant: "primary",
551
- icon: !isValidating && /*#__PURE__*/jsx_runtime_.jsx(Icon/* default */.Z, {
552
- name: "ArrowRight",
553
- width: 18,
554
- height: 18
555
- }),
556
- iconPosition: "right"
557
- }, btnProps), {}, {
558
- children: isValidating ? 'Loading...' : 'Checkout'
559
- }))
560
- })
561
- })]
562
- })]
563
- });
564
- }
565
-
566
- /* harmony default export */ const CartSidebar_CartSidebar = (CartSidebar);
567
- ;// CONCATENATED MODULE: ./src/components/cart/CartSidebar/index.ts
568
-
569
-
570
- /***/ }),
571
-
572
- /***/ 9509:
573
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
574
-
575
- "use strict";
576
-
577
- // EXPORTS
578
- __webpack_require__.d(__webpack_exports__, {
579
- "Z": () => (/* reexport */ EmptyState_EmptyState)
580
- });
581
-
582
- // EXTERNAL MODULE: ./src/components/ui/EmptyState/empty-state.module.scss
583
- var empty_state_module = __webpack_require__(8098);
584
- var empty_state_module_default = /*#__PURE__*/__webpack_require__.n(empty_state_module);
585
- // EXTERNAL MODULE: external "react/jsx-runtime"
586
- var jsx_runtime_ = __webpack_require__(997);
587
- ;// CONCATENATED MODULE: ./src/components/ui/EmptyState/EmptyState.tsx
588
-
589
-
590
-
591
- function EmptyState({
592
- children,
593
- variant = 'default'
594
- }) {
595
- return /*#__PURE__*/jsx_runtime_.jsx("section", {
596
- className: (empty_state_module_default()).fsEmptyState,
597
- "data-fs-empty-state": true,
598
- "data-fs-empty-state-variant": variant,
599
- children: children
600
- });
601
- }
602
-
603
- /* harmony default export */ const EmptyState_EmptyState = (EmptyState);
604
- ;// CONCATENATED MODULE: ./src/components/ui/EmptyState/index.ts
605
-
606
-
607
- /***/ }),
608
-
609
- /***/ 285:
610
- /***/ ((module) => {
611
-
612
- // Exports
613
- module.exports = {
614
- "fs-cart-sidebar": "cart-sidebar_fs-cart-sidebar__vg9bV",
615
- "fsCartSidebar": "cart-sidebar_fs-cart-sidebar__vg9bV"
616
- };
617
-
618
-
619
- /***/ }),
620
-
621
- /***/ 9320:
622
- /***/ ((module) => {
623
-
624
- // Exports
625
- module.exports = {
626
- "fs-order-summary": "order-summary_fs-order-summary___R2v8",
627
- "fsOrderSummary": "order-summary_fs-order-summary___R2v8"
628
- };
629
-
630
-
631
- /***/ }),
632
-
633
- /***/ 8098:
634
- /***/ ((module) => {
635
-
636
- // Exports
637
- module.exports = {
638
- "fs-empty-state": "empty-state_fs-empty-state__F7Xul",
639
- "fsEmptyState": "empty-state_fs-empty-state__F7Xul"
640
- };
641
-
642
-
643
- /***/ })
644
-
645
- };
646
- ;