@nuskin/nextgen-header 1.31.0 → 1.32.0

package/package-dist/index.js

@@ -100850,7 +100850,7 @@ const utils_namespaceObject = require("@contentstack/utils");
 var HEADER_CONTENT_ENTRY_UID = "global_header";
 var HEADER_ENTRY_URL = "/vb-header/root-header";
 var VB_EMPTY_BLOCK_PARENT_CLASS = "visual-builder__empty-block-parent";
-var referenceFields = (/* unused pure expression or super */ null && (["top_navigation", "top_navigation.menu_items.menu_item", "top_navigation.menu_items.menu_item.sub_categories.category_section.items.product_category.category", "market_selector.regions.markets.languages", "utility_links", "utility_links.loyalty_menu", "utility_links.sign_up_sign_in_component", "product_search", "translations"]));
+var referenceFields = (/* unused pure expression or super */ null && (["top_ribbon", "top_navigation", "top_navigation.menu_items.menu_item", "top_navigation.menu_items.menu_item.sub_categories.category_section.items.product_category.category", "market_selector.regions.markets.languages", "utility_links", "utility_links.loyalty_menu", "utility_links.sign_up_sign_in_component", "product_search", "translations"]));
 var CONTENTSTACK_API_KEY = process.env.CONTENTSTACK_API_KEY;
 var CONTENTSTACK_DELIVERY_TOKEN = process.env.CONTENTSTACK_DELIVERY_TOKEN;
 var CONTENTSTACK_ENVIRONMENT = process.env.CONTENTSTACK_ENVIRONMENT;
@@ -107749,43 +107749,179 @@ HeaderNavigationRegion.propTypes = {
   translations: (external_prop_types_default()).object
 };
 ;// ./src/utils/common.js
