@faststore/core 2.0.101-alpha.0 → 2.0.103-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 (160) hide show
  1. package/.turbo/turbo-build.log +6 -6
  2. package/CHANGELOG.md +12 -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/src/components/sections/ProductDetails/ProductDetails.tsx +1 -1
  9. package/src/components/ui/ImageGallery/ImageGallery.tsx +28 -24
  10. package/src/components/ui/ImageGallery/index.ts +2 -4
  11. package/.next/BUILD_ID +0 -1
  12. package/.next/build-manifest.json +0 -99
  13. package/.next/cache/.tsbuildinfo +0 -1
  14. package/.next/cache/config.json +0 -7
  15. package/.next/cache/eslint/.cache_1gneedd +0 -1
  16. package/.next/cache/next-server.js.nft.json +0 -1
  17. package/.next/cache/webpack/client-production/0.pack +0 -0
  18. package/.next/cache/webpack/client-production/index.pack +0 -0
  19. package/.next/cache/webpack/server-production/0.pack +0 -0
  20. package/.next/cache/webpack/server-production/index.pack +0 -0
  21. package/.next/export-marker.json +0 -1
  22. package/.next/images-manifest.json +0 -1
  23. package/.next/next-server.js.nft.json +0 -1
  24. package/.next/package.json +0 -1
  25. package/.next/prerender-manifest.json +0 -1
  26. package/.next/react-loadable-manifest.json +0 -44
  27. package/.next/required-server-files.json +0 -1
  28. package/.next/routes-manifest.json +0 -1
  29. package/.next/server/chunks/120.js +0 -435
  30. package/.next/server/chunks/123.js +0 -58
  31. package/.next/server/chunks/1394.js +0 -3801
  32. package/.next/server/chunks/1608.js +0 -515
  33. package/.next/server/chunks/2154.js +0 -206
  34. package/.next/server/chunks/247.js +0 -61
  35. package/.next/server/chunks/2914.js +0 -95
  36. package/.next/server/chunks/2922.js +0 -7293
  37. package/.next/server/chunks/3264.js +0 -67
  38. package/.next/server/chunks/3431.js +0 -7241
  39. package/.next/server/chunks/350.js +0 -142
  40. package/.next/server/chunks/3746.js +0 -237
  41. package/.next/server/chunks/3898.js +0 -240
  42. package/.next/server/chunks/4312.js +0 -674
  43. package/.next/server/chunks/4371.js +0 -1473
  44. package/.next/server/chunks/5098.js +0 -124
  45. package/.next/server/chunks/5576.js +0 -72
  46. package/.next/server/chunks/6280.js +0 -322
  47. package/.next/server/chunks/6465.js +0 -91
  48. package/.next/server/chunks/676.js +0 -32
  49. package/.next/server/chunks/6859.js +0 -959
  50. package/.next/server/chunks/6881.js +0 -320
  51. package/.next/server/chunks/6898.js +0 -149
  52. package/.next/server/chunks/7104.js +0 -196
  53. package/.next/server/chunks/7181.js +0 -658
  54. package/.next/server/chunks/7183.js +0 -72
  55. package/.next/server/chunks/7992.js +0 -570
  56. package/.next/server/chunks/8098.js +0 -246
  57. package/.next/server/chunks/810.js +0 -432
  58. package/.next/server/chunks/8287.js +0 -58
  59. package/.next/server/chunks/9143.js +0 -106
  60. package/.next/server/chunks/9152.js +0 -213
  61. package/.next/server/chunks/953.js +0 -646
  62. package/.next/server/chunks/9557.js +0 -117
  63. package/.next/server/chunks/9854.js +0 -72
  64. package/.next/server/chunks/font-manifest.json +0 -1
  65. package/.next/server/font-manifest.json +0 -1
  66. package/.next/server/middleware-build-manifest.js +0 -1
  67. package/.next/server/middleware-manifest.json +0 -6
  68. package/.next/server/middleware-react-loadable-manifest.js +0 -1
  69. package/.next/server/pages/404.js.nft.json +0 -1
  70. package/.next/server/pages/500.js.nft.json +0 -1
  71. package/.next/server/pages/[...slug].js +0 -671
  72. package/.next/server/pages/[...slug].js.nft.json +0 -1
  73. package/.next/server/pages/[slug]/p.js +0 -2393
  74. package/.next/server/pages/[slug]/p.js.nft.json +0 -1
  75. package/.next/server/pages/_app.js +0 -2369
  76. package/.next/server/pages/_app.js.nft.json +0 -1
  77. package/.next/server/pages/_document.js +0 -304
  78. package/.next/server/pages/_document.js.nft.json +0 -1
  79. package/.next/server/pages/_error.js +0 -164
  80. package/.next/server/pages/_error.js.nft.json +0 -1
  81. package/.next/server/pages/account.js.nft.json +0 -1
  82. package/.next/server/pages/api/graphql.js +0 -315
  83. package/.next/server/pages/api/graphql.js.nft.json +0 -1
  84. package/.next/server/pages/api/preview.js +0 -118
  85. package/.next/server/pages/api/preview.js.nft.json +0 -1
  86. package/.next/server/pages/checkout.js.nft.json +0 -1
  87. package/.next/server/pages/en-US/404.html +0 -81
  88. package/.next/server/pages/en-US/500.html +0 -81
  89. package/.next/server/pages/en-US/account.html +0 -81
  90. package/.next/server/pages/en-US/checkout.html +0 -81
  91. package/.next/server/pages/en-US/login.html +0 -81
  92. package/.next/server/pages/en-US/s.html +0 -81
  93. package/.next/server/pages/en-US.html +0 -81
  94. package/.next/server/pages/en-US.json +0 -1
  95. package/.next/server/pages/index.js +0 -428
  96. package/.next/server/pages/index.js.nft.json +0 -1
  97. package/.next/server/pages/login.js.nft.json +0 -1
  98. package/.next/server/pages/s.js.nft.json +0 -1
  99. package/.next/server/pages-manifest.json +0 -16
  100. package/.next/server/webpack-api-runtime.js +0 -229
  101. package/.next/server/webpack-runtime.js +0 -229
  102. package/.next/static/V0z729OIqsX7azqcAGJ5Q/_buildManifest.js +0 -1
  103. package/.next/static/V0z729OIqsX7azqcAGJ5Q/_ssgManifest.js +0 -1
  104. package/.next/static/chunks/143.dd8a556e6957baa1.js +0 -1
  105. package/.next/static/chunks/152.57849458d8337a92.js +0 -1
  106. package/.next/static/chunks/264-6dc2258a751b3d74.js +0 -1
  107. package/.next/static/chunks/351-a4e28d64f48c5269.js +0 -1
  108. package/.next/static/chunks/608.59e69b83f35d9c44.js +0 -1
  109. package/.next/static/chunks/651.7142f31ce1e052b3.js +0 -1
  110. package/.next/static/chunks/686.6c345856d484363b.js +0 -1
  111. package/.next/static/chunks/741.52f7fb873418346f.js +0 -1
  112. package/.next/static/chunks/781-7df372b5b56e3f96.js +0 -1
  113. package/.next/static/chunks/843.e1d0f9260a52f32c.js +0 -1
  114. package/.next/static/chunks/98.97381d2021f86cd9.js +0 -1
  115. package/.next/static/chunks/996.64460309250b214c.js +0 -1
  116. package/.next/static/chunks/framework-dfd14d7ce6600b03.js +0 -1
  117. package/.next/static/chunks/main-9746772201fe3ac1.js +0 -1
  118. package/.next/static/chunks/pages/404-ba608a2a9f0c420a.js +0 -1
  119. package/.next/static/chunks/pages/500-910883c20541d9ce.js +0 -1
  120. package/.next/static/chunks/pages/[...slug]-417e3b51bda1f5f3.js +0 -1
  121. package/.next/static/chunks/pages/[slug]/p-cbb4ca8d57bafa9f.js +0 -1
  122. package/.next/static/chunks/pages/_app-6dc7b0c168e15d5c.js +0 -1
  123. package/.next/static/chunks/pages/_error-a7a0c1d9bfbb4f38.js +0 -1
  124. package/.next/static/chunks/pages/account-b8fc5222ffe89b60.js +0 -1
  125. package/.next/static/chunks/pages/checkout-f8cb7cb22225ef9d.js +0 -1
  126. package/.next/static/chunks/pages/index-9ea3f7868f5ed138.js +0 -1
  127. package/.next/static/chunks/pages/login-33954810b200eca8.js +0 -1
  128. package/.next/static/chunks/pages/s-ba2868e14fedb65b.js +0 -1
  129. package/.next/static/chunks/polyfills-c67a75d1b6f99dc8.js +0 -1
  130. package/.next/static/chunks/webpack-65b155971f3eac57.js +0 -1
  131. package/.next/static/css/10db3bc7ecdf0556.css +0 -1
  132. package/.next/static/css/43d61b402f41569b.css +0 -1
  133. package/.next/static/css/4899c3cc356704f9.css +0 -1
  134. package/.next/static/css/6507cb48401e73a4.css +0 -1
  135. package/.next/static/css/8ea129ea90e49e98.css +0 -1
  136. package/.next/static/css/b2f16bd4b93e0aca.css +0 -1
  137. package/.next/static/css/db63ea05e98cb7e8.css +0 -1
  138. package/.next/static/css/ea60a7e6c07ee644.css +0 -1
  139. package/.next/static/media/brandless-neutral.76ddf63a.png +0 -0
  140. package/.next/trace +0 -65
  141. package/public/~partytown/debug/partytown-atomics.js +0 -556
  142. package/public/~partytown/debug/partytown-media.js +0 -374
  143. package/public/~partytown/debug/partytown-sandbox-sw.js +0 -543
  144. package/public/~partytown/debug/partytown-sw.js +0 -59
  145. package/public/~partytown/debug/partytown-ww-atomics.js +0 -1789
  146. package/public/~partytown/debug/partytown-ww-sw.js +0 -1781
  147. package/public/~partytown/debug/partytown.js +0 -72
  148. package/public/~partytown/partytown-atomics.js +0 -2
  149. package/public/~partytown/partytown-media.js +0 -2
  150. package/public/~partytown/partytown-sw.js +0 -2
  151. package/public/~partytown/partytown.js +0 -2
  152. package/src/components/cart/CartItem/CartItem.stories.mdx +0 -134
  153. package/src/components/cart/CartSidebar/CartSidebar.stories.mdx +0 -105
  154. package/src/components/cart/CartSidebar/cart-sidebar.module.scss +0 -57
  155. package/src/components/cart/OrderSummary/order-summary.module.scss +0 -22
  156. package/src/components/ui/ImageGallery/ImageGallery.stories.mdx +0 -173
  157. package/src/components/ui/ImageGallery/ImageGallerySelector.tsx +0 -121
  158. package/src/components/ui/ImageGallery/ImageZoom.tsx +0 -12
  159. package/src/components/ui/ImageGallery/image-gallery-selector.module.scss +0 -137
  160. package/src/components/ui/ImageGallery/image-gallery.module.scss +0 -56
@@ -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
- ;