@nuskin/nextgen-header 1.32.0 → 1.34.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -87388,6 +87388,169 @@ module.exports = values;
87388
87388
 
87389
87389
  /***/ },
87390
87390
 
87391
+ /***/ 5925
87392
+ (module, __unused_webpack_exports, __webpack_require__) {
87393
+
87394
+ "use strict";
87395
+
87396
+
87397
+ var _warn = __webpack_require__(8441);
87398
+
87399
+ var _warn2 = _interopRequireDefault(_warn);
87400
+
87401
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
87402
+
87403
+ // https://developers.google.com/tag-manager/quickstart
87404
+
87405
+ var Snippets = {
87406
+ tags: function tags(_ref) {
87407
+ var id = _ref.id,
87408
+ events = _ref.events,
87409
+ dataLayer = _ref.dataLayer,
87410
+ dataLayerName = _ref.dataLayerName,
87411
+ preview = _ref.preview,
87412
+ auth = _ref.auth;
87413
+
87414
+ var gtm_auth = '&gtm_auth=' + auth;
87415
+ var gtm_preview = '&gtm_preview=' + preview;
87416
+
87417
+ if (!id) (0, _warn2.default)('GTM Id is required');
87418
+
87419
+ 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>';
87420
+
87421
+ 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 + '\');';
87422
+
87423
+ var dataLayerVar = this.dataLayer(dataLayer, dataLayerName);
87424
+
87425
+ return {
87426
+ iframe: iframe,
87427
+ script: script,
87428
+ dataLayerVar: dataLayerVar
87429
+ };
87430
+ },
87431
+ dataLayer: function dataLayer(_dataLayer, dataLayerName) {
87432
+ return '\n window.' + dataLayerName + ' = window.' + dataLayerName + ' || [];\n window.' + dataLayerName + '.push(' + JSON.stringify(_dataLayer) + ')';
87433
+ }
87434
+ };
87435
+
87436
+ module.exports = Snippets;
87437
+
87438
+ /***/ },
87439
+
87440
+ /***/ 6324
87441
+ (module, __unused_webpack_exports, __webpack_require__) {
87442
+
87443
+ "use strict";
87444
+
87445
+
87446
+ var _Snippets = __webpack_require__(5925);
87447
+
87448
+ var _Snippets2 = _interopRequireDefault(_Snippets);
87449
+
87450
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
87451
+
87452
+ var TagManager = {
87453
+ dataScript: function dataScript(dataLayer) {
87454
+ var script = document.createElement('script');
87455
+ script.innerHTML = dataLayer;
87456
+ return script;
87457
+ },
87458
+ gtm: function gtm(args) {
87459
+ var snippets = _Snippets2.default.tags(args);
87460
+
87461
+ var noScript = function noScript() {
87462
+ var noscript = document.createElement('noscript');
87463
+ noscript.innerHTML = snippets.iframe;
87464
+ return noscript;
87465
+ };
87466
+
87467
+ var script = function script() {
87468
+ var script = document.createElement('script');
87469
+ script.innerHTML = snippets.script;
87470
+ return script;
87471
+ };
87472
+
87473
+ var dataScript = this.dataScript(snippets.dataLayerVar);
87474
+
87475
+ return {
87476
+ noScript: noScript,
87477
+ script: script,
87478
+ dataScript: dataScript
87479
+ };
87480
+ },
87481
+ initialize: function initialize(_ref) {
87482
+ var gtmId = _ref.gtmId,
87483
+ _ref$events = _ref.events,
87484
+ events = _ref$events === undefined ? {} : _ref$events,
87485
+ dataLayer = _ref.dataLayer,
87486
+ _ref$dataLayerName = _ref.dataLayerName,
87487
+ dataLayerName = _ref$dataLayerName === undefined ? 'dataLayer' : _ref$dataLayerName,
87488
+ _ref$auth = _ref.auth,
87489
+ auth = _ref$auth === undefined ? '' : _ref$auth,
87490
+ _ref$preview = _ref.preview,
87491
+ preview = _ref$preview === undefined ? '' : _ref$preview;
87492
+
87493
+ var gtm = this.gtm({
87494
+ id: gtmId,
87495
+ events: events,
87496
+ dataLayer: dataLayer || undefined,
87497
+ dataLayerName: dataLayerName,
87498
+ auth: auth,
87499
+ preview: preview
87500
+ });
87501
+ if (dataLayer) document.head.appendChild(gtm.dataScript);
87502
+ document.head.insertBefore(gtm.script(), document.head.childNodes[0]);
87503
+ document.body.insertBefore(gtm.noScript(), document.body.childNodes[0]);
87504
+ },
87505
+ dataLayer: function dataLayer(_ref2) {
87506
+ var _dataLayer = _ref2.dataLayer,
87507
+ _ref2$dataLayerName = _ref2.dataLayerName,
87508
+ dataLayerName = _ref2$dataLayerName === undefined ? 'dataLayer' : _ref2$dataLayerName;
87509
+
87510
+ if (window[dataLayerName]) return window[dataLayerName].push(_dataLayer);
87511
+ var snippets = _Snippets2.default.dataLayer(_dataLayer, dataLayerName);
87512
+ var dataScript = this.dataScript(snippets);
87513
+ document.head.insertBefore(dataScript, document.head.childNodes[0]);
87514
+ }
87515
+ };
87516
+
87517
+ module.exports = TagManager;
87518
+
87519
+ /***/ },
87520
+
87521
+ /***/ 1003
87522
+ (module, __unused_webpack_exports, __webpack_require__) {
87523
+
87524
+ "use strict";
87525
+
87526
+
87527
+ var _TagManager = __webpack_require__(6324);
87528
+
87529
+ var _TagManager2 = _interopRequireDefault(_TagManager);
87530
+
87531
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
87532
+
87533
+ module.exports = _TagManager2.default;
87534
+
87535
+ /***/ },
87536
+
87537
+ /***/ 8441
87538
+ (__unused_webpack_module, exports) {
87539
+
87540
+ "use strict";
87541
+
87542
+
87543
+ Object.defineProperty(exports, "__esModule", ({
87544
+ value: true
87545
+ }));
87546
+ var warn = function warn(s) {
87547
+ console.warn('[react-gtm]', s);
87548
+ };
87549
+
87550
+ exports["default"] = warn;
87551
+
87552
+ /***/ },
87553
+
87391
87554
  /***/ 9223
87392
87555
  (__unused_webpack_module, exports, __webpack_require__) {
87393
87556
 
@@ -100587,62 +100750,73 @@ var colors = {
100587
100750
  accentHover: "#0d9488"
100588
100751
  };
100589
100752
  var HeaderRoot = /*#__PURE__*/createStyled("header", true ? {
100590
- target: "e1607tyl42"
100753
+ target: "e1607tyl45"
100591
100754
  } : 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));
100592
100755
 
100593
100756
  /** Logo (left) + utility + search (stacked right) */
100594
100757
  var TopHeaderRow = /*#__PURE__*/createStyled("div", true ? {
100595
- target: "e1607tyl41"
100758
+ target: "e1607tyl44"
100596
100759
  } : 0)( true ? {
100597
100760
  name: "1dro8oz",
100598
100761
  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;}"
100599
100762
  } : 0);
100600
100763
  var LogoSlot = /*#__PURE__*/createStyled("div", true ? {
100601
- target: "e1607tyl40"
100764
+ target: "e1607tyl43"
100602
100765
  } : 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));
100603
100766
  var WordmarkButton = /*#__PURE__*/createStyled("button", true ? {
100604
- target: "e1607tyl39"
100767
+ target: "e1607tyl42"
100605
100768
  } : 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));
