@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.
- package/package-dist/index.js +613 -94
- package/package-dist/index.js.map +1 -1
- package/package-dist/index.mjs +609 -94
- package/package-dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/package-dist/index.js
CHANGED
|
@@ -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 = '>m_auth=' + auth;
|
|
87415
|
+
var gtm_preview = '>m_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 + '>m_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 + '>m_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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
100781
|
+
target: "e1607tyl39"
|
|
100619
100782
|
} : 0)("color:", colors.muted, ";user-select:none;" + ( true ? "" : 0));
|
|
100620
100783
|
var UtilityButton = /*#__PURE__*/createStyled("button", true ? {
|
|
100621
|
-
target: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
100894
|
+
target: "e1607tyl16"
|
|
100721
100895
|
} : 0)( true ? "" : 0)));
|
|
100722
100896
|
var CategorySubLabel = /*#__PURE__*/createStyled("p", true ? {
|
|
100723
|
-
target: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
100954
|
+
target: "e1607tyl3"
|
|
100781
100955
|
} : 0)( true ? "" : 0);
|
|
100782
100956
|
var MobileDrawerNavButton = /*#__PURE__*/createStyled("button", true ? {
|
|
100783
|
-
target: "
|
|
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.
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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.
|
|
102881
|
-
children: /*#__PURE__*/(0,jsx_runtime_.jsx)(
|
|
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.
|
|
102884
|
-
|
|
102885
|
-
|
|
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
|
-
|
|
102923
|
-
|
|
102924
|
-
|
|
102925
|
-
|
|
102926
|
-
|
|
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
|
|
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
|
-
})
|
|
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.
|
|
103649
|
+
;// ./src/components/cart/Cart.styled.js
|
|
103439
103650
|
|
|
103440
103651
|
var CartIconWrapper = /*#__PURE__*/createStyled("div", true ? {
|
|
103441
|
-
target: "
|
|
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.
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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
|
-
|
|
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
|
|
110675
|
-
var
|
|
110676
|
-
var
|
|
110677
|
-
|
|
110678
|
-
|
|
110679
|
-
|
|
110680
|
-
|
|
110681
|
-
|
|
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((
|
|
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)(
|
|
111285
|
+
}), /*#__PURE__*/(0,jsx_runtime_.jsx)(LoyaltyComponent, {
|
|
110767
111286
|
data: loyaltyData
|
|
110768
111287
|
}), /*#__PURE__*/(0,jsx_runtime_.jsx)(HeaderAccountRegion, {
|
|
110769
111288
|
data: accountData,
|