@faststore/core 2.2.53 → 2.2.55
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 +54 -60
- 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 +3 -3
- package/.next/routes-manifest.json +1 -1
- package/.next/server/chunks/390.js +409 -404
- package/.next/server/chunks/520.js +491 -0
- package/.next/server/chunks/732.js +1 -1
- package/.next/server/chunks/74.js +2274 -636
- package/.next/server/chunks/796.js +495 -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 +14 -0
- package/.next/server/pages/404.js.nft.json +1 -1
- package/.next/server/pages/500.js +14 -0
- package/.next/server/pages/500.js.nft.json +1 -1
- package/.next/server/pages/[...slug].js +12 -12
- package/.next/server/pages/[...slug].js.nft.json +1 -1
- package/.next/server/pages/[slug]/p.js +17 -61
- 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/account.js +14 -0
- package/.next/server/pages/account.js.nft.json +1 -1
- package/.next/server/pages/api/graphql.js.nft.json +1 -1
- package/.next/server/pages/checkout.js +14 -0
- 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 +2 -2
- package/.next/server/pages/index.js +7 -7
- package/.next/server/pages/index.js.nft.json +1 -1
- package/.next/server/pages/login.js +14 -0
- package/.next/server/pages/login.js.nft.json +1 -1
- package/.next/server/pages/s.js +8 -1
- package/.next/server/pages/s.js.nft.json +1 -1
- package/.next/server/pages-manifest.json +3 -3
- package/.next/static/chunks/158-df35a8644ae9d281.js +1 -0
- package/.next/static/chunks/251.98f500dd8ba008ae.js +1 -0
- package/.next/static/chunks/497-37c1e4e1d862b354.js +1 -0
- package/.next/static/chunks/585.4e673e43d8daf336.js +1 -0
- package/.next/static/chunks/800.ea75aa39e939d9af.js +1 -0
- package/.next/static/chunks/897-b07932d813bb7dac.js +1 -0
- package/.next/static/chunks/pages/{404-7710903c2a59fa6e.js → 404-0bacd82dcf801c94.js} +1 -1
- package/.next/static/chunks/pages/{500-88a231e61179db83.js → 500-4dceb834e001d990.js} +1 -1
- package/.next/static/chunks/pages/[...slug]-b82b56ce1651ea4f.js +1 -0
- package/.next/static/chunks/pages/[slug]/p-39599bd4d6faeeb6.js +1 -0
- package/.next/static/chunks/pages/{account-f163e14670372c05.js → account-57c0c1f70eed76a6.js} +1 -1
- package/.next/static/chunks/pages/{checkout-cf498a32e110bde8.js → checkout-e5db8918e7c9c75e.js} +1 -1
- package/.next/static/chunks/pages/index-84457d91d9060925.js +1 -0
- package/.next/static/chunks/pages/{login-707636c85f23cac6.js → login-39000c786b4f6222.js} +1 -1
- package/.next/static/chunks/pages/s-e195109f5acced7c.js +1 -0
- package/.next/static/chunks/webpack-ec84ae4e89cebb1f.js +1 -0
- package/.next/static/css/0cb5d7afb952bb02.css +1 -0
- package/.next/static/css/{4e42cc999ad62b57.css → 0dc997f9da3027b7.css} +1 -1
- package/.next/static/css/{d7bbfbd552f407e9.css → cbccabebb36f7f92.css} +1 -1
- package/.next/static/css/{d456bfc64bc489a2.css → cf062feb79245123.css} +1 -1
- package/.next/static/xNdv8Ze2mVN5lf__-4QVM/_buildManifest.js +1 -0
- package/.next/trace +81 -81
- package/.turbo/turbo-build.log +18 -18
- package/.turbo/turbo-test.log +9 -9
- package/package.json +2 -2
- package/src/components/sections/CrossSellingShelf/DefaultComponents.ts +9 -0
- package/src/components/sections/CrossSellingShelf/OverriddenDefaultCrossSellingShelf.ts +5 -0
- package/src/components/sections/ProductShelf/DefaultComponents.ts +9 -0
- package/src/components/sections/ProductShelf/OverriddenDefaultProductShelf.ts +12 -0
- package/src/components/templates/LandingPage/LandingPage.tsx +1 -1
- package/src/components/templates/ProductListingPage/ProductListing.tsx +1 -1
- package/src/components/ui/ProductShelf/ProductShelf.tsx +11 -12
- package/src/pages/[slug]/p.tsx +1 -1
- package/src/pages/index.tsx +1 -1
- package/src/sdk/overrides/sections.tsx +12 -4
- package/src/typings/overrides.ts +15 -1
- package/.next/server/chunks/117.js +0 -430
- package/.next/server/chunks/184.js +0 -61
- package/.next/server/chunks/53.js +0 -61
- package/.next/server/chunks/773.js +0 -550
- package/.next/server/chunks/854.js +0 -72
- package/.next/server/chunks/890.js +0 -1205
- package/.next/static/McclVBfxjOJEmRRYVXL7T/_buildManifest.js +0 -1
- package/.next/static/chunks/158-042441a60c3b4b56.js +0 -1
- package/.next/static/chunks/223-cb77217cce52d45c.js +0 -1
- package/.next/static/chunks/251.1c79f06f2a2814b1.js +0 -1
- package/.next/static/chunks/290-383e1d36f83c367d.js +0 -1
- package/.next/static/chunks/497-f3f10b00c609f0c2.js +0 -1
- package/.next/static/chunks/585.2d70151d75fdf960.js +0 -1
- package/.next/static/chunks/800.f63caad837409c7e.js +0 -1
- package/.next/static/chunks/pages/[...slug]-9b20bb8274fe7854.js +0 -1
- package/.next/static/chunks/pages/[slug]/p-0ef7dd71888c199e.js +0 -1
- package/.next/static/chunks/pages/index-1cfe3afbd6564f45.js +0 -1
- package/.next/static/chunks/pages/s-0bfcfd0d40841dcf.js +0 -1
- package/.next/static/chunks/webpack-ba86ae9a63f61805.js +0 -1
- package/.next/static/css/14c11109f82a6f9a.css +0 -1
- package/.next/static/css/e337ce16f77f08a7.css +0 -1
- package/src/components/sections/ProductShelf/Overrides.tsx +0 -20
- /package/.next/static/{McclVBfxjOJEmRRYVXL7T → xNdv8Ze2mVN5lf__-4QVM}/_ssgManifest.js +0 -0
|
@@ -0,0 +1,491 @@
|
|
|
1
|
+
exports.id = 520;
|
|
2
|
+
exports.ids = [520];
|
|
3
|
+
exports.modules = {
|
|
4
|
+
|
|
5
|
+
/***/ 9088:
|
|
6
|
+
/***/ ((module, __webpack_exports__, __webpack_require__) => {
|
|
7
|
+
|
|
8
|
+
"use strict";
|
|
9
|
+
__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
|
|
10
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
11
|
+
/* harmony export */ "V": () => (/* binding */ OverriddenDefaultHero)
|
|
12
|
+
/* harmony export */ });
|
|
13
|
+
/* harmony import */ var src_customizations_src_components_overrides_Hero__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4906);
|
|
14
|
+
/* harmony import */ var src_sdk_overrides_getOverriddenSection__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8788);
|
|
15
|
+
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([src_sdk_overrides_getOverriddenSection__WEBPACK_IMPORTED_MODULE_0__]);
|
|
16
|
+
src_sdk_overrides_getOverriddenSection__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
/**
|
|
21
|
+
* This component exists to support overrides 1.0
|
|
22
|
+
*
|
|
23
|
+
* This allows users to override the default Hero section present in the Headless CMS
|
|
24
|
+
*/
|
|
25
|
+
const OverriddenDefaultHero = (0,src_sdk_overrides_getOverriddenSection__WEBPACK_IMPORTED_MODULE_0__/* .getOverriddenSection */ .v)(src_customizations_src_components_overrides_Hero__WEBPACK_IMPORTED_MODULE_1__/* .override */ .K);
|
|
26
|
+
__webpack_async_result__();
|
|
27
|
+
} catch(e) { __webpack_async_result__(e); } });
|
|
28
|
+
|
|
29
|
+
/***/ }),
|
|
30
|
+
|
|
31
|
+
/***/ 5247:
|
|
32
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
33
|
+
|
|
34
|
+
"use strict";
|
|
35
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
36
|
+
/* harmony export */ "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
37
|
+
/* harmony export */ });
|
|
38
|
+
/* harmony import */ var src_components_ui_Incentives_Incentives__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(2411);
|
|
39
|
+
/* harmony import */ var _Section__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3271);
|
|
40
|
+
/* harmony import */ var _section_module_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7952);
|
|
41
|
+
/* harmony import */ var _section_module_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_section_module_scss__WEBPACK_IMPORTED_MODULE_2__);
|
|
42
|
+
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(997);
|
|
43
|
+
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
|
|
44
|
+
|
|
45
|
+
|
|
46
|
+
|
|
47
|
+
|
|
48
|
+
|
|
49
|
+
function Incentives({
|
|
50
|
+
incentives
|
|
51
|
+
}) {
|
|
52
|
+
return /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Section__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, {
|
|
53
|
+
className: `${(_section_module_scss__WEBPACK_IMPORTED_MODULE_2___default().section)} section-incentives layout__section`,
|
|
54
|
+
children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(src_components_ui_Incentives_Incentives__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
|
|
55
|
+
incentives: incentives,
|
|
56
|
+
colored: true
|
|
57
|
+
})
|
|
58
|
+
});
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Incentives);
|
|
62
|
+
|
|
63
|
+
/***/ }),
|
|
64
|
+
|
|
65
|
+
/***/ 8195:
|
|
66
|
+
/***/ ((module, __webpack_exports__, __webpack_require__) => {
|
|
67
|
+
|
|
68
|
+
"use strict";
|
|
69
|
+
__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
|
|
70
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
71
|
+
/* harmony export */ "T": () => (/* binding */ OverriddenDefaultProductShelf)
|
|
72
|
+
/* harmony export */ });
|
|
73
|
+
/* harmony import */ var src_customizations_src_components_overrides_ProductShelf__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2009);
|
|
74
|
+
/* harmony import */ var src_sdk_overrides_getOverriddenSection__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8788);
|
|
75
|
+
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([src_sdk_overrides_getOverriddenSection__WEBPACK_IMPORTED_MODULE_0__]);
|
|
76
|
+
src_sdk_overrides_getOverriddenSection__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
|
|
77
|
+
|
|
78
|
+
|
|
79
|
+
|
|
80
|
+
/**
|
|
81
|
+
* This component exists to support overrides 1.0
|
|
82
|
+
*
|
|
83
|
+
* This allows users to override the default ProductShelf section present in the Headless CMS
|
|
84
|
+
*/
|
|
85
|
+
const OverriddenDefaultProductShelf = (0,src_sdk_overrides_getOverriddenSection__WEBPACK_IMPORTED_MODULE_0__/* .getOverriddenSection */ .v)(src_customizations_src_components_overrides_ProductShelf__WEBPACK_IMPORTED_MODULE_1__/* .override */ .K);
|
|
86
|
+
__webpack_async_result__();
|
|
87
|
+
} catch(e) { __webpack_async_result__(e); } });
|
|
88
|
+
|
|
89
|
+
/***/ }),
|
|
90
|
+
|
|
91
|
+
/***/ 2834:
|
|
92
|
+
/***/ ((module, __webpack_exports__, __webpack_require__) => {
|
|
93
|
+
|
|
94
|
+
"use strict";
|
|
95
|
+
__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
|
|
96
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
97
|
+
/* harmony export */ "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
98
|
+
/* harmony export */ });
|
|
99
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
|
|
100
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
101
|
+
/* harmony import */ var react_intersection_observer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9785);
|
|
102
|
+
/* harmony import */ var react_intersection_observer__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_intersection_observer__WEBPACK_IMPORTED_MODULE_1__);
|
|
103
|
+
/* harmony import */ var src_components_product_ProductCard__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(8553);
|
|
104
|
+
/* harmony import */ var src_components_skeletons_ProductTilesSkeleton__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(8860);
|
|
105
|
+
/* harmony import */ var src_components_ui_Tiles__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(6971);
|
|
106
|
+
/* harmony import */ var src_components_ui_Tiles__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(7901);
|
|
107
|
+
/* harmony import */ var src_sdk_analytics_hooks_useViewItemListEvent__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(5184);
|
|
108
|
+
/* harmony import */ var src_sdk_product_useProductsQuery__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(4867);
|
|
109
|
+
/* harmony import */ var _Section__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(3271);
|
|
110
|
+
/* harmony import */ var _section_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(2366);
|
|
111
|
+
/* harmony import */ var _section_module_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_section_module_scss__WEBPACK_IMPORTED_MODULE_6__);
|
|
112
|
+
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(997);
|
|
113
|
+
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__);
|
|
114
|
+
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([src_sdk_product_useProductsQuery__WEBPACK_IMPORTED_MODULE_3__]);
|
|
115
|
+
src_sdk_product_useProductsQuery__WEBPACK_IMPORTED_MODULE_3__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
|
|
116
|
+
const _excluded = ["title"];
|
|
117
|
+
|
|
118
|
+
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; }
|
|
119
|
+
|
|
120
|
+
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; }
|
|
121
|
+
|
|
122
|
+
|
|
123
|
+
|
|
124
|
+
|
|
125
|
+
|
|
126
|
+
|
|
127
|
+
|
|
128
|
+
|
|
129
|
+
|
|
130
|
+
|
|
131
|
+
|
|
132
|
+
|
|
133
|
+
const NUMBER_ITEMS_TO_EXPAND_FIRST = 3;
|
|
134
|
+
const NUMBER_ITEMS_TO_EXPAND_FIRST_TWO = 2;
|
|
135
|
+
|
|
136
|
+
const getRatio = (products, idx) => {
|
|
137
|
+
const expandsFirstTile = products === NUMBER_ITEMS_TO_EXPAND_FIRST && idx === 0;
|
|
138
|
+
const expandsFirstTwoTile = products === NUMBER_ITEMS_TO_EXPAND_FIRST_TWO && (idx === 0 || idx === 1);
|
|
139
|
+
|
|
140
|
+
if (expandsFirstTile || expandsFirstTwoTile) {
|
|
141
|
+
return 5 / 3;
|
|
142
|
+
}
|
|
143
|
+
|
|
144
|
+
return 3 / 4;
|
|
145
|
+
};
|
|
146
|
+
|
|
147
|
+
const getSizes = (products, idx) => {
|
|
148
|
+
const expandsFirstTile = products === NUMBER_ITEMS_TO_EXPAND_FIRST && idx === 0;
|
|
149
|
+
const expandsFirstTwoTile = products === NUMBER_ITEMS_TO_EXPAND_FIRST_TWO && (idx === 0 || idx === 1);
|
|
150
|
+
|
|
151
|
+
if (expandsFirstTile || expandsFirstTwoTile) {
|
|
152
|
+
return {
|
|
153
|
+
width: 594,
|
|
154
|
+
height: 364
|
|
155
|
+
};
|
|
156
|
+
}
|
|
157
|
+
|
|
158
|
+
return {
|
|
159
|
+
width: 284,
|
|
160
|
+
height: 364
|
|
161
|
+
};
|
|
162
|
+
};
|
|
163
|
+
|
|
164
|
+
const ProductTiles = _ref => {
|
|
165
|
+
let {
|
|
166
|
+
title
|
|
167
|
+
} = _ref,
|
|
168
|
+
variables = _objectWithoutProperties(_ref, _excluded);
|
|
169
|
+
|
|
170
|
+
const viewedOnce = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(false);
|
|
171
|
+
const {
|
|
172
|
+
ref,
|
|
173
|
+
inView
|
|
174
|
+
} = (0,react_intersection_observer__WEBPACK_IMPORTED_MODULE_1__.useInView)();
|
|
175
|
+
const data = (0,src_sdk_product_useProductsQuery__WEBPACK_IMPORTED_MODULE_3__/* .useProductsQuery */ .k)(variables);
|
|
176
|
+
const products = data?.search?.products;
|
|
177
|
+
const productEdges = products?.edges ?? [];
|
|
178
|
+
const {
|
|
179
|
+
sendViewItemListEvent
|
|
180
|
+
} = (0,src_sdk_analytics_hooks_useViewItemListEvent__WEBPACK_IMPORTED_MODULE_4__/* .useViewItemListEvent */ .m)({
|
|
181
|
+
products: productEdges,
|
|
182
|
+
title,
|
|
183
|
+
page: 0,
|
|
184
|
+
pageSize: 0
|
|
185
|
+
});
|
|
186
|
+
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
|
|
187
|
+
if (inView && !viewedOnce.current && productEdges.length) {
|
|
188
|
+
sendViewItemListEvent();
|
|
189
|
+
viewedOnce.current = true;
|
|
190
|
+
}
|
|
191
|
+
}, [inView, productEdges.length, sendViewItemListEvent]);
|
|
192
|
+
|
|
193
|
+
if (products?.edges.length === 0) {
|
|
194
|
+
return null;
|
|
195
|
+
}
|
|
196
|
+
|
|
197
|
+
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_Section__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
|
|
198
|
+
className: `${(_section_module_scss__WEBPACK_IMPORTED_MODULE_6___default().section)} section-product-tiles layout__section`,
|
|
199
|
+
ref: ref,
|
|
200
|
+
children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx("h2", {
|
|
201
|
+
className: "text__title-section layout__content",
|
|
202
|
+
children: title
|
|
203
|
+
}), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx(src_components_skeletons_ProductTilesSkeleton__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
|
|
204
|
+
loading: !products,
|
|
205
|
+
children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx(src_components_ui_Tiles__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {
|
|
206
|
+
children: productEdges.map((product, idx) => /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx(src_components_ui_Tiles__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z, {
|
|
207
|
+
children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx(src_components_product_ProductCard__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .Z, {
|
|
208
|
+
"data-testid": "tile-card",
|
|
209
|
+
product: product.node,
|
|
210
|
+
index: idx + 1,
|
|
211
|
+
variant: "wide",
|
|
212
|
+
aspectRatio: getRatio(productEdges.length, idx),
|
|
213
|
+
imgProps: getSizes(productEdges.length, idx)
|
|
214
|
+
})
|
|
215
|
+
}, product.node.id))
|
|
216
|
+
})
|
|
217
|
+
})]
|
|
218
|
+
});
|
|
219
|
+
};
|
|
220
|
+
|
|
221
|
+
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProductTiles);
|
|
222
|
+
__webpack_async_result__();
|
|
223
|
+
} catch(e) { __webpack_async_result__(e); } });
|
|
224
|
+
|
|
225
|
+
/***/ }),
|
|
226
|
+
|
|
227
|
+
/***/ 8860:
|
|
228
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
229
|
+
|
|
230
|
+
"use strict";
|
|
231
|
+
|
|
232
|
+
// EXPORTS
|
|
233
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
234
|
+
"Z": () => (/* binding */ ProductTilesSkeleton_ProductTilesSkeleton)
|
|
235
|
+
});
|
|
236
|
+
|
|
237
|
+
// EXTERNAL MODULE: ./src/components/ui/Tiles/Tiles.tsx + 1 modules
|
|
238
|
+
var Tiles = __webpack_require__(6971);
|
|
239
|
+
// EXTERNAL MODULE: ../ui/dist/esm/components/organisms/Tiles/Tile.js
|
|
240
|
+
var Tile = __webpack_require__(7901);
|
|
241
|
+
// EXTERNAL MODULE: ../components/dist/esm/atoms/Skeleton/Skeleton.js
|
|
242
|
+
var Skeleton = __webpack_require__(792);
|
|
243
|
+
// EXTERNAL MODULE: external "react/jsx-runtime"
|
|
244
|
+
var jsx_runtime_ = __webpack_require__(997);
|
|
245
|
+
;// CONCATENATED MODULE: ./src/components/skeletons/ProductTilesSkeleton/ProductTileSkeleton/ProductTileSkeleton.tsx
|
|
246
|
+
|
|
247
|
+
|
|
248
|
+
|
|
249
|
+
|
|
250
|
+
function ProductTileSkeleton({
|
|
251
|
+
index,
|
|
252
|
+
aspectRatio = 1
|
|
253
|
+
}) {
|
|
254
|
+
return /*#__PURE__*/(0,jsx_runtime_.jsxs)("div", {
|
|
255
|
+
"data-fs-product-tile-skeleton": true,
|
|
256
|
+
"data-fs-product-tile-skeleton-index": index,
|
|
257
|
+
children: [/*#__PURE__*/jsx_runtime_.jsx("div", {
|
|
258
|
+
"data-fs-product-tile-skeleton-image": true,
|
|
259
|
+
"data-fs-product-tile-skeleton-index": index,
|
|
260
|
+
style: {
|
|
261
|
+
'--fs-product-tile-skeleton-image-aspect-ratio': aspectRatio
|
|
262
|
+
},
|
|
263
|
+
children: /*#__PURE__*/jsx_runtime_.jsx(Skeleton/* default */.Z, {
|
|
264
|
+
size: {
|
|
265
|
+
width: 'auto',
|
|
266
|
+
height: '100%'
|
|
267
|
+
},
|
|
268
|
+
loading: true
|
|
269
|
+
})
|
|
270
|
+
}), /*#__PURE__*/(0,jsx_runtime_.jsxs)("div", {
|
|
271
|
+
"data-fs-product-tile-skeleton-content": true,
|
|
272
|
+
"data-fs-product-tile-skeleton-index": index,
|
|
273
|
+
children: [/*#__PURE__*/(0,jsx_runtime_.jsxs)("div", {
|
|
274
|
+
"data-fs-product-tile-skeleton-heading": true,
|
|
275
|
+
children: [/*#__PURE__*/jsx_runtime_.jsx("div", {
|
|
276
|
+
"data-fs-product-tile-skeleton-text": true,
|
|
277
|
+
"data-fs-product-tile-skeleton-index": index,
|
|
278
|
+
children: /*#__PURE__*/jsx_runtime_.jsx(Skeleton/* default */.Z, {
|
|
279
|
+
size: {
|
|
280
|
+
width: '70%',
|
|
281
|
+
height: '1.5rem'
|
|
282
|
+
}
|
|
283
|
+
})
|
|
284
|
+
}), /*#__PURE__*/jsx_runtime_.jsx("div", {
|
|
285
|
+
"data-fs-product-tile-skeleton-price": true,
|
|
286
|
+
children: /*#__PURE__*/jsx_runtime_.jsx(Skeleton/* default */.Z, {
|
|
287
|
+
size: {
|
|
288
|
+
width: '60%',
|
|
289
|
+
height: '1.5rem'
|
|
290
|
+
}
|
|
291
|
+
})
|
|
292
|
+
})]
|
|
293
|
+
}), /*#__PURE__*/jsx_runtime_.jsx("div", {
|
|
294
|
+
"data-fs-product-tile-skeleton-badge": true,
|
|
295
|
+
"data-fs-product-tile-skeleton-index": index,
|
|
296
|
+
children: /*#__PURE__*/jsx_runtime_.jsx(Skeleton/* default */.Z, {
|
|
297
|
+
size: {
|
|
298
|
+
width: '6rem',
|
|
299
|
+
height: '2rem'
|
|
300
|
+
},
|
|
301
|
+
border: "pill"
|
|
302
|
+
})
|
|
303
|
+
})]
|
|
304
|
+
})]
|
|
305
|
+
});
|
|
306
|
+
}
|
|
307
|
+
|
|
308
|
+
/* harmony default export */ const ProductTileSkeleton_ProductTileSkeleton = (ProductTileSkeleton);
|
|
309
|
+
;// CONCATENATED MODULE: ./src/components/skeletons/ProductTilesSkeleton/ProductTilesSkeleton.tsx
|
|
310
|
+
|
|
311
|
+
// TODO: // Replace it when items number become dynamically defined
|
|
312
|
+
|
|
313
|
+
|
|
314
|
+
|
|
315
|
+
const DEFAULT_ITEMS_NUMBER = 3;
|
|
316
|
+
const DEFAULT_ITEMS_NUMBER_TWO = 2;
|
|
317
|
+
|
|
318
|
+
const getRatio = (products, idx) => {
|
|
319
|
+
const expandsFirstTile = products === DEFAULT_ITEMS_NUMBER && idx === 0;
|
|
320
|
+
const expandsFirstTwoTile = products === DEFAULT_ITEMS_NUMBER_TWO && (idx === 0 || idx === 1);
|
|
321
|
+
|
|
322
|
+
if (expandsFirstTile || expandsFirstTwoTile) {
|
|
323
|
+
return 5 / 3;
|
|
324
|
+
}
|
|
325
|
+
|
|
326
|
+
return 3 / 4;
|
|
327
|
+
};
|
|
328
|
+
|
|
329
|
+
function ProductTilesSkeleton({
|
|
330
|
+
children,
|
|
331
|
+
loading = true
|
|
332
|
+
}) {
|
|
333
|
+
return loading ? /*#__PURE__*/jsx_runtime_.jsx(Tiles/* default */.Z, {
|
|
334
|
+
children: Array.from({
|
|
335
|
+
length: DEFAULT_ITEMS_NUMBER
|
|
336
|
+
}, (_, index) => /*#__PURE__*/jsx_runtime_.jsx(Tile/* default */.Z, {
|
|
337
|
+
children: /*#__PURE__*/jsx_runtime_.jsx(ProductTileSkeleton_ProductTileSkeleton, {
|
|
338
|
+
index: index + 1,
|
|
339
|
+
aspectRatio: getRatio(DEFAULT_ITEMS_NUMBER, index)
|
|
340
|
+
})
|
|
341
|
+
}, String(index)))
|
|
342
|
+
}) : /*#__PURE__*/jsx_runtime_.jsx(jsx_runtime_.Fragment, {
|
|
343
|
+
children: children
|
|
344
|
+
});
|
|
345
|
+
}
|
|
346
|
+
|
|
347
|
+
/* harmony default export */ const ProductTilesSkeleton_ProductTilesSkeleton = (ProductTilesSkeleton);
|
|
348
|
+
|
|
349
|
+
/***/ }),
|
|
350
|
+
|
|
351
|
+
/***/ 6971:
|
|
352
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
353
|
+
|
|
354
|
+
"use strict";
|
|
355
|
+
|
|
356
|
+
// EXPORTS
|
|
357
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
358
|
+
"Z": () => (/* binding */ ui_Tiles_Tiles)
|
|
359
|
+
});
|
|
360
|
+
|
|
361
|
+
// EXTERNAL MODULE: external "react"
|
|
362
|
+
var external_react_ = __webpack_require__(6689);
|
|
363
|
+
var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
|
|
364
|
+
;// CONCATENATED MODULE: ../ui/dist/esm/components/organisms/Tiles/Tiles.js
|
|
365
|
+
|
|
366
|
+
|
|
367
|
+
const MIN_CHILDREN = 2;
|
|
368
|
+
const MAX_CHILDREN = 4;
|
|
369
|
+
const NUMBER_ITEMS_TO_EXPAND_FIRST_TWO = 2;
|
|
370
|
+
const NUMBER_ITEMS_TO_EXPAND_FIRST = 3;
|
|
371
|
+
const Tiles = (0,external_react_.forwardRef)(function Tiles({ testId = 'store-tiles', children, ...otherProps }, ref) {
|
|
372
|
+
const childrenCount = external_react_.Children.count(children);
|
|
373
|
+
if (false) {}
|
|
374
|
+
if (false) {}
|
|
375
|
+
const expandedClass = childrenCount === NUMBER_ITEMS_TO_EXPAND_FIRST
|
|
376
|
+
? 'expanded-first'
|
|
377
|
+
: childrenCount === NUMBER_ITEMS_TO_EXPAND_FIRST_TWO
|
|
378
|
+
? 'expanded-first-two'
|
|
379
|
+
: '';
|
|
380
|
+
return (external_react_default().createElement("ul", { ref: ref, role: "list", "data-fs-tiles": true, "data-fs-tiles-variant": expandedClass, "data-fs-content": "tiles", "data-testid": testId, ...otherProps }, children));
|
|
381
|
+
});
|
|
382
|
+
/* harmony default export */ const Tiles_Tiles = (Tiles);
|
|
383
|
+
//# sourceMappingURL=Tiles.js.map
|
|
384
|
+
// EXTERNAL MODULE: external "react/jsx-runtime"
|
|
385
|
+
var jsx_runtime_ = __webpack_require__(997);
|
|
386
|
+
;// CONCATENATED MODULE: ./src/components/ui/Tiles/Tiles.tsx
|
|
387
|
+
const _excluded = ["children"];
|
|
388
|
+
|
|
389
|
+
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; }
|
|
390
|
+
|
|
391
|
+
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; }
|
|
392
|
+
|
|
393
|
+
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; }
|
|
394
|
+
|
|
395
|
+
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; }
|
|
396
|
+
|
|
397
|
+
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; }
|
|
398
|
+
|
|
399
|
+
|
|
400
|
+
|
|
401
|
+
|
|
402
|
+
const Tiles_Tiles_Tiles = _ref => {
|
|
403
|
+
let {
|
|
404
|
+
children
|
|
405
|
+
} = _ref,
|
|
406
|
+
otherProps = _objectWithoutProperties(_ref, _excluded);
|
|
407
|
+
|
|
408
|
+
return /*#__PURE__*/jsx_runtime_.jsx(Tiles_Tiles, _objectSpread(_objectSpread({}, otherProps), {}, {
|
|
409
|
+
children: children
|
|
410
|
+
}));
|
|
411
|
+
};
|
|
412
|
+
|
|
413
|
+
/* harmony default export */ const ui_Tiles_Tiles = (Tiles_Tiles_Tiles);
|
|
414
|
+
|
|
415
|
+
/***/ }),
|
|
416
|
+
|
|
417
|
+
/***/ 4906:
|
|
418
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
419
|
+
|
|
420
|
+
"use strict";
|
|
421
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
422
|
+
/* harmony export */ "K": () => (/* binding */ override)
|
|
423
|
+
/* harmony export */ });
|
|
424
|
+
// This is an example of how it can be used on the starter.
|
|
425
|
+
const SECTION = 'Hero';
|
|
426
|
+
const override = {
|
|
427
|
+
section: SECTION
|
|
428
|
+
};
|
|
429
|
+
|
|
430
|
+
|
|
431
|
+
/***/ }),
|
|
432
|
+
|
|
433
|
+
/***/ 2009:
|
|
434
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
435
|
+
|
|
436
|
+
"use strict";
|
|
437
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
438
|
+
/* harmony export */ "K": () => (/* binding */ override)
|
|
439
|
+
/* harmony export */ });
|
|
440
|
+
// This is an example of how it can be used on the starter.
|
|
441
|
+
const SECTION = 'ProductShelf';
|
|
442
|
+
const override = {
|
|
443
|
+
section: SECTION
|
|
444
|
+
};
|
|
445
|
+
|
|
446
|
+
|
|
447
|
+
/***/ }),
|
|
448
|
+
|
|
449
|
+
/***/ 7952:
|
|
450
|
+
/***/ ((module) => {
|
|
451
|
+
|
|
452
|
+
// Exports
|
|
453
|
+
module.exports = {
|
|
454
|
+
"section": "section_section__rUfAR"
|
|
455
|
+
};
|
|
456
|
+
|
|
457
|
+
|
|
458
|
+
/***/ }),
|
|
459
|
+
|
|
460
|
+
/***/ 2366:
|
|
461
|
+
/***/ ((module) => {
|
|
462
|
+
|
|
463
|
+
// Exports
|
|
464
|
+
module.exports = {
|
|
465
|
+
"section": "section_section__hGuvG",
|
|
466
|
+
"loading": "section_loading__GpWrl"
|
|
467
|
+
};
|
|
468
|
+
|
|
469
|
+
|
|
470
|
+
/***/ }),
|
|
471
|
+
|
|
472
|
+
/***/ 7901:
|
|
473
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
474
|
+
|
|
475
|
+
"use strict";
|
|
476
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
477
|
+
/* harmony export */ "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
478
|
+
/* harmony export */ });
|
|
479
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
|
|
480
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
481
|
+
|
|
482
|
+
const Tile = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function Tile({ testId = 'store-tile', children, ...otherProps }, ref) {
|
|
483
|
+
return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", { ref: ref, role: "listitem", "data-fs-tile": true, "data-testid": testId, ...otherProps }, children));
|
|
484
|
+
});
|
|
485
|
+
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Tile);
|
|
486
|
+
//# sourceMappingURL=Tile.js.map
|
|
487
|
+
|
|
488
|
+
/***/ })
|
|
489
|
+
|
|
490
|
+
};
|
|
491
|
+
;
|
|
@@ -1046,7 +1046,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
|
|
|
1046
1046
|
|
|
1047
1047
|
|
|
1048
1048
|
|
|
1049
|
-
const ProductGalleryPage = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.lazy)(() =>
|
|
1049
|
+
const ProductGalleryPage = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.lazy)(() => __webpack_require__.e(/* import() */ 289).then(__webpack_require__.bind(__webpack_require__, 5289)));
|
|
1050
1050
|
|
|
1051
1051
|
const GalleryPageSkeleton = /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx(src_components_skeletons_ProductGridSkeleton__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
|
|
1052
1052
|
loading: true
|