100606
100769
 
100607
100770
  /** Utility row only (search moved to nav row) */
100608
100771
  var RightHeaderCluster = /*#__PURE__*/createStyled("div", true ? {
100609
- target: "e1607tyl38"
100772
+ target: "e1607tyl41"
100610
100773
  } : 0)( true ? {
100611
100774
  name: "qu4zte",
100612
100775
  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;}"
100613
100776
  } : 0);
100614
100777
  var UtilityBar = /*#__PURE__*/createStyled("div", true ? {
100615
- target: "e1607tyl37"
100778
+ target: "e1607tyl40"
100616
100779
  } : 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));
100617
100780
  var UtilityBarDivider = /*#__PURE__*/createStyled("span", true ? {
100618
- target: "e1607tyl36"
100781
+ target: "e1607tyl39"
100619
100782
  } : 0)("color:", colors.muted, ";user-select:none;" + ( true ? "" : 0));
100620
100783
  var UtilityButton = /*#__PURE__*/createStyled("button", true ? {
100621
- target: "e1607tyl35"
100784
+ target: "e1607tyl38"
100622
100785
  } : 0)( true ? {
100623
100786
  name: "1f5cjb2",
100624
100787
  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;}"
100625
100788
  } : 0);
100789
+ var LoyaltyPillInner = /*#__PURE__*/createStyled("span", true ? {
100790
+ target: "e1607tyl37"
100791
+ } : 0)( true ? {
100792
+ name: "99qhl1",
100793
+ styles: "display:inline-flex;align-items:center;gap:0;color:inherit;border-bottom:1px solid transparent;box-sizing:border-box"
100794
+ } : 0);
100795
+
100796
+ /** Loyalty anchor in the utility bar — pill aligned with market selector visual spec */
100797
+ var LoyaltyUtilityLink = /*#__PURE__*/createStyled("a", true ? {
100798
+ target: "e1607tyl36"
100799
+ } : 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));
100626
100800
  var LocaleLabel = /*#__PURE__*/createStyled("span", true ? {
100627
- target: "e1607tyl34"
100801
+ target: "e1607tyl35"
100628
100802
  } : 0)( true ? {
100629
100803
  name: "101gt3q",
100630
100804
  styles: "display:inline-flex;align-items:center;gap:0.3rem"
100631
100805
  } : 0);
100632
100806
  var AccountCluster = /*#__PURE__*/createStyled("div", true ? {
100633
- target: "e1607tyl33"
100807
+ target: "e1607tyl34"
100634
100808
  } : 0)( true ? {
100635
100809
  name: "m6tz52",
100636
100810
  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;}}"
100637
100811
  } : 0);
100638
100812
  var CartButtonInner = /*#__PURE__*/createStyled("span", true ? {
100639
- target: "e1607tyl32"
100813
+ target: "e1607tyl33"
100640
100814
  } : 0)( true ? {
100641
100815
  name: "ww3r3k",
100642
100816
  styles: "display:inline-flex;align-items:center;position:relative"
100643
100817
  } : 0);
100644
100818
  var CartBadge = /*#__PURE__*/createStyled("span", true ? {
100645
- target: "e1607tyl31"
100819
+ target: "e1607tyl32"
100646
100820
  } : 0)( true ? {
100647
100821
  name: "1sj9dvc",
100648
100822
  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,162 +100824,170 @@ var CartBadge = /*#__PURE__*/createStyled("span", true ? {
100650
100824
 
100651
100825
  /** Pill search: icon left, full-width field, submit control on right */
100652
100826
  var SearchSlot = /*#__PURE__*/createStyled("div", true ? {
100653
- target: "e1607tyl30"
100827
+ target: "e1607tyl31"
100654
100828
  } : 0)( true ? {
100655
100829
  name: "kuwwf0",
100656
100830
  styles: "width:100%;[data-region=\"search\"]{width:100%;}"
100657
100831
  } : 0);
100658
100832
  var SearchPillForm = /*#__PURE__*/createStyled("form", true ? {
100659
- target: "e1607tyl29"
100833
+ target: "e1607tyl30"
100660
100834
  } : 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));
100661
100835
  var NavSection = /*#__PURE__*/createStyled("div", true ? {
100662
- target: "e1607tyl28"
100836
+ target: "e1607tyl29"
100663
100837
  } : 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) {
100664
100838
  return p.$isEditing && "display: block;";
100665
100839
  }, ";" + ( true ? "" : 0));
100666
100840
 
100667
100841
  /** Search pill anchored to the top-right of NavSection, vertically centred in the tab row (68 px tall). */
100668
100842
  var NavSectionInner = /*#__PURE__*/createStyled("div", true ? {
100669
- target: "e1607tyl27"
100843
+ target: "e1607tyl28"
100670
100844
  } : 0)( true ? {
100671
100845
  name: "15qmolt",
100672
100846
  styles: "position:relative;max-width:1440px;margin:0 auto"
100673
100847
  } : 0);
100674
100848
  var NavSearchSlot = /*#__PURE__*/createStyled("div", true ? {
100675
- target: "e1607tyl26"
100849
+ target: "e1607tyl27"
100676
100850
  } : 0)( true ? {
100677
100851
  name: "913s6b",
100678
100852
  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%;}}"
100679
100853
  } : 0);
100680
100854
  var PrimaryNav = /*#__PURE__*/createStyled("nav", true ? {
100681
- target: "e1607tyl25"
100855
+ target: "e1607tyl26"
100682
100856
  } : 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));
100683
100857
  var MegaMenuPreview = /*#__PURE__*/createStyled("section", true ? {
100684
- target: "e1607tyl24"
100858
+ target: "e1607tyl25"
100685
100859
  } : 0)("border-top:1px solid ", colors.borderLight, ";background:#f9fafb;" + ( true ? "" : 0));
100686
100860
  var MegaMenuInner = /*#__PURE__*/createStyled("div", true ? {
100687
- target: "e1607tyl23"
100861
+ target: "e1607tyl24"
100688
100862
  } : 0)( true ? {
100689
100863
  name: "1awwgt4",
100690
100864
  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;}"
100691
100865
  } : 0);
100692
100866
  var JumpToColumn = /*#__PURE__*/createStyled("div", true ? {
100693
- target: "e1607tyl22"
100867
+ target: "e1607tyl23"
100694
100868
  } : 0)("padding:1rem;border:1px solid ", colors.border, ";border-radius:6px;background:", colors.surface, ";" + ( true ? "" : 0));
100695
100869
  var JumpToTitle = /*#__PURE__*/createStyled("h3", true ? {
100696
- target: "e1607tyl21"
100870
+ target: "e1607tyl22"
100697
100871
  } : 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));
100698
100872
  var JumpToList = /*#__PURE__*/createStyled("ul", true ? {
100699
- target: "e1607tyl20"
100873
+ target: "e1607tyl21"
100700
100874
  } : 0)( true ? {
100701
100875
  name: "gt7hyk",
100702
100876
  styles: "display:flex;flex-direction:column;gap:0.5rem;margin:0;padding:0;list-style:none"
100703
100877
  } : 0);
100704
100878
  var JumpToPill = /*#__PURE__*/createStyled("button", true ? {
100705
- target: "e1607tyl19"
100879
+ target: "e1607tyl20"
100706
100880
  } : 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));
100707
100881
  var CategoriesPane = /*#__PURE__*/createStyled("div", true ? {
100708
- target: "e1607tyl18"
100882
+ target: "e1607tyl19"
100709
100883
  } : 0)("padding:1rem 1.25rem;border:1px solid ", colors.border, ";border-radius:6px;background:", colors.surface, ";" + ( true ? "" : 0));
