@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.
@@ -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__*/(0,jsx_runtime_.jsxs)("svg", HeaderIcons_objectSpread(HeaderIcons_objectSpread({
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__*/(0,jsx_runtime_.jsx)("path", {
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__*/(0,jsx_runtime_.jsx)("circle", {
101309
+ }), /*#__PURE__*/_jsx("circle", {
101308
101310
  cx: "10",
101309
101311
  cy: "20",
101310
101312
  r: "1",
101311
101313
  fill: "currentColor"
101312
- }), /*#__PURE__*/(0,jsx_runtime_.jsx)("circle", {
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/header/regions/HeaderCartRegion.jsx
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
- function HeaderCartRegion(_ref) {
101378
- var _data$aria_label, _data$count;
101379
- var data = _ref.data;
101380
- return /*#__PURE__*/(0,jsx_runtime_.jsx)(UtilityButton, {
101381
- type: "button",
101382
- "aria-label": (_data$aria_label = data.aria_label) !== null && _data$aria_label !== void 0 ? _data$aria_label : "Shopping cart",
101383
- children: /*#__PURE__*/(0,jsx_runtime_.jsxs)(CartButtonInner, {
101384
- children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(IconCart, {}), /*#__PURE__*/(0,jsx_runtime_.jsx)(CartBadge, {
101385
- children: (_data$count = data.count) !== null && _data$count !== void 0 ? _data$count : 0
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
- aria_label: (external_prop_types_default()).string,
101393
- count: (external_prop_types_default()).number
101394
- }).isRequired
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>span:hover{color:", CountryListSelectorTheme.colors.localeTextMobile, ";}.locale-button-label svg{position:static;transform:none;width:16px;height:16px;}", function (props) {
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: "e1g1uu3p36"
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: "e1g1uu3p35"
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: "e1g1uu3p34"
103640
+ target: "e1g1uu3p35"
103565
103641
  } : 0)( true ? {
103566
- name: "kyd2ed",
103567
- 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"
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: "e1g1uu3p33"
103646
+ target: "e1g1uu3p34"
103571
103647
  } : 0)( true ? {
103572
- name: "1tdg822",
103573
- 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"
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: "e1g1uu3p32"
103652
+ target: "e1g1uu3p33"
103577
103653
  } : 0)( true ? {
103578
- name: "eo9mb5",
103579
- 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"
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: "e1g1uu3p31"
103658
+ target: "e1g1uu3p32"
103583
103659
  } : 0)( true ? {
103584
- name: "fld1nn",
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: "e1g1uu3p30"
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: "e1g1uu3p29"
103670
+ target: "e1g1uu3p30"
103595
103671
  } : 0)( true ? {
103596
- name: "2wv1be",
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: "e1g1uu3p28"
103676
+ target: "e1g1uu3p29"
103601
103677
  } : 0)( true ? {
103602
- name: "1dmiggy",
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: "1v7mvq",
103609
- 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;}"
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: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));
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: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));
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: "1bimy96",
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: "1wov6oy",
103738
- 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;}"
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 = "No countries found.";
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, MarketSelector_objectSpread(MarketSelector_objectSpread({
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
- }), text.rememberSelectionText]
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, MarketSelector_objectSpread(MarketSelector_objectSpread({
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
- }), text.rememberSelectionText]
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$cart, _headerEntry$search, _headerEntry$top_ribb, _headerEntry$navigati, _headerEntry$market_s, _ref2, _headerEntry$locale, _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$$.market_selector__0,
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, {