@nuskin/nextgen-header 1.24.0 → 1.25.0

package/package-dist/index.js

@@ -103013,7 +103013,7 @@ var LocaleButton = /*#__PURE__*/createStyled("div",  true ? {
   return props.$selected ? CountryListSelectorTheme.typography.selectedLocaleWeight : CountryListSelectorTheme.typography.localeWeight;
 }, ";cursor:pointer;color:", function (props) {
   return props.$selected ? CountryListSelectorTheme.colors.localeSelectedTextDesktop : CountryListSelectorTheme.colors.localeColor;
-}, ";&: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) {
+}, ";&: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) {
   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    ") : "";
 }, ";}" + ( true ? "" : 0));
 var EmptyState = /*#__PURE__*/createStyled("p",  true ? {
@@ -103625,64 +103625,72 @@ var DESKTOP_MIN_WIDTH_PX = 1025;
 
 /** Full-screen market modal layer (above mobile drawer z-index 9999). */
 var MobileMarketFullScreenRoot = /*#__PURE__*/createStyled("div",  true ? {
-  target: "e1g1uu3p36"
+  target: "e1g1uu3p37"
 } : 0)( true ? {
   name: "1n6oz2n",
   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;}"
 } : 0);
 var MobileMarketDialogInner = /*#__PURE__*/createStyled("dialog",  true ? {
-  target: "e1g1uu3p35"
+  target: "e1g1uu3p36"
 } : 0)( true ? {
   name: "1d69jno",
   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"
 } : 0);
 var MobileStickyHeaderContainer = /*#__PURE__*/createStyled("div",  true ? {
-  target: "e1g1uu3p34"
+  target: "e1g1uu3p35"
 } : 0)( true ? {
-  name: "kyd2ed",
-  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"
+  name: "50r0ag",
+  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"
 } : 0);
 var MobileCompactHeaderRow = /*#__PURE__*/createStyled("header",  true ? {
-  target: "e1g1uu3p33"
+  target: "e1g1uu3p34"
 } : 0)( true ? {
-  name: "1tdg822",
-  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"
+  name: "1ilqple",
+  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"
 } : 0);
 var MobileCompactTitle = /*#__PURE__*/createStyled("h2",  true ? {
-  target: "e1g1uu3p32"
+  target: "e1g1uu3p33"
 } : 0)( true ? {
-  name: "eo9mb5",
-  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"
+  name: "1a3y3ud",
+  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"
 } : 0);
 var MobileModalHeaderCancelWrap = /*#__PURE__*/createStyled("div",  true ? {
-  target: "e1g1uu3p31"
+  target: "e1g1uu3p32"
 } : 0)( true ? {
-  name: "fld1nn",
-  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;}"
+  name: "18ccq6t",
+  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;}"
 } : 0);
 var MobileModalScrollContent = /*#__PURE__*/createStyled("div",  true ? {
-  target: "e1g1uu3p30"
+  target: "e1g1uu3p31"
 } : 0)( true ? {
   name: "1q7526u",
   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;}"
 } : 0);
 var MobileRememberControlsWrap = /*#__PURE__*/createStyled("div",  true ? {
-  target: "e1g1uu3p29"
+  target: "e1g1uu3p30"
 } : 0)( true ? {
-  name: "2wv1be",
-  styles: "width:100%;box-sizing:border-box"
+  name: "iz1eca",
+  styles: "width:100%;max-width:100%;box-sizing:border-box;padding:0 20px"
 } : 0);
 var MobileRememberControls = /*#__PURE__*/createStyled("div",  true ? {
-  target: "e1g1uu3p28"
+  target: "e1g1uu3p29"
 } : 0)( true ? {
-  name: "1dmiggy",
-  styles: "display:flex;align-items:center;justify-content:flex-start"
+  name: "13l7t94",
+  styles: "display:flex;align-items:center;justify-content:flex-start;width:100%;max-width:100%;box-sizing:border-box"
 } : 0);
 var MobileRememberRowCompact = /*#__PURE__*/createStyled("label",  true ? {
+  target: "e1g1uu3p28"
+} : 0)( true ? {
+  name: "2z4h9e",
+  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;}"
+} : 0);
+
+/** Text beside the remember checkbox (desktop + mobile); wraps when the row hits max-width. */
+var RememberRowText = /*#__PURE__*/createStyled("span",  true ? {
   target: "e1g1uu3p27"
 } : 0)( true ? {
-  name: "1v7mvq",
-  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;}"
+  name: "1my8jsd",
+  styles: "flex:0 1 auto;min-width:0;max-width:100%;text-align:left;white-space:normal;overflow-wrap:break-word"
 } : 0);
 var MobileLocaleSectionBlock = /*#__PURE__*/createStyled("div",  true ? {
   target: "e1g1uu3p26"
@@ -103788,18 +103796,18 @@ var StickyTop = /*#__PURE__*/createStyled("div",  true ? {
 } : 0);
 var HeaderRow = /*#__PURE__*/createStyled("header",  true ? {
   target: "e1g1uu3p7"
-} : 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));
+} : 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));
 var LogoWrap = /*#__PURE__*/createStyled("div",  true ? {
   target: "e1g1uu3p6"
-} : 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));
+} : 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));
 var ModalTitle = /*#__PURE__*/createStyled("h2",  true ? {
   target: "e1g1uu3p5"
-} : 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));
+} : 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));
 var CancelWrap = /*#__PURE__*/createStyled("div",  true ? {
   target: "e1g1uu3p4"
 } : 0)( true ? {
-  name: "1bimy96",
-  styles: "display:inline-flex;justify-content:flex-end;align-items:center"
+  name: "a4yqjz",
+  styles: "display:inline-flex;justify-content:flex-end;align-items:center;justify-self:end;grid-column:3"
 } : 0);
 var TopControls = /*#__PURE__*/createStyled("div",  true ? {
   target: "e1g1uu3p3"
@@ -103810,8 +103818,8 @@ var TabsRow = /*#__PURE__*/createStyled("div",  true ? {
 var RememberRow = /*#__PURE__*/createStyled("label",  true ? {
   target: "e1g1uu3p1"
 } : 0)( true ? {
-  name: "1wov6oy",
-  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;}"
+  name: "1mvifq7",
+  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;}"
 } : 0);
 var RememberCheckbox = /*#__PURE__*/createStyled("input",  true ? {
   target: "e1g1uu3p0"
@@ -104099,7 +104107,7 @@ function collectMarketsWithParentRegions(regions) {
   });
 }
 var VB_EMPTY_STATE_TEXT = "Markets and languages are not authorable in Visual Builder mode.";
-var DEFAULT_EMPTY_STATE_TEXT = "No countries found.";
+var DEFAULT_EMPTY_STATE_TEXT = "Markets and languages were not found for this page.";
 function computeTriggerDisplay(_ref) {
   var _sessionPillDisplay$l, _sessionPillDisplay$c;
   var sessionPillDisplay = _ref.sessionPillDisplay,
@@ -104469,7 +104477,7 @@ function renderMarketSelectorModalDesktop(_ref7) {
                 })
               })]
             }), /*#__PURE__*/(0,jsx_runtime_.jsx)(TopControls, {
-              children: /*#__PURE__*/(0,jsx_runtime_.jsxs)(RememberRow, MarketSelector_objectSpread(MarketSelector_objectSpread({
+              children: /*#__PURE__*/(0,jsx_runtime_.jsxs)(RememberRow, {
                 htmlFor: "market-selector-remember-selection",
                 "data-checked": rememberSelection ? "true" : "false",
                 "data-toggle-source": rememberToggleSource,
@@ -104493,8 +104501,7 @@ function renderMarketSelectorModalDesktop(_ref7) {
                     return;
                   }
                   setRememberToggleSource("row");
-                }
-              }, (_marketSelectorDollar3 = marketSelectorDollar === null || marketSelectorDollar === void 0 ? void 0 : marketSelectorDollar.remember_region_text) !== null && _marketSelectorDollar3 !== void 0 ? _marketSelectorDollar3 : {}), {}, {
+                },
                 children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(RememberCheckbox, {
                   id: "market-selector-remember-selection",
                   type: "checkbox",
@@ -104515,8 +104522,10 @@ function renderMarketSelectorModalDesktop(_ref7) {
                     });
                   },
                   "data-testid": "market-selector-remember-selection"
-                }), text.rememberSelectionText]
-              }))
+                }), /*#__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 : {}), {}, {
+                  children: text.rememberSelectionText
+                }))]
+              })
             }), /*#__PURE__*/(0,jsx_runtime_.jsx)(TabsRow, {
               children: /*#__PURE__*/(0,jsx_runtime_.jsx)(CountryListSelector, {
                 className: "market-selector-tabs",
@@ -104609,7 +104618,7 @@ function renderMarketSelectorModalMobile(_ref8) {
         "data-testid": "market-selector-mobile-scroll-content",
         children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(MobileRememberControlsWrap, {
           children: /*#__PURE__*/(0,jsx_runtime_.jsx)(MobileRememberControls, {
-            children: /*#__PURE__*/(0,jsx_runtime_.jsxs)(MobileRememberRowCompact, MarketSelector_objectSpread(MarketSelector_objectSpread({
+            children: /*#__PURE__*/(0,jsx_runtime_.jsxs)(MobileRememberRowCompact, {
               htmlFor: "market-selector-remember-selection",
               "data-checked": rememberSelection ? "true" : "false",
               "data-toggle-source": rememberToggleSource,
@@ -104633,8 +104642,7 @@ function renderMarketSelectorModalMobile(_ref8) {
                   return;
                 }
                 setRememberToggleSource("row");
-              }
-            }, (_marketSelectorDollar6 = marketSelectorDollar === null || marketSelectorDollar === void 0 ? void 0 : marketSelectorDollar.remember_region_text) !== null && _marketSelectorDollar6 !== void 0 ? _marketSelectorDollar6 : {}), {}, {
+              },
               children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(RememberCheckbox, {
                 id: "market-selector-remember-selection",
                 type: "checkbox",
@@ -104655,8 +104663,10 @@ function renderMarketSelectorModalMobile(_ref8) {
                   });
                 },
                 "data-testid": "market-selector-remember-selection"
-              }), text.rememberSelectionText]
-            }))
+              }), /*#__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 : {}), {}, {
+                children: text.rememberSelectionText
+              }))]
+            })
           })
         }), /*#__PURE__*/(0,jsx_runtime_.jsxs)(MobileModalBody, {
           children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(MobileLocaleSectionBlock, {