100710
100884
  var CategoryHeaderStrip = /*#__PURE__*/createStyled("div", true ? {
100711
- target: "e1607tyl17"
100885
+ target: "e1607tyl18"
100712
100886
  } : 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));
100713
100887
  var CategoryColumns = /*#__PURE__*/createStyled("div", true ? {
100714
- target: "e1607tyl16"
100888
+ target: "e1607tyl17"
100715
100889
  } : 0)( true ? {
100716
100890
  name: "xxda9t",
100717
100891
  styles: "display:grid;grid-template-columns:repeat(3, 1fr);gap:1.25rem 1.5rem;@media (max-width: 900px){grid-template-columns:1fr;}"
100718
100892
  } : 0);
100719
100893
  var CategoryColumn = /*#__PURE__*/(/* unused pure expression or super */ null && (_styled("div", true ? {
100720
- target: "e1607tyl15"
100894
+ target: "e1607tyl16"
100721
100895
  } : 0)( true ? "" : 0)));
100722
100896
  var CategorySubLabel = /*#__PURE__*/createStyled("p", true ? {
100723
- target: "e1607tyl14"
100897
+ target: "e1607tyl15"
100724
100898
  } : 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));
100725
100899
  var CategoryLinkList = /*#__PURE__*/createStyled("ul", true ? {
100726
- target: "e1607tyl13"
100900
+ target: "e1607tyl14"
100727
100901
  } : 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));
100728
100902
  var MobileMenuButton = /*#__PURE__*/createStyled("button", true ? {
100729
- target: "e1607tyl12"
100903
+ target: "e1607tyl13"
100730
100904
  } : 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));
100731
100905
  var MobileUtilityBar = /*#__PURE__*/createStyled("div", true ? {
100732
- target: "e1607tyl11"
100906
+ target: "e1607tyl12"
100733
100907
  } : 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));
100734
100908
  var MobileDrawer = /*#__PURE__*/createStyled("div", true ? {
100735
- target: "e1607tyl10"
100909
+ target: "e1607tyl11"
100736
100910
  } : 0)( true ? {
100737
100911
  name: "kxea5q",
100738
100912
  styles: "position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex"
100739
100913
  } : 0);
100740
100914
  var MobileDrawerBackdrop = /*#__PURE__*/createStyled("div", true ? {
100741
- target: "e1607tyl9"
100915
+ target: "e1607tyl10"
100742
100916
  } : 0)( true ? {
100743
100917
  name: "eq959j",
100744
100918
  styles: "position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.5);cursor:pointer"
100745
100919
  } : 0);
100746
100920
  var MobileDrawerContent = /*#__PURE__*/createStyled("div", true ? {
100747
- target: "e1607tyl8"
100921
+ target: "e1607tyl9"
100748
100922
  } : 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));
100749
100923
  var MobileDrawerHeader = /*#__PURE__*/createStyled("div", true ? {
100750
- target: "e1607tyl7"
100924
+ target: "e1607tyl8"
100751
100925
  } : 0)( true ? {
100752
100926
  name: "dvskpv",
100753
100927
  styles: "box-sizing:border-box;width:100%;height:98px;min-height:98px;flex-shrink:0;padding:66px 0 0;background:#ffffff;opacity:1"
100754
100928
  } : 0);
100755
100929
  var MobileDrawerHeaderRow = /*#__PURE__*/createStyled("div", true ? {
100756
- target: "e1607tyl6"
100930
+ target: "e1607tyl7"
100757
100931
  } : 0)( true ? {
100758
100932
  name: "150vzce",
100759
100933
  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"
100760
100934
  } : 0);
100761
100935
  var MobileDrawerMarketTriggerSlot = /*#__PURE__*/createStyled("div", true ? {
100762
- target: "e1607tyl5"
100936
+ target: "e1607tyl6"
100763
100937
  } : 0)( true ? {
100764
100938
  name: "u09th4",
100765
100939
  styles: "flex:0 1 auto;min-width:0;height:32px;display:flex;align-items:center;justify-content:flex-end"
100766
100940
  } : 0);
100767
100941
  var MobileDrawerLogoSlot = /*#__PURE__*/createStyled("div", true ? {
100768
- target: "e1607tyl4"
100942
+ target: "e1607tyl5"
100769
100943
  } : 0)( true ? {
100770
100944
  name: "1659k0q",
100771
100945
  styles: "display:flex;align-items:center;justify-content:flex-start;min-width:0;flex:1 1 auto;height:100%;overflow:hidden"
100772
100946
  } : 0);
100773
100947
  var MobileDrawerNav = /*#__PURE__*/createStyled("nav", true ? {
100774
- target: "e1607tyl3"
100948
+ target: "e1607tyl4"
100775
100949
  } : 0)( true ? {
100776
100950
  name: "tvz3vz",
100777
100951
  styles: "flex:1;overflow-y:auto;padding:0 0 1rem;[data-drawer-top-nav]>*{max-width:none;margin:0;padding:0;width:100%;}"
100778
100952
  } : 0);
100779
100953
  var MobileDrawerNavItem = /*#__PURE__*/createStyled("div", true ? {
100780
- target: "e1607tyl2"
100954
+ target: "e1607tyl3"
100781
100955
  } : 0)( true ? "" : 0);
100782
100956
  var MobileDrawerNavButton = /*#__PURE__*/createStyled("button", true ? {
100783
- target: "e1607tyl1"
100957
+ target: "e1607tyl2"
100784
100958
  } : 0)("display:flex;align-items:center;justify-content:", function (p) {
100785
100959
  return p.$alignStart ? "flex-start" : "space-between";
100786
100960
  }, ";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));
100961
+
100962
+ /** Nav row without trailing icon (e.g. loyalty link). */
100963
+ var MobileDrawerNavLink = /*#__PURE__*/createStyled(MobileDrawerNavButton, true ? {
100964
+ target: "e1607tyl1"
100965
+ } : 0)( true ? {
100966
+ name: "11g6mpt",
100967
+ styles: "justify-content:flex-start"
100968
+ } : 0);
100787
100969
  var MobileDrawerLocaleButton = /*#__PURE__*/createStyled("button", true ? {
100788
100970
  target: "e1607tyl0"
100789
100971
  } : 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));
100790
100972
  // EXTERNAL MODULE: ./node_modules/@nuskin/foundation-ui-components/dist/index.js
100791
100973
  var dist = __webpack_require__(4814);
100792
- ;// ./src/components/brand/Brand.styled.jsx
100974
+ ;// ./src/components/brand/Brand.styled.js
100793
100975
 
100794
100976
  function Brand_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)."; }
100795
100977
  var BrandRoot = /*#__PURE__*/createStyled("div", true ? {
100796
- target: "eum1fxs3"
100978
+ target: "e1tne4ou3"
100797
100979
  } : 0)("display:flex;position:relative;", function (_ref) {
100798
100980
  var isEditing = _ref.isEditing;
100799
100981
  return isEditing && "\n & > * {\n pointer-events: none;\n }\n ";
100800
100982
  }, ";" + ( true ? "" : 0));
100801
100983
  var BrandLogoLink = /*#__PURE__*/createStyled("a", true ? {
100802
- target: "eum1fxs2"
100984
+ target: "e1tne4ou2"
100803
100985
  } : 0)( true ? {
100804
100986
  name: "1puv40q",
100805
100987
  styles: "display:inline-flex;align-items:center;line-height:0;text-decoration:none"
100806
100988
  } : 0);
