@faststore/core 2.1.96 → 2.1.99

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 +2 -2
  2. package/cms/faststore/sections.json +12 -0
  3. package/package.json +8 -8
  4. package/src/components/product/NotAvailableButton/NotAvailableButton.tsx +13 -0
  5. package/src/components/product/NotAvailableButton/index.ts +1 -0
  6. package/src/components/sections/ProductDetails/Overrides.tsx +4 -0
  7. package/src/components/sections/ProductDetails/ProductDetails.tsx +21 -15
  8. package/src/components/ui/ProductDetails/ProductDetailsSettings.tsx +88 -68
  9. package/src/typings/overrides.ts +1 -0
  10. package/.next/BUILD_ID +0 -1
  11. package/.next/build-manifest.json +0 -129
  12. package/.next/cache/.tsbuildinfo +0 -1
  13. package/.next/cache/config.json +0 -7
  14. package/.next/cache/eslint/.cache_1gneedd +0 -1
  15. package/.next/cache/next-server.js.nft.json +0 -1
  16. package/.next/cache/webpack/client-production/0.pack +0 -0
  17. package/.next/cache/webpack/client-production/index.pack +0 -0
  18. package/.next/cache/webpack/server-production/0.pack +0 -0
  19. package/.next/cache/webpack/server-production/index.pack +0 -0
  20. package/.next/export-marker.json +0 -1
  21. package/.next/images-manifest.json +0 -1
  22. package/.next/next-server.js.nft.json +0 -1
  23. package/.next/package.json +0 -1
  24. package/.next/prerender-manifest.json +0 -1
  25. package/.next/react-loadable-manifest.json +0 -44
  26. package/.next/required-server-files.json +0 -1
  27. package/.next/routes-manifest.json +0 -1
  28. package/.next/server/chunks/177.js +0 -120
  29. package/.next/server/chunks/183.js +0 -95
  30. package/.next/server/chunks/184.js +0 -61
  31. package/.next/server/chunks/186.js +0 -113
  32. package/.next/server/chunks/289.js +0 -239
  33. package/.next/server/chunks/312.js +0 -697
  34. package/.next/server/chunks/350.js +0 -143
  35. package/.next/server/chunks/483.js +0 -650
  36. package/.next/server/chunks/487.js +0 -9142
  37. package/.next/server/chunks/53.js +0 -61
  38. package/.next/server/chunks/530.js +0 -648
  39. package/.next/server/chunks/574.js +0 -145
  40. package/.next/server/chunks/576.js +0 -95
  41. package/.next/server/chunks/650.js +0 -9142
  42. package/.next/server/chunks/676.js +0 -32
  43. package/.next/server/chunks/693.js +0 -58
  44. package/.next/server/chunks/71.js +0 -1252
  45. package/.next/server/chunks/74.js +0 -4087
  46. package/.next/server/chunks/753.js +0 -509
  47. package/.next/server/chunks/779.js +0 -58
  48. package/.next/server/chunks/825.js +0 -4039
  49. package/.next/server/chunks/854.js +0 -72
  50. package/.next/server/chunks/859.js +0 -959
  51. package/.next/server/chunks/907.js +0 -1933
  52. package/.next/server/chunks/933.js +0 -521
  53. package/.next/server/chunks/98.js +0 -163
  54. package/.next/server/chunks/988.js +0 -211
  55. package/.next/server/chunks/font-manifest.json +0 -1
  56. package/.next/server/font-manifest.json +0 -1
  57. package/.next/server/middleware-build-manifest.js +0 -1
  58. package/.next/server/middleware-manifest.json +0 -6
  59. package/.next/server/middleware-react-loadable-manifest.js +0 -1
  60. package/.next/server/pages/404.js +0 -386
  61. package/.next/server/pages/404.js.nft.json +0 -1
  62. package/.next/server/pages/500.js +0 -388
  63. package/.next/server/pages/500.js.nft.json +0 -1
  64. package/.next/server/pages/[...slug].js +0 -1006
  65. package/.next/server/pages/[...slug].js.nft.json +0 -1
  66. package/.next/server/pages/[slug]/p.js +0 -2289
  67. package/.next/server/pages/[slug]/p.js.nft.json +0 -1
  68. package/.next/server/pages/_app.js +0 -280
  69. package/.next/server/pages/_app.js.nft.json +0 -1
  70. package/.next/server/pages/_document.js +0 -374
  71. package/.next/server/pages/_document.js.nft.json +0 -1
  72. package/.next/server/pages/_error.js +0 -164
  73. package/.next/server/pages/_error.js.nft.json +0 -1
  74. package/.next/server/pages/account.js +0 -363
  75. package/.next/server/pages/account.js.nft.json +0 -1
  76. package/.next/server/pages/api/graphql.js +0 -365
  77. package/.next/server/pages/api/graphql.js.nft.json +0 -1
  78. package/.next/server/pages/api/health/live.js +0 -31
  79. package/.next/server/pages/api/health/live.js.nft.json +0 -1
  80. package/.next/server/pages/api/health/ready.js +0 -31
  81. package/.next/server/pages/api/health/ready.js.nft.json +0 -1
  82. package/.next/server/pages/api/preview.js +0 -148
  83. package/.next/server/pages/api/preview.js.nft.json +0 -1
  84. package/.next/server/pages/checkout.js +0 -363
  85. package/.next/server/pages/checkout.js.nft.json +0 -1
  86. package/.next/server/pages/en-US/404.html +0 -81
  87. package/.next/server/pages/en-US/404.json +0 -1
  88. package/.next/server/pages/en-US/500.html +0 -81
  89. package/.next/server/pages/en-US/500.json +0 -1
  90. package/.next/server/pages/en-US/account.html +0 -81
  91. package/.next/server/pages/en-US/account.json +0 -1
  92. package/.next/server/pages/en-US/checkout.html +0 -81
  93. package/.next/server/pages/en-US/checkout.json +0 -1
  94. package/.next/server/pages/en-US/login.html +0 -81
  95. package/.next/server/pages/en-US/login.json +0 -1
  96. package/.next/server/pages/en-US/s.html +0 -81
  97. package/.next/server/pages/en-US/s.json +0 -1
  98. package/.next/server/pages/en-US.html +0 -81
  99. package/.next/server/pages/en-US.json +0 -1
  100. package/.next/server/pages/index.js +0 -439
  101. package/.next/server/pages/index.js.nft.json +0 -1
  102. package/.next/server/pages/login.js +0 -368
  103. package/.next/server/pages/login.js.nft.json +0 -1
  104. package/.next/server/pages/s.js +0 -466
  105. package/.next/server/pages/s.js.nft.json +0 -1
  106. package/.next/server/pages-manifest.json +0 -18
  107. package/.next/server/webpack-api-runtime.js +0 -229
  108. package/.next/server/webpack-runtime.js +0 -229
  109. package/.next/static/8EkJazrZDz4rsTIa4IP5R/_buildManifest.js +0 -1
  110. package/.next/static/8EkJazrZDz4rsTIa4IP5R/_ssgManifest.js +0 -1
  111. package/.next/static/chunks/148.3bb7e05cc5d1c1c4.js +0 -1
  112. package/.next/static/chunks/238-2ad31f382e7c6f14.js +0 -1
  113. package/.next/static/chunks/243-8c394e91ccf75fdb.js +0 -1
  114. package/.next/static/chunks/530.da3ec94477af00a4.js +0 -1
  115. package/.next/static/chunks/548-ab84e9e8b49413ab.js +0 -1
  116. package/.next/static/chunks/574.70612be06fd1365f.js +0 -1
  117. package/.next/static/chunks/603-be78b9dfb8fa6c49.js +0 -1
  118. package/.next/static/chunks/651.7142f31ce1e052b3.js +0 -1
  119. package/.next/static/chunks/709.7bc5a25ce30abda6.js +0 -1
  120. package/.next/static/chunks/738-67a288ca3569cdbb.js +0 -1
  121. package/.next/static/chunks/741.52f7fb873418346f.js +0 -1
  122. package/.next/static/chunks/98.40c7e17d9de4eb8f.js +0 -1
  123. package/.next/static/chunks/988.d10040040cdfebbb.js +0 -1
  124. package/.next/static/chunks/framework-dfd14d7ce6600b03.js +0 -1
  125. package/.next/static/chunks/main-fd466221927468fd.js +0 -1
  126. package/.next/static/chunks/pages/404-af78f7cd1d3c1f60.js +0 -1
  127. package/.next/static/chunks/pages/500-f6346ca5f9dc4fef.js +0 -1
  128. package/.next/static/chunks/pages/[...slug]-ca533c74c22cb787.js +0 -1
  129. package/.next/static/chunks/pages/[slug]/p-3383e9b97bffafdd.js +0 -1
  130. package/.next/static/chunks/pages/_app-40cff0982559d0b8.js +0 -1
  131. package/.next/static/chunks/pages/_error-a7a0c1d9bfbb4f38.js +0 -1
  132. package/.next/static/chunks/pages/account-05bd79fb78365e88.js +0 -1
  133. package/.next/static/chunks/pages/checkout-c973786e68f25a39.js +0 -1
  134. package/.next/static/chunks/pages/index-d521ce4f4e2b89a6.js +0 -1
  135. package/.next/static/chunks/pages/login-8deb9243376b6aa1.js +0 -1
  136. package/.next/static/chunks/pages/s-1f885639c2605ace.js +0 -1
  137. package/.next/static/chunks/polyfills-c67a75d1b6f99dc8.js +0 -1
  138. package/.next/static/chunks/webpack-fac5a4eeea429971.js +0 -1
  139. package/.next/static/css/373ae96b742c3694.css +0 -1
  140. package/.next/static/css/527e334fa69cf40a.css +0 -1
  141. package/.next/static/css/6e1a7434f061d0ef.css +0 -1
  142. package/.next/static/css/7ca374e5534a3f68.css +0 -1
  143. package/.next/static/css/9e76fef1c9ca89af.css +0 -1
  144. package/.next/static/css/a2eefb25a4608343.css +0 -1
  145. package/.next/static/css/cb7d1fcea42fab9c.css +0 -1
  146. package/.next/static/css/df588bb98c0b0ca6.css +0 -1
  147. package/.next/static/css/e3b039e8f5daf95f.css +0 -1
  148. package/.next/static/css/f0e2d1b8832e935d.css +0 -1
  149. package/.next/trace +0 -80
  150. package/public/~partytown/debug/partytown-atomics.js +0 -556
  151. package/public/~partytown/debug/partytown-media.js +0 -374
  152. package/public/~partytown/debug/partytown-sandbox-sw.js +0 -543
  153. package/public/~partytown/debug/partytown-sw.js +0 -59
  154. package/public/~partytown/debug/partytown-ww-atomics.js +0 -1789
  155. package/public/~partytown/debug/partytown-ww-sw.js +0 -1781
  156. package/public/~partytown/debug/partytown.js +0 -72
  157. package/public/~partytown/partytown-atomics.js +0 -2
  158. package/public/~partytown/partytown-media.js +0 -2
  159. package/public/~partytown/partytown-sw.js +0 -2
  160. package/public/~partytown/partytown.js +0 -2
