@faststore/core 2.0.74-alpha.0 → 2.0.76-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.turbo/turbo-build.log +3 -3
- package/CHANGELOG.md +12 -0
- package/package.json +4 -4
- package/src/components/cart/CartSidebar/CartSidebar.tsx +5 -1
- package/src/components/common/Navbar/navbar.module.scss +0 -1
- package/src/components/search/SearchInput/SearchInput.tsx +7 -3
- package/src/components/search/SearchInput/search-input.module.scss +0 -8
- package/src/components/search/{SearchProductCard/SearchProductCard.tsx → SearchProductItem/SearchProductItem.tsx} +25 -22
- package/src/components/search/SearchProductItem/index.ts +1 -0
- package/src/components/search/SearchSuggestions/SearchSuggestions.tsx +27 -79
- package/src/components/search/search.module.scss +9 -80
- package/.next/BUILD_ID +0 -1
- package/.next/build-manifest.json +0 -103
- package/.next/cache/.tsbuildinfo +0 -1
- package/.next/cache/config.json +0 -7
- package/.next/cache/eslint/.cache_1gneedd +0 -1
- package/.next/cache/next-server.js.nft.json +0 -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/export-marker.json +0 -1
- package/.next/images-manifest.json +0 -1
- package/.next/next-server.js.nft.json +0 -1
- package/.next/package.json +0 -1
- package/.next/prerender-manifest.json +0 -1
- package/.next/react-loadable-manifest.json +0 -50
- package/.next/required-server-files.json +0 -1
- package/.next/routes-manifest.json +0 -1
- package/.next/server/chunks/104.js +0 -196
- package/.next/server/chunks/143.js +0 -106
- package/.next/server/chunks/154.js +0 -201
- package/.next/server/chunks/183.js +0 -72
- package/.next/server/chunks/247.js +0 -61
- package/.next/server/chunks/264.js +0 -67
- package/.next/server/chunks/280.js +0 -417
- package/.next/server/chunks/287.js +0 -79
- package/.next/server/chunks/307.js +0 -109
- package/.next/server/chunks/312.js +0 -708
- package/.next/server/chunks/317.js +0 -126
- package/.next/server/chunks/350.js +0 -120
- package/.next/server/chunks/371.js +0 -1467
- package/.next/server/chunks/377.js +0 -82
- package/.next/server/chunks/394.js +0 -3801
- package/.next/server/chunks/439.js +0 -175
- package/.next/server/chunks/444.js +0 -464
- package/.next/server/chunks/465.js +0 -91
- package/.next/server/chunks/576.js +0 -72
- package/.next/server/chunks/650.js +0 -216
- package/.next/server/chunks/664.js +0 -124
- package/.next/server/chunks/676.js +0 -32
- package/.next/server/chunks/732.js +0 -51
- package/.next/server/chunks/746.js +0 -237
- package/.next/server/chunks/849.js +0 -665
- package/.next/server/chunks/854.js +0 -72
- package/.next/server/chunks/859.js +0 -959
- package/.next/server/chunks/872.js +0 -378
- package/.next/server/chunks/881.js +0 -320
- package/.next/server/chunks/898.js +0 -240
- package/.next/server/chunks/914.js +0 -96
- package/.next/server/chunks/953.js +0 -673
- package/.next/server/chunks/98.js +0 -266
- package/.next/server/chunks/992.js +0 -562
- package/.next/server/chunks/font-manifest.json +0 -1
- package/.next/server/font-manifest.json +0 -1
- package/.next/server/middleware-build-manifest.js +0 -1
- package/.next/server/middleware-manifest.json +0 -6
- package/.next/server/middleware-react-loadable-manifest.js +0 -1
- package/.next/server/pages/404.js.nft.json +0 -1
- package/.next/server/pages/500.js.nft.json +0 -1
- package/.next/server/pages/[...slug].js +0 -609
- package/.next/server/pages/[...slug].js.nft.json +0 -1
- package/.next/server/pages/[slug]/p.js +0 -2560
- package/.next/server/pages/[slug]/p.js.nft.json +0 -1
- package/.next/server/pages/_app.js +0 -2041
- package/.next/server/pages/_app.js.nft.json +0 -1
- package/.next/server/pages/_document.js +0 -304
- package/.next/server/pages/_document.js.nft.json +0 -1
- package/.next/server/pages/_error.js +0 -164
- package/.next/server/pages/_error.js.nft.json +0 -1
- package/.next/server/pages/account.js.nft.json +0 -1
- package/.next/server/pages/api/graphql.js +0 -259
- package/.next/server/pages/api/graphql.js.nft.json +0 -1
- package/.next/server/pages/api/preview.js +0 -118
- package/.next/server/pages/api/preview.js.nft.json +0 -1
- package/.next/server/pages/checkout.js.nft.json +0 -1
- package/.next/server/pages/en-US/404.html +0 -81
- package/.next/server/pages/en-US/500.html +0 -81
- package/.next/server/pages/en-US/account.html +0 -81
- package/.next/server/pages/en-US/checkout.html +0 -81
- package/.next/server/pages/en-US/login.html +0 -81
- package/.next/server/pages/en-US/s.html +0 -81
- package/.next/server/pages/en-US.html +0 -81
- package/.next/server/pages/en-US.json +0 -1
- package/.next/server/pages/index.js +0 -407
- package/.next/server/pages/index.js.nft.json +0 -1
- package/.next/server/pages/login.js.nft.json +0 -1
- package/.next/server/pages/s.js.nft.json +0 -1
- package/.next/server/pages-manifest.json +0 -16
- package/.next/server/webpack-api-runtime.js +0 -229
- package/.next/server/webpack-runtime.js +0 -229
- package/.next/static/M7OQ7A7JAyTrgvf0m1Ztu/_buildManifest.js +0 -1
- package/.next/static/M7OQ7A7JAyTrgvf0m1Ztu/_ssgManifest.js +0 -1
- package/.next/static/chunks/143.dd8a556e6957baa1.js +0 -1
- package/.next/static/chunks/153-a20e3f2da180607e.js +0 -1
- package/.next/static/chunks/260-994385416f68673d.js +0 -1
- package/.next/static/chunks/307.10facde65af3066a.js +0 -1
- package/.next/static/chunks/337-4b719ca7a86d8d8c.js +0 -1
- package/.next/static/chunks/351-a4e28d64f48c5269.js +0 -1
- package/.next/static/chunks/588.591fb3bf1a136c66.js +0 -1
- package/.next/static/chunks/650.807852d1c36bfe44.js +0 -1
- package/.next/static/chunks/651.7142f31ce1e052b3.js +0 -1
- package/.next/static/chunks/686.36adeba271636edd.js +0 -1
- package/.next/static/chunks/741.52f7fb873418346f.js +0 -1
- package/.next/static/chunks/791.e9be2b77d132c1b1.js +0 -1
- package/.next/static/chunks/817-728f854c2948afc0.js +0 -1
- package/.next/static/chunks/953.77a48c854f628dcf.js +0 -1
- package/.next/static/chunks/98.97381d2021f86cd9.js +0 -1
- package/.next/static/chunks/framework-dfd14d7ce6600b03.js +0 -1
- package/.next/static/chunks/main-9746772201fe3ac1.js +0 -1
- package/.next/static/chunks/pages/404-ba608a2a9f0c420a.js +0 -1
- package/.next/static/chunks/pages/500-910883c20541d9ce.js +0 -1
- package/.next/static/chunks/pages/[...slug]-9443b18a60d89746.js +0 -1
- package/.next/static/chunks/pages/[slug]/p-cb8ef12f6449cf26.js +0 -1
- package/.next/static/chunks/pages/_app-286bcfa03a5e17a7.js +0 -1
- package/.next/static/chunks/pages/_error-a7a0c1d9bfbb4f38.js +0 -1
- package/.next/static/chunks/pages/account-f19102933e6fd84c.js +0 -1
- package/.next/static/chunks/pages/checkout-f8cb7cb22225ef9d.js +0 -1
- package/.next/static/chunks/pages/index-6717326cc207d674.js +0 -1
- package/.next/static/chunks/pages/login-0b9ea80d9fa0f91b.js +0 -1
- package/.next/static/chunks/pages/s-86fe1e3303388123.js +0 -1
- package/.next/static/chunks/polyfills-c67a75d1b6f99dc8.js +0 -1
- package/.next/static/chunks/webpack-8f397ae160440a8e.js +0 -1
- package/.next/static/css/430b8cafbf7c23c1.css +0 -1
- package/.next/static/css/43d61b402f41569b.css +0 -1
- package/.next/static/css/4d7e7f156483493d.css +0 -1
- package/.next/static/css/6507cb48401e73a4.css +0 -1
- package/.next/static/css/9dd1d1084d254c66.css +0 -1
- package/.next/static/css/b2f16bd4b93e0aca.css +0 -1
- package/.next/static/css/bd743407c8049677.css +0 -1
- package/.next/static/css/d78f4c5305f398ac.css +0 -1
- package/.next/static/css/e1c24beb73906eed.css +0 -1
- package/.next/static/css/e63697a078fd522e.css +0 -1
- package/.next/static/media/brandless-neutral.76ddf63a.png +0 -0
- package/.next/trace +0 -64
- package/public/~partytown/debug/partytown-atomics.js +0 -556
- package/public/~partytown/debug/partytown-media.js +0 -374
- package/public/~partytown/debug/partytown-sandbox-sw.js +0 -543
- package/public/~partytown/debug/partytown-sw.js +0 -59
- package/public/~partytown/debug/partytown-ww-atomics.js +0 -1789
- package/public/~partytown/debug/partytown-ww-sw.js +0 -1781
- package/public/~partytown/debug/partytown.js +0 -72
- package/public/~partytown/partytown-atomics.js +0 -2
- package/public/~partytown/partytown-media.js +0 -2
- package/public/~partytown/partytown-sw.js +0 -2
- package/public/~partytown/partytown.js +0 -2
- package/src/components/search/SearchHistory/SearchHistory.stories.mdx +0 -54
- package/src/components/search/SearchProductCard/SearchProductCard.stories.mdx +0 -95
- package/src/components/search/SearchProductCard/index.ts +0 -1
- package/src/components/search/SearchSuggestions/SearchSuggestions.stories.mdx +0 -58
- package/src/components/search/SearchTop/SearchTop.stories.mdx +0 -57
|
@@ -1,2560 +0,0 @@
|
|
|
1
|
-
(() => {
|
|
2
|
-
var exports = {};
|
|
3
|
-
exports.id = 103;
|
|
4
|
-
exports.ids = [103];
|
|
5
|
-
exports.modules = {
|
|
6
|
-
|
|
7
|
-
/***/ 7738:
|
|
8
|
-
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
9
|
-
|
|
10
|
-
"use strict";
|
|
11
|
-
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
12
|
-
/* harmony export */ "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
13
|
-
/* harmony export */ });
|
|
14
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
|
|
15
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
16
|
-
/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4842);
|
|
17
|
-
/* harmony import */ var _assets__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(6632);
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
function BuyButton({ testId = 'fs-buy-button', icon, children, ...otherProps }) {
|
|
22
|
-
return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, { "data-fs-buy-button": true, icon: react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_assets__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, null), iconPosition: "left", "data-testid": testId, ...otherProps }, children));
|
|
23
|
-
}
|
|
24
|
-
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (BuyButton);
|
|
25
|
-
//# sourceMappingURL=BuyButton.js.map
|
|
26
|
-
|
|
27
|
-
/***/ }),
|
|
28
|
-
|
|
29
|
-
/***/ 1672:
|
|
30
|
-
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
31
|
-
|
|
32
|
-
"use strict";
|
|
33
|
-
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
34
|
-
/* harmony export */ "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
35
|
-
/* harmony export */ });
|
|
36
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
|
|
37
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
38
|
-
/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(783);
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
const ProductTitle = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function ProductTitle({ title, label, refTag = 'Ref.: ', refNumber, testId = 'fs-product-title', ratingValue, ...otherProps }, ref) {
|
|
42
|
-
return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("header", { ref: ref, "data-fs-product-title": true, "data-testid": testId, ...otherProps },
|
|
43
|
-
react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { "data-fs-product-title-header": true },
|
|
44
|
-
title,
|
|
45
|
-
!!label && label),
|
|
46
|
-
(refNumber || ratingValue) && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", { "data-fs-product-title-addendum": true },
|
|
47
|
-
ratingValue && react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, { value: ratingValue }),
|
|
48
|
-
refNumber && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null,
|
|
49
|
-
refTag,
|
|
50
|
-
" ",
|
|
51
|
-
refNumber))))));
|
|
52
|
-
});
|
|
53
|
-
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProductTitle);
|
|
54
|
-
//# sourceMappingURL=ProductTitle.js.map
|
|
55
|
-
|
|
56
|
-
/***/ }),
|
|
57
|
-
|
|
58
|
-
/***/ 4707:
|
|
59
|
-
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
60
|
-
|
|
61
|
-
"use strict";
|
|
62
|
-
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
63
|
-
/* harmony export */ "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
64
|
-
/* harmony export */ });
|
|
65
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
|
|
66
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
67
|
-
|
|
68
|
-
const Table = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function Table({ children, variant = 'colored', testId = 'fs-table', ...otherProps }, ref) {
|
|
69
|
-
return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { "data-fs-table": true },
|
|
70
|
-
react__WEBPACK_IMPORTED_MODULE_0___default().createElement("table", { ref: ref, "data-fs-table-content": true, "data-fs-table-variant": variant, "data-testid": testId, ...otherProps }, children)));
|
|
71
|
-
});
|
|
72
|
-
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Table);
|
|
73
|
-
//# sourceMappingURL=Table.js.map
|
|
74
|
-
|
|
75
|
-
/***/ }),
|
|
76
|
-
|
|
77
|
-
/***/ 1566:
|
|
78
|
-
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
79
|
-
|
|
80
|
-
"use strict";
|
|
81
|
-
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
82
|
-
/* harmony export */ "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
83
|
-
/* harmony export */ });
|
|
84
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
|
|
85
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
86
|
-
|
|
87
|
-
const TableBody = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function TableBody({ children, testId = 'fs-table-body', ...otherProps }, ref) {
|
|
88
|
-
return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("tbody", { ref: ref, "data-testid": testId, "data-fs-table-body": true, ...otherProps }, children));
|
|
89
|
-
});
|
|
90
|
-
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TableBody);
|
|
91
|
-
//# sourceMappingURL=TableBody.js.map
|
|
92
|
-
|
|
93
|
-
/***/ }),
|
|
94
|
-
|
|
95
|
-
/***/ 3111:
|
|
96
|
-
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
97
|
-
|
|
98
|
-
"use strict";
|
|
99
|
-
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
100
|
-
/* harmony export */ "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
101
|
-
/* harmony export */ });
|
|
102
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
|
|
103
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
104
|
-
|
|
105
|
-
const TableCell = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function TableCell({ scope, align, children, variant = 'data', testId = 'fs-table-cell', ...otherProps }, ref) {
|
|
106
|
-
const Cell = variant === 'header' ? 'th' : 'td';
|
|
107
|
-
return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Cell, { ref: ref, "data-fs-table-cell": variant, "data-fs-table-cell-align": align, "data-testid": testId, scope: scope, ...otherProps }, children));
|
|
108
|
-
});
|
|
109
|
-
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TableCell);
|
|
110
|
-
//# sourceMappingURL=TableCell.js.map
|
|
111
|
-
|
|
112
|
-
/***/ }),
|
|
113
|
-
|
|
114
|
-
/***/ 6037:
|
|
115
|
-
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
116
|
-
|
|
117
|
-
"use strict";
|
|
118
|
-
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
119
|
-
/* harmony export */ "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
120
|
-
/* harmony export */ });
|
|
121
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
|
|
122
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
123
|
-
|
|
124
|
-
const TableRow = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function TableRow({ children, testId = 'fs-table-row', ...otherProps }, ref) {
|
|
125
|
-
return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("tr", { ref: ref, "data-fs-table-row": true, "data-testid": testId, ...otherProps }, children));
|
|
126
|
-
});
|
|
127
|
-
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TableRow);
|
|
128
|
-
//# sourceMappingURL=TableRow.js.map
|
|
129
|
-
|
|
130
|
-
/***/ }),
|
|
131
|
-
|
|
132
|
-
/***/ 8578:
|
|
133
|
-
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
134
|
-
|
|
135
|
-
"use strict";
|
|
136
|
-
|
|
137
|
-
// EXPORTS
|
|
138
|
-
__webpack_require__.d(__webpack_exports__, {
|
|
139
|
-
"Z": () => (/* reexport */ product_OutOfStock_OutOfStock)
|
|
140
|
-
});
|
|
141
|
-
|
|
142
|
-
// EXTERNAL MODULE: external "react"
|
|
143
|
-
var external_react_ = __webpack_require__(6689);
|
|
144
|
-
var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
|
|
145
|
-
// EXTERNAL MODULE: ../ui/dist/components/molecules/Form/Form.js
|
|
146
|
-
var Form = __webpack_require__(3906);
|
|
147
|
-
;// CONCATENATED MODULE: ../ui/dist/components/organisms/OutOfStock/OutOfStock.js
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
const OutOfStock = ({ testId = 'store-out-of-stock', children, ...otherProps }) => {
|
|
151
|
-
return (external_react_default().createElement("section", { "data-fs-out-of-stock": true, "data-testid": testId },
|
|
152
|
-
external_react_default().createElement(Form/* default */.Z, { "data-out-of-stock-form": true, testId: `${testId}-form`, ...otherProps }, children)));
|
|
153
|
-
};
|
|
154
|
-
/* harmony default export */ const OutOfStock_OutOfStock = (OutOfStock);
|
|
155
|
-
//# sourceMappingURL=OutOfStock.js.map
|
|
156
|
-
;// CONCATENATED MODULE: ../ui/dist/components/organisms/OutOfStock/OutOfStockTitle.js
|
|
157
|
-
|
|
158
|
-
const OutOfStockTitle = ({ as: TitleComponent = 'h2', testId = 'store-out-of-stock-title', children, ...otherProps }) => {
|
|
159
|
-
return (external_react_default().createElement(TitleComponent, { "data-out-of-stock-title": true, "data-testid": testId, ...otherProps }, children));
|
|
160
|
-
};
|
|
161
|
-
//# sourceMappingURL=OutOfStockTitle.js.map
|
|
162
|
-
;// CONCATENATED MODULE: ../ui/dist/components/organisms/OutOfStock/OutOfStockMessage.js
|
|
163
|
-
|
|
164
|
-
const OutOfStockMessage = ({ as: MessageComponent = 'p', testId = 'store-out-of-stock-message', children, ...otherProps }) => {
|
|
165
|
-
return (external_react_default().createElement(MessageComponent, { "data-out-of-stock-message": true, "data-testid": testId, ...otherProps }, children));
|
|
166
|
-
};
|
|
167
|
-
//# sourceMappingURL=OutOfStockMessage.js.map
|
|
168
|
-
// EXTERNAL MODULE: ../components/dist/molecules/InputField/InputField.js
|
|
169
|
-
var InputField = __webpack_require__(8287);
|
|
170
|
-
// EXTERNAL MODULE: ../components/dist/atoms/Button/Button.js + 1 modules
|
|
171
|
-
var Button = __webpack_require__(4842);
|
|
172
|
-
// EXTERNAL MODULE: ./src/components/ui/Icon/index.ts + 1 modules
|
|
173
|
-
var Icon = __webpack_require__(2478);
|
|
174
|
-
// EXTERNAL MODULE: ./src/components/product/OutOfStock/out-of-stock.module.scss
|
|
175
|
-
var out_of_stock_module = __webpack_require__(6207);
|
|
176
|
-
var out_of_stock_module_default = /*#__PURE__*/__webpack_require__.n(out_of_stock_module);
|
|
177
|
-
// EXTERNAL MODULE: ./src/sdk/session/index.ts
|
|
178
|
-
var session = __webpack_require__(5971);
|
|
179
|
-
// EXTERNAL MODULE: external "react/jsx-runtime"
|
|
180
|
-
var jsx_runtime_ = __webpack_require__(997);
|
|
181
|
-
;// CONCATENATED MODULE: ./src/components/product/OutOfStock/OutOfStock.tsx
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
function OutOfStock_OutOfStock_OutOfStock(props) {
|
|
191
|
-
const {
|
|
192
|
-
postalCode
|
|
193
|
-
} = (0,session/* useSession */.kP)();
|
|
194
|
-
const defaultButtonText = 'Notify me';
|
|
195
|
-
const defaultIconName = 'BellRinging';
|
|
196
|
-
const {
|
|
197
|
-
0: btnText,
|
|
198
|
-
1: setBtnText
|
|
199
|
-
} = (0,external_react_.useState)(defaultButtonText);
|
|
200
|
-
const {
|
|
201
|
-
0: buttonIconName,
|
|
202
|
-
1: setButtonIconName
|
|
203
|
-
} = (0,external_react_.useState)(defaultIconName);
|
|
204
|
-
const {
|
|
205
|
-
0: disabled,
|
|
206
|
-
1: setDisabled
|
|
207
|
-
} = (0,external_react_.useState)(false);
|
|
208
|
-
const {
|
|
209
|
-
0: email,
|
|
210
|
-
1: setEmail
|
|
211
|
-
} = (0,external_react_.useState)('');
|
|
212
|
-
const {
|
|
213
|
-
0: error,
|
|
214
|
-
1: setError
|
|
215
|
-
} = (0,external_react_.useState)('');
|
|
216
|
-
const {
|
|
217
|
-
title = postalCode ? 'Unavailable in Your Location' : 'Out of Stock',
|
|
218
|
-
notificationMsg = 'Notify me when available',
|
|
219
|
-
buttonText = btnText,
|
|
220
|
-
buttonIcon = /*#__PURE__*/jsx_runtime_.jsx(Icon/* default */.Z, {
|
|
221
|
-
name: buttonIconName,
|
|
222
|
-
width: 16,
|
|
223
|
-
height: 16
|
|
224
|
-
}),
|
|
225
|
-
notificationMsgIcon = /*#__PURE__*/jsx_runtime_.jsx(Icon/* default */.Z, {
|
|
226
|
-
name: defaultIconName,
|
|
227
|
-
width: 16,
|
|
228
|
-
height: 16
|
|
229
|
-
}),
|
|
230
|
-
onSubmit
|
|
231
|
-
} = props;
|
|
232
|
-
|
|
233
|
-
const reset = () => {
|
|
234
|
-
setButtonIconName(defaultIconName);
|
|
235
|
-
setBtnText(defaultButtonText);
|
|
236
|
-
setDisabled(false);
|
|
237
|
-
setEmail('');
|
|
238
|
-
setError('');
|
|
239
|
-
};
|
|
240
|
-
|
|
241
|
-
const handleSubmit = event => {
|
|
242
|
-
event.preventDefault();
|
|
243
|
-
setDisabled(true);
|
|
244
|
-
setButtonIconName('Ellipsis');
|
|
245
|
-
|
|
246
|
-
try {
|
|
247
|
-
onSubmit(email);
|
|
248
|
-
setButtonIconName('Checked');
|
|
249
|
-
setBtnText('Subscribed successfully');
|
|
250
|
-
} catch (err) {
|
|
251
|
-
setError(err.message);
|
|
252
|
-
} finally {
|
|
253
|
-
// Return to original state after 2s
|
|
254
|
-
setTimeout(reset, 2000);
|
|
255
|
-
}
|
|
256
|
-
};
|
|
257
|
-
|
|
258
|
-
return /*#__PURE__*/(0,jsx_runtime_.jsxs)(OutOfStock_OutOfStock, {
|
|
259
|
-
"data-fs-out-of-stock": true,
|
|
260
|
-
className: (out_of_stock_module_default()).fsOutOfStock,
|
|
261
|
-
onSubmit: handleSubmit,
|
|
262
|
-
children: [/*#__PURE__*/jsx_runtime_.jsx(OutOfStockTitle, {
|
|
263
|
-
"data-fs-out-of-stock-title": true,
|
|
264
|
-
children: title
|
|
265
|
-
}), /*#__PURE__*/(0,jsx_runtime_.jsxs)(OutOfStockMessage, {
|
|
266
|
-
"data-fs-out-of-stock-message": true,
|
|
267
|
-
children: [notificationMsgIcon, " ", notificationMsg]
|
|
268
|
-
}), /*#__PURE__*/jsx_runtime_.jsx(InputField/* default */.Z, {
|
|
269
|
-
id: "out-of-stock-email",
|
|
270
|
-
value: email,
|
|
271
|
-
label: "Email",
|
|
272
|
-
"aria-label": "Email",
|
|
273
|
-
error: error,
|
|
274
|
-
onChange: e => {
|
|
275
|
-
setError('');
|
|
276
|
-
setEmail(e.target.value);
|
|
277
|
-
}
|
|
278
|
-
}), /*#__PURE__*/jsx_runtime_.jsx(Button/* default */.Z, {
|
|
279
|
-
"data-fs-out-of-stock-button": true,
|
|
280
|
-
type: "submit",
|
|
281
|
-
disabled: disabled,
|
|
282
|
-
variant: "primary",
|
|
283
|
-
icon: buttonIcon,
|
|
284
|
-
iconPosition: "left",
|
|
285
|
-
children: buttonText
|
|
286
|
-
})]
|
|
287
|
-
});
|
|
288
|
-
}
|
|
289
|
-
|
|
290
|
-
/* harmony default export */ const product_OutOfStock_OutOfStock = (OutOfStock_OutOfStock_OutOfStock);
|
|
291
|
-
;// CONCATENATED MODULE: ./src/components/product/OutOfStock/index.ts
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
/***/ }),
|
|
295
|
-
|
|
296
|
-
/***/ 2951:
|
|
297
|
-
/***/ ((module, __webpack_exports__, __webpack_require__) => {
|
|
298
|
-
|
|
299
|
-
"use strict";
|
|
300
|
-
__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
|
|
301
|
-
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
302
|
-
/* harmony export */ "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
303
|
-
/* harmony export */ });
|
|
304
|
-
/* harmony import */ var _BannerText__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(7528);
|
|
305
|
-
/* harmony import */ var _Newsletter__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7191);
|
|
306
|
-
/* harmony import */ var _Section__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(8879);
|
|
307
|
-
/* harmony import */ var _banner_newsletter_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(6308);
|
|
308
|
-
/* harmony import */ var _banner_newsletter_module_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_banner_newsletter_module_scss__WEBPACK_IMPORTED_MODULE_4__);
|
|
309
|
-
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(997);
|
|
310
|
-
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
|
|
311
|
-
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Newsletter__WEBPACK_IMPORTED_MODULE_1__]);
|
|
312
|
-
_Newsletter__WEBPACK_IMPORTED_MODULE_1__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
function BannerNewsletter() {
|
|
321
|
-
return /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx(_Section__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
|
|
322
|
-
className: "layout__content",
|
|
323
|
-
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
|
|
324
|
-
className: (_banner_newsletter_module_scss__WEBPACK_IMPORTED_MODULE_4___default().fsBannerNewsletter),
|
|
325
|
-
children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx(_BannerText__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z, {
|
|
326
|
-
title: "Get to Know Our Next Release",
|
|
327
|
-
caption: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam elit nisi, vehicula in turpis sit amet, posuere aliquam nisl. ",
|
|
328
|
-
actionLabel: "Shop Now",
|
|
329
|
-
actionPath: "/",
|
|
330
|
-
variant: "secondary",
|
|
331
|
-
colorVariant: "light"
|
|
332
|
-
}), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx(_Newsletter__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, {
|
|
333
|
-
title: "Get News and Special Offers!",
|
|
334
|
-
description: "Receive our news and promotions in advance. Enjoy and get 10% off your first purchase. For more information click here.",
|
|
335
|
-
card: true
|
|
336
|
-
})]
|
|
337
|
-
})
|
|
338
|
-
});
|
|
339
|
-
}
|
|
340
|
-
|
|
341
|
-
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (BannerNewsletter);
|
|
342
|
-
__webpack_async_result__();
|
|
343
|
-
} catch(e) { __webpack_async_result__(e); } });
|
|
344
|
-
|
|
345
|
-
/***/ }),
|
|
346
|
-
|
|
347
|
-
/***/ 994:
|
|
348
|
-
/***/ ((module, __webpack_exports__, __webpack_require__) => {
|
|
349
|
-
|
|
350
|
-
"use strict";
|
|
351
|
-
__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
|
|
352
|
-
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
353
|
-
/* harmony export */ "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
354
|
-
/* harmony export */ });
|
|
355
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
|
|
356
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
357
|
-
/* harmony import */ var _ProductShelf__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7104);
|
|
358
|
-
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(997);
|
|
359
|
-
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__);
|
|
360
|
-
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_ProductShelf__WEBPACK_IMPORTED_MODULE_1__]);
|
|
361
|
-
_ProductShelf__WEBPACK_IMPORTED_MODULE_1__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
const CrossSellingShelf = ({
|
|
367
|
-
items,
|
|
368
|
-
title,
|
|
369
|
-
context,
|
|
370
|
-
kind
|
|
371
|
-
}) => {
|
|
372
|
-
const selectedFacets = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => [{
|
|
373
|
-
key: kind,
|
|
374
|
-
value: context.isVariantOf.productGroupID
|
|
375
|
-
}], [kind, context.isVariantOf.productGroupID]);
|
|
376
|
-
return /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx(_ProductShelf__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, {
|
|
377
|
-
first: items,
|
|
378
|
-
title: title,
|
|
379
|
-
selectedFacets: selectedFacets
|
|
380
|
-
});
|
|
381
|
-
};
|
|
382
|
-
|
|
383
|
-
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CrossSellingShelf);
|
|
384
|
-
__webpack_async_result__();
|
|
385
|
-
} catch(e) { __webpack_async_result__(e); } });
|
|
386
|
-
|
|
387
|
-
/***/ }),
|
|
388
|
-
|
|
389
|
-
/***/ 7990:
|
|
390
|
-
/***/ ((module, __webpack_exports__, __webpack_require__) => {
|
|
391
|
-
|
|
392
|
-
"use strict";
|
|
393
|
-
__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
|
|
394
|
-
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
395
|
-
/* harmony export */ "Z": () => (/* reexport safe */ _CrossSellingShelf__WEBPACK_IMPORTED_MODULE_0__.Z)
|
|
396
|
-
/* harmony export */ });
|
|
397
|
-
/* harmony import */ var _CrossSellingShelf__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(994);
|
|
398
|
-
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_CrossSellingShelf__WEBPACK_IMPORTED_MODULE_0__]);
|
|
399
|
-
_CrossSellingShelf__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
|
|
400
|
-
|
|
401
|
-
__webpack_async_result__();
|
|
402
|
-
} catch(e) { __webpack_async_result__(e); } });
|
|
403
|
-
|
|
404
|
-
/***/ }),
|
|
405
|
-
|
|
406
|
-
/***/ 4870:
|
|
407
|
-
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
408
|
-
|
|
409
|
-
"use strict";
|
|
410
|
-
|
|
411
|
-
// EXPORTS
|
|
412
|
-
__webpack_require__.d(__webpack_exports__, {
|
|
413
|
-
"Z": () => (/* reexport */ ProducDetailsContent_ProductDetailsContent)
|
|
414
|
-
});
|
|
415
|
-
|
|
416
|
-
// EXTERNAL MODULE: external "react"
|
|
417
|
-
var external_react_ = __webpack_require__(6689);
|
|
418
|
-
// EXTERNAL MODULE: ../components/dist/molecules/Accordion/Accordion.js
|
|
419
|
-
var Accordion = __webpack_require__(9739);
|
|
420
|
-
// EXTERNAL MODULE: ../components/dist/molecules/Accordion/AccordionItem.js
|
|
421
|
-
var AccordionItem = __webpack_require__(5705);
|
|
422
|
-
// EXTERNAL MODULE: ../components/dist/molecules/Accordion/AccordionButton.js + 2 modules
|
|
423
|
-
var AccordionButton = __webpack_require__(7831);
|
|
424
|
-
// EXTERNAL MODULE: ../components/dist/molecules/Accordion/AccordionPanel.js
|
|
425
|
-
var AccordionPanel = __webpack_require__(331);
|
|
426
|
-
// EXTERNAL MODULE: ../components/dist/molecules/Table/Table.js
|
|
427
|
-
var Table = __webpack_require__(4707);
|
|
428
|
-
// EXTERNAL MODULE: ../components/dist/molecules/Table/TableBody.js
|
|
429
|
-
var TableBody = __webpack_require__(1566);
|
|
430
|
-
// EXTERNAL MODULE: ../components/dist/molecules/Table/TableRow.js
|
|
431
|
-
var TableRow = __webpack_require__(6037);
|
|
432
|
-
// EXTERNAL MODULE: ../components/dist/molecules/Table/TableCell.js
|
|
433
|
-
var TableCell = __webpack_require__(3111);
|
|
434
|
-
// EXTERNAL MODULE: ../components/dist/atoms/Icon/Icon.js
|
|
435
|
-
var Icon = __webpack_require__(5045);
|
|
436
|
-
// EXTERNAL MODULE: ../components/dist/atoms/List/List.js
|
|
437
|
-
var List = __webpack_require__(1329);
|
|
438
|
-
// EXTERNAL MODULE: ./src/components/ui/Icon/index.ts + 1 modules
|
|
439
|
-
var ui_Icon = __webpack_require__(2478);
|
|
440
|
-
// EXTERNAL MODULE: ./src/components/sections/Section/index.ts + 1 modules
|
|
441
|
-
var Section = __webpack_require__(8879);
|
|
442
|
-
// EXTERNAL MODULE: external "react/jsx-runtime"
|
|
443
|
-
var jsx_runtime_ = __webpack_require__(997);
|
|
444
|
-
;// CONCATENATED MODULE: ./src/components/sections/ProducDetailsContent/ProductDetailsContent.tsx
|
|
445
|
-
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; }
|
|
446
|
-
|
|
447
|
-
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; }
|
|
448
|
-
|
|
449
|
-
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; }
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
/**
|
|
459
|
-
* Maps 'initiallyExpanded' prop values to indices
|
|
460
|
-
*/
|
|
461
|
-
const INITIALLY_EXPANDED_MAP = {
|
|
462
|
-
first: [0],
|
|
463
|
-
all: [0, 1, 2, 3],
|
|
464
|
-
none: []
|
|
465
|
-
};
|
|
466
|
-
/**
|
|
467
|
-
* Default article labels
|
|
468
|
-
*/
|
|
469
|
-
|
|
470
|
-
const DEFAULT_LABELS = {
|
|
471
|
-
description: 'Description',
|
|
472
|
-
about: 'About this product',
|
|
473
|
-
highlights: 'Product highlights',
|
|
474
|
-
learnMore: 'Learn More'
|
|
475
|
-
};
|
|
476
|
-
|
|
477
|
-
function ProductDetailsContent({
|
|
478
|
-
initiallyExpanded = 'first',
|
|
479
|
-
labels: propLabels = {}
|
|
480
|
-
}) {
|
|
481
|
-
const {
|
|
482
|
-
0: indices,
|
|
483
|
-
1: setIndices
|
|
484
|
-
} = (0,external_react_.useState)(new Set(INITIALLY_EXPANDED_MAP[initiallyExpanded]));
|
|
485
|
-
|
|
486
|
-
const onChange = index => {
|
|
487
|
-
setIndices(currentIndices => {
|
|
488
|
-
const newIndices = new Set(currentIndices);
|
|
489
|
-
|
|
490
|
-
if (currentIndices.has(index)) {
|
|
491
|
-
newIndices.delete(index);
|
|
492
|
-
} else {
|
|
493
|
-
newIndices.add(index);
|
|
494
|
-
}
|
|
495
|
-
|
|
496
|
-
return newIndices;
|
|
497
|
-
});
|
|
498
|
-
};
|
|
499
|
-
|
|
500
|
-
const labels = _objectSpread(_objectSpread({}, DEFAULT_LABELS), propLabels);
|
|
501
|
-
|
|
502
|
-
return /*#__PURE__*/jsx_runtime_.jsx(Section/* default */.Z, {
|
|
503
|
-
"data-fs-product-details-content": true,
|
|
504
|
-
children: /*#__PURE__*/(0,jsx_runtime_.jsxs)(Accordion/* default */.Z, {
|
|
505
|
-
indices: indices,
|
|
506
|
-
onChange: onChange,
|
|
507
|
-
"aria-label": "Product Details Content",
|
|
508
|
-
children: [/*#__PURE__*/(0,jsx_runtime_.jsxs)(AccordionItem/* default */.Z, {
|
|
509
|
-
as: "article",
|
|
510
|
-
index: 0,
|
|
511
|
-
"data-fs-product-details-description": true,
|
|
512
|
-
prefixId: "product-details-content",
|
|
513
|
-
children: [/*#__PURE__*/jsx_runtime_.jsx(AccordionButton/* default */.Z, {
|
|
514
|
-
children: labels.description
|
|
515
|
-
}), /*#__PURE__*/jsx_runtime_.jsx(AccordionPanel/* default */.Z, {
|
|
516
|
-
children: /*#__PURE__*/jsx_runtime_.jsx("p", {
|
|
517
|
-
className: "text__body",
|
|
518
|
-
children: "Sony WH-1000XM4 Wireless Industry Leading Noise Canceling Overhead Headphones with Mic for Phone-Call and Alexa Voice Control, Black."
|
|
519
|
-
})
|
|
520
|
-
})]
|
|
521
|
-
}), /*#__PURE__*/(0,jsx_runtime_.jsxs)(AccordionItem/* default */.Z, {
|
|
522
|
-
as: "article",
|
|
523
|
-
index: 1,
|
|
524
|
-
"data-fs-product-details-about": true,
|
|
525
|
-
prefixId: "product-details-content",
|
|
526
|
-
children: [/*#__PURE__*/jsx_runtime_.jsx(AccordionButton/* default */.Z, {
|
|
527
|
-
children: labels.about
|
|
528
|
-
}), /*#__PURE__*/jsx_runtime_.jsx(AccordionPanel/* default */.Z, {
|
|
529
|
-
children: /*#__PURE__*/jsx_runtime_.jsx(Table/* default */.Z, {
|
|
530
|
-
cellPadding: 0,
|
|
531
|
-
cellSpacing: 0,
|
|
532
|
-
className: "text__title-mini-alt",
|
|
533
|
-
children: /*#__PURE__*/(0,jsx_runtime_.jsxs)(TableBody/* default */.Z, {
|
|
534
|
-
children: [/*#__PURE__*/(0,jsx_runtime_.jsxs)(TableRow/* default */.Z, {
|
|
535
|
-
children: [/*#__PURE__*/(0,jsx_runtime_.jsxs)(TableCell/* default */.Z, {
|
|
536
|
-
variant: "header",
|
|
537
|
-
align: "left",
|
|
538
|
-
children: [/*#__PURE__*/jsx_runtime_.jsx(Icon/* default */.Z, {
|
|
539
|
-
"data-fs-accordion-item-button-icon": true,
|
|
540
|
-
component: /*#__PURE__*/jsx_runtime_.jsx(ui_Icon/* default */.Z, {
|
|
541
|
-
name: "Ruler",
|
|
542
|
-
width: 18,
|
|
543
|
-
height: 18
|
|
544
|
-
})
|
|
545
|
-
}), /*#__PURE__*/jsx_runtime_.jsx("span", {
|
|
546
|
-
children: "Width"
|
|
547
|
-
})]
|
|
548
|
-
}), /*#__PURE__*/jsx_runtime_.jsx(TableCell/* default */.Z, {
|
|
549
|
-
align: "right",
|
|
550
|
-
children: "1.50m"
|
|
551
|
-
})]
|
|
552
|
-
}), /*#__PURE__*/(0,jsx_runtime_.jsxs)(TableRow/* default */.Z, {
|
|
553
|
-
children: [/*#__PURE__*/(0,jsx_runtime_.jsxs)(TableCell/* default */.Z, {
|
|
554
|
-
variant: "header",
|
|
555
|
-
align: "left",
|
|
556
|
-
children: [/*#__PURE__*/jsx_runtime_.jsx(Icon/* default */.Z, {
|
|
557
|
-
"data-fs-accordion-item-button-icon": true,
|
|
558
|
-
component: /*#__PURE__*/jsx_runtime_.jsx(ui_Icon/* default */.Z, {
|
|
559
|
-
name: "Ruler",
|
|
560
|
-
width: 18,
|
|
561
|
-
height: 18
|
|
562
|
-
})
|
|
563
|
-
}), "Height"]
|
|
564
|
-
}), /*#__PURE__*/jsx_runtime_.jsx(TableCell/* default */.Z, {
|
|
565
|
-
align: "right",
|
|
566
|
-
children: "1.50m"
|
|
567
|
-
})]
|
|
568
|
-
}), /*#__PURE__*/(0,jsx_runtime_.jsxs)(TableRow/* default */.Z, {
|
|
569
|
-
children: [/*#__PURE__*/(0,jsx_runtime_.jsxs)(TableCell/* default */.Z, {
|
|
570
|
-
variant: "header",
|
|
571
|
-
align: "left",
|
|
572
|
-
children: [/*#__PURE__*/jsx_runtime_.jsx(Icon/* default */.Z, {
|
|
573
|
-
"data-fs-accordion-item-button-icon": true,
|
|
574
|
-
component: /*#__PURE__*/jsx_runtime_.jsx(ui_Icon/* default */.Z, {
|
|
575
|
-
name: "Ruler",
|
|
576
|
-
width: 18,
|
|
577
|
-
height: 18
|
|
578
|
-
})
|
|
579
|
-
}), "Dimensions"]
|
|
580
|
-
}), /*#__PURE__*/jsx_runtime_.jsx(TableCell/* default */.Z, {
|
|
581
|
-
align: "right",
|
|
582
|
-
children: "7.27 x 3.03 x 9.94 inches"
|
|
583
|
-
})]
|
|
584
|
-
}), /*#__PURE__*/(0,jsx_runtime_.jsxs)(TableRow/* default */.Z, {
|
|
585
|
-
children: [/*#__PURE__*/(0,jsx_runtime_.jsxs)(TableCell/* default */.Z, {
|
|
586
|
-
variant: "header",
|
|
587
|
-
align: "left",
|
|
588
|
-
children: [/*#__PURE__*/jsx_runtime_.jsx(Icon/* default */.Z, {
|
|
589
|
-
"data-fs-accordion-item-button-icon": true,
|
|
590
|
-
component: /*#__PURE__*/jsx_runtime_.jsx(ui_Icon/* default */.Z, {
|
|
591
|
-
name: "Bag",
|
|
592
|
-
width: 18,
|
|
593
|
-
height: 18
|
|
594
|
-
})
|
|
595
|
-
}), "Weight"]
|
|
596
|
-
}), /*#__PURE__*/jsx_runtime_.jsx(TableCell/* default */.Z, {
|
|
597
|
-
align: "right",
|
|
598
|
-
children: "12oz"
|
|
599
|
-
})]
|
|
600
|
-
}), /*#__PURE__*/(0,jsx_runtime_.jsxs)(TableRow/* default */.Z, {
|
|
601
|
-
children: [/*#__PURE__*/(0,jsx_runtime_.jsxs)(TableCell/* default */.Z, {
|
|
602
|
-
variant: "header",
|
|
603
|
-
align: "left",
|
|
604
|
-
children: [/*#__PURE__*/jsx_runtime_.jsx(Icon/* default */.Z, {
|
|
605
|
-
"data-fs-accordion-item-button-icon": true,
|
|
606
|
-
component: /*#__PURE__*/jsx_runtime_.jsx(ui_Icon/* default */.Z, {
|
|
607
|
-
name: "RocketLaunch",
|
|
608
|
-
width: 18,
|
|
609
|
-
height: 18
|
|
610
|
-
})
|
|
611
|
-
}), "Days to ship"]
|
|
612
|
-
}), /*#__PURE__*/jsx_runtime_.jsx(TableCell/* default */.Z, {
|
|
613
|
-
align: "right",
|
|
614
|
-
children: "11 Days"
|
|
615
|
-
})]
|
|
616
|
-
}), /*#__PURE__*/(0,jsx_runtime_.jsxs)(TableRow/* default */.Z, {
|
|
617
|
-
children: [/*#__PURE__*/(0,jsx_runtime_.jsxs)(TableCell/* default */.Z, {
|
|
618
|
-
variant: "header",
|
|
619
|
-
align: "left",
|
|
620
|
-
children: [/*#__PURE__*/jsx_runtime_.jsx(Icon/* default */.Z, {
|
|
621
|
-
"data-fs-accordion-item-button-icon": true,
|
|
622
|
-
component: /*#__PURE__*/jsx_runtime_.jsx(ui_Icon/* default */.Z, {
|
|
623
|
-
name: "CircleWavyCheck",
|
|
624
|
-
width: 18,
|
|
625
|
-
height: 18
|
|
626
|
-
})
|
|
627
|
-
}), "Estimated"]
|
|
628
|
-
}), /*#__PURE__*/jsx_runtime_.jsx(TableCell/* default */.Z, {
|
|
629
|
-
align: "right",
|
|
630
|
-
children: "Nov 10th"
|
|
631
|
-
})]
|
|
632
|
-
})]
|
|
633
|
-
})
|
|
634
|
-
})
|
|
635
|
-
})]
|
|
636
|
-
}), /*#__PURE__*/(0,jsx_runtime_.jsxs)(AccordionItem/* default */.Z, {
|
|
637
|
-
as: "article",
|
|
638
|
-
className: "text__body",
|
|
639
|
-
index: 2,
|
|
640
|
-
"data-fs-product-details-highlights": true,
|
|
641
|
-
prefixId: "product-details-content",
|
|
642
|
-
children: [/*#__PURE__*/jsx_runtime_.jsx(AccordionButton/* default */.Z, {
|
|
643
|
-
children: labels.highlights
|
|
644
|
-
}), /*#__PURE__*/jsx_runtime_.jsx(AccordionPanel/* default */.Z, {
|
|
645
|
-
children: /*#__PURE__*/(0,jsx_runtime_.jsxs)(List/* default */.Z, {
|
|
646
|
-
marker: true,
|
|
647
|
-
children: [/*#__PURE__*/jsx_runtime_.jsx("li", {
|
|
648
|
-
children: "Industry-leading noise canceling with Dual Noise Sensor technology"
|
|
649
|
-
}), /*#__PURE__*/jsx_runtime_.jsx("li", {
|
|
650
|
-
children: "Next-level music with Edge-AI, co-developed with Sony Music Studios Tokyo"
|
|
651
|
-
}), /*#__PURE__*/jsx_runtime_.jsx("li", {
|
|
652
|
-
children: "Up to 30-hour battery life with quick charging (10 min charge for 5 hours of playback)"
|
|
653
|
-
}), /*#__PURE__*/jsx_runtime_.jsx("li", {
|
|
654
|
-
children: "Touch Sensor controls to pause play skip tracks, control volume, activate your voice assistant, and answer phone calls"
|
|
655
|
-
}), /*#__PURE__*/jsx_runtime_.jsx("li", {
|
|
656
|
-
children: "Speak-to-chat technology automatically reduces volume during conversations"
|
|
657
|
-
}), /*#__PURE__*/jsx_runtime_.jsx("li", {
|
|
658
|
-
children: "Superior call quality with precise voice pickup"
|
|
659
|
-
}), /*#__PURE__*/jsx_runtime_.jsx("li", {
|
|
660
|
-
children: "Wearing detection pauses playback when headphones are removed"
|
|
661
|
-
}), /*#__PURE__*/jsx_runtime_.jsx("li", {
|
|
662
|
-
children: "Seamless multiple-device pairing"
|
|
663
|
-
}), /*#__PURE__*/jsx_runtime_.jsx("li", {
|
|
664
|
-
children: "Adaptive Sound Control provides a personalized listening experience"
|
|
665
|
-
}), /*#__PURE__*/jsx_runtime_.jsx("li", {
|
|
666
|
-
children: "Updated design relieves pressure for long-lasting comfort"
|
|
667
|
-
})]
|
|
668
|
-
})
|
|
669
|
-
})]
|
|
670
|
-
}), /*#__PURE__*/(0,jsx_runtime_.jsxs)(AccordionItem/* default */.Z, {
|
|
671
|
-
as: "article",
|
|
672
|
-
index: 3,
|
|
673
|
-
"data-fs-product-details-learn-more": true,
|
|
674
|
-
prefixId: "product-details-content",
|
|
675
|
-
children: [/*#__PURE__*/jsx_runtime_.jsx(AccordionButton/* default */.Z, {
|
|
676
|
-
children: labels.learnMore
|
|
677
|
-
}), /*#__PURE__*/jsx_runtime_.jsx(AccordionPanel/* default */.Z, {
|
|
678
|
-
children: /*#__PURE__*/jsx_runtime_.jsx("p", {
|
|
679
|
-
className: "text__body",
|
|
680
|
-
children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laboru."
|
|
681
|
-
})
|
|
682
|
-
})]
|
|
683
|
-
})]
|
|
684
|
-
})
|
|
685
|
-
});
|
|
686
|
-
}
|
|
687
|
-
|
|
688
|
-
/* harmony default export */ const ProducDetailsContent_ProductDetailsContent = (ProductDetailsContent);
|
|
689
|
-
;// CONCATENATED MODULE: ./src/components/sections/ProducDetailsContent/index.ts
|
|
690
|
-
|
|
691
|
-
|
|
692
|
-
/***/ }),
|
|
693
|
-
|
|
694
|
-
/***/ 1644:
|
|
695
|
-
/***/ ((module, __webpack_exports__, __webpack_require__) => {
|
|
696
|
-
|
|
697
|
-
"use strict";
|
|
698
|
-
__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
|
|
699
|
-
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
700
|
-
/* harmony export */ "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
701
|
-
/* harmony export */ });
|
|
702
|
-
/* unused harmony export fragment */
|
|
703
|
-
/* harmony import */ var _faststore_sdk__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(8460);
|
|
704
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
|
|
705
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
706
|
-
/* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(1672);
|
|
707
|
-
/* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(9875);
|
|
708
|
-
/* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(7549);
|
|
709
|
-
/* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(7377);
|
|
710
|
-
/* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(7738);
|
|
711
|
-
/* harmony import */ var src_components_product_OutOfStock__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8578);
|
|
712
|
-
/* harmony import */ var src_components_ui_Breadcrumb__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1444);
|
|
713
|
-
/* harmony import */ var src_components_ui_ImageGallery__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(1803);
|
|
714
|
-
/* harmony import */ var src_components_ui_ShippingSimulation__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(7281);
|
|
715
|
-
/* harmony import */ var src_components_ui_SkuSelector__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(5311);
|
|
716
|
-
/* harmony import */ var src_sdk_cart_useBuyButton__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(8892);
|
|
717
|
-
/* harmony import */ var src_sdk_product_useFormattedPrice__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(5346);
|
|
718
|
-
/* harmony import */ var src_sdk_product_useProduct__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(3874);
|
|
719
|
-
/* harmony import */ var src_sdk_session__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(5971);
|
|
720
|
-
/* harmony import */ var _ProducDetailsContent__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(4870);
|
|
721
|
-
/* harmony import */ var _Section__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(8879);
|
|
722
|
-
/* harmony import */ var _product_details_module_scss__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(841);
|
|
723
|
-
/* harmony import */ var _product_details_module_scss__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(_product_details_module_scss__WEBPACK_IMPORTED_MODULE_14__);
|
|
724
|
-
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(997);
|
|
725
|
-
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__);
|
|
726
|
-
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([src_sdk_product_useProduct__WEBPACK_IMPORTED_MODULE_8__]);
|
|
727
|
-
src_sdk_product_useProduct__WEBPACK_IMPORTED_MODULE_8__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
|
|
728
|
-
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; }
|
|
729
|
-
|
|
730
|
-
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; }
|
|
731
|
-
|
|
732
|
-
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; }
|
|
733
|
-
|
|
734
|
-
|
|
735
|
-
|
|
736
|
-
|
|
737
|
-
|
|
738
|
-
|
|
739
|
-
|
|
740
|
-
|
|
741
|
-
|
|
742
|
-
|
|
743
|
-
|
|
744
|
-
|
|
745
|
-
|
|
746
|
-
|
|
747
|
-
|
|
748
|
-
|
|
749
|
-
|
|
750
|
-
|
|
751
|
-
|
|
752
|
-
function ProductDetails({
|
|
753
|
-
context: staleProduct
|
|
754
|
-
}) {
|
|
755
|
-
const {
|
|
756
|
-
currency
|
|
757
|
-
} = (0,src_sdk_session__WEBPACK_IMPORTED_MODULE_9__/* .useSession */ .kP)();
|
|
758
|
-
const {
|
|
759
|
-
0: addQuantity,
|
|
760
|
-
1: setAddQuantity
|
|
761
|
-
} = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(1); // Stale while revalidate the product for fetching the new price etc
|
|
762
|
-
|
|
763
|
-
const {
|
|
764
|
-
data,
|
|
765
|
-
isValidating
|
|
766
|
-
} = (0,src_sdk_product_useProduct__WEBPACK_IMPORTED_MODULE_8__/* .useProduct */ .i)(staleProduct.id, {
|
|
767
|
-
product: staleProduct
|
|
768
|
-
});
|
|
769
|
-
|
|
770
|
-
if (!data) {
|
|
771
|
-
throw new Error('NotFound');
|
|
772
|
-
}
|
|
773
|
-
|
|
774
|
-
const {
|
|
775
|
-
product: {
|
|
776
|
-
id,
|
|
777
|
-
sku,
|
|
778
|
-
gtin,
|
|
779
|
-
name: variantName,
|
|
780
|
-
brand,
|
|
781
|
-
isVariantOf,
|
|
782
|
-
isVariantOf: {
|
|
783
|
-
name,
|
|
784
|
-
productGroupID: productId,
|
|
785
|
-
skuVariants
|
|
786
|
-
},
|
|
787
|
-
image: productImages,
|
|
788
|
-
offers: {
|
|
789
|
-
offers: [{
|
|
790
|
-
availability,
|
|
791
|
-
price,
|
|
792
|
-
listPrice,
|
|
793
|
-
seller
|
|
794
|
-
}],
|
|
795
|
-
lowPrice
|
|
796
|
-
},
|
|
797
|
-
breadcrumbList: breadcrumbs,
|
|
798
|
-
additionalProperty
|
|
799
|
-
}
|
|
800
|
-
} = data;
|
|
801
|
-
const buyDisabled = availability !== 'https://schema.org/InStock';
|
|
802
|
-
const buyProps = (0,src_sdk_cart_useBuyButton__WEBPACK_IMPORTED_MODULE_6__/* .useBuyButton */ .Q)({
|
|
803
|
-
id,
|
|
804
|
-
price,
|
|
805
|
-
listPrice,
|
|
806
|
-
seller,
|
|
807
|
-
quantity: addQuantity,
|
|
808
|
-
itemOffered: {
|
|
809
|
-
sku,
|
|
810
|
-
name: variantName,
|
|
811
|
-
gtin,
|
|
812
|
-
image: productImages,
|
|
813
|
-
brand,
|
|
814
|
-
isVariantOf,
|
|
815
|
-
additionalProperty
|
|
816
|
-
}
|
|
817
|
-
});
|
|
818
|
-
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
|
|
819
|
-
(0,_faststore_sdk__WEBPACK_IMPORTED_MODULE_13__/* .sendAnalyticsEvent */ ._)({
|
|
820
|
-
name: 'view_item',
|
|
821
|
-
params: {
|
|
822
|
-
currency: currency.code,
|
|
823
|
-
value: price,
|
|
824
|
-
items: [{
|
|
825
|
-
item_id: isVariantOf.productGroupID,
|
|
826
|
-
item_name: isVariantOf.name,
|
|
827
|
-
item_brand: brand.name,
|
|
828
|
-
item_variant: sku,
|
|
829
|
-
price,
|
|
830
|
-
discount: listPrice - price,
|
|
831
|
-
currency: currency.code,
|
|
832
|
-
item_variant_name: variantName,
|
|
833
|
-
product_reference_id: gtin
|
|
834
|
-
}]
|
|
835
|
-
}
|
|
836
|
-
});
|
|
837
|
-
}, [isVariantOf.productGroupID, isVariantOf.name, brand.name, sku, price, listPrice, currency.code, variantName, gtin]);
|
|
838
|
-
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsxs)(_Section__WEBPACK_IMPORTED_MODULE_11__/* ["default"] */ .Z, {
|
|
839
|
-
className: `${(_product_details_module_scss__WEBPACK_IMPORTED_MODULE_14___default().fsProductDetails)} layout__content layout__section`,
|
|
840
|
-
children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx(src_components_ui_Breadcrumb__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
|
|
841
|
-
breadcrumbList: breadcrumbs.itemListElement
|
|
842
|
-
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsxs)("section", {
|
|
843
|
-
"data-fs-product-details-body": true,
|
|
844
|
-
children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx("header", {
|
|
845
|
-
"data-fs-product-details-title": true,
|
|
846
|
-
"data-fs-product-details-section": true,
|
|
847
|
-
children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_15__/* ["default"] */ .Z, {
|
|
848
|
-
title: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx("h1", {
|
|
849
|
-
children: name
|
|
850
|
-
}),
|
|
851
|
-
label: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_16__/* ["default"] */ .Z, {
|
|
852
|
-
listPrice: listPrice,
|
|
853
|
-
spotPrice: lowPrice,
|
|
854
|
-
size: "big"
|
|
855
|
-
}),
|
|
856
|
-
refNumber: productId
|
|
857
|
-
})
|
|
858
|
-
}), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx(src_components_ui_ImageGallery__WEBPACK_IMPORTED_MODULE_3__/* .ImageGallery */ .hJ, {
|
|
859
|
-
"data-fs-product-details-gallery": true,
|
|
860
|
-
images: productImages
|
|
861
|
-
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsxs)("section", {
|
|
862
|
-
"data-fs-product-details-info": true,
|
|
863
|
-
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsxs)("section", {
|
|
864
|
-
"data-fs-product-details-settings": true,
|
|
865
|
-
"data-fs-product-details-section": true,
|
|
866
|
-
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsxs)("section", {
|
|
867
|
-
"data-fs-product-details-values": true,
|
|
868
|
-
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsxs)("div", {
|
|
869
|
-
"data-fs-product-details-prices": true,
|
|
870
|
-
children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_17__/* ["default"] */ .Z, {
|
|
871
|
-
value: listPrice,
|
|
872
|
-
formatter: src_sdk_product_useFormattedPrice__WEBPACK_IMPORTED_MODULE_7__/* .useFormattedPrice */ .P,
|
|
873
|
-
testId: "list-price",
|
|
874
|
-
"data-value": listPrice,
|
|
875
|
-
variant: "listing",
|
|
876
|
-
SRText: "Original price:"
|
|
877
|
-
}), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_17__/* ["default"] */ .Z, {
|
|
878
|
-
value: lowPrice,
|
|
879
|
-
formatter: src_sdk_product_useFormattedPrice__WEBPACK_IMPORTED_MODULE_7__/* .useFormattedPrice */ .P,
|
|
880
|
-
testId: "price",
|
|
881
|
-
"data-value": lowPrice,
|
|
882
|
-
variant: "spot",
|
|
883
|
-
className: "text__lead",
|
|
884
|
-
SRText: "Sale Price:"
|
|
885
|
-
})]
|
|
886
|
-
}), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_18__/* ["default"] */ .Z, {
|
|
887
|
-
min: 1,
|
|
888
|
-
max: 10,
|
|
889
|
-
onChange: setAddQuantity
|
|
890
|
-
})]
|
|
891
|
-
}), skuVariants && /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx(src_components_ui_SkuSelector__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
|
|
892
|
-
slugsMap: skuVariants.slugsMap,
|
|
893
|
-
availableVariations: skuVariants.availableVariations,
|
|
894
|
-
activeVariations: skuVariants.activeVariations,
|
|
895
|
-
"data-fs-product-details-selectors": true
|
|
896
|
-
}), isValidating ? /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx(AddToCartLoadingSkeleton, {}) : /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_19__/* ["default"] */ .Z, _objectSpread(_objectSpread({
|
|
897
|
-
disabled: buyDisabled
|
|
898
|
-
}, buyProps), {}, {
|
|
899
|
-
children: "Add to Cart"
|
|
900
|
-
})), !availability && /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx(src_components_product_OutOfStock__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, {
|
|
901
|
-
onSubmit: email => {
|
|
902
|
-
console.info(email);
|
|
903
|
-
}
|
|
904
|
-
})]
|
|
905
|
-
}), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx(src_components_ui_ShippingSimulation__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
|
|
906
|
-
"data-fs-product-details-section": true,
|
|
907
|
-
"data-fs-product-details-shipping": true,
|
|
908
|
-
shippingItem: {
|
|
909
|
-
id,
|
|
910
|
-
quantity: addQuantity,
|
|
911
|
-
seller: seller.identifier
|
|
912
|
-
}
|
|
913
|
-
})]
|
|
914
|
-
}), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx(_ProducDetailsContent__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .Z, {})]
|
|
915
|
-
})]
|
|
916
|
-
});
|
|
917
|
-
}
|
|
918
|
-
|
|
919
|
-
function AddToCartLoadingSkeleton() {
|
|
920
|
-
// Generated via https://skeletonreact.com/.
|
|
921
|
-
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsxs)("svg", {
|
|
922
|
-
role: "img",
|
|
923
|
-
width: "100%",
|
|
924
|
-
height: "48",
|
|
925
|
-
"aria-labelledby": "loading-aria",
|
|
926
|
-
viewBox: "0 0 112 48",
|
|
927
|
-
preserveAspectRatio: "none",
|
|
928
|
-
children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx("title", {
|
|
929
|
-
id: "loading-aria",
|
|
930
|
-
children: "Loading..."
|
|
931
|
-
}), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx("rect", {
|
|
932
|
-
x: "0",
|
|
933
|
-
y: "0",
|
|
934
|
-
width: "100%",
|
|
935
|
-
height: "100%",
|
|
936
|
-
clipPath: "url(#clip-path)",
|
|
937
|
-
style: {
|
|
938
|
-
fill: 'url("#fill")'
|
|
939
|
-
}
|
|
940
|
-
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsxs)("defs", {
|
|
941
|
-
children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx("clipPath", {
|
|
942
|
-
id: "clip-path",
|
|
943
|
-
children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx("rect", {
|
|
944
|
-
x: "0",
|
|
945
|
-
y: "0",
|
|
946
|
-
rx: "2",
|
|
947
|
-
ry: "2",
|
|
948
|
-
width: "112",
|
|
949
|
-
height: "48"
|
|
950
|
-
})
|
|
951
|
-
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsxs)("linearGradient", {
|
|
952
|
-
id: "fill",
|
|
953
|
-
children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx("stop", {
|
|
954
|
-
offset: "0.599964",
|
|
955
|
-
stopColor: "#f3f3f3",
|
|
956
|
-
stopOpacity: "1",
|
|
957
|
-
children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx("animate", {
|
|
958
|
-
attributeName: "offset",
|
|
959
|
-
values: "-2; -2; 1",
|
|
960
|
-
keyTimes: "0; 0.25; 1",
|
|
961
|
-
dur: "2s",
|
|
962
|
-
repeatCount: "indefinite"
|
|
963
|
-
})
|
|
964
|
-
}), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx("stop", {
|
|
965
|
-
offset: "1.59996",
|
|
966
|
-
stopColor: "#ecebeb",
|
|
967
|
-
stopOpacity: "1",
|
|
968
|
-
children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx("animate", {
|
|
969
|
-
attributeName: "offset",
|
|
970
|
-
values: "-1; -1; 2",
|
|
971
|
-
keyTimes: "0; 0.25; 1",
|
|
972
|
-
dur: "2s",
|
|
973
|
-
repeatCount: "indefinite"
|
|
974
|
-
})
|
|
975
|
-
}), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx("stop", {
|
|
976
|
-
offset: "2.59996",
|
|
977
|
-
stopColor: "#f3f3f3",
|
|
978
|
-
stopOpacity: "1",
|
|
979
|
-
children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx("animate", {
|
|
980
|
-
attributeName: "offset",
|
|
981
|
-
values: "0; 0; 3",
|
|
982
|
-
keyTimes: "0; 0.25; 1",
|
|
983
|
-
dur: "2s",
|
|
984
|
-
repeatCount: "indefinite"
|
|
985
|
-
})
|
|
986
|
-
})]
|
|
987
|
-
})]
|
|
988
|
-
})]
|
|
989
|
-
});
|
|
990
|
-
}
|
|
991
|
-
|
|
992
|
-
const fragment = "unknown";
|
|
993
|
-
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProductDetails);
|
|
994
|
-
__webpack_async_result__();
|
|
995
|
-
} catch(e) { __webpack_async_result__(e); } });
|
|
996
|
-
|
|
997
|
-
/***/ }),
|
|
998
|
-
|
|
999
|
-
/***/ 3220:
|
|
1000
|
-
/***/ ((module, __webpack_exports__, __webpack_require__) => {
|
|
1001
|
-
|
|
1002
|
-
"use strict";
|
|
1003
|
-
__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
|
|
1004
|
-
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
1005
|
-
/* harmony export */ "Z": () => (/* reexport safe */ _ProductDetails__WEBPACK_IMPORTED_MODULE_0__.Z)
|
|
1006
|
-
/* harmony export */ });
|
|
1007
|
-
/* harmony import */ var _ProductDetails__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1644);
|
|
1008
|
-
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_ProductDetails__WEBPACK_IMPORTED_MODULE_0__]);
|
|
1009
|
-
_ProductDetails__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
|
|
1010
|
-
|
|
1011
|
-
__webpack_async_result__();
|
|
1012
|
-
} catch(e) { __webpack_async_result__(e); } });
|
|
1013
|
-
|
|
1014
|
-
/***/ }),
|
|
1015
|
-
|
|
1016
|
-
/***/ 1803:
|
|
1017
|
-
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
1018
|
-
|
|
1019
|
-
"use strict";
|
|
1020
|
-
|
|
1021
|
-
// EXPORTS
|
|
1022
|
-
__webpack_require__.d(__webpack_exports__, {
|
|
1023
|
-
"hJ": () => (/* reexport */ ImageGallery_ImageGallery),
|
|
1024
|
-
"ZA": () => (/* reexport */ ImageGallery_ImageGallerySelector),
|
|
1025
|
-
"_I": () => (/* reexport */ ImageGallery_ImageZoom)
|
|
1026
|
-
});
|
|
1027
|
-
|
|
1028
|
-
// EXTERNAL MODULE: external "react"
|
|
1029
|
-
var external_react_ = __webpack_require__(6689);
|
|
1030
|
-
// EXTERNAL MODULE: ../components/dist/molecules/IconButton/IconButton.js
|
|
1031
|
-
var IconButton = __webpack_require__(2765);
|
|
1032
|
-
// EXTERNAL MODULE: ../components/dist/atoms/Button/Button.js + 1 modules
|
|
1033
|
-
var Button = __webpack_require__(4842);
|
|
1034
|
-
// EXTERNAL MODULE: external "react-intersection-observer"
|
|
1035
|
-
var external_react_intersection_observer_ = __webpack_require__(9785);
|
|
1036
|
-
// EXTERNAL MODULE: ./src/components/ui/Icon/index.ts + 1 modules
|
|
1037
|
-
var Icon = __webpack_require__(2478);
|
|
1038
|
-
// EXTERNAL MODULE: ./src/components/ui/Image/index.ts + 3 modules
|
|
1039
|
-
var Image = __webpack_require__(2154);
|
|
1040
|
-
// EXTERNAL MODULE: ./src/components/ui/ImageGallery/image-gallery-selector.module.scss
|
|
1041
|
-
var image_gallery_selector_module = __webpack_require__(9265);
|
|
1042
|
-
var image_gallery_selector_module_default = /*#__PURE__*/__webpack_require__.n(image_gallery_selector_module);
|
|
1043
|
-
// EXTERNAL MODULE: external "react/jsx-runtime"
|
|
1044
|
-
var jsx_runtime_ = __webpack_require__(997);
|
|
1045
|
-
;// CONCATENATED MODULE: ./src/components/ui/ImageGallery/ImageGallerySelector.tsx
|
|
1046
|
-
|
|
1047
|
-
|
|
1048
|
-
|
|
1049
|
-
|
|
1050
|
-
|
|
1051
|
-
|
|
1052
|
-
|
|
1053
|
-
|
|
1054
|
-
const SCROLL_MARGIN_VALUE = 400;
|
|
1055
|
-
|
|
1056
|
-
const moveScroll = (container, value) => {
|
|
1057
|
-
if (container) {
|
|
1058
|
-
if (container.scrollHeight > container.clientHeight) {
|
|
1059
|
-
// TODO: Temporary workaround for scroll-behavior with scrollTop – Safari 15.4) https://developer.apple.com/forums/thread/703294
|
|
1060
|
-
container.style.overflow = 'auto';
|
|
1061
|
-
window.requestAnimationFrame(() => container.scrollTo({
|
|
1062
|
-
top: value,
|
|
1063
|
-
behavior: 'smooth'
|
|
1064
|
-
}));
|
|
1065
|
-
setTimeout(() => container.style.overflow = 'hidden', 2000);
|
|
1066
|
-
} else {
|
|
1067
|
-
container.scrollLeft += value;
|
|
1068
|
-
}
|
|
1069
|
-
}
|
|
1070
|
-
};
|
|
1071
|
-
|
|
1072
|
-
const hasScroll = container => {
|
|
1073
|
-
if (container) {
|
|
1074
|
-
return container.scrollHeight > container.clientHeight || container.scrollWidth > container.clientWidth;
|
|
1075
|
-
}
|
|
1076
|
-
|
|
1077
|
-
return false;
|
|
1078
|
-
};
|
|
1079
|
-
|
|
1080
|
-
function ImageGallerySelector({
|
|
1081
|
-
images,
|
|
1082
|
-
onSelect,
|
|
1083
|
-
currentImageIdx
|
|
1084
|
-
}) {
|
|
1085
|
-
const elementsRef = (0,external_react_.useRef)(null);
|
|
1086
|
-
const elementHasScroll = hasScroll(elementsRef.current);
|
|
1087
|
-
const {
|
|
1088
|
-
ref: firstImageRef,
|
|
1089
|
-
inView: firstImageInView
|
|
1090
|
-
} = (0,external_react_intersection_observer_.useInView)({
|
|
1091
|
-
threshold: 1
|
|
1092
|
-
});
|
|
1093
|
-
const {
|
|
1094
|
-
ref: lastImageRef,
|
|
1095
|
-
inView: lastImageInView
|
|
1096
|
-
} = (0,external_react_intersection_observer_.useInView)({
|
|
1097
|
-
threshold: 1
|
|
1098
|
-
});
|
|
1099
|
-
return /*#__PURE__*/(0,jsx_runtime_.jsxs)("section", {
|
|
1100
|
-
"data-fs-image-gallery-selector": true,
|
|
1101
|
-
className: (image_gallery_selector_module_default()).fsImageGallerySelector,
|
|
1102
|
-
"aria-roledescription": "carousel",
|
|
1103
|
-
"aria-label": "Product images",
|
|
1104
|
-
children: [elementHasScroll && !firstImageInView && /*#__PURE__*/jsx_runtime_.jsx(IconButton/* default */.Z, {
|
|
1105
|
-
"data-fs-image-gallery-selector-control-button": true,
|
|
1106
|
-
"aria-label": "backward slide image selector",
|
|
1107
|
-
icon: /*#__PURE__*/jsx_runtime_.jsx(Icon/* default */.Z, {
|
|
1108
|
-
name: "ArrowLeft",
|
|
1109
|
-
width: 24,
|
|
1110
|
-
height: 24
|
|
1111
|
-
}),
|
|
1112
|
-
onClick: () => moveScroll(elementsRef.current, -SCROLL_MARGIN_VALUE)
|
|
1113
|
-
}), /*#__PURE__*/jsx_runtime_.jsx("div", {
|
|
1114
|
-
"data-fs-image-gallery-selector-elements": true,
|
|
1115
|
-
ref: elementsRef,
|
|
1116
|
-
children: images.map((image, idx) => {
|
|
1117
|
-
const ref = idx === 0 ? firstImageRef : idx === images.length - 1 ? lastImageRef : null;
|
|
1118
|
-
return /*#__PURE__*/jsx_runtime_.jsx(Button/* default */.Z, {
|
|
1119
|
-
"aria-label": `${image.alternateName} - Image ${idx + 1} of ${images.length}`,
|
|
1120
|
-
onClick: () => onSelect(idx),
|
|
1121
|
-
"data-fs-image-gallery-selector-thumbnail": idx === currentImageIdx ? 'selected' : 'true',
|
|
1122
|
-
children: /*#__PURE__*/jsx_runtime_.jsx(Image/* Image */.E, {
|
|
1123
|
-
ref: ref,
|
|
1124
|
-
src: image.url,
|
|
1125
|
-
alt: image.alternateName,
|
|
1126
|
-
loading: idx === 0 ? 'eager' : 'lazy',
|
|
1127
|
-
sizes: "(max-width: 72px) 25vw, 30vw",
|
|
1128
|
-
width: 72,
|
|
1129
|
-
height: 72
|
|
1130
|
-
})
|
|
1131
|
-
}, idx);
|
|
1132
|
-
})
|
|
1133
|
-
}), elementHasScroll && !lastImageInView && /*#__PURE__*/jsx_runtime_.jsx(IconButton/* default */.Z, {
|
|
1134
|
-
"data-fs-image-gallery-selector-control-button": true,
|
|
1135
|
-
"aria-label": "forward slide image selector",
|
|
1136
|
-
icon: /*#__PURE__*/jsx_runtime_.jsx(Icon/* default */.Z, {
|
|
1137
|
-
name: "ArrowLeft",
|
|
1138
|
-
width: 24,
|
|
1139
|
-
height: 24
|
|
1140
|
-
}),
|
|
1141
|
-
onClick: () => moveScroll(elementsRef.current, +SCROLL_MARGIN_VALUE)
|
|
1142
|
-
})]
|
|
1143
|
-
});
|
|
1144
|
-
}
|
|
1145
|
-
|
|
1146
|
-
/* harmony default export */ const ImageGallery_ImageGallerySelector = (ImageGallerySelector);
|
|
1147
|
-
// EXTERNAL MODULE: ./src/components/ui/ImageGallery/image-gallery.module.scss
|
|
1148
|
-
var image_gallery_module = __webpack_require__(3910);
|
|
1149
|
-
var image_gallery_module_default = /*#__PURE__*/__webpack_require__.n(image_gallery_module);
|
|
1150
|
-
;// CONCATENATED MODULE: ./src/components/ui/ImageGallery/ImageGallery.tsx
|
|
1151
|
-
const _excluded = ["images"];
|
|
1152
|
-
|
|
1153
|
-
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; }
|
|
1154
|
-
|
|
1155
|
-
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; }
|
|
1156
|
-
|
|
1157
|
-
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; }
|
|
1158
|
-
|
|
1159
|
-
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; }
|
|
1160
|
-
|
|
1161
|
-
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; }
|
|
1162
|
-
|
|
1163
|
-
|
|
1164
|
-
|
|
1165
|
-
|
|
1166
|
-
|
|
1167
|
-
|
|
1168
|
-
|
|
1169
|
-
|
|
1170
|
-
function ImageGallery(_ref) {
|
|
1171
|
-
let {
|
|
1172
|
-
images
|
|
1173
|
-
} = _ref,
|
|
1174
|
-
otherProps = _objectWithoutProperties(_ref, _excluded);
|
|
1175
|
-
|
|
1176
|
-
const {
|
|
1177
|
-
0: selectedImageIdx,
|
|
1178
|
-
1: setSelectedImageIdx
|
|
1179
|
-
} = (0,external_react_.useState)(0);
|
|
1180
|
-
const currentImage = images[selectedImageIdx];
|
|
1181
|
-
const hasSelector = images.length > 1;
|
|
1182
|
-
return /*#__PURE__*/(0,jsx_runtime_.jsxs)("section", _objectSpread(_objectSpread({
|
|
1183
|
-
"data-fs-image-gallery": hasSelector ? 'with-selector' : 'without-selector',
|
|
1184
|
-
className: (image_gallery_module_default()).fsImageGallery
|
|
1185
|
-
}, otherProps), {}, {
|
|
1186
|
-
children: [/*#__PURE__*/jsx_runtime_.jsx(ImageGallery_ImageZoom, {
|
|
1187
|
-
children: /*#__PURE__*/jsx_runtime_.jsx(Image/* Image */.E, {
|
|
1188
|
-
src: currentImage.url,
|
|
1189
|
-
alt: currentImage.alternateName,
|
|
1190
|
-
sizes: "(max-width: 804px) 25vw, 30vw",
|
|
1191
|
-
width: 804,
|
|
1192
|
-
height: 804 * (3 / 4),
|
|
1193
|
-
loading: "eager",
|
|
1194
|
-
fetchPriority: "high"
|
|
1195
|
-
})
|
|
1196
|
-
}), hasSelector && /*#__PURE__*/jsx_runtime_.jsx(ImageGallery_ImageGallerySelector, {
|
|
1197
|
-
images: images,
|
|
1198
|
-
currentImageIdx: selectedImageIdx,
|
|
1199
|
-
onSelect: setSelectedImageIdx
|
|
1200
|
-
})]
|
|
1201
|
-
}));
|
|
1202
|
-
}
|
|
1203
|
-
|
|
1204
|
-
/* harmony default export */ const ImageGallery_ImageGallery = (ImageGallery);
|
|
1205
|
-
;// CONCATENATED MODULE: ./src/components/ui/ImageGallery/ImageZoom.tsx
|
|
1206
|
-
|
|
1207
|
-
|
|
1208
|
-
|
|
1209
|
-
const ImageZoom = ({
|
|
1210
|
-
children
|
|
1211
|
-
}) => {
|
|
1212
|
-
return /*#__PURE__*/(0,jsx_runtime_.jsxs)(jsx_runtime_.Fragment, {
|
|
1213
|
-
children: [" ", children, " "]
|
|
1214
|
-
});
|
|
1215
|
-
};
|
|
1216
|
-
|
|
1217
|
-
/* harmony default export */ const ImageGallery_ImageZoom = (ImageZoom);
|
|
1218
|
-
;// CONCATENATED MODULE: ./src/components/ui/ImageGallery/index.ts
|
|
1219
|
-
|
|
1220
|
-
|
|
1221
|
-
|
|
1222
|
-
|
|
1223
|
-
/***/ }),
|
|
1224
|
-
|
|
1225
|
-
/***/ 7281:
|
|
1226
|
-
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
1227
|
-
|
|
1228
|
-
"use strict";
|
|
1229
|
-
|
|
1230
|
-
// EXPORTS
|
|
1231
|
-
__webpack_require__.d(__webpack_exports__, {
|
|
1232
|
-
"Z": () => (/* reexport */ ShippingSimulation_ShippingSimulation)
|
|
1233
|
-
});
|
|
1234
|
-
|
|
1235
|
-
// EXTERNAL MODULE: ../components/dist/molecules/InputField/InputField.js
|
|
1236
|
-
var InputField = __webpack_require__(8287);
|
|
1237
|
-
// EXTERNAL MODULE: ../components/dist/molecules/Table/Table.js
|
|
1238
|
-
var Table = __webpack_require__(4707);
|
|
1239
|
-
// EXTERNAL MODULE: ../components/dist/molecules/Table/TableBody.js
|
|
1240
|
-
var TableBody = __webpack_require__(1566);
|
|
1241
|
-
// EXTERNAL MODULE: ../components/dist/molecules/Table/TableRow.js
|
|
1242
|
-
var TableRow = __webpack_require__(6037);
|
|
1243
|
-
// EXTERNAL MODULE: ../components/dist/molecules/Table/TableCell.js
|
|
1244
|
-
var TableCell = __webpack_require__(3111);
|
|
1245
|
-
// EXTERNAL MODULE: ../components/dist/atoms/Price/Price.js
|
|
1246
|
-
var Price = __webpack_require__(7549);
|
|
1247
|
-
// EXTERNAL MODULE: ./src/sdk/product/useFormattedPrice.ts
|
|
1248
|
-
var useFormattedPrice = __webpack_require__(5346);
|
|
1249
|
-
// EXTERNAL MODULE: ./src/components/ui/Icon/index.ts + 1 modules
|
|
1250
|
-
var Icon = __webpack_require__(2478);
|
|
1251
|
-
// EXTERNAL MODULE: ./src/components/ui/Link/index.ts + 1 modules
|
|
1252
|
-
var Link = __webpack_require__(1093);
|
|
1253
|
-
// EXTERNAL MODULE: ./src/components/ui/ShippingSimulation/shipping-simulation.module.scss
|
|
1254
|
-
var shipping_simulation_module = __webpack_require__(214);
|
|
1255
|
-
var shipping_simulation_module_default = /*#__PURE__*/__webpack_require__.n(shipping_simulation_module);
|
|
1256
|
-
// EXTERNAL MODULE: external "react"
|
|
1257
|
-
var external_react_ = __webpack_require__(6689);
|
|
1258
|
-
// EXTERNAL MODULE: ./src/sdk/session/index.ts
|
|
1259
|
-
var session = __webpack_require__(5971);
|
|
1260
|
-
// EXTERNAL MODULE: ./src/sdk/graphql/request.ts
|
|
1261
|
-
var request = __webpack_require__(180);
|
|
1262
|
-
;// CONCATENATED MODULE: ./src/sdk/shipping/index.ts
|
|
1263
|
-
|
|
1264
|
-
const query = "ShippingSimulationQuery";
|
|
1265
|
-
const getShippingSimulation = async ({
|
|
1266
|
-
items,
|
|
1267
|
-
postalCode,
|
|
1268
|
-
country
|
|
1269
|
-
}) => {
|
|
1270
|
-
const data = await (0,request/* request */.W)(query, {
|
|
1271
|
-
items,
|
|
1272
|
-
postalCode,
|
|
1273
|
-
country
|
|
1274
|
-
});
|
|
1275
|
-
return data.shipping;
|
|
1276
|
-
};
|
|
1277
|
-
/* harmony default export */ const shipping = ((/* unused pure expression or super */ null && (getShippingSimulation)));
|
|
1278
|
-
;// CONCATENATED MODULE: ./src/components/ui/ShippingSimulation/useShippingSimulation.ts
|
|
1279
|
-
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; }
|
|
1280
|
-
|
|
1281
|
-
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; }
|
|
1282
|
-
|
|
1283
|
-
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; }
|
|
1284
|
-
|
|
1285
|
-
|
|
1286
|
-
|
|
1287
|
-
|
|
1288
|
-
|
|
1289
|
-
const createEmptySimulation = () => ({
|
|
1290
|
-
input: {
|
|
1291
|
-
postalCode: '',
|
|
1292
|
-
displayClearButton: false,
|
|
1293
|
-
errorMessage: ''
|
|
1294
|
-
},
|
|
1295
|
-
shippingSimulation: {
|
|
1296
|
-
location: '',
|
|
1297
|
-
options: []
|
|
1298
|
-
}
|
|
1299
|
-
});
|
|
1300
|
-
|
|
1301
|
-
const reducer = (state, action) => {
|
|
1302
|
-
const {
|
|
1303
|
-
type
|
|
1304
|
-
} = action;
|
|
1305
|
-
|
|
1306
|
-
switch (type) {
|
|
1307
|
-
case 'clear':
|
|
1308
|
-
{
|
|
1309
|
-
return createEmptySimulation();
|
|
1310
|
-
}
|
|
1311
|
-
|
|
1312
|
-
case 'update':
|
|
1313
|
-
{
|
|
1314
|
-
const {
|
|
1315
|
-
payload
|
|
1316
|
-
} = action;
|
|
1317
|
-
return {
|
|
1318
|
-
input: _objectSpread(_objectSpread({}, state.input), payload.input),
|
|
1319
|
-
shippingSimulation: _objectSpread(_objectSpread({}, state.shippingSimulation), payload.shippingSimulation)
|
|
1320
|
-
};
|
|
1321
|
-
}
|
|
1322
|
-
|
|
1323
|
-
case 'onInput':
|
|
1324
|
-
{
|
|
1325
|
-
const {
|
|
1326
|
-
payload
|
|
1327
|
-
} = action;
|
|
1328
|
-
return _objectSpread(_objectSpread({}, state), {}, {
|
|
1329
|
-
input: _objectSpread({}, payload)
|
|
1330
|
-
});
|
|
1331
|
-
}
|
|
1332
|
-
|
|
1333
|
-
case 'onError':
|
|
1334
|
-
{
|
|
1335
|
-
const {
|
|
1336
|
-
payload
|
|
1337
|
-
} = action;
|
|
1338
|
-
return _objectSpread(_objectSpread({}, state), {}, {
|
|
1339
|
-
input: _objectSpread(_objectSpread({}, state.input), payload)
|
|
1340
|
-
});
|
|
1341
|
-
}
|
|
1342
|
-
|
|
1343
|
-
default:
|
|
1344
|
-
throw new Error(`Action ${type} not implemented`);
|
|
1345
|
-
}
|
|
1346
|
-
};
|
|
1347
|
-
|
|
1348
|
-
function getShippingInformation(shipping) {
|
|
1349
|
-
const location = [shipping?.address?.neighborhood, shipping?.address?.city].filter(Boolean).join(' / ') ?? '';
|
|
1350
|
-
const options = shipping?.logisticsInfo?.[0]?.slas ?? [];
|
|
1351
|
-
return [location, options];
|
|
1352
|
-
}
|
|
1353
|
-
|
|
1354
|
-
const useShippingSimulation = shippingItem => {
|
|
1355
|
-
const {
|
|
1356
|
-
postalCode: sessionPostalCode,
|
|
1357
|
-
country
|
|
1358
|
-
} = (0,session/* useSession */.kP)();
|
|
1359
|
-
const {
|
|
1360
|
-
0: {
|
|
1361
|
-
input,
|
|
1362
|
-
shippingSimulation
|
|
1363
|
-
},
|
|
1364
|
-
1: dispatch
|
|
1365
|
-
} = (0,external_react_.useReducer)(reducer, null, createEmptySimulation);
|
|
1366
|
-
const {
|
|
1367
|
-
postalCode: shippingPostalCode
|
|
1368
|
-
} = input;
|
|
1369
|
-
(0,external_react_.useEffect)(() => {
|
|
1370
|
-
if (!sessionPostalCode || shippingPostalCode) {
|
|
1371
|
-
return;
|
|
1372
|
-
} // Use sessionPostalCode if there is no shippingPostalCode
|
|
1373
|
-
|
|
1374
|
-
|
|
1375
|
-
async function fetchShipping() {
|
|
1376
|
-
const shipping = await getShippingSimulation({
|
|
1377
|
-
country,
|
|
1378
|
-
postalCode: sessionPostalCode ?? '',
|
|
1379
|
-
items: [shippingItem]
|
|
1380
|
-
});
|
|
1381
|
-
const [location, options] = getShippingInformation(shipping);
|
|
1382
|
-
dispatch({
|
|
1383
|
-
type: 'update',
|
|
1384
|
-
payload: {
|
|
1385
|
-
input: {
|
|
1386
|
-
postalCode: sessionPostalCode ?? '',
|
|
1387
|
-
displayClearButton: true,
|
|
1388
|
-
errorMessage: ''
|
|
1389
|
-
},
|
|
1390
|
-
shippingSimulation: {
|
|
1391
|
-
location,
|
|
1392
|
-
options
|
|
1393
|
-
}
|
|
1394
|
-
}
|
|
1395
|
-
});
|
|
1396
|
-
}
|
|
1397
|
-
|
|
1398
|
-
fetchShipping(); // eslint-disable-next-line react-hooks/exhaustive-deps
|
|
1399
|
-
}, [sessionPostalCode]);
|
|
1400
|
-
const handleSubmit = (0,external_react_.useCallback)(async () => {
|
|
1401
|
-
try {
|
|
1402
|
-
const shipping = await getShippingSimulation({
|
|
1403
|
-
country,
|
|
1404
|
-
postalCode: shippingPostalCode ?? '',
|
|
1405
|
-
items: [shippingItem]
|
|
1406
|
-
});
|
|
1407
|
-
const [location, options] = getShippingInformation(shipping);
|
|
1408
|
-
dispatch({
|
|
1409
|
-
type: 'update',
|
|
1410
|
-
payload: {
|
|
1411
|
-
input: {
|
|
1412
|
-
displayClearButton: true,
|
|
1413
|
-
errorMessage: ''
|
|
1414
|
-
},
|
|
1415
|
-
shippingSimulation: {
|
|
1416
|
-
location,
|
|
1417
|
-
options
|
|
1418
|
-
}
|
|
1419
|
-
}
|
|
1420
|
-
});
|
|
1421
|
-
} catch (error) {
|
|
1422
|
-
dispatch({
|
|
1423
|
-
type: 'onError',
|
|
1424
|
-
payload: {
|
|
1425
|
-
displayClearButton: true,
|
|
1426
|
-
errorMessage: 'You entered an invalid Postal Code'
|
|
1427
|
-
}
|
|
1428
|
-
});
|
|
1429
|
-
}
|
|
1430
|
-
}, [country, shippingItem, shippingPostalCode]);
|
|
1431
|
-
const handleOnInput = (0,external_react_.useCallback)(e => {
|
|
1432
|
-
const currentValue = e.currentTarget.value;
|
|
1433
|
-
|
|
1434
|
-
if (currentValue) {
|
|
1435
|
-
dispatch({
|
|
1436
|
-
type: 'onInput',
|
|
1437
|
-
payload: {
|
|
1438
|
-
postalCode: currentValue,
|
|
1439
|
-
displayClearButton: false,
|
|
1440
|
-
errorMessage: ''
|
|
1441
|
-
}
|
|
1442
|
-
});
|
|
1443
|
-
} else {
|
|
1444
|
-
dispatch({
|
|
1445
|
-
type: 'clear'
|
|
1446
|
-
});
|
|
1447
|
-
}
|
|
1448
|
-
}, []);
|
|
1449
|
-
return {
|
|
1450
|
-
input,
|
|
1451
|
-
shippingSimulation,
|
|
1452
|
-
dispatch,
|
|
1453
|
-
handleSubmit,
|
|
1454
|
-
handleOnInput
|
|
1455
|
-
};
|
|
1456
|
-
};
|
|
1457
|
-
// EXTERNAL MODULE: external "react/jsx-runtime"
|
|
1458
|
-
var jsx_runtime_ = __webpack_require__(997);
|
|
1459
|
-
;// CONCATENATED MODULE: ./src/components/ui/ShippingSimulation/ShippingSimulation.tsx
|
|
1460
|
-
const _excluded = ["testId", "shippingItem"];
|
|
1461
|
-
|
|
1462
|
-
function ShippingSimulation_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; }
|
|
1463
|
-
|
|
1464
|
-
function ShippingSimulation_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ShippingSimulation_ownKeys(Object(source), !0).forEach(function (key) { ShippingSimulation_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ShippingSimulation_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
1465
|
-
|
|
1466
|
-
function ShippingSimulation_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; }
|
|
1467
|
-
|
|
1468
|
-
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; }
|
|
1469
|
-
|
|
1470
|
-
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; }
|
|
1471
|
-
|
|
1472
|
-
|
|
1473
|
-
|
|
1474
|
-
|
|
1475
|
-
|
|
1476
|
-
|
|
1477
|
-
|
|
1478
|
-
|
|
1479
|
-
|
|
1480
|
-
|
|
1481
|
-
|
|
1482
|
-
function ShippingSimulation(_ref) {
|
|
1483
|
-
let {
|
|
1484
|
-
testId = 'store-shipping-simulation',
|
|
1485
|
-
shippingItem
|
|
1486
|
-
} = _ref,
|
|
1487
|
-
otherProps = _objectWithoutProperties(_ref, _excluded);
|
|
1488
|
-
|
|
1489
|
-
const {
|
|
1490
|
-
dispatch,
|
|
1491
|
-
input,
|
|
1492
|
-
shippingSimulation,
|
|
1493
|
-
handleSubmit,
|
|
1494
|
-
handleOnInput
|
|
1495
|
-
} = useShippingSimulation(shippingItem);
|
|
1496
|
-
const {
|
|
1497
|
-
postalCode: shippingPostalCode,
|
|
1498
|
-
displayClearButton,
|
|
1499
|
-
errorMessage
|
|
1500
|
-
} = input;
|
|
1501
|
-
const {
|
|
1502
|
-
location: shippingLocation,
|
|
1503
|
-
options: shippingOptions
|
|
1504
|
-
} = shippingSimulation;
|
|
1505
|
-
const formatter = (0,useFormattedPrice/* usePriceFormatter */.o)();
|
|
1506
|
-
const hasShippingOptions = !!shippingOptions && shippingOptions.length > 0;
|
|
1507
|
-
return /*#__PURE__*/(0,jsx_runtime_.jsxs)("section", ShippingSimulation_objectSpread(ShippingSimulation_objectSpread({
|
|
1508
|
-
className: (shipping_simulation_module_default()).fsShippingSimulation,
|
|
1509
|
-
"data-fs-shipping-simulation": true,
|
|
1510
|
-
"data-fs-shipping-simulation-empty": !hasShippingOptions ? 'true' : 'false',
|
|
1511
|
-
"data-testid": testId
|
|
1512
|
-
}, otherProps), {}, {
|
|
1513
|
-
children: [/*#__PURE__*/jsx_runtime_.jsx("h2", {
|
|
1514
|
-
className: "text__title-subsection",
|
|
1515
|
-
"data-fs-shipping-simulation-title": true,
|
|
1516
|
-
children: "Shipping"
|
|
1517
|
-
}), /*#__PURE__*/jsx_runtime_.jsx(InputField/* default */.Z, {
|
|
1518
|
-
actionable: true,
|
|
1519
|
-
error: errorMessage,
|
|
1520
|
-
id: "shipping-postal-code",
|
|
1521
|
-
label: "Postal Code",
|
|
1522
|
-
value: shippingPostalCode,
|
|
1523
|
-
onInput: handleOnInput,
|
|
1524
|
-
onSubmit: handleSubmit,
|
|
1525
|
-
onClear: () => dispatch({
|
|
1526
|
-
type: 'clear'
|
|
1527
|
-
}),
|
|
1528
|
-
displayClearButton: displayClearButton
|
|
1529
|
-
}), /*#__PURE__*/(0,jsx_runtime_.jsxs)(Link/* default */.Z, {
|
|
1530
|
-
href: "/",
|
|
1531
|
-
"data-fs-shipping-simulation-link": true,
|
|
1532
|
-
size: "small",
|
|
1533
|
-
children: ["I don't know my Postal Code", /*#__PURE__*/jsx_runtime_.jsx(Icon/* default */.Z, {
|
|
1534
|
-
name: "ArrowSquareOut",
|
|
1535
|
-
width: 18,
|
|
1536
|
-
height: 18
|
|
1537
|
-
})]
|
|
1538
|
-
}), hasShippingOptions && /*#__PURE__*/(0,jsx_runtime_.jsxs)(jsx_runtime_.Fragment, {
|
|
1539
|
-
children: [/*#__PURE__*/(0,jsx_runtime_.jsxs)("header", {
|
|
1540
|
-
"data-fs-shipping-simulation-header": true,
|
|
1541
|
-
children: [/*#__PURE__*/jsx_runtime_.jsx("h3", {
|
|
1542
|
-
"data-fs-shipping-simulation-subtitle": true,
|
|
1543
|
-
children: "Shipping options"
|
|
1544
|
-
}), /*#__PURE__*/jsx_runtime_.jsx("p", {
|
|
1545
|
-
className: "text__body",
|
|
1546
|
-
"data-fs-shipping-simulation-location": true,
|
|
1547
|
-
children: shippingLocation
|
|
1548
|
-
})]
|
|
1549
|
-
}), /*#__PURE__*/jsx_runtime_.jsx(Table/* default */.Z, {
|
|
1550
|
-
children: /*#__PURE__*/jsx_runtime_.jsx(TableBody/* default */.Z, {
|
|
1551
|
-
children: shippingOptions.map(option => /*#__PURE__*/(0,jsx_runtime_.jsxs)(TableRow/* default */.Z, {
|
|
1552
|
-
children: [/*#__PURE__*/jsx_runtime_.jsx(TableCell/* default */.Z, {
|
|
1553
|
-
align: "left",
|
|
1554
|
-
children: option.carrier
|
|
1555
|
-
}), /*#__PURE__*/jsx_runtime_.jsx(TableCell/* default */.Z, {
|
|
1556
|
-
children: option.localizedEstimates
|
|
1557
|
-
}), /*#__PURE__*/jsx_runtime_.jsx(TableCell/* default */.Z, {
|
|
1558
|
-
align: "right",
|
|
1559
|
-
children: option.price && /*#__PURE__*/jsx_runtime_.jsx(Price/* default */.Z, {
|
|
1560
|
-
formatter: formatter,
|
|
1561
|
-
value: option.price,
|
|
1562
|
-
SRText: "price"
|
|
1563
|
-
})
|
|
1564
|
-
})]
|
|
1565
|
-
}, option.carrier))
|
|
1566
|
-
})
|
|
1567
|
-
})]
|
|
1568
|
-
})]
|
|
1569
|
-
}));
|
|
1570
|
-
}
|
|
1571
|
-
|
|
1572
|
-
/* harmony default export */ const ShippingSimulation_ShippingSimulation = (ShippingSimulation);
|
|
1573
|
-
;// CONCATENATED MODULE: ./src/components/ui/ShippingSimulation/index.ts
|
|
1574
|
-
|
|
1575
|
-
|
|
1576
|
-
/***/ }),
|
|
1577
|
-
|
|
1578
|
-
/***/ 5311:
|
|
1579
|
-
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
1580
|
-
|
|
1581
|
-
"use strict";
|
|
1582
|
-
|
|
1583
|
-
// EXPORTS
|
|
1584
|
-
__webpack_require__.d(__webpack_exports__, {
|
|
1585
|
-
"Z": () => (/* reexport */ SkuSelector_Selectors)
|
|
1586
|
-
});
|
|
1587
|
-
|
|
1588
|
-
// UNUSED EXPORTS: SkuSelector
|
|
1589
|
-
|
|
1590
|
-
// EXTERNAL MODULE: external "react"
|
|
1591
|
-
var external_react_ = __webpack_require__(6689);
|
|
1592
|
-
var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
|
|
1593
|
-
// EXTERNAL MODULE: ../components/dist/atoms/Label/Label.js
|
|
1594
|
-
var Label = __webpack_require__(7216);
|
|
1595
|
-
;// CONCATENATED MODULE: ../components/dist/molecules/RadioGroup/useRadioGroup.js
|
|
1596
|
-
|
|
1597
|
-
const RadioGroupContext = (0,external_react_.createContext)(undefined);
|
|
1598
|
-
function useRadioGroup() {
|
|
1599
|
-
const context = (0,external_react_.useContext)(RadioGroupContext);
|
|
1600
|
-
if (!context) {
|
|
1601
|
-
throw new Error(`useRadioOption hook cannot be used outside the RadioGroup context`);
|
|
1602
|
-
}
|
|
1603
|
-
return context;
|
|
1604
|
-
}
|
|
1605
|
-
//# sourceMappingURL=useRadioGroup.js.map
|
|
1606
|
-
;// CONCATENATED MODULE: ../components/dist/molecules/RadioGroup/RadioGroup.js
|
|
1607
|
-
|
|
1608
|
-
|
|
1609
|
-
const RadioGroup = ({ name, onChange, children, selectedValue, }) => {
|
|
1610
|
-
const contextValues = external_react_default().useMemo(() => {
|
|
1611
|
-
return { name, selectedValue, onChange };
|
|
1612
|
-
}, [name, selectedValue, onChange]);
|
|
1613
|
-
return (external_react_default().createElement(RadioGroupContext.Provider, { value: contextValues }, children));
|
|
1614
|
-
};
|
|
1615
|
-
/* harmony default export */ const RadioGroup_RadioGroup = (RadioGroup);
|
|
1616
|
-
//# sourceMappingURL=RadioGroup.js.map
|
|
1617
|
-
;// CONCATENATED MODULE: ../ui/dist/components/molecules/SkuSelector/SkuSelector.js
|
|
1618
|
-
|
|
1619
|
-
|
|
1620
|
-
const SkuSelector = (0,external_react_.forwardRef)(function SkuSelector({ id, label, variant, onChange, testId = 'store-sku-selector', activeValue, children, ...otherProps }, ref) {
|
|
1621
|
-
const radioGroupId = id ? `-${id}` : '';
|
|
1622
|
-
return (external_react_default().createElement("div", { ref: ref, "data-fs-sku-selector": true, "data-testid": testId, "data-fs-sku-selector-variant": variant, ...otherProps },
|
|
1623
|
-
label && (external_react_default().createElement(Label/* default */.Z, { "data-fs-sku-selector-title": true },
|
|
1624
|
-
label,
|
|
1625
|
-
": ",
|
|
1626
|
-
external_react_default().createElement("strong", null, activeValue))),
|
|
1627
|
-
external_react_default().createElement(RadioGroup_RadioGroup, { selectedValue: activeValue, name: `sku-selector-${variant}${radioGroupId}`, onChange: (e) => {
|
|
1628
|
-
onChange?.(e);
|
|
1629
|
-
} }, children)));
|
|
1630
|
-
});
|
|
1631
|
-
/* harmony default export */ const SkuSelector_SkuSelector = (SkuSelector);
|
|
1632
|
-
//# sourceMappingURL=SkuSelector.js.map
|
|
1633
|
-
;// CONCATENATED MODULE: ../components/dist/atoms/Radio/Radio.js
|
|
1634
|
-
|
|
1635
|
-
const Radio = (0,external_react_.forwardRef)(function Radio({ testId = 'fs-radio', ...otherProps }, ref) {
|
|
1636
|
-
return (external_react_default().createElement("input", { ref: ref, "data-fs-radio": true, type: "radio", "data-testid": testId, ...otherProps }));
|
|
1637
|
-
});
|
|
1638
|
-
/* harmony default export */ const Radio_Radio = (Radio);
|
|
1639
|
-
//# sourceMappingURL=Radio.js.map
|
|
1640
|
-
;// CONCATENATED MODULE: ../components/dist/molecules/RadioGroup/RadioOption.js
|
|
1641
|
-
|
|
1642
|
-
|
|
1643
|
-
|
|
1644
|
-
const RadioOption = (0,external_react_.forwardRef)(function RadioOption({ label, value, children, testId = 'fs-radio-group-option', ...otherProps }, ref) {
|
|
1645
|
-
const { name, selectedValue, onChange } = useRadioGroup();
|
|
1646
|
-
return (external_react_default().createElement("label", { "aria-label": label, "data-fs-radio-group-option": true },
|
|
1647
|
-
external_react_default().createElement(Radio_Radio, { "data-fs-radio-option-item": true, ref: ref, name: name, checked: value === selectedValue, onChange: onChange, value: value, testId: testId, ...otherProps }),
|
|
1648
|
-
children));
|
|
1649
|
-
});
|
|
1650
|
-
/* harmony default export */ const RadioGroup_RadioOption = (RadioOption);
|
|
1651
|
-
//# sourceMappingURL=RadioOption.js.map
|
|
1652
|
-
// EXTERNAL MODULE: ./src/components/ui/Image/index.ts + 3 modules
|
|
1653
|
-
var Image = __webpack_require__(2154);
|
|
1654
|
-
// EXTERNAL MODULE: ./src/components/ui/SkuSelector/sku-selector.module.scss
|
|
1655
|
-
var sku_selector_module = __webpack_require__(118);
|
|
1656
|
-
var sku_selector_module_default = /*#__PURE__*/__webpack_require__.n(sku_selector_module);
|
|
1657
|
-
// EXTERNAL MODULE: external "react/jsx-runtime"
|
|
1658
|
-
var jsx_runtime_ = __webpack_require__(997);
|
|
1659
|
-
;// CONCATENATED MODULE: ./src/components/ui/SkuSelector/SkuSelector.tsx
|
|
1660
|
-
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; }
|
|
1661
|
-
|
|
1662
|
-
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; }
|
|
1663
|
-
|
|
1664
|
-
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; }
|
|
1665
|
-
|
|
1666
|
-
|
|
1667
|
-
|
|
1668
|
-
|
|
1669
|
-
|
|
1670
|
-
|
|
1671
|
-
|
|
1672
|
-
function SkuSelector_SkuSelector_SkuSelector(_ref) {
|
|
1673
|
-
let props = Object.assign({}, _ref);
|
|
1674
|
-
const {
|
|
1675
|
-
options,
|
|
1676
|
-
activeValue,
|
|
1677
|
-
variant
|
|
1678
|
-
} = props;
|
|
1679
|
-
return /*#__PURE__*/jsx_runtime_.jsx(SkuSelector_SkuSelector, _objectSpread(_objectSpread({
|
|
1680
|
-
className: (sku_selector_module_default()).fsSkuSelector
|
|
1681
|
-
}, props), {}, {
|
|
1682
|
-
children: options.map((option, index) => {
|
|
1683
|
-
return /*#__PURE__*/(0,jsx_runtime_.jsxs)(RadioGroup_RadioOption, {
|
|
1684
|
-
"data-fs-sku-selector-option": true,
|
|
1685
|
-
label: option.label,
|
|
1686
|
-
value: option.value,
|
|
1687
|
-
disabled: option.disabled,
|
|
1688
|
-
checked: option.value === activeValue,
|
|
1689
|
-
children: [variant === 'label' && /*#__PURE__*/jsx_runtime_.jsx("span", {
|
|
1690
|
-
children: option.value
|
|
1691
|
-
}), variant === 'image' && 'src' in option && /*#__PURE__*/jsx_runtime_.jsx("span", {
|
|
1692
|
-
children: /*#__PURE__*/jsx_runtime_.jsx(Image/* Image */.E, {
|
|
1693
|
-
src: option.src ?? '',
|
|
1694
|
-
alt: option.alt,
|
|
1695
|
-
width: 20,
|
|
1696
|
-
height: 20,
|
|
1697
|
-
loading: "lazy",
|
|
1698
|
-
"data-fs-sku-selector-option-image": true
|
|
1699
|
-
})
|
|
1700
|
-
})]
|
|
1701
|
-
}, String(index));
|
|
1702
|
-
})
|
|
1703
|
-
}));
|
|
1704
|
-
}
|
|
1705
|
-
|
|
1706
|
-
/* harmony default export */ const ui_SkuSelector_SkuSelector = (SkuSelector_SkuSelector_SkuSelector);
|
|
1707
|
-
// EXTERNAL MODULE: external "next/router"
|
|
1708
|
-
var router_ = __webpack_require__(1853);
|
|
1709
|
-
;// CONCATENATED MODULE: ./src/components/ui/SkuSelector/skuVariants.ts
|
|
1710
|
-
function skuVariants_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; }
|
|
1711
|
-
|
|
1712
|
-
function skuVariants_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? skuVariants_ownKeys(Object(source), !0).forEach(function (key) { skuVariants_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : skuVariants_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
1713
|
-
|
|
1714
|
-
function skuVariants_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; }
|
|
1715
|
-
|
|
1716
|
-
function getSkuSlug(slugsMap, selectedVariations, dominantVariation) {
|
|
1717
|
-
const slugsMapKey = Object.entries(selectedVariations).flat().join('-');
|
|
1718
|
-
|
|
1719
|
-
if (slugsMapKey in slugsMap) {
|
|
1720
|
-
return slugsMap[slugsMapKey];
|
|
1721
|
-
}
|
|
1722
|
-
|
|
1723
|
-
const possibleVariants = Object.keys(slugsMap);
|
|
1724
|
-
const firstVariationForDominantValue = possibleVariants.find(slug => slug.includes(`${dominantVariation}-${selectedVariations[dominantVariation]}`));
|
|
1725
|
-
return slugsMap[firstVariationForDominantValue ?? possibleVariants[0]];
|
|
1726
|
-
}
|
|
1727
|
-
function navigateToSku({
|
|
1728
|
-
router,
|
|
1729
|
-
slugsMap,
|
|
1730
|
-
dominantSku,
|
|
1731
|
-
selectorsState,
|
|
1732
|
-
updatedVariationName,
|
|
1733
|
-
updatedVariationValue
|
|
1734
|
-
}) {
|
|
1735
|
-
const whereTo = `/${getSkuSlug(slugsMap, skuVariants_objectSpread(skuVariants_objectSpread({}, selectorsState), {}, {
|
|
1736
|
-
[updatedVariationName]: updatedVariationValue
|
|
1737
|
-
}), dominantSku)}/p`;
|
|
1738
|
-
|
|
1739
|
-
if (whereTo === window.location.pathname) {
|
|
1740
|
-
return;
|
|
1741
|
-
}
|
|
1742
|
-
|
|
1743
|
-
router.push(whereTo);
|
|
1744
|
-
}
|
|
1745
|
-
;// CONCATENATED MODULE: ./src/components/ui/SkuSelector/Selectors.tsx
|
|
1746
|
-
const _excluded = ["slugsMap", "availableVariations", "activeVariations"],
|
|
1747
|
-
_excluded2 = ["Color"];
|
|
1748
|
-
|
|
1749
|
-
function Selectors_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; }
|
|
1750
|
-
|
|
1751
|
-
function Selectors_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? Selectors_ownKeys(Object(source), !0).forEach(function (key) { Selectors_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : Selectors_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
1752
|
-
|
|
1753
|
-
function Selectors_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; }
|
|
1754
|
-
|
|
1755
|
-
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; }
|
|
1756
|
-
|
|
1757
|
-
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; }
|
|
1758
|
-
|
|
1759
|
-
|
|
1760
|
-
|
|
1761
|
-
|
|
1762
|
-
|
|
1763
|
-
|
|
1764
|
-
|
|
1765
|
-
/**
|
|
1766
|
-
* Name of the property that's considered **dominant**. Which means that all
|
|
1767
|
-
* other varying properties will be filtered according to the current value
|
|
1768
|
-
* of this property.
|
|
1769
|
-
*
|
|
1770
|
-
* Ex: If `Red` is the current value for the 'Color' variation, we'll only
|
|
1771
|
-
* render possible values for 'Size' that are available in `Red`.
|
|
1772
|
-
*/
|
|
1773
|
-
const DOMINANT_SKU_SELECTOR_PROPERTY = 'Color';
|
|
1774
|
-
|
|
1775
|
-
function Selectors(_ref) {
|
|
1776
|
-
let {
|
|
1777
|
-
slugsMap,
|
|
1778
|
-
availableVariations,
|
|
1779
|
-
activeVariations
|
|
1780
|
-
} = _ref,
|
|
1781
|
-
otherProps = _objectWithoutProperties(_ref, _excluded);
|
|
1782
|
-
|
|
1783
|
-
const router = (0,router_.useRouter)(); // 'Color' variants are singled-out here because they will always be rendered
|
|
1784
|
-
// as 'image' variants. And they're also the 'dominant' variants in our store.
|
|
1785
|
-
|
|
1786
|
-
const {
|
|
1787
|
-
Color: colorOptions
|
|
1788
|
-
} = availableVariations,
|
|
1789
|
-
otherSkuVariants = _objectWithoutProperties(availableVariations, _excluded2);
|
|
1790
|
-
|
|
1791
|
-
function handleOnChange(e, updatedVariationName) {
|
|
1792
|
-
const newVariationValue = e.currentTarget.value;
|
|
1793
|
-
navigateToSku({
|
|
1794
|
-
router,
|
|
1795
|
-
slugsMap,
|
|
1796
|
-
updatedVariationName,
|
|
1797
|
-
selectorsState: activeVariations,
|
|
1798
|
-
updatedVariationValue: newVariationValue,
|
|
1799
|
-
dominantSku: DOMINANT_SKU_SELECTOR_PROPERTY
|
|
1800
|
-
});
|
|
1801
|
-
}
|
|
1802
|
-
|
|
1803
|
-
return /*#__PURE__*/(0,jsx_runtime_.jsxs)("section", Selectors_objectSpread(Selectors_objectSpread({}, otherProps), {}, {
|
|
1804
|
-
children: [colorOptions && /*#__PURE__*/jsx_runtime_.jsx(ui_SkuSelector_SkuSelector, {
|
|
1805
|
-
label: "Color",
|
|
1806
|
-
variant: "image",
|
|
1807
|
-
options: colorOptions,
|
|
1808
|
-
activeValue: activeVariations.Color,
|
|
1809
|
-
onChange: e => handleOnChange(e, 'Color')
|
|
1810
|
-
}), otherSkuVariants && Object.keys(otherSkuVariants).map(skuVariant => /*#__PURE__*/jsx_runtime_.jsx(ui_SkuSelector_SkuSelector, {
|
|
1811
|
-
variant: "label",
|
|
1812
|
-
label: skuVariant,
|
|
1813
|
-
options: otherSkuVariants[skuVariant],
|
|
1814
|
-
activeValue: activeVariations[skuVariant],
|
|
1815
|
-
onChange: e => handleOnChange(e, skuVariant)
|
|
1816
|
-
}, skuVariant))]
|
|
1817
|
-
}));
|
|
1818
|
-
}
|
|
1819
|
-
|
|
1820
|
-
/* harmony default export */ const SkuSelector_Selectors = (Selectors);
|
|
1821
|
-
;// CONCATENATED MODULE: ./src/components/ui/SkuSelector/index.ts
|
|
1822
|
-
|
|
1823
|
-
|
|
1824
|
-
|
|
1825
|
-
/***/ }),
|
|
1826
|
-
|
|
1827
|
-
/***/ 5779:
|
|
1828
|
-
/***/ ((module, __webpack_exports__, __webpack_require__) => {
|
|
1829
|
-
|
|
1830
|
-
"use strict";
|
|
1831
|
-
__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
|
|
1832
|
-
__webpack_require__.r(__webpack_exports__);
|
|
1833
|
-
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
1834
|
-
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__),
|
|
1835
|
-
/* harmony export */ "getStaticPaths": () => (/* binding */ getStaticPaths),
|
|
1836
|
-
/* harmony export */ "getStaticProps": () => (/* binding */ getStaticProps)
|
|
1837
|
-
/* harmony export */ });
|
|
1838
|
-
/* harmony import */ var _faststore_api__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5363);
|
|
1839
|
-
/* harmony import */ var _faststore_api__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_faststore_api__WEBPACK_IMPORTED_MODULE_0__);
|
|
1840
|
-
/* harmony import */ var next_seo__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6641);
|
|
1841
|
-
/* harmony import */ var next_seo__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(next_seo__WEBPACK_IMPORTED_MODULE_1__);
|
|
1842
|
-
/* harmony import */ var src_components_cms_RenderPageSections__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(2659);
|
|
1843
|
-
/* harmony import */ var src_components_sections_BannerNewsletter_BannerNewsletter__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(2951);
|
|
1844
|
-
/* harmony import */ var src_components_sections_CrossSellingShelf__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(7990);
|
|
1845
|
-
/* harmony import */ var src_components_sections_ProductDetails__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(3220);
|
|
1846
|
-
/* harmony import */ var src_customizations_components__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(7410);
|
|
1847
|
-
/* harmony import */ var src_sdk_session__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(5971);
|
|
1848
|
-
/* harmony import */ var src_sdk_tests_mark__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(2541);
|
|
1849
|
-
/* harmony import */ var src_server__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(9685);
|
|
1850
|
-
/* harmony import */ var src_server_cms__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(5764);
|
|
1851
|
-
/* harmony import */ var _faststore_config__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(7183);
|
|
1852
|
-
/* harmony import */ var _faststore_config__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(_faststore_config__WEBPACK_IMPORTED_MODULE_11__);
|
|
1853
|
-
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(997);
|
|
1854
|
-
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__);
|
|
1855
|
-
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([src_components_cms_RenderPageSections__WEBPACK_IMPORTED_MODULE_2__, src_components_sections_BannerNewsletter_BannerNewsletter__WEBPACK_IMPORTED_MODULE_3__, src_components_sections_CrossSellingShelf__WEBPACK_IMPORTED_MODULE_4__, src_components_sections_ProductDetails__WEBPACK_IMPORTED_MODULE_5__, src_server__WEBPACK_IMPORTED_MODULE_9__]);
|
|
1856
|
-
([src_components_cms_RenderPageSections__WEBPACK_IMPORTED_MODULE_2__, src_components_sections_BannerNewsletter_BannerNewsletter__WEBPACK_IMPORTED_MODULE_3__, src_components_sections_CrossSellingShelf__WEBPACK_IMPORTED_MODULE_4__, src_components_sections_ProductDetails__WEBPACK_IMPORTED_MODULE_5__, src_server__WEBPACK_IMPORTED_MODULE_9__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
|
|
1857
|
-
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; }
|
|
1858
|
-
|
|
1859
|
-
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; }
|
|
1860
|
-
|
|
1861
|
-
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; }
|
|
1862
|
-
|
|
1863
|
-
|
|
1864
|
-
|
|
1865
|
-
|
|
1866
|
-
|
|
1867
|
-
|
|
1868
|
-
|
|
1869
|
-
|
|
1870
|
-
|
|
1871
|
-
|
|
1872
|
-
|
|
1873
|
-
|
|
1874
|
-
|
|
1875
|
-
/**
|
|
1876
|
-
* Sections: Components imported from each store's custom components and '../components/sections' only.
|
|
1877
|
-
* Do not import or render components from any other folder in here.
|
|
1878
|
-
*/
|
|
1879
|
-
|
|
1880
|
-
|
|
1881
|
-
|
|
1882
|
-
|
|
1883
|
-
|
|
1884
|
-
const COMPONENTS = _objectSpread({
|
|
1885
|
-
ProductDetails: src_components_sections_ProductDetails__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z,
|
|
1886
|
-
BannerNewsletter: src_components_sections_BannerNewsletter_BannerNewsletter__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z,
|
|
1887
|
-
CrossSellingShelf: src_components_sections_CrossSellingShelf__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z
|
|
1888
|
-
}, src_customizations_components__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z);
|
|
1889
|
-
|
|
1890
|
-
function Page({
|
|
1891
|
-
product,
|
|
1892
|
-
sections
|
|
1893
|
-
}) {
|
|
1894
|
-
const {
|
|
1895
|
-
currency
|
|
1896
|
-
} = (0,src_sdk_session__WEBPACK_IMPORTED_MODULE_7__/* .useSession */ .kP)();
|
|
1897
|
-
const {
|
|
1898
|
-
seo
|
|
1899
|
-
} = product;
|
|
1900
|
-
const title = seo.title || (_faststore_config__WEBPACK_IMPORTED_MODULE_11___default().seo.title);
|
|
1901
|
-
const description = seo.description || (_faststore_config__WEBPACK_IMPORTED_MODULE_11___default().seo.description);
|
|
1902
|
-
const canonical = `${(_faststore_config__WEBPACK_IMPORTED_MODULE_11___default().storeUrl)}${seo.canonical}`;
|
|
1903
|
-
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.Fragment, {
|
|
1904
|
-
children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx(next_seo__WEBPACK_IMPORTED_MODULE_1__.NextSeo, {
|
|
1905
|
-
title: title,
|
|
1906
|
-
description: description,
|
|
1907
|
-
canonical: canonical,
|
|
1908
|
-
openGraph: {
|
|
1909
|
-
type: 'og:product',
|
|
1910
|
-
url: canonical,
|
|
1911
|
-
title,
|
|
1912
|
-
description,
|
|
1913
|
-
images: product.image.map(img => ({
|
|
1914
|
-
url: img.url,
|
|
1915
|
-
alt: img.alternateName
|
|
1916
|
-
}))
|
|
1917
|
-
},
|
|
1918
|
-
additionalMetaTags: [{
|
|
1919
|
-
property: 'product:price:amount',
|
|
1920
|
-
content: product.offers.lowPrice?.toString() ?? undefined
|
|
1921
|
-
}, {
|
|
1922
|
-
property: 'product:price:currency',
|
|
1923
|
-
content: currency.code
|
|
1924
|
-
}]
|
|
1925
|
-
}), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx(next_seo__WEBPACK_IMPORTED_MODULE_1__.BreadcrumbJsonLd, {
|
|
1926
|
-
itemListElements: product.breadcrumbList.itemListElement
|
|
1927
|
-
}), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx(next_seo__WEBPACK_IMPORTED_MODULE_1__.ProductJsonLd, {
|
|
1928
|
-
productName: product.name,
|
|
1929
|
-
description: product.description,
|
|
1930
|
-
brand: product.brand.name,
|
|
1931
|
-
sku: product.sku,
|
|
1932
|
-
gtin: product.gtin,
|
|
1933
|
-
releaseDate: product.releaseDate,
|
|
1934
|
-
images: product.image.map(img => img.url) // Somehow, Google does not understand this valid Schema.org schema, so we need to do conversions
|
|
1935
|
-
,
|
|
1936
|
-
offersType: "AggregateOffer",
|
|
1937
|
-
offers: _objectSpread(_objectSpread(_objectSpread({}, product.offers), product.offers.offers[0]), {}, {
|
|
1938
|
-
url: canonical
|
|
1939
|
-
})
|
|
1940
|
-
}), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx(src_components_cms_RenderPageSections__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
|
|
1941
|
-
context: product,
|
|
1942
|
-
sections: sections,
|
|
1943
|
-
components: COMPONENTS
|
|
1944
|
-
})]
|
|
1945
|
-
});
|
|
1946
|
-
}
|
|
1947
|
-
|
|
1948
|
-
const query = "ServerProductPageQuery";
|
|
1949
|
-
const getStaticProps = async ({
|
|
1950
|
-
params,
|
|
1951
|
-
previewData
|
|
1952
|
-
}) => {
|
|
1953
|
-
const slug = params?.slug ?? '';
|
|
1954
|
-
const [cmsPage, searchResult] = await Promise.all([(0,src_server_cms__WEBPACK_IMPORTED_MODULE_10__/* .getPage */ .f)(_objectSpread(_objectSpread({}, previewData?.contentType === 'pdp' ? previewData : null), {}, {
|
|
1955
|
-
contentType: 'pdp'
|
|
1956
|
-
})), (0,src_server__WEBPACK_IMPORTED_MODULE_9__/* .execute */ .h)({
|
|
1957
|
-
variables: {
|
|
1958
|
-
slug
|
|
1959
|
-
},
|
|
1960
|
-
operationName: query
|
|
1961
|
-
})]);
|
|
1962
|
-
const {
|
|
1963
|
-
data,
|
|
1964
|
-
errors = []
|
|
1965
|
-
} = searchResult;
|
|
1966
|
-
const notFound = errors.find(_faststore_api__WEBPACK_IMPORTED_MODULE_0__.isNotFoundError);
|
|
1967
|
-
|
|
1968
|
-
if (notFound) {
|
|
1969
|
-
return {
|
|
1970
|
-
notFound: true
|
|
1971
|
-
};
|
|
1972
|
-
}
|
|
1973
|
-
|
|
1974
|
-
if (errors.length > 0) {
|
|
1975
|
-
throw errors[0];
|
|
1976
|
-
}
|
|
1977
|
-
|
|
1978
|
-
return {
|
|
1979
|
-
props: _objectSpread(_objectSpread({}, data), cmsPage)
|
|
1980
|
-
};
|
|
1981
|
-
};
|
|
1982
|
-
const getStaticPaths = async () => {
|
|
1983
|
-
return {
|
|
1984
|
-
paths: [],
|
|
1985
|
-
fallback: 'blocking'
|
|
1986
|
-
};
|
|
1987
|
-
};
|
|
1988
|
-
Page.displayName = 'Page';
|
|
1989
|
-
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,src_sdk_tests_mark__WEBPACK_IMPORTED_MODULE_8__/* .mark */ .B)(Page));
|
|
1990
|
-
__webpack_async_result__();
|
|
1991
|
-
} catch(e) { __webpack_async_result__(e); } });
|
|
1992
|
-
|
|
1993
|
-
/***/ }),
|
|
1994
|
-
|
|
1995
|
-
/***/ 8892:
|
|
1996
|
-
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
1997
|
-
|
|
1998
|
-
"use strict";
|
|
1999
|
-
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
2000
|
-
/* harmony export */ "Q": () => (/* binding */ useBuyButton)
|
|
2001
|
-
/* harmony export */ });
|
|
2002
|
-
/* harmony import */ var _faststore_sdk__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(8460);
|
|
2003
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
|
|
2004
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
2005
|
-
/* harmony import */ var _session__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5971);
|
|
2006
|
-
/* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(395);
|
|
2007
|
-
/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7566);
|
|
2008
|
-
|
|
2009
|
-
|
|
2010
|
-
|
|
2011
|
-
|
|
2012
|
-
|
|
2013
|
-
const useBuyButton = item => {
|
|
2014
|
-
const {
|
|
2015
|
-
openCart
|
|
2016
|
-
} = (0,_faststore_ui__WEBPACK_IMPORTED_MODULE_3__/* .useUI */ .l)();
|
|
2017
|
-
const {
|
|
2018
|
-
currency: {
|
|
2019
|
-
code
|
|
2020
|
-
}
|
|
2021
|
-
} = (0,_session__WEBPACK_IMPORTED_MODULE_1__/* .useSession */ .kP)();
|
|
2022
|
-
const onClick = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(e => {
|
|
2023
|
-
e.preventDefault();
|
|
2024
|
-
|
|
2025
|
-
if (!item) {
|
|
2026
|
-
return;
|
|
2027
|
-
}
|
|
2028
|
-
|
|
2029
|
-
(0,_faststore_sdk__WEBPACK_IMPORTED_MODULE_4__/* .sendAnalyticsEvent */ ._)({
|
|
2030
|
-
name: 'add_to_cart',
|
|
2031
|
-
params: {
|
|
2032
|
-
currency: code,
|
|
2033
|
-
// TODO: In the future, we can explore more robust ways of
|
|
2034
|
-
// calculating the value (gift items, discounts, etc.).
|
|
2035
|
-
value: item.price * item.quantity,
|
|
2036
|
-
items: [{
|
|
2037
|
-
item_id: item.itemOffered.isVariantOf.productGroupID,
|
|
2038
|
-
item_name: item.itemOffered.isVariantOf.name,
|
|
2039
|
-
item_brand: item.itemOffered.brand.name,
|
|
2040
|
-
item_variant: item.itemOffered.sku,
|
|
2041
|
-
quantity: item.quantity,
|
|
2042
|
-
price: item.price,
|
|
2043
|
-
discount: item.listPrice - item.price,
|
|
2044
|
-
currency: code,
|
|
2045
|
-
item_variant_name: item.itemOffered.name,
|
|
2046
|
-
product_reference_id: item.itemOffered.gtin
|
|
2047
|
-
}]
|
|
2048
|
-
}
|
|
2049
|
-
});
|
|
2050
|
-
_index__WEBPACK_IMPORTED_MODULE_2__/* .cartStore.addItem */ .i8.addItem(item);
|
|
2051
|
-
openCart();
|
|
2052
|
-
}, [code, item, openCart]);
|
|
2053
|
-
return {
|
|
2054
|
-
onClick,
|
|
2055
|
-
'data-testid': 'buy-button',
|
|
2056
|
-
'data-sku': item?.itemOffered.sku,
|
|
2057
|
-
'data-seller': item?.seller.identifier
|
|
2058
|
-
};
|
|
2059
|
-
};
|
|
2060
|
-
|
|
2061
|
-
/***/ }),
|
|
2062
|
-
|
|
2063
|
-
/***/ 3874:
|
|
2064
|
-
/***/ ((module, __webpack_exports__, __webpack_require__) => {
|
|
2065
|
-
|
|
2066
|
-
"use strict";
|
|
2067
|
-
__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
|
|
2068
|
-
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
2069
|
-
/* harmony export */ "i": () => (/* binding */ useProduct)
|
|
2070
|
-
/* harmony export */ });
|
|
2071
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
|
|
2072
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
2073
|
-
/* harmony import */ var _graphql_useQuery__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7732);
|
|
2074
|
-
/* harmony import */ var _session__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5971);
|
|
2075
|
-
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_graphql_useQuery__WEBPACK_IMPORTED_MODULE_1__]);
|
|
2076
|
-
_graphql_useQuery__WEBPACK_IMPORTED_MODULE_1__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
|
|
2077
|
-
|
|
2078
|
-
|
|
2079
|
-
|
|
2080
|
-
const query = "BrowserProductQuery";
|
|
2081
|
-
const useProduct = (productID, fallbackData) => {
|
|
2082
|
-
const {
|
|
2083
|
-
channel,
|
|
2084
|
-
locale
|
|
2085
|
-
} = (0,_session__WEBPACK_IMPORTED_MODULE_2__/* .useSession */ .kP)();
|
|
2086
|
-
const variables = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => {
|
|
2087
|
-
if (!channel) {
|
|
2088
|
-
throw new Error(`useProduct: 'channel' from session is an empty string.`);
|
|
2089
|
-
}
|
|
2090
|
-
|
|
2091
|
-
return {
|
|
2092
|
-
locator: [{
|
|
2093
|
-
key: 'id',
|
|
2094
|
-
value: productID
|
|
2095
|
-
}, {
|
|
2096
|
-
key: 'channel',
|
|
2097
|
-
value: channel
|
|
2098
|
-
}, {
|
|
2099
|
-
key: 'locale',
|
|
2100
|
-
value: locale
|
|
2101
|
-
}]
|
|
2102
|
-
};
|
|
2103
|
-
}, [channel, locale, productID]);
|
|
2104
|
-
return (0,_graphql_useQuery__WEBPACK_IMPORTED_MODULE_1__/* .useQuery */ .aM)(query, variables, {
|
|
2105
|
-
fallbackData,
|
|
2106
|
-
revalidateOnMount: true
|
|
2107
|
-
});
|
|
2108
|
-
};
|
|
2109
|
-
__webpack_async_result__();
|
|
2110
|
-
} catch(e) { __webpack_async_result__(e); } });
|
|
2111
|
-
|
|
2112
|
-
/***/ }),
|
|
2113
|
-
|
|
2114
|
-
/***/ 6207:
|
|
2115
|
-
/***/ ((module) => {
|
|
2116
|
-
|
|
2117
|
-
// Exports
|
|
2118
|
-
module.exports = {
|
|
2119
|
-
"fs-out-of-stock": "out-of-stock_fs-out-of-stock__opAqy",
|
|
2120
|
-
"fsOutOfStock": "out-of-stock_fs-out-of-stock__opAqy"
|
|
2121
|
-
};
|
|
2122
|
-
|
|
2123
|
-
|
|
2124
|
-
/***/ }),
|
|
2125
|
-
|
|
2126
|
-
/***/ 6308:
|
|
2127
|
-
/***/ ((module) => {
|
|
2128
|
-
|
|
2129
|
-
// Exports
|
|
2130
|
-
module.exports = {
|
|
2131
|
-
"fs-banner-newsletter": "banner-newsletter_fs-banner-newsletter__45gCy",
|
|
2132
|
-
"fsBannerNewsletter": "banner-newsletter_fs-banner-newsletter__45gCy"
|
|
2133
|
-
};
|
|
2134
|
-
|
|
2135
|
-
|
|
2136
|
-
/***/ }),
|
|
2137
|
-
|
|
2138
|
-
/***/ 841:
|
|
2139
|
-
/***/ ((module) => {
|
|
2140
|
-
|
|
2141
|
-
// Exports
|
|
2142
|
-
module.exports = {
|
|
2143
|
-
"fs-product-details": "product-details_fs-product-details__KhD0C",
|
|
2144
|
-
"fsProductDetails": "product-details_fs-product-details__KhD0C"
|
|
2145
|
-
};
|
|
2146
|
-
|
|
2147
|
-
|
|
2148
|
-
/***/ }),
|
|
2149
|
-
|
|
2150
|
-
/***/ 9265:
|
|
2151
|
-
/***/ ((module) => {
|
|
2152
|
-
|
|
2153
|
-
// Exports
|
|
2154
|
-
module.exports = {
|
|
2155
|
-
"fs-image-gallery-selector": "image-gallery-selector_fs-image-gallery-selector__MgI11",
|
|
2156
|
-
"fsImageGallerySelector": "image-gallery-selector_fs-image-gallery-selector__MgI11"
|
|
2157
|
-
};
|
|
2158
|
-
|
|
2159
|
-
|
|
2160
|
-
/***/ }),
|
|
2161
|
-
|
|
2162
|
-
/***/ 3910:
|
|
2163
|
-
/***/ ((module) => {
|
|
2164
|
-
|
|
2165
|
-
// Exports
|
|
2166
|
-
module.exports = {
|
|
2167
|
-
"fs-image-gallery": "image-gallery_fs-image-gallery__qtBsI",
|
|
2168
|
-
"fsImageGallery": "image-gallery_fs-image-gallery__qtBsI"
|
|
2169
|
-
};
|
|
2170
|
-
|
|
2171
|
-
|
|
2172
|
-
/***/ }),
|
|
2173
|
-
|
|
2174
|
-
/***/ 214:
|
|
2175
|
-
/***/ ((module) => {
|
|
2176
|
-
|
|
2177
|
-
// Exports
|
|
2178
|
-
module.exports = {
|
|
2179
|
-
"fs-shipping-simulation": "shipping-simulation_fs-shipping-simulation__IOQSO",
|
|
2180
|
-
"fsShippingSimulation": "shipping-simulation_fs-shipping-simulation__IOQSO"
|
|
2181
|
-
};
|
|
2182
|
-
|
|
2183
|
-
|
|
2184
|
-
/***/ }),
|
|
2185
|
-
|
|
2186
|
-
/***/ 118:
|
|
2187
|
-
/***/ ((module) => {
|
|
2188
|
-
|
|
2189
|
-
// Exports
|
|
2190
|
-
module.exports = {
|
|
2191
|
-
"fs-sku-selector": "sku-selector_fs-sku-selector__UDDZ8",
|
|
2192
|
-
"fsSkuSelector": "sku-selector_fs-sku-selector__UDDZ8"
|
|
2193
|
-
};
|
|
2194
|
-
|
|
2195
|
-
|
|
2196
|
-
/***/ }),
|
|
2197
|
-
|
|
2198
|
-
/***/ 5363:
|
|
2199
|
-
/***/ ((module) => {
|
|
2200
|
-
|
|
2201
|
-
"use strict";
|
|
2202
|
-
module.exports = require("@faststore/api");
|
|
2203
|
-
|
|
2204
|
-
/***/ }),
|
|
2205
|
-
|
|
2206
|
-
/***/ 5490:
|
|
2207
|
-
/***/ ((module) => {
|
|
2208
|
-
|
|
2209
|
-
"use strict";
|
|
2210
|
-
module.exports = require("@faststore/graphql-utils");
|
|
2211
|
-
|
|
2212
|
-
/***/ }),
|
|
2213
|
-
|
|
2214
|
-
/***/ 6676:
|
|
2215
|
-
/***/ ((module) => {
|
|
2216
|
-
|
|
2217
|
-
"use strict";
|
|
2218
|
-
module.exports = require("@vtex/client-cms");
|
|
2219
|
-
|
|
2220
|
-
/***/ }),
|
|
2221
|
-
|
|
2222
|
-
/***/ 7343:
|
|
2223
|
-
/***/ ((module) => {
|
|
2224
|
-
|
|
2225
|
-
"use strict";
|
|
2226
|
-
module.exports = require("graphql");
|
|
2227
|
-
|
|
2228
|
-
/***/ }),
|
|
2229
|
-
|
|
2230
|
-
/***/ 3430:
|
|
2231
|
-
/***/ ((module) => {
|
|
2232
|
-
|
|
2233
|
-
"use strict";
|
|
2234
|
-
module.exports = require("idb-keyval");
|
|
2235
|
-
|
|
2236
|
-
/***/ }),
|
|
2237
|
-
|
|
2238
|
-
/***/ 6641:
|
|
2239
|
-
/***/ ((module) => {
|
|
2240
|
-
|
|
2241
|
-
"use strict";
|
|
2242
|
-
module.exports = require("next-seo");
|
|
2243
|
-
|
|
2244
|
-
/***/ }),
|
|
2245
|
-
|
|
2246
|
-
/***/ 3280:
|
|
2247
|
-
/***/ ((module) => {
|
|
2248
|
-
|
|
2249
|
-
"use strict";
|
|
2250
|
-
module.exports = require("next/dist/shared/lib/app-router-context.js");
|
|
2251
|
-
|
|
2252
|
-
/***/ }),
|
|
2253
|
-
|
|
2254
|
-
/***/ 2796:
|
|
2255
|
-
/***/ ((module) => {
|
|
2256
|
-
|
|
2257
|
-
"use strict";
|
|
2258
|
-
module.exports = require("next/dist/shared/lib/head-manager-context.js");
|
|
2259
|
-
|
|
2260
|
-
/***/ }),
|
|
2261
|
-
|
|
2262
|
-
/***/ 3539:
|
|
2263
|
-
/***/ ((module) => {
|
|
2264
|
-
|
|
2265
|
-
"use strict";
|
|
2266
|
-
module.exports = require("next/dist/shared/lib/i18n/detect-domain-locale.js");
|
|
2267
|
-
|
|
2268
|
-
/***/ }),
|
|
2269
|
-
|
|
2270
|
-
/***/ 4014:
|
|
2271
|
-
/***/ ((module) => {
|
|
2272
|
-
|
|
2273
|
-
"use strict";
|
|
2274
|
-
module.exports = require("next/dist/shared/lib/i18n/normalize-locale-path.js");
|
|
2275
|
-
|
|
2276
|
-
/***/ }),
|
|
2277
|
-
|
|
2278
|
-
/***/ 8524:
|
|
2279
|
-
/***/ ((module) => {
|
|
2280
|
-
|
|
2281
|
-
"use strict";
|
|
2282
|
-
module.exports = require("next/dist/shared/lib/is-plain-object.js");
|
|
2283
|
-
|
|
2284
|
-
/***/ }),
|
|
2285
|
-
|
|
2286
|
-
/***/ 8020:
|
|
2287
|
-
/***/ ((module) => {
|
|
2288
|
-
|
|
2289
|
-
"use strict";
|
|
2290
|
-
module.exports = require("next/dist/shared/lib/mitt.js");
|
|
2291
|
-
|
|
2292
|
-
/***/ }),
|
|
2293
|
-
|
|
2294
|
-
/***/ 4406:
|
|
2295
|
-
/***/ ((module) => {
|
|
2296
|
-
|
|
2297
|
-
"use strict";
|
|
2298
|
-
module.exports = require("next/dist/shared/lib/page-path/denormalize-page-path.js");
|
|
2299
|
-
|
|
2300
|
-
/***/ }),
|
|
2301
|
-
|
|
2302
|
-
/***/ 4964:
|
|
2303
|
-
/***/ ((module) => {
|
|
2304
|
-
|
|
2305
|
-
"use strict";
|
|
2306
|
-
module.exports = require("next/dist/shared/lib/router-context.js");
|
|
2307
|
-
|
|
2308
|
-
/***/ }),
|
|
2309
|
-
|
|
2310
|
-
/***/ 3431:
|
|
2311
|
-
/***/ ((module) => {
|
|
2312
|
-
|
|
2313
|
-
"use strict";
|
|
2314
|
-
module.exports = require("next/dist/shared/lib/router/utils/add-locale.js");
|
|
2315
|
-
|
|
2316
|
-
/***/ }),
|
|
2317
|
-
|
|
2318
|
-
/***/ 1751:
|
|
2319
|
-
/***/ ((module) => {
|
|
2320
|
-
|
|
2321
|
-
"use strict";
|
|
2322
|
-
module.exports = require("next/dist/shared/lib/router/utils/add-path-prefix.js");
|
|
2323
|
-
|
|
2324
|
-
/***/ }),
|
|
2325
|
-
|
|
2326
|
-
/***/ 6220:
|
|
2327
|
-
/***/ ((module) => {
|
|
2328
|
-
|
|
2329
|
-
"use strict";
|
|
2330
|
-
module.exports = require("next/dist/shared/lib/router/utils/compare-states.js");
|
|
2331
|
-
|
|
2332
|
-
/***/ }),
|
|
2333
|
-
|
|
2334
|
-
/***/ 299:
|
|
2335
|
-
/***/ ((module) => {
|
|
2336
|
-
|
|
2337
|
-
"use strict";
|
|
2338
|
-
module.exports = require("next/dist/shared/lib/router/utils/format-next-pathname-info.js");
|
|
2339
|
-
|
|
2340
|
-
/***/ }),
|
|
2341
|
-
|
|
2342
|
-
/***/ 3938:
|
|
2343
|
-
/***/ ((module) => {
|
|
2344
|
-
|
|
2345
|
-
"use strict";
|
|
2346
|
-
module.exports = require("next/dist/shared/lib/router/utils/format-url.js");
|
|
2347
|
-
|
|
2348
|
-
/***/ }),
|
|
2349
|
-
|
|
2350
|
-
/***/ 9565:
|
|
2351
|
-
/***/ ((module) => {
|
|
2352
|
-
|
|
2353
|
-
"use strict";
|
|
2354
|
-
module.exports = require("next/dist/shared/lib/router/utils/get-asset-path-from-route.js");
|
|
2355
|
-
|
|
2356
|
-
/***/ }),
|
|
2357
|
-
|
|
2358
|
-
/***/ 5789:
|
|
2359
|
-
/***/ ((module) => {
|
|
2360
|
-
|
|
2361
|
-
"use strict";
|
|
2362
|
-
module.exports = require("next/dist/shared/lib/router/utils/get-next-pathname-info.js");
|
|
2363
|
-
|
|
2364
|
-
/***/ }),
|
|
2365
|
-
|
|
2366
|
-
/***/ 1897:
|
|
2367
|
-
/***/ ((module) => {
|
|
2368
|
-
|
|
2369
|
-
"use strict";
|
|
2370
|
-
module.exports = require("next/dist/shared/lib/router/utils/is-bot.js");
|
|
2371
|
-
|
|
2372
|
-
/***/ }),
|
|
2373
|
-
|
|
2374
|
-
/***/ 1428:
|
|
2375
|
-
/***/ ((module) => {
|
|
2376
|
-
|
|
2377
|
-
"use strict";
|
|
2378
|
-
module.exports = require("next/dist/shared/lib/router/utils/is-dynamic.js");
|
|
2379
|
-
|
|
2380
|
-
/***/ }),
|
|
2381
|
-
|
|
2382
|
-
/***/ 8854:
|
|
2383
|
-
/***/ ((module) => {
|
|
2384
|
-
|
|
2385
|
-
"use strict";
|
|
2386
|
-
module.exports = require("next/dist/shared/lib/router/utils/parse-path.js");
|
|
2387
|
-
|
|
2388
|
-
/***/ }),
|
|
2389
|
-
|
|
2390
|
-
/***/ 1292:
|
|
2391
|
-
/***/ ((module) => {
|
|
2392
|
-
|
|
2393
|
-
"use strict";
|
|
2394
|
-
module.exports = require("next/dist/shared/lib/router/utils/parse-relative-url.js");
|
|
2395
|
-
|
|
2396
|
-
/***/ }),
|
|
2397
|
-
|
|
2398
|
-
/***/ 4567:
|
|
2399
|
-
/***/ ((module) => {
|
|
2400
|
-
|
|
2401
|
-
"use strict";
|
|
2402
|
-
module.exports = require("next/dist/shared/lib/router/utils/path-has-prefix.js");
|
|
2403
|
-
|
|
2404
|
-
/***/ }),
|
|
2405
|
-
|
|
2406
|
-
/***/ 979:
|
|
2407
|
-
/***/ ((module) => {
|
|
2408
|
-
|
|
2409
|
-
"use strict";
|
|
2410
|
-
module.exports = require("next/dist/shared/lib/router/utils/querystring.js");
|
|
2411
|
-
|
|
2412
|
-
/***/ }),
|
|
2413
|
-
|
|
2414
|
-
/***/ 3297:
|
|
2415
|
-
/***/ ((module) => {
|
|
2416
|
-
|
|
2417
|
-
"use strict";
|
|
2418
|
-
module.exports = require("next/dist/shared/lib/router/utils/remove-trailing-slash.js");
|
|
2419
|
-
|
|
2420
|
-
/***/ }),
|
|
2421
|
-
|
|
2422
|
-
/***/ 6052:
|
|
2423
|
-
/***/ ((module) => {
|
|
2424
|
-
|
|
2425
|
-
"use strict";
|
|
2426
|
-
module.exports = require("next/dist/shared/lib/router/utils/resolve-rewrites.js");
|
|
2427
|
-
|
|
2428
|
-
/***/ }),
|
|
2429
|
-
|
|
2430
|
-
/***/ 4226:
|
|
2431
|
-
/***/ ((module) => {
|
|
2432
|
-
|
|
2433
|
-
"use strict";
|
|
2434
|
-
module.exports = require("next/dist/shared/lib/router/utils/route-matcher.js");
|
|
2435
|
-
|
|
2436
|
-
/***/ }),
|
|
2437
|
-
|
|
2438
|
-
/***/ 5052:
|
|
2439
|
-
/***/ ((module) => {
|
|
2440
|
-
|
|
2441
|
-
"use strict";
|
|
2442
|
-
module.exports = require("next/dist/shared/lib/router/utils/route-regex.js");
|
|
2443
|
-
|
|
2444
|
-
/***/ }),
|
|
2445
|
-
|
|
2446
|
-
/***/ 9232:
|
|
2447
|
-
/***/ ((module) => {
|
|
2448
|
-
|
|
2449
|
-
"use strict";
|
|
2450
|
-
module.exports = require("next/dist/shared/lib/utils.js");
|
|
2451
|
-
|
|
2452
|
-
/***/ }),
|
|
2453
|
-
|
|
2454
|
-
/***/ 968:
|
|
2455
|
-
/***/ ((module) => {
|
|
2456
|
-
|
|
2457
|
-
"use strict";
|
|
2458
|
-
module.exports = require("next/head");
|
|
2459
|
-
|
|
2460
|
-
/***/ }),
|
|
2461
|
-
|
|
2462
|
-
/***/ 1853:
|
|
2463
|
-
/***/ ((module) => {
|
|
2464
|
-
|
|
2465
|
-
"use strict";
|
|
2466
|
-
module.exports = require("next/router");
|
|
2467
|
-
|
|
2468
|
-
/***/ }),
|
|
2469
|
-
|
|
2470
|
-
/***/ 6689:
|
|
2471
|
-
/***/ ((module) => {
|
|
2472
|
-
|
|
2473
|
-
"use strict";
|
|
2474
|
-
module.exports = require("react");
|
|
2475
|
-
|
|
2476
|
-
/***/ }),
|
|
2477
|
-
|
|
2478
|
-
/***/ 6405:
|
|
2479
|
-
/***/ ((module) => {
|
|
2480
|
-
|
|
2481
|
-
"use strict";
|
|
2482
|
-
module.exports = require("react-dom");
|
|
2483
|
-
|
|
2484
|
-
/***/ }),
|
|
2485
|
-
|
|
2486
|
-
/***/ 9785:
|
|
2487
|
-
/***/ ((module) => {
|
|
2488
|
-
|
|
2489
|
-
"use strict";
|
|
2490
|
-
module.exports = require("react-intersection-observer");
|
|
2491
|
-
|
|
2492
|
-
/***/ }),
|
|
2493
|
-
|
|
2494
|
-
/***/ 997:
|
|
2495
|
-
/***/ ((module) => {
|
|
2496
|
-
|
|
2497
|
-
"use strict";
|
|
2498
|
-
module.exports = require("react/jsx-runtime");
|
|
2499
|
-
|
|
2500
|
-
/***/ }),
|
|
2501
|
-
|
|
2502
|
-
/***/ 9664:
|
|
2503
|
-
/***/ ((module) => {
|
|
2504
|
-
|
|
2505
|
-
"use strict";
|
|
2506
|
-
module.exports = import("@envelop/core");;
|
|
2507
|
-
|
|
2508
|
-
/***/ }),
|
|
2509
|
-
|
|
2510
|
-
/***/ 7886:
|
|
2511
|
-
/***/ ((module) => {
|
|
2512
|
-
|
|
2513
|
-
"use strict";
|
|
2514
|
-
module.exports = import("@envelop/graphql-jit");;
|
|
2515
|
-
|
|
2516
|
-
/***/ }),
|
|
2517
|
-
|
|
2518
|
-
/***/ 4656:
|
|
2519
|
-
/***/ ((module) => {
|
|
2520
|
-
|
|
2521
|
-
"use strict";
|
|
2522
|
-
module.exports = import("@envelop/parser-cache");;
|
|
2523
|
-
|
|
2524
|
-
/***/ }),
|
|
2525
|
-
|
|
2526
|
-
/***/ 6093:
|
|
2527
|
-
/***/ ((module) => {
|
|
2528
|
-
|
|
2529
|
-
"use strict";
|
|
2530
|
-
module.exports = import("@envelop/validation-cache");;
|
|
2531
|
-
|
|
2532
|
-
/***/ }),
|
|
2533
|
-
|
|
2534
|
-
/***/ 7564:
|
|
2535
|
-
/***/ ((module) => {
|
|
2536
|
-
|
|
2537
|
-
"use strict";
|
|
2538
|
-
module.exports = import("chalk");;
|
|
2539
|
-
|
|
2540
|
-
/***/ }),
|
|
2541
|
-
|
|
2542
|
-
/***/ 5941:
|
|
2543
|
-
/***/ ((module) => {
|
|
2544
|
-
|
|
2545
|
-
"use strict";
|
|
2546
|
-
module.exports = import("swr");;
|
|
2547
|
-
|
|
2548
|
-
/***/ })
|
|
2549
|
-
|
|
2550
|
-
};
|
|
2551
|
-
;
|
|
2552
|
-
|
|
2553
|
-
// load runtime
|
|
2554
|
-
var __webpack_require__ = require("../../webpack-runtime.js");
|
|
2555
|
-
__webpack_require__.C(exports);
|
|
2556
|
-
var __webpack_exec__ = (moduleId) => (__webpack_require__(__webpack_require__.s = moduleId))
|
|
2557
|
-
var __webpack_exports__ = __webpack_require__.X(0, [676,394,183,154,247,849,287,732,854,280,881,439,444,104,992,350,377], () => (__webpack_exec__(5779)));
|
|
2558
|
-
module.exports = __webpack_exports__;
|
|
2559
|
-
|
|
2560
|
-
})();
|