@nuskin/nextgen-header 1.31.0 → 1.33.0

package/package-dist/index.js

@@ -87388,6 +87388,169 @@ module.exports = values;
 
 /***/ },
 
+/***/ 5925
+(module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+
+var _warn = __webpack_require__(8441);
+
+var _warn2 = _interopRequireDefault(_warn);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// https://developers.google.com/tag-manager/quickstart
+
+var Snippets = {
+  tags: function tags(_ref) {
+    var id = _ref.id,
+        events = _ref.events,
+        dataLayer = _ref.dataLayer,
+        dataLayerName = _ref.dataLayerName,
+        preview = _ref.preview,
+        auth = _ref.auth;
+
+    var gtm_auth = '&gtm_auth=' + auth;
+    var gtm_preview = '&gtm_preview=' + preview;
+
+    if (!id) (0, _warn2.default)('GTM Id is required');
+
+    var iframe = '\n      <iframe src="https://www.googletagmanager.com/ns.html?id=' + id + gtm_auth + gtm_preview + '&gtm_cookies_win=x"\n        height="0" width="0" style="display:none;visibility:hidden" id="tag-manager"></iframe>';
+
+    var script = '\n      (function(w,d,s,l,i){w[l]=w[l]||[];\n        w[l].push({\'gtm.start\': new Date().getTime(),event:\'gtm.js\', ' + JSON.stringify(events).slice(1, -1) + '});\n        var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!=\'dataLayer\'?\'&l=\'+l:\'\';\n        j.async=true;j.src=\'https://www.googletagmanager.com/gtm.js?id=\'+i+dl+\'' + gtm_auth + gtm_preview + '&gtm_cookies_win=x\';\n        f.parentNode.insertBefore(j,f);\n      })(window,document,\'script\',\'' + dataLayerName + '\',\'' + id + '\');';
+
+    var dataLayerVar = this.dataLayer(dataLayer, dataLayerName);
+
+    return {
+      iframe: iframe,
+      script: script,
+      dataLayerVar: dataLayerVar
+    };
+  },
+  dataLayer: function dataLayer(_dataLayer, dataLayerName) {
+    return '\n      window.' + dataLayerName + ' = window.' + dataLayerName + ' || [];\n      window.' + dataLayerName + '.push(' + JSON.stringify(_dataLayer) + ')';
+  }
+};
+
+module.exports = Snippets;
+
+/***/ },
+
+/***/ 6324
+(module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+
+var _Snippets = __webpack_require__(5925);
+
+var _Snippets2 = _interopRequireDefault(_Snippets);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var TagManager = {
+  dataScript: function dataScript(dataLayer) {
+    var script = document.createElement('script');
+    script.innerHTML = dataLayer;
+    return script;
+  },
+  gtm: function gtm(args) {
+    var snippets = _Snippets2.default.tags(args);
+
+    var noScript = function noScript() {
+      var noscript = document.createElement('noscript');
+      noscript.innerHTML = snippets.iframe;
+      return noscript;
+    };
+
+    var script = function script() {
+      var script = document.createElement('script');
+      script.innerHTML = snippets.script;
+      return script;
+    };
+
+    var dataScript = this.dataScript(snippets.dataLayerVar);
+
+    return {
+      noScript: noScript,
+      script: script,
+      dataScript: dataScript
+    };
+  },
+  initialize: function initialize(_ref) {
+    var gtmId = _ref.gtmId,
+        _ref$events = _ref.events,
+        events = _ref$events === undefined ? {} : _ref$events,
+        dataLayer = _ref.dataLayer,
+        _ref$dataLayerName = _ref.dataLayerName,
+        dataLayerName = _ref$dataLayerName === undefined ? 'dataLayer' : _ref$dataLayerName,
+        _ref$auth = _ref.auth,
+        auth = _ref$auth === undefined ? '' : _ref$auth,
+        _ref$preview = _ref.preview,
+        preview = _ref$preview === undefined ? '' : _ref$preview;
+
+    var gtm = this.gtm({
+      id: gtmId,
+      events: events,
+      dataLayer: dataLayer || undefined,
+      dataLayerName: dataLayerName,
+      auth: auth,
+      preview: preview
+    });
+    if (dataLayer) document.head.appendChild(gtm.dataScript);
+    document.head.insertBefore(gtm.script(), document.head.childNodes[0]);
+    document.body.insertBefore(gtm.noScript(), document.body.childNodes[0]);
+  },
+  dataLayer: function dataLayer(_ref2) {
+    var _dataLayer = _ref2.dataLayer,
+        _ref2$dataLayerName = _ref2.dataLayerName,
+        dataLayerName = _ref2$dataLayerName === undefined ? 'dataLayer' : _ref2$dataLayerName;
+
+    if (window[dataLayerName]) return window[dataLayerName].push(_dataLayer);
+    var snippets = _Snippets2.default.dataLayer(_dataLayer, dataLayerName);
+    var dataScript = this.dataScript(snippets);
+    document.head.insertBefore(dataScript, document.head.childNodes[0]);
+  }
+};
+
+module.exports = TagManager;
+
+/***/ },
+
+/***/ 1003
+(module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+
+var _TagManager = __webpack_require__(6324);
+
+var _TagManager2 = _interopRequireDefault(_TagManager);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+module.exports = _TagManager2.default;
+
+/***/ },
+
+/***/ 8441
+(__unused_webpack_module, exports) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+var warn = function warn(s) {
+  console.warn('[react-gtm]', s);
+};
+
+exports["default"] = warn;
+
+/***/ },
+
 /***/ 9223
 (__unused_webpack_module, exports, __webpack_require__) {
 
@@ -100587,62 +100750,73 @@ var colors = {
   accentHover: "#0d9488"
 };
 var HeaderRoot = /*#__PURE__*/createStyled("header",  true ? {
-  target: "e1607tyl42"
+  target: "e1607tyl45"
 } : 0)("box-sizing:border-box;width:100%;font-family:\"Inter\",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:", colors.text, ";background:", colors.surface, ";border-bottom:1px solid ", colors.borderLight, ";*,*::before,*::after{box-sizing:border-box;}button{font:inherit;cursor:pointer;}button:disabled{cursor:not-allowed;opacity:0.55;}" + ( true ? "" : 0));
 
 /** Logo (left) + utility + search (stacked right) */
 var TopHeaderRow = /*#__PURE__*/createStyled("div",  true ? {
-  target: "e1607tyl41"
+  target: "e1607tyl44"
 } : 0)( true ? {
   name: "1dro8oz",
   styles: "display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 0.5rem;padding:1rem clamp(1rem, 4vw, 2rem) 0.75rem;max-width:1440px;margin:0 auto;@media (min-width: 1025px){gap:1rem 2rem;}"
 } : 0);
 var LogoSlot = /*#__PURE__*/createStyled("div",  true ? {
-  target: "e1607tyl40"
+  target: "e1607tyl43"
 } : 0)("flex:0 0 auto;align-self:center;@media (max-width: 1024px){margin-right:auto;}[data-copy-loading]{display:flex;align-items:center;min-height:2.75rem;}.header-copy-placeholder{color:", colors.muted, ";letter-spacing:0.02em;}" + ( true ? "" : 0));
 var WordmarkButton = /*#__PURE__*/createStyled("button",  true ? {
-  target: "e1607tyl39"
+  target: "e1607tyl42"
 } : 0)("margin:0;padding:0.25rem 0;border:none;background:none;font-size:1.5rem;font-weight:700;letter-spacing:0.2em;color:", colors.text, ";text-transform:uppercase;line-height:1.2;transition:opacity 0.15s ease;&:hover{opacity:0.72;}" + ( true ? "" : 0));
 
 /** Utility row only (search moved to nav row) */
 var RightHeaderCluster = /*#__PURE__*/createStyled("div",  true ? {
-  target: "e1607tyl38"
+  target: "e1607tyl41"
 } : 0)( true ? {
   name: "qu4zte",
   styles: "display:none;@media (min-width: 1025px){display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:0.35rem 1rem;flex:1 1 auto;}"
 } : 0);
 var UtilityBar = /*#__PURE__*/createStyled("div",  true ? {
-  target: "e1607tyl37"
+  target: "e1607tyl40"
 } : 0)("display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:0.35rem 1rem;width:100%;font-size:0.8125rem;line-height:1.35;color:", colors.text, ";" + ( true ? "" : 0));
 var UtilityBarDivider = /*#__PURE__*/createStyled("span",  true ? {
-  target: "e1607tyl36"
+  target: "e1607tyl39"
 } : 0)("color:", colors.muted, ";user-select:none;" + ( true ? "" : 0));
 var UtilityButton = /*#__PURE__*/createStyled("button",  true ? {
-  target: "e1607tyl35"
+  target: "e1607tyl38"
 } : 0)( true ? {
   name: "1f5cjb2",
   styles: "display:inline-flex;align-items:center;gap:0.35rem;margin:0;padding:0.2rem 0.35rem;border:none;border-radius:4px;background:transparent;color:inherit;white-space:nowrap;transition:background 0.15s ease;&:not(:disabled):hover{background:rgba(0, 0, 0, 0.05);}svg{flex-shrink:0;opacity:0.85;}"
 } : 0);
+var LoyaltyPillInner = /*#__PURE__*/createStyled("span",  true ? {
+  target: "e1607tyl37"
+} : 0)( true ? {
+  name: "99qhl1",
+  styles: "display:inline-flex;align-items:center;gap:0;color:inherit;border-bottom:1px solid transparent;box-sizing:border-box"
+} : 0);
+
+/** Loyalty anchor in the utility bar — pill aligned with market selector visual spec */
+var LoyaltyUtilityLink = /*#__PURE__*/createStyled("a",  true ? {
+  target: "e1607tyl36"
+} : 0)("appearance:none;margin:0;border:0;background:transparent;color:#5f5f5f;font-family:Lora,sans-serif;font-weight:500;font-size:16px;line-height:22px;min-height:44px;padding:11px 16px;border-radius:24px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;&:visited{color:#5f5f5f;text-decoration:none;}&:hover{background:#efefef;color:#2f2f2f;text-decoration:none;", LoyaltyPillInner, "{border-bottom-color:currentColor;}}&:hover:visited{color:#2f2f2f;text-decoration:none;}&:focus-visible{outline:1px solid #007bff;outline-offset:1px;color:#2f2f2f;text-decoration:none;", LoyaltyPillInner, "{border-bottom-color:currentColor;}}&:active{text-decoration:none;}" + ( true ? "" : 0));
 var LocaleLabel = /*#__PURE__*/createStyled("span",  true ? {
-  target: "e1607tyl34"
+  target: "e1607tyl35"
 } : 0)( true ? {
   name: "101gt3q",
   styles: "display:inline-flex;align-items:center;gap:0.3rem"
 } : 0);
 var AccountCluster = /*#__PURE__*/createStyled("div",  true ? {
-  target: "e1607tyl33"
+  target: "e1607tyl34"
 } : 0)( true ? {
   name: "m6tz52",
   styles: "display:inline-flex;flex-wrap:wrap;align-items:center;gap:0.125rem 0.35rem;@media (max-width: 1024px){.account-icon{display:none;}.account-sign-up{display:none;}.account-divider{display:none;}.account-sign-in{font-size:1rem;font-weight:400;padding:0;}}"
 } : 0);
 var CartButtonInner = /*#__PURE__*/createStyled("span",  true ? {
-  target: "e1607tyl32"
+  target: "e1607tyl33"
 } : 0)( true ? {
   name: "ww3r3k",
   styles: "display:inline-flex;align-items:center;position:relative"
 } : 0);
 var CartBadge = /*#__PURE__*/createStyled("span",  true ? {
-  target: "e1607tyl31"
+  target: "e1607tyl32"
 } : 0)( true ? {
   name: "1sj9dvc",
   styles: "position:absolute;top:-8px;right:-8px;display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 4px;border-radius:50%;font-size:0.75rem;font-weight:600;line-height:1;background:#5b81a5;color:#fff;border:2px solid #fff"
@@ -100650,140 +100824,148 @@ var CartBadge = /*#__PURE__*/createStyled("span",  true ? {
 
 /** Pill search: icon left, full-width field, submit control on right */
 var SearchSlot = /*#__PURE__*/createStyled("div",  true ? {
-  target: "e1607tyl30"
+  target: "e1607tyl31"
 } : 0)( true ? {
   name: "kuwwf0",
   styles: "width:100%;[data-region=\"search\"]{width:100%;}"
 } : 0);
 var SearchPillForm = /*#__PURE__*/createStyled("form",  true ? {
-  target: "e1607tyl29"
+  target: "e1607tyl30"
 } : 0)("display:flex;align-items:center;width:100%;min-height:2.75rem;padding:0 0.35rem 0 0.85rem;border:1px solid ", colors.border, ";border-radius:999px;background:", colors.surface, ";overflow:hidden;transition:border-color 0.15s ease,box-shadow 0.15s ease;&:focus-within{border-color:", colors.muted, ";box-shadow:0 0 0 1px rgba(17, 24, 39, 0.08);}.search-pill__icon{flex-shrink:0;margin-right:0.5rem;color:", colors.muted, ";}input{flex:1;min-width:0;padding:0.5rem 0;border:none;background:transparent;font-size:0.9375rem;outline:none;&::placeholder{color:", colors.muted, ";}}button[type=\"submit\"]{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;margin:0.1rem 0.1rem 0.1rem 0.25rem;padding:0;border:none;border-radius:50%;background:", colors.text, ";color:#fff;transition:opacity 0.15s ease,transform 0.1s ease;&:hover:not(:disabled){opacity:0.88;}&:disabled{opacity:0.4;}svg{width:16px;height:16px;}}" + ( true ? "" : 0));
 var NavSection = /*#__PURE__*/createStyled("div",  true ? {
-  target: "e1607tyl28"
+  target: "e1607tyl29"
 } : 0)("display:none;background:", colors.surface, ";@media (min-width: 1025px){display:block;[role=\"tablist\"]{padding-right:calc(\n        clamp(200px, 22vw, 340px) + clamp(1rem, 4vw, 2rem) + 1.5rem\n      );}}", function (p) {
   return p.$isEditing && "display: block;";
 }, ";" + ( true ? "" : 0));
 
 /** Search pill anchored to the top-right of NavSection, vertically centred in the tab row (68 px tall). */
 var NavSectionInner = /*#__PURE__*/createStyled("div",  true ? {
-  target: "e1607tyl27"
+  target: "e1607tyl28"
 } : 0)( true ? {
   name: "15qmolt",
   styles: "position:relative;max-width:1440px;margin:0 auto"
 } : 0);
 var NavSearchSlot = /*#__PURE__*/createStyled("div",  true ? {
-  target: "e1607tyl26"
+  target: "e1607tyl27"
 } : 0)( true ? {
   name: "913s6b",
   styles: "display:none;@media (min-width: 1025px){display:flex;align-items:center;position:absolute;top:0;right:clamp(1rem, 4vw, 2rem);height:68px;width:clamp(200px, 22vw, 340px);[data-region=\"search\"]{width:100%;}}"
 } : 0);
 var PrimaryNav = /*#__PURE__*/createStyled("nav",  true ? {
-  target: "e1607tyl25"
+  target: "e1607tyl26"
 } : 0)("max-width:1440px;margin:0 auto;padding:0 clamp(1rem, 4vw, 2rem);ul{display:flex;flex-wrap:wrap;align-items:stretch;gap:0;margin:0;padding:0;list-style:none;}li{margin:0;}li>span,li>button{display:block;width:100%;margin:0;padding:0.95rem 0.85rem;border:none;background:none;font-size:0.9375rem;font-weight:500;text-align:left;color:", colors.text, ";border-bottom:3px solid transparent;transition:color 0.15s ease,border-color 0.15s ease;}li>button{cursor:pointer;font-family:inherit;}li:hover>span,li:hover>button{color:", colors.accent, ";}li[data-nav-active=\"true\"]>span,li[data-nav-active=\"true\"]>button{font-weight:700;border-bottom-color:", colors.navActive, ";}&[data-copy-loading] li>span{color:", colors.muted, ";}" + ( true ? "" : 0));
 var MegaMenuPreview = /*#__PURE__*/createStyled("section",  true ? {
-  target: "e1607tyl24"
+  target: "e1607tyl25"
 } : 0)("border-top:1px solid ", colors.borderLight, ";background:#f9fafb;" + ( true ? "" : 0));
 var MegaMenuInner = /*#__PURE__*/createStyled("div",  true ? {
-  target: "e1607tyl23"
+  target: "e1607tyl24"
 } : 0)( true ? {
   name: "1awwgt4",
   styles: "display:grid;grid-template-columns:minmax(11rem, 14rem) 1fr;gap:1.5rem 2.5rem;max-width:1440px;margin:0 auto;padding:1.25rem clamp(1rem, 4vw, 2rem) 1.75rem;@media (max-width: 800px){grid-template-columns:1fr;}"
 } : 0);
 var JumpToColumn = /*#__PURE__*/createStyled("div",  true ? {
-  target: "e1607tyl22"
+  target: "e1607tyl23"
 } : 0)("padding:1rem;border:1px solid ", colors.border, ";border-radius:6px;background:", colors.surface, ";" + ( true ? "" : 0));
 var JumpToTitle = /*#__PURE__*/createStyled("h3",  true ? {
-  target: "e1607tyl21"
+  target: "e1607tyl22"
 } : 0)("margin:0 0 0.75rem;font-size:0.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;color:", colors.text, ";" + ( true ? "" : 0));
 var JumpToList = /*#__PURE__*/createStyled("ul",  true ? {
-  target: "e1607tyl20"
+  target: "e1607tyl21"
 } : 0)( true ? {
   name: "gt7hyk",
   styles: "display:flex;flex-direction:column;gap:0.5rem;margin:0;padding:0;list-style:none"
 } : 0);
 var JumpToPill = /*#__PURE__*/createStyled("button",  true ? {
-  target: "e1607tyl19"
+  target: "e1607tyl20"
 } : 0)("display:block;width:100%;margin:0;padding:0.5rem 0.85rem;border:1px solid ", colors.border, ";border-radius:999px;background:", colors.surface, ";font-size:0.8125rem;font-weight:500;text-align:left;color:", colors.text, ";transition:background 0.15s ease,border-color 0.15s ease;&:hover:not(:disabled){background:#f3f4f6;border-color:", colors.muted, ";}" + ( true ? "" : 0));
 var CategoriesPane = /*#__PURE__*/createStyled("div",  true ? {
-  target: "e1607tyl18"
+  target: "e1607tyl19"
 } : 0)("padding:1rem 1.25rem;border:1px solid ", colors.border, ";border-radius:6px;background:", colors.surface, ";" + ( true ? "" : 0));
 var CategoryHeaderStrip = /*#__PURE__*/createStyled("div",  true ? {
-  target: "e1607tyl17"
+  target: "e1607tyl18"
 } : 0)("display:flex;flex-wrap:wrap;align-items:center;gap:0.35rem 0.5rem;margin-bottom:1.25rem;padding-bottom:0.65rem;border-bottom:1px solid ", colors.borderLight, ";font-size:0.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:", colors.text, ";span{white-space:nowrap;}svg{flex-shrink:0;color:", colors.muted, ";}" + ( true ? "" : 0));
 var CategoryColumns = /*#__PURE__*/createStyled("div",  true ? {
-  target: "e1607tyl16"
+  target: "e1607tyl17"
 } : 0)( true ? {
   name: "xxda9t",
   styles: "display:grid;grid-template-columns:repeat(3, 1fr);gap:1.25rem 1.5rem;@media (max-width: 900px){grid-template-columns:1fr;}"
 } : 0);
 var CategoryColumn = /*#__PURE__*/(/* unused pure expression or super */ null && (_styled("div",  true ? {
-  target: "e1607tyl15"
+  target: "e1607tyl16"
 } : 0)( true ? "" : 0)));
 var CategorySubLabel = /*#__PURE__*/createStyled("p",  true ? {
-  target: "e1607tyl14"
+  target: "e1607tyl15"
 } : 0)("margin:0 0 0.5rem;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;color:", colors.muted, ";" + ( true ? "" : 0));
 var CategoryLinkList = /*#__PURE__*/createStyled("ul",  true ? {
-  target: "e1607tyl13"
+  target: "e1607tyl14"
 } : 0)("margin:0;padding:0;list-style:none;li{margin:0;padding:0;}button.link-like{display:block;width:100%;margin:0;padding:0.35rem 0;border:none;background:none;font-size:0.875rem;text-align:left;color:", colors.text, ";text-decoration:none;cursor:pointer;transition:color 0.12s ease;&:hover{color:", colors.accent, ";text-decoration:underline;}}" + ( true ? "" : 0));
 var MobileMenuButton = /*#__PURE__*/createStyled("button",  true ? {
-  target: "e1607tyl12"
+  target: "e1607tyl13"
 } : 0)("display:flex;align-items:center;justify-content:center;margin:0;padding:0.5rem;border:none;background:transparent;color:", colors.text, ";cursor:pointer;transition:background 0.15s ease;&:hover{background:rgba(0, 0, 0, 0.05);}@media (min-width: 1025px){display:none;}" + ( true ? "" : 0));
 var MobileUtilityBar = /*#__PURE__*/createStyled("div",  true ? {
-  target: "e1607tyl11"
+  target: "e1607tyl12"
 } : 0)("display:flex;align-items:center;gap:1rem;margin-left:auto;font-size:1rem;@media (min-width: 1025px){display:none;}[data-region=\"account\"] button,[data-region=\"cart\"] button{display:flex;align-items:center;padding:0;background:none;border:none;color:", colors.text, ";cursor:pointer;font-size:1rem;svg{width:24px;height:24px;}}" + ( true ? "" : 0));
 var MobileDrawer = /*#__PURE__*/createStyled("div",  true ? {
-  target: "e1607tyl10"
+  target: "e1607tyl11"
 } : 0)( true ? {
   name: "kxea5q",
   styles: "position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex"
 } : 0);
 var MobileDrawerBackdrop = /*#__PURE__*/createStyled("div",  true ? {
-  target: "e1607tyl9"
+  target: "e1607tyl10"
 } : 0)( true ? {
   name: "eq959j",
   styles: "position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.5);cursor:pointer"
 } : 0);
 var MobileDrawerContent = /*#__PURE__*/createStyled("div",  true ? {
-  target: "e1607tyl8"
+  target: "e1607tyl9"
 } : 0)("position:relative;z-index:1;width:85%;max-width:375px;height:100%;background:", colors.surface, ";display:flex;flex-direction:column;gap:16px;box-shadow:2px 0 8px rgba(0, 0, 0, 0.15);" + ( true ? "" : 0));
 var MobileDrawerHeader = /*#__PURE__*/createStyled("div",  true ? {
-  target: "e1607tyl7"
+  target: "e1607tyl8"
 } : 0)( true ? {
   name: "dvskpv",
   styles: "box-sizing:border-box;width:100%;height:98px;min-height:98px;flex-shrink:0;padding:66px 0 0;background:#ffffff;opacity:1"
 } : 0);
 var MobileDrawerHeaderRow = /*#__PURE__*/createStyled("div",  true ? {
-  target: "e1607tyl6"
+  target: "e1607tyl7"
 } : 0)( true ? {
   name: "150vzce",
   styles: "display:flex;align-items:center;justify-content:space-between;height:32px;min-height:32px;max-height:32px;width:100%;box-sizing:border-box;padding-left:20px;padding-right:20px"
 } : 0);
 var MobileDrawerMarketTriggerSlot = /*#__PURE__*/createStyled("div",  true ? {
-  target: "e1607tyl5"
+  target: "e1607tyl6"
 } : 0)( true ? {
   name: "u09th4",
   styles: "flex:0 1 auto;min-width:0;height:32px;display:flex;align-items:center;justify-content:flex-end"
 } : 0);
 var MobileDrawerLogoSlot = /*#__PURE__*/createStyled("div",  true ? {
-  target: "e1607tyl4"
+  target: "e1607tyl5"
 } : 0)( true ? {
   name: "1659k0q",
   styles: "display:flex;align-items:center;justify-content:flex-start;min-width:0;flex:1 1 auto;height:100%;overflow:hidden"
 } : 0);
 var MobileDrawerNav = /*#__PURE__*/createStyled("nav",  true ? {
-  target: "e1607tyl3"
+  target: "e1607tyl4"
 } : 0)( true ? {
   name: "tvz3vz",
   styles: "flex:1;overflow-y:auto;padding:0 0 1rem;[data-drawer-top-nav]>*{max-width:none;margin:0;padding:0;width:100%;}"
 } : 0);
 var MobileDrawerNavItem = /*#__PURE__*/createStyled("div",  true ? {
-  target: "e1607tyl2"
+  target: "e1607tyl3"
 } : 0)( true ? "" : 0);
 var MobileDrawerNavButton = /*#__PURE__*/createStyled("button",  true ? {
-  target: "e1607tyl1"
+  target: "e1607tyl2"
 } : 0)("display:flex;align-items:center;justify-content:", function (p) {
   return p.$alignStart ? "flex-start" : "space-between";
 }, ";width:100%;margin:0;padding:1.125rem 1.5rem;border:none;background:none;font-size:1rem;font-weight:400;text-align:left;color:", colors.text, ";cursor:pointer;transition:background 0.15s ease;text-decoration:none;&:hover{background:rgba(0, 0, 0, 0.03);}svg{flex-shrink:0;color:", colors.muted, ";transition:transform 0.2s ease;}" + ( true ? "" : 0));
+
+/** Nav row without trailing icon (e.g. loyalty link). */
+var MobileDrawerNavLink = /*#__PURE__*/createStyled(MobileDrawerNavButton,  true ? {
+  target: "e1607tyl1"
+} : 0)( true ? {
+  name: "11g6mpt",
+  styles: "justify-content:flex-start"
+} : 0);
 var MobileDrawerLocaleButton = /*#__PURE__*/createStyled("button",  true ? {
   target: "e1607tyl0"
 } : 0)("display:inline-flex;align-items:center;gap:0.5rem;margin:15px 18px;padding:7px;border:1px solid ", colors.border, ";border-radius:24px;background:transparent;font-size:0.875rem;color:", colors.text, ";cursor:pointer;justify-content:center;transition:all 0.15s ease;&:hover{background:rgba(0, 0, 0, 0.03);border-color:", colors.text, ";}svg{flex-shrink:0;color:", colors.muted, ";width:16px;height:16px;}" + ( true ? "" : 0));
@@ -100850,11 +101032,24 @@ 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;
 var CONTENTSTACK_PREVIEW_TOKEN = process.env.CONTENTSTACK_PREVIEW_TOKEN;
+var GTM_TRACKING_CONFIG = {
+  loyalty: {
+    componentName: "Loyalty",
+    impressionEvent: "header_loyalty_impression",
+    impressionElement: "Impression",
+    impressionTriggerType: "Element Visibility",
+    clickEvent: "vb_button_cta_click",
+    clickElement: "CTA Click",
+    clickTriggerType: "Click - Just Links",
+    // Loyalty is always an anchor (`data-gtm-loyalty`); selector works for GTM delegation.
+    clickSelector: "[data-gtm-loyalty]"
+  }
+};
 
 ;// ./src/utils/contentstack.js
 /* unused harmony import specifier */ var ContentstackLivePreview;
@@ -102832,6 +103027,12 @@ TopNavigation.defaultProps = {
   translations: undefined
 };
 ;// ./src/components/header/MobileHeaderDrawer.jsx
+function MobileHeaderDrawer_typeof(o) { "@babel/helpers - typeof"; return MobileHeaderDrawer_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; }, MobileHeaderDrawer_typeof(o); }
+function MobileHeaderDrawer_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; }
+function MobileHeaderDrawer_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? MobileHeaderDrawer_ownKeys(Object(t), !0).forEach(function (r) { MobileHeaderDrawer_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : MobileHeaderDrawer_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function MobileHeaderDrawer_defineProperty(e, r, t) { return (r = MobileHeaderDrawer_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function MobileHeaderDrawer_toPropertyKey(t) { var i = MobileHeaderDrawer_toPrimitive(t, "string"); return "symbol" == MobileHeaderDrawer_typeof(i) ? i : i + ""; }
+function MobileHeaderDrawer_toPrimitive(t, r) { if ("object" != MobileHeaderDrawer_typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != MobileHeaderDrawer_typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 
 
 
@@ -102877,13 +103078,16 @@ function MobileHeaderDrawer(_ref) {
             data: navigationData,
             locale: locale
           })
-        }), (loyaltyData === null || loyaltyData === void 0 ? void 0 : loyaltyData.link_label) && /*#__PURE__*/(0,jsx_runtime_.jsx)(MobileDrawerNavItem, {
-          children: /*#__PURE__*/(0,jsx_runtime_.jsx)(MobileDrawerNavButton, {
+        }), (loyaltyData === null || loyaltyData === void 0 ? void 0 : loyaltyData.label) && (loyaltyData === null || loyaltyData === void 0 ? void 0 : loyaltyData.url) && /*#__PURE__*/(0,jsx_runtime_.jsx)(MobileDrawerNavItem, {
+          children: /*#__PURE__*/(0,jsx_runtime_.jsx)(MobileDrawerNavLink, MobileHeaderDrawer_objectSpread(MobileHeaderDrawer_objectSpread({
             as: "a",
-            href: loyaltyData.href,
-            $alignStart: true,
-            children: loyaltyData.link_label
-          })
+            href: loyaltyData.url
+          }, loyaltyData.open_in_new_tab ? {
+            target: "_blank",
+            rel: "noopener noreferrer"
+          } : {}), {}, {
+            children: loyaltyData.label
+          }))
         }), marketTriggerMountRef ? null : /*#__PURE__*/(0,jsx_runtime_.jsx)(MobileDrawerNavItem, {
           children: /*#__PURE__*/(0,jsx_runtime_.jsxs)(MobileDrawerLocaleButton, {
             children: [localeData.control_label, /*#__PURE__*/(0,jsx_runtime_.jsx)(IconChevronDown, {})]
@@ -102919,19 +103123,26 @@ function HeaderLoyaltyRegion_toPrimitive(t, r) { if ("object" != HeaderLoyaltyRe
 function HeaderLoyaltyRegion(_ref) {
   var _data$$;
   var data = _ref.data;
-  return /*#__PURE__*/(0,jsx_runtime_.jsx)(UtilityButton, HeaderLoyaltyRegion_objectSpread(HeaderLoyaltyRegion_objectSpread({
-    type: "button",
-    href: data === null || data === void 0 ? void 0 : data.url
-  }, data === null || data === void 0 || (_data$$ = data.$) === null || _data$$ === void 0 ? void 0 : _data$$.label), {}, {
-    children: data === null || data === void 0 ? void 0 : data.label
+  var url = data === null || data === void 0 ? void 0 : data.url;
+  return /*#__PURE__*/(0,jsx_runtime_.jsx)(LoyaltyUtilityLink, HeaderLoyaltyRegion_objectSpread(HeaderLoyaltyRegion_objectSpread({
+    "data-gtm-loyalty": true,
+    href: url
+  }, data !== null && data !== void 0 && data.open_in_new_tab ? {
+    target: "_blank",
+    rel: "noopener noreferrer"
+  } : {}), {}, {
+    children: /*#__PURE__*/(0,jsx_runtime_.jsx)(LoyaltyPillInner, HeaderLoyaltyRegion_objectSpread(HeaderLoyaltyRegion_objectSpread({}, data === null || data === void 0 || (_data$$ = data.$) === null || _data$$ === void 0 ? void 0 : _data$$.label), {}, {
+      children: data === null || data === void 0 ? void 0 : data.label
+    }))
   }));
 }
 HeaderLoyaltyRegion.propTypes = {
   data: external_prop_types_default().shape({
-    label: (external_prop_types_default()).string.isRequired,
-    url: (external_prop_types_default()).string,
+    label: (external_prop_types_default()).string,
+    url: (external_prop_types_default()).string.isRequired,
+    open_in_new_tab: (external_prop_types_default()).bool,
     $: (external_prop_types_default()).object
-  }).isRequired
+  })
 };
 ;// ./src/components/signup-signin/SignUpOrSignIn.helpers.js
 var DEFAULT_SIGN_UP = {
@@ -107748,44 +107959,448 @@ HeaderNavigationRegion.propTypes = {
   locale: (external_prop_types_default()).string,
   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 '#';
+// EXTERNAL MODULE: ./node_modules/react-gtm-module/dist/index.js
+var react_gtm_module_dist = __webpack_require__(1003);
+;// ./src/utils/datalayer.js
+function datalayer_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; }
+function datalayer_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? datalayer_ownKeys(Object(t), !0).forEach(function (r) { datalayer_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : datalayer_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function datalayer_defineProperty(e, r, t) { return (r = datalayer_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function datalayer_toPropertyKey(t) { var i = datalayer_toPrimitive(t, "string"); return "symbol" == datalayer_typeof(i) ? i : i + ""; }
+function datalayer_toPrimitive(t, r) { if ("object" != datalayer_typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != datalayer_typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function datalayer_typeof(o) { "@babel/helpers - typeof"; return datalayer_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; }, datalayer_typeof(o); }
+
+var gtmInitialized = false;
+
+/** Resets init guard — for unit tests only */
+function resetGtmInitForTesting() {
+  gtmInitialized = false;
+}
+var initDataLayer = function initDataLayer() {
+  if ((typeof window === "undefined" ? "undefined" : datalayer_typeof(window)) !== "object") return;
+  var gtmId = process.env.REACT_APP_GTM_KEY;
+  if (!gtmId || gtmInitialized) return;
+  try {
+    var gtmArgs = {
+      gtmId: gtmId
+    };
+    react_gtm_module_dist.initialize(gtmArgs);
+    gtmInitialized = true;
+  } catch (error) {
+    console.error("Error initializing GTM:", error);
   }
-  return url;
 };
+var pushDataLayerEvent = function pushDataLayerEvent() {
+  var eventData = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  if ((typeof window === "undefined" ? "undefined" : datalayer_typeof(window)) !== "object") return;
+  initDataLayer();
+  var dataToTrack = datalayer_objectSpread({}, eventData);
+  react_gtm_module_dist.dataLayer({
+    dataLayer: dataToTrack
+  });
+};
+var getDataLayer = function getDataLayer() {
+  return [];
+};
+;// ./src/utils/eventFactory.js
+function eventFactory_typeof(o) { "@babel/helpers - typeof"; return eventFactory_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; }, eventFactory_typeof(o); }
+var eventFactory_excluded = ["component_name", "event", "event_action", "element", "trigger_type"];
+function eventFactory_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; }
+function eventFactory_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? eventFactory_ownKeys(Object(t), !0).forEach(function (r) { eventFactory_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : eventFactory_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function eventFactory_defineProperty(e, r, t) { return (r = eventFactory_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function eventFactory_toPropertyKey(t) { var i = eventFactory_toPrimitive(t, "string"); return "symbol" == eventFactory_typeof(i) ? i : i + ""; }
+function eventFactory_toPrimitive(t, r) { if ("object" != eventFactory_typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != eventFactory_typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function eventFactory_objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = eventFactory_objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function eventFactory_objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+
+var VB_EVENT_CONFIG = {
+  view: {
+    element: "Impression",
+    trigger_type: "Element Visibility",
+    event_category: "engagement"
+  },
+  click: {
+    element: "CTA Click",
+    trigger_type: "Click",
+    event_category: "engagement"
+  },
+  navigate: {
+    element: "Navigation",
+    trigger_type: "Click",
+    event_category: "engagement"
+  }
+};
+var trackVisualBuilderEvent = function trackVisualBuilderEvent(_ref) {
+  var component_name = _ref.component_name,
+    event = _ref.event,
+    event_action = _ref.event_action,
+    element = _ref.element,
+    trigger_type = _ref.trigger_type,
+    customFields = eventFactory_objectWithoutProperties(_ref, eventFactory_excluded);
+  var config = VB_EVENT_CONFIG[event_action] || VB_EVENT_CONFIG.view;
+  var eventList = eventFactory_objectSpread({
+    component_name: component_name,
+    element: element || config.element,
+    trigger_type: trigger_type || config.trigger_type,
+    event: event,
+    event_category: config.event_category,
+    event_action: event_action
+  }, customFields);
+  pushDataLayerEvent(eventList);
+  return eventList;
+};
+;// ./src/components/gtm-tracker/GTMTracker.styled.js
+
+function GTMTracker_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)."; }
+var GTMTrackerRoot = /*#__PURE__*/createStyled("div",  true ? {
+  target: "e191ba190"
+} : 0)( true ? {
+  name: "13udsys",
+  styles: "height:100%"
+} : 0);
+;// ./src/components/gtm-tracker/GTMTracker.jsx
+function GTMTracker_typeof(o) { "@babel/helpers - typeof"; return GTMTracker_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; }, GTMTracker_typeof(o); }
+function GTMTracker_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; }
+function GTMTracker_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? GTMTracker_ownKeys(Object(t), !0).forEach(function (r) { GTMTracker_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : GTMTracker_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function GTMTracker_defineProperty(e, r, t) { return (r = GTMTracker_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function GTMTracker_toPropertyKey(t) { var i = GTMTracker_toPrimitive(t, "string"); return "symbol" == GTMTracker_typeof(i) ? i : i + ""; }
+function GTMTracker_toPrimitive(t, r) { if ("object" != GTMTracker_typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != GTMTracker_typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+
+
+
+
+
 var isServer = typeof window === "undefined";
+
+/** Stable reference — default `customFields = {}` in params creates a new object every render. */
+var EMPTY_CUSTOM_FIELDS = {};
+function pageNameFromPathname(pathname) {
+  var parts = String(pathname || "").split("/").filter(Boolean);
+  if (parts.length <= 2) {
+    return "";
+  }
+  return parts.slice(2).join("/");
+}
+var GTMTracker = function GTMTracker(_ref) {
+  var componentName = _ref.componentName,
+    impressionEvent = _ref.impressionEvent,
+    impressionElement = _ref.impressionElement,
+    impressionTriggerType = _ref.impressionTriggerType,
+    clickEvent = _ref.clickEvent,
+    clickElement = _ref.clickElement,
+    clickTriggerType = _ref.clickTriggerType,
+    _ref$clickSelector = _ref.clickSelector,
+    clickSelector = _ref$clickSelector === void 0 ? "a" : _ref$clickSelector,
+    _ref$clickEventAction = _ref.clickEventAction,
+    clickEventAction = _ref$clickEventAction === void 0 ? "click" : _ref$clickEventAction,
+    customFields = _ref.customFields,
+    children = _ref.children;
+  // On the server, just render children — tracking is client-only.
+  if (isServer) {
+    return /*#__PURE__*/(0,jsx_runtime_.jsx)(GTMTrackerRoot, {
+      children: children
+    });
+  }
+  return /*#__PURE__*/(0,jsx_runtime_.jsx)(GTMTrackerClient, {
+    componentName: componentName,
+    impressionEvent: impressionEvent,
+    impressionElement: impressionElement,
+    impressionTriggerType: impressionTriggerType,
+    clickEvent: clickEvent,
+    clickElement: clickElement,
+    clickTriggerType: clickTriggerType,
+    clickSelector: clickSelector,
+    clickEventAction: clickEventAction,
+    customFields: customFields !== null && customFields !== void 0 ? customFields : EMPTY_CUSTOM_FIELDS,
+    children: children
+  });
+};
+
+// Client-only component with hooks (useRef, useEffect, useLocation)
+function GTMTrackerClient(_ref2) {
+  var componentName = _ref2.componentName,
+    impressionEvent = _ref2.impressionEvent,
+    impressionElement = _ref2.impressionElement,
+    impressionTriggerType = _ref2.impressionTriggerType,
+    clickEvent = _ref2.clickEvent,
+    clickElement = _ref2.clickElement,
+    clickTriggerType = _ref2.clickTriggerType,
+    clickSelector = _ref2.clickSelector,
+    clickEventAction = _ref2.clickEventAction,
+    customFields = _ref2.customFields,
+    children = _ref2.children;
+  var componentRef = (0,external_react_.useRef)(null);
+  var impressionTrackedRef = (0,external_react_.useRef)(false);
+  var pageName = pageNameFromPathname(typeof window !== "undefined" ? window.location.pathname : "");
+  (0,external_react_.useEffect)(function () {
+    if (!impressionEvent) return;
+    var observer = new IntersectionObserver(function (entries) {
+      entries.forEach(function (entry) {
+        if (entry.isIntersecting && !impressionTrackedRef.current) {
+          impressionTrackedRef.current = true;
+          trackVisualBuilderEvent(GTMTracker_objectSpread(GTMTracker_objectSpread(GTMTracker_objectSpread({
+            component_name: componentName,
+            event: impressionEvent,
+            event_action: "view",
+            page_name: pageName
+          }, impressionElement && {
+            element: impressionElement
+          }), impressionTriggerType && {
+            trigger_type: impressionTriggerType
+          }), customFields));
+        }
+      });
+    }, {
+      threshold: 0.1
+    });
+    var el = componentRef.current;
+    if (el) {
+      observer.observe(el);
+    }
+    return function () {
+      if (el) {
+        observer.unobserve(el);
+      }
+    };
+  }, [componentName, impressionEvent, customFields, pageName, impressionElement, impressionTriggerType]);
+  (0,external_react_.useEffect)(function () {
+    if (!clickEvent) return;
+    var el = componentRef.current;
+    if (!el) return;
+    var handleClick = function handleClick(e) {
+      var target = e.target.closest(clickSelector);
+      if (target) {
+        trackVisualBuilderEvent(GTMTracker_objectSpread(GTMTracker_objectSpread(GTMTracker_objectSpread({
+          component_name: componentName,
+          event: clickEvent,
+          event_action: clickEventAction,
+          page_name: pageName
+        }, clickElement && {
+          element: clickElement
+        }), clickTriggerType && {
+          trigger_type: clickTriggerType
+        }), customFields));
+      }
+    };
+    el.addEventListener("click", handleClick, true);
+    return function () {
+      return el.removeEventListener("click", handleClick, true);
+    };
+  }, [componentName, clickEvent, clickElement, clickTriggerType, clickSelector, clickEventAction, customFields, pageName]);
+  return /*#__PURE__*/(0,jsx_runtime_.jsx)(GTMTrackerRoot, {
+    ref: componentRef,
+    children: children
+  });
+}
+GTMTracker.propTypes = {
+  componentName: (external_prop_types_default()).string.isRequired,
+  impressionEvent: (external_prop_types_default()).string,
+  impressionElement: (external_prop_types_default()).string,
+  impressionTriggerType: (external_prop_types_default()).string,
+  clickEvent: (external_prop_types_default()).string,
+  clickElement: (external_prop_types_default()).string,
+  clickTriggerType: (external_prop_types_default()).string,
+  clickSelector: (external_prop_types_default()).string,
+  clickEventAction: (external_prop_types_default()).string,
+  customFields: (external_prop_types_default()).object,
+  children: (external_prop_types_default()).node.isRequired
+};
+GTMTrackerClient.propTypes = GTMTracker.propTypes;
+/* harmony default export */ const gtm_tracker_GTMTracker = (GTMTracker);
+;// ./src/utils/common.js
+function common_typeof(o) { "@babel/helpers - typeof"; return common_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; }, common_typeof(o); }
+function common_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; }
+function common_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? common_ownKeys(Object(t), !0).forEach(function (r) { common_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : common_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function common_defineProperty(e, r, t) { return (r = common_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function common_toPropertyKey(t) { var i = common_toPrimitive(t, "string"); return "symbol" == common_typeof(i) ? i : i + ""; }
+function common_toPrimitive(t, r) { if ("object" != common_typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != common_typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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 common_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;
+  }
+  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 withTracking = function withTracking(component) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var componentType = options.componentType;
+  var trackingConfig = GTM_TRACKING_CONFIG[componentType];
+  if (!trackingConfig) {
+    return component;
+  }
+  return /*#__PURE__*/(0,jsx_runtime_.jsx)(gtm_tracker_GTMTracker, common_objectSpread(common_objectSpread({}, trackingConfig), {}, {
+    children: component
+  }));
+};
 ;// ./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 +108408,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 +108416,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 +108441,7 @@ function TopRibbon_toPrimitive(t, r) { if ("object" != TopRibbon_typeof(t) || !t
 
 
 
+
 /**
  * TopRibbon Navigation Component
  *
@@ -107843,17 +108459,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 +108489,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 +108503,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 +108532,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));
         })
-      })
+      }))
     })
   });
 };
@@ -110403,6 +111037,7 @@ function HeaderView_arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 
 
 
+
 var DEFAULT_LOGO = {
   wordmark: "NU SKIN",
   home_href: "/",
@@ -110419,10 +111054,6 @@ var DEFAULT_MARKET_SELECTOR = {
   cancel_text: "Cancel",
   control_label: DEFAULT_LOCALE.control_label
 };
-var DEFAULT_LOYALTY = {
-  link_label: "Nu Skin Rewards",
-  href: "/rewards"
-};
 var DEFAULT_ACCOUNT = {
   show: true,
   icon: "userOutline",
@@ -110436,39 +111067,16 @@ var DEFAULT_ACCOUNT = {
     url: ""
   }
 };
+var DEFAULT_LOYALTY = {
+  label: "Nu Skin Rewards",
+  url: "/rewards",
+  open_in_new_tab: true,
+  show: true
+};
 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];
@@ -110545,14 +111153,27 @@ function buildAccountParentTags(_ref2) {
     sign_in_url: pickTag("sign_in_url")
   };
 }
-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 country = _ref3.country,
-    language = _ref3.language,
-    locale = _ref3.locale,
-    headerEntry = _ref3.headerEntry,
-    searchConfig = _ref3.searchConfig,
-    storefrontParams = _ref3.storefrontParams;
+function LoyaltyComponent(_ref3) {
+  var data = _ref3.data;
+  var show = normalizeShowFlag(data === null || data === void 0 ? void 0 : data.show, true);
+  if (!show) return null;
+  return withTracking(/*#__PURE__*/(0,jsx_runtime_.jsx)(HeaderLoyaltyRegion, {
+    data: data
+  }), {
+    componentType: "loyalty"
+  });
+}
+LoyaltyComponent.propTypes = {
+  data: (external_prop_types_default()).object
+};
+function HeaderView(_ref4) {
+  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, _ref5, _headerEntry$locale, _headerEntry$$3, _headerEntry$$4;
+  var country = _ref4.country,
+    language = _ref4.language,
+    locale = _ref4.locale,
+    headerEntry = _ref4.headerEntry,
+    searchConfig = _ref4.searchConfig,
+    storefrontParams = _ref4.storefrontParams;
   var _useState = (0,external_react_.useState)(false),
     _useState2 = HeaderView_slicedToArray(_useState, 2),
     isMobileMenuOpen = _useState2[0],
@@ -110579,7 +111200,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 +111210,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 +111245,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, {
@@ -110629,19 +111253,19 @@ function HeaderView(_ref3) {
           children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(MarketSelector, {
             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,
+            locale: String((_ref5 = (_headerEntry$locale = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.locale) !== null && _headerEntry$locale !== void 0 ? _headerEntry$locale : locale) !== null && _ref5 !== void 0 ? _ref5 : "").trim(),
+            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
-          }), /*#__PURE__*/(0,jsx_runtime_.jsx)(HeaderLoyaltyRegion, {
+          }), /*#__PURE__*/(0,jsx_runtime_.jsx)(LoyaltyComponent, {
             data: loyaltyData
           }), /*#__PURE__*/(0,jsx_runtime_.jsx)(HeaderAccountRegion, {
             data: accountData,
             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
           })]
         })
       })]