100807
100989
  var ResponsiveBrandWrapper = /*#__PURE__*/createStyled("div", true ? {
100808
- target: "eum1fxs1"
100990
+ target: "e1tne4ou1"
100809
100991
  } : 0)("display:flex;align-items:center;", function (_ref2) {
100810
100992
  var mobileWidth = _ref2.mobileWidth,
100811
100993
  desktopWidth = _ref2.desktopWidth,
@@ -100814,7 +100996,7 @@ var ResponsiveBrandWrapper = /*#__PURE__*/createStyled("div", true ? {
100814
100996
  return "\n width: ".concat(mobileWidth, ";\n height: ").concat(mobileHeight, ";\n\n & > * {\n width: 100%;\n height: 100%;\n }\n\n && img,\n && svg {\n height: 100%;\n width: 100%;\n max-height: 100%;\n max-width: 100%;\n object-fit: contain;\n }\n\n @media (min-width: 1024px) {\n width: ").concat(desktopWidth, ";\n height: ").concat(desktopHeight, ";\n }\n ");
100815
100997
  }, ";" + ( true ? "" : 0));
100816
100998
  var BrandLogoImg = /*#__PURE__*/createStyled("img", true ? {
100817
- target: "eum1fxs0"
100999
+ target: "e1tne4ou0"
100818
101000
  } : 0)( true ? {
100819
101001
  name: "kmohbm",
100820
101002
  styles: "display:block;width:auto;height:24px"
@@ -100855,6 +101037,19 @@ var CONTENTSTACK_API_KEY = process.env.CONTENTSTACK_API_KEY;
100855
101037
  var CONTENTSTACK_DELIVERY_TOKEN = process.env.CONTENTSTACK_DELIVERY_TOKEN;
100856
101038
  var CONTENTSTACK_ENVIRONMENT = process.env.CONTENTSTACK_ENVIRONMENT;
100857
101039
  var CONTENTSTACK_PREVIEW_TOKEN = process.env.CONTENTSTACK_PREVIEW_TOKEN;
101040
+ var GTM_TRACKING_CONFIG = {
101041
+ loyalty: {
101042
+ componentName: "Loyalty",
101043
+ impressionEvent: "header_loyalty_impression",
101044
+ impressionElement: "Impression",
101045
+ impressionTriggerType: "Element Visibility",
101046
+ clickEvent: "vb_button_cta_click",
101047
+ clickElement: "CTA Click",
101048
+ clickTriggerType: "Click - Just Links",
101049
+ // Loyalty is always an anchor (`data-gtm-loyalty`); selector works for GTM delegation.
101050
+ clickSelector: "[data-gtm-loyalty]"
101051
+ }
101052
+ };
100858
101053
 
100859
101054
  ;// ./src/utils/contentstack.js
100860
101055
  /* unused harmony import specifier */ var ContentstackLivePreview;
@@ -102832,6 +103027,12 @@ TopNavigation.defaultProps = {
102832
103027
  translations: undefined
102833
103028
  };
102834
103029
  ;// ./src/components/header/MobileHeaderDrawer.jsx
103030
+ 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); }
103031
+ 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; }
103032
+ 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; }
103033
+ 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; }
103034
+ function MobileHeaderDrawer_toPropertyKey(t) { var i = MobileHeaderDrawer_toPrimitive(t, "string"); return "symbol" == MobileHeaderDrawer_typeof(i) ? i : i + ""; }
103035
+ 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); }
102835
103036
 
102836
103037
 
102837
103038
 
@@ -102877,13 +103078,16 @@ function MobileHeaderDrawer(_ref) {
102877
103078
  data: navigationData,
102878
103079
  locale: locale
102879
103080
  })
