@nuskin/nextgen-header 1.18.0 → 1.20.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/package-dist/2630a3e3eab21c607e21.svg +14 -0
- package/package-dist/295183786cd8a1389865.woff +0 -0
- package/package-dist/a4e97f5a2a64f0ab1323.eot +0 -0
- package/package-dist/c94f7671dcc99dce43e2.ttf +0 -0
- package/package-dist/fb6f3c230cb846e25247.gif +0 -0
- package/package-dist/index.css +327 -0
- package/package-dist/index.css.map +1 -0
- package/package-dist/index.js +104305 -1254
- package/package-dist/index.js.map +1 -1
- package/package.json +2 -1
- package/package-dist/index.mjs +0 -1652
- package/package-dist/index.mjs.map +0 -1
package/package-dist/index.mjs
DELETED
|
@@ -1,1652 +0,0 @@
|
|
|
1
|
-
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
2
|
-
import { default as __WEBPACK_EXTERNAL_MODULE_prop_types_adfe8e31_default__ } from "prop-types";
|
|
3
|
-
import { ThemeContext as __WEBPACK_EXTERNAL_MODULE__emotion_react_2a9b38dd_ThemeContext__, withEmotionCache as __WEBPACK_EXTERNAL_MODULE__emotion_react_2a9b38dd_withEmotionCache__ } from "@emotion/react";
|
|
4
|
-
import { Fragment as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_Fragment__, jsx as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__, jsxs as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsxs__ } from "react/jsx-runtime";
|
|
5
|
-
/******/ // The require scope
|
|
6
|
-
/******/ var __webpack_require__ = {};
|
|
7
|
-
/******/
|
|
8
|
-
/************************************************************************/
|
|
9
|
-
/******/ /* webpack/runtime/define property getters */
|
|
10
|
-
/******/ (() => {
|
|
11
|
-
/******/ // define getter functions for harmony exports
|
|
12
|
-
/******/ __webpack_require__.d = (exports, definition) => {
|
|
13
|
-
/******/ for(var key in definition) {
|
|
14
|
-
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
|
|
15
|
-
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
|
|
16
|
-
/******/ }
|
|
17
|
-
/******/ }
|
|
18
|
-
/******/ };
|
|
19
|
-
/******/ })();
|
|
20
|
-
/******/
|
|
21
|
-
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
|
22
|
-
/******/ (() => {
|
|
23
|
-
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
|
|
24
|
-
/******/ })();
|
|
25
|
-
/******/
|
|
26
|
-
/************************************************************************/
|
|
27
|
-
var __webpack_exports__ = {};
|
|
28
|
-
|
|
29
|
-
;// external "react"
|
|
30
|
-
const external_react_namespaceObject = __WEBPACK_EXTERNAL_MODULE_react__;
|
|
31
|
-
;// external "prop-types"
|
|
32
|
-
|
|
33
|
-
;// ./node_modules/@emotion/styled/node_modules/@babel/runtime/helpers/esm/extends.js
|
|
34
|
-
function _extends() {
|
|
35
|
-
return _extends = Object.assign ? Object.assign.bind() : function (n) {
|
|
36
|
-
for (var e = 1; e < arguments.length; e++) {
|
|
37
|
-
var t = arguments[e];
|
|
38
|
-
for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
|
|
39
|
-
}
|
|
40
|
-
return n;
|
|
41
|
-
}, _extends.apply(null, arguments);
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
;// external "@emotion/react"
|
|
45
|
-
|
|
46
|
-
;// ./node_modules/@emotion/hash/dist/emotion-hash.esm.js
|
|
47
|
-
/* eslint-disable */
|
|
48
|
-
// Inspired by https://github.com/garycourt/murmurhash-js
|
|
49
|
-
// Ported from https://github.com/aappleby/smhasher/blob/61a0530f28277f2e850bfc39600ce61d02b518de/src/MurmurHash2.cpp#L37-L86
|
|
50
|
-
function murmur2(str) {
|
|
51
|
-
// 'm' and 'r' are mixing constants generated offline.
|
|
52
|
-
// They're not really 'magic', they just happen to work well.
|
|
53
|
-
// const m = 0x5bd1e995;
|
|
54
|
-
// const r = 24;
|
|
55
|
-
// Initialize the hash
|
|
56
|
-
var h = 0; // Mix 4 bytes at a time into the hash
|
|
57
|
-
|
|
58
|
-
var k,
|
|
59
|
-
i = 0,
|
|
60
|
-
len = str.length;
|
|
61
|
-
|
|
62
|
-
for (; len >= 4; ++i, len -= 4) {
|
|
63
|
-
k = str.charCodeAt(i) & 0xff | (str.charCodeAt(++i) & 0xff) << 8 | (str.charCodeAt(++i) & 0xff) << 16 | (str.charCodeAt(++i) & 0xff) << 24;
|
|
64
|
-
k =
|
|
65
|
-
/* Math.imul(k, m): */
|
|
66
|
-
(k & 0xffff) * 0x5bd1e995 + ((k >>> 16) * 0xe995 << 16);
|
|
67
|
-
k ^=
|
|
68
|
-
/* k >>> r: */
|
|
69
|
-
k >>> 24;
|
|
70
|
-
h =
|
|
71
|
-
/* Math.imul(k, m): */
|
|
72
|
-
(k & 0xffff) * 0x5bd1e995 + ((k >>> 16) * 0xe995 << 16) ^
|
|
73
|
-
/* Math.imul(h, m): */
|
|
74
|
-
(h & 0xffff) * 0x5bd1e995 + ((h >>> 16) * 0xe995 << 16);
|
|
75
|
-
} // Handle the last few bytes of the input array
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
switch (len) {
|
|
79
|
-
case 3:
|
|
80
|
-
h ^= (str.charCodeAt(i + 2) & 0xff) << 16;
|
|
81
|
-
|
|
82
|
-
case 2:
|
|
83
|
-
h ^= (str.charCodeAt(i + 1) & 0xff) << 8;
|
|
84
|
-
|
|
85
|
-
case 1:
|
|
86
|
-
h ^= str.charCodeAt(i) & 0xff;
|
|
87
|
-
h =
|
|
88
|
-
/* Math.imul(h, m): */
|
|
89
|
-
(h & 0xffff) * 0x5bd1e995 + ((h >>> 16) * 0xe995 << 16);
|
|
90
|
-
} // Do a few final mixes of the hash to ensure the last few
|
|
91
|
-
// bytes are well-incorporated.
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
h ^= h >>> 13;
|
|
95
|
-
h =
|
|
96
|
-
/* Math.imul(h, m): */
|
|
97
|
-
(h & 0xffff) * 0x5bd1e995 + ((h >>> 16) * 0xe995 << 16);
|
|
98
|
-
return ((h ^ h >>> 15) >>> 0).toString(36);
|
|
99
|
-
}
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
;// ./node_modules/@emotion/unitless/dist/emotion-unitless.esm.js
|
|
104
|
-
var unitlessKeys = {
|
|
105
|
-
animationIterationCount: 1,
|
|
106
|
-
aspectRatio: 1,
|
|
107
|
-
borderImageOutset: 1,
|
|
108
|
-
borderImageSlice: 1,
|
|
109
|
-
borderImageWidth: 1,
|
|
110
|
-
boxFlex: 1,
|
|
111
|
-
boxFlexGroup: 1,
|
|
112
|
-
boxOrdinalGroup: 1,
|
|
113
|
-
columnCount: 1,
|
|
114
|
-
columns: 1,
|
|
115
|
-
flex: 1,
|
|
116
|
-
flexGrow: 1,
|
|
117
|
-
flexPositive: 1,
|
|
118
|
-
flexShrink: 1,
|
|
119
|
-
flexNegative: 1,
|
|
120
|
-
flexOrder: 1,
|
|
121
|
-
gridRow: 1,
|
|
122
|
-
gridRowEnd: 1,
|
|
123
|
-
gridRowSpan: 1,
|
|
124
|
-
gridRowStart: 1,
|
|
125
|
-
gridColumn: 1,
|
|
126
|
-
gridColumnEnd: 1,
|
|
127
|
-
gridColumnSpan: 1,
|
|
128
|
-
gridColumnStart: 1,
|
|
129
|
-
msGridRow: 1,
|
|
130
|
-
msGridRowSpan: 1,
|
|
131
|
-
msGridColumn: 1,
|
|
132
|
-
msGridColumnSpan: 1,
|
|
133
|
-
fontWeight: 1,
|
|
134
|
-
lineHeight: 1,
|
|
135
|
-
opacity: 1,
|
|
136
|
-
order: 1,
|
|
137
|
-
orphans: 1,
|
|
138
|
-
scale: 1,
|
|
139
|
-
tabSize: 1,
|
|
140
|
-
widows: 1,
|
|
141
|
-
zIndex: 1,
|
|
142
|
-
zoom: 1,
|
|
143
|
-
WebkitLineClamp: 1,
|
|
144
|
-
// SVG-related properties
|
|
145
|
-
fillOpacity: 1,
|
|
146
|
-
floodOpacity: 1,
|
|
147
|
-
stopOpacity: 1,
|
|
148
|
-
strokeDasharray: 1,
|
|
149
|
-
strokeDashoffset: 1,
|
|
150
|
-
strokeMiterlimit: 1,
|
|
151
|
-
strokeOpacity: 1,
|
|
152
|
-
strokeWidth: 1
|
|
153
|
-
};
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
;// ./node_modules/@emotion/memoize/dist/emotion-memoize.esm.js
|
|
158
|
-
function memoize(fn) {
|
|
159
|
-
var cache = Object.create(null);
|
|
160
|
-
return function (arg) {
|
|
161
|
-
if (cache[arg] === undefined) cache[arg] = fn(arg);
|
|
162
|
-
return cache[arg];
|
|
163
|
-
};
|
|
164
|
-
}
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
;// ./node_modules/@emotion/serialize/dist/emotion-serialize.esm.js
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
var isDevelopment = false;
|
|
174
|
-
|
|
175
|
-
var hyphenateRegex = /[A-Z]|^ms/g;
|
|
176
|
-
var animationRegex = /_EMO_([^_]+?)_([^]*?)_EMO_/g;
|
|
177
|
-
|
|
178
|
-
var isCustomProperty = function isCustomProperty(property) {
|
|
179
|
-
return property.charCodeAt(1) === 45;
|
|
180
|
-
};
|
|
181
|
-
|
|
182
|
-
var isProcessableValue = function isProcessableValue(value) {
|
|
183
|
-
return value != null && typeof value !== 'boolean';
|
|
184
|
-
};
|
|
185
|
-
|
|
186
|
-
var processStyleName = /* #__PURE__ */memoize(function (styleName) {
|
|
187
|
-
return isCustomProperty(styleName) ? styleName : styleName.replace(hyphenateRegex, '-$&').toLowerCase();
|
|
188
|
-
});
|
|
189
|
-
|
|
190
|
-
var processStyleValue = function processStyleValue(key, value) {
|
|
191
|
-
switch (key) {
|
|
192
|
-
case 'animation':
|
|
193
|
-
case 'animationName':
|
|
194
|
-
{
|
|
195
|
-
if (typeof value === 'string') {
|
|
196
|
-
return value.replace(animationRegex, function (match, p1, p2) {
|
|
197
|
-
cursor = {
|
|
198
|
-
name: p1,
|
|
199
|
-
styles: p2,
|
|
200
|
-
next: cursor
|
|
201
|
-
};
|
|
202
|
-
return p1;
|
|
203
|
-
});
|
|
204
|
-
}
|
|
205
|
-
}
|
|
206
|
-
}
|
|
207
|
-
|
|
208
|
-
if (unitlessKeys[key] !== 1 && !isCustomProperty(key) && typeof value === 'number' && value !== 0) {
|
|
209
|
-
return value + 'px';
|
|
210
|
-
}
|
|
211
|
-
|
|
212
|
-
return value;
|
|
213
|
-
};
|
|
214
|
-
|
|
215
|
-
var noComponentSelectorMessage = 'Component selectors can only be used in conjunction with ' + '@emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware ' + 'compiler transform.';
|
|
216
|
-
|
|
217
|
-
function handleInterpolation(mergedProps, registered, interpolation) {
|
|
218
|
-
if (interpolation == null) {
|
|
219
|
-
return '';
|
|
220
|
-
}
|
|
221
|
-
|
|
222
|
-
var componentSelector = interpolation;
|
|
223
|
-
|
|
224
|
-
if (componentSelector.__emotion_styles !== undefined) {
|
|
225
|
-
|
|
226
|
-
return componentSelector;
|
|
227
|
-
}
|
|
228
|
-
|
|
229
|
-
switch (typeof interpolation) {
|
|
230
|
-
case 'boolean':
|
|
231
|
-
{
|
|
232
|
-
return '';
|
|
233
|
-
}
|
|
234
|
-
|
|
235
|
-
case 'object':
|
|
236
|
-
{
|
|
237
|
-
var keyframes = interpolation;
|
|
238
|
-
|
|
239
|
-
if (keyframes.anim === 1) {
|
|
240
|
-
cursor = {
|
|
241
|
-
name: keyframes.name,
|
|
242
|
-
styles: keyframes.styles,
|
|
243
|
-
next: cursor
|
|
244
|
-
};
|
|
245
|
-
return keyframes.name;
|
|
246
|
-
}
|
|
247
|
-
|
|
248
|
-
var serializedStyles = interpolation;
|
|
249
|
-
|
|
250
|
-
if (serializedStyles.styles !== undefined) {
|
|
251
|
-
var next = serializedStyles.next;
|
|
252
|
-
|
|
253
|
-
if (next !== undefined) {
|
|
254
|
-
// not the most efficient thing ever but this is a pretty rare case
|
|
255
|
-
// and there will be very few iterations of this generally
|
|
256
|
-
while (next !== undefined) {
|
|
257
|
-
cursor = {
|
|
258
|
-
name: next.name,
|
|
259
|
-
styles: next.styles,
|
|
260
|
-
next: cursor
|
|
261
|
-
};
|
|
262
|
-
next = next.next;
|
|
263
|
-
}
|
|
264
|
-
}
|
|
265
|
-
|
|
266
|
-
var styles = serializedStyles.styles + ";";
|
|
267
|
-
return styles;
|
|
268
|
-
}
|
|
269
|
-
|
|
270
|
-
return createStringFromObject(mergedProps, registered, interpolation);
|
|
271
|
-
}
|
|
272
|
-
|
|
273
|
-
case 'function':
|
|
274
|
-
{
|
|
275
|
-
if (mergedProps !== undefined) {
|
|
276
|
-
var previousCursor = cursor;
|
|
277
|
-
var result = interpolation(mergedProps);
|
|
278
|
-
cursor = previousCursor;
|
|
279
|
-
return handleInterpolation(mergedProps, registered, result);
|
|
280
|
-
}
|
|
281
|
-
|
|
282
|
-
break;
|
|
283
|
-
}
|
|
284
|
-
} // finalize string values (regular strings and functions interpolated into css calls)
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
var asString = interpolation;
|
|
288
|
-
|
|
289
|
-
if (registered == null) {
|
|
290
|
-
return asString;
|
|
291
|
-
}
|
|
292
|
-
|
|
293
|
-
var cached = registered[asString];
|
|
294
|
-
return cached !== undefined ? cached : asString;
|
|
295
|
-
}
|
|
296
|
-
|
|
297
|
-
function createStringFromObject(mergedProps, registered, obj) {
|
|
298
|
-
var string = '';
|
|
299
|
-
|
|
300
|
-
if (Array.isArray(obj)) {
|
|
301
|
-
for (var i = 0; i < obj.length; i++) {
|
|
302
|
-
string += handleInterpolation(mergedProps, registered, obj[i]) + ";";
|
|
303
|
-
}
|
|
304
|
-
} else {
|
|
305
|
-
for (var key in obj) {
|
|
306
|
-
var value = obj[key];
|
|
307
|
-
|
|
308
|
-
if (typeof value !== 'object') {
|
|
309
|
-
var asString = value;
|
|
310
|
-
|
|
311
|
-
if (registered != null && registered[asString] !== undefined) {
|
|
312
|
-
string += key + "{" + registered[asString] + "}";
|
|
313
|
-
} else if (isProcessableValue(asString)) {
|
|
314
|
-
string += processStyleName(key) + ":" + processStyleValue(key, asString) + ";";
|
|
315
|
-
}
|
|
316
|
-
} else {
|
|
317
|
-
if (key === 'NO_COMPONENT_SELECTOR' && isDevelopment) {
|
|
318
|
-
throw new Error(noComponentSelectorMessage);
|
|
319
|
-
}
|
|
320
|
-
|
|
321
|
-
if (Array.isArray(value) && typeof value[0] === 'string' && (registered == null || registered[value[0]] === undefined)) {
|
|
322
|
-
for (var _i = 0; _i < value.length; _i++) {
|
|
323
|
-
if (isProcessableValue(value[_i])) {
|
|
324
|
-
string += processStyleName(key) + ":" + processStyleValue(key, value[_i]) + ";";
|
|
325
|
-
}
|
|
326
|
-
}
|
|
327
|
-
} else {
|
|
328
|
-
var interpolated = handleInterpolation(mergedProps, registered, value);
|
|
329
|
-
|
|
330
|
-
switch (key) {
|
|
331
|
-
case 'animation':
|
|
332
|
-
case 'animationName':
|
|
333
|
-
{
|
|
334
|
-
string += processStyleName(key) + ":" + interpolated + ";";
|
|
335
|
-
break;
|
|
336
|
-
}
|
|
337
|
-
|
|
338
|
-
default:
|
|
339
|
-
{
|
|
340
|
-
|
|
341
|
-
string += key + "{" + interpolated + "}";
|
|
342
|
-
}
|
|
343
|
-
}
|
|
344
|
-
}
|
|
345
|
-
}
|
|
346
|
-
}
|
|
347
|
-
}
|
|
348
|
-
|
|
349
|
-
return string;
|
|
350
|
-
}
|
|
351
|
-
|
|
352
|
-
var labelPattern = /label:\s*([^\s;{]+)\s*(;|$)/g; // this is the cursor for keyframes
|
|
353
|
-
// keyframes are stored on the SerializedStyles object as a linked list
|
|
354
|
-
|
|
355
|
-
var cursor;
|
|
356
|
-
function serializeStyles(args, registered, mergedProps) {
|
|
357
|
-
if (args.length === 1 && typeof args[0] === 'object' && args[0] !== null && args[0].styles !== undefined) {
|
|
358
|
-
return args[0];
|
|
359
|
-
}
|
|
360
|
-
|
|
361
|
-
var stringMode = true;
|
|
362
|
-
var styles = '';
|
|
363
|
-
cursor = undefined;
|
|
364
|
-
var strings = args[0];
|
|
365
|
-
|
|
366
|
-
if (strings == null || strings.raw === undefined) {
|
|
367
|
-
stringMode = false;
|
|
368
|
-
styles += handleInterpolation(mergedProps, registered, strings);
|
|
369
|
-
} else {
|
|
370
|
-
var asTemplateStringsArr = strings;
|
|
371
|
-
|
|
372
|
-
styles += asTemplateStringsArr[0];
|
|
373
|
-
} // we start at 1 since we've already handled the first arg
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
for (var i = 1; i < args.length; i++) {
|
|
377
|
-
styles += handleInterpolation(mergedProps, registered, args[i]);
|
|
378
|
-
|
|
379
|
-
if (stringMode) {
|
|
380
|
-
var templateStringsArr = strings;
|
|
381
|
-
|
|
382
|
-
styles += templateStringsArr[i];
|
|
383
|
-
}
|
|
384
|
-
} // using a global regex with .exec is stateful so lastIndex has to be reset each time
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
labelPattern.lastIndex = 0;
|
|
388
|
-
var identifierName = '';
|
|
389
|
-
var match; // https://esbench.com/bench/5b809c2cf2949800a0f61fb5
|
|
390
|
-
|
|
391
|
-
while ((match = labelPattern.exec(styles)) !== null) {
|
|
392
|
-
identifierName += '-' + match[1];
|
|
393
|
-
}
|
|
394
|
-
|
|
395
|
-
var name = murmur2(styles) + identifierName;
|
|
396
|
-
|
|
397
|
-
return {
|
|
398
|
-
name: name,
|
|
399
|
-
styles: styles,
|
|
400
|
-
next: cursor
|
|
401
|
-
};
|
|
402
|
-
}
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
;// ./node_modules/@emotion/use-insertion-effect-with-fallbacks/dist/emotion-use-insertion-effect-with-fallbacks.browser.esm.js
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
var syncFallback = function syncFallback(create) {
|
|
410
|
-
return create();
|
|
411
|
-
};
|
|
412
|
-
|
|
413
|
-
var useInsertionEffect = external_react_namespaceObject['useInsertion' + 'Effect'] ? external_react_namespaceObject['useInsertion' + 'Effect'] : false;
|
|
414
|
-
var useInsertionEffectAlwaysWithSyncFallback = useInsertionEffect || syncFallback;
|
|
415
|
-
var useInsertionEffectWithLayoutFallback = useInsertionEffect || external_react_namespaceObject.useLayoutEffect;
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
;// ./node_modules/@emotion/utils/dist/emotion-utils.browser.esm.js
|
|
420
|
-
var isBrowser = true;
|
|
421
|
-
|
|
422
|
-
function getRegisteredStyles(registered, registeredStyles, classNames) {
|
|
423
|
-
var rawClassName = '';
|
|
424
|
-
classNames.split(' ').forEach(function (className) {
|
|
425
|
-
if (registered[className] !== undefined) {
|
|
426
|
-
registeredStyles.push(registered[className] + ";");
|
|
427
|
-
} else if (className) {
|
|
428
|
-
rawClassName += className + " ";
|
|
429
|
-
}
|
|
430
|
-
});
|
|
431
|
-
return rawClassName;
|
|
432
|
-
}
|
|
433
|
-
var registerStyles = function registerStyles(cache, serialized, isStringTag) {
|
|
434
|
-
var className = cache.key + "-" + serialized.name;
|
|
435
|
-
|
|
436
|
-
if ( // we only need to add the styles to the registered cache if the
|
|
437
|
-
// class name could be used further down
|
|
438
|
-
// the tree but if it's a string tag, we know it won't
|
|
439
|
-
// so we don't have to add it to registered cache.
|
|
440
|
-
// this improves memory usage since we can avoid storing the whole style string
|
|
441
|
-
(isStringTag === false || // we need to always store it if we're in compat mode and
|
|
442
|
-
// in node since emotion-server relies on whether a style is in
|
|
443
|
-
// the registered cache to know whether a style is global or not
|
|
444
|
-
// also, note that this check will be dead code eliminated in the browser
|
|
445
|
-
isBrowser === false ) && cache.registered[className] === undefined) {
|
|
446
|
-
cache.registered[className] = serialized.styles;
|
|
447
|
-
}
|
|
448
|
-
};
|
|
449
|
-
var insertStyles = function insertStyles(cache, serialized, isStringTag) {
|
|
450
|
-
registerStyles(cache, serialized, isStringTag);
|
|
451
|
-
var className = cache.key + "-" + serialized.name;
|
|
452
|
-
|
|
453
|
-
if (cache.inserted[serialized.name] === undefined) {
|
|
454
|
-
var current = serialized;
|
|
455
|
-
|
|
456
|
-
do {
|
|
457
|
-
cache.insert(serialized === current ? "." + className : '', current, cache.sheet, true);
|
|
458
|
-
|
|
459
|
-
current = current.next;
|
|
460
|
-
} while (current !== undefined);
|
|
461
|
-
}
|
|
462
|
-
};
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
;// ./node_modules/@emotion/styled/node_modules/@emotion/is-prop-valid/dist/emotion-is-prop-valid.esm.js
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
// eslint-disable-next-line no-undef
|
|
470
|
-
var reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|popover|popoverTarget|popoverTargetAction|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/; // https://esbench.com/bench/5bfee68a4cd7e6009ef61d23
|
|
471
|
-
|
|
472
|
-
var isPropValid = /* #__PURE__ */memoize(function (prop) {
|
|
473
|
-
return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111
|
|
474
|
-
/* o */
|
|
475
|
-
&& prop.charCodeAt(1) === 110
|
|
476
|
-
/* n */
|
|
477
|
-
&& prop.charCodeAt(2) < 91;
|
|
478
|
-
}
|
|
479
|
-
/* Z+1 */
|
|
480
|
-
);
|
|
481
|
-
|
|
482
|
-
|
|
483
|
-
|
|
484
|
-
;// ./node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
|
|
489
|
-
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
var emotion_styled_base_browser_esm_isDevelopment = false;
|
|
494
|
-
|
|
495
|
-
var testOmitPropsOnStringTag = isPropValid;
|
|
496
|
-
|
|
497
|
-
var testOmitPropsOnComponent = function testOmitPropsOnComponent(key) {
|
|
498
|
-
return key !== 'theme';
|
|
499
|
-
};
|
|
500
|
-
|
|
501
|
-
var getDefaultShouldForwardProp = function getDefaultShouldForwardProp(tag) {
|
|
502
|
-
return typeof tag === 'string' && // 96 is one less than the char code
|
|
503
|
-
// for "a" so this is checking that
|
|
504
|
-
// it's a lowercase character
|
|
505
|
-
tag.charCodeAt(0) > 96 ? testOmitPropsOnStringTag : testOmitPropsOnComponent;
|
|
506
|
-
};
|
|
507
|
-
var composeShouldForwardProps = function composeShouldForwardProps(tag, options, isReal) {
|
|
508
|
-
var shouldForwardProp;
|
|
509
|
-
|
|
510
|
-
if (options) {
|
|
511
|
-
var optionsShouldForwardProp = options.shouldForwardProp;
|
|
512
|
-
shouldForwardProp = tag.__emotion_forwardProp && optionsShouldForwardProp ? function (propName) {
|
|
513
|
-
return tag.__emotion_forwardProp(propName) && optionsShouldForwardProp(propName);
|
|
514
|
-
} : optionsShouldForwardProp;
|
|
515
|
-
}
|
|
516
|
-
|
|
517
|
-
if (typeof shouldForwardProp !== 'function' && isReal) {
|
|
518
|
-
shouldForwardProp = tag.__emotion_forwardProp;
|
|
519
|
-
}
|
|
520
|
-
|
|
521
|
-
return shouldForwardProp;
|
|
522
|
-
};
|
|
523
|
-
|
|
524
|
-
var Insertion = function Insertion(_ref) {
|
|
525
|
-
var cache = _ref.cache,
|
|
526
|
-
serialized = _ref.serialized,
|
|
527
|
-
isStringTag = _ref.isStringTag;
|
|
528
|
-
registerStyles(cache, serialized, isStringTag);
|
|
529
|
-
useInsertionEffectAlwaysWithSyncFallback(function () {
|
|
530
|
-
return insertStyles(cache, serialized, isStringTag);
|
|
531
|
-
});
|
|
532
|
-
|
|
533
|
-
return null;
|
|
534
|
-
};
|
|
535
|
-
|
|
536
|
-
var createStyled = function createStyled(tag, options) {
|
|
537
|
-
|
|
538
|
-
var isReal = tag.__emotion_real === tag;
|
|
539
|
-
var baseTag = isReal && tag.__emotion_base || tag;
|
|
540
|
-
var identifierName;
|
|
541
|
-
var targetClassName;
|
|
542
|
-
|
|
543
|
-
if (options !== undefined) {
|
|
544
|
-
identifierName = options.label;
|
|
545
|
-
targetClassName = options.target;
|
|
546
|
-
}
|
|
547
|
-
|
|
548
|
-
var shouldForwardProp = composeShouldForwardProps(tag, options, isReal);
|
|
549
|
-
var defaultShouldForwardProp = shouldForwardProp || getDefaultShouldForwardProp(baseTag);
|
|
550
|
-
var shouldUseAs = !defaultShouldForwardProp('as');
|
|
551
|
-
return function () {
|
|
552
|
-
// eslint-disable-next-line prefer-rest-params
|
|
553
|
-
var args = arguments;
|
|
554
|
-
var styles = isReal && tag.__emotion_styles !== undefined ? tag.__emotion_styles.slice(0) : [];
|
|
555
|
-
|
|
556
|
-
if (identifierName !== undefined) {
|
|
557
|
-
styles.push("label:" + identifierName + ";");
|
|
558
|
-
}
|
|
559
|
-
|
|
560
|
-
if (args[0] == null || args[0].raw === undefined) {
|
|
561
|
-
// eslint-disable-next-line prefer-spread
|
|
562
|
-
styles.push.apply(styles, args);
|
|
563
|
-
} else {
|
|
564
|
-
var templateStringsArr = args[0];
|
|
565
|
-
|
|
566
|
-
styles.push(templateStringsArr[0]);
|
|
567
|
-
var len = args.length;
|
|
568
|
-
var i = 1;
|
|
569
|
-
|
|
570
|
-
for (; i < len; i++) {
|
|
571
|
-
|
|
572
|
-
styles.push(args[i], templateStringsArr[i]);
|
|
573
|
-
}
|
|
574
|
-
}
|
|
575
|
-
|
|
576
|
-
var Styled = __WEBPACK_EXTERNAL_MODULE__emotion_react_2a9b38dd_withEmotionCache__(function (props, cache, ref) {
|
|
577
|
-
var FinalTag = shouldUseAs && props.as || baseTag;
|
|
578
|
-
var className = '';
|
|
579
|
-
var classInterpolations = [];
|
|
580
|
-
var mergedProps = props;
|
|
581
|
-
|
|
582
|
-
if (props.theme == null) {
|
|
583
|
-
mergedProps = {};
|
|
584
|
-
|
|
585
|
-
for (var key in props) {
|
|
586
|
-
mergedProps[key] = props[key];
|
|
587
|
-
}
|
|
588
|
-
|
|
589
|
-
mergedProps.theme = external_react_namespaceObject.useContext(__WEBPACK_EXTERNAL_MODULE__emotion_react_2a9b38dd_ThemeContext__);
|
|
590
|
-
}
|
|
591
|
-
|
|
592
|
-
if (typeof props.className === 'string') {
|
|
593
|
-
className = getRegisteredStyles(cache.registered, classInterpolations, props.className);
|
|
594
|
-
} else if (props.className != null) {
|
|
595
|
-
className = props.className + " ";
|
|
596
|
-
}
|
|
597
|
-
|
|
598
|
-
var serialized = serializeStyles(styles.concat(classInterpolations), cache.registered, mergedProps);
|
|
599
|
-
className += cache.key + "-" + serialized.name;
|
|
600
|
-
|
|
601
|
-
if (targetClassName !== undefined) {
|
|
602
|
-
className += " " + targetClassName;
|
|
603
|
-
}
|
|
604
|
-
|
|
605
|
-
var finalShouldForwardProp = shouldUseAs && shouldForwardProp === undefined ? getDefaultShouldForwardProp(FinalTag) : defaultShouldForwardProp;
|
|
606
|
-
var newProps = {};
|
|
607
|
-
|
|
608
|
-
for (var _key in props) {
|
|
609
|
-
if (shouldUseAs && _key === 'as') continue;
|
|
610
|
-
|
|
611
|
-
if (finalShouldForwardProp(_key)) {
|
|
612
|
-
newProps[_key] = props[_key];
|
|
613
|
-
}
|
|
614
|
-
}
|
|
615
|
-
|
|
616
|
-
newProps.className = className;
|
|
617
|
-
|
|
618
|
-
if (ref) {
|
|
619
|
-
newProps.ref = ref;
|
|
620
|
-
}
|
|
621
|
-
|
|
622
|
-
return /*#__PURE__*/external_react_namespaceObject.createElement(external_react_namespaceObject.Fragment, null, /*#__PURE__*/external_react_namespaceObject.createElement(Insertion, {
|
|
623
|
-
cache: cache,
|
|
624
|
-
serialized: serialized,
|
|
625
|
-
isStringTag: typeof FinalTag === 'string'
|
|
626
|
-
}), /*#__PURE__*/external_react_namespaceObject.createElement(FinalTag, newProps));
|
|
627
|
-
});
|
|
628
|
-
Styled.displayName = identifierName !== undefined ? identifierName : "Styled(" + (typeof baseTag === 'string' ? baseTag : baseTag.displayName || baseTag.name || 'Component') + ")";
|
|
629
|
-
Styled.defaultProps = tag.defaultProps;
|
|
630
|
-
Styled.__emotion_real = Styled;
|
|
631
|
-
Styled.__emotion_base = baseTag;
|
|
632
|
-
Styled.__emotion_styles = styles;
|
|
633
|
-
Styled.__emotion_forwardProp = shouldForwardProp;
|
|
634
|
-
Object.defineProperty(Styled, 'toString', {
|
|
635
|
-
value: function value() {
|
|
636
|
-
if (targetClassName === undefined && emotion_styled_base_browser_esm_isDevelopment) {
|
|
637
|
-
return 'NO_COMPONENT_SELECTOR';
|
|
638
|
-
}
|
|
639
|
-
|
|
640
|
-
return "." + targetClassName;
|
|
641
|
-
}
|
|
642
|
-
});
|
|
643
|
-
|
|
644
|
-
Styled.withComponent = function (nextTag, nextOptions) {
|
|
645
|
-
var newStyled = createStyled(nextTag, _extends({}, options, nextOptions, {
|
|
646
|
-
shouldForwardProp: composeShouldForwardProps(Styled, nextOptions, true)
|
|
647
|
-
}));
|
|
648
|
-
return newStyled.apply(void 0, styles);
|
|
649
|
-
};
|
|
650
|
-
|
|
651
|
-
return Styled;
|
|
652
|
-
};
|
|
653
|
-
};
|
|
654
|
-
|
|
655
|
-
|
|
656
|
-
|
|
657
|
-
;// ./src/components/header/HeaderPrimitives.styled.js
|
|
658
|
-
|
|
659
|
-
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
660
|
-
/** Wireframe-aligned tokens (docs/header-domain-language.png): light chrome, pill search, mega grid */
|
|
661
|
-
var colors = {
|
|
662
|
-
surface: "#ffffff",
|
|
663
|
-
border: "#d1d5db",
|
|
664
|
-
borderLight: "#e5e7eb",
|
|
665
|
-
text: "#111827",
|
|
666
|
-
muted: "#6b7280",
|
|
667
|
-
navActive: "#111827",
|
|
668
|
-
accent: "#0f766e",
|
|
669
|
-
accentHover: "#0d9488"
|
|
670
|
-
};
|
|
671
|
-
var HeaderRoot = /*#__PURE__*/createStyled("header", true ? {
|
|
672
|
-
target: "e1607tyl27"
|
|
673
|
-
} : 0)("box-sizing:border-box;width:100%;font-family:\"Inter\",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:", colors.text, ";background:", colors.surface, ";border-bottom:1px solid ", colors.borderLight, ";*,*::before,*::after{box-sizing:border-box;}button{font:inherit;cursor:pointer;}button:disabled{cursor:not-allowed;opacity:0.55;}" + ( true ? "" : 0));
|
|
674
|
-
|
|
675
|
-
/** Logo (left) + utility + search (stacked right) */
|
|
676
|
-
var TopHeaderRow = /*#__PURE__*/createStyled("div", true ? {
|
|
677
|
-
target: "e1607tyl26"
|
|
678
|
-
} : 0)( true ? {
|
|
679
|
-
name: "bqxjfk",
|
|
680
|
-
styles: "display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;padding:1rem clamp(1rem, 4vw, 2rem) 0.75rem;max-width:1440px;margin:0 auto"
|
|
681
|
-
} : 0);
|
|
682
|
-
var LogoSlot = /*#__PURE__*/createStyled("div", true ? {
|
|
683
|
-
target: "e1607tyl25"
|
|
684
|
-
} : 0)("flex:0 0 auto;align-self:center;[data-copy-loading]{display:flex;align-items:center;min-height:2.75rem;}.header-copy-placeholder{color:", colors.muted, ";letter-spacing:0.02em;}" + ( true ? "" : 0));
|
|
685
|
-
var WordmarkButton = /*#__PURE__*/createStyled("button", true ? {
|
|
686
|
-
target: "e1607tyl24"
|
|
687
|
-
} : 0)("margin:0;padding:0.25rem 0;border:none;background:none;font-size:1.5rem;font-weight:700;letter-spacing:0.2em;color:", colors.text, ";text-transform:uppercase;line-height:1.2;transition:opacity 0.15s ease;&:hover{opacity:0.72;}" + ( true ? "" : 0));
|
|
688
|
-
|
|
689
|
-
/** Utility row + search — wireframe: separate from each other, top-aligned within column */
|
|
690
|
-
var RightHeaderCluster = /*#__PURE__*/createStyled("div", true ? {
|
|
691
|
-
target: "e1607tyl23"
|
|
692
|
-
} : 0)( true ? {
|
|
693
|
-
name: "1smm9bm",
|
|
694
|
-
styles: "display:flex;flex-direction:column;align-items:flex-end;gap:0.65rem;flex:1 1 320px;min-width:min(100%, 280px);max-width:42rem"
|
|
695
|
-
} : 0);
|
|
696
|
-
var UtilityBar = /*#__PURE__*/createStyled("div", true ? {
|
|
697
|
-
target: "e1607tyl22"
|
|
698
|
-
} : 0)("display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:0.35rem 1rem;width:100%;font-size:0.8125rem;line-height:1.35;color:", colors.text, ";" + ( true ? "" : 0));
|
|
699
|
-
var UtilityBarDivider = /*#__PURE__*/createStyled("span", true ? {
|
|
700
|
-
target: "e1607tyl21"
|
|
701
|
-
} : 0)("color:", colors.muted, ";user-select:none;" + ( true ? "" : 0));
|
|
702
|
-
var UtilityButton = /*#__PURE__*/createStyled("button", true ? {
|
|
703
|
-
target: "e1607tyl20"
|
|
704
|
-
} : 0)( true ? {
|
|
705
|
-
name: "1f5cjb2",
|
|
706
|
-
styles: "display:inline-flex;align-items:center;gap:0.35rem;margin:0;padding:0.2rem 0.35rem;border:none;border-radius:4px;background:transparent;color:inherit;white-space:nowrap;transition:background 0.15s ease;&:not(:disabled):hover{background:rgba(0, 0, 0, 0.05);}svg{flex-shrink:0;opacity:0.85;}"
|
|
707
|
-
} : 0);
|
|
708
|
-
var LocaleLabel = /*#__PURE__*/createStyled("span", true ? {
|
|
709
|
-
target: "e1607tyl19"
|
|
710
|
-
} : 0)( true ? {
|
|
711
|
-
name: "101gt3q",
|
|
712
|
-
styles: "display:inline-flex;align-items:center;gap:0.3rem"
|
|
713
|
-
} : 0);
|
|
714
|
-
var AccountCluster = /*#__PURE__*/createStyled("div", true ? {
|
|
715
|
-
target: "e1607tyl18"
|
|
716
|
-
} : 0)( true ? {
|
|
717
|
-
name: "b18bkv",
|
|
718
|
-
styles: "display:inline-flex;flex-wrap:wrap;align-items:center;gap:0.125rem 0.35rem"
|
|
719
|
-
} : 0);
|
|
720
|
-
var CartButtonInner = /*#__PURE__*/createStyled("span", true ? {
|
|
721
|
-
target: "e1607tyl17"
|
|
722
|
-
} : 0)( true ? {
|
|
723
|
-
name: "ml2e3u",
|
|
724
|
-
styles: "display:inline-flex;align-items:center;gap:0.4rem"
|
|
725
|
-
} : 0);
|
|
726
|
-
var CartBadge = /*#__PURE__*/createStyled("span", true ? {
|
|
727
|
-
target: "e1607tyl16"
|
|
728
|
-
} : 0)("display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 0.35rem;border-radius:999px;font-size:0.7rem;font-weight:700;line-height:1;background:", colors.text, ";color:#fff;" + ( true ? "" : 0));
|
|
729
|
-
|
|
730
|
-
/** Pill search: icon left, full-width field, submit control on right */
|
|
731
|
-
var SearchSlot = /*#__PURE__*/createStyled("div", true ? {
|
|
732
|
-
target: "e1607tyl15"
|
|
733
|
-
} : 0)( true ? {
|
|
734
|
-
name: "kuwwf0",
|
|
735
|
-
styles: "width:100%;[data-region=\"search\"]{width:100%;}"
|
|
736
|
-
} : 0);
|
|
737
|
-
var SearchPillForm = /*#__PURE__*/createStyled("form", true ? {
|
|
738
|
-
target: "e1607tyl14"
|
|
739
|
-
} : 0)("display:flex;align-items:center;width:100%;min-height:2.75rem;padding:0 0.35rem 0 0.85rem;border:1px solid ", colors.border, ";border-radius:999px;background:", colors.surface, ";overflow:hidden;transition:border-color 0.15s ease,box-shadow 0.15s ease;&:focus-within{border-color:", colors.muted, ";box-shadow:0 0 0 1px rgba(17, 24, 39, 0.08);}.search-pill__icon{flex-shrink:0;margin-right:0.5rem;color:", colors.muted, ";}input{flex:1;min-width:0;padding:0.5rem 0;border:none;background:transparent;font-size:0.9375rem;outline:none;&::placeholder{color:", colors.muted, ";}}button[type=\"submit\"]{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;margin:0.1rem 0.1rem 0.1rem 0.25rem;padding:0;border:none;border-radius:50%;background:", colors.text, ";color:#fff;transition:opacity 0.15s ease,transform 0.1s ease;&:hover:not(:disabled){opacity:0.88;}&:disabled{opacity:0.4;}svg{width:16px;height:16px;}}" + ( true ? "" : 0));
|
|
740
|
-
var NavSection = /*#__PURE__*/createStyled("div", true ? {
|
|
741
|
-
target: "e1607tyl13"
|
|
742
|
-
} : 0)("border-top:1px solid ", colors.borderLight, ";background:", colors.surface, ";" + ( true ? "" : 0));
|
|
743
|
-
var PrimaryNav = /*#__PURE__*/createStyled("nav", true ? {
|
|
744
|
-
target: "e1607tyl12"
|
|
745
|
-
} : 0)("max-width:1440px;margin:0 auto;padding:0 clamp(1rem, 4vw, 2rem);ul{display:flex;flex-wrap:wrap;align-items:stretch;gap:0;margin:0;padding:0;list-style:none;}li{margin:0;}li>span,li>button{display:block;width:100%;margin:0;padding:0.95rem 0.85rem;border:none;background:none;font-size:0.9375rem;font-weight:500;text-align:left;color:", colors.text, ";border-bottom:3px solid transparent;transition:color 0.15s ease,border-color 0.15s ease;}li>button{cursor:pointer;font-family:inherit;}li:hover>span,li:hover>button{color:", colors.accent, ";}li[data-nav-active=\"true\"]>span,li[data-nav-active=\"true\"]>button{font-weight:700;border-bottom-color:", colors.navActive, ";}&[data-copy-loading] li>span{color:", colors.muted, ";}" + ( true ? "" : 0));
|
|
746
|
-
var MegaMenuPreview = /*#__PURE__*/createStyled("section", true ? {
|
|
747
|
-
target: "e1607tyl11"
|
|
748
|
-
} : 0)("border-top:1px solid ", colors.borderLight, ";background:#f9fafb;" + ( true ? "" : 0));
|
|
749
|
-
var MegaMenuInner = /*#__PURE__*/createStyled("div", true ? {
|
|
750
|
-
target: "e1607tyl10"
|
|
751
|
-
} : 0)( true ? {
|
|
752
|
-
name: "1awwgt4",
|
|
753
|
-
styles: "display:grid;grid-template-columns:minmax(11rem, 14rem) 1fr;gap:1.5rem 2.5rem;max-width:1440px;margin:0 auto;padding:1.25rem clamp(1rem, 4vw, 2rem) 1.75rem;@media (max-width: 800px){grid-template-columns:1fr;}"
|
|
754
|
-
} : 0);
|
|
755
|
-
var JumpToColumn = /*#__PURE__*/createStyled("div", true ? {
|
|
756
|
-
target: "e1607tyl9"
|
|
757
|
-
} : 0)("padding:1rem;border:1px solid ", colors.border, ";border-radius:6px;background:", colors.surface, ";" + ( true ? "" : 0));
|
|
758
|
-
var JumpToTitle = /*#__PURE__*/createStyled("h3", true ? {
|
|
759
|
-
target: "e1607tyl8"
|
|
760
|
-
} : 0)("margin:0 0 0.75rem;font-size:0.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;color:", colors.text, ";" + ( true ? "" : 0));
|
|
761
|
-
var JumpToList = /*#__PURE__*/createStyled("ul", true ? {
|
|
762
|
-
target: "e1607tyl7"
|
|
763
|
-
} : 0)( true ? {
|
|
764
|
-
name: "gt7hyk",
|
|
765
|
-
styles: "display:flex;flex-direction:column;gap:0.5rem;margin:0;padding:0;list-style:none"
|
|
766
|
-
} : 0);
|
|
767
|
-
var JumpToPill = /*#__PURE__*/createStyled("button", true ? {
|
|
768
|
-
target: "e1607tyl6"
|
|
769
|
-
} : 0)("display:block;width:100%;margin:0;padding:0.5rem 0.85rem;border:1px solid ", colors.border, ";border-radius:999px;background:", colors.surface, ";font-size:0.8125rem;font-weight:500;text-align:left;color:", colors.text, ";transition:background 0.15s ease,border-color 0.15s ease;&:hover:not(:disabled){background:#f3f4f6;border-color:", colors.muted, ";}" + ( true ? "" : 0));
|
|
770
|
-
var CategoriesPane = /*#__PURE__*/createStyled("div", true ? {
|
|
771
|
-
target: "e1607tyl5"
|
|
772
|
-
} : 0)("padding:1rem 1.25rem;border:1px solid ", colors.border, ";border-radius:6px;background:", colors.surface, ";" + ( true ? "" : 0));
|
|
773
|
-
var CategoryHeaderStrip = /*#__PURE__*/createStyled("div", true ? {
|
|
774
|
-
target: "e1607tyl4"
|
|
775
|
-
} : 0)("display:flex;flex-wrap:wrap;align-items:center;gap:0.35rem 0.5rem;margin-bottom:1.25rem;padding-bottom:0.65rem;border-bottom:1px solid ", colors.borderLight, ";font-size:0.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:", colors.text, ";span{white-space:nowrap;}svg{flex-shrink:0;color:", colors.muted, ";}" + ( true ? "" : 0));
|
|
776
|
-
var CategoryColumns = /*#__PURE__*/createStyled("div", true ? {
|
|
777
|
-
target: "e1607tyl3"
|
|
778
|
-
} : 0)( true ? {
|
|
779
|
-
name: "xxda9t",
|
|
780
|
-
styles: "display:grid;grid-template-columns:repeat(3, 1fr);gap:1.25rem 1.5rem;@media (max-width: 900px){grid-template-columns:1fr;}"
|
|
781
|
-
} : 0);
|
|
782
|
-
var CategoryColumn = /*#__PURE__*/createStyled("div", true ? {
|
|
783
|
-
target: "e1607tyl2"
|
|
784
|
-
} : 0)( true ? "" : 0);
|
|
785
|
-
var CategorySubLabel = /*#__PURE__*/createStyled("p", true ? {
|
|
786
|
-
target: "e1607tyl1"
|
|
787
|
-
} : 0)("margin:0 0 0.5rem;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;color:", colors.muted, ";" + ( true ? "" : 0));
|
|
788
|
-
var CategoryLinkList = /*#__PURE__*/createStyled("ul", true ? {
|
|
789
|
-
target: "e1607tyl0"
|
|
790
|
-
} : 0)("margin:0;padding:0;list-style:none;li{margin:0;padding:0;}button.link-like{display:block;width:100%;margin:0;padding:0.35rem 0;border:none;background:none;font-size:0.875rem;text-align:left;color:", colors.text, ";text-decoration:none;cursor:pointer;transition:color 0.12s ease;&:hover{color:", colors.accent, ";text-decoration:underline;}}" + ( true ? "" : 0));
|
|
791
|
-
;// external "react/jsx-runtime"
|
|
792
|
-
|
|
793
|
-
;// ./src/components/header/regions/HeaderLogoRegion.jsx
|
|
794
|
-
|
|
795
|
-
|
|
796
|
-
|
|
797
|
-
|
|
798
|
-
function HeaderLogoRegion(_ref) {
|
|
799
|
-
var _data$aria_label;
|
|
800
|
-
var data = _ref.data;
|
|
801
|
-
return /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__("div", {
|
|
802
|
-
"data-region": "logo",
|
|
803
|
-
children: /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__(WordmarkButton, {
|
|
804
|
-
type: "button",
|
|
805
|
-
"aria-label": (_data$aria_label = data.aria_label) !== null && _data$aria_label !== void 0 ? _data$aria_label : "Nu Skin home",
|
|
806
|
-
children: data.wordmark
|
|
807
|
-
})
|
|
808
|
-
});
|
|
809
|
-
}
|
|
810
|
-
HeaderLogoRegion.propTypes = {
|
|
811
|
-
data: __WEBPACK_EXTERNAL_MODULE_prop_types_adfe8e31_default__.shape({
|
|
812
|
-
wordmark: __WEBPACK_EXTERNAL_MODULE_prop_types_adfe8e31_default__.string,
|
|
813
|
-
home_href: __WEBPACK_EXTERNAL_MODULE_prop_types_adfe8e31_default__.string,
|
|
814
|
-
aria_label: __WEBPACK_EXTERNAL_MODULE_prop_types_adfe8e31_default__.string
|
|
815
|
-
})
|
|
816
|
-
};
|
|
817
|
-
;// ./src/components/header/HeaderIcons.jsx
|
|
818
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
819
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
820
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
821
|
-
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
822
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
823
|
-
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
824
|
-
|
|
825
|
-
|
|
826
|
-
/** 16–20px inline SVGs for header chrome (wireframe parity). */
|
|
827
|
-
|
|
828
|
-
function IconSearch(props) {
|
|
829
|
-
return /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__("svg", _objectSpread(_objectSpread({
|
|
830
|
-
width: "20",
|
|
831
|
-
height: "20",
|
|
832
|
-
viewBox: "0 0 24 24",
|
|
833
|
-
fill: "none",
|
|
834
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
835
|
-
"aria-hidden": true
|
|
836
|
-
}, props), {}, {
|
|
837
|
-
children: /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__("path", {
|
|
838
|
-
d: "M10.5 18a7.5 7.5 0 110-15 7.5 7.5 0 010 15zM16.5 16.5L21 21",
|
|
839
|
-
stroke: "currentColor",
|
|
840
|
-
strokeWidth: "2",
|
|
841
|
-
strokeLinecap: "round"
|
|
842
|
-
})
|
|
843
|
-
}));
|
|
844
|
-
}
|
|
845
|
-
function IconChevronDown(props) {
|
|
846
|
-
return /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__("svg", _objectSpread(_objectSpread({
|
|
847
|
-
width: "12",
|
|
848
|
-
height: "12",
|
|
849
|
-
viewBox: "0 0 12 12",
|
|
850
|
-
fill: "none",
|
|
851
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
852
|
-
"aria-hidden": true
|
|
853
|
-
}, props), {}, {
|
|
854
|
-
children: /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__("path", {
|
|
855
|
-
d: "M2.5 4.5L6 8l3.5-3.5",
|
|
856
|
-
stroke: "currentColor",
|
|
857
|
-
strokeWidth: "1.5",
|
|
858
|
-
strokeLinecap: "round",
|
|
859
|
-
strokeLinejoin: "round"
|
|
860
|
-
})
|
|
861
|
-
}));
|
|
862
|
-
}
|
|
863
|
-
function IconUser(props) {
|
|
864
|
-
return /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__("svg", _objectSpread(_objectSpread({
|
|
865
|
-
width: "18",
|
|
866
|
-
height: "18",
|
|
867
|
-
viewBox: "0 0 24 24",
|
|
868
|
-
fill: "none",
|
|
869
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
870
|
-
"aria-hidden": true
|
|
871
|
-
}, props), {}, {
|
|
872
|
-
children: /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__("path", {
|
|
873
|
-
d: "M12 12a4 4 0 100-8 4 4 0 000 8zM4 20a8 8 0 0116 0",
|
|
874
|
-
stroke: "currentColor",
|
|
875
|
-
strokeWidth: "2",
|
|
876
|
-
strokeLinecap: "round"
|
|
877
|
-
})
|
|
878
|
-
}));
|
|
879
|
-
}
|
|
880
|
-
function IconCart(props) {
|
|
881
|
-
return /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsxs__("svg", _objectSpread(_objectSpread({
|
|
882
|
-
width: "20",
|
|
883
|
-
height: "20",
|
|
884
|
-
viewBox: "0 0 24 24",
|
|
885
|
-
fill: "none",
|
|
886
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
887
|
-
"aria-hidden": true
|
|
888
|
-
}, props), {}, {
|
|
889
|
-
children: [/*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__("path", {
|
|
890
|
-
d: "M6 7h15l-2 10H8L6 7zm0 0L5 3H2",
|
|
891
|
-
stroke: "currentColor",
|
|
892
|
-
strokeWidth: "2",
|
|
893
|
-
strokeLinecap: "round",
|
|
894
|
-
strokeLinejoin: "round"
|
|
895
|
-
}), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__("circle", {
|
|
896
|
-
cx: "10",
|
|
897
|
-
cy: "20",
|
|
898
|
-
r: "1",
|
|
899
|
-
fill: "currentColor"
|
|
900
|
-
}), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__("circle", {
|
|
901
|
-
cx: "18",
|
|
902
|
-
cy: "20",
|
|
903
|
-
r: "1",
|
|
904
|
-
fill: "currentColor"
|
|
905
|
-
})]
|
|
906
|
-
}));
|
|
907
|
-
}
|
|
908
|
-
function IconArrowRight(props) {
|
|
909
|
-
return /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__("svg", _objectSpread(_objectSpread({
|
|
910
|
-
width: "14",
|
|
911
|
-
height: "14",
|
|
912
|
-
viewBox: "0 0 24 24",
|
|
913
|
-
fill: "none",
|
|
914
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
915
|
-
"aria-hidden": true
|
|
916
|
-
}, props), {}, {
|
|
917
|
-
children: /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__("path", {
|
|
918
|
-
d: "M5 12h14M13 5l7 7-7 7",
|
|
919
|
-
stroke: "currentColor",
|
|
920
|
-
strokeWidth: "2",
|
|
921
|
-
strokeLinecap: "round",
|
|
922
|
-
strokeLinejoin: "round"
|
|
923
|
-
})
|
|
924
|
-
}));
|
|
925
|
-
}
|
|
926
|
-
;// ./src/components/header/regions/HeaderLocaleRegion.jsx
|
|
927
|
-
|
|
928
|
-
|
|
929
|
-
|
|
930
|
-
|
|
931
|
-
|
|
932
|
-
function HeaderLocaleRegion(_ref) {
|
|
933
|
-
var data = _ref.data;
|
|
934
|
-
return /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__(UtilityButton, {
|
|
935
|
-
type: "button",
|
|
936
|
-
children: /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsxs__(LocaleLabel, {
|
|
937
|
-
children: [data.control_label, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__(IconChevronDown, {})]
|
|
938
|
-
})
|
|
939
|
-
});
|
|
940
|
-
}
|
|
941
|
-
HeaderLocaleRegion.propTypes = {
|
|
942
|
-
data: __WEBPACK_EXTERNAL_MODULE_prop_types_adfe8e31_default__.shape({
|
|
943
|
-
control_label: __WEBPACK_EXTERNAL_MODULE_prop_types_adfe8e31_default__.string.isRequired
|
|
944
|
-
}).isRequired
|
|
945
|
-
};
|
|
946
|
-
;// ./src/components/header/regions/HeaderLoyaltyRegion.jsx
|
|
947
|
-
|
|
948
|
-
|
|
949
|
-
|
|
950
|
-
|
|
951
|
-
function HeaderLoyaltyRegion(_ref) {
|
|
952
|
-
var data = _ref.data;
|
|
953
|
-
return /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__(UtilityButton, {
|
|
954
|
-
type: "button",
|
|
955
|
-
children: data.link_label
|
|
956
|
-
});
|
|
957
|
-
}
|
|
958
|
-
HeaderLoyaltyRegion.propTypes = {
|
|
959
|
-
data: __WEBPACK_EXTERNAL_MODULE_prop_types_adfe8e31_default__.shape({
|
|
960
|
-
link_label: __WEBPACK_EXTERNAL_MODULE_prop_types_adfe8e31_default__.string.isRequired,
|
|
961
|
-
href: __WEBPACK_EXTERNAL_MODULE_prop_types_adfe8e31_default__.string
|
|
962
|
-
}).isRequired
|
|
963
|
-
};
|
|
964
|
-
;// ./src/components/header/regions/HeaderAccountRegion.jsx
|
|
965
|
-
|
|
966
|
-
|
|
967
|
-
|
|
968
|
-
|
|
969
|
-
|
|
970
|
-
function HeaderAccountRegion(_ref) {
|
|
971
|
-
var data = _ref.data;
|
|
972
|
-
return /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsxs__(AccountCluster, {
|
|
973
|
-
"data-region": "account",
|
|
974
|
-
children: [/*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__(IconUser, {}), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__(UtilityButton, {
|
|
975
|
-
type: "button",
|
|
976
|
-
children: data.sign_up_label
|
|
977
|
-
}), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__(UtilityBarDivider, {
|
|
978
|
-
"aria-hidden": true,
|
|
979
|
-
children: "/"
|
|
980
|
-
}), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__(UtilityButton, {
|
|
981
|
-
type: "button",
|
|
982
|
-
children: data.sign_in_label
|
|
983
|
-
})]
|
|
984
|
-
});
|
|
985
|
-
}
|
|
986
|
-
HeaderAccountRegion.propTypes = {
|
|
987
|
-
data: __WEBPACK_EXTERNAL_MODULE_prop_types_adfe8e31_default__.shape({
|
|
988
|
-
sign_in_label: __WEBPACK_EXTERNAL_MODULE_prop_types_adfe8e31_default__.string.isRequired,
|
|
989
|
-
sign_up_label: __WEBPACK_EXTERNAL_MODULE_prop_types_adfe8e31_default__.string.isRequired
|
|
990
|
-
}).isRequired
|
|
991
|
-
};
|
|
992
|
-
;// ./src/components/header/regions/HeaderCartRegion.jsx
|
|
993
|
-
|
|
994
|
-
|
|
995
|
-
|
|
996
|
-
|
|
997
|
-
|
|
998
|
-
function HeaderCartRegion(_ref) {
|
|
999
|
-
var _data$aria_label, _data$count;
|
|
1000
|
-
var data = _ref.data;
|
|
1001
|
-
return /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__(UtilityButton, {
|
|
1002
|
-
type: "button",
|
|
1003
|
-
"aria-label": (_data$aria_label = data.aria_label) !== null && _data$aria_label !== void 0 ? _data$aria_label : "Shopping cart",
|
|
1004
|
-
children: /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsxs__(CartButtonInner, {
|
|
1005
|
-
children: [/*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__(IconCart, {}), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__(CartBadge, {
|
|
1006
|
-
children: (_data$count = data.count) !== null && _data$count !== void 0 ? _data$count : 0
|
|
1007
|
-
})]
|
|
1008
|
-
})
|
|
1009
|
-
});
|
|
1010
|
-
}
|
|
1011
|
-
HeaderCartRegion.propTypes = {
|
|
1012
|
-
data: __WEBPACK_EXTERNAL_MODULE_prop_types_adfe8e31_default__.shape({
|
|
1013
|
-
aria_label: __WEBPACK_EXTERNAL_MODULE_prop_types_adfe8e31_default__.string,
|
|
1014
|
-
count: __WEBPACK_EXTERNAL_MODULE_prop_types_adfe8e31_default__.number
|
|
1015
|
-
}).isRequired
|
|
1016
|
-
};
|
|
1017
|
-
;// ./src/components/header/regions/HeaderSearchRegion.jsx
|
|
1018
|
-
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
1019
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
1020
|
-
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
1021
|
-
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
1022
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
1023
|
-
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
1024
|
-
|
|
1025
|
-
|
|
1026
|
-
|
|
1027
|
-
|
|
1028
|
-
|
|
1029
|
-
function HeaderSearchRegion(_ref) {
|
|
1030
|
-
var data = _ref.data;
|
|
1031
|
-
var _useState = (0,external_react_namespaceObject.useState)(""),
|
|
1032
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
1033
|
-
searchQuery = _useState2[0],
|
|
1034
|
-
setSearchQuery = _useState2[1];
|
|
1035
|
-
function onSearchFormSubmit(e) {
|
|
1036
|
-
e.preventDefault();
|
|
1037
|
-
if (typeof window !== "undefined" && searchQuery.trim()) {
|
|
1038
|
-
window.location.href = "/search?q=".concat(encodeURIComponent(searchQuery.trim()));
|
|
1039
|
-
}
|
|
1040
|
-
}
|
|
1041
|
-
return /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__("div", {
|
|
1042
|
-
"data-region": "search",
|
|
1043
|
-
children: /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsxs__(SearchPillForm, {
|
|
1044
|
-
onSubmit: onSearchFormSubmit,
|
|
1045
|
-
children: [/*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__(IconSearch, {
|
|
1046
|
-
className: "search-pill__icon"
|
|
1047
|
-
}), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__("input", {
|
|
1048
|
-
"aria-label": data.input_aria_label,
|
|
1049
|
-
placeholder: data.placeholder,
|
|
1050
|
-
value: searchQuery,
|
|
1051
|
-
onChange: function onChange(e) {
|
|
1052
|
-
return setSearchQuery(e.target.value);
|
|
1053
|
-
}
|
|
1054
|
-
}), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__("button", {
|
|
1055
|
-
type: "submit",
|
|
1056
|
-
"aria-label": "Search",
|
|
1057
|
-
children: /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__(IconSearch, {})
|
|
1058
|
-
})]
|
|
1059
|
-
})
|
|
1060
|
-
});
|
|
1061
|
-
}
|
|
1062
|
-
HeaderSearchRegion.propTypes = {
|
|
1063
|
-
data: __WEBPACK_EXTERNAL_MODULE_prop_types_adfe8e31_default__.shape({
|
|
1064
|
-
placeholder: __WEBPACK_EXTERNAL_MODULE_prop_types_adfe8e31_default__.string.isRequired,
|
|
1065
|
-
input_aria_label: __WEBPACK_EXTERNAL_MODULE_prop_types_adfe8e31_default__.string.isRequired
|
|
1066
|
-
}).isRequired
|
|
1067
|
-
};
|
|
1068
|
-
;// ./src/components/header/regions/HeaderNavigationRegion.jsx
|
|
1069
|
-
function HeaderNavigationRegion_slicedToArray(r, e) { return HeaderNavigationRegion_arrayWithHoles(r) || HeaderNavigationRegion_iterableToArrayLimit(r, e) || HeaderNavigationRegion_unsupportedIterableToArray(r, e) || HeaderNavigationRegion_nonIterableRest(); }
|
|
1070
|
-
function HeaderNavigationRegion_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
1071
|
-
function HeaderNavigationRegion_unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return HeaderNavigationRegion_arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? HeaderNavigationRegion_arrayLikeToArray(r, a) : void 0; } }
|
|
1072
|
-
function HeaderNavigationRegion_arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
1073
|
-
function HeaderNavigationRegion_iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
1074
|
-
function HeaderNavigationRegion_arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
1075
|
-
|
|
1076
|
-
|
|
1077
|
-
|
|
1078
|
-
|
|
1079
|
-
|
|
1080
|
-
var MEGA_MENU_PANEL_ID = "header-mega-menu-panel";
|
|
1081
|
-
function HeaderNavigationRegion(_ref) {
|
|
1082
|
-
var _data$topNavItems, _data$megaMenuByTopId, _activeMega$jumpTo$ma, _activeMega$jumpTo, _activeMega$categoryR, _activeMega$columns;
|
|
1083
|
-
var data = _ref.data;
|
|
1084
|
-
/** Which top-nav id has its mega menu open (`null` = mega hidden). */
|
|
1085
|
-
var _useState = (0,external_react_namespaceObject.useState)(null),
|
|
1086
|
-
_useState2 = HeaderNavigationRegion_slicedToArray(_useState, 2),
|
|
1087
|
-
openMegaNavId = _useState2[0],
|
|
1088
|
-
setOpenMegaNavId = _useState2[1];
|
|
1089
|
-
var topNavItems = (_data$topNavItems = data === null || data === void 0 ? void 0 : data.topNavItems) !== null && _data$topNavItems !== void 0 ? _data$topNavItems : [];
|
|
1090
|
-
var megaById = (_data$megaMenuByTopId = data === null || data === void 0 ? void 0 : data.megaMenuByTopId) !== null && _data$megaMenuByTopId !== void 0 ? _data$megaMenuByTopId : {};
|
|
1091
|
-
var activeMega = openMegaNavId ? megaById[openMegaNavId] : null;
|
|
1092
|
-
var jumpToItems = (_activeMega$jumpTo$ma = activeMega === null || activeMega === void 0 || (_activeMega$jumpTo = activeMega.jumpTo) === null || _activeMega$jumpTo === void 0 ? void 0 : _activeMega$jumpTo.map(function (j) {
|
|
1093
|
-
return {
|
|
1094
|
-
id: j.id,
|
|
1095
|
-
label: j.label
|
|
1096
|
-
};
|
|
1097
|
-
})) !== null && _activeMega$jumpTo$ma !== void 0 ? _activeMega$jumpTo$ma : [];
|
|
1098
|
-
var categoryRow = (_activeMega$categoryR = activeMega === null || activeMega === void 0 ? void 0 : activeMega.categoryRow) !== null && _activeMega$categoryR !== void 0 ? _activeMega$categoryR : [];
|
|
1099
|
-
var columnLinks = (_activeMega$columns = activeMega === null || activeMega === void 0 ? void 0 : activeMega.columns) !== null && _activeMega$columns !== void 0 ? _activeMega$columns : [];
|
|
1100
|
-
function toggleMegaForItem(itemId) {
|
|
1101
|
-
setOpenMegaNavId(function (prev) {
|
|
1102
|
-
return prev === itemId ? null : itemId;
|
|
1103
|
-
});
|
|
1104
|
-
}
|
|
1105
|
-
return /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsxs__(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_Fragment__, {
|
|
1106
|
-
children: [/*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__(PrimaryNav, {
|
|
1107
|
-
"data-region": "top-nav",
|
|
1108
|
-
"aria-label": "Primary",
|
|
1109
|
-
children: /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__("ul", {
|
|
1110
|
-
children: topNavItems.map(function (item) {
|
|
1111
|
-
var hasMega = Boolean(megaById[item.id]);
|
|
1112
|
-
var isOpen = openMegaNavId === item.id;
|
|
1113
|
-
return /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__("li", {
|
|
1114
|
-
"data-nav-active": isOpen ? "true" : undefined,
|
|
1115
|
-
children: hasMega ? /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__("button", {
|
|
1116
|
-
type: "button",
|
|
1117
|
-
"aria-expanded": isOpen,
|
|
1118
|
-
"aria-controls": MEGA_MENU_PANEL_ID,
|
|
1119
|
-
onClick: function onClick() {
|
|
1120
|
-
return toggleMegaForItem(item.id);
|
|
1121
|
-
},
|
|
1122
|
-
children: item.label
|
|
1123
|
-
}) : /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__("span", {
|
|
1124
|
-
children: item.label
|
|
1125
|
-
})
|
|
1126
|
-
}, item.id);
|
|
1127
|
-
})
|
|
1128
|
-
})
|
|
1129
|
-
}), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__(MegaMenuPreview, {
|
|
1130
|
-
id: MEGA_MENU_PANEL_ID,
|
|
1131
|
-
"data-region": "mega-menu-preview",
|
|
1132
|
-
"aria-label": "Mega menu sample",
|
|
1133
|
-
hidden: !activeMega,
|
|
1134
|
-
children: activeMega ? /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsxs__(MegaMenuInner, {
|
|
1135
|
-
children: [/*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsxs__(JumpToColumn, {
|
|
1136
|
-
children: [/*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__(JumpToTitle, {
|
|
1137
|
-
children: "Jump To"
|
|
1138
|
-
}), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__(JumpToList, {
|
|
1139
|
-
"data-testid": "jump-to-pills",
|
|
1140
|
-
children: jumpToItems.map(function (j) {
|
|
1141
|
-
return /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__("li", {
|
|
1142
|
-
children: /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__(JumpToPill, {
|
|
1143
|
-
type: "button",
|
|
1144
|
-
children: j.label
|
|
1145
|
-
})
|
|
1146
|
-
}, j.id);
|
|
1147
|
-
})
|
|
1148
|
-
})]
|
|
1149
|
-
}), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsxs__(CategoriesPane, {
|
|
1150
|
-
children: [categoryRow.length > 0 && /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__(CategoryHeaderStrip, {
|
|
1151
|
-
children: categoryRow.map(function (title, i) {
|
|
1152
|
-
return /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsxs__(external_react_namespaceObject["default"].Fragment, {
|
|
1153
|
-
children: [i > 0 ? /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__(IconArrowRight, {}) : null, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__("span", {
|
|
1154
|
-
children: title
|
|
1155
|
-
})]
|
|
1156
|
-
}, "".concat(i, "-").concat(title));
|
|
1157
|
-
})
|
|
1158
|
-
}), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__(CategoryColumns, {
|
|
1159
|
-
children: columnLinks.map(function (links, colIdx) {
|
|
1160
|
-
return /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsxs__(CategoryColumn, {
|
|
1161
|
-
children: [colIdx === 1 ? /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__(CategorySubLabel, {
|
|
1162
|
-
children: "Sub Categories"
|
|
1163
|
-
}) : null, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__(CategoryLinkList, {
|
|
1164
|
-
children: links.map(function (label, rowIdx) {
|
|
1165
|
-
return /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__("li", {
|
|
1166
|
-
children: /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__("button", {
|
|
1167
|
-
type: "button",
|
|
1168
|
-
className: "link-like",
|
|
1169
|
-
children: label
|
|
1170
|
-
})
|
|
1171
|
-
}, "".concat(colIdx, "-").concat(rowIdx, "-").concat(label));
|
|
1172
|
-
})
|
|
1173
|
-
})]
|
|
1174
|
-
}, String("".concat(colIdx, "-").concat(links[0] ? links[0] : links)));
|
|
1175
|
-
})
|
|
1176
|
-
})]
|
|
1177
|
-
})]
|
|
1178
|
-
}) : null
|
|
1179
|
-
})]
|
|
1180
|
-
});
|
|
1181
|
-
}
|
|
1182
|
-
HeaderNavigationRegion.propTypes = {
|
|
1183
|
-
data: __WEBPACK_EXTERNAL_MODULE_prop_types_adfe8e31_default__.shape({
|
|
1184
|
-
topNavItems: __WEBPACK_EXTERNAL_MODULE_prop_types_adfe8e31_default__.arrayOf(__WEBPACK_EXTERNAL_MODULE_prop_types_adfe8e31_default__.shape({
|
|
1185
|
-
id: __WEBPACK_EXTERNAL_MODULE_prop_types_adfe8e31_default__.string,
|
|
1186
|
-
label: __WEBPACK_EXTERNAL_MODULE_prop_types_adfe8e31_default__.string
|
|
1187
|
-
})),
|
|
1188
|
-
megaMenuByTopId: __WEBPACK_EXTERNAL_MODULE_prop_types_adfe8e31_default__.object
|
|
1189
|
-
}).isRequired
|
|
1190
|
-
};
|
|
1191
|
-
;// ./src/utils/common.js
|
|
1192
|
-
/**
|
|
1193
|
-
* Validate and sanitize a URL string.
|
|
1194
|
-
* Returns '#' for invalid/empty values to provide safe fallback anchors.
|
|
1195
|
-
*
|
|
1196
|
-
* SSR-safe: no DOM/window access.
|
|
1197
|
-
*
|
|
1198
|
-
* @param {*} url - The URL value to validate
|
|
1199
|
-
* @returns {string} The original URL if valid, otherwise '#'
|
|
1200
|
-
*/
|
|
1201
|
-
var validateUrl = function validateUrl(url) {
|
|
1202
|
-
if (!url || typeof url !== 'string' || url.trim() === '') {
|
|
1203
|
-
return '#';
|
|
1204
|
-
}
|
|
1205
|
-
return url;
|
|
1206
|
-
};
|
|
1207
|
-
var isServer = typeof window === "undefined";
|
|
1208
|
-
;// ./src/components/top-ribbon/types.js
|
|
1209
|
-
|
|
1210
|
-
var NavigationLinkPropTypes = __WEBPACK_EXTERNAL_MODULE_prop_types_adfe8e31_default__.shape({
|
|
1211
|
-
label: __WEBPACK_EXTERNAL_MODULE_prop_types_adfe8e31_default__.string.isRequired,
|
|
1212
|
-
url: __WEBPACK_EXTERNAL_MODULE_prop_types_adfe8e31_default__.string.isRequired,
|
|
1213
|
-
ariaLabel: __WEBPACK_EXTERNAL_MODULE_prop_types_adfe8e31_default__.string,
|
|
1214
|
-
dataTestId: __WEBPACK_EXTERNAL_MODULE_prop_types_adfe8e31_default__.string,
|
|
1215
|
-
gtmEvent: __WEBPACK_EXTERNAL_MODULE_prop_types_adfe8e31_default__.object
|
|
1216
|
-
});
|
|
1217
|
-
var TopRibbonPropTypes = {
|
|
1218
|
-
links: __WEBPACK_EXTERNAL_MODULE_prop_types_adfe8e31_default__.arrayOf(NavigationLinkPropTypes).isRequired,
|
|
1219
|
-
className: __WEBPACK_EXTERNAL_MODULE_prop_types_adfe8e31_default__.string,
|
|
1220
|
-
ariaLabel: __WEBPACK_EXTERNAL_MODULE_prop_types_adfe8e31_default__.string,
|
|
1221
|
-
dataTestId: __WEBPACK_EXTERNAL_MODULE_prop_types_adfe8e31_default__.string
|
|
1222
|
-
};
|
|
1223
|
-
;// ./src/components/top-ribbon/TopRibbon.styled.jsx
|
|
1224
|
-
|
|
1225
|
-
function TopRibbon_styled_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
1226
|
-
// Main container for the top ribbon navigation
|
|
1227
|
-
var StyledTopRibbon = /*#__PURE__*/createStyled("header", true ? {
|
|
1228
|
-
target: "ei9etl03"
|
|
1229
|
-
} : 0)( true ? {
|
|
1230
|
-
name: "ah54qx",
|
|
1231
|
-
styles: "background-color:#000000;width:100%;position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;&::-webkit-scrollbar{display:none;}&:focus-within{outline:none;}"
|
|
1232
|
-
} : 0);
|
|
1233
|
-
|
|
1234
|
-
// Navigation list container
|
|
1235
|
-
var StyledNavigationList = /*#__PURE__*/createStyled("ul", true ? {
|
|
1236
|
-
target: "ei9etl02"
|
|
1237
|
-
} : 0)( true ? {
|
|
1238
|
-
name: "m78rlq",
|
|
1239
|
-
styles: "margin:0 auto;padding:0;list-style:none;display:flex;align-items:center;justify-content:center;gap:24px;padding:10px 24px;min-width:100%;width:max-content;box-sizing:border-box"
|
|
1240
|
-
} : 0);
|
|
1241
|
-
|
|
1242
|
-
// Individual navigation item container
|
|
1243
|
-
var StyledNavigationItem = /*#__PURE__*/createStyled("li", true ? {
|
|
1244
|
-
target: "ei9etl01"
|
|
1245
|
-
} : 0)( true ? {
|
|
1246
|
-
name: "qy80on",
|
|
1247
|
-
styles: "margin:0;padding:0;flex-shrink:0;position:relative"
|
|
1248
|
-
} : 0);
|
|
1249
|
-
|
|
1250
|
-
// Navigation link with hover effects
|
|
1251
|
-
var StyledNavigationLink = /*#__PURE__*/createStyled("a", true ? {
|
|
1252
|
-
target: "ei9etl00"
|
|
1253
|
-
} : 0)( true ? {
|
|
1254
|
-
name: "1pvnuug",
|
|
1255
|
-
styles: "display:inline-block;padding:0;cursor:pointer;color:#ffffff;font-family:\"Inter\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,sans-serif;font-size:14px;font-weight:400;line-height:20px;text-align:center;white-space:nowrap;text-decoration:underline;text-decoration-style:solid;text-decoration-color:transparent;transition:text-decoration-color 0.2s ease,background-color 0.2s ease;position:relative;&:hover{color:#ffffff;text-decoration-color:#ffffff;}&:focus-visible{outline:2px solid #ffffff;outline-offset:2px;background-color:rgba(255, 255, 255, 0.1);text-decoration-color:#ffffff;}&:focus:not(:focus-visible){outline:none;background-color:transparent;}&:active{background-color:rgba(255, 255, 255, 0.05);}@media (prefers-contrast: high){&:focus-visible{outline-color:currentColor;}}"
|
|
1256
|
-
} : 0);
|
|
1257
|
-
;// ./src/components/top-ribbon/TopRibbon.jsx
|
|
1258
|
-
function TopRibbon_typeof(o) { "@babel/helpers - typeof"; return TopRibbon_typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, TopRibbon_typeof(o); }
|
|
1259
|
-
function TopRibbon_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1260
|
-
function TopRibbon_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? TopRibbon_ownKeys(Object(t), !0).forEach(function (r) { TopRibbon_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : TopRibbon_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1261
|
-
function TopRibbon_defineProperty(e, r, t) { return (r = TopRibbon_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
1262
|
-
function TopRibbon_toPropertyKey(t) { var i = TopRibbon_toPrimitive(t, "string"); return "symbol" == TopRibbon_typeof(i) ? i : i + ""; }
|
|
1263
|
-
function TopRibbon_toPrimitive(t, r) { if ("object" != TopRibbon_typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != TopRibbon_typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
1264
|
-
|
|
1265
|
-
|
|
1266
|
-
|
|
1267
|
-
|
|
1268
|
-
|
|
1269
|
-
/**
|
|
1270
|
-
* TopRibbon Navigation Component
|
|
1271
|
-
*
|
|
1272
|
-
* Renders a navigation ribbon visible on all screen sizes with:
|
|
1273
|
-
* - Pure black background (#000000) per Figma specifications
|
|
1274
|
-
* - White text links (#FFFFFF) with Figma-exact hover underlines
|
|
1275
|
-
* - Figma-exact typography (14px/20px, Inter font)
|
|
1276
|
-
* - Full WCAG 2.1 AA accessibility compliance
|
|
1277
|
-
* - Responsive behavior (visible on mobile, tablet, and desktop)
|
|
1278
|
-
* - Horizontal scroll on small viewports when items overflow
|
|
1279
|
-
* - CSR & SSR compatible (no direct window/document access at render time)
|
|
1280
|
-
*
|
|
1281
|
-
* @param {Object} props - Component props
|
|
1282
|
-
* @returns {JSX.Element|null} Rendered navigation component
|
|
1283
|
-
*/
|
|
1284
|
-
|
|
1285
|
-
var TopRibbon = function TopRibbon(_ref) {
|
|
1286
|
-
var links = _ref.links,
|
|
1287
|
-
_ref$className = _ref.className,
|
|
1288
|
-
className = _ref$className === void 0 ? '' : _ref$className,
|
|
1289
|
-
_ref$ariaLabel = _ref.ariaLabel,
|
|
1290
|
-
ariaLabel = _ref$ariaLabel === void 0 ? 'Top navigation' : _ref$ariaLabel,
|
|
1291
|
-
_ref$dataTestId = _ref.dataTestId,
|
|
1292
|
-
dataTestId = _ref$dataTestId === void 0 ? 'top-ribbon-nav' : _ref$dataTestId;
|
|
1293
|
-
// Validate required props — safe to call in SSR
|
|
1294
|
-
if (!links || !Array.isArray(links) || links.length === 0) {
|
|
1295
|
-
return null;
|
|
1296
|
-
}
|
|
1297
|
-
|
|
1298
|
-
/**
|
|
1299
|
-
* Fires a GTM dataLayer event when a link is clicked.
|
|
1300
|
-
* Does NOT call preventDefault — native target="_blank" behaviour is preserved.
|
|
1301
|
-
* SSR-safe: guarded behind typeof window check.
|
|
1302
|
-
*
|
|
1303
|
-
* @param {Object} item - The navigation item that was clicked
|
|
1304
|
-
*/
|
|
1305
|
-
var handleClick = function handleClick(item) {
|
|
1306
|
-
if (typeof window === 'undefined' || !Array.isArray(window.dataLayer)) return;
|
|
1307
|
-
window.dataLayer.push(TopRibbon_objectSpread({
|
|
1308
|
-
event: 'top_ribbon_click',
|
|
1309
|
-
link_text: item.label,
|
|
1310
|
-
link_url: item.url
|
|
1311
|
-
}, item.gtmEvent));
|
|
1312
|
-
};
|
|
1313
|
-
return /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__(StyledTopRibbon, {
|
|
1314
|
-
className: className,
|
|
1315
|
-
"data-testid": dataTestId,
|
|
1316
|
-
children: /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__("nav", {
|
|
1317
|
-
"aria-label": ariaLabel,
|
|
1318
|
-
role: "navigation",
|
|
1319
|
-
"data-testid": "".concat(dataTestId, "-nav"),
|
|
1320
|
-
children: /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__(StyledNavigationList, {
|
|
1321
|
-
"data-testid": "".concat(dataTestId, "-list"),
|
|
1322
|
-
children: links.map(function (item, index) {
|
|
1323
|
-
if (!item || TopRibbon_typeof(item) !== 'object') return null;
|
|
1324
|
-
var label = item.label,
|
|
1325
|
-
url = item.url,
|
|
1326
|
-
itemAriaLabel = item.ariaLabel,
|
|
1327
|
-
itemTestId = item.dataTestId;
|
|
1328
|
-
if (!label || !url) return null;
|
|
1329
|
-
var linkHref = validateUrl(url);
|
|
1330
|
-
var linkAriaLabel = itemAriaLabel || "Navigate to ".concat(label);
|
|
1331
|
-
var linkTestId = itemTestId || "".concat(dataTestId, "-item-").concat(index);
|
|
1332
|
-
return /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__(StyledNavigationItem, {
|
|
1333
|
-
"data-testid": "".concat(linkTestId, "-container"),
|
|
1334
|
-
children: /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__(StyledNavigationLink, {
|
|
1335
|
-
href: linkHref,
|
|
1336
|
-
target: "_blank",
|
|
1337
|
-
rel: "noopener noreferrer",
|
|
1338
|
-
onClick: function onClick() {
|
|
1339
|
-
return handleClick(item);
|
|
1340
|
-
},
|
|
1341
|
-
"aria-label": linkAriaLabel,
|
|
1342
|
-
"data-testid": linkTestId,
|
|
1343
|
-
children: label
|
|
1344
|
-
})
|
|
1345
|
-
}, "nav-item-".concat(index, "-").concat(label));
|
|
1346
|
-
})
|
|
1347
|
-
})
|
|
1348
|
-
})
|
|
1349
|
-
});
|
|
1350
|
-
};
|
|
1351
|
-
TopRibbon.propTypes = TopRibbonPropTypes;
|
|
1352
|
-
/* harmony default export */ const top_ribbon_TopRibbon = (TopRibbon);
|
|
1353
|
-
;// ./src/components/header/HeaderView.jsx
|
|
1354
|
-
|
|
1355
|
-
|
|
1356
|
-
|
|
1357
|
-
|
|
1358
|
-
|
|
1359
|
-
|
|
1360
|
-
|
|
1361
|
-
|
|
1362
|
-
|
|
1363
|
-
|
|
1364
|
-
|
|
1365
|
-
|
|
1366
|
-
var DEFAULT_LOGO = {
|
|
1367
|
-
wordmark: "NU SKIN",
|
|
1368
|
-
home_href: "/",
|
|
1369
|
-
aria_label: "Nu Skin home"
|
|
1370
|
-
};
|
|
1371
|
-
var DEFAULT_LOCALE = {
|
|
1372
|
-
control_label: "USD | English"
|
|
1373
|
-
};
|
|
1374
|
-
var DEFAULT_LOYALTY = {
|
|
1375
|
-
link_label: "Nu Skin Rewards",
|
|
1376
|
-
href: "/rewards"
|
|
1377
|
-
};
|
|
1378
|
-
var DEFAULT_ACCOUNT = {
|
|
1379
|
-
sign_in_label: "Sign In",
|
|
1380
|
-
sign_up_label: "Sign Up"
|
|
1381
|
-
};
|
|
1382
|
-
var DEFAULT_CART = {
|
|
1383
|
-
aria_label: "Shopping cart",
|
|
1384
|
-
count: 0
|
|
1385
|
-
};
|
|
1386
|
-
var DEFAULT_SEARCH = {
|
|
1387
|
-
placeholder: "Product Search",
|
|
1388
|
-
input_aria_label: "Product search"
|
|
1389
|
-
};
|
|
1390
|
-
var DEFAULT_NAVIGATION = {
|
|
1391
|
-
topNavItems: [{
|
|
1392
|
-
id: "devices",
|
|
1393
|
-
label: "Devices"
|
|
1394
|
-
}, {
|
|
1395
|
-
id: "beauty",
|
|
1396
|
-
label: "Beauty & Skincare"
|
|
1397
|
-
}, {
|
|
1398
|
-
id: "wellness",
|
|
1399
|
-
label: "Health & Wellness"
|
|
1400
|
-
}, {
|
|
1401
|
-
id: "product-lines",
|
|
1402
|
-
label: "Product Lines"
|
|
1403
|
-
}, {
|
|
1404
|
-
id: "most-popular",
|
|
1405
|
-
label: "Most Popular"
|
|
1406
|
-
}, {
|
|
1407
|
-
id: "our-impact",
|
|
1408
|
-
label: "Our Impact"
|
|
1409
|
-
}],
|
|
1410
|
-
megaMenuByTopId: {}
|
|
1411
|
-
};
|
|
1412
|
-
var DEFAULT_TOP_RIBBON_LINKS = [{
|
|
1413
|
-
label: "Hair",
|
|
1414
|
-
url: "/hair",
|
|
1415
|
-
ariaLabel: "Shop Hair"
|
|
1416
|
-
}, {
|
|
1417
|
-
label: "Skin",
|
|
1418
|
-
url: "/skin",
|
|
1419
|
-
ariaLabel: "Shop Skin"
|
|
1420
|
-
}, {
|
|
1421
|
-
label: "Body",
|
|
1422
|
-
url: "/body",
|
|
1423
|
-
ariaLabel: "Shop Body"
|
|
1424
|
-
}, {
|
|
1425
|
-
label: "Fragrance",
|
|
1426
|
-
url: "/fragrance",
|
|
1427
|
-
ariaLabel: "Shop Fragrance"
|
|
1428
|
-
}, {
|
|
1429
|
-
label: "Beauty Bio",
|
|
1430
|
-
url: "/beauty-bio",
|
|
1431
|
-
ariaLabel: "Shop Beauty Bio"
|
|
1432
|
-
}, {
|
|
1433
|
-
label: "Accessories",
|
|
1434
|
-
url: "/accessories",
|
|
1435
|
-
ariaLabel: "Shop Accessories"
|
|
1436
|
-
}, {
|
|
1437
|
-
label: "Gifts",
|
|
1438
|
-
url: "/gifts",
|
|
1439
|
-
ariaLabel: "Shop Gifts"
|
|
1440
|
-
}];
|
|
1441
|
-
function HeaderView(_ref) {
|
|
1442
|
-
var _headerEntry$logo, _headerEntry$locale_s, _headerEntry$loyalty, _headerEntry$account, _headerEntry$cart, _headerEntry$search, _headerEntry$top_ribb, _headerEntry$navigati;
|
|
1443
|
-
var country = _ref.country,
|
|
1444
|
-
language = _ref.language,
|
|
1445
|
-
locale = _ref.locale,
|
|
1446
|
-
headerEntry = _ref.headerEntry;
|
|
1447
|
-
var logoData = (_headerEntry$logo = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.logo) !== null && _headerEntry$logo !== void 0 ? _headerEntry$logo : DEFAULT_LOGO;
|
|
1448
|
-
var localeData = (_headerEntry$locale_s = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.locale_selector) !== null && _headerEntry$locale_s !== void 0 ? _headerEntry$locale_s : DEFAULT_LOCALE;
|
|
1449
|
-
var loyaltyData = (_headerEntry$loyalty = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.loyalty) !== null && _headerEntry$loyalty !== void 0 ? _headerEntry$loyalty : DEFAULT_LOYALTY;
|
|
1450
|
-
var accountData = (_headerEntry$account = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.account) !== null && _headerEntry$account !== void 0 ? _headerEntry$account : DEFAULT_ACCOUNT;
|
|
1451
|
-
var cartData = (_headerEntry$cart = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.cart) !== null && _headerEntry$cart !== void 0 ? _headerEntry$cart : DEFAULT_CART;
|
|
1452
|
-
var searchData = (_headerEntry$search = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.search) !== null && _headerEntry$search !== void 0 ? _headerEntry$search : DEFAULT_SEARCH;
|
|
1453
|
-
var topRibbonLinks = (_headerEntry$top_ribb = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.top_ribbon_links) !== null && _headerEntry$top_ribb !== void 0 ? _headerEntry$top_ribb : DEFAULT_TOP_RIBBON_LINKS;
|
|
1454
|
-
var navigationData = (_headerEntry$navigati = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.navigation) !== null && _headerEntry$navigati !== void 0 ? _headerEntry$navigati : DEFAULT_NAVIGATION;
|
|
1455
|
-
return /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsxs__(HeaderRoot, {
|
|
1456
|
-
"data-testid": "header-view",
|
|
1457
|
-
"data-country": country,
|
|
1458
|
-
"data-language": language,
|
|
1459
|
-
"data-locale": locale,
|
|
1460
|
-
children: [/*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__(top_ribbon_TopRibbon, {
|
|
1461
|
-
links: topRibbonLinks,
|
|
1462
|
-
ariaLabel: "Top navigation",
|
|
1463
|
-
dataTestId: "header-top-ribbon"
|
|
1464
|
-
}), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsxs__(TopHeaderRow, {
|
|
1465
|
-
children: [/*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__(LogoSlot, {
|
|
1466
|
-
children: /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__(HeaderLogoRegion, {
|
|
1467
|
-
data: logoData
|
|
1468
|
-
})
|
|
1469
|
-
}), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsxs__(RightHeaderCluster, {
|
|
1470
|
-
children: [/*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsxs__(UtilityBar, {
|
|
1471
|
-
"data-region": "utility-bar",
|
|
1472
|
-
children: [/*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__(HeaderLocaleRegion, {
|
|
1473
|
-
data: localeData
|
|
1474
|
-
}), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__(HeaderLoyaltyRegion, {
|
|
1475
|
-
data: loyaltyData
|
|
1476
|
-
}), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__(HeaderAccountRegion, {
|
|
1477
|
-
data: accountData
|
|
1478
|
-
}), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__(HeaderCartRegion, {
|
|
1479
|
-
data: cartData
|
|
1480
|
-
})]
|
|
1481
|
-
}), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__(SearchSlot, {
|
|
1482
|
-
children: /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__(HeaderSearchRegion, {
|
|
1483
|
-
data: searchData
|
|
1484
|
-
})
|
|
1485
|
-
})]
|
|
1486
|
-
})]
|
|
1487
|
-
}), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__(NavSection, {
|
|
1488
|
-
children: /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__(HeaderNavigationRegion, {
|
|
1489
|
-
data: navigationData
|
|
1490
|
-
})
|
|
1491
|
-
})]
|
|
1492
|
-
});
|
|
1493
|
-
}
|
|
1494
|
-
HeaderView.propTypes = {
|
|
1495
|
-
country: __WEBPACK_EXTERNAL_MODULE_prop_types_adfe8e31_default__.string.isRequired,
|
|
1496
|
-
language: __WEBPACK_EXTERNAL_MODULE_prop_types_adfe8e31_default__.string.isRequired,
|
|
1497
|
-
locale: __WEBPACK_EXTERNAL_MODULE_prop_types_adfe8e31_default__.string.isRequired,
|
|
1498
|
-
headerEntry: __WEBPACK_EXTERNAL_MODULE_prop_types_adfe8e31_default__.object
|
|
1499
|
-
};
|
|
1500
|
-
;// ./src/styles/Main.styled.js
|
|
1501
|
-
|
|
1502
|
-
function Main_styled_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
1503
|
-
var AppContainer = /*#__PURE__*/createStyled("div", true ? {
|
|
1504
|
-
target: "eh9sycj0"
|
|
1505
|
-
} : 0)( true ? {
|
|
1506
|
-
name: "1xncdb6",
|
|
1507
|
-
styles: "font-family:\"Inter\",sans-serif"
|
|
1508
|
-
} : 0);
|
|
1509
|
-
;// ./src/utils/locale.js
|
|
1510
|
-
/**
|
|
1511
|
-
* Extracts the locale code from the provided URL or the current URL.
|
|
1512
|
-
*
|
|
1513
|
-
* @param options - An object with the following properties:
|
|
1514
|
-
* @param options.url - The URL to extract the locale code from. If not provided, the current URL will be used.
|
|
1515
|
-
* @param options.defaultLocale - The default locale code to use if the locale cannot be extracted from the URL.
|
|
1516
|
-
* @returns The locale code in the format "language_COUNTRY".
|
|
1517
|
-
*/
|
|
1518
|
-
function getLocaleCodeFromUrl(options) {
|
|
1519
|
-
var _localeAsArr$;
|
|
1520
|
-
var _ref = options !== null && options !== void 0 ? options : {},
|
|
1521
|
-
_ref$url = _ref.url,
|
|
1522
|
-
url = _ref$url === void 0 ? "" : _ref$url,
|
|
1523
|
-
_ref$defaultLocale = _ref.defaultLocale,
|
|
1524
|
-
defaultLocale = _ref$defaultLocale === void 0 ? "" : _ref$defaultLocale;
|
|
1525
|
-
var localeAsArr = [];
|
|
1526
|
-
var tempUrl = url || typeof location != "undefined" && location.href;
|
|
1527
|
-
if (tempUrl) {
|
|
1528
|
-
var _tempUrl, _tempUrl2;
|
|
1529
|
-
/* adding dummy domain since express originalUrl will not have request domain */
|
|
1530
|
-
if (!((_tempUrl = tempUrl) !== null && _tempUrl !== void 0 && _tempUrl.includes("https://")) && !((_tempUrl2 = tempUrl) !== null && _tempUrl2 !== void 0 && _tempUrl2.includes("http://"))) {
|
|
1531
|
-
tempUrl = "https://domain.com".concat(tempUrl);
|
|
1532
|
-
}
|
|
1533
|
-
var updatedUrl = new URL(tempUrl);
|
|
1534
|
-
var pathParams = updatedUrl.pathname;
|
|
1535
|
-
if (pathParams) {
|
|
1536
|
-
var _pathParams$split;
|
|
1537
|
-
var pathList = pathParams === null || pathParams === void 0 || (_pathParams$split = pathParams.split("/")) === null || _pathParams$split === void 0 ? void 0 : _pathParams$split.filter(Boolean);
|
|
1538
|
-
if (pathList.length > 1) {
|
|
1539
|
-
localeAsArr = pathList;
|
|
1540
|
-
}
|
|
1541
|
-
}
|
|
1542
|
-
if (localeAsArr.length > 2) {
|
|
1543
|
-
localeAsArr = localeAsArr.slice(0, 2);
|
|
1544
|
-
}
|
|
1545
|
-
}
|
|
1546
|
-
localeAsArr = localeAsArr.reverse();
|
|
1547
|
-
if (localeAsArr.length === 0) {
|
|
1548
|
-
localeAsArr = defaultLocale.split("_");
|
|
1549
|
-
}
|
|
1550
|
-
return "".concat((_localeAsArr$ = localeAsArr[1]) === null || _localeAsArr$ === void 0 ? void 0 : _localeAsArr$.toUpperCase(), "-").concat(localeAsArr[0]);
|
|
1551
|
-
}
|
|
1552
|
-
function getLocale() {
|
|
1553
|
-
var _splitLocale$, _splitLocale$2;
|
|
1554
|
-
var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
|
|
1555
|
-
url = _ref2.url;
|
|
1556
|
-
var currentLocale = getLocaleCodeFromUrl(url ? {
|
|
1557
|
-
url: url
|
|
1558
|
-
} : null);
|
|
1559
|
-
var splitLocale = currentLocale === null || currentLocale === void 0 ? void 0 : currentLocale.split("-");
|
|
1560
|
-
return {
|
|
1561
|
-
locale: currentLocale,
|
|
1562
|
-
language: splitLocale === null || splitLocale === void 0 || (_splitLocale$ = splitLocale[1]) === null || _splitLocale$ === void 0 ? void 0 : _splitLocale$.toLowerCase(),
|
|
1563
|
-
country: splitLocale === null || splitLocale === void 0 || (_splitLocale$2 = splitLocale[0]) === null || _splitLocale$2 === void 0 ? void 0 : _splitLocale$2.toUpperCase()
|
|
1564
|
-
};
|
|
1565
|
-
}
|
|
1566
|
-
function locale_isBrowser() {
|
|
1567
|
-
return typeof window !== "undefined" && window != null;
|
|
1568
|
-
}
|
|
1569
|
-
|
|
1570
|
-
/** Normalized `country`, `language`, and `locale` string from explicit market + language. */
|
|
1571
|
-
function buildLocaleData(market, language) {
|
|
1572
|
-
var country = String(market).trim().toUpperCase();
|
|
1573
|
-
var lang = String(language).trim().toLowerCase();
|
|
1574
|
-
if (!country || !lang) {
|
|
1575
|
-
throw new Error("@nuskin/nextgen-header: `market` and `language` must be non-empty when provided.");
|
|
1576
|
-
}
|
|
1577
|
-
return {
|
|
1578
|
-
country: country,
|
|
1579
|
-
language: lang,
|
|
1580
|
-
locale: "".concat(country, "-").concat(lang)
|
|
1581
|
-
};
|
|
1582
|
-
}
|
|
1583
|
-
|
|
1584
|
-
/**
|
|
1585
|
-
* Resolves locale data (`country`, `language`, `locale`) for the header shell.
|
|
1586
|
-
*
|
|
1587
|
-
* - **SSR (no `window`):** `market` and `language` are required (e.g. from the host or from `requestUrl` in `renderAndExtractContext`).
|
|
1588
|
-
* - **CSR:** `market` and `language` optional; if omitted, derived from the current URL via the same rules as `getLocale()`. Throws if `window` is missing or the path cannot be parsed.
|
|
1589
|
-
*/
|
|
1590
|
-
function resolveHeaderLocale() {
|
|
1591
|
-
var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
|
|
1592
|
-
market = _ref3.market,
|
|
1593
|
-
language = _ref3.language;
|
|
1594
|
-
var explicit = market != null && language != null && String(market).trim() !== "" && String(language).trim() !== "";
|
|
1595
|
-
if (explicit) {
|
|
1596
|
-
return buildLocaleData(market, language);
|
|
1597
|
-
}
|
|
1598
|
-
if (!locale_isBrowser()) {
|
|
1599
|
-
return buildLocaleData("US", "en");
|
|
1600
|
-
}
|
|
1601
|
-
var fromUrl = getLocale();
|
|
1602
|
-
if (!fromUrl.country || !fromUrl.language || !fromUrl.locale || String(fromUrl.locale).includes("undefined")) {
|
|
1603
|
-
throw new Error("@nuskin/nextgen-header: could not derive `market` and `language` from the current URL (expected a path with at least two segments, e.g. /en/us/...). Pass `market` and `language` explicitly.");
|
|
1604
|
-
}
|
|
1605
|
-
return fromUrl;
|
|
1606
|
-
}
|
|
1607
|
-
|
|
1608
|
-
;// ./src/components/header/HeaderContainer.jsx
|
|
1609
|
-
|
|
1610
|
-
|
|
1611
|
-
|
|
1612
|
-
|
|
1613
|
-
|
|
1614
|
-
|
|
1615
|
-
function HeaderContainer(_ref) {
|
|
1616
|
-
var market = _ref.market,
|
|
1617
|
-
language = _ref.language,
|
|
1618
|
-
headerEntry = _ref.headerEntry;
|
|
1619
|
-
var resolved = resolveHeaderLocale({
|
|
1620
|
-
market: market,
|
|
1621
|
-
language: language
|
|
1622
|
-
});
|
|
1623
|
-
return /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__(AppContainer, {
|
|
1624
|
-
children: /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8_jsx__(HeaderView, {
|
|
1625
|
-
country: resolved.country,
|
|
1626
|
-
language: resolved.language,
|
|
1627
|
-
locale: resolved.locale,
|
|
1628
|
-
headerEntry: headerEntry
|
|
1629
|
-
})
|
|
1630
|
-
});
|
|
1631
|
-
}
|
|
1632
|
-
HeaderContainer.propTypes = {
|
|
1633
|
-
market: __WEBPACK_EXTERNAL_MODULE_prop_types_adfe8e31_default__.string,
|
|
1634
|
-
language: __WEBPACK_EXTERNAL_MODULE_prop_types_adfe8e31_default__.string,
|
|
1635
|
-
headerEntry: __WEBPACK_EXTERNAL_MODULE_prop_types_adfe8e31_default__.object
|
|
1636
|
-
};
|
|
1637
|
-
/* harmony default export */ const header_HeaderContainer = (HeaderContainer);
|
|
1638
|
-
;// ./src/library/index.js
|
|
1639
|
-
/**
|
|
1640
|
-
* Public API for `@nuskin/nextgen-header` npm consumers.
|
|
1641
|
-
*
|
|
1642
|
-
* **Header** — `AppContainer` + market/language resolution → `HeaderContainer` (service factories) + `HeaderView` (UI).
|
|
1643
|
-
* (Source: `Main.js`; exported under the product name `Header`.)
|
|
1644
|
-
*
|
|
1645
|
-
* Does not include the Module Federation app entry (`App`), Express server, or bootstrap.
|
|
1646
|
-
* Contentstack helpers are internal for now; re-export here when the public API is defined.
|
|
1647
|
-
*/
|
|
1648
|
-
|
|
1649
|
-
|
|
1650
|
-
export { header_HeaderContainer as Header };
|
|
1651
|
-
|
|
1652
|
-
//# sourceMappingURL=index.mjs.map
|