@nuskin/nextgen-header 1.32.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));
@@ -100855,6 +101037,19 @@ 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,14 +107959,271 @@ HeaderNavigationRegion.propTypes = {
   locale: (external_prop_types_default()).string,
   translations: (external_prop_types_default()).object
 };
+// 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);
+  }
+};
+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 isServer = typeof window === "undefined";
+
+
+
+
+var common_isServer = typeof window === "undefined";
 var hasLocalePrefix = function hasLocalePrefix(path) {
   return /^\/[a-z]{2}\/[a-z]{2}(\/|$)/i.test(path);
 };
@@ -107898,6 +108366,17 @@ var convertToLocalizedUrl = function convertToLocalizedUrl(inputUrl) {
     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({
@@ -110558,6 +111037,7 @@ function HeaderView_arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 
 
 
+
 var DEFAULT_LOGO = {
   wordmark: "NU SKIN",
   home_href: "/",
@@ -110574,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",
@@ -110591,6 +111067,12 @@ 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
@@ -110671,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$$, _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,
-    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],
@@ -110758,12 +111253,12 @@ 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(),
+            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,