-/**
- * Validate and sanitize a URL string.
- * Returns '#' for invalid/empty values to provide safe fallback anchors.
- *
- * SSR-safe: no DOM/window access.
- *
- * @param {*} url - The URL value to validate
- * @returns {string} The original URL if valid, otherwise '#'
- */
-var validateUrl = function validateUrl(url) {
-  if (!url || typeof url !== 'string' || url.trim() === '') {
-    return '#';
+function common_slicedToArray(r, e) { return common_arrayWithHoles(r) || common_iterableToArrayLimit(r, e) || common_unsupportedIterableToArray(r, e) || common_nonIterableRest(); }
+function common_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function common_unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return common_arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? common_arrayLikeToArray(r, a) : void 0; } }
+function common_arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function common_iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function common_arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+var isServer = typeof window === "undefined";
+var hasLocalePrefix = function hasLocalePrefix(path) {
+  return /^\/[a-z]{2}\/[a-z]{2}(\/|$)/i.test(path);
+};
+var isProtocolRelativeUrl = function isProtocolRelativeUrl(value) {
+  return /^\/\/[^/]/.test(value);
+};
+var isAbsoluteHttpUrl = function isAbsoluteHttpUrl(value) {
+  return /^https?:\/\//i.test(value);
+};
+var isPlainDomain = function isPlainDomain(value) {
+  return /^(?:www\.)?[a-z0-9-]+\.[a-z]{2,}(\/.*)?$/i.test(value) && !value.startsWith("/");
+};
+function replaceLocalePlaceholders(value, country, language) {
+  return value.replaceAll(/\{%\s*region\s*}/gi, country).replaceAll(/\{%\s*language\s*}/gi, language).replaceAll(/%7B%\s*region\s*%7D/gi, country).replaceAll(/%7B%\s*language\s*%7D/gi, language);
+}
+function buildNuSkinUrl(params) {
+  var url = params.url,
+    current = params.current,
+    localizedBase = params.localizedBase,
+    country = params.country,
+    language = params.language;
+  var normalizedOrigin = "".concat(current.protocol, "//").concat(current.host);
+  var pathname = replaceLocalePlaceholders(url.pathname, country, language);
+  if (hasLocalePrefix(pathname)) {
+    return "".concat(normalizedOrigin).concat(pathname).concat(url.search).concat(url.hash);
+  }
+  return "".concat(localizedBase).concat(pathname).concat(url.search).concat(url.hash);
+}
+function needsLocaleRewrite(url) {
+  var isMainWebsiteHost = url.host === "nuskin.com" || url.host === "www.nuskin.com";
+  var hasPlaceholders = /\{%\s*(region|language)\s*\}/i.test(url.pathname);
+  return isMainWebsiteHost || hasLocalePrefix(url.pathname) || hasPlaceholders;
+}
+function resolveNuSkinUrl(params) {
+  var url = params.url,
+    fallback = params.fallback,
+    current = params.current,
+    localizedBase = params.localizedBase,
+    country = params.country,
+    language = params.language;
+  return needsLocaleRewrite(url) ? buildNuSkinUrl({
+    url: url,
+    current: current,
+    localizedBase: localizedBase,
+    country: country,
+    language: language
+  }) : fallback;
+}
+function resolveExternalOrAbsoluteUrl(params) {
+  var trimmedUrl = params.trimmedUrl,
+    current = params.current,
+    localizedBase = params.localizedBase,
+    country = params.country,
+    language = params.language,
+    isNuSkinDomain = params.isNuSkinDomain;
+  if (isProtocolRelativeUrl(trimmedUrl)) {
+    var url = new URL("https:".concat(trimmedUrl));
+    var fallback = "https:".concat(trimmedUrl);
+    return isNuSkinDomain(url.host) ? resolveNuSkinUrl({
+      url: url,
+      fallback: fallback,
+      current: current,
+      localizedBase: localizedBase,
+      country: country,
+      language: language
+    }) : fallback;
+  }
+  if (isAbsoluteHttpUrl(trimmedUrl)) {
+    var _url = new URL(trimmedUrl);
+    return isNuSkinDomain(_url.host) ? resolveNuSkinUrl({
+      url: _url,
+      fallback: trimmedUrl,
+      current: current,
+      localizedBase: localizedBase,
+      country: country,
+      language: language
+    }) : trimmedUrl;
   }
-  return url;
+  if (isPlainDomain(trimmedUrl)) {
+    return "https://".concat(trimmedUrl);
+  }
+  return undefined;
+}
+function buildLocalizedRelativeUrl(params) {
+  var trimmedUrl = params.trimmedUrl,
+    country = params.country,
+    language = params.language,
+    localizedBase = params.localizedBase;
+  var hadTrailingSlash = trimmedUrl.endsWith("/");
+  var relativeUrl = trimmedUrl.replace(/^\.[a-z]{2,}/i, "");
+  relativeUrl = replaceLocalePlaceholders(relativeUrl, country, language);
+  if (hasLocalePrefix(relativeUrl)) {
+    relativeUrl = relativeUrl.replace(/^\/[a-z]{2}\/[a-z]{2}/i, "");
+  }
+  relativeUrl = relativeUrl.replace(/^\/+/, "/");
+  if (!relativeUrl.startsWith("/")) {
+    relativeUrl = "/".concat(relativeUrl);
+  }
+  if (relativeUrl === "/" || relativeUrl === "") {
+    return hadTrailingSlash ? "".concat(localizedBase, "/") : localizedBase;
+  }
+  return "".concat(localizedBase).concat(relativeUrl);
+}
+var convertToLocalizedUrl = function convertToLocalizedUrl(inputUrl) {
+  var _globalThis$window$lo, _globalThis$window;
+  if (!inputUrl) return inputUrl;
+  var trimmedUrl = inputUrl.trim();
+
+  // During SSR, window is undefined. renderAndExtractContext sets __ssrLocationHref__
+  // (synchronously, no race condition) so we can still produce fully-qualified URLs.
+  var locationHref = (_globalThis$window$lo = (_globalThis$window = globalThis.window) === null || _globalThis$window === void 0 || (_globalThis$window = _globalThis$window.location) === null || _globalThis$window === void 0 ? void 0 : _globalThis$window.href) !== null && _globalThis$window$lo !== void 0 ? _globalThis$window$lo : globalThis.__ssrLocationHref__;
+  if (locationHref == null) {
+    return trimmedUrl;
+  }
+  var current = new URL(locationHref);
+  var _current$pathname$spl = current.pathname.split("/"),
+    _current$pathname$spl2 = common_slicedToArray(_current$pathname$spl, 3),
+    country = _current$pathname$spl2[1],
+    language = _current$pathname$spl2[2];
+  if (!country || !language) return trimmedUrl;
+  var localizedBase = "".concat(current.protocol, "//").concat(current.host, "/").concat(country, "/").concat(language);
+  var isNuSkinDomain = function isNuSkinDomain(host) {
+    return host === current.host || host.endsWith(".nuskin.com") || host === "nuskin.com";
+  };
+  var resolvedUrl = resolveExternalOrAbsoluteUrl({
+    trimmedUrl: trimmedUrl,
+    current: current,
+    localizedBase: localizedBase,
+    country: country,
+    language: language,
+    isNuSkinDomain: isNuSkinDomain
+  });
+  if (resolvedUrl !== undefined) {
+    return resolvedUrl;
+  }
+  return buildLocalizedRelativeUrl({
+    trimmedUrl: trimmedUrl,
+    country: country,
+    language: language,
+    localizedBase: localizedBase
+  });
 };