102880
- }), (loyaltyData === null || loyaltyData === void 0 ? void 0 : loyaltyData.link_label) && /*#__PURE__*/(0,jsx_runtime_.jsx)(MobileDrawerNavItem, {
102881
- children: /*#__PURE__*/(0,jsx_runtime_.jsx)(MobileDrawerNavButton, {
103081
+ }), (loyaltyData === null || loyaltyData === void 0 ? void 0 : loyaltyData.label) && (loyaltyData === null || loyaltyData === void 0 ? void 0 : loyaltyData.url) && /*#__PURE__*/(0,jsx_runtime_.jsx)(MobileDrawerNavItem, {
103082
+ children: /*#__PURE__*/(0,jsx_runtime_.jsx)(MobileDrawerNavLink, MobileHeaderDrawer_objectSpread(MobileHeaderDrawer_objectSpread({
102882
103083
  as: "a",
102883
- href: loyaltyData.href,
102884
- $alignStart: true,
102885
- children: loyaltyData.link_label
102886
- })
103084
+ href: loyaltyData.url
103085
+ }, loyaltyData.open_in_new_tab ? {
103086
+ target: "_blank",
103087
+ rel: "noopener noreferrer"
103088
+ } : {}), {}, {
103089
+ children: loyaltyData.label
103090
+ }))
102887
103091
  }), marketTriggerMountRef ? null : /*#__PURE__*/(0,jsx_runtime_.jsx)(MobileDrawerNavItem, {
102888
103092
  children: /*#__PURE__*/(0,jsx_runtime_.jsxs)(MobileDrawerLocaleButton, {
102889
103093
  children: [localeData.control_label, /*#__PURE__*/(0,jsx_runtime_.jsx)(IconChevronDown, {})]
@@ -102919,19 +103123,26 @@ function HeaderLoyaltyRegion_toPrimitive(t, r) { if ("object" != HeaderLoyaltyRe
102919
103123
  function HeaderLoyaltyRegion(_ref) {
102920
103124
  var _data$$;
102921
103125
  var data = _ref.data;
102922
- return /*#__PURE__*/(0,jsx_runtime_.jsx)(UtilityButton, HeaderLoyaltyRegion_objectSpread(HeaderLoyaltyRegion_objectSpread({
102923
- type: "button",
102924
- href: data === null || data === void 0 ? void 0 : data.url
102925
- }, data === null || data === void 0 || (_data$$ = data.$) === null || _data$$ === void 0 ? void 0 : _data$$.label), {}, {
102926
- children: data === null || data === void 0 ? void 0 : data.label
103126
+ var url = data === null || data === void 0 ? void 0 : data.url;
103127
+ return /*#__PURE__*/(0,jsx_runtime_.jsx)(LoyaltyUtilityLink, HeaderLoyaltyRegion_objectSpread(HeaderLoyaltyRegion_objectSpread({
103128
+ "data-gtm-loyalty": true,
103129
+ href: url
103130
+ }, data !== null && data !== void 0 && data.open_in_new_tab ? {
103131
+ target: "_blank",
103132
+ rel: "noopener noreferrer"
103133
+ } : {}), {}, {
103134
+ 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), {}, {
103135
+ children: data === null || data === void 0 ? void 0 : data.label
103136
+ }))
102927
103137
  }));
102928
103138
  }
102929
103139
  HeaderLoyaltyRegion.propTypes = {
102930
103140
  data: external_prop_types_default().shape({
102931
- label: (external_prop_types_default()).string.isRequired,
102932
- url: (external_prop_types_default()).string,
103141
+ label: (external_prop_types_default()).string,
103142
+ url: (external_prop_types_default()).string.isRequired,
103143
+ open_in_new_tab: (external_prop_types_default()).bool,
102933
103144
  $: (external_prop_types_default()).object
102934
- }).isRequired
103145
+ })
102935
103146
  };
102936
103147
  ;// ./src/components/signup-signin/SignUpOrSignIn.helpers.js
102937
103148
  var DEFAULT_SIGN_UP = {
@@ -103435,10 +103646,10 @@ HeaderAccountRegion.propTypes = {
103435
103646
  sign_in_url: (external_prop_types_default()).object
103436
103647
  })
103437
103648
  };
103438
- ;// ./src/components/cart/Cart.styled.jsx
103649
+ ;// ./src/components/cart/Cart.styled.js
103439
103650
 
103440
103651
  var CartIconWrapper = /*#__PURE__*/createStyled("div", true ? {
103441
- target: "ein8udj0"
103652
+ target: "e1157io20"
103442
103653
  } : 0)("display:flex;align-items:center;position:relative;background:none;border:none;padding:0;font:inherit;", function (_ref) {
103443
103654
  var isEditing = _ref.isEditing;
103444
103655
  return isEditing && "\n & > * {\n pointer-events: none;\n }\n ";
@@ -103451,6 +103662,7 @@ var DEFAULT_ITEM_COUNT = 0;
103451
103662
  var DEFAULT_ARIA_LABEL = "Shopping cart";
103452
103663
  var DEFAULT_SHOW_CART_ICON = true;
103453
103664
  var DEFAULT_SHOW_CART_COUNT = true;
103665
+ var MOBILE_BREAKPOINT = 768;
103454
103666
  // EXTERNAL MODULE: ./node_modules/pubsub-js/src/pubsub.js
103455
103667
  var pubsub = __webpack_require__(3224);
103456
103668
  var pubsub_default = /*#__PURE__*/__webpack_require__.n(pubsub);
@@ -103497,7 +103709,9 @@ var PUBSUB = {
103497
103709
  // [RESERVED] For future auth/logout flows
103498
103710
  SIGN_OUT: 'SignOut',
103499
103711
  // [RESERVED] For cross-MFE navigation
103500
- INTERNAL_ROUTING: 'InternalRouting'
103712
+ INTERNAL_ROUTING: 'InternalRouting',
103713
+ // [ACTIVE] Header MFE publishes when cart clicked from checkout page
103714
+ NAVIGATE_TO_VIEW_CART: 'NavigateToViewCart'
103501
103715
  };
103502
103716
  ;// ./src/components/cart/Cart.jsx
103503
103717
  function Cart_typeof(o) { "@babel/helpers - typeof"; return Cart_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; }, Cart_typeof(o); }
@@ -103549,6 +103763,27 @@ function Cart(_ref) {
103549
103763
  if (editing) {
103550
103764
  return;
103551
103765
  }
103766
+ if (typeof window !== 'undefined') {
103767
+ var pathname = window.location.pathname;
103768
+ var isMobile = window.innerWidth < MOBILE_BREAKPOINT;
103769
+ var isViewCartPage = pathname.includes('/viewCart');
103770
+ var isCheckoutPage = pathname.includes('/checkout') || pathname.includes('/expressCheckout') || pathname.includes('/subscriptionCheckout');
103771
+ if (isViewCartPage) {
103772
+ return;
103773
+ }
103774
+ if (isMobile) {
103775
+ publish(PUBSUB.NAVIGATE_TO_VIEW_CART, {
103776
+ fromMobile: true
103777
+ });
103778
+ return;
103779
+ }
103780
+ if (isCheckoutPage) {
103781
+ publish(PUBSUB.NAVIGATE_TO_VIEW_CART, {
103782
+ fromCheckout: true
103783
+ });
103784
+ return;
103785
+ }
103786
+ }
103552
103787
  publish(PUBSUB.TOGGLE_MINI_CART, {
103553
103788
  isVisible: true
103554
103789
  });
@@ -106471,7 +106706,7 @@ CancelButton.propTypes = {
106471
106706
  showIcon: (external_prop_types_default()).bool,
106472
106707
  parent$: (external_prop_types_default()).object
106473
106708
  };
106474
- ;// ./src/components/modal/SearchModal.styled.jsx
106709
+ ;// ./src/components/modal/SearchModal.styled.js
106475
106710
 
106476
106711
  function SearchModal_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)."; }
106477
106712
  var SearchModal_styled_colors = {
@@ -106481,61 +106716,61 @@ var SearchModal_styled_colors = {
106481
106716
  muted: "#6b7280"
106482
106717
  };
106483
106718
  var MobileSearchButton = /*#__PURE__*/createStyled("button", true ? {
106484
- target: "etuykaq13"
106719
+ target: "ehota0013"
106485
106720
  } : 0)( true ? {
106486
106721
  name: "1ff2nft",
106487
106722
  styles: "display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;padding:0;cursor:pointer;color:inherit;svg{width:24px;height:24px;}@media (min-width: 1024px){display:none;}"
106488
106723
  } : 0);
106489
106724
  var DesktopSearchWrapper = /*#__PURE__*/createStyled("button", true ? {
106490
- target: "etuykaq12"
106725
+ target: "ehota0012"
106491
106726
  } : 0)("display:none;align-items:center;width:100%;border:1px solid ", SearchModal_styled_colors.border, ";border-radius:999px;background:", SearchModal_styled_colors.surface, ";min-height:46px;margin-left:auto;padding:0 5px 0 3px;box-sizing:border-box;overflow:hidden;&:focus{outline:none;}&:focus-visible{outline:2px solid currentColor;outline-offset:-2px;border-radius:999px;}@media (min-width: 1024px){display:flex;width:", function (_ref) {
106492
106727
  var $sizeVariant = _ref.$sizeVariant;
106493
106728
  return $sizeVariant === "full" ? "100%" : "min(100%, 320px)";
106494
106729
  }, ";cursor:pointer;transition:background-color 0.15s ease,border-color 0.15s ease,box-shadow 0.15s ease;min-height:32px;&:hover{background:#f3f4f6;}&:hover>[data-testid=\"search-trigger-input\"]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;}&:focus-visible{border-color:", SearchModal_styled_colors.muted, ";box-shadow:0 0 0 1px rgba(17, 24, 39, 0.08);}}" + ( true ? "" : 0));
106495
106730
  var DesktopTriggerInput = /*#__PURE__*/createStyled("span", true ? {
106496
- target: "etuykaq11"
106731
+ target: "ehota0011"
106497
106732
  } : 0)("flex:1;min-width:0;padding:8px 0;font-size:16px;line-height:22px;color:", SearchModal_styled_colors.muted, ";cursor:pointer;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;" + ( true ? "" : 0));
106498
106733
  var DesktopTriggerSparkleSlot = /*#__PURE__*/createStyled("span", true ? {
106499
- target: "etuykaq10"
106734
+ target: "ehota0010"
106500
106735
  } : 0)( true ? {
106501
106736
  name: "q79a68",
106502
106737
  styles: "flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin:0 8px 0 4px;svg,img{width:18px;height:26px;object-fit:contain;display:block;}"
106503
106738
  } : 0);
106504
106739
  var DesktopTriggerIconButton = /*#__PURE__*/createStyled("span", true ? {
106505
- target: "etuykaq9"
106740
+ target: "ehota009"
106506
106741
  } : 0)( true ? {
106507
106742
  name: "1oufgfl",
106508
106743
  styles: "flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin:0 5px 0 16px;padding:0;color:#64686f;svg,img{width:22px;height:22px;object-fit:contain;}"
106509
106744
  } : 0);
106510
106745
  var ModalOverlay = /*#__PURE__*/createStyled("div", true ? {
106511
- target: "etuykaq8"
106746
+ target: "ehota008"
106512
106747
  } : 0)( true ? {
106513
106748
  name: "15ant65",
106514
106749
  styles: "position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:stretch;overflow:hidden"
106515
106750
  } : 0);
106516
106751
  var ModalPanel = /*#__PURE__*/createStyled("dialog", true ? {
106517
- target: "etuykaq7"
106752
+ target: "ehota007"
106518
106753
  } : 0)("box-sizing:border-box;background:", SearchModal_styled_colors.surface, ";width:100%;flex:1;min-height:100%;padding:12px 16px;display:flex;flex-direction:column;gap:30px;box-shadow:0 4px 24px rgba(0, 0, 0, 0.08);border:none;margin:0;max-width:none;max-height:none;@media (max-width: 767px){padding:30px 0;}@media (min-width: 768px) and (max-width: 1023px){padding:30px 0 35px;}@media (min-width: 1024px){flex:0 0 auto;min-height:unset;padding:20px clamp(12px, 4vw, 32px) 45px;}" + ( true ? "" : 0));
106519
106754
  var ModalTopBar = /*#__PURE__*/createStyled("div", true ? {
106520
- target: "etuykaq6"
106755
+ target: "ehota006"
106521
106756
  } : 0)( true ? {
106522
106757
  name: "19ii5hn",
106523
106758
  styles: "display:none;align-items:center;justify-content:space-between;width:100%;@media (min-width: 1024px){display:flex;}"
106524
106759
  } : 0);
106525
106760
  var SearchModal_styled_LogoSlot = /*#__PURE__*/createStyled("div", true ? {
106526
- target: "etuykaq5"
106761
+ target: "ehota005"
106527
106762
  } : 0)( true ? {
106528
106763
  name: "ou8xsw",
106529
106764
  styles: "flex:0 0 auto"
106530
106765
  } : 0);
106531
106766
  var SearchRow = /*#__PURE__*/createStyled("div", true ? {
106532
- target: "etuykaq4"
106767
+ target: "ehota004"
106533
106768
  } : 0)( true ? {
106534
106769
  name: "vg66lk",
106535
106770
  styles: "display:flex;align-items:flex-start;gap:12px;width:100%;@media (max-width: 1023px){align-items:center;}"
106536
106771
  } : 0);
106537
106772
  var MobileCancelSlot = /*#__PURE__*/createStyled("div", true ? {
106538
- target: "etuykaq3"
106773
+ target: "ehota003"
106539
106774
  } : 0)( true ? {
106540
106775
  name: "kob85u",
106541
106776
  styles: "flex-shrink:0;display:flex;align-items:center;@media (min-width: 1024px){display:none;}"
@@ -106543,19 +106778,19 @@ var MobileCancelSlot = /*#__PURE__*/createStyled("div", true ? {
106543
106778
 
106544
106779
  /** Wraps the fallback search form so Cancel stays on the same row as the input (mobile). */
106545
106780
  var SearchFormGrow = /*#__PURE__*/createStyled("div", true ? {
106546
- target: "etuykaq2"
106781
+ target: "ehota002"
106547
106782
  } : 0)( true ? {
106548
106783
  name: "fxp7t8",
106549
106784
  styles: "flex:1;min-width:0"
106550
106785
  } : 0);
106551
106786
  var AutoCompleteWrapper = /*#__PURE__*/createStyled("div", true ? {
106552
- target: "etuykaq1"
106787
+ target: "ehota001"
106553
106788
  } : 0)( true ? {
106554
106789
  name: "1g4wbcn",
106555
106790
  styles: "width:100%;min-width:0;@media (min-width: 1024px){max-width:860px;margin:0 auto;}ul li span{white-space:normal;word-break:break-word;overflow-wrap:anywhere;min-width:0;}form:hover input::placeholder,form:hover [data-testid=\"autocomplete-rotating-placeholder\"]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;}form:focus-within input,form:focus-within input::placeholder{text-decoration:none;}form:focus-within [data-testid=\"autocomplete-rotating-placeholder\"]{text-decoration:none;}"
106556
106791
  } : 0);
106557
106792
  var SearchForm = /*#__PURE__*/createStyled("form", true ? {
106558
- target: "etuykaq0"
106793
+ target: "ehota000"
106559
106794
  } : 0)( true ? {
106560
106795
  name: "1lnhxsx",
106561
106796
  styles: "box-sizing:border-box;width:100%;min-width:0;@media (min-width: 1024px){max-width:860px;margin:0 auto;}& div:focus-within [data-placeholder=\"true\"],& div:focus-within input{text-decoration:none;}& div:hover [data-placeholder=\"true\"],& div:hover input{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;}"
@@ -107748,14 +107983,271 @@ HeaderNavigationRegion.propTypes = {
107748
107983
  locale: (external_prop_types_default()).string,
107749
107984
  translations: (external_prop_types_default()).object
107750
107985
  };
107986
+ // EXTERNAL MODULE: ./node_modules/react-gtm-module/dist/index.js
107987
+ var react_gtm_module_dist = __webpack_require__(1003);
107988
+ ;// ./src/utils/datalayer.js
107989
+ 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; }
107990
+ 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; }
107991
+ 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; }
107992
+ function datalayer_toPropertyKey(t) { var i = datalayer_toPrimitive(t, "string"); return "symbol" == datalayer_typeof(i) ? i : i + ""; }
107993
+ 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); }
107994
+ 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); }
107995
+
107996
+ var gtmInitialized = false;
107997
+
107998
+ /** Resets init guard — for unit tests only */
107999
+ function resetGtmInitForTesting() {
108000
+ gtmInitialized = false;
108001
+ }
108002
+ var initDataLayer = function initDataLayer() {
108003
+ if ((typeof window === "undefined" ? "undefined" : datalayer_typeof(window)) !== "object") return;
108004
+ var gtmId = process.env.REACT_APP_GTM_KEY;
108005
+ if (!gtmId || gtmInitialized) return;
108006
+ try {
108007
+ var gtmArgs = {
108008
+ gtmId: gtmId
108009
+ };
108010
+ react_gtm_module_dist.initialize(gtmArgs);
108011
+ gtmInitialized = true;
108012
+ } catch (error) {
108013
+ console.error("Error initializing GTM:", error);
108014
+ }
108015
+ };
108016
+ var pushDataLayerEvent = function pushDataLayerEvent() {
108017
+ var eventData = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
108018
+ if ((typeof window === "undefined" ? "undefined" : datalayer_typeof(window)) !== "object") return;
108019
+ initDataLayer();
108020
+ var dataToTrack = datalayer_objectSpread({}, eventData);
108021
+ react_gtm_module_dist.dataLayer({
108022
+ dataLayer: dataToTrack
108023
+ });
108024
+ };
108025
+ var getDataLayer = function getDataLayer() {
108026
+ return [];
108027
+ };
108028
+ ;// ./src/utils/eventFactory.js
108029
+ 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); }
108030
+ var eventFactory_excluded = ["component_name", "event", "event_action", "element", "trigger_type"];
108031
+ 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; }
108032
+ 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; }
108033
+ 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; }
108034
+ function eventFactory_toPropertyKey(t) { var i = eventFactory_toPrimitive(t, "string"); return "symbol" == eventFactory_typeof(i) ? i : i + ""; }
108035
+ 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); }
108036
+ 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; }
108037
+ 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; }
108038
+
108039
+ var VB_EVENT_CONFIG = {
108040
+ view: {
108041
+ element: "Impression",
108042
+ trigger_type: "Element Visibility",
108043
+ event_category: "engagement"
108044
+ },
108045
+ click: {
108046
+ element: "CTA Click",
108047
+ trigger_type: "Click",
108048
+ event_category: "engagement"
108049
+ },
108050
+ navigate: {
108051
+ element: "Navigation",
108052
+ trigger_type: "Click",
108053
+ event_category: "engagement"
108054
+ }
108055
+ };
108056
+ var trackVisualBuilderEvent = function trackVisualBuilderEvent(_ref) {
108057
+ var component_name = _ref.component_name,
108058
+ event = _ref.event,
108059
+ event_action = _ref.event_action,
108060
+ element = _ref.element,
108061
+ trigger_type = _ref.trigger_type,
108062
+ customFields = eventFactory_objectWithoutProperties(_ref, eventFactory_excluded);
108063
+ var config = VB_EVENT_CONFIG[event_action] || VB_EVENT_CONFIG.view;
108064
+ var eventList = eventFactory_objectSpread({
108065
+ component_name: component_name,
108066
+ element: element || config.element,
108067
+ trigger_type: trigger_type || config.trigger_type,
108068
+ event: event,
108069
+ event_category: config.event_category,
108070
+ event_action: event_action
108071
+ }, customFields);
108072
+ pushDataLayerEvent(eventList);
108073
+ return eventList;
108074
+ };
108075
+ ;// ./src/components/gtm-tracker/GTMTracker.styled.js
108076
+
108077
+ 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)."; }
108078
+ var GTMTrackerRoot = /*#__PURE__*/createStyled("div", true ? {
108079
+ target: "e191ba190"
108080
+ } : 0)( true ? {
108081
+ name: "13udsys",
108082
+ styles: "height:100%"
108083
+ } : 0);
108084
+ ;// ./src/components/gtm-tracker/GTMTracker.jsx
108085
+ 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); }
108086
+ 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; }
108087
+ 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; }
108088
+ 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; }
108089
+ function GTMTracker_toPropertyKey(t) { var i = GTMTracker_toPrimitive(t, "string"); return "symbol" == GTMTracker_typeof(i) ? i : i + ""; }
108090
+ 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); }
108091
+
108092
+
108093
+
108094
+
108095
+
108096
+ var isServer = typeof window === "undefined";
108097
+
108098
+ /** Stable reference — default `customFields = {}` in params creates a new object every render. */
108099
+ var EMPTY_CUSTOM_FIELDS = {};
108100
+ function pageNameFromPathname(pathname) {
108101
+ var parts = String(pathname || "").split("/").filter(Boolean);
108102
+ if (parts.length <= 2) {
108103
+ return "";
108104
+ }
108105
+ return parts.slice(2).join("/");
108106
+ }
108107
+ var GTMTracker = function GTMTracker(_ref) {
108108
+ var componentName = _ref.componentName,
108109
+ impressionEvent = _ref.impressionEvent,
108110
+ impressionElement = _ref.impressionElement,
108111
+ impressionTriggerType = _ref.impressionTriggerType,
108112
+ clickEvent = _ref.clickEvent,
108113
+ clickElement = _ref.clickElement,
108114
+ clickTriggerType = _ref.clickTriggerType,
108115
+ _ref$clickSelector = _ref.clickSelector,
108116
+ clickSelector = _ref$clickSelector === void 0 ? "a" : _ref$clickSelector,
108117
+ _ref$clickEventAction = _ref.clickEventAction,
108118
+ clickEventAction = _ref$clickEventAction === void 0 ? "click" : _ref$clickEventAction,
108119
+ customFields = _ref.customFields,
108120
+ children = _ref.children;
108121
+ // On the server, just render children — tracking is client-only.
108122
+ if (isServer) {
108123
+ return /*#__PURE__*/(0,jsx_runtime_.jsx)(GTMTrackerRoot, {
108124
+ children: children
108125
+ });
108126
+ }
108127
+ return /*#__PURE__*/(0,jsx_runtime_.jsx)(GTMTrackerClient, {
108128
+ componentName: componentName,
108129
+ impressionEvent: impressionEvent,
108130
+ impressionElement: impressionElement,
108131
+ impressionTriggerType: impressionTriggerType,
108132
+ clickEvent: clickEvent,
108133
+ clickElement: clickElement,
108134
+ clickTriggerType: clickTriggerType,
108135
+ clickSelector: clickSelector,
108136
+ clickEventAction: clickEventAction,
108137
+ customFields: customFields !== null && customFields !== void 0 ? customFields : EMPTY_CUSTOM_FIELDS,
108138
+ children: children
108139
+ });
108140
+ };
108141
+
108142
+ // Client-only component with hooks (useRef, useEffect, useLocation)
108143
+ function GTMTrackerClient(_ref2) {
108144
+ var componentName = _ref2.componentName,
108145
+ impressionEvent = _ref2.impressionEvent,
108146
+ impressionElement = _ref2.impressionElement,
108147
+ impressionTriggerType = _ref2.impressionTriggerType,
108148
+ clickEvent = _ref2.clickEvent,
108149
+ clickElement = _ref2.clickElement,
108150
+ clickTriggerType = _ref2.clickTriggerType,
108151
+ clickSelector = _ref2.clickSelector,
108152
+ clickEventAction = _ref2.clickEventAction,
108153
+ customFields = _ref2.customFields,
108154
+ children = _ref2.children;
108155
+ var componentRef = (0,external_react_.useRef)(null);
108156
+ var impressionTrackedRef = (0,external_react_.useRef)(false);
108157
+ var pageName = pageNameFromPathname(typeof window !== "undefined" ? window.location.pathname : "");
108158
+ (0,external_react_.useEffect)(function () {
108159
+ if (!impressionEvent) return;
108160
+ var observer = new IntersectionObserver(function (entries) {
108161
+ entries.forEach(function (entry) {
108162
+ if (entry.isIntersecting && !impressionTrackedRef.current) {
108163
+ impressionTrackedRef.current = true;
108164
+ trackVisualBuilderEvent(GTMTracker_objectSpread(GTMTracker_objectSpread(GTMTracker_objectSpread({
108165
+ component_name: componentName,
108166
+ event: impressionEvent,
108167
+ event_action: "view",
108168
+ page_name: pageName
108169
+ }, impressionElement && {
108170
+ element: impressionElement
108171
+ }), impressionTriggerType && {
108172
+ trigger_type: impressionTriggerType
108173
+ }), customFields));
108174
+ }
108175
+ });
108176
+ }, {
108177
+ threshold: 0.1
108178
+ });
108179
+ var el = componentRef.current;
108180
+ if (el) {
108181
+ observer.observe(el);
108182
+ }
108183
+ return function () {
108184
+ if (el) {
108185
+ observer.unobserve(el);
108186
+ }
108187
+ };
108188
+ }, [componentName, impressionEvent, customFields, pageName, impressionElement, impressionTriggerType]);
108189
+ (0,external_react_.useEffect)(function () {
108190
+ if (!clickEvent) return;
108191
+ var el = componentRef.current;
108192
+ if (!el) return;
108193
+ var handleClick = function handleClick(e) {
108194
+ var target = e.target.closest(clickSelector);
108195
+ if (target) {
108196
+ trackVisualBuilderEvent(GTMTracker_objectSpread(GTMTracker_objectSpread(GTMTracker_objectSpread({
108197
+ component_name: componentName,
108198
+ event: clickEvent,
108199
+ event_action: clickEventAction,
108200
+ page_name: pageName
108201
+ }, clickElement && {
108202
+ element: clickElement
108203
+ }), clickTriggerType && {
108204
+ trigger_type: clickTriggerType
108205
+ }), customFields));
108206
+ }
108207
+ };
108208
+ el.addEventListener("click", handleClick, true);
108209
+ return function () {
108210
+ return el.removeEventListener("click", handleClick, true);
108211
+ };
108212
+ }, [componentName, clickEvent, clickElement, clickTriggerType, clickSelector, clickEventAction, customFields, pageName]);
108213
+ return /*#__PURE__*/(0,jsx_runtime_.jsx)(GTMTrackerRoot, {
108214
+ ref: componentRef,
108215
+ children: children
108216
+ });
108217
+ }
108218
+ GTMTracker.propTypes = {
108219
+ componentName: (external_prop_types_default()).string.isRequired,
108220
+ impressionEvent: (external_prop_types_default()).string,
108221
+ impressionElement: (external_prop_types_default()).string,
108222
+ impressionTriggerType: (external_prop_types_default()).string,
108223
+ clickEvent: (external_prop_types_default()).string,
108224
+ clickElement: (external_prop_types_default()).string,
108225
+ clickTriggerType: (external_prop_types_default()).string,
108226
+ clickSelector: (external_prop_types_default()).string,
108227
+ clickEventAction: (external_prop_types_default()).string,
108228
+ customFields: (external_prop_types_default()).object,
108229
+ children: (external_prop_types_default()).node.isRequired
108230
+ };
108231
+ GTMTrackerClient.propTypes = GTMTracker.propTypes;
108232
+ /* harmony default export */ const gtm_tracker_GTMTracker = (GTMTracker);
107751
108233
  ;// ./src/utils/common.js
