@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.
@@ -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__*/(0,jsx_runtime_.jsxs)("svg", HeaderIcons_objectSpread(HeaderIcons_objectSpread({
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__*/(0,jsx_runtime_.jsx)("path", {
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__*/(0,jsx_runtime_.jsx)("circle", {
100885
+ }), /*#__PURE__*/_jsx("circle", {
100884
100886
  cx: "10",
100885
100887
  cy: "20",
100886
100888
  r: "1",
100887
100889
  fill: "currentColor"
100888
- }), /*#__PURE__*/(0,jsx_runtime_.jsx)("circle", {
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/header/regions/HeaderCartRegion.jsx
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
- function HeaderCartRegion(_ref) {
100954
- var _data$aria_label, _data$count;
100955
- var data = _ref.data;
100956
- return /*#__PURE__*/(0,jsx_runtime_.jsx)(UtilityButton, {
100957
- type: "button",
100958
- "aria-label": (_data$aria_label = data.aria_label) !== null && _data$aria_label !== void 0 ? _data$aria_label : "Shopping cart",
100959
- children: /*#__PURE__*/(0,jsx_runtime_.jsxs)(CartButtonInner, {
100960
- children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(IconCart, {}), /*#__PURE__*/(0,jsx_runtime_.jsx)(CartBadge, {
100961
- children: (_data$count = data.count) !== null && _data$count !== void 0 ? _data$count : 0
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
- aria_label: external_prop_types_["default"].string,
100969
- count: external_prop_types_["default"].number
100970
- }).isRequired
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>span:hover{color:", CountryListSelectorTheme.colors.localeTextMobile, ";}.locale-button-label svg{position:static;transform:none;width:16px;height:16px;}", function (props) {
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: "e1g1uu3p36"
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: "e1g1uu3p35"
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: "e1g1uu3p34"
103216
+ target: "e1g1uu3p35"
103141
103217
  } : 0)( true ? {
103142
- name: "kyd2ed",
103143
- styles: "position:sticky;top:0;z-index:2;width:100%;max-width:100%;height:110px;min-height:110px;padding-top:66px;padding-bottom:16px;background:#ffffff;box-sizing:border-box"
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: "e1g1uu3p33"
103222
+ target: "e1g1uu3p34"
103147
103223
  } : 0)( true ? {
103148
- name: "1tdg822",
103149
- styles: "flex-shrink:0;box-sizing:border-box;width:100%;max-width:100%;height:28px;min-height:28px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding-left:20px;padding-right:20px"
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: "e1g1uu3p32"
103228
+ target: "e1g1uu3p33"
103153
103229
  } : 0)( true ? {
103154
- name: "eo9mb5",
103155
- styles: "margin:0;flex:1 1 auto;min-width:0;height:28px;line-height:28px;font-family:Lora,sans-serif;font-weight:400;font-size:22px;color:#252525;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis"
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: "e1g1uu3p31"
103234
+ target: "e1g1uu3p32"
103159
103235
  } : 0)( true ? {
103160
- name: "fld1nn",
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: "e1g1uu3p30"
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: "e1g1uu3p29"
103246
+ target: "e1g1uu3p30"
103171
103247
  } : 0)( true ? {
103172
- name: "2wv1be",
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: "e1g1uu3p28"
103252
+ target: "e1g1uu3p29"
103177
103253
  } : 0)( true ? {
103178
- name: "1dmiggy",
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: "1v7mvq",
103185
- styles: "display:inline-flex;align-items:center;gap:10px;width:246px;height:44px;border-radius:24px;padding:0 20px;box-sizing:border-box;cursor:pointer;color:#5f5f5f;font-family:Lora,sans-serif;font-size:16px;line-height:22px;font-weight:500;text-align:center;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;}"
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:flex;justify-content:space-between;align-items:center;box-sizing:border-box;padding:32px 32px 16px;@media (max-width: ", TABS_MOBILE_MAX_WIDTH_PX, "px){min-height:78px;grid-template-columns:1fr auto;padding:0 20px;}" + ( true ? "" : 0));
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:left;color:#252525;font-family:Lora,sans-serif;width:364px;height:34px;font-size:26px;line-height:34px;font-weight:400;@media (max-width: ", TABS_MOBILE_MAX_WIDTH_PX, "px){text-align:left;font-size:44px;line-height:58px;}" + ( true ? "" : 0));
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: "1bimy96",
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: "1wov6oy",
103314
- styles: "display:inline-flex;align-items:center;gap:10px;width:246px;height:44px;border-radius:24px;padding:0 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:center;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;}"
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 = "No countries found.";
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, MarketSelector_objectSpread(MarketSelector_objectSpread({
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
- }), text.rememberSelectionText]
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, MarketSelector_objectSpread(MarketSelector_objectSpread({
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
- }), text.rememberSelectionText]
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$cart, _headerEntry$search, _headerEntry$top_ribb, _headerEntry$navigati, _headerEntry$market_s, _ref2, _headerEntry$locale, _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$$.market_selector__0,
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, {