@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.mjs
CHANGED
|
@@ -100785,6 +100785,8 @@ HeaderLoyaltyRegion.propTypes = {
|
|
|
100785
100785
|
}).isRequired
|
|
100786
100786
|
};
|
|
100787
100787
|
;// ./src/components/header/HeaderIcons.jsx
|
|
100788
|
+
/* unused harmony import specifier */ var _jsxs;
|
|
100789
|
+
/* unused harmony import specifier */ var _jsx;
|
|
100788
100790
|
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); }
|
|
100789
100791
|
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; }
|
|
100790
100792
|
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; }
|
|
@@ -100866,7 +100868,7 @@ function IconUser(props) {
|
|
|
100866
100868
|
}));
|
|
100867
100869
|
}
|
|
100868
100870
|
function IconCart(props) {
|
|
100869
|
-
return /*#__PURE__*/(
|
|
100871
|
+
return /*#__PURE__*/_jsxs("svg", HeaderIcons_objectSpread(HeaderIcons_objectSpread({
|
|
100870
100872
|
width: "20",
|
|
100871
100873
|
height: "20",
|
|
100872
100874
|
viewBox: "0 0 24 24",
|
|
@@ -100874,18 +100876,18 @@ function IconCart(props) {
|
|
|
100874
100876
|
xmlns: "http://www.w3.org/2000/svg",
|
|
100875
100877
|
"aria-hidden": true
|
|
100876
100878
|
}, props), {}, {
|
|
100877
|
-
children: [/*#__PURE__*/(
|
|
100879
|
+
children: [/*#__PURE__*/_jsx("path", {
|
|
100878
100880
|
d: "M6 7h15l-2 10H8L6 7zm0 0L5 3H2",
|
|
100879
100881
|
stroke: "currentColor",
|
|
100880
100882
|
strokeWidth: "2",
|
|
100881
100883
|
strokeLinecap: "round",
|
|
100882
100884
|
strokeLinejoin: "round"
|
|
100883
|
-
}), /*#__PURE__*/(
|
|
100885
|
+
}), /*#__PURE__*/_jsx("circle", {
|
|
100884
100886
|
cx: "10",
|
|
100885
100887
|
cy: "20",
|
|
100886
100888
|
r: "1",
|
|
100887
100889
|
fill: "currentColor"
|
|
100888
|
-
}), /*#__PURE__*/(
|
|
100890
|
+
}), /*#__PURE__*/_jsx("circle", {
|
|
100889
100891
|
cx: "18",
|
|
100890
100892
|
cy: "20",
|
|
100891
100893
|
r: "1",
|
|
@@ -100944,30 +100946,104 @@ HeaderAccountRegion.propTypes = {
|
|
|
100944
100946
|
sign_up_label: external_prop_types_["default"].string.isRequired
|
|
100945
100947
|
}).isRequired
|
|
100946
100948
|
};
|
|
100947
|
-
;// ./src/components/
|
|
100949
|
+
;// ./src/components/cart/Cart.styled.jsx
|
|
100948
100950
|
|
|
100951
|
+
var CartIconWrapper = /*#__PURE__*/createStyled("div", true ? {
|
|
100952
|
+
target: "ein8udj0"
|
|
100953
|
+
} : 0)("display:flex;align-items:center;position:relative;", function (_ref) {
|
|
100954
|
+
var isEditing = _ref.isEditing;
|
|
100955
|
+
return isEditing && "\n & > * {\n pointer-events: none;\n }\n ";
|
|
100956
|
+
}, " & .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) {
|
|
100957
|
+
var showCartCount = _ref2.showCartCount;
|
|
100958
|
+
return !showCartCount && "\n display: none;\n ";
|
|
100959
|
+
}, ";}" + ( true ? "" : 0));
|
|
100960
|
+
;// ./src/components/cart/Cart.constants.js
|
|
100961
|
+
var DEFAULT_ITEM_COUNT = 0;
|
|
100962
|
+
var DEFAULT_ARIA_LABEL = "Shopping cart";
|
|
100963
|
+
var DEFAULT_SHOW_CART_ICON = false;
|
|
100964
|
+
var DEFAULT_SHOW_CART_COUNT = false;
|
|
100965
|
+
;// ./src/components/cart/Cart.jsx
|
|
100966
|
+
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); }
|
|
100967
|
+
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; }
|
|
100968
|
+
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; }
|
|
100969
|
+
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; }
|
|
100970
|
+
function Cart_toPropertyKey(t) { var i = Cart_toPrimitive(t, "string"); return "symbol" == Cart_typeof(i) ? i : i + ""; }
|
|
100971
|
+
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); }
|
|
100949
100972
|
|
|
100950
100973
|
|
|
100951
100974
|
|
|
100952
100975
|
|
|
100953
|
-
|
|
100954
|
-
|
|
100955
|
-
|
|
100956
|
-
|
|
100957
|
-
|
|
100958
|
-
|
|
100959
|
-
|
|
100960
|
-
|
|
100961
|
-
|
|
100962
|
-
|
|
100976
|
+
|
|
100977
|
+
|
|
100978
|
+
|
|
100979
|
+
function Cart(_ref) {
|
|
100980
|
+
var itemCount = _ref.itemCount,
|
|
100981
|
+
ariaLabel = _ref.ariaLabel,
|
|
100982
|
+
showCartIcon = _ref.showCartIcon,
|
|
100983
|
+
showCartCount = _ref.showCartCount,
|
|
100984
|
+
$ = _ref.$;
|
|
100985
|
+
var editing = isEditingMode();
|
|
100986
|
+
if (!showCartIcon) {
|
|
100987
|
+
return null;
|
|
100988
|
+
}
|
|
100989
|
+
return /*#__PURE__*/(0,jsx_runtime_.jsx)(CartIconWrapper, Cart_objectSpread(Cart_objectSpread({
|
|
100990
|
+
"data-testid": "cart",
|
|
100991
|
+
"aria-label": ariaLabel,
|
|
100992
|
+
showCartCount: showCartCount,
|
|
100993
|
+
isEditing: editing
|
|
100994
|
+
}, $ || {}), {}, {
|
|
100995
|
+
children: /*#__PURE__*/(0,jsx_runtime_.jsx)(dist.NsCartIcon, {
|
|
100996
|
+
itemCount: showCartCount ? itemCount : 0,
|
|
100997
|
+
size: "large",
|
|
100998
|
+
color: "slate"
|
|
100963
100999
|
})
|
|
101000
|
+
}));
|
|
101001
|
+
}
|
|
101002
|
+
Cart.propTypes = {
|
|
101003
|
+
itemCount: external_prop_types_["default"].number,
|
|
101004
|
+
ariaLabel: external_prop_types_["default"].string,
|
|
101005
|
+
showCartIcon: external_prop_types_["default"].bool,
|
|
101006
|
+
showCartCount: external_prop_types_["default"].bool,
|
|
101007
|
+
$: external_prop_types_["default"].object
|
|
101008
|
+
};
|
|
101009
|
+
Cart.defaultProps = {
|
|
101010
|
+
itemCount: DEFAULT_ITEM_COUNT,
|
|
101011
|
+
ariaLabel: DEFAULT_ARIA_LABEL,
|
|
101012
|
+
showCartIcon: DEFAULT_SHOW_CART_ICON,
|
|
101013
|
+
showCartCount: DEFAULT_SHOW_CART_COUNT,
|
|
101014
|
+
$: null
|
|
101015
|
+
};
|
|
101016
|
+
;// ./src/components/header/regions/HeaderCartRegion.jsx
|
|
101017
|
+
|
|
101018
|
+
|
|
101019
|
+
|
|
101020
|
+
|
|
101021
|
+
function HeaderCartRegion(_ref) {
|
|
101022
|
+
var _data$show_cart_icon, _data$show_cart_count, _data$item_count;
|
|
101023
|
+
var data = _ref.data,
|
|
101024
|
+
parent$ = _ref.parent$;
|
|
101025
|
+
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;
|
|
101026
|
+
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;
|
|
101027
|
+
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;
|
|
101028
|
+
return /*#__PURE__*/(0,jsx_runtime_.jsx)(Cart, {
|
|
101029
|
+
itemCount: itemCount,
|
|
101030
|
+
"aria-label": "Shopping cart",
|
|
101031
|
+
showCartIcon: showCartIcon,
|
|
101032
|
+
showCartCount: showCartCount,
|
|
101033
|
+
$: parent$
|
|
100964
101034
|
});
|
|
100965
101035
|
}
|
|
100966
101036
|
HeaderCartRegion.propTypes = {
|
|
100967
101037
|
data: external_prop_types_["default"].shape({
|
|
100968
|
-
|
|
100969
|
-
|
|
100970
|
-
|
|
101038
|
+
show_cart_icon: external_prop_types_["default"].bool,
|
|
101039
|
+
show_cart_count: external_prop_types_["default"].bool,
|
|
101040
|
+
item_count: external_prop_types_["default"].number
|
|
101041
|
+
}),
|
|
101042
|
+
parent$: external_prop_types_["default"].object
|
|
101043
|
+
};
|
|
101044
|
+
HeaderCartRegion.defaultProps = {
|
|
101045
|
+
data: null,
|
|
101046
|
+
parent$: null
|
|
100971
101047
|
};
|
|
100972
101048
|
;// ./src/components/header/regions/HeaderSearchRegion.jsx
|
|
100973
101049
|
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || HeaderSearchRegion_unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
@@ -102513,7 +102589,7 @@ var LocaleButton = /*#__PURE__*/createStyled("div", true ? {
|
|
|
102513
102589
|
return props.$selected ? CountryListSelectorTheme.typography.selectedLocaleWeight : CountryListSelectorTheme.typography.localeWeight;
|
|
102514
102590
|
}, ";cursor:pointer;color:", function (props) {
|
|
102515
102591
|
return props.$selected ? CountryListSelectorTheme.colors.localeSelectedTextDesktop : CountryListSelectorTheme.colors.localeColor;
|
|
102516
|
-
}, ";&: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
|
|
102592
|
+
}, ";&: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) {
|
|
102517
102593
|
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 ") : "";
|
|
102518
102594
|
}, ";}" + ( true ? "" : 0));
|
|
102519
102595
|
var EmptyState = /*#__PURE__*/createStyled("p", true ? {
|
|
@@ -103125,64 +103201,72 @@ var DESKTOP_MIN_WIDTH_PX = 1025;
|
|
|
103125
103201
|
|
|
103126
103202
|
/** Full-screen market modal layer (above mobile drawer z-index 9999). */
|
|
103127
103203
|
var MobileMarketFullScreenRoot = /*#__PURE__*/createStyled("div", true ? {
|
|
103128
|
-
target: "
|
|
103204
|
+
target: "e1g1uu3p37"
|
|
103129
103205
|
} : 0)( true ? {
|
|
103130
103206
|
name: "1n6oz2n",
|
|
103131
103207
|
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;}"
|
|
103132
103208
|
} : 0);
|
|
103133
103209
|
var MobileMarketDialogInner = /*#__PURE__*/createStyled("dialog", true ? {
|
|
103134
|
-
target: "
|
|
103210
|
+
target: "e1g1uu3p36"
|
|
103135
103211
|
} : 0)( true ? {
|
|
103136
103212
|
name: "1d69jno",
|
|
103137
103213
|
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"
|
|
103138
103214
|
} : 0);
|
|
103139
103215
|
var MobileStickyHeaderContainer = /*#__PURE__*/createStyled("div", true ? {
|
|
103140
|
-
target: "
|
|
103216
|
+
target: "e1g1uu3p35"
|
|
103141
103217
|
} : 0)( true ? {
|
|
103142
|
-
name: "
|
|
103143
|
-
styles: "position:sticky;top:0;z-index:2;width:100%;max-width:100%;height:110px;
|
|
103218
|
+
name: "50r0ag",
|
|
103219
|
+
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"
|
|
103144
103220
|
} : 0);
|
|
103145
103221
|
var MobileCompactHeaderRow = /*#__PURE__*/createStyled("header", true ? {
|
|
103146
|
-
target: "
|
|
103222
|
+
target: "e1g1uu3p34"
|
|
103147
103223
|
} : 0)( true ? {
|
|
103148
|
-
name: "
|
|
103149
|
-
styles: "flex-shrink:0;box-sizing:border-box;width:100%;max-width:100%;height:28px;
|
|
103224
|
+
name: "1ilqple",
|
|
103225
|
+
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"
|
|
103150
103226
|
} : 0);
|
|
103151
103227
|
var MobileCompactTitle = /*#__PURE__*/createStyled("h2", true ? {
|
|
103152
|
-
target: "
|
|
103228
|
+
target: "e1g1uu3p33"
|
|
103153
103229
|
} : 0)( true ? {
|
|
103154
|
-
name: "
|
|
103155
|
-
styles: "margin:0;flex:1 1
|
|
103230
|
+
name: "1a3y3ud",
|
|
103231
|
+
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"
|
|
103156
103232
|
} : 0);
|
|
103157
103233
|
var MobileModalHeaderCancelWrap = /*#__PURE__*/createStyled("div", true ? {
|
|
103158
|
-
target: "
|
|
103234
|
+
target: "e1g1uu3p32"
|
|
103159
103235
|
} : 0)( true ? {
|
|
103160
|
-
name: "
|
|
103161
|
-
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;}"
|
|
103236
|
+
name: "18ccq6t",
|
|
103237
|
+
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;}"
|
|
103162
103238
|
} : 0);
|
|
103163
103239
|
var MobileModalScrollContent = /*#__PURE__*/createStyled("div", true ? {
|
|
103164
|
-
target: "
|
|
103240
|
+
target: "e1g1uu3p31"
|
|
103165
103241
|
} : 0)( true ? {
|
|
103166
103242
|
name: "1q7526u",
|
|
103167
103243
|
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;}"
|
|
103168
103244
|
} : 0);
|
|
103169
103245
|
var MobileRememberControlsWrap = /*#__PURE__*/createStyled("div", true ? {
|
|
103170
|
-
target: "
|
|
103246
|
+
target: "e1g1uu3p30"
|
|
103171
103247
|
} : 0)( true ? {
|
|
103172
|
-
name: "
|
|
103173
|
-
styles: "width:100%;box-sizing:border-box"
|
|
103248
|
+
name: "iz1eca",
|
|
103249
|
+
styles: "width:100%;max-width:100%;box-sizing:border-box;padding:0 20px"
|
|
103174
103250
|
} : 0);
|
|
103175
103251
|
var MobileRememberControls = /*#__PURE__*/createStyled("div", true ? {
|
|
103176
|
-
target: "
|
|
103252
|
+
target: "e1g1uu3p29"
|
|
103177
103253
|
} : 0)( true ? {
|
|
103178
|
-
name: "
|
|
103179
|
-
styles: "display:flex;align-items:center;justify-content:flex-start"
|
|
103254
|
+
name: "13l7t94",
|
|
103255
|
+
styles: "display:flex;align-items:center;justify-content:flex-start;width:100%;max-width:100%;box-sizing:border-box"
|
|
103180
103256
|
} : 0);
|
|
103181
103257
|
var MobileRememberRowCompact = /*#__PURE__*/createStyled("label", true ? {
|
|
103258
|
+
target: "e1g1uu3p28"
|
|
103259
|
+
} : 0)( true ? {
|
|
103260
|
+
name: "2z4h9e",
|
|
103261
|
+
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;}"
|
|
103262
|
+
} : 0);
|
|
103263
|
+
|
|
103264
|
+
/** Text beside the remember checkbox (desktop + mobile); wraps when the row hits max-width. */
|
|
103265
|
+
var RememberRowText = /*#__PURE__*/createStyled("span", true ? {
|
|
103182
103266
|
target: "e1g1uu3p27"
|
|
103183
103267
|
} : 0)( true ? {
|
|
103184
|
-
name: "
|
|
103185
|
-
styles: "
|
|
103268
|
+
name: "1my8jsd",
|
|
103269
|
+
styles: "flex:0 1 auto;min-width:0;max-width:100%;text-align:left;white-space:normal;overflow-wrap:break-word"
|
|
103186
103270
|
} : 0);
|
|
103187
103271
|
var MobileLocaleSectionBlock = /*#__PURE__*/createStyled("div", true ? {
|
|
103188
103272
|
target: "e1g1uu3p26"
|
|
@@ -103288,18 +103372,18 @@ var StickyTop = /*#__PURE__*/createStyled("div", true ? {
|
|
|
103288
103372
|
} : 0);
|
|
103289
103373
|
var HeaderRow = /*#__PURE__*/createStyled("header", true ? {
|
|
103290
103374
|
target: "e1g1uu3p7"
|
|
103291
|
-
} : 0)("width:100%;height:78px;display:
|
|
103375
|
+
} : 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));
|
|
103292
103376
|
var LogoWrap = /*#__PURE__*/createStyled("div", true ? {
|
|
103293
103377
|
target: "e1g1uu3p6"
|
|
103294
|
-
} : 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));
|
|
103378
|
+
} : 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));
|
|
103295
103379
|
var ModalTitle = /*#__PURE__*/createStyled("h2", true ? {
|
|
103296
103380
|
target: "e1g1uu3p5"
|
|
103297
|
-
} : 0)("margin:0;text-align:
|
|
103381
|
+
} : 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));
|
|
103298
103382
|
var CancelWrap = /*#__PURE__*/createStyled("div", true ? {
|
|
103299
103383
|
target: "e1g1uu3p4"
|
|
103300
103384
|
} : 0)( true ? {
|
|
103301
|
-
name: "
|
|
103302
|
-
styles: "display:inline-flex;justify-content:flex-end;align-items:center"
|
|
103385
|
+
name: "a4yqjz",
|
|
103386
|
+
styles: "display:inline-flex;justify-content:flex-end;align-items:center;justify-self:end;grid-column:3"
|
|
103303
103387
|
} : 0);
|
|
103304
103388
|
var TopControls = /*#__PURE__*/createStyled("div", true ? {
|
|
103305
103389
|
target: "e1g1uu3p3"
|
|
@@ -103310,8 +103394,8 @@ var TabsRow = /*#__PURE__*/createStyled("div", true ? {
|
|
|
103310
103394
|
var RememberRow = /*#__PURE__*/createStyled("label", true ? {
|
|
103311
103395
|
target: "e1g1uu3p1"
|
|
103312
103396
|
} : 0)( true ? {
|
|
103313
|
-
name: "
|
|
103314
|
-
styles: "display:inline-flex;align-items:center;gap:10px;width:
|
|
103397
|
+
name: "1mvifq7",
|
|
103398
|
+
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;}"
|
|
103315
103399
|
} : 0);
|
|
103316
103400
|
var RememberCheckbox = /*#__PURE__*/createStyled("input", true ? {
|
|
103317
103401
|
target: "e1g1uu3p0"
|
|
@@ -103599,7 +103683,7 @@ function collectMarketsWithParentRegions(regions) {
|
|
|
103599
103683
|
});
|
|
103600
103684
|
}
|
|
103601
103685
|
var VB_EMPTY_STATE_TEXT = "Markets and languages are not authorable in Visual Builder mode.";
|
|
103602
|
-
var DEFAULT_EMPTY_STATE_TEXT = "
|
|
103686
|
+
var DEFAULT_EMPTY_STATE_TEXT = "Markets and languages were not found for this page.";
|
|
103603
103687
|
function computeTriggerDisplay(_ref) {
|
|
103604
103688
|
var _sessionPillDisplay$l, _sessionPillDisplay$c;
|
|
103605
103689
|
var sessionPillDisplay = _ref.sessionPillDisplay,
|
|
@@ -103969,7 +104053,7 @@ function renderMarketSelectorModalDesktop(_ref7) {
|
|
|
103969
104053
|
})
|
|
103970
104054
|
})]
|
|
103971
104055
|
}), /*#__PURE__*/(0,jsx_runtime_.jsx)(TopControls, {
|
|
103972
|
-
children: /*#__PURE__*/(0,jsx_runtime_.jsxs)(RememberRow,
|
|
104056
|
+
children: /*#__PURE__*/(0,jsx_runtime_.jsxs)(RememberRow, {
|
|
103973
104057
|
htmlFor: "market-selector-remember-selection",
|
|
103974
104058
|
"data-checked": rememberSelection ? "true" : "false",
|
|
103975
104059
|
"data-toggle-source": rememberToggleSource,
|
|
@@ -103993,8 +104077,7 @@ function renderMarketSelectorModalDesktop(_ref7) {
|
|
|
103993
104077
|
return;
|
|
103994
104078
|
}
|
|
103995
104079
|
setRememberToggleSource("row");
|
|
103996
|
-
}
|
|
103997
|
-
}, (_marketSelectorDollar3 = marketSelectorDollar === null || marketSelectorDollar === void 0 ? void 0 : marketSelectorDollar.remember_region_text) !== null && _marketSelectorDollar3 !== void 0 ? _marketSelectorDollar3 : {}), {}, {
|
|
104080
|
+
},
|
|
103998
104081
|
children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(RememberCheckbox, {
|
|
103999
104082
|
id: "market-selector-remember-selection",
|
|
104000
104083
|
type: "checkbox",
|
|
@@ -104015,8 +104098,10 @@ function renderMarketSelectorModalDesktop(_ref7) {
|
|
|
104015
104098
|
});
|
|
104016
104099
|
},
|
|
104017
104100
|
"data-testid": "market-selector-remember-selection"
|
|
104018
|
-
}),
|
|
104019
|
-
|
|
104101
|
+
}), /*#__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 : {}), {}, {
|
|
104102
|
+
children: text.rememberSelectionText
|
|
104103
|
+
}))]
|
|
104104
|
+
})
|
|
104020
104105
|
}), /*#__PURE__*/(0,jsx_runtime_.jsx)(TabsRow, {
|
|
104021
104106
|
children: /*#__PURE__*/(0,jsx_runtime_.jsx)(CountryListSelector, {
|
|
104022
104107
|
className: "market-selector-tabs",
|
|
@@ -104109,7 +104194,7 @@ function renderMarketSelectorModalMobile(_ref8) {
|
|
|
104109
104194
|
"data-testid": "market-selector-mobile-scroll-content",
|
|
104110
104195
|
children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(MobileRememberControlsWrap, {
|
|
104111
104196
|
children: /*#__PURE__*/(0,jsx_runtime_.jsx)(MobileRememberControls, {
|
|
104112
|
-
children: /*#__PURE__*/(0,jsx_runtime_.jsxs)(MobileRememberRowCompact,
|
|
104197
|
+
children: /*#__PURE__*/(0,jsx_runtime_.jsxs)(MobileRememberRowCompact, {
|
|
104113
104198
|
htmlFor: "market-selector-remember-selection",
|
|
104114
104199
|
"data-checked": rememberSelection ? "true" : "false",
|
|
104115
104200
|
"data-toggle-source": rememberToggleSource,
|
|
@@ -104133,8 +104218,7 @@ function renderMarketSelectorModalMobile(_ref8) {
|
|
|
104133
104218
|
return;
|
|
104134
104219
|
}
|
|
104135
104220
|
setRememberToggleSource("row");
|
|
104136
|
-
}
|
|
104137
|
-
}, (_marketSelectorDollar6 = marketSelectorDollar === null || marketSelectorDollar === void 0 ? void 0 : marketSelectorDollar.remember_region_text) !== null && _marketSelectorDollar6 !== void 0 ? _marketSelectorDollar6 : {}), {}, {
|
|
104221
|
+
},
|
|
104138
104222
|
children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(RememberCheckbox, {
|
|
104139
104223
|
id: "market-selector-remember-selection",
|
|
104140
104224
|
type: "checkbox",
|
|
@@ -104155,8 +104239,10 @@ function renderMarketSelectorModalMobile(_ref8) {
|
|
|
104155
104239
|
});
|
|
104156
104240
|
},
|
|
104157
104241
|
"data-testid": "market-selector-remember-selection"
|
|
104158
|
-
}),
|
|
104159
|
-
|
|
104242
|
+
}), /*#__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 : {}), {}, {
|
|
104243
|
+
children: text.rememberSelectionText
|
|
104244
|
+
}))]
|
|
104245
|
+
})
|
|
104160
104246
|
})
|
|
104161
104247
|
}), /*#__PURE__*/(0,jsx_runtime_.jsxs)(MobileModalBody, {
|
|
104162
104248
|
children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(MobileLocaleSectionBlock, {
|
|
@@ -104627,14 +104713,15 @@ var DEFAULT_ACCOUNT = {
|
|
|
104627
104713
|
sign_in_label: "Sign In",
|
|
104628
104714
|
sign_up_label: "Sign Up"
|
|
104629
104715
|
};
|
|
104630
|
-
var DEFAULT_CART = {
|
|
104631
|
-
aria_label: "Shopping cart",
|
|
104632
|
-
count: 0
|
|
104633
|
-
};
|
|
104634
104716
|
var DEFAULT_SEARCH = {
|
|
104635
104717
|
placeholder: "Product Search",
|
|
104636
104718
|
input_aria_label: "Product search"
|
|
104637
104719
|
};
|
|
104720
|
+
var DEFAULT_CART = {
|
|
104721
|
+
show_cart_icon: false,
|
|
104722
|
+
show_cart_count: false,
|
|
104723
|
+
item_count: 0
|
|
104724
|
+
};
|
|
104638
104725
|
var DEFAULT_NAVIGATION = {
|
|
104639
104726
|
topNavItems: [{
|
|
104640
104727
|
id: "devices",
|
|
@@ -104687,7 +104774,7 @@ var DEFAULT_TOP_RIBBON_LINKS = [{
|
|
|
104687
104774
|
ariaLabel: "Shop Gifts"
|
|
104688
104775
|
}];
|
|
104689
104776
|
function HeaderView(_ref) {
|
|
104690
|
-
var _headerEntry$logo, _headerEntry$locale_s, _headerEntry$utility_, _headerEntry$utility_2, _headerEntry$account, _headerEntry$
|
|
104777
|
+
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;
|
|
104691
104778
|
var country = _ref.country,
|
|
104692
104779
|
language = _ref.language,
|
|
104693
104780
|
locale = _ref.locale,
|
|
@@ -104703,11 +104790,12 @@ function HeaderView(_ref) {
|
|
|
104703
104790
|
return link === null || link === void 0 ? void 0 : link.loyalty_menu;
|
|
104704
104791
|
})) === 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;
|
|
104705
104792
|
var accountData = (_headerEntry$account = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.account) !== null && _headerEntry$account !== void 0 ? _headerEntry$account : DEFAULT_ACCOUNT;
|
|
104706
|
-
var cartData = (_headerEntry$cart = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.cart) !== null && _headerEntry$cart !== void 0 ? _headerEntry$cart : DEFAULT_CART;
|
|
104707
104793
|
var searchData = (_headerEntry$search = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.search) !== null && _headerEntry$search !== void 0 ? _headerEntry$search : DEFAULT_SEARCH;
|
|
104794
|
+
var cartData = (_headerEntry$cart = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.cart) !== null && _headerEntry$cart !== void 0 ? _headerEntry$cart : DEFAULT_CART;
|
|
104708
104795
|
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;
|
|
104709
104796
|
var navigationData = (_headerEntry$navigati = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.navigation) !== null && _headerEntry$navigati !== void 0 ? _headerEntry$navigati : DEFAULT_NAVIGATION;
|
|
104710
104797
|
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;
|
|
104798
|
+
console.log("HeaderView render", headerEntry); // Debug log to trace re-renders and data
|
|
104711
104799
|
return /*#__PURE__*/(0,jsx_runtime_.jsxs)(HeaderRoot, {
|
|
104712
104800
|
"data-testid": "header-view",
|
|
104713
104801
|
"data-country": country,
|
|
@@ -104741,7 +104829,8 @@ function HeaderView(_ref) {
|
|
|
104741
104829
|
"aria-label": searchData.input_aria_label,
|
|
104742
104830
|
children: /*#__PURE__*/(0,jsx_runtime_.jsx)(IconSearch, {})
|
|
104743
104831
|
}), /*#__PURE__*/(0,jsx_runtime_.jsx)(HeaderCartRegion, {
|
|
104744
|
-
data: cartData
|
|
104832
|
+
data: cartData,
|
|
104833
|
+
parent$: headerEntry === null || headerEntry === void 0 || (_headerEntry$$ = headerEntry.$) === null || _headerEntry$$ === void 0 ? void 0 : _headerEntry$$.cart
|
|
104745
104834
|
})]
|
|
104746
104835
|
}), /*#__PURE__*/(0,jsx_runtime_.jsxs)(RightHeaderCluster, {
|
|
104747
104836
|
children: [/*#__PURE__*/(0,jsx_runtime_.jsxs)(UtilityBar, {
|
|
@@ -104750,7 +104839,7 @@ function HeaderView(_ref) {
|
|
|
104750
104839
|
data: marketSelector,
|
|
104751
104840
|
logo: logoData,
|
|
104752
104841
|
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(),
|
|
104753
|
-
parent$: headerEntry === null || headerEntry === void 0 || (_headerEntry$$ = headerEntry.$) === null || _headerEntry$$ === void 0 ? void 0 : _headerEntry
|
|
104842
|
+
parent$: headerEntry === null || headerEntry === void 0 || (_headerEntry$$2 = headerEntry.$) === null || _headerEntry$$2 === void 0 ? void 0 : _headerEntry$$2.market_selector__0,
|
|
104754
104843
|
mobileTriggerMode: "drawerPortal",
|
|
104755
104844
|
drawerOpen: isMobileMenuOpen,
|
|
104756
104845
|
drawerTriggerMountRef: mobileMarketTriggerMountRef
|
|
@@ -104759,7 +104848,8 @@ function HeaderView(_ref) {
|
|
|
104759
104848
|
}), /*#__PURE__*/(0,jsx_runtime_.jsx)(HeaderAccountRegion, {
|
|
104760
104849
|
data: accountData
|
|
104761
104850
|
}), /*#__PURE__*/(0,jsx_runtime_.jsx)(HeaderCartRegion, {
|
|
104762
|
-
data: cartData
|
|
104851
|
+
data: cartData,
|
|
104852
|
+
parent$: headerEntry === null || headerEntry === void 0 || (_headerEntry$$3 = headerEntry.$) === null || _headerEntry$$3 === void 0 ? void 0 : _headerEntry$$3.cart
|
|
104763
104853
|
})]
|
|
104764
104854
|
}), /*#__PURE__*/(0,jsx_runtime_.jsx)(SearchSlot, {
|
|
104765
104855
|
children: /*#__PURE__*/(0,jsx_runtime_.jsx)(HeaderSearchRegion, {
|