@nuskin/nextgen-header 1.28.1 → 1.29.1

package/package-dist/index.js

@@ -107436,6 +107436,11 @@ function MarketSelector_arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 
 var REMEMBER_KEY = "marketSelectorRemember";
 var SELECTION_KEY = "marketSelectorSelection";
+
+/** True when running in SSR (no browser `window`). */
+function isServerEnvironment() {
+  return globalThis.window === undefined;
+}
 function collectMarketsWithParentRegions(regions) {
   return (regions !== null && regions !== void 0 ? regions : []).flatMap(function (region) {
     var _region$countries;
@@ -108157,6 +108162,10 @@ function shouldForceDrawerTriggerRemount(drawerPortal, isMobileViewport, wasOpen
 function runMobileLocaleRowNavigation(_x) {
   return _runMobileLocaleRowNavigation.apply(this, arguments);
 }
+/**
+ * SSR: only the trigger pill is emitted (desktop pill, no modal markup). Full behavior runs after
+ * hydration. First client paint uses the same trigger as SSR until `isClientMounted` flips.
+ */
 function _runMobileLocaleRowNavigation() {
   _runMobileLocaleRowNavigation = MarketSelector_asyncToGenerator(/*#__PURE__*/MarketSelector_regenerator().m(function _callee2(_ref10) {
     var event, row, applySelection, resolveLocalePath, resolved, _t;
@@ -108249,6 +108258,11 @@ function MarketSelector(_ref11) {
     _useState14 = MarketSelector_slicedToArray(_useState13, 2),
     isRememberHovered = _useState14[0],
     setIsRememberHovered = _useState14[1];
+  /** After first client paint, align trigger (desktop vs mobile) with `matchMedia`; false until then matches SSR output for hydration. */
+  var _useState15 = (0,external_react_.useState)(false),
+    _useState16 = MarketSelector_slicedToArray(_useState15, 2),
+    isClientMounted = _useState16[0],
+    setIsClientMounted = _useState16[1];
   var text = (0,external_react_.useMemo)(function () {
     return resolveMarketSelectorText(selector);
   }, [selector === null || selector === void 0 ? void 0 : selector.select_your_market_language_text, selector === null || selector === void 0 ? void 0 : selector.remember_region_text, selector === null || selector === void 0 ? void 0 : selector.cancel_text]);
@@ -108275,8 +108289,11 @@ function MarketSelector(_ref11) {
   (0,external_react_.useEffect)(function () {
     setSessionPillDisplay(null);
   }, [effectivePageLocale]);
+  (0,external_react_.useEffect)(function () {
+    setIsClientMounted(true);
+  }, []);
   var drawerPortal = mobileTriggerMode === "drawerPortal";
-  (0,external_react_.useLayoutEffect)(function () {
+  (0,external_react_.useEffect)(function () {
     var wasOpen = prevDrawerOpenRef.current;
     var nowOpen = drawerOpen;
     prevDrawerOpenRef.current = nowOpen;
@@ -108367,8 +108384,10 @@ function MarketSelector(_ref11) {
       "aria-hidden": true
     })]
   }));
+  var isSsr = isServerEnvironment();
+  var triggerViewport = isClientMounted ? isMobileViewport : false;
   var triggerElement = resolveMarketSelectorTriggerElement({
-    isMobileViewport: isMobileViewport,
+    isMobileViewport: triggerViewport,
     drawerPortal: drawerPortal,
     drawerOpen: drawerOpen,
     drawerTriggerMountRef: drawerTriggerMountRef,
@@ -108397,14 +108416,17 @@ function MarketSelector(_ref11) {
     resolveLocalePath: resolveLocalePath,
     onMobileLocaleRowActivate: handleMobileLocaleRowActivate
   };
-  var modalElement = isMobileViewport ? renderMarketSelectorModalMobile(MarketSelector_objectSpread(MarketSelector_objectSpread({}, modalShared), {}, {
-    localeRows: localeRows,
-    mobileScrollContentRef: mobileScrollContentRef
-  })) : renderMarketSelectorModalDesktop(MarketSelector_objectSpread(MarketSelector_objectSpread({}, modalShared), {}, {
-    logo: logo
-  }));
+  var modalElement = null;
+  if (!isSsr) {
+    modalElement = isMobileViewport ? renderMarketSelectorModalMobile(MarketSelector_objectSpread(MarketSelector_objectSpread({}, modalShared), {}, {
+      localeRows: localeRows,
+      mobileScrollContentRef: mobileScrollContentRef
+    })) : renderMarketSelectorModalDesktop(MarketSelector_objectSpread(MarketSelector_objectSpread({}, modalShared), {}, {
+      logo: logo
+    }));
+  }
   return /*#__PURE__*/(0,jsx_runtime_.jsxs)(MarketSelectorRoot, {
-    "data-drawer-portal-host": drawerPortal && isMobileViewport ? "true" : undefined,
+    "data-drawer-portal-host": drawerPortal && triggerViewport ? "true" : undefined,
     children: [triggerElement, modalElement]
   });
 }