@nuskin/nextgen-header 1.23.1 → 1.25.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/index.js +159 -69
- package/package-dist/index.js.map +1 -1
- package/package-dist/index.mjs +159 -69
- package/package-dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/package-dist/index.js
CHANGED
|
@@ -101209,6 +101209,8 @@ HeaderLoyaltyRegion.propTypes = {
|
|
|
101209
101209
|
}).isRequired
|
|
101210
101210
|
};
|
|
101211
101211
|
;// ./src/components/header/HeaderIcons.jsx
|
|
101212
|
+
/* unused harmony import specifier */ var _jsxs;
|
|
101213
|
+
/* unused harmony import specifier */ var _jsx;
|
|
101212
101214
|
function HeaderIcons_typeof(o) { "@babel/helpers - typeof"; return HeaderIcons_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; }, HeaderIcons_typeof(o); }
|
|
101213
101215
|
function HeaderIcons_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; }
|
|
101214
101216
|
function HeaderIcons_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? HeaderIcons_ownKeys(Object(t), !0).forEach(function (r) { HeaderIcons_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : HeaderIcons_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
@@ -101290,7 +101292,7 @@ function IconUser(props) {
|
|
|
101290
101292
|
}));
|
|
101291
101293
|
}
|
|
101292
101294
|
function IconCart(props) {
|
|
101293
|
-
return /*#__PURE__*/(
|
|
101295
|
+
return /*#__PURE__*/_jsxs("svg", HeaderIcons_objectSpread(HeaderIcons_objectSpread({
|
|
101294
101296
|
width: "20",
|
|
101295
101297
|
height: "20",
|
|
101296
101298
|
viewBox: "0 0 24 24",
|
|
@@ -101298,18 +101300,18 @@ function IconCart(props) {
|
|
|
101298
101300
|
xmlns: "http://www.w3.org/2000/svg",
|
|
101299
101301
|
"aria-hidden": true
|
|
101300
101302
|
}, props), {}, {
|
|
101301
|
-
children: [/*#__PURE__*/(
|
|
101303
|
+
children: [/*#__PURE__*/_jsx("path", {
|
|
101302
101304
|
d: "M6 7h15l-2 10H8L6 7zm0 0L5 3H2",
|
|
101303
101305
|
stroke: "currentColor",
|
|
101304
101306
|
strokeWidth: "2",
|
|
101305
101307
|
strokeLinecap: "round",
|
|
101306
101308
|
strokeLinejoin: "round"
|
|
101307
|
-
}), /*#__PURE__*/(
|
|
101309
|
+
}), /*#__PURE__*/_jsx("circle", {
|
|
101308
101310
|
cx: "10",
|
|
101309
101311
|
cy: "20",
|
|
101310
101312
|
r: "1",
|
|
101311
101313
|
fill: "currentColor"
|
|
101312
|
-
}), /*#__PURE__*/(
|
|
101314
|
+
}), /*#__PURE__*/_jsx("circle", {
|
|
101313
101315
|
cx: "18",
|
|
101314
101316
|
cy: "20",
|
|
101315
101317
|
r: "1",
|
|
@@ -101368,30 +101370,104 @@ HeaderAccountRegion.propTypes = {
|
|
|
101368
101370
|
sign_up_label: (external_prop_types_default()).string.isRequired
|
|
101369
101371
|
}).isRequired
|
|
101370
101372
|
};
|
|
101371
|
-
;// ./src/components/
|
|
101373
|
+
;// ./src/components/cart/Cart.styled.jsx
|
|
101372
101374
|
|
|
101375
|
+
var CartIconWrapper = /*#__PURE__*/createStyled("div", true ? {
|
|
101376
|
+
target: "ein8udj0"
|
|
101377
|
+
} : 0)("display:flex;align-items:center;position:relative;", function (_ref) {
|
|
101378
|
+
var isEditing = _ref.isEditing;
|
|
101379
|
+
return isEditing && "\n & > * {\n pointer-events: none;\n }\n ";
|
|
101380
|
+
}, " & .MuiBadge-badge{background-color:#5b81a5;color:#fff;min-width:10px;height:17px;font-size:10px;font-weight:400;line-height:1;border-radius:10rem;", function (_ref2) {
|
|
101381
|
+
var showCartCount = _ref2.showCartCount;
|
|
101382
|
+
return !showCartCount && "\n display: none;\n ";
|
|
101383
|
+
}, ";}" + ( true ? "" : 0));
|
|
101384
|
+
;// ./src/components/cart/Cart.constants.js
|
|
101385
|
+
var DEFAULT_ITEM_COUNT = 0;
|
|
101386
|
+
var DEFAULT_ARIA_LABEL = "Shopping cart";
|
|
101387
|
+
var DEFAULT_SHOW_CART_ICON = false;
|
|
101388
|
+
var DEFAULT_SHOW_CART_COUNT = false;
|
|
101389
|
+
;// ./src/components/cart/Cart.jsx
|
|
101390
|
+
function Cart_typeof(o) { "@babel/helpers - typeof"; return Cart_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; }, Cart_typeof(o); }
|
|
101391
|
+
function Cart_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; }
|
|
101392
|
+
function Cart_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? Cart_ownKeys(Object(t), !0).forEach(function (r) { Cart_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Cart_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
101393
|
+
function Cart_defineProperty(e, r, t) { return (r = Cart_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
101394
|
+
function Cart_toPropertyKey(t) { var i = Cart_toPrimitive(t, "string"); return "symbol" == Cart_typeof(i) ? i : i + ""; }
|
|
101395
|
+
function Cart_toPrimitive(t, r) { if ("object" != Cart_typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != Cart_typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
101373
101396
|
|
|
101374
101397
|
|
|
101375
101398
|
|
|
101376
101399
|
|
|
101377
|
-
|
|
101378
|
-
|
|
101379
|
-
|
|
101380
|
-
|
|
101381
|
-
|
|
101382
|
-
|
|
101383
|
-
|
|
101384
|
-
|
|
101385
|
-
|
|
101386
|
-
|
|
101400
|
+
|
|
101401
|
+
|
|
101402
|
+
|
|
101403
|
+
function Cart(_ref) {
|
|
101404
|
+
var itemCount = _ref.itemCount,
|
|
101405
|
+
ariaLabel = _ref.ariaLabel,
|
|
101406
|
+
showCartIcon = _ref.showCartIcon,
|
|
101407
|
+
showCartCount = _ref.showCartCount,
|
|
101408
|
+
$ = _ref.$;
|
|
101409
|
+
var editing = isEditingMode();
|
|
101410
|
+
if (!showCartIcon) {
|
|
101411
|
+
return null;
|
|
101412
|
+
}
|
|
101413
|
+
return /*#__PURE__*/(0,jsx_runtime_.jsx)(CartIconWrapper, Cart_objectSpread(Cart_objectSpread({
|
|
101414
|
+
"data-testid": "cart",
|
|
101415
|
+
"aria-label": ariaLabel,
|
|
101416
|
+
showCartCount: showCartCount,
|
|
101417
|
+
isEditing: editing
|
|
101418
|
+
}, $ || {}), {}, {
|
|
101419
|
+
children: /*#__PURE__*/(0,jsx_runtime_.jsx)(dist.NsCartIcon, {
|
|
101420
|
+
itemCount: showCartCount ? itemCount : 0,
|
|
101421
|
+
size: "large",
|
|
101422
|
+
color: "slate"
|
|
101387
101423
|
})
|
|
101424
|
+
}));
|
|
101425
|
+
}
|
|
101426
|
+
Cart.propTypes = {
|
|
101427
|
+
itemCount: (external_prop_types_default()).number,
|
|
101428
|
+
ariaLabel: (external_prop_types_default()).string,
|
|
101429
|
+
showCartIcon: (external_prop_types_default()).bool,
|
|
101430
|
+
showCartCount: (external_prop_types_default()).bool,
|
|
101431
|
+
$: (external_prop_types_default()).object
|
|
101432
|
+
};
|
|
101433
|
+
Cart.defaultProps = {
|
|
101434
|
+
itemCount: DEFAULT_ITEM_COUNT,
|
|
101435
|
+
ariaLabel: DEFAULT_ARIA_LABEL,
|
|
101436
|
+
showCartIcon: DEFAULT_SHOW_CART_ICON,
|
|
101437
|
+
showCartCount: DEFAULT_SHOW_CART_COUNT,
|
|
101438
|
+
$: null
|
|
101439
|
+
};
|
|
101440
|
+
;// ./src/components/header/regions/HeaderCartRegion.jsx
|
|
101441
|
+
|
|
101442
|
+
|
|
101443
|
+
|
|
101444
|
+
|
|
101445
|
+
function HeaderCartRegion(_ref) {
|
|
101446
|
+
var _data$show_cart_icon, _data$show_cart_count, _data$item_count;
|
|
101447
|
+
var data = _ref.data,
|
|
101448
|
+
parent$ = _ref.parent$;
|
|
101449
|
+
var showCartIcon = (_data$show_cart_icon = data === null || data === void 0 ? void 0 : data.show_cart_icon) !== null && _data$show_cart_icon !== void 0 ? _data$show_cart_icon : false;
|
|
101450
|
+
var showCartCount = (_data$show_cart_count = data === null || data === void 0 ? void 0 : data.show_cart_count) !== null && _data$show_cart_count !== void 0 ? _data$show_cart_count : false;
|
|
101451
|
+
var itemCount = (_data$item_count = data === null || data === void 0 ? void 0 : data.item_count) !== null && _data$item_count !== void 0 ? _data$item_count : 0;
|
|
101452
|
+
return /*#__PURE__*/(0,jsx_runtime_.jsx)(Cart, {
|
|
101453
|
+
itemCount: itemCount,
|
|
101454
|
+
"aria-label": "Shopping cart",
|
|
101455
|
+
showCartIcon: showCartIcon,
|
|
101456
|
+
showCartCount: showCartCount,
|
|
101457
|
+
$: parent$
|
|
101388
101458
|
});
|
|
101389
101459
|
}
|
|
101390
101460
|
HeaderCartRegion.propTypes = {
|
|
101391
101461
|
data: external_prop_types_default().shape({
|
|
101392
|
-
|
|
101393
|
-
|
|
101394
|
-
|
|
101462
|
+
show_cart_icon: (external_prop_types_default()).bool,
|
|
101463
|
+
show_cart_count: (external_prop_types_default()).bool,
|
|
101464
|
+
item_count: (external_prop_types_default()).number
|
|
101465
|
+
}),
|
|
101466
|
+
parent$: (external_prop_types_default()).object
|
|
101467
|
+
};
|
|
101468
|
+
HeaderCartRegion.defaultProps = {
|
|
101469
|
+
data: null,
|
|
101470
|
+
parent$: null
|
|
101395
101471
|
};
|
|
101396
101472
|
;// ./src/components/header/regions/HeaderSearchRegion.jsx
|
|
101397
101473
|
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || HeaderSearchRegion_unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
@@ -102937,7 +103013,7 @@ var LocaleButton = /*#__PURE__*/createStyled("div", true ? {
|
|
|
102937
103013
|
return props.$selected ? CountryListSelectorTheme.typography.selectedLocaleWeight : CountryListSelectorTheme.typography.localeWeight;
|
|
102938
103014
|
}, ";cursor:pointer;color:", function (props) {
|
|
102939
103015
|
return props.$selected ? CountryListSelectorTheme.colors.localeSelectedTextDesktop : CountryListSelectorTheme.colors.localeColor;
|
|
102940
|
-
}, ";&:hover{color:", CountryListSelectorTheme.colors.chipSelected, ";}}&:hover{background:", CountryListSelectorTheme.colors.chipBackground, ";}.locale-button-label:focus-visible{outline:1px solid ", CountryListSelectorTheme.colors.chipSelected, ";outline-offset:2px;}@media (max-width: ", CountryListSelectorTheme.breakpoints.mobileMax, "){--locale-icon-space:0px;background:transparent;width:auto;padding:0;>*{min-height:auto;}&:hover{background:transparent;}.locale-button-label{justify-content:flex-start;padding:0px 4px;min-height:", CountryListSelectorTheme.sizing.mobileLocaleMinHeight, ";}.locale-button-label>span{font-size:", CountryListSelectorTheme.typography.mobileLocaleSize, ";line-height:", CountryListSelectorTheme.typography.mobileLocaleLineHeight, ";font-weight:", CountryListSelectorTheme.typography.localeWeight, ";text-align:left;color:", CountryListSelectorTheme.colors.localeTextMobile, ";}.locale-button-label
|
|
103016
|
+
}, ";&:hover{color:", CountryListSelectorTheme.colors.chipSelected, ";}}&:hover{background:", CountryListSelectorTheme.colors.chipBackground, ";}.locale-button-label:focus-visible{outline:1px solid ", CountryListSelectorTheme.colors.chipSelected, ";outline-offset:2px;}@media (max-width: ", CountryListSelectorTheme.breakpoints.mobileMax, "){--locale-icon-space:0px;background:transparent;width:auto;padding:0;>*{min-height:auto;}&:hover{background:transparent;}.locale-button-label{justify-content:flex-start;padding:0px 4px;min-height:", CountryListSelectorTheme.sizing.mobileLocaleMinHeight, ";}.locale-button-label>span{font-size:", CountryListSelectorTheme.typography.mobileLocaleSize, ";line-height:", CountryListSelectorTheme.typography.mobileLocaleLineHeight, ";font-weight:", CountryListSelectorTheme.typography.localeWeight, ";text-align:left;color:", CountryListSelectorTheme.colors.localeTextMobile, ";}.locale-button-label svg{position:static;transform:none;width:16px;height:16px;}", function (props) {
|
|
102941
103017
|
return props.$selected ? "\n background: ".concat(CountryListSelectorTheme.colors.localeSelectedBackgroundDesktop, ";\n\n .locale-button-label > span {\n font-weight: ").concat(CountryListSelectorTheme.typography.selectedLocaleWeight, ";\n color: ").concat(CountryListSelectorTheme.colors.text, ";\n }\n ") : "";
|
|
102942
103018
|
}, ";}" + ( true ? "" : 0));
|
|
102943
103019
|
var EmptyState = /*#__PURE__*/createStyled("p", true ? {
|
|
@@ -103549,64 +103625,72 @@ var DESKTOP_MIN_WIDTH_PX = 1025;
|
|
|
103549
103625
|
|
|
103550
103626
|
/** Full-screen market modal layer (above mobile drawer z-index 9999). */
|
|
103551
103627
|
var MobileMarketFullScreenRoot = /*#__PURE__*/createStyled("div", true ? {
|
|
103552
|
-
target: "
|
|
103628
|
+
target: "e1g1uu3p37"
|
|
103553
103629
|
} : 0)( true ? {
|
|
103554
103630
|
name: "1n6oz2n",
|
|
103555
103631
|
styles: "position:fixed;inset:0;z-index:10050;background:#ffffff;display:flex;flex-direction:column;box-sizing:border-box;transform:translateX(15%);opacity:0;transition:transform 220ms ease-out,opacity 220ms ease-out;&[data-state=\"open\"]{transform:translateX(0);opacity:1;}"
|
|
103556
103632
|
} : 0);
|
|
103557
103633
|
var MobileMarketDialogInner = /*#__PURE__*/createStyled("dialog", true ? {
|
|
103558
|
-
target: "
|
|
103634
|
+
target: "e1g1uu3p36"
|
|
103559
103635
|
} : 0)( true ? {
|
|
103560
103636
|
name: "1d69jno",
|
|
103561
103637
|
styles: "margin:0;padding:0;border:0;width:100%;height:100%;max-width:none;max-height:none;background:#ffffff;display:flex;flex-direction:column;overflow:hidden"
|
|
103562
103638
|
} : 0);
|
|
103563
103639
|
var MobileStickyHeaderContainer = /*#__PURE__*/createStyled("div", true ? {
|
|
103564
|
-
target: "
|
|
103640
|
+
target: "e1g1uu3p35"
|
|
103565
103641
|
} : 0)( true ? {
|
|
103566
|
-
name: "
|
|
103567
|
-
styles: "position:sticky;top:0;z-index:2;width:100%;max-width:100%;height:110px;
|
|
103642
|
+
name: "50r0ag",
|
|
103643
|
+
styles: "position:sticky;top:0;z-index:2;width:100%;max-width:100%;min-height:110px;height:auto;padding-top:66px;padding-bottom:16px;background:#ffffff;box-sizing:border-box"
|
|
103568
103644
|
} : 0);
|
|
103569
103645
|
var MobileCompactHeaderRow = /*#__PURE__*/createStyled("header", true ? {
|
|
103570
|
-
target: "
|
|
103646
|
+
target: "e1g1uu3p34"
|
|
103571
103647
|
} : 0)( true ? {
|
|
103572
|
-
name: "
|
|
103573
|
-
styles: "flex-shrink:0;box-sizing:border-box;width:100%;max-width:100%;height:28px;
|
|
103648
|
+
name: "1ilqple",
|
|
103649
|
+
styles: "flex-shrink:0;box-sizing:border-box;width:100%;max-width:100%;min-height:28px;height:auto;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding-left:20px;padding-right:20px"
|
|
103574
103650
|
} : 0);
|
|
103575
103651
|
var MobileCompactTitle = /*#__PURE__*/createStyled("h2", true ? {
|
|
103576
|
-
target: "
|
|
103652
|
+
target: "e1g1uu3p33"
|
|
103577
103653
|
} : 0)( true ? {
|
|
103578
|
-
name: "
|
|
103579
|
-
styles: "margin:0;flex:1 1
|
|
103654
|
+
name: "1a3y3ud",
|
|
103655
|
+
styles: "margin:0;flex:1 1 0%;min-width:0;height:auto;min-height:28px;line-height:28px;font-family:Lora,sans-serif;font-weight:400;font-size:22px;color:#252525;text-align:left;white-space:normal;overflow:visible;overflow-wrap:break-word;word-break:normal"
|
|
103580
103656
|
} : 0);
|
|
103581
103657
|
var MobileModalHeaderCancelWrap = /*#__PURE__*/createStyled("div", true ? {
|
|
103582
|
-
target: "
|
|
103658
|
+
target: "e1g1uu3p32"
|
|
103583
103659
|
} : 0)( true ? {
|
|
103584
|
-
name: "
|
|
103585
|
-
styles: "flex:0 0 auto;margin-left:auto;height:28px;display:flex;justify-content:flex-end;align-items:center;.market-selector-mobile-header-cancel{width:auto;max-width:none;min-width:0;min-height:28px;border-radius:20px;padding-top:4px;padding-bottom:4px;padding-left:8px;padding-right:0;justify-content:flex-end;}.market-selector-mobile-header-cancel.MuiButton-root{min-width:0;}.market-selector-mobile-header-cancel span{min-width:0;white-space:nowrap;}"
|
|
103660
|
+
name: "18ccq6t",
|
|
103661
|
+
styles: "flex:0 0 auto;flex-shrink:0;margin-left:auto;height:auto;min-height:28px;display:flex;justify-content:flex-end;align-items:center;.market-selector-mobile-header-cancel{width:auto;max-width:none;min-width:0;min-height:28px;border-radius:20px;padding-top:4px;padding-bottom:4px;padding-left:8px;padding-right:0;justify-content:flex-end;}.market-selector-mobile-header-cancel.MuiButton-root{min-width:0;}.market-selector-mobile-header-cancel span{min-width:0;white-space:nowrap;}"
|
|
103586
103662
|
} : 0);
|
|
103587
103663
|
var MobileModalScrollContent = /*#__PURE__*/createStyled("div", true ? {
|
|
103588
|
-
target: "
|
|
103664
|
+
target: "e1g1uu3p31"
|
|
103589
103665
|
} : 0)( true ? {
|
|
103590
103666
|
name: "1q7526u",
|
|
103591
103667
|
styles: "flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;display:flex;flex-direction:column;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{width:0;height:0;display:none;}"
|
|
103592
103668
|
} : 0);
|
|
103593
103669
|
var MobileRememberControlsWrap = /*#__PURE__*/createStyled("div", true ? {
|
|
103594
|
-
target: "
|
|
103670
|
+
target: "e1g1uu3p30"
|
|
103595
103671
|
} : 0)( true ? {
|
|
103596
|
-
name: "
|
|
103597
|
-
styles: "width:100%;box-sizing:border-box"
|
|
103672
|
+
name: "iz1eca",
|
|
103673
|
+
styles: "width:100%;max-width:100%;box-sizing:border-box;padding:0 20px"
|
|
103598
103674
|
} : 0);
|
|
103599
103675
|
var MobileRememberControls = /*#__PURE__*/createStyled("div", true ? {
|
|
103600
|
-
target: "
|
|
103676
|
+
target: "e1g1uu3p29"
|
|
103601
103677
|
} : 0)( true ? {
|
|
103602
|
-
name: "
|
|
103603
|
-
styles: "display:flex;align-items:center;justify-content:flex-start"
|
|
103678
|
+
name: "13l7t94",
|
|
103679
|
+
styles: "display:flex;align-items:center;justify-content:flex-start;width:100%;max-width:100%;box-sizing:border-box"
|
|
103604
103680
|
} : 0);
|
|
103605
103681
|
var MobileRememberRowCompact = /*#__PURE__*/createStyled("label", true ? {
|
|
103682
|
+
target: "e1g1uu3p28"
|
|
103683
|
+
} : 0)( true ? {
|
|
103684
|
+
name: "2z4h9e",
|
|
103685
|
+
styles: "display:inline-flex;flex-wrap:nowrap;align-items:center;gap:10px;width:auto;max-width:100%;min-height:44px;height:auto;border-radius:24px;padding:10px 20px 10px 0;box-sizing:border-box;cursor:pointer;color:#5f5f5f;font-family:Lora,sans-serif;font-size:16px;line-height:22px;font-weight:500;text-align:left;vertical-align:middle;background:transparent;&:hover{background:#ebebeb;color:#252525;text-decoration:underline;text-decoration-color:#252525;}&:active{background:#dcdcdc;}&[data-checked=\"true\"]{background:transparent;color:#252525;}&[data-checked=\"true\"][data-toggle-source=\"row\"][data-hovered=\"true\"]{background:#dcdcdc;color:#252525;text-decoration:none;}&[data-toggle-source=\"checkbox\"][data-hovered=\"true\"]{background:#ebebeb;color:#252525;text-decoration:underline;text-decoration-color:#252525;}"
|
|
103686
|
+
} : 0);
|
|
103687
|
+
|
|
103688
|
+
/** Text beside the remember checkbox (desktop + mobile); wraps when the row hits max-width. */
|
|
103689
|
+
var RememberRowText = /*#__PURE__*/createStyled("span", true ? {
|
|
103606
103690
|
target: "e1g1uu3p27"
|
|
103607
103691
|
} : 0)( true ? {
|
|
103608
|
-
name: "
|
|
103609
|
-
styles: "
|
|
103692
|
+
name: "1my8jsd",
|
|
103693
|
+
styles: "flex:0 1 auto;min-width:0;max-width:100%;text-align:left;white-space:normal;overflow-wrap:break-word"
|
|
103610
103694
|
} : 0);
|
|
103611
103695
|
var MobileLocaleSectionBlock = /*#__PURE__*/createStyled("div", true ? {
|
|
103612
103696
|
target: "e1g1uu3p26"
|
|
@@ -103712,18 +103796,18 @@ var StickyTop = /*#__PURE__*/createStyled("div", true ? {
|
|
|
103712
103796
|
} : 0);
|
|
103713
103797
|
var HeaderRow = /*#__PURE__*/createStyled("header", true ? {
|
|
103714
103798
|
target: "e1g1uu3p7"
|
|
103715
|
-
} : 0)("width:100%;height:78px;display:
|
|
103799
|
+
} : 0)("width:100%;min-height:78px;height:auto;display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, auto) minmax(0, 1fr);align-items:center;box-sizing:border-box;padding:32px 32px 16px;gap:16px;@media (max-width: ", TABS_MOBILE_MAX_WIDTH_PX, "px){min-height:78px;padding:0 20px;}" + ( true ? "" : 0));
|
|
103716
103800
|
var LogoWrap = /*#__PURE__*/createStyled("div", true ? {
|
|
103717
103801
|
target: "e1g1uu3p6"
|
|
103718
|
-
} : 0)("display:inline-flex;align-items:center;justify-content:flex-start;width:147.5px;height:30px;>*{width:147.5px;height:30px;display:inline-flex;}@media (max-width: ", TABS_MOBILE_MAX_WIDTH_PX, "px){display:none;}" + ( true ? "" : 0));
|
|
103802
|
+
} : 0)("display:inline-flex;align-items:center;justify-content:flex-start;justify-self:start;width:147.5px;height:30px;>*{width:147.5px;height:30px;display:inline-flex;}@media (max-width: ", TABS_MOBILE_MAX_WIDTH_PX, "px){display:none;}" + ( true ? "" : 0));
|
|
103719
103803
|
var ModalTitle = /*#__PURE__*/createStyled("h2", true ? {
|
|
103720
103804
|
target: "e1g1uu3p5"
|
|
103721
|
-
} : 0)("margin:0;text-align:
|
|
103805
|
+
} : 0)("margin:0;justify-self:center;grid-column:2;min-width:0;width:fit-content;max-width:100%;height:auto;min-height:34px;text-align:center;color:#252525;font-family:Lora,sans-serif;font-size:26px;line-height:34px;font-weight:400;white-space:normal;overflow-wrap:break-word;@media (max-width: ", TABS_MOBILE_MAX_WIDTH_PX, "px){text-align:left;font-size:44px;line-height:58px;}" + ( true ? "" : 0));
|
|
103722
103806
|
var CancelWrap = /*#__PURE__*/createStyled("div", true ? {
|
|
103723
103807
|
target: "e1g1uu3p4"
|
|
103724
103808
|
} : 0)( true ? {
|
|
103725
|
-
name: "
|
|
103726
|
-
styles: "display:inline-flex;justify-content:flex-end;align-items:center"
|
|
103809
|
+
name: "a4yqjz",
|
|
103810
|
+
styles: "display:inline-flex;justify-content:flex-end;align-items:center;justify-self:end;grid-column:3"
|
|
103727
103811
|
} : 0);
|
|
103728
103812
|
var TopControls = /*#__PURE__*/createStyled("div", true ? {
|
|
103729
103813
|
target: "e1g1uu3p3"
|
|
@@ -103734,8 +103818,8 @@ var TabsRow = /*#__PURE__*/createStyled("div", true ? {
|
|
|
103734
103818
|
var RememberRow = /*#__PURE__*/createStyled("label", true ? {
|
|
103735
103819
|
target: "e1g1uu3p1"
|
|
103736
103820
|
} : 0)( true ? {
|
|
103737
|
-
name: "
|
|
103738
|
-
styles: "display:inline-flex;align-items:center;gap:10px;width:
|
|
103821
|
+
name: "1mvifq7",
|
|
103822
|
+
styles: "display:inline-flex;flex-wrap:nowrap;align-items:center;gap:10px;width:auto;max-width:100%;min-height:44px;height:auto;border-radius:24px;padding:10px 16px;box-sizing:border-box;cursor:pointer;color:#5f5f5f;font-family:Lora,sans-serif;font-size:16px;line-height:22px;font-weight:500;text-align:left;vertical-align:middle;background:transparent;&:hover{background:#ebebeb;color:#252525;text-decoration:underline;text-decoration-color:#252525;}&:active{background:#dcdcdc;}&[data-checked=\"true\"]{background:transparent;color:#252525;}&[data-checked=\"true\"][data-toggle-source=\"row\"][data-hovered=\"true\"]{background:#dcdcdc;color:#252525;text-decoration:none;}&[data-toggle-source=\"checkbox\"][data-hovered=\"true\"]{background:#ebebeb;color:#252525;text-decoration:underline;text-decoration-color:#252525;}"
|
|
103739
103823
|
} : 0);
|
|
103740
103824
|
var RememberCheckbox = /*#__PURE__*/createStyled("input", true ? {
|
|
103741
103825
|
target: "e1g1uu3p0"
|
|
@@ -104023,7 +104107,7 @@ function collectMarketsWithParentRegions(regions) {
|
|
|
104023
104107
|
});
|
|
104024
104108
|
}
|
|
104025
104109
|
var VB_EMPTY_STATE_TEXT = "Markets and languages are not authorable in Visual Builder mode.";
|
|
104026
|
-
var DEFAULT_EMPTY_STATE_TEXT = "
|
|
104110
|
+
var DEFAULT_EMPTY_STATE_TEXT = "Markets and languages were not found for this page.";
|
|
104027
104111
|
function computeTriggerDisplay(_ref) {
|
|
104028
104112
|
var _sessionPillDisplay$l, _sessionPillDisplay$c;
|
|
104029
104113
|
var sessionPillDisplay = _ref.sessionPillDisplay,
|
|
@@ -104393,7 +104477,7 @@ function renderMarketSelectorModalDesktop(_ref7) {
|
|
|
104393
104477
|
})
|
|
104394
104478
|
})]
|
|
104395
104479
|
}), /*#__PURE__*/(0,jsx_runtime_.jsx)(TopControls, {
|
|
104396
|
-
children: /*#__PURE__*/(0,jsx_runtime_.jsxs)(RememberRow,
|
|
104480
|
+
children: /*#__PURE__*/(0,jsx_runtime_.jsxs)(RememberRow, {
|
|
104397
104481
|
htmlFor: "market-selector-remember-selection",
|
|
104398
104482
|
"data-checked": rememberSelection ? "true" : "false",
|
|
104399
104483
|
"data-toggle-source": rememberToggleSource,
|
|
@@ -104417,8 +104501,7 @@ function renderMarketSelectorModalDesktop(_ref7) {
|
|
|
104417
104501
|
return;
|
|
104418
104502
|
}
|
|
104419
104503
|
setRememberToggleSource("row");
|
|
104420
|
-
}
|
|
104421
|
-
}, (_marketSelectorDollar3 = marketSelectorDollar === null || marketSelectorDollar === void 0 ? void 0 : marketSelectorDollar.remember_region_text) !== null && _marketSelectorDollar3 !== void 0 ? _marketSelectorDollar3 : {}), {}, {
|
|
104504
|
+
},
|
|
104422
104505
|
children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(RememberCheckbox, {
|
|
104423
104506
|
id: "market-selector-remember-selection",
|
|
104424
104507
|
type: "checkbox",
|
|
@@ -104439,8 +104522,10 @@ function renderMarketSelectorModalDesktop(_ref7) {
|
|
|
104439
104522
|
});
|
|
104440
104523
|
},
|
|
104441
104524
|
"data-testid": "market-selector-remember-selection"
|
|
104442
|
-
}),
|
|
104443
|
-
|
|
104525
|
+
}), /*#__PURE__*/(0,jsx_runtime_.jsx)(RememberRowText, MarketSelector_objectSpread(MarketSelector_objectSpread({}, (_marketSelectorDollar3 = marketSelectorDollar === null || marketSelectorDollar === void 0 ? void 0 : marketSelectorDollar.remember_region_text) !== null && _marketSelectorDollar3 !== void 0 ? _marketSelectorDollar3 : {}), {}, {
|
|
104526
|
+
children: text.rememberSelectionText
|
|
104527
|
+
}))]
|
|
104528
|
+
})
|
|
104444
104529
|
}), /*#__PURE__*/(0,jsx_runtime_.jsx)(TabsRow, {
|
|
104445
104530
|
children: /*#__PURE__*/(0,jsx_runtime_.jsx)(CountryListSelector, {
|
|
104446
104531
|
className: "market-selector-tabs",
|
|
@@ -104533,7 +104618,7 @@ function renderMarketSelectorModalMobile(_ref8) {
|
|
|
104533
104618
|
"data-testid": "market-selector-mobile-scroll-content",
|
|
104534
104619
|
children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(MobileRememberControlsWrap, {
|
|
104535
104620
|
children: /*#__PURE__*/(0,jsx_runtime_.jsx)(MobileRememberControls, {
|
|
104536
|
-
children: /*#__PURE__*/(0,jsx_runtime_.jsxs)(MobileRememberRowCompact,
|
|
104621
|
+
children: /*#__PURE__*/(0,jsx_runtime_.jsxs)(MobileRememberRowCompact, {
|
|
104537
104622
|
htmlFor: "market-selector-remember-selection",
|
|
104538
104623
|
"data-checked": rememberSelection ? "true" : "false",
|
|
104539
104624
|
"data-toggle-source": rememberToggleSource,
|
|
@@ -104557,8 +104642,7 @@ function renderMarketSelectorModalMobile(_ref8) {
|
|
|
104557
104642
|
return;
|
|
104558
104643
|
}
|
|
104559
104644
|
setRememberToggleSource("row");
|
|
104560
|
-
}
|
|
104561
|
-
}, (_marketSelectorDollar6 = marketSelectorDollar === null || marketSelectorDollar === void 0 ? void 0 : marketSelectorDollar.remember_region_text) !== null && _marketSelectorDollar6 !== void 0 ? _marketSelectorDollar6 : {}), {}, {
|
|
104645
|
+
},
|
|
104562
104646
|
children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(RememberCheckbox, {
|
|
104563
104647
|
id: "market-selector-remember-selection",
|
|
104564
104648
|
type: "checkbox",
|
|
@@ -104579,8 +104663,10 @@ function renderMarketSelectorModalMobile(_ref8) {
|
|
|
104579
104663
|
});
|
|
104580
104664
|
},
|
|
104581
104665
|
"data-testid": "market-selector-remember-selection"
|
|
104582
|
-
}),
|
|
104583
|
-
|
|
104666
|
+
}), /*#__PURE__*/(0,jsx_runtime_.jsx)(RememberRowText, MarketSelector_objectSpread(MarketSelector_objectSpread({}, (_marketSelectorDollar6 = marketSelectorDollar === null || marketSelectorDollar === void 0 ? void 0 : marketSelectorDollar.remember_region_text) !== null && _marketSelectorDollar6 !== void 0 ? _marketSelectorDollar6 : {}), {}, {
|
|
104667
|
+
children: text.rememberSelectionText
|
|
104668
|
+
}))]
|
|
104669
|
+
})
|
|
104584
104670
|
})
|
|
104585
104671
|
}), /*#__PURE__*/(0,jsx_runtime_.jsxs)(MobileModalBody, {
|
|
104586
104672
|
children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(MobileLocaleSectionBlock, {
|
|
@@ -105051,14 +105137,15 @@ var DEFAULT_ACCOUNT = {
|
|
|
105051
105137
|
sign_in_label: "Sign In",
|
|
105052
105138
|
sign_up_label: "Sign Up"
|
|
105053
105139
|
};
|
|
105054
|
-
var DEFAULT_CART = {
|
|
105055
|
-
aria_label: "Shopping cart",
|
|
105056
|
-
count: 0
|
|
105057
|
-
};
|
|
105058
105140
|
var DEFAULT_SEARCH = {
|
|
105059
105141
|
placeholder: "Product Search",
|
|
105060
105142
|
input_aria_label: "Product search"
|
|
105061
105143
|
};
|
|
105144
|
+
var DEFAULT_CART = {
|
|
105145
|
+
show_cart_icon: false,
|
|
105146
|
+
show_cart_count: false,
|
|
105147
|
+
item_count: 0
|
|
105148
|
+
};
|
|
105062
105149
|
var DEFAULT_NAVIGATION = {
|
|
105063
105150
|
topNavItems: [{
|
|
105064
105151
|
id: "devices",
|
|
@@ -105111,7 +105198,7 @@ var DEFAULT_TOP_RIBBON_LINKS = [{
|
|
|
105111
105198
|
ariaLabel: "Shop Gifts"
|
|
105112
105199
|
}];
|
|
105113
105200
|
function HeaderView(_ref) {
|
|
105114
|
-
var _headerEntry$logo, _headerEntry$locale_s, _headerEntry$utility_, _headerEntry$utility_2, _headerEntry$account, _headerEntry$
|
|
105201
|
+
var _headerEntry$logo, _headerEntry$locale_s, _headerEntry$utility_, _headerEntry$utility_2, _headerEntry$account, _headerEntry$search, _headerEntry$cart, _headerEntry$top_ribb, _headerEntry$navigati, _headerEntry$market_s, _headerEntry$$, _ref2, _headerEntry$locale, _headerEntry$$2, _headerEntry$$3;
|
|
105115
105202
|
var country = _ref.country,
|
|
105116
105203
|
language = _ref.language,
|
|
105117
105204
|
locale = _ref.locale,
|
|
@@ -105127,11 +105214,12 @@ function HeaderView(_ref) {
|
|
|
105127
105214
|
return link === null || link === void 0 ? void 0 : link.loyalty_menu;
|
|
105128
105215
|
})) === null || _headerEntry$utility_2 === void 0 || (_headerEntry$utility_2 = _headerEntry$utility_2.loyalty_menu) === null || _headerEntry$utility_2 === void 0 ? void 0 : _headerEntry$utility_2[0]) !== null && _headerEntry$utility_ !== void 0 ? _headerEntry$utility_ : DEFAULT_LOYALTY;
|
|
105129
105216
|
var accountData = (_headerEntry$account = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.account) !== null && _headerEntry$account !== void 0 ? _headerEntry$account : DEFAULT_ACCOUNT;
|
|
105130
|
-
var cartData = (_headerEntry$cart = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.cart) !== null && _headerEntry$cart !== void 0 ? _headerEntry$cart : DEFAULT_CART;
|
|
105131
105217
|
var searchData = (_headerEntry$search = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.search) !== null && _headerEntry$search !== void 0 ? _headerEntry$search : DEFAULT_SEARCH;
|
|
105218
|
+
var cartData = (_headerEntry$cart = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.cart) !== null && _headerEntry$cart !== void 0 ? _headerEntry$cart : DEFAULT_CART;
|
|
105132
105219
|
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;
|
|
105133
105220
|
var navigationData = (_headerEntry$navigati = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.navigation) !== null && _headerEntry$navigati !== void 0 ? _headerEntry$navigati : DEFAULT_NAVIGATION;
|
|
105134
105221
|
var marketSelector = (_headerEntry$market_s = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.market_selector) !== null && _headerEntry$market_s !== void 0 ? _headerEntry$market_s : DEFAULT_MARKET_SELECTOR;
|
|
105222
|
+
console.log("HeaderView render", headerEntry); // Debug log to trace re-renders and data
|
|
105135
105223
|
return /*#__PURE__*/(0,jsx_runtime_.jsxs)(HeaderRoot, {
|
|
105136
105224
|
"data-testid": "header-view",
|
|
105137
105225
|
"data-country": country,
|
|
@@ -105165,7 +105253,8 @@ function HeaderView(_ref) {
|
|
|
105165
105253
|
"aria-label": searchData.input_aria_label,
|
|
105166
105254
|
children: /*#__PURE__*/(0,jsx_runtime_.jsx)(IconSearch, {})
|
|
105167
105255
|
}), /*#__PURE__*/(0,jsx_runtime_.jsx)(HeaderCartRegion, {
|
|
105168
|
-
data: cartData
|
|
105256
|
+
data: cartData,
|
|
105257
|
+
parent$: headerEntry === null || headerEntry === void 0 || (_headerEntry$$ = headerEntry.$) === null || _headerEntry$$ === void 0 ? void 0 : _headerEntry$$.cart
|
|
105169
105258
|
})]
|
|
105170
105259
|
}), /*#__PURE__*/(0,jsx_runtime_.jsxs)(RightHeaderCluster, {
|
|
105171
105260
|
children: [/*#__PURE__*/(0,jsx_runtime_.jsxs)(UtilityBar, {
|
|
@@ -105174,7 +105263,7 @@ function HeaderView(_ref) {
|
|
|
105174
105263
|
data: marketSelector,
|
|
105175
105264
|
logo: logoData,
|
|
105176
105265
|
locale: String((_ref2 = (_headerEntry$locale = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.locale) !== null && _headerEntry$locale !== void 0 ? _headerEntry$locale : locale) !== null && _ref2 !== void 0 ? _ref2 : "").trim(),
|
|
105177
|
-
parent$: headerEntry === null || headerEntry === void 0 || (_headerEntry$$ = headerEntry.$) === null || _headerEntry$$ === void 0 ? void 0 : _headerEntry
|
|
105266
|
+
parent$: headerEntry === null || headerEntry === void 0 || (_headerEntry$$2 = headerEntry.$) === null || _headerEntry$$2 === void 0 ? void 0 : _headerEntry$$2.market_selector__0,
|
|
105178
105267
|
mobileTriggerMode: "drawerPortal",
|
|
105179
105268
|
drawerOpen: isMobileMenuOpen,
|
|
105180
105269
|
drawerTriggerMountRef: mobileMarketTriggerMountRef
|
|
@@ -105183,7 +105272,8 @@ function HeaderView(_ref) {
|
|
|
105183
105272
|
}), /*#__PURE__*/(0,jsx_runtime_.jsx)(HeaderAccountRegion, {
|
|
105184
105273
|
data: accountData
|
|
105185
105274
|
}), /*#__PURE__*/(0,jsx_runtime_.jsx)(HeaderCartRegion, {
|
|
105186
|
-
data: cartData
|
|
105275
|
+
data: cartData,
|
|
105276
|
+
parent$: headerEntry === null || headerEntry === void 0 || (_headerEntry$$3 = headerEntry.$) === null || _headerEntry$$3 === void 0 ? void 0 : _headerEntry$$3.cart
|
|
105187
105277
|
})]
|
|
105188
105278
|
}), /*#__PURE__*/(0,jsx_runtime_.jsx)(SearchSlot, {
|
|
105189
105279
|
children: /*#__PURE__*/(0,jsx_runtime_.jsx)(HeaderSearchRegion, {
|