@@ -1,521 +0,0 @@
1
- "use strict";
2
- exports.id = 933;
3
- exports.ids = [933];
4
- exports.modules = {
5
-
6
- /***/ 10792:
7
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
8
-
9
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
10
- /* harmony export */ "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
11
- /* harmony export */ });
12
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(16689);
13
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
14
-
15
- const Skeleton = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function Skeleton({ testId = 'fs-skeleton', loading = true, shimmer = true, children, size, border, borderRadius, ...otherProps }, ref) {
16
- const styles = {
17
- width: size.width,
18
- height: size.height,
19
- };
20
- return loading ? (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { ref: ref, "data-fs-skeleton": true, "data-testid": testId, "data-fs-skeleton-border": border ? border : null, style: borderRadius ? { ...styles, borderRadius: borderRadius } : styles, ...otherProps }, shimmer && react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { "data-fs-skeleton-shimmer": true }))) : (react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, children));
21
- });
22
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Skeleton);
23
- //# sourceMappingURL=Skeleton.js.map
24
-
25
- /***/ }),
26
-
27
- /***/ 2946:
28
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
29
-
30
-
31
- // EXPORTS
32
- __webpack_require__.d(__webpack_exports__, {
33
- "Z": () => (/* binding */ DiscountBadge_DiscountBadge)
34
- });
35
-
36
- // EXTERNAL MODULE: external "react"
37
- var external_react_ = __webpack_require__(16689);
38
- var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
39
- // EXTERNAL MODULE: ../components/dist/esm/atoms/Badge/Badge.js
40
- var Badge = __webpack_require__(40276);
41
- ;// CONCATENATED MODULE: ../components/dist/esm/molecules/DiscountBadge/useDiscountPercent.js
42
-
43
- const useDiscountPercent = (listPrice, spotPrice) => {
44
- return (0,external_react_.useMemo)(() => {
45
- const diff = listPrice - spotPrice;
46
- const discount = (diff * 100) / listPrice;
47
- return Math.round(discount);
48
- }, [spotPrice, listPrice]);
49
- };
50
- //# sourceMappingURL=useDiscountPercent.js.map
51
- ;// CONCATENATED MODULE: ../components/dist/esm/molecules/DiscountBadge/DiscountBadge.js
52
-
53
-
54
-
55
- const DiscountBadge = ({ listPrice, spotPrice, thresholdLow = 15, thresholdHigh = 40, size, testId = 'fs-discount-badge', }) => {
56
- const discountPercent = useDiscountPercent(listPrice, spotPrice);
57
- if (discountPercent === 0) {
58
- return external_react_default().createElement((external_react_default()).Fragment, null);
59
- }
60
- const discountVariant = discountPercent <= thresholdLow
61
- ? 'low'
62
- : discountPercent <= thresholdHigh
63
- ? 'medium'
64
- : 'high';
65
- return (external_react_default().createElement(Badge/* default */.Z, { "data-fs-discount-badge": true, "data-fs-discount-badge-variant": discountVariant, size: size, "data-testid": testId },
66
- discountPercent,
67
- "% off"));
68
- };
69
- /* harmony default export */ const DiscountBadge_DiscountBadge = (DiscountBadge);
70
- //# sourceMappingURL=DiscountBadge.js.map
71
-
72
- /***/ }),
73
-
74
- /***/ 13024:
75
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
76
-
77
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
78
- /* harmony export */ "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
79
- /* harmony export */ });
80
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(16689);
81
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
82
- /* harmony import */ var ___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2614);
83
- /* harmony import */ var ___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(37041);
84
- /* harmony import */ var _atoms_List__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(94564);
85
-
86
-
87
-
88
- const Rating = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function Rating({ children, testId = 'fs-rating', length = 5, value = 0, icon, onChange, ...otherProps }, ref) {
89
- const [hover, setHover] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(0);
90
- const outlineProps = { 'data-fs-rating-icon-outline': true };
91
- const ratingIcon = react__WEBPACK_IMPORTED_MODULE_0___default().isValidElement(icon) ? icon : react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, { name: "Star" });
92
- return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_atoms_List__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, { ref: ref, "data-fs-rating": true, "data-fs-rating-actionable": typeof onChange === 'function', "data-testid": testId, ...otherProps }, Array.from({ length }).map((_, index) => {
93
- const tempIndex = index + 1;
94
- const fillCheck = () => {
95
- if (tempIndex <= (hover || value)) {
96
- return 'full';
97
- }
98
- if (tempIndex - value > 0 && tempIndex - value < 1) {
99
- return 'partial';
100
- }
101
- return 'empty';
102
- };
103
- return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", { key: `rating-${index}`, "data-fs-rating-item": fillCheck(), "data-testid": `${testId}-item` }, onChange ? (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, { "data-fs-rating-button": true, icon: ratingIcon, size: "small", "aria-label": "rate", onClick: () => {
104
- onChange(tempIndex);
105
- }, onMouseEnter: () => setHover(tempIndex), onMouseLeave: () => setHover(value) })) : (react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null,
106
- react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { "data-fs-rating-icon-wrapper": true }, ratingIcon),
107
- react__WEBPACK_IMPORTED_MODULE_0___default().isValidElement(icon) ? (react__WEBPACK_IMPORTED_MODULE_0___default().cloneElement(icon, outlineProps)) : (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, { name: "Star", "data-fs-rating-icon-outline": true }))))));
108
- })));
109
- });
110
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Rating);
111
- //# sourceMappingURL=Rating.js.map
112
-
113
- /***/ }),
114
-
115
- /***/ 8091:
116
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
117
-
118
-
119
- // EXPORTS
120
- __webpack_require__.d(__webpack_exports__, {
121
- "Z": () => (/* reexport */ product_ProductCard_ProductCard)
122
- });
123
-
124
- // EXTERNAL MODULE: external "react"
125
- var external_react_ = __webpack_require__(16689);
126
- var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
127
- ;// CONCATENATED MODULE: ../components/dist/esm/molecules/ProductCard/ProductCard.js
128
-
129
- const ProductCard = (0,external_react_.forwardRef)(function ProductCard({ testId = 'fs-product-card', variant = 'default', bordered = false, outOfStock, children, ...otherProps }, ref) {
130
- return (external_react_default().createElement("article", { ref: ref, "data-fs-product-card": outOfStock ? 'out-of-stock' : '', "data-fs-product-card-variant": variant, "data-fs-product-card-bordered": bordered, "data-testid": testId, ...otherProps }, children));
131
- });
132
- /* harmony default export */ const ProductCard_ProductCard = (ProductCard);
133
- //# sourceMappingURL=ProductCard.js.map
134
- ;// CONCATENATED MODULE: ../components/dist/esm/molecules/ProductCard/ProductCardImage.js
135
-
136
- const ProductCardImage = (0,external_react_.forwardRef)(function ProductCardImage({ testId = 'fs-product-card-image', aspectRatio = 1, children, ...otherProps }, ref) {
137
- return (external_react_default().createElement("div", { ref: ref, "data-fs-product-card-image": true, "data-testid": testId, style: {
138
- '--fs-product-card-image-aspect-ratio': aspectRatio
139
- }, ...otherProps }, children));
140
- });
141
- /* harmony default export */ const ProductCard_ProductCardImage = (ProductCardImage);
142
- //# sourceMappingURL=ProductCardImage.js.map
143
- // EXTERNAL MODULE: ../components/dist/esm/atoms/Link/Link.js
144
- var Link = __webpack_require__(40727);
145
- // EXTERNAL MODULE: ../components/dist/esm/atoms/Price/Price.js
146
- var Price = __webpack_require__(99767);
147
- // EXTERNAL MODULE: ../components/dist/esm/molecules/Rating/Rating.js
148
- var Rating = __webpack_require__(13024);
149
- // EXTERNAL MODULE: ../components/dist/esm/atoms/Icon/Icon.js
150
- var Icon = __webpack_require__(2614);
151
- // EXTERNAL MODULE: ../components/dist/esm/molecules/DiscountBadge/DiscountBadge.js + 1 modules
152
- var DiscountBadge = __webpack_require__(2946);
153
- // EXTERNAL MODULE: ../components/dist/esm/atoms/Badge/Badge.js
154
- var Badge = __webpack_require__(40276);
155
- // EXTERNAL MODULE: ../components/dist/esm/atoms/Button/Button.js
156
- var Button = __webpack_require__(83339);
157
- ;// CONCATENATED MODULE: ../components/dist/esm/molecules/ProductCard/ProductCardContent.js
158
-
159
-
160
- const ProductCardContent = (0,external_react_.forwardRef)(function CardContent({ testId = 'fs-product-card-content', title, linkProps, price, outOfStock, outOfStockLabel = 'Out of stock', ratingValue, showDiscountBadge, buttonLabel = 'Add', onButtonClick, children, ...otherProps }, ref) {
161
- const listPrice = price?.listPrice ?? 0;
162
- const sellingPrice = price?.value ?? 0;
163
- return (external_react_default().createElement("section", { ref: ref, "data-fs-product-card-content": true, "data-fs-product-card-badge": showDiscountBadge, "data-testid": testId, ...otherProps },
164
- external_react_default().createElement("div", { "data-fs-product-card-heading": true },
165
- external_react_default().createElement("h3", { "data-fs-product-card-title": true },
166
- external_react_default().createElement(Link/* default */.Z, { ...linkProps, title: title },
167
- external_react_default().createElement("span", null, title))),
168
- !outOfStock && (external_react_default().createElement("div", { "data-fs-product-card-prices": true }, sellingPrice !== listPrice
169
- ? (external_react_default().createElement((external_react_default()).Fragment, null,
170
- external_react_default().createElement(Price/* default */.Z, { value: listPrice, formatter: price?.formatter, testId: "list-price", "data-value": listPrice, variant: "listing", SRText: "Original price:" }),
171
- external_react_default().createElement(Price/* default */.Z, { value: sellingPrice, formatter: price?.formatter, testId: "price", "data-value": sellingPrice, variant: "spot", SRText: "Sale Price:" })))
172
- : (external_react_default().createElement(Price/* default */.Z, { value: sellingPrice, formatter: price?.formatter, testId: "price", "data-value": sellingPrice, variant: "spot", SRText: "Sale Price:" })))),
173
- ratingValue && (external_react_default().createElement(Rating/* default */.Z, { value: ratingValue, icon: external_react_default().createElement(Icon/* default */.Z, { name: "Star" }) }))),
174
- showDiscountBadge && !outOfStock && (external_react_default().createElement(DiscountBadge/* default */.Z, { listPrice: price?.listPrice ? price.listPrice : 0, spotPrice: price?.value ? price.value : 0 })),
175
- outOfStock && external_react_default().createElement(Badge/* default */.Z, null, outOfStockLabel),
176
- onButtonClick && !outOfStock && (external_react_default().createElement("div", { "data-fs-product-card-actions": true },
177
- external_react_default().createElement(Button/* default */.Z, { variant: "primary", icon: external_react_default().createElement(Icon/* default */.Z, { name: "ShoppingCart" }), iconPosition: "left", size: "small", onClick: onButtonClick }, buttonLabel)))));
178
- });
179
- /* harmony default export */ const ProductCard_ProductCardContent = (ProductCardContent);
180
- //# sourceMappingURL=ProductCardContent.js.map
181
- // EXTERNAL MODULE: ./node_modules/next/link.js
182
- var next_link = __webpack_require__(41664);
183
- var link_default = /*#__PURE__*/__webpack_require__.n(next_link);
184
- // EXTERNAL MODULE: ./src/components/ui/Image/index.ts + 2 modules
185
- var Image = __webpack_require__(79266);
186
- // EXTERNAL MODULE: ./src/sdk/product/useFormattedPrice.ts
187
- var useFormattedPrice = __webpack_require__(95346);
188
- // EXTERNAL MODULE: ./src/sdk/product/useProductLink.ts
189
- var useProductLink = __webpack_require__(49854);
190
- // EXTERNAL MODULE: external "react/jsx-runtime"
191
- var jsx_runtime_ = __webpack_require__(20997);
192
- ;// CONCATENATED MODULE: ./src/components/product/ProductCard/ProductCard.tsx
193
- const _excluded = ["product", "index", "bordered", "variant", "aspectRatio", "imgProps", "ratingValue", "buttonLabel", "onButtonClick", "showDiscountBadge"];
194
-
195
- 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; }
196
-
197
- 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; }
198
-
199
- 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; }
200
-
201
- 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; }
202
-
203
- 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; }
204
-
205
-
206
-
207
-
208
-
209
-
210
-
211
-
212
-
213
-
214
- function ProductCard_ProductCard_ProductCard(_ref) {
215
- let {
216
- product,
217
- index,
218
- bordered = true,
219
- variant = 'default',
220
- aspectRatio = 1,
221
- imgProps,
222
- ratingValue,
223
- buttonLabel = 'Add',
224
- onButtonClick,
225
- showDiscountBadge = true
226
- } = _ref,
227
- otherProps = _objectWithoutProperties(_ref, _excluded);
228
-
229
- const {
230
- sku,
231
- isVariantOf: {
232
- name
233
- },
234
- image: [img],
235
- offers: {
236
- lowPrice: spotPrice,
237
- offers: [{
238
- listPrice,
239
- availability
240
- }]
241
- }
242
- } = product;
243
-
244
- const linkProps = _objectSpread(_objectSpread({}, (0,useProductLink/* useProductLink */.w)({
245
- product,
246
- selectedOffer: 0,
247
- index
248
- })), {}, {
249
- as: (link_default()),
250
- passHref: true,
251
- legacyBehavior: false,
252
- prefetch: false
253
- });
254
-
255
- const outOfStock = (0,external_react_.useMemo)(() => availability !== 'https://schema.org/InStock', [availability]);
256
- return /*#__PURE__*/(0,jsx_runtime_.jsxs)(ProductCard_ProductCard, _objectSpread(_objectSpread({
257
- outOfStock: outOfStock,
258
- bordered: bordered,
259
- variant: variant,
260
- "data-fs-product-card-sku": sku
261
- }, otherProps), {}, {
262
- children: [/*#__PURE__*/jsx_runtime_.jsx(ProductCard_ProductCardImage, {
263
- aspectRatio: aspectRatio,
264
- children: /*#__PURE__*/jsx_runtime_.jsx(Image/* Image */.E, {
265
- src: img.url,
266
- alt: img.alternateName,
267
- sizes: `${imgProps?.sizes ?? '(max-width: 768px) 40vw, 30vw'}`,
268
- width: imgProps?.width ?? 360,
269
- height: Math.round((Number(imgProps?.height) || 360) / aspectRatio),
270
- loading: imgProps?.loading
271
- })
272
- }), /*#__PURE__*/jsx_runtime_.jsx(ProductCard_ProductCardContent, {
273
- title: name,
274
- price: {
275
- value: spotPrice,
276
- listPrice: listPrice,
277
- formatter: useFormattedPrice/* useFormattedPrice */.P
278
- },
279
- ratingValue: ratingValue,
280
- outOfStock: outOfStock,
281
- onButtonClick: onButtonClick,
282
- linkProps: linkProps,
283
- showDiscountBadge: showDiscountBadge
284
- })]
285
- }));
286
- }
287
-
288
- const fragment = "unknown";
289
- /* harmony default export */ const product_ProductCard_ProductCard = (/*#__PURE__*/(0,external_react_.memo)(ProductCard_ProductCard_ProductCard));
290
- ;// CONCATENATED MODULE: ./src/components/product/ProductCard/index.ts
291
-
292
-
293
- /***/ }),
294
-
295
- /***/ 73288:
296
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
297
-
298
-
299
- // EXPORTS
300
- __webpack_require__.d(__webpack_exports__, {
301
- "Z": () => (/* reexport */ ProductCardSkeleton_ProductCardSkeleton)
302
- });
303
-
304
- // EXTERNAL MODULE: ../components/dist/esm/atoms/Skeleton/Skeleton.js
305
- var Skeleton = __webpack_require__(10792);
306
- // EXTERNAL MODULE: external "react/jsx-runtime"
307
- var jsx_runtime_ = __webpack_require__(20997);
308
- ;// CONCATENATED MODULE: ./src/components/skeletons/ProductCardSkeleton/ProductCardSkeleton.tsx
309
-
310
-
311
-
312
-
313
- function ProductCardSkeleton({
314
- bordered,
315
- sectioned,
316
- displayButton,
317
- aspectRatio = 1,
318
- variant = 'default'
319
- }) {
320
- return /*#__PURE__*/(0,jsx_runtime_.jsxs)("div", {
321
- "data-fs-product-card-skeleton": true,
322
- "data-fs-product-card-skeleton-variant": variant,
323
- "data-fs-product-card-skeleton-bordered": bordered,
324
- "data-fs-product-card-skeleton-sectioned": sectioned,
325
- children: [/*#__PURE__*/jsx_runtime_.jsx("div", {
326
- "data-fs-product-card-skeleton-image": true,
327
- style: {
328
- '--fs-product-card-skeleton-image-aspect-ratio': aspectRatio
329
- },
330
- children: /*#__PURE__*/jsx_runtime_.jsx(Skeleton/* default */.Z, {
331
- size: {
332
- width: '100%',
333
- height: '100%'
334
- }
335
- })
336
- }), /*#__PURE__*/(0,jsx_runtime_.jsxs)("div", {
337
- "data-fs-product-card-skeleton-content": true,
338
- children: [/*#__PURE__*/jsx_runtime_.jsx(Skeleton/* default */.Z, {
339
- "data-fs-product-card-skeleton-text": true,
340
- size: {
341
- width: '90%',
342
- height: '1.5rem'
343
- }
344
- }), /*#__PURE__*/jsx_runtime_.jsx(Skeleton/* default */.Z, {
345
- "data-fs-product-card-skeleton-text": true,
346
- size: {
347
- width: '70%',
348
- height: '1.5rem'
349
- }
350
- }), /*#__PURE__*/jsx_runtime_.jsx(Skeleton/* default */.Z, {
351
- "data-fs-product-card-skeleton-badge": true,
352
- size: {
353
- width: '6rem',
354
- height: '2rem'
355
- },
356
- border: "pill"
357
- }), displayButton && /*#__PURE__*/jsx_runtime_.jsx(Skeleton/* default */.Z, {
358
- "data-fs-product-card-skeleton-button": true,
359
- size: {
360
- width: '6rem',
361
- height: '2rem'
362
- },
363
- style: {
364
- columnGap: '.75rem'
365
- }
366
- })]
367
- })]
368
- });
369
- }
370
-
371
- /* harmony default export */ const ProductCardSkeleton_ProductCardSkeleton = (ProductCardSkeleton);
372
- ;// CONCATENATED MODULE: ./src/components/skeletons/ProductCardSkeleton/index.ts
373
-
374
-
375
- /***/ }),
376
-
377
- /***/ 18459:
378
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
379
-
380
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
381
- /* harmony export */ "K": () => (/* binding */ ITEMS_PER_SECTION),
382
- /* harmony export */ "g": () => (/* binding */ ITEMS_PER_PAGE)
383
- /* harmony export */ });
384
- const ITEMS_PER_PAGE = 12;
385
- const ITEMS_PER_SECTION = 5;
386
-
387
- /***/ }),
388
-
389
- /***/ 92953:
390
- /***/ ((module, __webpack_exports__, __webpack_require__) => {
391
-
392
- __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
393
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
394
- /* harmony export */ "p": () => (/* binding */ prefetchQuery)
395
- /* harmony export */ });
396
- /* harmony import */ var swr__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(15941);
397
- /* harmony import */ var _request__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(180);
398
- /* harmony import */ var _useQuery__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(77732);
399
- var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([swr__WEBPACK_IMPORTED_MODULE_0__, _useQuery__WEBPACK_IMPORTED_MODULE_1__]);
400
- ([swr__WEBPACK_IMPORTED_MODULE_0__, _useQuery__WEBPACK_IMPORTED_MODULE_1__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
401
- const _excluded = ["cache"];
402
-
403
- 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; }
404
-
405
- 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; }
406
-
407
-
408
-
409
-
410
- const prefetchQuery = (operationName, variables, _ref) => {
411
- let {
412
- cache
413
- } = _ref,
414
- options = _objectWithoutProperties(_ref, _excluded);
415
-
416
- const key = (0,_useQuery__WEBPACK_IMPORTED_MODULE_1__/* .getKey */ .km)(operationName, variables);
417
-
418
- if (cache.get(key)) {
419
- return;
420
- }
421
-
422
- (0,swr__WEBPACK_IMPORTED_MODULE_0__.mutate)(key, (0,_request__WEBPACK_IMPORTED_MODULE_2__/* .request */ .W)(operationName, variables, options));
423
- };
424
- __webpack_async_result__();
425
- } catch(e) { __webpack_async_result__(e); } });
426
-
427
- /***/ }),
428
-
429
- /***/ 24867:
430
- /***/ ((module, __webpack_exports__, __webpack_require__) => {
431
-
432
- __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
433
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
434
- /* harmony export */ "BG": () => (/* binding */ useProductsQueryPrefetch),
435
- /* harmony export */ "kN": () => (/* binding */ useProductsQuery),
436
- /* harmony export */ "yb": () => (/* binding */ useLocalizedVariables)
437
- /* harmony export */ });
438
- /* unused harmony export query */
439
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(16689);
440
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
441
- /* harmony import */ var swr__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(15941);
442
- /* harmony import */ var src_constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(18459);
443
- /* harmony import */ var _graphql_prefetchQuery__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(92953);
444
- /* harmony import */ var _graphql_useQuery__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(77732);
445
- /* harmony import */ var _session__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(97295);
446
- var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([swr__WEBPACK_IMPORTED_MODULE_1__, _graphql_prefetchQuery__WEBPACK_IMPORTED_MODULE_2__, _graphql_useQuery__WEBPACK_IMPORTED_MODULE_3__]);
447
- ([swr__WEBPACK_IMPORTED_MODULE_1__, _graphql_prefetchQuery__WEBPACK_IMPORTED_MODULE_2__, _graphql_useQuery__WEBPACK_IMPORTED_MODULE_3__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
448
- 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; }
449
-
450
- 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; }
451
-
452
- 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; }
453
-
454
-
455
-
456
-
457
-
458
-
459
-
460
- const query = "ProductsQuery";
461
-
462
- const toArray = x => Array.isArray(x) ? x : x ? [x] : [];
463
-
464
- const useLocalizedVariables = ({
465
- first,
466
- after,
467
- sort,
468
- term,
469
- selectedFacets
470
- }) => {
471
- const {
472
- channel,
473
- locale
474
- } = (0,_session__WEBPACK_IMPORTED_MODULE_4__/* .useSession */ .kP)();
475
- return (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => {
476
- const facets = toArray(selectedFacets);
477
- return {
478
- first: first ?? src_constants__WEBPACK_IMPORTED_MODULE_5__/* .ITEMS_PER_SECTION */ .K,
479
- after: after ?? '0',
480
- sort: sort ?? 'score_desc',
481
- term: term ?? '',
482
- selectedFacets: [...facets, {
483
- key: 'channel',
484
- value: channel ?? ''
485
- }, {
486
- key: 'locale',
487
- value: locale
488
- }]
489
- };
490
- }, [selectedFacets, first, after, sort, term, channel, locale]);
491
- };
492
- /**
493
- * Use this hook for fetching a list of products, like in search results and shelves
494
- */
495
-
496
- const useProductsQuery = (variables, options) => {
497
- const localizedVariables = useLocalizedVariables(variables);
498
- const {
499
- data
500
- } = (0,_graphql_useQuery__WEBPACK_IMPORTED_MODULE_3__/* .useQuery */ .aM)(query, localizedVariables, _objectSpread({
501
- fallbackData: null,
502
- suspense: true
503
- }, options));
504
- return data?.search?.products;
505
- };
506
- const useProductsQueryPrefetch = (variables, options) => {
507
- const localizedVariables = useLocalizedVariables(variables);
508
- const {
509
- cache
510
- } = (0,swr__WEBPACK_IMPORTED_MODULE_1__.useSWRConfig)();
511
- return (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => (0,_graphql_prefetchQuery__WEBPACK_IMPORTED_MODULE_2__/* .prefetchQuery */ .p)(query, localizedVariables, _objectSpread({
512
- cache
513
- }, options)), [localizedVariables, cache, options]);
514
- };
515
- __webpack_async_result__();
516
- } catch(e) { __webpack_async_result__(e); } });
517
-
518
- /***/ })
519
-
520
- };
521
- ;