@faststore/core 2.2.70 → 2.2.73
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.next/BUILD_ID +1 -1
- package/.next/build-manifest.json +62 -52
- package/.next/cache/.tsbuildinfo +1 -1
- package/.next/cache/config.json +3 -3
- package/.next/cache/eslint/.cache_1gneedd +1 -1
- package/.next/cache/next-server.js.nft.json +1 -1
- package/.next/cache/webpack/client-production/0.pack +0 -0
- package/.next/cache/webpack/client-production/index.pack +0 -0
- package/.next/cache/webpack/server-production/0.pack +0 -0
- package/.next/cache/webpack/server-production/index.pack +0 -0
- package/.next/next-server.js.nft.json +1 -1
- package/.next/prerender-manifest.json +1 -1
- package/.next/react-loadable-manifest.json +4 -4
- package/.next/routes-manifest.json +1 -1
- package/.next/server/chunks/117.js +427 -0
- package/.next/server/chunks/184.js +61 -0
- package/.next/server/chunks/350.js +2846 -35
- package/.next/server/chunks/585.js +22 -0
- package/.next/server/chunks/632.js +514 -0
- package/.next/server/chunks/661.js +1451 -0
- package/.next/server/chunks/693.js +58 -0
- package/.next/server/chunks/719.js +84 -0
- package/.next/server/chunks/74.js +569 -6467
- package/.next/server/chunks/779.js +58 -0
- package/.next/server/chunks/854.js +72 -0
- package/.next/server/chunks/863.js +22 -0
- package/.next/server/chunks/{520.js → 898.js} +250 -30
- package/.next/server/chunks/903.js +1926 -0
- package/.next/server/middleware-build-manifest.js +1 -1
- package/.next/server/middleware-react-loadable-manifest.js +1 -1
- package/.next/server/pages/404.js +0 -21
- package/.next/server/pages/404.js.nft.json +1 -1
- package/.next/server/pages/500.js +0 -21
- package/.next/server/pages/500.js.nft.json +1 -1
- package/.next/server/pages/[...slug].js +9 -9
- package/.next/server/pages/[...slug].js.nft.json +1 -1
- package/.next/server/pages/[slug]/p.js +1373 -33
- package/.next/server/pages/[slug]/p.js.nft.json +1 -1
- package/.next/server/pages/_app.js.nft.json +1 -1
- package/.next/server/pages/_error.js.nft.json +1 -1
- package/.next/server/pages/account.js +0 -21
- package/.next/server/pages/account.js.nft.json +1 -1
- package/.next/server/pages/checkout.js +0 -21
- package/.next/server/pages/checkout.js.nft.json +1 -1
- package/.next/server/pages/en-US/404.html +2 -2
- package/.next/server/pages/en-US/500.html +2 -2
- package/.next/server/pages/en-US/account.html +2 -2
- package/.next/server/pages/en-US/checkout.html +2 -2
- package/.next/server/pages/en-US/login.html +2 -2
- package/.next/server/pages/en-US/s.html +2 -2
- package/.next/server/pages/en-US.html +3 -3
- package/.next/server/pages/en-US.json +1 -1
- package/.next/server/pages/index.js +5 -5
- package/.next/server/pages/index.js.nft.json +1 -1
- package/.next/server/pages/login.js +0 -21
- package/.next/server/pages/login.js.nft.json +1 -1
- package/.next/server/pages/s.js +4 -58
- package/.next/server/pages/s.js.nft.json +1 -1
- package/.next/server/pages-manifest.json +1 -1
- package/.next/static/LB4EfHJ3ylU80A7g7tIMw/_buildManifest.js +1 -0
- package/.next/static/chunks/223-cb77217cce52d45c.js +1 -0
- package/.next/static/chunks/251.11f5198fc8bef3a4.js +1 -0
- package/.next/static/chunks/397-0d3aada1012cd78b.js +1 -0
- package/.next/static/chunks/585.6561778b7763b79e.js +1 -0
- package/.next/static/chunks/675-479a97aecebead97.js +1 -0
- package/.next/static/chunks/800.5d92de2974baf641.js +1 -0
- package/.next/static/chunks/881-57643fb90f59e576.js +1 -0
- package/.next/static/chunks/988.afda042dd9ba11d1.js +1 -0
- package/.next/static/chunks/pages/404-e106cb9a78182f5f.js +1 -0
- package/.next/static/chunks/pages/500-d28aa4a8ce88bddd.js +1 -0
- package/.next/static/chunks/pages/[...slug]-cf872b9e9befd47c.js +1 -0
- package/.next/static/chunks/pages/[slug]/p-4a75b11857b82b5c.js +1 -0
- package/.next/static/chunks/pages/{account-3741291b1e89c2e7.js → account-bf9c88a9cac80d8a.js} +1 -1
- package/.next/static/chunks/pages/{checkout-95066de007bdbbdb.js → checkout-6ca76c1e88a28ac4.js} +1 -1
- package/.next/static/chunks/pages/index-629ba146ae5f0ecf.js +1 -0
- package/.next/static/chunks/pages/login-d2af0de13ea75848.js +1 -0
- package/.next/static/chunks/pages/s-d729254b91430d1c.js +1 -0
- package/.next/static/chunks/webpack-54ce04ec11860b0b.js +1 -0
- package/.next/static/css/021de9c7b050d301.css +1 -0
- package/.next/static/css/510895065f32ed2f.css +1 -0
- package/.next/static/css/7e897ebb936fac09.css +1 -0
- package/.next/static/css/938781cdc945862e.css +1 -0
- package/.next/static/css/9558da13053ac066.css +1 -0
- package/.next/static/css/def381bf7c69fa2e.css +1 -0
- package/.next/trace +82 -82
- package/.turbo/turbo-build.log +18 -18
- package/.turbo/turbo-test.log +9 -9
- package/index.ts +13 -0
- package/package.json +3 -3
- package/src/components/sections/Alert/Alert.tsx +11 -3
- package/src/components/sections/Alert/OverriddenDefaultAlert.ts +7 -4
- package/src/components/sections/BannerText/BannerText.tsx +10 -2
- package/src/components/sections/BannerText/OverriddenDefaultBannerText.ts +7 -4
- package/src/components/sections/Breadcrumb/Breadcrumb.tsx +9 -3
- package/src/components/sections/Breadcrumb/OverriddenDefaultBreadcrumb.ts +7 -4
- package/src/components/sections/CrossSellingShelf/CrossSellingShelf.tsx +8 -2
- package/src/components/sections/CrossSellingShelf/OverriddenDefaultCrossSellingShelf.ts +2 -1
- package/src/components/sections/EmptyState/Overrides.tsx +2 -2
- package/src/components/sections/Hero/Hero.tsx +11 -3
- package/src/components/sections/Hero/OverriddenDefaultHero.ts +7 -4
- package/src/components/sections/Navbar/Navbar.tsx +10 -2
- package/src/components/sections/Navbar/OverriddenDefaultNavbar.ts +6 -4
- package/src/components/sections/Newsletter/Newsletter.tsx +10 -2
- package/src/components/sections/Newsletter/OverriddenDefaultNewsletter.ts +6 -4
- package/src/components/sections/ProductDetails/OverriddenDefaultProductDetails.ts +7 -4
- package/src/components/sections/ProductDetails/ProductDetails.tsx +16 -8
- package/src/components/sections/ProductGallery/OverriddenDefaultProductGallery.ts +6 -4
- package/src/components/sections/ProductGallery/ProductGallery.tsx +13 -5
- package/src/components/sections/ProductShelf/OverriddenDefaultProductShelf.ts +7 -4
- package/src/components/sections/ProductShelf/ProductShelf.tsx +12 -2
- package/src/components/sections/RegionBar/OverriddenDefaultRegionBar.ts +6 -4
- package/src/components/sections/RegionBar/RegionBar.tsx +11 -5
- package/src/sdk/overrides/getOverriddenSection.tsx +45 -44
- package/src/sdk/overrides/overrides.ts +2 -2
- package/src/typings/overrides.ts +265 -187
- package/src/typings/overridesDefinition.ts +20 -6
- package/.next/server/chunks/445.js +0 -167
- package/.next/server/chunks/829.js +0 -2938
- package/.next/server/chunks/934.js +0 -125
- package/.next/static/9t0jxL0Q7hZ_ItlxJLOtn/_buildManifest.js +0 -1
- package/.next/static/chunks/251.65e0bb7a2f58b3db.js +0 -1
- package/.next/static/chunks/464-bc1301cb64b71518.js +0 -1
- package/.next/static/chunks/557-4f8a963d7e07e582.js +0 -1
- package/.next/static/chunks/585.ee7478bead8853ae.js +0 -1
- package/.next/static/chunks/800.8f4f91b39aa47346.js +0 -1
- package/.next/static/chunks/988.a57dac6501fb5184.js +0 -1
- package/.next/static/chunks/pages/404-8aa1a5d5e6a66a9a.js +0 -1
- package/.next/static/chunks/pages/500-36ea8ba52ee65fe2.js +0 -1
- package/.next/static/chunks/pages/[...slug]-29c2c581a7246de4.js +0 -1
- package/.next/static/chunks/pages/[slug]/p-d4a3fd33abda8f62.js +0 -1
- package/.next/static/chunks/pages/index-bbd90798e45dc0ff.js +0 -1
- package/.next/static/chunks/pages/login-f0d8dfab2f856c25.js +0 -1
- package/.next/static/chunks/pages/s-e9b663c3e4f84b0a.js +0 -1
- package/.next/static/chunks/webpack-776cfd646b505dc5.js +0 -1
- package/.next/static/css/0c844be3b8585e70.css +0 -1
- package/.next/static/css/557d58510041152c.css +0 -1
- package/.next/static/css/a6bcc59f42b42f36.css +0 -1
- package/.next/static/css/ecdecb8d639a8311.css +0 -1
- package/src/sdk/overrides/sections.tsx +0 -58
- /package/.next/static/{9t0jxL0Q7hZ_ItlxJLOtn → LB4EfHJ3ylU80A7g7tIMw}/_ssgManifest.js +0 -0
|
@@ -0,0 +1,427 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.id = 117;
|
|
3
|
+
exports.ids = [117];
|
|
4
|
+
exports.modules = {
|
|
5
|
+
|
|
6
|
+
/***/ 792:
|
|
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__(6689);
|
|
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__(6689);
|
|
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__(276);
|
|
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
|
+
/***/ 3024:
|
|
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__(6689);
|
|
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__(7041);
|
|
84
|
+
/* harmony import */ var _atoms_List__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(4564);
|
|
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
|
+
/***/ 8553:
|
|
116
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
117
|
+
|
|
118
|
+
|
|
119
|
+
// EXPORTS
|
|
120
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
121
|
+
"Z": () => (/* binding */ product_ProductCard_ProductCard)
|
|
122
|
+
});
|
|
123
|
+
|
|
124
|
+
// UNUSED EXPORTS: fragment
|
|
125
|
+
|
|
126
|
+
// EXTERNAL MODULE: external "react"
|
|
127
|
+
var external_react_ = __webpack_require__(6689);
|
|
128
|
+
var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
|
|
129
|
+
;// CONCATENATED MODULE: ../components/dist/esm/molecules/ProductCard/ProductCard.js
|
|
130
|
+
|
|
131
|
+
const ProductCard = (0,external_react_.forwardRef)(function ProductCard({ testId = 'fs-product-card', variant = 'default', bordered = false, outOfStock, children, ...otherProps }, ref) {
|
|
132
|
+
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));
|
|
133
|
+
});
|
|
134
|
+
/* harmony default export */ const ProductCard_ProductCard = (ProductCard);
|
|
135
|
+
//# sourceMappingURL=ProductCard.js.map
|
|
136
|
+
;// CONCATENATED MODULE: ../components/dist/esm/molecules/ProductCard/ProductCardImage.js
|
|
137
|
+
|
|
138
|
+
const ProductCardImage = (0,external_react_.forwardRef)(function ProductCardImage({ testId = 'fs-product-card-image', aspectRatio = 1, children, ...otherProps }, ref) {
|
|
139
|
+
return (external_react_default().createElement("div", { ref: ref, "data-fs-product-card-image": true, "data-testid": testId, style: {
|
|
140
|
+
'--fs-product-card-image-aspect-ratio': aspectRatio
|
|
141
|
+
}, ...otherProps }, children));
|
|
142
|
+
});
|
|
143
|
+
/* harmony default export */ const ProductCard_ProductCardImage = (ProductCardImage);
|
|
144
|
+
//# sourceMappingURL=ProductCardImage.js.map
|
|
145
|
+
// EXTERNAL MODULE: ../components/dist/esm/atoms/Link/Link.js
|
|
146
|
+
var Link = __webpack_require__(727);
|
|
147
|
+
// EXTERNAL MODULE: ../components/dist/esm/molecules/ProductPrice/ProductPrice.js
|
|
148
|
+
var ProductPrice = __webpack_require__(9088);
|
|
149
|
+
// EXTERNAL MODULE: ../components/dist/esm/molecules/Rating/Rating.js
|
|
150
|
+
var Rating = __webpack_require__(3024);
|
|
151
|
+
// EXTERNAL MODULE: ../components/dist/esm/atoms/Icon/Icon.js
|
|
152
|
+
var Icon = __webpack_require__(2614);
|
|
153
|
+
// EXTERNAL MODULE: ../components/dist/esm/molecules/DiscountBadge/DiscountBadge.js + 1 modules
|
|
154
|
+
var DiscountBadge = __webpack_require__(2946);
|
|
155
|
+
// EXTERNAL MODULE: ../components/dist/esm/atoms/Badge/Badge.js
|
|
156
|
+
var Badge = __webpack_require__(276);
|
|
157
|
+
// EXTERNAL MODULE: ../components/dist/esm/atoms/Button/Button.js
|
|
158
|
+
var Button = __webpack_require__(3339);
|
|
159
|
+
;// CONCATENATED MODULE: ../components/dist/esm/molecules/ProductCard/ProductCardContent.js
|
|
160
|
+
|
|
161
|
+
|
|
162
|
+
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) {
|
|
163
|
+
const listingPrice = price?.listPrice ? price.listPrice : 0;
|
|
164
|
+
const sellingPrice = price?.value ? price.value : 0;
|
|
165
|
+
return (external_react_default().createElement("section", { ref: ref, "data-fs-product-card-content": true, "data-fs-product-card-badge": showDiscountBadge, "data-testid": testId, ...otherProps },
|
|
166
|
+
external_react_default().createElement("div", { "data-fs-product-card-heading": true },
|
|
167
|
+
external_react_default().createElement("h3", { "data-fs-product-card-title": true },
|
|
168
|
+
external_react_default().createElement(Link/* default */.Z, { ...linkProps, title: title },
|
|
169
|
+
external_react_default().createElement("span", null, title))),
|
|
170
|
+
!outOfStock && (external_react_default().createElement(ProductPrice/* default */.Z, { "data-fs-product-card-prices": true, value: sellingPrice, listPrice: listingPrice, formatter: price?.formatter })),
|
|
171
|
+
ratingValue && (external_react_default().createElement(Rating/* default */.Z, { value: ratingValue, icon: external_react_default().createElement(Icon/* default */.Z, { name: "Star" }) }))),
|
|
172
|
+
showDiscountBadge && !outOfStock && (external_react_default().createElement(DiscountBadge/* default */.Z, { listPrice: listingPrice, spotPrice: sellingPrice })),
|
|
173
|
+
outOfStock && external_react_default().createElement(Badge/* default */.Z, null, outOfStockLabel),
|
|
174
|
+
onButtonClick && !outOfStock && (external_react_default().createElement("div", { "data-fs-product-card-actions": true },
|
|
175
|
+
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)))));
|
|
176
|
+
});
|
|
177
|
+
/* harmony default export */ const ProductCard_ProductCardContent = (ProductCardContent);
|
|
178
|
+
//# sourceMappingURL=ProductCardContent.js.map
|
|
179
|
+
// EXTERNAL MODULE: ./node_modules/next/link.js
|
|
180
|
+
var next_link = __webpack_require__(1664);
|
|
181
|
+
var link_default = /*#__PURE__*/__webpack_require__.n(next_link);
|
|
182
|
+
// EXTERNAL MODULE: ./src/components/ui/Image/Image.tsx + 1 modules
|
|
183
|
+
var Image = __webpack_require__(5731);
|
|
184
|
+
// EXTERNAL MODULE: ./src/sdk/product/useFormattedPrice.ts
|
|
185
|
+
var useFormattedPrice = __webpack_require__(5346);
|
|
186
|
+
// EXTERNAL MODULE: ./src/sdk/product/useProductLink.ts
|
|
187
|
+
var useProductLink = __webpack_require__(9854);
|
|
188
|
+
// EXTERNAL MODULE: external "react/jsx-runtime"
|
|
189
|
+
var jsx_runtime_ = __webpack_require__(997);
|
|
190
|
+
;// CONCATENATED MODULE: ./src/components/product/ProductCard/ProductCard.tsx
|
|
191
|
+
const _excluded = ["product", "index", "bordered", "variant", "aspectRatio", "imgProps", "ratingValue", "buttonLabel", "onButtonClick", "showDiscountBadge"];
|
|
192
|
+
|
|
193
|
+
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; }
|
|
194
|
+
|
|
195
|
+
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; }
|
|
196
|
+
|
|
197
|
+
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; }
|
|
198
|
+
|
|
199
|
+
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; }
|
|
200
|
+
|
|
201
|
+
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; }
|
|
202
|
+
|
|
203
|
+
|
|
204
|
+
|
|
205
|
+
|
|
206
|
+
|
|
207
|
+
|
|
208
|
+
|
|
209
|
+
|
|
210
|
+
|
|
211
|
+
|
|
212
|
+
function ProductCard_ProductCard_ProductCard(_ref) {
|
|
213
|
+
let {
|
|
214
|
+
product,
|
|
215
|
+
index,
|
|
216
|
+
bordered = true,
|
|
217
|
+
variant = 'default',
|
|
218
|
+
aspectRatio = 1,
|
|
219
|
+
imgProps,
|
|
220
|
+
ratingValue,
|
|
221
|
+
buttonLabel = 'Add',
|
|
222
|
+
onButtonClick,
|
|
223
|
+
showDiscountBadge = true
|
|
224
|
+
} = _ref,
|
|
225
|
+
otherProps = _objectWithoutProperties(_ref, _excluded);
|
|
226
|
+
|
|
227
|
+
const {
|
|
228
|
+
sku,
|
|
229
|
+
isVariantOf: {
|
|
230
|
+
name
|
|
231
|
+
},
|
|
232
|
+
image: [img],
|
|
233
|
+
offers: {
|
|
234
|
+
lowPrice: spotPrice,
|
|
235
|
+
offers: [{
|
|
236
|
+
listPrice,
|
|
237
|
+
availability
|
|
238
|
+
}]
|
|
239
|
+
}
|
|
240
|
+
} = product;
|
|
241
|
+
|
|
242
|
+
const linkProps = _objectSpread(_objectSpread({}, (0,useProductLink/* useProductLink */.w)({
|
|
243
|
+
product,
|
|
244
|
+
selectedOffer: 0,
|
|
245
|
+
index
|
|
246
|
+
})), {}, {
|
|
247
|
+
as: (link_default()),
|
|
248
|
+
passHref: true,
|
|
249
|
+
legacyBehavior: false,
|
|
250
|
+
prefetch: false
|
|
251
|
+
});
|
|
252
|
+
|
|
253
|
+
const outOfStock = (0,external_react_.useMemo)(() => availability !== 'https://schema.org/InStock', [availability]);
|
|
254
|
+
const hasDiscount = spotPrice <= listPrice;
|
|
255
|
+
return /*#__PURE__*/(0,jsx_runtime_.jsxs)(ProductCard_ProductCard, _objectSpread(_objectSpread({
|
|
256
|
+
outOfStock: outOfStock,
|
|
257
|
+
bordered: bordered,
|
|
258
|
+
variant: variant,
|
|
259
|
+
"data-fs-product-card-sku": sku
|
|
260
|
+
}, otherProps), {}, {
|
|
261
|
+
children: [/*#__PURE__*/jsx_runtime_.jsx(ProductCard_ProductCardImage, {
|
|
262
|
+
aspectRatio: aspectRatio,
|
|
263
|
+
children: /*#__PURE__*/jsx_runtime_.jsx(Image/* default */.Z, {
|
|
264
|
+
src: img.url,
|
|
265
|
+
alt: img.alternateName,
|
|
266
|
+
sizes: `${imgProps?.sizes ?? '(max-width: 768px) 40vw, 30vw'}`,
|
|
267
|
+
width: imgProps?.width ?? 360,
|
|
268
|
+
height: Math.round((Number(imgProps?.height) || 360) / aspectRatio),
|
|
269
|
+
loading: imgProps?.loading
|
|
270
|
+
})
|
|
271
|
+
}), /*#__PURE__*/jsx_runtime_.jsx(ProductCard_ProductCardContent, {
|
|
272
|
+
title: name,
|
|
273
|
+
price: {
|
|
274
|
+
value: spotPrice,
|
|
275
|
+
listPrice: listPrice,
|
|
276
|
+
formatter: useFormattedPrice/* useFormattedPrice */.P
|
|
277
|
+
},
|
|
278
|
+
ratingValue: ratingValue,
|
|
279
|
+
outOfStock: outOfStock,
|
|
280
|
+
onButtonClick: onButtonClick,
|
|
281
|
+
linkProps: linkProps,
|
|
282
|
+
showDiscountBadge: hasDiscount && showDiscountBadge
|
|
283
|
+
})]
|
|
284
|
+
}));
|
|
285
|
+
}
|
|
286
|
+
|
|
287
|
+
const fragment = "unknown";
|
|
288
|
+
/* harmony default export */ const product_ProductCard_ProductCard = (/*#__PURE__*/(0,external_react_.memo)(ProductCard_ProductCard_ProductCard));
|
|
289
|
+
|
|
290
|
+
/***/ }),
|
|
291
|
+
|
|
292
|
+
/***/ 6531:
|
|
293
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
294
|
+
|
|
295
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
296
|
+
/* harmony export */ "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
297
|
+
/* harmony export */ });
|
|
298
|
+
/* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(792);
|
|
299
|
+
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(997);
|
|
300
|
+
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
|
|
301
|
+
|
|
302
|
+
|
|
303
|
+
|
|
304
|
+
|
|
305
|
+
function ProductCardSkeleton({
|
|
306
|
+
bordered,
|
|
307
|
+
sectioned,
|
|
308
|
+
displayButton,
|
|
309
|
+
aspectRatio = 1,
|
|
310
|
+
variant = 'default'
|
|
311
|
+
}) {
|
|
312
|
+
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
|
|
313
|
+
"data-fs-product-card-skeleton": true,
|
|
314
|
+
"data-fs-product-card-skeleton-variant": variant,
|
|
315
|
+
"data-fs-product-card-skeleton-bordered": bordered,
|
|
316
|
+
"data-fs-product-card-skeleton-sectioned": sectioned,
|
|
317
|
+
children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
|
|
318
|
+
"data-fs-product-card-skeleton-image": true,
|
|
319
|
+
style: {
|
|
320
|
+
'--fs-product-card-skeleton-image-aspect-ratio': aspectRatio
|
|
321
|
+
},
|
|
322
|
+
children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, {
|
|
323
|
+
size: {
|
|
324
|
+
width: '100%',
|
|
325
|
+
height: '100%'
|
|
326
|
+
}
|
|
327
|
+
})
|
|
328
|
+
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
|
|
329
|
+
"data-fs-product-card-skeleton-content": true,
|
|
330
|
+
children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, {
|
|
331
|
+
"data-fs-product-card-skeleton-text": true,
|
|
332
|
+
size: {
|
|
333
|
+
width: '90%',
|
|
334
|
+
height: '1.5rem'
|
|
335
|
+
}
|
|
336
|
+
}), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, {
|
|
337
|
+
"data-fs-product-card-skeleton-text": true,
|
|
338
|
+
size: {
|
|
339
|
+
width: '70%',
|
|
340
|
+
height: '1.5rem'
|
|
341
|
+
}
|
|
342
|
+
}), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, {
|
|
343
|
+
"data-fs-product-card-skeleton-badge": true,
|
|
344
|
+
size: {
|
|
345
|
+
width: '6rem',
|
|
346
|
+
height: '2rem'
|
|
347
|
+
},
|
|
348
|
+
border: "pill"
|
|
349
|
+
}), displayButton && /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, {
|
|
350
|
+
"data-fs-product-card-skeleton-button": true,
|
|
351
|
+
size: {
|
|
352
|
+
width: '6rem',
|
|
353
|
+
height: '2rem'
|
|
354
|
+
},
|
|
355
|
+
style: {
|
|
356
|
+
columnGap: '.75rem'
|
|
357
|
+
}
|
|
358
|
+
})]
|
|
359
|
+
})]
|
|
360
|
+
});
|
|
361
|
+
}
|
|
362
|
+
|
|
363
|
+
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProductCardSkeleton);
|
|
364
|
+
|
|
365
|
+
/***/ }),
|
|
366
|
+
|
|
367
|
+
/***/ 8459:
|
|
368
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
369
|
+
|
|
370
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
371
|
+
/* harmony export */ "K": () => (/* binding */ ITEMS_PER_SECTION),
|
|
372
|
+
/* harmony export */ "g": () => (/* binding */ ITEMS_PER_PAGE)
|
|
373
|
+
/* harmony export */ });
|
|
374
|
+
const ITEMS_PER_PAGE = 12;
|
|
375
|
+
const ITEMS_PER_SECTION = 5;
|
|
376
|
+
|
|
377
|
+
/***/ }),
|
|
378
|
+
|
|
379
|
+
/***/ 2523:
|
|
380
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
381
|
+
|
|
382
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
383
|
+
/* harmony export */ "y": () => (/* binding */ useLocalizedVariables)
|
|
384
|
+
/* harmony export */ });
|
|
385
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
|
|
386
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
387
|
+
/* harmony import */ var _session__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7295);
|
|
388
|
+
/* harmony import */ var src_constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(8459);
|
|
389
|
+
|
|
390
|
+
|
|
391
|
+
|
|
392
|
+
|
|
393
|
+
const toArray = x => Array.isArray(x) ? x : x ? [x] : [];
|
|
394
|
+
|
|
395
|
+
const useLocalizedVariables = ({
|
|
396
|
+
first,
|
|
397
|
+
after,
|
|
398
|
+
sort,
|
|
399
|
+
term,
|
|
400
|
+
selectedFacets
|
|
401
|
+
}) => {
|
|
402
|
+
const {
|
|
403
|
+
channel,
|
|
404
|
+
locale
|
|
405
|
+
} = (0,_session__WEBPACK_IMPORTED_MODULE_1__/* .useSession */ .kP)();
|
|
406
|
+
return (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => {
|
|
407
|
+
const facets = toArray(selectedFacets);
|
|
408
|
+
return {
|
|
409
|
+
first: first ?? src_constants__WEBPACK_IMPORTED_MODULE_2__/* .ITEMS_PER_SECTION */ .K,
|
|
410
|
+
after: after ?? '0',
|
|
411
|
+
sort: sort ?? 'score_desc',
|
|
412
|
+
term: term ?? '',
|
|
413
|
+
selectedFacets: [...facets, {
|
|
414
|
+
key: 'channel',
|
|
415
|
+
value: channel ?? ''
|
|
416
|
+
}, {
|
|
417
|
+
key: 'locale',
|
|
418
|
+
value: locale
|
|
419
|
+
}]
|
|
420
|
+
};
|
|
421
|
+
}, [selectedFacets, first, after, sort, term, channel, locale]);
|
|
422
|
+
};
|
|
423
|
+
|
|
424
|
+
/***/ })
|
|
425
|
+
|
|
426
|
+
};
|
|
427
|
+
;
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.id = 184;
|
|
3
|
+
exports.ids = [184];
|
|
4
|
+
exports.modules = {
|
|
5
|
+
|
|
6
|
+
/***/ 5184:
|
|
7
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
8
|
+
|
|
9
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
10
|
+
/* harmony export */ "m": () => (/* binding */ useViewItemListEvent)
|
|
11
|
+
/* harmony export */ });
|
|
12
|
+
/* harmony import */ var _faststore_sdk__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1072);
|
|
13
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
|
|
14
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
15
|
+
/* harmony import */ var src_sdk_session__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7295);
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
const useViewItemListEvent = ({
|
|
20
|
+
products,
|
|
21
|
+
title,
|
|
22
|
+
page,
|
|
23
|
+
pageSize
|
|
24
|
+
}) => {
|
|
25
|
+
const {
|
|
26
|
+
currency: {
|
|
27
|
+
code
|
|
28
|
+
}
|
|
29
|
+
} = (0,src_sdk_session__WEBPACK_IMPORTED_MODULE_1__/* .useSession */ .kP)();
|
|
30
|
+
const sendViewItemListEvent = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => {
|
|
31
|
+
(0,_faststore_sdk__WEBPACK_IMPORTED_MODULE_2__/* .sendAnalyticsEvent */ ._)({
|
|
32
|
+
name: 'view_item_list',
|
|
33
|
+
params: {
|
|
34
|
+
item_list_name: title,
|
|
35
|
+
item_list_id: title,
|
|
36
|
+
items: products.map(({
|
|
37
|
+
node: product
|
|
38
|
+
}, index) => ({
|
|
39
|
+
item_id: product.isVariantOf.productGroupID,
|
|
40
|
+
item_name: product.isVariantOf.name,
|
|
41
|
+
item_brand: product.brand.name,
|
|
42
|
+
item_variant: product.sku,
|
|
43
|
+
price: product.offers.offers[0].price,
|
|
44
|
+
index: page * pageSize + index + 1,
|
|
45
|
+
discount: product.offers.offers[0].listPrice - product.offers.offers[0].price,
|
|
46
|
+
currency: code,
|
|
47
|
+
item_variant_name: product.name,
|
|
48
|
+
product_reference_id: product.gtin
|
|
49
|
+
}))
|
|
50
|
+
}
|
|
51
|
+
});
|
|
52
|
+
}, [code, products, title, page, pageSize]);
|
|
53
|
+
return {
|
|
54
|
+
sendViewItemListEvent
|
|
55
|
+
};
|
|
56
|
+
};
|
|
57
|
+
|
|
58
|
+
/***/ })
|
|
59
|
+
|
|
60
|
+
};
|
|
61
|
+
;
|