108234
+ 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); }
108235
+ 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; }
108236
+ 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; }
108237
+ 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; }
108238
+ function common_toPropertyKey(t) { var i = common_toPrimitive(t, "string"); return "symbol" == common_typeof(i) ? i : i + ""; }
108239
+ 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); }
107752
108240
  function common_slicedToArray(r, e) { return common_arrayWithHoles(r) || common_iterableToArrayLimit(r, e) || common_unsupportedIterableToArray(r, e) || common_nonIterableRest(); }
107753
108241
  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."); }
107754
108242
  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; } }
107755
108243
  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; }
107756
108244
  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; } }
107757
108245
  function common_arrayWithHoles(r) { if (Array.isArray(r)) return r; }
107758
- var isServer = typeof window === "undefined";
108246
+
108247
+
108248
+
108249
+
108250
+ var common_isServer = typeof window === "undefined";
107759
108251
  var hasLocalePrefix = function hasLocalePrefix(path) {
107760
108252
  return /^\/[a-z]{2}\/[a-z]{2}(\/|$)/i.test(path);
107761
108253
  };
@@ -107898,6 +108390,17 @@ var convertToLocalizedUrl = function convertToLocalizedUrl(inputUrl) {
107898
108390
  localizedBase: localizedBase
107899
108391
  });