-var isServer = typeof window === "undefined";
 ;// ./src/components/top-ribbon/types.js
 
 var NavigationLinkPropTypes = external_prop_types_default().shape({
   label: (external_prop_types_default()).string.isRequired,
   url: (external_prop_types_default()).string.isRequired,
-  ariaLabel: (external_prop_types_default()).string,
-  dataTestId: (external_prop_types_default()).string,
+  show: (external_prop_types_default()).bool,
   gtmEvent: (external_prop_types_default()).object
 });
+var TopRibbonEntryPropTypes = external_prop_types_default().shape({
+  show_top_ribbon: (external_prop_types_default()).bool.isRequired,
+  links: external_prop_types_default().arrayOf(NavigationLinkPropTypes)
+});
 var TopRibbonPropTypes = {
-  links: external_prop_types_default().arrayOf(NavigationLinkPropTypes).isRequired,
+  links: external_prop_types_default().arrayOf(TopRibbonEntryPropTypes).isRequired,
   className: (external_prop_types_default()).string,
   ariaLabel: (external_prop_types_default()).string,
   dataTestId: (external_prop_types_default()).string
 };
-;// ./src/components/top-ribbon/TopRibbon.styled.jsx
+;// ./src/components/top-ribbon/TopRibbon.styled.js
 
 function TopRibbon_styled_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 // Main container for the top ribbon navigation
 var StyledTopRibbon = /*#__PURE__*/createStyled("header",  true ? {
-  target: "ei9etl03"
+  target: "ec2gm7w3"
 } : 0)( true ? {
   name: "ah54qx",
   styles: "background-color:#000000;width:100%;position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;&::-webkit-scrollbar{display:none;}&:focus-within{outline:none;}"
@@ -107793,7 +107929,7 @@ var StyledTopRibbon = /*#__PURE__*/createStyled("header",  true ? {
 
 // Navigation list container
 var StyledNavigationList = /*#__PURE__*/createStyled("ul",  true ? {
-  target: "ei9etl02"
+  target: "ec2gm7w2"
 } : 0)( true ? {
   name: "m78rlq",
   styles: "margin:0 auto;padding:0;list-style:none;display:flex;align-items:center;justify-content:center;gap:24px;padding:10px 24px;min-width:100%;width:max-content;box-sizing:border-box"
@@ -107801,15 +107937,15 @@ var StyledNavigationList = /*#__PURE__*/createStyled("ul",  true ? {
 
 // Individual navigation item container
 var StyledNavigationItem = /*#__PURE__*/createStyled("li",  true ? {
-  target: "ei9etl01"
-} : 0)( true ? {
-  name: "qy80on",
-  styles: "margin:0;padding:0;flex-shrink:0;position:relative"
-} : 0);
+  target: "ec2gm7w1"
+} : 0)("margin:0;padding:0;flex-shrink:0;position:relative;", function (_ref) {
+  var $editing = _ref.$editing;
+  return $editing && "\n    padding-right: 24px;\n    padding-left: 24px;\n  ";
+}, ";" + ( true ? "" : 0));
 
 // Navigation link with hover effects
 var StyledNavigationLink = /*#__PURE__*/createStyled("a",  true ? {
-  target: "ei9etl00"
+  target: "ec2gm7w0"
 } : 0)( true ? {
   name: "1pvnuug",
   styles: "display:inline-block;padding:0;cursor:pointer;color:#ffffff;font-family:\"Inter\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,sans-serif;font-size:14px;font-weight:400;line-height:20px;text-align:center;white-space:nowrap;text-decoration:underline;text-decoration-style:solid;text-decoration-color:transparent;transition:text-decoration-color 0.2s ease,background-color 0.2s ease;position:relative;&:hover{color:#ffffff;text-decoration-color:#ffffff;}&:focus-visible{outline:2px solid #ffffff;outline-offset:2px;background-color:rgba(255, 255, 255, 0.1);text-decoration-color:#ffffff;}&:focus:not(:focus-visible){outline:none;background-color:transparent;}&:active{background-color:rgba(255, 255, 255, 0.05);}@media (prefers-contrast: high){&:focus-visible{outline-color:currentColor;}}"
@@ -107826,6 +107962,7 @@ function TopRibbon_toPrimitive(t, r) { if ("object" != TopRibbon_typeof(t) || !t
 
 
 
+
 /**
  * TopRibbon Navigation Component
  *
@@ -107843,17 +107980,27 @@ function TopRibbon_toPrimitive(t, r) { if ("object" != TopRibbon_typeof(t) || !t
  */
 
 var TopRibbon = function TopRibbon(_ref) {
+  var _ribbonData$$;
   var links = _ref.links,
     _ref$className = _ref.className,
-    className = _ref$className === void 0 ? '' : _ref$className,
+    className = _ref$className === void 0 ? "" : _ref$className,
     _ref$ariaLabel = _ref.ariaLabel,
-    ariaLabel = _ref$ariaLabel === void 0 ? 'Top navigation' : _ref$ariaLabel,
+    ariaLabel = _ref$ariaLabel === void 0 ? "Top navigation" : _ref$ariaLabel,
     _ref$dataTestId = _ref.dataTestId,
-    dataTestId = _ref$dataTestId === void 0 ? 'top-ribbon-nav' : _ref$dataTestId;
+    dataTestId = _ref$dataTestId === void 0 ? "top-ribbon-nav" : _ref$dataTestId;
   // Validate required props — safe to call in SSR
   if (!links || !Array.isArray(links) || links.length === 0) {
     return null;
   }
+  var ribbonData = links[0];
+  if (!(ribbonData !== null && ribbonData !== void 0 && ribbonData.show_top_ribbon)) {
+    return null;
+  }
+  var navLinks = ribbonData.links;
+  if (!navLinks || !Array.isArray(navLinks) || navLinks.length === 0) {
+    return null;
+  }
+  var editing = isEditingMode();
 
   /**
    * Fires a GTM dataLayer event when a link is clicked.
@@ -107863,9 +108010,9 @@ var TopRibbon = function TopRibbon(_ref) {
    * @param {Object} item - The navigation item that was clicked
    */
   var handleClick = function handleClick(item) {
-    if (typeof window === 'undefined' || !Array.isArray(window.dataLayer)) return;
+    if (typeof window === "undefined" || !Array.isArray(window.dataLayer)) return;
     window.dataLayer.push(TopRibbon_objectSpread({
-      event: 'top_ribbon_click',
+      event: "top_ribbon_click",
       link_text: item.label,
       link_url: item.url
     }, item.gtmEvent));
@@ -107877,20 +108024,26 @@ var TopRibbon = function TopRibbon(_ref) {
       "aria-label": ariaLabel,
       role: "navigation",
       "data-testid": "".concat(dataTestId, "-nav"),
-      children: /*#__PURE__*/(0,jsx_runtime_.jsx)(StyledNavigationList, {
-        "data-testid": "".concat(dataTestId, "-list"),
-        children: links.map(function (item, index) {
-          if (!item || TopRibbon_typeof(item) !== 'object') return null;
+      children: /*#__PURE__*/(0,jsx_runtime_.jsx)(StyledNavigationList, TopRibbon_objectSpread(TopRibbon_objectSpread({
+        "data-testid": "".concat(dataTestId, "-list")
+      }, editing ? TopRibbon_objectSpread(TopRibbon_objectSpread({}, (_ribbonData$$ = ribbonData.$) === null || _ribbonData$$ === void 0 ? void 0 : _ribbonData$$.links), {}, {
+        "data-add-direction": "horizontal"
+      }) : null), {}, {
+        children: navLinks.map(function (item, index) {
+          var _ribbonData$top_ribbo, _ribbonData$$2, _item$$;
+          if (!item || TopRibbon_typeof(item) !== "object") return null;
           var label = item.label,
             url = item.url,
-            itemAriaLabel = item.ariaLabel,
-            itemTestId = item.dataTestId;
+            show = item.show;
+          if (show === false) return null;
           if (!label || !url) return null;
-          var linkHref = validateUrl(url);
-          var linkAriaLabel = itemAriaLabel || "Navigate to ".concat(label);
-          var linkTestId = itemTestId || "".concat(dataTestId, "-item-").concat(index);
-          return /*#__PURE__*/(0,jsx_runtime_.jsx)(StyledNavigationItem, {
+          var linkHref = convertToLocalizedUrl(url);
+          var linkAriaLabel = "".concat((_ribbonData$top_ribbo = ribbonData.top_ribbon_item_aria_label) !== null && _ribbonData$top_ribbo !== void 0 ? _ribbonData$top_ribbo : "Navigate to", " ").concat(label);
+          var linkTestId = "".concat(dataTestId, "-item-").concat(index);
+          return /*#__PURE__*/(0,jsx_runtime_.jsx)(StyledNavigationItem, TopRibbon_objectSpread(TopRibbon_objectSpread({
             "data-testid": "".concat(linkTestId, "-container"),
+            $editing: editing
+          }, editing ? (_ribbonData$$2 = ribbonData.$) === null || _ribbonData$$2 === void 0 ? void 0 : _ribbonData$$2["links__".concat(index)] : null), {}, {
             children: /*#__PURE__*/(0,jsx_runtime_.jsx)(StyledNavigationLink, {
               href: linkHref,
               target: "_blank",
@@ -107900,11 +108053,13 @@ var TopRibbon = function TopRibbon(_ref) {
               },
               "aria-label": linkAriaLabel,
               "data-testid": linkTestId,
-              children: label
+              children: /*#__PURE__*/(0,jsx_runtime_.jsx)("span", TopRibbon_objectSpread(TopRibbon_objectSpread({}, editing ? (_item$$ = item.$) === null || _item$$ === void 0 ? void 0 : _item$$.label : null), {}, {
+                children: label
+              }))
             })
-          }, "nav-item-".concat(index, "-").concat(label));
+          }), "nav-item-".concat(index, "-").concat(label));
         })
-      })
+      }))
     })
   });
 };
@@ -110440,35 +110595,6 @@ var DEFAULT_CART = {
   aria_label: "Shopping cart",
   count: 0
 };
-var DEFAULT_TOP_RIBBON_LINKS = [{
-  label: "Hair",
-  url: "/hair",
-  ariaLabel: "Shop Hair"
-}, {
-  label: "Skin",
-  url: "/skin",
-  ariaLabel: "Shop Skin"
-}, {
-  label: "Body",
-  url: "/body",
-  ariaLabel: "Shop Body"
-}, {
-  label: "Fragrance",
-  url: "/fragrance",
-  ariaLabel: "Shop Fragrance"
-}, {
-  label: "Beauty Bio",
-  url: "/beauty-bio",
-  ariaLabel: "Shop Beauty Bio"
-}, {
-  label: "Accessories",
-  url: "/accessories",
-  ariaLabel: "Shop Accessories"
-}, {
-  label: "Gifts",
-  url: "/gifts",
-  ariaLabel: "Shop Gifts"
-}];
 function firstDefined() {
   for (var _len = arguments.length, values = new Array(_len), _key = 0; _key < _len; _key++) {
     values[_key] = arguments[_key];
@@ -110546,7 +110672,7 @@ function buildAccountParentTags(_ref2) {
   };
 }
 function HeaderView(_ref3) {
-  var _headerEntry$logo, _headerEntry$locale_s, _utilityLinksEntry$lo, _utilityLinksEntry$lo2, _headerEntry$cart, _storefrontParams$car, _headerEntry$top_ribb, _headerEntry$market_s, _headerEntry$translat, _headerEntry$translat2, _headerEntry$$, _ref4, _headerEntry$locale, _headerEntry$$2, _headerEntry$$3;
+  var _headerEntry$logo, _headerEntry$locale_s, _utilityLinksEntry$lo, _utilityLinksEntry$lo2, _headerEntry$cart, _storefrontParams$car, _headerEntry$$, _headerEntry$top_ribb, _headerEntry$market_s, _headerEntry$translat, _headerEntry$translat2, _topRibbon$top_ribbon, _headerEntry$$2, _ref4, _headerEntry$locale, _headerEntry$$3, _headerEntry$$4;
   var country = _ref3.country,
     language = _ref3.language,
     locale = _ref3.locale,
@@ -110579,7 +110705,8 @@ function HeaderView(_ref3) {
   var cartData = HeaderView_objectSpread(HeaderView_objectSpread({}, (_headerEntry$cart = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.cart) !== null && _headerEntry$cart !== void 0 ? _headerEntry$cart : DEFAULT_CART), {}, {
     item_count: (_storefrontParams$car = storefrontParams === null || storefrontParams === void 0 ? void 0 : storefrontParams.cartCount) !== null && _storefrontParams$car !== void 0 ? _storefrontParams$car : 0
   });
-  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;
+  var $ = (_headerEntry$$ = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.$) !== null && _headerEntry$$ !== void 0 ? _headerEntry$$ : {};
+  var topRibbon = (_headerEntry$top_ribb = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.top_ribbon) !== null && _headerEntry$top_ribb !== void 0 ? _headerEntry$top_ribb : null;
   var navigationData = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.top_navigation;
   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;
   var translations = (_headerEntry$translat = headerEntry === null || headerEntry === void 0 || (_headerEntry$translat2 = headerEntry.translations) === null || _headerEntry$translat2 === void 0 ? void 0 : _headerEntry$translat2[0]) !== null && _headerEntry$translat !== void 0 ? _headerEntry$translat : null;
@@ -110588,11 +110715,13 @@ function HeaderView(_ref3) {
     "data-country": country,
     "data-language": language,
     "data-locale": locale,
-    children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(top_ribbon_TopRibbon, {
-      links: topRibbonLinks,
-      ariaLabel: "Top navigation",
-      dataTestId: "header-top-ribbon"
-    }), /*#__PURE__*/(0,jsx_runtime_.jsxs)(TopHeaderRow, {
+    children: [(topRibbon === null || topRibbon === void 0 ? void 0 : topRibbon.show_top_ribbon) && /*#__PURE__*/(0,jsx_runtime_.jsx)("div", HeaderView_objectSpread(HeaderView_objectSpread(HeaderView_objectSpread({}, ($ === null || $ === void 0 ? void 0 : $.top_ribbon) || {}), ($ === null || $ === void 0 ? void 0 : $.top_ribbon__parent) || {}), {}, {
+      children: /*#__PURE__*/(0,jsx_runtime_.jsx)(top_ribbon_TopRibbon, {
+        links: [topRibbon],
+        ariaLabel: (_topRibbon$top_ribbon = topRibbon.top_ribbon_aria_label) !== null && _topRibbon$top_ribbon !== void 0 ? _topRibbon$top_ribbon : "Top Ribbon",
+        dataTestId: "header-top-ribbon"
+      })
+    })), /*#__PURE__*/(0,jsx_runtime_.jsxs)(TopHeaderRow, {
       children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(MobileMenuButton, {
         onClick: function onClick() {
           return setIsMobileMenuOpen(true);
@@ -110621,7 +110750,7 @@ function HeaderView(_ref3) {
           showDesktopTrigger: false
         }), /*#__PURE__*/(0,jsx_runtime_.jsx)(HeaderCartRegion, {
           data: cartData,
-          parent$: headerEntry === null || headerEntry === void 0 || (_headerEntry$$ = headerEntry.$) === null || _headerEntry$$ === void 0 ? void 0 : _headerEntry$$.cart
+          parent$: headerEntry === null || headerEntry === void 0 || (_headerEntry$$2 = headerEntry.$) === null || _headerEntry$$2 === void 0 ? void 0 : _headerEntry$$2.cart
         })]
       }), /*#__PURE__*/(0,jsx_runtime_.jsx)(RightHeaderCluster, {
         children: /*#__PURE__*/(0,jsx_runtime_.jsxs)(UtilityBar, {
@@ -110630,7 +110759,7 @@ function HeaderView(_ref3) {
             data: marketSelector,
             logo: logoData,
             locale: String((_ref4 = (_headerEntry$locale = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.locale) !== null && _headerEntry$locale !== void 0 ? _headerEntry$locale : locale) !== null && _ref4 !== void 0 ? _ref4 : "").trim(),
-            parent$: headerEntry === null || headerEntry === void 0 || (_headerEntry$$2 = headerEntry.$) === null || _headerEntry$$2 === void 0 ? void 0 : _headerEntry$$2.market_selector__0,
+            parent$: headerEntry === null || headerEntry === void 0 || (_headerEntry$$3 = headerEntry.$) === null || _headerEntry$$3 === void 0 ? void 0 : _headerEntry$$3.market_selector__0,
             mobileTriggerMode: "drawerPortal",
             drawerOpen: isMobileMenuOpen,
             drawerTriggerMountRef: mobileMarketTriggerMountRef
@@ -110641,7 +110770,7 @@ function HeaderView(_ref3) {
             parent$: accountParentTags
           }), /*#__PURE__*/(0,jsx_runtime_.jsx)(HeaderCartRegion, {
             data: cartData,
-            parent$: headerEntry === null || headerEntry === void 0 || (_headerEntry$$3 = headerEntry.$) === null || _headerEntry$$3 === void 0 ? void 0 : _headerEntry$$3.cart
+            parent$: headerEntry === null || headerEntry === void 0 || (_headerEntry$$4 = headerEntry.$) === null || _headerEntry$$4 === void 0 ? void 0 : _headerEntry$$4.cart
           })]
         })
       })]