107900
108392
  };
108393
+ var withTracking = function withTracking(component) {
108394
+ var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
108395
+ var componentType = options.componentType;
108396
+ var trackingConfig = GTM_TRACKING_CONFIG[componentType];
108397
+ if (!trackingConfig) {
108398
+ return component;
108399
+ }
108400
+ return /*#__PURE__*/(0,jsx_runtime_.jsx)(gtm_tracker_GTMTracker, common_objectSpread(common_objectSpread({}, trackingConfig), {}, {
108401
+ children: component
108402
+ }));
108403
+ };
107901
108404
  ;// ./src/components/top-ribbon/types.js
107902
108405
 
107903
108406
  var NavigationLinkPropTypes = external_prop_types_default().shape({
@@ -110558,6 +111061,7 @@ function HeaderView_arrayWithHoles(r) { if (Array.isArray(r)) return r; }
110558
111061
 
110559
111062
 
110560
111063
 
111064
+
110561
111065
  var DEFAULT_LOGO = {
110562
111066
  wordmark: "NU SKIN",
110563
111067
  home_href: "/",
@@ -110574,10 +111078,6 @@ var DEFAULT_MARKET_SELECTOR = {
110574
111078
  cancel_text: "Cancel",
110575
111079
  control_label: DEFAULT_LOCALE.control_label
110576
111080
  };
110577
- var DEFAULT_LOYALTY = {
110578
- link_label: "Nu Skin Rewards",
110579
- href: "/rewards"
110580
- };
110581
111081
  var DEFAULT_ACCOUNT = {
110582
111082
  show: true,
110583
111083
  icon: "userOutline",
@@ -110591,6 +111091,12 @@ var DEFAULT_ACCOUNT = {
110591
111091
  url: ""
110592
111092
  }
110593
111093
  };
111094
+ var DEFAULT_LOYALTY = {
111095
+ label: "Nu Skin Rewards",
111096
+ url: "/rewards",
111097
+ open_in_new_tab: true,
111098
+ show: true
111099
+ };
110594
111100
  var DEFAULT_CART = {
110595
111101
  aria_label: "Shopping cart",
110596
111102
  count: 0
@@ -110671,14 +111177,27 @@ function buildAccountParentTags(_ref2) {
110671
111177
  sign_in_url: pickTag("sign_in_url")
110672
111178
  };
110673
111179
  }
110674
- function HeaderView(_ref3) {
110675
- 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;
110676
- var country = _ref3.country,
110677
- language = _ref3.language,
110678
- locale = _ref3.locale,
110679
- headerEntry = _ref3.headerEntry,
110680
- searchConfig = _ref3.searchConfig,
110681
- storefrontParams = _ref3.storefrontParams;
111180
+ function LoyaltyComponent(_ref3) {
111181
+ var data = _ref3.data;
111182
+ var show = normalizeShowFlag(data === null || data === void 0 ? void 0 : data.show, true);
111183
+ if (!show) return null;
111184
+ return withTracking(/*#__PURE__*/(0,jsx_runtime_.jsx)(HeaderLoyaltyRegion, {
111185
+ data: data
111186
+ }), {
111187
+ componentType: "loyalty"
111188
+ });
111189
+ }
111190
+ LoyaltyComponent.propTypes = {
111191
+ data: (external_prop_types_default()).object
111192
+ };
111193
+ function HeaderView(_ref4) {
111194
+ 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;
111195
+ var country = _ref4.country,
111196
+ language = _ref4.language,
111197
+ locale = _ref4.locale,
111198
+ headerEntry = _ref4.headerEntry,
111199
+ searchConfig = _ref4.searchConfig,
111200
+ storefrontParams = _ref4.storefrontParams;
110682
111201
  var _useState = (0,external_react_.useState)(false),
110683
111202
  _useState2 = HeaderView_slicedToArray(_useState, 2),
110684
111203
  isMobileMenuOpen = _useState2[0],
@@ -110758,12 +111277,12 @@ function HeaderView(_ref3) {
110758
111277
  children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(MarketSelector, {
110759
111278
  data: marketSelector,
110760
111279
  logo: logoData,
110761
- 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(),
111280
+ 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(),
110762
111281
  parent$: headerEntry === null || headerEntry === void 0 || (_headerEntry$$3 = headerEntry.$) === null || _headerEntry$$3 === void 0 ? void 0 : _headerEntry$$3.market_selector__0,
110763
111282
  mobileTriggerMode: "drawerPortal",
110764
111283
  drawerOpen: isMobileMenuOpen,
110765
111284
  drawerTriggerMountRef: mobileMarketTriggerMountRef
110766
- }), /*#__PURE__*/(0,jsx_runtime_.jsx)(HeaderLoyaltyRegion, {
111285
+ }), /*#__PURE__*/(0,jsx_runtime_.jsx)(LoyaltyComponent, {
110767
111286
  data: loyaltyData
110768
111287
  }), /*#__PURE__*/(0,jsx_runtime_.jsx)(HeaderAccountRegion, {
110769
111288
  data: accountData,