@nuskin/nextgen-header 1.34.0 → 1.36.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 +186 -139
- package/package-dist/index.js.map +1 -1
- package/package.json +1 -1
- package/package-dist/index.mjs +0 -111210
- package/package-dist/index.mjs.map +0 -1
package/package-dist/index.js
CHANGED
|
@@ -101048,6 +101048,20 @@ var GTM_TRACKING_CONFIG = {
|
|
|
101048
101048
|
clickTriggerType: "Click - Just Links",
|
|
101049
101049
|
// Loyalty is always an anchor (`data-gtm-loyalty`); selector works for GTM delegation.
|
|
101050
101050
|
clickSelector: "[data-gtm-loyalty]"
|
|
101051
|
+
},
|
|
101052
|
+
logo: {
|
|
101053
|
+
componentName: "Logo",
|
|
101054
|
+
clickEvent: "logo_click",
|
|
101055
|
+
clickElement: "Logo Click",
|
|
101056
|
+
clickTriggerType: "Click - Just Links",
|
|
101057
|
+
clickSelector: "[data-gtm-logo]"
|
|
101058
|
+
},
|
|
101059
|
+
cart: {
|
|
101060
|
+
componentName: "Cart",
|
|
101061
|
+
clickEvent: "cart_click",
|
|
101062
|
+
clickElement: "Cart Icon Click",
|
|
101063
|
+
clickTriggerType: "Click",
|
|
101064
|
+
clickSelector: "[data-gtm-cart]"
|
|
101051
101065
|
}
|
|
101052
101066
|
};
|
|
101053
101067
|
|
|
@@ -101334,6 +101348,7 @@ function Brand(_ref) {
|
|
|
101334
101348
|
children: /*#__PURE__*/(0,jsx_runtime_.jsx)(BrandLogoLink, {
|
|
101335
101349
|
href: resolvedHref,
|
|
101336
101350
|
"data-testid": "brand-logo-link",
|
|
101351
|
+
"data-gtm-logo": true,
|
|
101337
101352
|
children: /*#__PURE__*/(0,jsx_runtime_.jsx)(ResponsiveBrandWrapper, {
|
|
101338
101353
|
mobileWidth: responsiveSize.mobileWidth,
|
|
101339
101354
|
desktopWidth: responsiveSize.desktopWidth,
|
|
@@ -101517,7 +101532,7 @@ var TAB_ID_FALLBACK_SEGMENT = "item";
|
|
|
101517
101532
|
var TABS_HOVER_ACTIVATE_MS = 80;
|
|
101518
101533
|
/** Desktop tab hover: delay after mouseleave before clearing selection (ms) */
|
|
101519
101534
|
var TABS_HOVER_CLEAR_MS = 120;
|
|
101520
|
-
;// ./src/components/tabs/Tabs.styled.
|
|
101535
|
+
;// ./src/components/tabs/Tabs.styled.js
|
|
101521
101536
|
|
|
101522
101537
|
function Tabs_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)."; }
|
|
101523
101538
|
|
|
@@ -101527,55 +101542,55 @@ var mobileMaxPx = function mobileMaxPx(p) {
|
|
|
101527
101542
|
return p.$isEditing ? TABS_EDITING_MOBILE_MAX_WIDTH_PX : TABS_MOBILE_MAX_WIDTH_PX;
|
|
101528
101543
|
};
|
|
101529
101544
|
var TabsRoot = /*#__PURE__*/createStyled("div", true ? {
|
|
101530
|
-
target: "
|
|
101545
|
+
target: "e1xxjdtj9"
|
|
101531
101546
|
} : 0)("--tabs-text:#2f2f2f;--tabs-muted:#666666;--tabs-border:#e5e5e5;--tabs-surface:#ffffff;--tabs-surface-muted:#f6f6f6;--tabs-focus-visible:#007bff;--tabs-font-sans:Lora,sans-serif;box-sizing:border-box;max-width:1440px;margin:0 auto;color:var(--tabs-text);font-family:var(--tabs-font-sans);position:relative;", function (p) {
|
|
101532
101547
|
return p.$isTopNav && "\n max-width: ".concat(TABS_TOP_NAV_MAX_WIDTH_PX, "px;\n padding: ").concat(TABS_TOP_NAV_ROOT_PADDING, ";\n ");
|
|
101533
101548
|
}, "@media (max-width: ", mobileMaxPx, "px){max-width:none;width:100%;", function (p) {
|
|
101534
101549
|
return p.$isTopNav && "padding: 0;";
|
|
101535
101550
|
}, ";}" + ( true ? "" : 0));
|
|
101536
101551
|
var TabList = /*#__PURE__*/createStyled("div", true ? {
|
|
101537
|
-
target: "
|
|
101552
|
+
target: "e1xxjdtj8"
|
|
101538
101553
|
} : 0)("display:flex;align-items:flex-end;justify-content:", function (props) {
|
|
101539
101554
|
return props.$justify || "flex-start";
|
|
101540
101555
|
}, ";gap:8px;border-bottom:0;padding:6px 0;overflow:visible;@media (max-width: ", mobileMaxPx, "px){position:relative;top:auto;left:auto;z-index:auto;width:100%;max-width:none;height:auto;margin:0;padding:0;border:0;box-sizing:border-box;flex-direction:column;align-items:stretch;gap:0;border-bottom:none;overflow:visible;overflow-x:hidden;background:#ffffff;box-shadow:none;justify-content:flex-start;transform:none;transition:none;visibility:visible;pointer-events:auto;}" + ( true ? "" : 0));
|
|
101541
101556
|
var MobileDrawerScroll = /*#__PURE__*/createStyled("div", true ? {
|
|
101542
|
-
target: "
|
|
101557
|
+
target: "e1xxjdtj7"
|
|
101543
101558
|
} : 0)("display:none;@media (max-width: ", mobileMaxPx, "px){display:block;flex:1;min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;padding:1rem 0 0;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none;width:0;height:0;}}" + ( true ? "" : 0));
|
|
101544
101559
|
var MobileTabRowLabel = /*#__PURE__*/createStyled("span", true ? {
|
|
101545
|
-
target: "
|
|
101560
|
+
target: "e1xxjdtj6"
|
|
101546
101561
|
} : 0)("flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:", function (p) {
|
|
101547
101562
|
return p.$expanded ? 700 : 400;
|
|
101548
101563
|
}, ";font-size:16px;line-height:24px;color:", function (p) {
|
|
101549
101564
|
return p.$expanded ? "#000000" : "#252525";
|
|
101550
101565
|
}, ";transition:font-weight 0.2s ease,color 0.2s ease;" + ( true ? "" : 0));
|
|
101551
101566
|
var MobileTabRowMain = /*#__PURE__*/createStyled("span", true ? {
|
|
101552
|
-
target: "
|
|
101567
|
+
target: "e1xxjdtj5"
|
|
101553
101568
|
} : 0)( true ? {
|
|
101554
101569
|
name: "1dj01u9",
|
|
101555
101570
|
styles: "flex:1 1 0%;min-width:0;display:flex;align-items:center;align-self:stretch;border-radius:4px"
|
|
101556
101571
|
} : 0);
|
|
101557
101572
|
var MobileTabRow = /*#__PURE__*/createStyled("button", true ? {
|
|
101558
|
-
target: "
|
|
101573
|
+
target: "e1xxjdtj4"
|
|
101559
101574
|
} : 0)("appearance:none;border:0;background:transparent;margin:0;width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;box-sizing:border-box;padding:10px 20px;min-height:56px;cursor:pointer;text-align:left;color:#252525;font-family:var(--tabs-font-sans);font-size:16px;line-height:24px;transition:background-color 0.2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;&:hover{background-color:#f8f9fa;}&:active{background-color:#f8f9fa;}@media (max-width: 340px){padding:12px 10px;}&:focus{outline:none;}&:focus:not(:focus-visible) ", MobileTabRowMain, "{outline:none;}&:focus-visible{outline:none;}&:focus-visible ", MobileTabRowMain, "{outline:1px solid var(--tabs-focus-visible);outline-offset:1px;}", function (p) {
|
|
101560
101575
|
return p.$isHidden && "opacity: 0.4;";
|
|
101561
101576
|
}, ";" + ( true ? "" : 0));
|
|
101562
101577
|
|
|
101563
101578
|
/* Wraps NsIcon so row chevrons align and stay tappable. */
|
|
101564
101579
|
var MobileRowIconWrap = /*#__PURE__*/createStyled("span", true ? {
|
|
101565
|
-
target: "
|
|
101580
|
+
target: "e1xxjdtj3"
|
|
101566
101581
|
} : 0)("flex-shrink:0;margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-width:28px;min-height:28px;color:#999999;transform:rotate(", function (p) {
|
|
101567
101582
|
return p.$expanded ? "180deg" : "0deg";
|
|
101568
101583
|
}, ");transition:transform 0.3s ease;svg{display:block;}" + ( true ? "" : 0));
|
|
101569
101584
|
var MobileAccordionPanel = /*#__PURE__*/createStyled("div", true ? {
|
|
101570
|
-
target: "
|
|
101585
|
+
target: "e1xxjdtj2"
|
|
101571
101586
|
} : 0)("@media (max-width: ", mobileMaxPx, "px){padding:0px 20px 5px;margin-top:0;background:#ffffff;@media (max-width: 340px){padding:16px 10px 20px;}animation:tabs-accordion-fade 0.25s ease;min-width:0;max-width:100%;overflow-x:hidden;@keyframes tabs-accordion-fade{from{opacity:0;}to{opacity:1;}}&>*{min-width:0;max-width:100%;overflow-x:hidden;word-break:break-word;overflow-wrap:anywhere;}}" + ( true ? "" : 0));
|
|
101572
101587
|
var TabButton = /*#__PURE__*/createStyled("button", true ? {
|
|
101573
|
-
target: "
|
|
101588
|
+
target: "e1xxjdtj1"
|
|
101574
101589
|
} : 0)("appearance:none;border:0;background:transparent;padding:10px 14px 12px;margin:0;cursor:pointer;color:var(--tabs-muted);font-family:var(--tabs-font-sans);font-weight:500;font-size:16px;line-height:24px;text-align:left;white-space:nowrap;position:relative;border-radius:999px;&[data-active=\"true\"]{color:var(--tabs-text);text-decoration:underline;text-underline-offset:10px;text-decoration-thickness:1px;text-decoration-color:var(--tabs-text);}&:not([data-active=\"true\"]):hover{color:var(--tabs-text);background:var(--tabs-surface-muted);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;}&[data-active=\"true\"]:hover{background:var(--tabs-surface-muted);text-underline-offset:4px;}&:focus-visible{outline:1px solid var(--tabs-focus-visible);outline-offset:1px;border-radius:999px;}@media (max-width: ", mobileMaxPx, "px){display:none;}", function (p) {
|
|
101575
101590
|
return p.$isHidden && "opacity: 0.4;";
|
|
101576
101591
|
}, ";" + ( true ? "" : 0));
|
|
101577
101592
|
var Panel = /*#__PURE__*/createStyled("div", true ? {
|
|
101578
|
-
target: "
|
|
101593
|
+
target: "e1xxjdtj0"
|
|
101579
101594
|
} : 0)("padding-top:0;", function (p) {
|
|
101580
101595
|
return p.$isTopNav && "\n position: absolute;\n top: 100%;\n left: 0;\n width: 100%;\n z-index: 100;\n ";
|
|
101581
101596
|
}, "@media (max-width: ", mobileMaxPx, "px){display:none;}" + ( true ? "" : 0));
|
|
@@ -102105,31 +102120,31 @@ var PillButton = /*#__PURE__*/createStyled("button", true ? {
|
|
|
102105
102120
|
var PillLink = /*#__PURE__*/(/* unused pure expression or super */ null && (Pill_styled_styled("a", true ? {
|
|
102106
102121
|
target: "e1n5o2x60"
|
|
102107
102122
|
} : 0)(pillBase, " cursor:pointer;" + ( true ? "" : 0))));
|
|
102108
|
-
;// ./src/components/top-navigation/jump-to-section/JumpTo.styled.
|
|
102123
|
+
;// ./src/components/top-navigation/jump-to-section/JumpTo.styled.js
|
|
102109
102124
|
|
|
102110
102125
|
|
|
102111
102126
|
var TOKENS = "\n --jump-to-text: #2f2f2f;\n --jump-to-font: Lora, sans-serif;\n --jump-to-pill-text: #5f5f5f;\n --jump-to-pill-border: #e0e0e0;\n --jump-to-pill-bg-hover: #ededed;\n --jump-to-pill-text-hover:#252525;\n --jump-to-focus-ring: #007aff;\n";
|
|
102112
102127
|
var MOBILE_MAX = "1023px";
|
|
102113
102128
|
var JumpToRoot = /*#__PURE__*/createStyled("div", true ? {
|
|
102114
|
-
target: "
|
|
102129
|
+
target: "e1u2eor54"
|
|
102115
102130
|
} : 0)(TOKENS, " display:flex;flex-direction:column;gap:16px;flex:0 0 280px;width:280px;box-sizing:border-box;padding:15px 16px;@media (max-width: ", MOBILE_MAX, "){flex:0 0 100%;width:100%;padding:0;gap:0;}", function (p) {
|
|
102116
102131
|
return p.$isEditing && "\n outline: 1px dashed #bbb;\n outline-offset: -1px;\n flex: 0 0 280px;\n width: 280px;\n padding: 15px 16px;\n gap: 16px;\n ";
|
|
102117
102132
|
}, " ", function (p) {
|
|
102118
102133
|
return p.$isHidden && "opacity: 0.4;";
|
|
102119
102134
|
}, ";" + ( true ? "" : 0));
|
|
102120
102135
|
var JumpToHeading = /*#__PURE__*/createStyled("h2", true ? {
|
|
102121
|
-
target: "
|
|
102136
|
+
target: "e1u2eor53"
|
|
102122
102137
|
} : 0)("font-family:var(--jump-to-font);font-size:16px;font-weight:500;line-height:1.3;color:var(--jump-to-text);margin:0;padding:0 8px;cursor:default;&:hover{text-decoration:underline;text-decoration-skip-ink:none;}@media (max-width: ", MOBILE_MAX, "){display:none;}" + ( true ? "" : 0));
|
|
102123
102138
|
var JumpTo_styled_JumpToList = /*#__PURE__*/createStyled("ul", true ? {
|
|
102124
|
-
target: "
|
|
102139
|
+
target: "e1u2eor52"
|
|
102125
102140
|
} : 0)("list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;@media (max-width: ", MOBILE_MAX, "){flex-direction:row;gap:8px;overflow-x:auto;scrollbar-width:none;&::-webkit-scrollbar{display:none;}padding:4px 0;}" + ( true ? "" : 0));
|
|
102126
102141
|
var JumpToItem = /*#__PURE__*/createStyled("li", true ? {
|
|
102127
|
-
target: "
|
|
102142
|
+
target: "e1u2eor51"
|
|
102128
102143
|
} : 0)("display:inline-flex;@media (max-width: ", MOBILE_MAX, "){display:flex;flex-shrink:0;}", function (p) {
|
|
102129
102144
|
return p.$isHidden && "opacity: 0.4;";
|
|
102130
102145
|
}, ";" + ( true ? "" : 0));
|
|
102131
102146
|
var JumpToPillLink = /*#__PURE__*/createStyled(PillButton, true ? {
|
|
102132
|
-
target: "
|
|
102147
|
+
target: "e1u2eor50"
|
|
102133
102148
|
} : 0)("padding:12px 20px;cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;@media (max-width: ", MOBILE_MAX, "){padding:10px 16px;}" + ( true ? "" : 0));
|
|
102134
102149
|
;// ./src/components/top-navigation/jump-to-section/JumpTo.jsx
|
|
102135
102150
|
function JumpTo_typeof(o) { "@babel/helpers - typeof"; return JumpTo_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; }, JumpTo_typeof(o); }
|
|
@@ -102211,12 +102226,12 @@ JumpTo.propTypes = {
|
|
|
102211
102226
|
className: (external_prop_types_default()).string,
|
|
102212
102227
|
$isHidden: (external_prop_types_default()).bool
|
|
102213
102228
|
};
|
|
102214
|
-
;// ./src/components/label-icon/LabelWithIcon.styled.
|
|
102229
|
+
;// ./src/components/label-icon/LabelWithIcon.styled.js
|
|
102215
102230
|
|
|
102216
102231
|
function LabelWithIcon_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)."; }
|
|
102217
102232
|
var LabelWithIcon_styled_TOKENS = "\n --label-icon-text: #2f2f2f;\n --label-icon-muted: #666666;\n --label-icon-surface-hover:#f6f6f6;\n --label-icon-focus-ring: #007aff;\n --label-icon-disabled: #aaaaaa;\n --label-icon-font: Lora, sans-serif;\n";
|
|
102218
102233
|
var LabelWithIconRoot = /*#__PURE__*/createStyled("div", true ? {
|
|
102219
|
-
target: "
|
|
102234
|
+
target: "eyg1h312"
|
|
102220
102235
|
} : 0)(LabelWithIcon_styled_TOKENS, " display:inline-flex;align-items:center;width:100%;min-height:44px;padding:0 16px;box-sizing:border-box;gap:8px;font-family:var(--label-icon-font);font-size:18px;font-weight:400;line-height:1.5;&,&:link,&:visited,&:any-link{color:var(--label-icon-text);text-decoration:none;}background:transparent;border:none;cursor:", function (p) {
|
|
102221
102236
|
return p.$interactive && !p.$disabled ? "pointer" : "default";
|
|
102222
102237
|
}, ";appearance:none;outline:none;border-radius:4px;transition:background 0.15s ease,color 0.15s ease;", function (p) {
|
|
@@ -102227,10 +102242,10 @@ var LabelWithIconRoot = /*#__PURE__*/createStyled("div", true ? {
|
|
|
102227
102242
|
return p.$showDivider && "\n border-bottom: 1px solid #e5e5e5;\n ";
|
|
102228
102243
|
}, ";" + ( true ? "" : 0));
|
|
102229
102244
|
var LabelText = /*#__PURE__*/createStyled("span", true ? {
|
|
102230
|
-
target: "
|
|
102245
|
+
target: "eyg1h311"
|
|
102231
102246
|
} : 0)("flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;", LabelWithIconRoot, ":hover &{text-decoration:underline;}" + ( true ? "" : 0));
|
|
102232
102247
|
var IconSlot = /*#__PURE__*/createStyled("span", true ? {
|
|
102233
|
-
target: "
|
|
102248
|
+
target: "eyg1h310"
|
|
102234
102249
|
} : 0)( true ? {
|
|
102235
102250
|
name: "d28uq8",
|
|
102236
102251
|
styles: "flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:var(--label-icon-muted);svg{display:block;fill:currentColor;}"
|
|
@@ -102341,39 +102356,39 @@ LabelWithIcon.defaultProps = {
|
|
|
102341
102356
|
"aria-label": undefined,
|
|
102342
102357
|
tooltip: undefined
|
|
102343
102358
|
};
|
|
102344
|
-
;// ./src/components/top-navigation/sub-category-section/SubCategory.styled.
|
|
102359
|
+
;// ./src/components/top-navigation/sub-category-section/SubCategory.styled.js
|
|
102345
102360
|
|
|
102346
102361
|
function SubCategory_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)."; }
|
|
102347
102362
|
|
|
102348
102363
|
var SubCategory_styled_TOKENS = "\n --sub-cat-text: #2f2f2f;\n --sub-cat-item-text: #666666;\n --sub-cat-item-text-hover:#2f2f2f;\n --sub-cat-surface-hover: #f6f6f6;\n --sub-cat-focus-ring: #007aff;\n --sub-cat-font: Lora, sans-serif;\n";
|
|
102349
102364
|
var SubCategoryRoot = /*#__PURE__*/createStyled("fieldset", true ? {
|
|
102350
|
-
target: "
|
|
102365
|
+
target: "e1mzewba4"
|
|
102351
102366
|
} : 0)(SubCategory_styled_TOKENS, " border:none;margin:0;padding:0;min-width:0;display:flex;flex-direction:column;flex:0 0 280px;width:280px;box-sizing:border-box;@media (max-width: 1023px){flex:0 0 100%;max-width:100%;width:100%;}", function (p) {
|
|
102352
102367
|
return p.$isEditing && "\n outline: 1px dashed #bbb;\n outline-offset: -1px;\n padding: 8px;\n flex: 0 0 280px;\n max-width: 280px;\n width: 280px;\n ";
|
|
102353
102368
|
}, " ", function (p) {
|
|
102354
102369
|
return p.$isHidden && "opacity: 0.4;";
|
|
102355
102370
|
}, ";" + ( true ? "" : 0));
|
|
102356
102371
|
var CategoryHeader = /*#__PURE__*/createStyled(LabelWithIcon, true ? {
|
|
102357
|
-
target: "
|
|
102372
|
+
target: "e1mzewba3"
|
|
102358
102373
|
} : 0)( true ? {
|
|
102359
102374
|
name: "ururic",
|
|
102360
102375
|
styles: "font-size:18px;font-weight:500;line-height:1.3;color:var(--sub-cat-text);span:first-of-type{white-space:normal;overflow:visible;text-overflow:clip;}"
|
|
102361
102376
|
} : 0);
|
|
102362
102377
|
var SubCategoryList = /*#__PURE__*/createStyled("ul", true ? {
|
|
102363
|
-
target: "
|
|
102378
|
+
target: "e1mzewba2"
|
|
102364
102379
|
} : 0)( true ? {
|
|
102365
102380
|
name: "1tw3i3",
|
|
102366
102381
|
styles: "list-style:none;margin:10px 0 0 0;padding:0 0 0 8px;display:flex;flex-direction:column;gap:10px"
|
|
102367
102382
|
} : 0);
|
|
102368
102383
|
var SubCategoryItem = /*#__PURE__*/createStyled("li", true ? {
|
|
102369
|
-
target: "
|
|
102384
|
+
target: "e1mzewba1"
|
|
102370
102385
|
} : 0)("display:flex;", function (p) {
|
|
102371
102386
|
return p.$isHidden && "opacity: 0.4;";
|
|
102372
102387
|
}, " ", function (p) {
|
|
102373
102388
|
return p.$isEditing && "\n border: 1px dotted #bbb;\n padding: 5px;\n border-radius: 2px;\n ";
|
|
102374
102389
|
}, ";" + ( true ? "" : 0));
|
|
102375
102390
|
var SubCategoryLink = /*#__PURE__*/createStyled(LabelWithIcon, true ? {
|
|
102376
|
-
target: "
|
|
102391
|
+
target: "e1mzewba0"
|
|
102377
102392
|
} : 0)("font-size:14px;font-weight:400;line-height:1.3;color:var(--sub-cat-item-text);min-height:35px;padding:0 24px;", function (p) {
|
|
102378
102393
|
return p.$isEditing && "\n border: 1px dotted #aaa;\n padding: 4px 24px;\n border-radius: 2px;\n ";
|
|
102379
102394
|
}, " span:first-of-type{white-space:normal;overflow:visible;text-overflow:clip;}&:hover{color:var(--sub-cat-item-text-hover);text-decoration:underline;}&:focus-visible{color:var(--sub-cat-item-text-hover);}&:active{color:var(--sub-cat-item-text-hover);}" + ( true ? "" : 0));
|
|
@@ -102475,32 +102490,32 @@ SubCategory.propTypes = {
|
|
|
102475
102490
|
className: (external_prop_types_default()).string,
|
|
102476
102491
|
$isHidden: (external_prop_types_default()).bool
|
|
102477
102492
|
};
|
|
102478
|
-
;// ./src/components/top-navigation/navigation-panel/TopNavPanel.styled.
|
|
102493
|
+
;// ./src/components/top-navigation/navigation-panel/TopNavPanel.styled.js
|
|
102479
102494
|
|
|
102480
102495
|
function TopNavPanel_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)."; }
|
|
102481
102496
|
var TopNavPanel_styled_TOKENS = "\n --top-nav-panel-bg: #ffffff;\n --top-nav-panel-border-top: #e5e5e5;\n --top-nav-panel-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);\n --top-nav-panel-row-gap: 32px;\n";
|
|
102482
102497
|
var TopNavPanel_styled_MOBILE_MAX = "1023px";
|
|
102483
102498
|
var SectionPlaceholder = /*#__PURE__*/createStyled("div", true ? {
|
|
102484
|
-
target: "
|
|
102499
|
+
target: "e2i7hnz7"
|
|
102485
102500
|
} : 0)( true ? {
|
|
102486
102501
|
name: "1is75b4",
|
|
102487
102502
|
styles: "display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;flex:0 0 220px;width:220px;min-height:160px;box-sizing:border-box;border:2px dashed #bbb;border-radius:6px;background:#fafafa;color:#aaa;font-size:12px;font-family:sans-serif;text-align:center;padding:16px;cursor:default;user-select:none;pointer-events:none;&::before{content:\"+\";display:block;width:28px;height:28px;line-height:26px;border:2px dashed #bbb;border-radius:50%;font-size:18px;color:#bbb;margin-bottom:4px;}"
|
|
102488
102503
|
} : 0);
|
|
102489
102504
|
var TopNavPanelRoot = /*#__PURE__*/createStyled("div", true ? {
|
|
102490
|
-
target: "
|
|
102505
|
+
target: "e2i7hnz6"
|
|
102491
102506
|
} : 0)(TopNavPanel_styled_TOKENS, " display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;row-gap:var(--top-nav-panel-row-gap);width:100%;background:var(--top-nav-panel-bg);border-top:1px solid var(--top-nav-panel-border-top);box-shadow:var(--top-nav-panel-shadow);padding:24px 32px;box-sizing:border-box;@media (max-width: ", TopNavPanel_styled_MOBILE_MAX, "){flex-direction:column;row-gap:16px;padding:12px 0;border-top:none;box-shadow:none;}", function (p) {
|
|
102492
102507
|
return p.$isEditing && "\n outline: 1px dashed #bbb;\n outline-offset: -1px;\n flex-direction: row;\n flex-wrap: wrap;\n row-gap: var(--top-nav-panel-row-gap);\n padding: 24px 32px;\n border-top: 1px solid var(--top-nav-panel-border-top);\n box-shadow: var(--top-nav-panel-shadow);\n ";
|
|
102493
102508
|
}, ";" + ( true ? "" : 0));
|
|
102494
102509
|
|
|
102495
102510
|
/** Full-width bar shown above the panel in editing mode. */
|
|
102496
102511
|
var AuthorBar = /*#__PURE__*/createStyled("div", true ? {
|
|
102497
|
-
target: "
|
|
102512
|
+
target: "e2i7hnz5"
|
|
102498
102513
|
} : 0)( true ? {
|
|
102499
102514
|
name: "1xj5yw2",
|
|
102500
102515
|
styles: "width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 12px;background:#f0eefe;border:1px solid #c4b9f5;border-radius:6px;font-family:sans-serif;font-size:12px;color:#3d2fa8;box-sizing:border-box;user-select:none"
|
|
102501
102516
|
} : 0);
|
|
102502
102517
|
var AuthorBarMessage = /*#__PURE__*/createStyled("span", true ? {
|
|
102503
|
-
target: "
|
|
102518
|
+
target: "e2i7hnz4"
|
|
102504
102519
|
} : 0)( true ? {
|
|
102505
102520
|
name: "zc1hyg",
|
|
102506
102521
|
styles: "display:flex;align-items:center;gap:8px;line-height:1.4;flex-shrink:1;min-width:0"
|
|
@@ -102508,7 +102523,7 @@ var AuthorBarMessage = /*#__PURE__*/createStyled("span", true ? {
|
|
|
102508
102523
|
|
|
102509
102524
|
/** Pill badge indicating the current author mode. */
|
|
102510
102525
|
var AuthorBarBadge = /*#__PURE__*/createStyled("span", true ? {
|
|
102511
|
-
target: "
|
|
102526
|
+
target: "e2i7hnz3"
|
|
102512
102527
|
} : 0)("flex-shrink:0;display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;background:", function (p) {
|
|
102513
102528
|
return p.$live ? "#e6f9f0" : "#ede9fc";
|
|
102514
102529
|
}, ";color:", function (p) {
|
|
@@ -102519,7 +102534,7 @@ var AuthorBarBadge = /*#__PURE__*/createStyled("span", true ? {
|
|
|
102519
102534
|
return p.$live ? "#1a7a4a" : "#6d5ce7";
|
|
102520
102535
|
}, ";}" + ( true ? "" : 0));
|
|
102521
102536
|
var AuthorBarDetail = /*#__PURE__*/createStyled("span", true ? {
|
|
102522
|
-
target: "
|
|
102537
|
+
target: "e2i7hnz2"
|
|
102523
102538
|
} : 0)( true ? {
|
|
102524
102539
|
name: "12l0eqe",
|
|
102525
102540
|
styles: "font-size:12px;font-weight:400;color:#5a4fa0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis"
|
|
@@ -102527,13 +102542,13 @@ var AuthorBarDetail = /*#__PURE__*/createStyled("span", true ? {
|
|
|
102527
102542
|
|
|
102528
102543
|
/** Segmented pill toggle — wraps two AuthorBarToggleOption children. */
|
|
102529
102544
|
var AuthorBarToggle = /*#__PURE__*/createStyled("button", true ? {
|
|
102530
|
-
target: "
|
|
102545
|
+
target: "e2i7hnz1"
|
|
102531
102546
|
} : 0)( true ? {
|
|
102532
102547
|
name: "1hmj8vv",
|
|
102533
102548
|
styles: "display:flex;align-items:center;flex-shrink:0;background:#fff;border:1px solid #c4b9f5;border-radius:20px;padding:2px;cursor:pointer;font-family:sans-serif;font-size:11px;font-weight:600;white-space:nowrap;line-height:1;&:hover{border-color:#6d5ce7;}&:focus-visible{outline:2px solid #6d5ce7;outline-offset:2px;}"
|
|
102534
102549
|
} : 0);
|
|
102535
102550
|
var AuthorBarToggleOption = /*#__PURE__*/createStyled("span", true ? {
|
|
102536
|
-
target: "
|
|
102551
|
+
target: "e2i7hnz0"
|
|
102537
102552
|
} : 0)("padding:4px 10px;border-radius:16px;color:", function (p) {
|
|
102538
102553
|
return p.$active ? "#fff" : "#7b6fbe";
|
|
102539
102554
|
}, ";background:", function (p) {
|
|
@@ -103126,7 +103141,8 @@ function HeaderLoyaltyRegion(_ref) {
|
|
|
103126
103141
|
var url = data === null || data === void 0 ? void 0 : data.url;
|
|
103127
103142
|
return /*#__PURE__*/(0,jsx_runtime_.jsx)(LoyaltyUtilityLink, HeaderLoyaltyRegion_objectSpread(HeaderLoyaltyRegion_objectSpread({
|
|
103128
103143
|
"data-gtm-loyalty": true,
|
|
103129
|
-
href: url
|
|
103144
|
+
href: url,
|
|
103145
|
+
"aria-label": data === null || data === void 0 ? void 0 : data.loyalty_button_aria_label
|
|
103130
103146
|
}, data !== null && data !== void 0 && data.open_in_new_tab ? {
|
|
103131
103147
|
target: "_blank",
|
|
103132
103148
|
rel: "noopener noreferrer"
|
|
@@ -103139,6 +103155,7 @@ function HeaderLoyaltyRegion(_ref) {
|
|
|
103139
103155
|
HeaderLoyaltyRegion.propTypes = {
|
|
103140
103156
|
data: external_prop_types_default().shape({
|
|
103141
103157
|
label: (external_prop_types_default()).string,
|
|
103158
|
+
loyalty_button_aria_label: (external_prop_types_default()).string,
|
|
103142
103159
|
url: (external_prop_types_default()).string.isRequired,
|
|
103143
103160
|
open_in_new_tab: (external_prop_types_default()).bool,
|
|
103144
103161
|
$: (external_prop_types_default()).object
|
|
@@ -103320,87 +103337,87 @@ function useEscapeToCloseModal(isModalOpen, setIsModalOpen) {
|
|
|
103320
103337
|
};
|
|
103321
103338
|
}, [isModalOpen, setIsModalOpen]);
|
|
103322
103339
|
}
|
|
103323
|
-
;// ./src/components/signup-signin/SignUpOrSignIn.styled.
|
|
103340
|
+
;// ./src/components/signup-signin/SignUpOrSignIn.styled.js
|
|
103324
103341
|
|
|
103325
103342
|
function SignUpOrSignIn_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)."; }
|
|
103326
103343
|
var MOBILE_MAX_WIDTH_PX = 1024;
|
|
103327
103344
|
var SignUpOrSignInRoot = /*#__PURE__*/createStyled("div", true ? {
|
|
103328
|
-
target: "
|
|
103345
|
+
target: "e110w5lj17"
|
|
103329
103346
|
} : 0)("--signin-text:#5f5f5f;--signin-hover-bg:#efefef;--signin-focus:#007bff;--signin-font:Lora,sans-serif;--signin-link-size:16px;--signin-link-weight:400;display:inline-flex;align-items:center;gap:0;border-radius:24px;padding:0;font-family:var(--signin-font);color:var(--signin-text);padding:4px 8px 4px 5px;@media (min-width: ", MOBILE_MAX_WIDTH_PX + 1, "px){height:31px;&:hover{background:var(--signin-hover-bg);}}.icon-container{line-height:1;font-size:0;}" + ( true ? "" : 0));
|
|
103330
103347
|
var SignTextLink = /*#__PURE__*/createStyled("span", true ? {
|
|
103331
|
-
target: "
|
|
103348
|
+
target: "e110w5lj16"
|
|
103332
103349
|
} : 0)("color:var(--signin-text);text-decoration:none;white-space:nowrap;cursor:pointer;font-size:16px;line-height:22px;@media (min-width: ", MOBILE_MAX_WIDTH_PX + 1, "px){text-underline-offset:2px;text-decoration-thickness:1px;}&:focus-visible{outline:1px solid var(--signin-focus);outline-offset:1px;}" + ( true ? "" : 0));
|
|
103333
103350
|
var SignUpLink = /*#__PURE__*/createStyled("button", true ? {
|
|
103334
|
-
target: "
|
|
103351
|
+
target: "e110w5lj15"
|
|
103335
103352
|
} : 0)("&&{color:var(--signin-text);text-decoration:none;white-space:nowrap;appearance:none;border:0;background:transparent;font-family:var(--signin-font);font-size:var(--signin-link-size);font-weight:var(--signin-link-weight);line-height:22px;padding:0;text-align:left;cursor:pointer;}&:focus-visible{outline:1px solid var(--signin-focus);outline-offset:1px;}@media (max-width: ", MOBILE_MAX_WIDTH_PX, "px){display:none;}@media (min-width: ", MOBILE_MAX_WIDTH_PX + 1, "px){display:inline-flex;align-items:center;margin:0;&:hover,&:focus-visible{text-decoration:underline;}}" + ( true ? "" : 0));
|
|
103336
103353
|
var SignInLink = /*#__PURE__*/createStyled("button", true ? {
|
|
103337
|
-
target: "
|
|
103354
|
+
target: "e110w5lj14"
|
|
103338
103355
|
} : 0)("&&{color:var(--signin-text);text-decoration:none;white-space:nowrap;appearance:none;border:0;background:transparent;font-family:var(--signin-font);font-size:var(--signin-link-size);font-weight:var(--signin-link-weight);line-height:22px;padding:0;text-align:left;cursor:pointer;}@media (min-width: ", MOBILE_MAX_WIDTH_PX + 1, "px){display:inline-flex;align-items:center;color:var(--signin-text);padding:1px 4px;text-underline-offset:2px;text-decoration-thickness:1px;}&:focus-visible{outline:1px solid var(--signin-focus);outline-offset:1px;}@media (min-width: ", MOBILE_MAX_WIDTH_PX + 1, "px){&:hover,&:focus-visible{text-decoration:underline;}}" + ( true ? "" : 0));
|
|
103339
103356
|
var Divider = /*#__PURE__*/createStyled("span", true ? {
|
|
103340
|
-
target: "
|
|
103357
|
+
target: "e110w5lj13"
|
|
103341
103358
|
} : 0)("color:var(--signin-text);@media (max-width: ", MOBILE_MAX_WIDTH_PX, "px){display:none;}@media (min-width: ", MOBILE_MAX_WIDTH_PX + 1, "px){display:inline-flex;align-items:center;padding:0 6px;font-size:20px;line-height:1;}" + ( true ? "" : 0));
|
|
103342
103359
|
var IconWrap = /*#__PURE__*/createStyled("span", true ? {
|
|
103343
|
-
target: "
|
|
103360
|
+
target: "e110w5lj12"
|
|
103344
103361
|
} : 0)("display:inline-flex;align-items:center;justify-content:center;line-height:0;font-size:0;margin-right:4px;@media (max-width: ", MOBILE_MAX_WIDTH_PX, "px){display:none;}" + ( true ? "" : 0));
|
|
103345
103362
|
var MobileAuthModalBackdrop = /*#__PURE__*/createStyled("div", true ? {
|
|
103346
|
-
target: "
|
|
103363
|
+
target: "e110w5lj11"
|
|
103347
103364
|
} : 0)("display:none;@media (max-width: ", MOBILE_MAX_WIDTH_PX, "px){display:grid;place-items:center;position:fixed;inset:0;background:rgba(0, 0, 0, 0.45);z-index:1200;padding:12px;overflow-y:auto;}" + ( true ? "" : 0));
|
|
103348
103365
|
var MobileAuthModal = /*#__PURE__*/createStyled("dialog", true ? {
|
|
103349
|
-
target: "
|
|
103366
|
+
target: "e110w5lj10"
|
|
103350
103367
|
} : 0)("display:none;border:0;margin:0;@media (max-width: ", MOBILE_MAX_WIDTH_PX, "px){display:flex;flex-direction:column;width:min(90vw, 520px);max-width:100%;background:#ffffff;border-radius:26px;padding:0;gap:0;position:relative;box-shadow:0 10px 28px rgba(0, 0, 0, 0.24);box-sizing:border-box;overflow:hidden;}@media (max-width: 768px){width:min(92vw, 460px);}@media (max-width: 425px){width:calc(100vw - 20px);max-width:none;border-radius:22px;}@media (max-width: 375px){width:calc(100vw - 16px);max-width:none;border-radius:20px;}@media (min-width: 768px) and (max-width: ", MOBILE_MAX_WIDTH_PX, "px){width:min(78vw, 500px);border:1px solid #d8d8d8;}" + ( true ? "" : 0));
|
|
103351
103368
|
var ModalHeaderRow = /*#__PURE__*/createStyled("div", true ? {
|
|
103352
|
-
target: "
|
|
103369
|
+
target: "e110w5lj9"
|
|
103353
103370
|
} : 0)( true ? {
|
|
103354
103371
|
name: "wbibpl",
|
|
103355
103372
|
styles: "display:flex;align-items:flex-start;justify-content:flex-end;width:100%;min-height:44px;padding:12px 18px 0;box-sizing:border-box"
|
|
103356
103373
|
} : 0);
|
|
103357
103374
|
var ModalTitle = /*#__PURE__*/createStyled("h2", true ? {
|
|
103358
|
-
target: "
|
|
103375
|
+
target: "e110w5lj8"
|
|
103359
103376
|
} : 0)( true ? {
|
|
103360
103377
|
name: "1m9bk8n",
|
|
103361
103378
|
styles: "margin:0;color:#252525;font-family:var(--signin-font);font-size:22px;line-height:28px;font-weight:400"
|
|
103362
103379
|
} : 0);
|
|
103363
103380
|
var ModalCancelButton = /*#__PURE__*/createStyled("button", true ? {
|
|
103364
|
-
target: "
|
|
103381
|
+
target: "e110w5lj7"
|
|
103365
103382
|
} : 0)( true ? {
|
|
103366
103383
|
name: "u33vv4",
|
|
103367
103384
|
styles: "appearance:none;border:0;padding:0;margin:0;background:transparent;color:#8f8f8f;font-family:var(--signin-font);font-size:28px;line-height:24px;font-weight:400;min-width:24px;min-height:24px;cursor:pointer;&:focus-visible{outline:1px solid var(--signin-focus);outline-offset:1px;}"
|
|
103368
103385
|
} : 0);
|
|
103369
103386
|
var ModalContent = /*#__PURE__*/createStyled("div", true ? {
|
|
103370
|
-
target: "
|
|
103387
|
+
target: "e110w5lj6"
|
|
103371
103388
|
} : 0)( true ? {
|
|
103372
103389
|
name: "150yav4",
|
|
103373
103390
|
styles: "display:flex;flex-direction:column;width:100%;gap:0;padding:0 26px 26px;box-sizing:border-box;@media (max-width: 425px){padding:0 18px 20px;}"
|
|
103374
103391
|
} : 0);
|
|
103375
103392
|
var ModalSections = /*#__PURE__*/createStyled("div", true ? {
|
|
103376
|
-
target: "
|
|
103393
|
+
target: "e110w5lj5"
|
|
103377
103394
|
} : 0)( true ? {
|
|
103378
103395
|
name: "dbqp8z",
|
|
103379
103396
|
styles: "display:flex;flex-direction:column;width:100%;gap:0;box-sizing:border-box"
|
|
103380
103397
|
} : 0);
|
|
103381
103398
|
var ModalSection = /*#__PURE__*/createStyled("section", true ? {
|
|
103382
|
-
target: "
|
|
103399
|
+
target: "e110w5lj4"
|
|
103383
103400
|
} : 0)( true ? {
|
|
103384
103401
|
name: "phcu5u",
|
|
103385
103402
|
styles: "padding:6px 0 0;display:flex;flex-direction:column;gap:12px;width:100%;box-sizing:border-box;&:first-of-type{padding-bottom:18px;border-bottom:0.5px solid #252525;margin-bottom:18px;}@media (min-width: 769px){&:first-of-type{border-bottom:0;}}"
|
|
103386
103403
|
} : 0);
|
|
103387
103404
|
var SectionTitle = /*#__PURE__*/createStyled("h3", true ? {
|
|
103388
|
-
target: "
|
|
103405
|
+
target: "e110w5lj3"
|
|
103389
103406
|
} : 0)( true ? {
|
|
103390
103407
|
name: "1kyoijh",
|
|
103391
103408
|
styles: "margin:0;color:#252525;font-family:var(--signin-font);font-size:18px;line-height:22px;font-weight:600;text-transform:uppercase"
|
|
103392
103409
|
} : 0);
|
|
103393
103410
|
var SectionMessage = /*#__PURE__*/createStyled("p", true ? {
|
|
103394
|
-
target: "
|
|
103411
|
+
target: "e110w5lj2"
|
|
103395
103412
|
} : 0)( true ? {
|
|
103396
103413
|
name: "18ee69d",
|
|
103397
103414
|
styles: "margin:0;color:#000000de;font-family:var(--signin-font);font-size:16px;line-height:22px;font-weight:400;overflow-wrap:anywhere"
|
|
103398
103415
|
} : 0);
|
|
103399
103416
|
var PrimaryButton = /*#__PURE__*/createStyled("button", true ? {
|
|
103400
|
-
target: "
|
|
103417
|
+
target: "e110w5lj1"
|
|
103401
103418
|
} : 0)("width:100%;min-height:44px;border-radius:4px;border:0;background:#252525;color:#ffffff;font-family:var(--signin-font);font-size:16px;line-height:22px;font-weight:600;cursor:pointer;box-sizing:border-box;&:focus-visible{outline:1px solid var(--signin-focus);outline-offset:1px;}@media (max-width: ", MOBILE_MAX_WIDTH_PX, "px){&:hover{background:#de3d49;}&:active{background:#0d0e0d;}&:focus{outline:2px solid #0d0e0d;outline-offset:2px;background:#;}&:active:focus{box-shadow:0 0 0 0.2rem rgba(69, 69, 69, 0.5);}}" + ( true ? "" : 0));
|
|
103402
103419
|
var OutlinedButton = /*#__PURE__*/createStyled("button", true ? {
|
|
103403
|
-
target: "
|
|
103420
|
+
target: "e110w5lj0"
|
|
103404
103421
|
} : 0)( true ? {
|
|
103405
103422
|
name: "16bjh6l",
|
|
103406
103423
|
styles: "appearance:none;width:100%;min-height:44px;border-radius:4px;border:1px solid #252525;background:#ffffff;color:#252525;font-family:var(--signin-font);font-size:16px;line-height:22px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;box-sizing:border-box;&:hover{background:#ffffff;color:#8c8c8c;border:1px solid #8c8c8c;}&:active:focus{color:#5f5f5f;background:#ffffff;border:1px solid #94d6e9;}&:focus-visible{outline:1px solid var(--signin-focus);outline-offset:1px;}"
|
|
@@ -103695,23 +103712,23 @@ function unSubscribeEvent(token) {
|
|
|
103695
103712
|
*/
|
|
103696
103713
|
var PUBSUB = {
|
|
103697
103714
|
// [ACTIVE] Header MFE publishes when cart icon clicked
|
|
103698
|
-
TOGGLE_MINI_CART:
|
|
103715
|
+
TOGGLE_MINI_CART: "ToggleMiniCart",
|
|
103699
103716
|
// [RESERVED] Cart MFE publishes when mini cart closes
|
|
103700
|
-
MINI_CART_CLOSED:
|
|
103717
|
+
MINI_CART_CLOSED: "MiniCartClosed",
|
|
103701
103718
|
// [ACTIVE] Header MFE subscribes to update cart badge
|
|
103702
|
-
CART_COUNT_UPDATED:
|
|
103719
|
+
CART_COUNT_UPDATED: "CartCountUpdated",
|
|
103703
103720
|
// [RESERVED] Storefront publishes on cart mutations
|
|
103704
|
-
CART_DATA_UPDATED:
|
|
103721
|
+
CART_DATA_UPDATED: "CartDataUpdated",
|
|
103705
103722
|
// [RESERVED] Storefront publishes on add-to-cart
|
|
103706
|
-
ADD_TO_CART:
|
|
103723
|
+
ADD_TO_CART: "AddToCart",
|
|
103707
103724
|
// [RESERVED] Storefront publishes on add-to-cart failure
|
|
103708
|
-
ADD_TO_CART_FAILURE:
|
|
103725
|
+
ADD_TO_CART_FAILURE: "AddToCartFailure",
|
|
103709
103726
|
// [RESERVED] For future auth/logout flows
|
|
103710
|
-
SIGN_OUT:
|
|
103727
|
+
SIGN_OUT: "SignOut",
|
|
103711
103728
|
// [RESERVED] For cross-MFE navigation
|
|
103712
|
-
INTERNAL_ROUTING:
|
|
103729
|
+
INTERNAL_ROUTING: "InternalRouting",
|
|
103713
103730
|
// [ACTIVE] Header MFE publishes when cart clicked from checkout page
|
|
103714
|
-
NAVIGATE_TO_VIEW_CART:
|
|
103731
|
+
NAVIGATE_TO_VIEW_CART: "NavigateToViewCart"
|
|
103715
103732
|
};
|
|
103716
103733
|
;// ./src/components/cart/Cart.jsx
|
|
103717
103734
|
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); }
|
|
@@ -103748,7 +103765,7 @@ function Cart(_ref) {
|
|
|
103748
103765
|
(0,external_react_.useEffect)(function () {
|
|
103749
103766
|
var token = subscribe(PUBSUB.CART_COUNT_UPDATED, function (topic, data) {
|
|
103750
103767
|
var newCount = data === null || data === void 0 ? void 0 : data.cartCount;
|
|
103751
|
-
if (typeof newCount ===
|
|
103768
|
+
if (typeof newCount === "number" && !isNaN(newCount) && newCount >= 0) {
|
|
103752
103769
|
setItemCount(newCount);
|
|
103753
103770
|
}
|
|
103754
103771
|
});
|
|
@@ -103763,11 +103780,11 @@ function Cart(_ref) {
|
|
|
103763
103780
|
if (editing) {
|
|
103764
103781
|
return;
|
|
103765
103782
|
}
|
|
103766
|
-
if (typeof window !==
|
|
103783
|
+
if (typeof window !== "undefined") {
|
|
103767
103784
|
var pathname = window.location.pathname;
|
|
103768
103785
|
var isMobile = window.innerWidth < MOBILE_BREAKPOINT;
|
|
103769
|
-
var isViewCartPage = pathname.includes(
|
|
103770
|
-
var isCheckoutPage = pathname.includes(
|
|
103786
|
+
var isViewCartPage = pathname.includes("/viewCart");
|
|
103787
|
+
var isCheckoutPage = pathname.includes("/checkout") || pathname.includes("/expressCheckout") || pathname.includes("/subscriptionCheckout");
|
|
103771
103788
|
if (isViewCartPage) {
|
|
103772
103789
|
return;
|
|
103773
103790
|
}
|
|
@@ -103792,19 +103809,21 @@ function Cart(_ref) {
|
|
|
103792
103809
|
as: "button",
|
|
103793
103810
|
type: "button",
|
|
103794
103811
|
"data-testid": "cart",
|
|
103812
|
+
"data-gtm-cart": true,
|
|
103795
103813
|
"aria-label": ariaLabel,
|
|
103796
103814
|
showCartCount: showCartCount,
|
|
103797
103815
|
isEditing: editing,
|
|
103798
103816
|
onClick: handleClick,
|
|
103799
103817
|
tabIndex: editing ? -1 : 0,
|
|
103800
103818
|
style: {
|
|
103801
|
-
cursor: editing ?
|
|
103819
|
+
cursor: editing ? "default" : "pointer"
|
|
103802
103820
|
}
|
|
103803
103821
|
}, $ || {}), {}, {
|
|
103804
103822
|
children: /*#__PURE__*/(0,jsx_runtime_.jsx)(dist.NsCartIcon, {
|
|
103805
103823
|
itemCount: showCartCount ? itemCount : 0,
|
|
103806
103824
|
size: "large",
|
|
103807
|
-
color: "slate"
|
|
103825
|
+
color: "slate",
|
|
103826
|
+
ariaLabel: ariaLabel
|
|
103808
103827
|
})
|
|
103809
103828
|
}));
|
|
103810
103829
|
}
|
|
@@ -103828,15 +103847,16 @@ Cart.defaultProps = {
|
|
|
103828
103847
|
|
|
103829
103848
|
|
|
103830
103849
|
function HeaderCartRegion(_ref) {
|
|
103831
|
-
var _data$show_cart_icon, _data$show_cart_count, _data$item_count;
|
|
103850
|
+
var _data$show_cart_icon, _data$show_cart_count, _data$item_count, _data$cart_aria_label;
|
|
103832
103851
|
var data = _ref.data,
|
|
103833
103852
|
parent$ = _ref.parent$;
|
|
103834
|
-
var showCartIcon = (_data$show_cart_icon = data === null || data === void 0 ? void 0 : data.show_cart_icon) !== null && _data$show_cart_icon !== void 0 ? _data$show_cart_icon :
|
|
103835
|
-
var showCartCount = (_data$show_cart_count = data === null || data === void 0 ? void 0 : data.show_cart_count) !== null && _data$show_cart_count !== void 0 ? _data$show_cart_count :
|
|
103853
|
+
var showCartIcon = (_data$show_cart_icon = data === null || data === void 0 ? void 0 : data.show_cart_icon) !== null && _data$show_cart_icon !== void 0 ? _data$show_cart_icon : true;
|
|
103854
|
+
var showCartCount = (_data$show_cart_count = data === null || data === void 0 ? void 0 : data.show_cart_count) !== null && _data$show_cart_count !== void 0 ? _data$show_cart_count : true;
|
|
103836
103855
|
var itemCount = (_data$item_count = data === null || data === void 0 ? void 0 : data.item_count) !== null && _data$item_count !== void 0 ? _data$item_count : 0;
|
|
103856
|
+
var cartAriaLabel = (_data$cart_aria_label = data === null || data === void 0 ? void 0 : data.cart_aria_label) !== null && _data$cart_aria_label !== void 0 ? _data$cart_aria_label : "";
|
|
103837
103857
|
return /*#__PURE__*/(0,jsx_runtime_.jsx)(Cart, {
|
|
103838
103858
|
itemCount: itemCount,
|
|
103839
|
-
|
|
103859
|
+
ariaLabel: cartAriaLabel,
|
|
103840
103860
|
showCartIcon: showCartIcon,
|
|
103841
103861
|
showCartCount: showCartCount,
|
|
103842
103862
|
$: parent$
|
|
@@ -103846,7 +103866,8 @@ HeaderCartRegion.propTypes = {
|
|
|
103846
103866
|
data: external_prop_types_default().shape({
|
|
103847
103867
|
show_cart_icon: (external_prop_types_default()).bool,
|
|
103848
103868
|
show_cart_count: (external_prop_types_default()).bool,
|
|
103849
|
-
item_count: (external_prop_types_default()).number
|
|
103869
|
+
item_count: (external_prop_types_default()).number,
|
|
103870
|
+
cart_aria_label: (external_prop_types_default()).string
|
|
103850
103871
|
}),
|
|
103851
103872
|
parent$: (external_prop_types_default()).object
|
|
103852
103873
|
};
|
|
@@ -106630,18 +106651,18 @@ AutoComplete.propTypes = {
|
|
|
106630
106651
|
};
|
|
106631
106652
|
// EXTERNAL MODULE: ./node_modules/@mui/material/Button/Button.js
|
|
106632
106653
|
var Button = __webpack_require__(1629);
|
|
106633
|
-
;// ./src/components/button/CancelButton.styled.
|
|
106654
|
+
;// ./src/components/button/CancelButton.styled.js
|
|
106634
106655
|
|
|
106635
106656
|
|
|
106636
106657
|
var CLOSE_BUTTON_DESKTOP_MIN_WIDTH_PX = 1025;
|
|
106637
106658
|
var CancelButtonRoot = /*#__PURE__*/createStyled(Button/* default */.A, true ? {
|
|
106638
|
-
target: "
|
|
106659
|
+
target: "e14ebckh2"
|
|
106639
106660
|
} : 0)("--close-btn-font-family:Lora,sans-serif;--close-btn-desktop-text:#252525;--close-btn-hover-bg:#ebebeb;--close-btn-active-bg:#dcdcdc;min-width:48px;min-height:20px;padding:0;border:0;border-radius:0;text-transform:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent;color:var(--close-btn-desktop-text);font-family:var(--close-btn-font-family);font-size:14px;font-weight:600;line-height:20px;letter-spacing:0;transition:background-color 300ms ease-out;&:hover{background:transparent;}&:focus-visible{outline:1px solid #007bff;outline-offset:1px;}@media (min-width: ", CLOSE_BUTTON_DESKTOP_MIN_WIDTH_PX, "px){min-width:115px;min-height:44px;padding:11px 17px;border-radius:22px;font-size:16px;font-weight:500;line-height:22px;&:hover{background:var(--close-btn-hover-bg);}&:active{background:var(--close-btn-active-bg);}}" + ( true ? "" : 0));
|
|
106640
106661
|
var CancelButtonIconWrap = /*#__PURE__*/createStyled("span", true ? {
|
|
106641
|
-
target: "
|
|
106662
|
+
target: "e14ebckh1"
|
|
106642
106663
|
} : 0)("width:20px;height:20px;display:none;align-items:center;justify-content:center;line-height:0;svg{width:20px;height:20px;display:block;}@media (min-width: ", CLOSE_BUTTON_DESKTOP_MIN_WIDTH_PX, "px){display:inline-flex;}" + ( true ? "" : 0));
|
|
106643
106664
|
var CancelButtonText = /*#__PURE__*/createStyled("span", true ? {
|
|
106644
|
-
target: "
|
|
106665
|
+
target: "e14ebckh0"
|
|
106645
106666
|
} : 0)("display:inline-block;min-width:48px;line-height:inherit;text-decoration:none;text-underline-offset:2px;text-decoration-thickness:1px;@media (min-width: ", CLOSE_BUTTON_DESKTOP_MIN_WIDTH_PX, "px){min-width:53px;}", CancelButtonRoot, ":hover &{@media (min-width: ", CLOSE_BUTTON_DESKTOP_MIN_WIDTH_PX, "px){text-decoration:underline;}}", CancelButtonRoot, ":active &{@media (min-width: ", CLOSE_BUTTON_DESKTOP_MIN_WIDTH_PX, "px){text-decoration:none;}}" + ( true ? "" : 0));
|
|
106646
106667
|
;// ./src/components/button/CancelButton.jsx
|
|
106647
106668
|
function CancelButton_typeof(o) { "@babel/helpers - typeof"; return CancelButton_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; }, CancelButton_typeof(o); }
|
|
@@ -109590,7 +109611,7 @@ function marketSelectorWindow_navigateToPath(path) {
|
|
|
109590
109611
|
}
|
|
109591
109612
|
browserWindow.location.assign(path);
|
|
109592
109613
|
}
|
|
109593
|
-
;// ./src/components/market-selector/MarketSelector.styled.
|
|
109614
|
+
;// ./src/components/market-selector/MarketSelector.styled.js
|
|
109594
109615
|
|
|
109595
109616
|
function MarketSelector_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)."; }
|
|
109596
109617
|
|
|
@@ -109599,61 +109620,61 @@ var DESKTOP_MIN_WIDTH_PX = 1025;
|
|
|
109599
109620
|
|
|
109600
109621
|
/** Full-screen market modal layer (above mobile drawer z-index 9999). */
|
|
109601
109622
|
var MobileMarketFullScreenRoot = /*#__PURE__*/createStyled("div", true ? {
|
|
109602
|
-
target: "
|
|
109623
|
+
target: "e1u480zk37"
|
|
109603
109624
|
} : 0)( true ? {
|
|
109604
109625
|
name: "1n6oz2n",
|
|
109605
109626
|
styles: "position:fixed;inset:0;z-index:10050;background:#ffffff;display:flex;flex-direction:column;box-sizing:border-box;transform:translateX(15%);opacity:0;transition:transform 220ms ease-out,opacity 220ms ease-out;&[data-state=\"open\"]{transform:translateX(0);opacity:1;}"
|
|
109606
109627
|
} : 0);
|
|
109607
109628
|
var MobileMarketDialogInner = /*#__PURE__*/createStyled("dialog", true ? {
|
|
109608
|
-
target: "
|
|
109629
|
+
target: "e1u480zk36"
|
|
109609
109630
|
} : 0)( true ? {
|
|
109610
109631
|
name: "1d69jno",
|
|
109611
109632
|
styles: "margin:0;padding:0;border:0;width:100%;height:100%;max-width:none;max-height:none;background:#ffffff;display:flex;flex-direction:column;overflow:hidden"
|
|
109612
109633
|
} : 0);
|
|
109613
109634
|
var MobileStickyHeaderContainer = /*#__PURE__*/createStyled("div", true ? {
|
|
109614
|
-
target: "
|
|
109635
|
+
target: "e1u480zk35"
|
|
109615
109636
|
} : 0)( true ? {
|
|
109616
109637
|
name: "50r0ag",
|
|
109617
109638
|
styles: "position:sticky;top:0;z-index:2;width:100%;max-width:100%;min-height:110px;height:auto;padding-top:66px;padding-bottom:16px;background:#ffffff;box-sizing:border-box"
|
|
109618
109639
|
} : 0);
|
|
109619
109640
|
var MobileCompactHeaderRow = /*#__PURE__*/createStyled("header", true ? {
|
|
109620
|
-
target: "
|
|
109641
|
+
target: "e1u480zk34"
|
|
109621
109642
|
} : 0)( true ? {
|
|
109622
109643
|
name: "1ilqple",
|
|
109623
109644
|
styles: "flex-shrink:0;box-sizing:border-box;width:100%;max-width:100%;min-height:28px;height:auto;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding-left:20px;padding-right:20px"
|
|
109624
109645
|
} : 0);
|
|
109625
109646
|
var MobileCompactTitle = /*#__PURE__*/createStyled("h2", true ? {
|
|
109626
|
-
target: "
|
|
109647
|
+
target: "e1u480zk33"
|
|
109627
109648
|
} : 0)( true ? {
|
|
109628
109649
|
name: "1a3y3ud",
|
|
109629
109650
|
styles: "margin:0;flex:1 1 0%;min-width:0;height:auto;min-height:28px;line-height:28px;font-family:Lora,sans-serif;font-weight:400;font-size:22px;color:#252525;text-align:left;white-space:normal;overflow:visible;overflow-wrap:break-word;word-break:normal"
|
|
109630
109651
|
} : 0);
|
|
109631
109652
|
var MobileModalHeaderCancelWrap = /*#__PURE__*/createStyled("div", true ? {
|
|
109632
|
-
target: "
|
|
109653
|
+
target: "e1u480zk32"
|
|
109633
109654
|
} : 0)( true ? {
|
|
109634
109655
|
name: "18ccq6t",
|
|
109635
109656
|
styles: "flex:0 0 auto;flex-shrink:0;margin-left:auto;height:auto;min-height:28px;display:flex;justify-content:flex-end;align-items:center;.market-selector-mobile-header-cancel{width:auto;max-width:none;min-width:0;min-height:28px;border-radius:20px;padding-top:4px;padding-bottom:4px;padding-left:8px;padding-right:0;justify-content:flex-end;}.market-selector-mobile-header-cancel.MuiButton-root{min-width:0;}.market-selector-mobile-header-cancel span{min-width:0;white-space:nowrap;}"
|
|
109636
109657
|
} : 0);
|
|
109637
109658
|
var MobileModalScrollContent = /*#__PURE__*/createStyled("div", true ? {
|
|
109638
|
-
target: "
|
|
109659
|
+
target: "e1u480zk31"
|
|
109639
109660
|
} : 0)( true ? {
|
|
109640
109661
|
name: "1q7526u",
|
|
109641
109662
|
styles: "flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;display:flex;flex-direction:column;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{width:0;height:0;display:none;}"
|
|
109642
109663
|
} : 0);
|
|
109643
109664
|
var MobileRememberControlsWrap = /*#__PURE__*/createStyled("div", true ? {
|
|
109644
|
-
target: "
|
|
109665
|
+
target: "e1u480zk30"
|
|
109645
109666
|
} : 0)( true ? {
|
|
109646
109667
|
name: "iz1eca",
|
|
109647
109668
|
styles: "width:100%;max-width:100%;box-sizing:border-box;padding:0 20px"
|
|
109648
109669
|
} : 0);
|
|
109649
109670
|
var MobileRememberControls = /*#__PURE__*/createStyled("div", true ? {
|
|
109650
|
-
target: "
|
|
109671
|
+
target: "e1u480zk29"
|
|
109651
109672
|
} : 0)( true ? {
|
|
109652
109673
|
name: "13l7t94",
|
|
109653
109674
|
styles: "display:flex;align-items:center;justify-content:flex-start;width:100%;max-width:100%;box-sizing:border-box"
|
|
109654
109675
|
} : 0);
|
|
109655
109676
|
var MobileRememberRowCompact = /*#__PURE__*/createStyled("label", true ? {
|
|
109656
|
-
target: "
|
|
109677
|
+
target: "e1u480zk28"
|
|
109657
109678
|
} : 0)( true ? {
|
|
109658
109679
|
name: "2z4h9e",
|
|
109659
109680
|
styles: "display:inline-flex;flex-wrap:nowrap;align-items:center;gap:10px;width:auto;max-width:100%;min-height:44px;height:auto;border-radius:24px;padding:10px 20px 10px 0;box-sizing:border-box;cursor:pointer;color:#5f5f5f;font-family:Lora,sans-serif;font-size:16px;line-height:22px;font-weight:500;text-align:left;vertical-align:middle;background:transparent;&:hover{background:#ebebeb;color:#252525;text-decoration:underline;text-decoration-color:#252525;}&:active{background:#dcdcdc;}&[data-checked=\"true\"]{background:transparent;color:#252525;}&[data-checked=\"true\"][data-toggle-source=\"row\"][data-hovered=\"true\"]{background:#dcdcdc;color:#252525;text-decoration:none;}&[data-toggle-source=\"checkbox\"][data-hovered=\"true\"]{background:#ebebeb;color:#252525;text-decoration:underline;text-decoration-color:#252525;}"
|
|
@@ -109661,25 +109682,25 @@ var MobileRememberRowCompact = /*#__PURE__*/createStyled("label", true ? {
|
|
|
109661
109682
|
|
|
109662
109683
|
/** Text beside the remember checkbox (desktop + mobile); wraps when the row hits max-width. */
|
|
109663
109684
|
var RememberRowText = /*#__PURE__*/createStyled("span", true ? {
|
|
109664
|
-
target: "
|
|
109685
|
+
target: "e1u480zk27"
|
|
109665
109686
|
} : 0)( true ? {
|
|
109666
109687
|
name: "1my8jsd",
|
|
109667
109688
|
styles: "flex:0 1 auto;min-width:0;max-width:100%;text-align:left;white-space:normal;overflow-wrap:break-word"
|
|
109668
109689
|
} : 0);
|
|
109669
109690
|
var MobileLocaleSectionBlock = /*#__PURE__*/createStyled("div", true ? {
|
|
109670
|
-
target: "
|
|
109691
|
+
target: "e1u480zk26"
|
|
109671
109692
|
} : 0)( true ? {
|
|
109672
109693
|
name: "1uu8bvb",
|
|
109673
109694
|
styles: "width:100%;min-height:0;flex-shrink:0;display:flex;flex-direction:column;gap:8px;padding:0 0 16px;border-bottom:1px solid #e0e0e0;box-sizing:border-box"
|
|
109674
109695
|
} : 0);
|
|
109675
109696
|
var MobileLocaleList = /*#__PURE__*/createStyled("ul", true ? {
|
|
109676
|
-
target: "
|
|
109697
|
+
target: "e1u480zk25"
|
|
109677
109698
|
} : 0)( true ? {
|
|
109678
109699
|
name: "1pxu7om",
|
|
109679
109700
|
styles: "width:100%;min-height:0;list-style:none;margin:0;padding:0"
|
|
109680
109701
|
} : 0);
|
|
109681
109702
|
var MobileLocaleRow = /*#__PURE__*/createStyled("li", true ? {
|
|
109682
|
-
target: "
|
|
109703
|
+
target: "e1u480zk24"
|
|
109683
109704
|
} : 0)( true ? {
|
|
109684
109705
|
name: "duoqfw",
|
|
109685
109706
|
styles: "width:100%;min-height:44px;padding:0 20px;box-sizing:border-box"
|
|
@@ -109687,48 +109708,48 @@ var MobileLocaleRow = /*#__PURE__*/createStyled("li", true ? {
|
|
|
109687
109708
|
|
|
109688
109709
|
/** Same navigation affordance as desktop `CountryListSelector` locale links. */
|
|
109689
109710
|
var MobileLocaleRowLink = /*#__PURE__*/createStyled("a", true ? {
|
|
109690
|
-
target: "
|
|
109711
|
+
target: "e1u480zk23"
|
|
109691
109712
|
} : 0)( true ? {
|
|
109692
109713
|
name: "12tmgo3",
|
|
109693
109714
|
styles: "display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:44px;box-sizing:border-box;text-decoration:none;color:inherit;cursor:pointer;&:hover{background:rgba(0, 0, 0, 0.04);}&:focus-visible{outline:1px solid #007bff;outline-offset:1px;}"
|
|
109694
109715
|
} : 0);
|
|
109695
109716
|
var MobileLocaleRowMain = /*#__PURE__*/createStyled("div", true ? {
|
|
109696
|
-
target: "
|
|
109717
|
+
target: "e1u480zk22"
|
|
109697
109718
|
} : 0)( true ? {
|
|
109698
109719
|
name: "6778cq",
|
|
109699
109720
|
styles: "width:280px;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:4px"
|
|
109700
109721
|
} : 0);
|
|
109701
109722
|
var MobileLocaleText = /*#__PURE__*/createStyled("span", true ? {
|
|
109702
|
-
target: "
|
|
109723
|
+
target: "e1u480zk21"
|
|
109703
109724
|
} : 0)("min-height:44px;display:inline-flex;align-items:center;flex:1 1 auto;min-width:0;font-family:Lora,sans-serif;font-size:16px;line-height:22px;color:#252525;vertical-align:middle;font-weight:", function (p) {
|
|
109704
109725
|
return p.$selected ? 600 : 400;
|
|
109705
109726
|
}, ";" + ( true ? "" : 0));
|
|
109706
109727
|
var MobileLocaleStatusIcon = /*#__PURE__*/createStyled(dist.NsIcon, true ? {
|
|
109707
|
-
target: "
|
|
109728
|
+
target: "e1u480zk20"
|
|
109708
109729
|
} : 0)( true ? {
|
|
109709
109730
|
name: "1oi3xqh",
|
|
109710
109731
|
styles: "width:24px;height:24px;flex-shrink:0;color:#252525"
|
|
109711
109732
|
} : 0);
|
|
109712
109733
|
var MobileModalBody = /*#__PURE__*/createStyled("div", true ? {
|
|
109713
|
-
target: "
|
|
109734
|
+
target: "e1u480zk19"
|
|
109714
109735
|
} : 0)( true ? {
|
|
109715
109736
|
name: "1vektn8",
|
|
109716
109737
|
styles: "width:100%;min-height:0;display:flex;flex-direction:column;gap:16px;padding-bottom:48px;box-sizing:border-box"
|
|
109717
109738
|
} : 0);
|
|
109718
109739
|
var MobileRegionsSection = /*#__PURE__*/createStyled("div", true ? {
|
|
109719
|
-
target: "
|
|
109740
|
+
target: "e1u480zk18"
|
|
109720
109741
|
} : 0)( true ? {
|
|
109721
109742
|
name: "1wqadvr",
|
|
109722
109743
|
styles: "width:100%;flex-shrink:0;display:flex;flex-direction:column;box-sizing:border-box;.market-selector-mobile-regions-tabs{width:100%;}.market-selector-mobile-regions-tabs [class*=\"TabList\"]{flex:none;min-height:0;height:auto;max-height:none;overflow:visible;padding:0;}.market-selector-mobile-regions-tabs [data-tabs-mobile-accordion]{display:block;flex:none;overflow-y:visible;overflow-x:hidden;max-height:none;padding-top:0;scrollbar-width:none;-ms-overflow-style:none;}.market-selector-mobile-regions-tabs [data-tabs-mobile-accordion]::-webkit-scrollbar{width:0;height:0;display:none;}.market-selector-mobile-regions-tabs [class*=\"MobileTabRow\"]{touch-action:pan-y;}.market-selector-mobile-regions-tabs [class*=\"MobileTabRowMain\"]{min-height:44px;}.market-selector-mobile-regions-tabs [class*=\"MobileAccordionPanel\"]{overflow:visible;touch-action:pan-y;}"
|
|
109723
109744
|
} : 0);
|
|
109724
109745
|
var TriggerPillSlash = /*#__PURE__*/createStyled(dist.NsIcon, true ? {
|
|
109725
|
-
target: "
|
|
109746
|
+
target: "e1u480zk17"
|
|
109726
109747
|
} : 0)( true ? {
|
|
109727
109748
|
name: "hvnm61",
|
|
109728
109749
|
styles: "flex-shrink:0;width:16px;height:16px;color:currentColor"
|
|
109729
109750
|
} : 0);
|
|
109730
109751
|
var TriggerPillInner = /*#__PURE__*/createStyled("span", true ? {
|
|
109731
|
-
target: "
|
|
109752
|
+
target: "e1u480zk16"
|
|
109732
109753
|
} : 0)( true ? {
|
|
109733
109754
|
name: "1edu2bp",
|
|
109734
109755
|
styles: "display:inline-flex;align-items:center;gap:0px;color:inherit;border-bottom:1px solid transparent;box-sizing:border-box"
|
|
@@ -109739,64 +109760,64 @@ var TriggerPillInner = /*#__PURE__*/createStyled("span", true ? {
|
|
|
109739
109760
|
* Label color matches earlier market trigger tokens (#5f5f5f, Lora).
|
|
109740
109761
|
*/
|
|
109741
109762
|
var MobileDrawerTriggerPill = /*#__PURE__*/createStyled("button", true ? {
|
|
109742
|
-
target: "
|
|
109763
|
+
target: "e1u480zk15"
|
|
109743
109764
|
} : 0)("appearance:none;box-sizing:border-box;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#5f5f5f;font-family:Lora,sans-serif;font-weight:500;font-size:16px;line-height:32px;min-height:32px;display:inline-flex;align-items:center;justify-content:flex-start;gap:6px;cursor:pointer;text-decoration:none;flex:0 1 auto;min-width:0;max-width:100%;&[data-trigger-mode=\"drawerPortal\"]{justify-content:flex-end;}", TriggerPillInner, "{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}&:hover{color:#2f2f2f;}&:focus-visible{outline:1px solid #007bff;outline-offset:1px;color:#2f2f2f;}svg{flex-shrink:0;width:16px;height:16px;color:currentColor;}" + ( true ? "" : 0));
|
|
109744
109765
|
var MarketSelectorRoot = /*#__PURE__*/createStyled("div", true ? {
|
|
109745
|
-
target: "
|
|
109766
|
+
target: "e1u480zk14"
|
|
109746
109767
|
} : 0)("display:inline-flex;@media (max-width: ", TABS_MOBILE_MAX_WIDTH_PX, "px){&[data-drawer-portal-host=\"true\"]{display:contents;}&:not([data-drawer-portal-host=\"true\"]){display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:100%;}}" + ( true ? "" : 0));
|
|
109747
109768
|
var TriggerPill = /*#__PURE__*/createStyled("button", true ? {
|
|
109748
|
-
target: "
|
|
109769
|
+
target: "e1u480zk13"
|
|
109749
109770
|
} : 0)("appearance:none;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;&:hover{background:#efefef;color:#2f2f2f;text-decoration:none;", TriggerPillInner, "{border-bottom-color:currentColor;}}&:focus-visible{outline:1px solid #007bff;outline-offset:1px;color:#2f2f2f;text-decoration:none;", TriggerPillInner, "{border-bottom-color:currentColor;}}" + ( true ? "" : 0));
|
|
109750
109771
|
var Overlay = /*#__PURE__*/createStyled("div", true ? {
|
|
109751
|
-
target: "
|
|
109772
|
+
target: "e1u480zk12"
|
|
109752
109773
|
} : 0)("position:fixed;inset:0;background:rgba(0, 0, 0, 0.45);z-index:1400;display:flex;align-items:flex-start;justify-content:center;padding:0;opacity:0;transition:opacity 220ms ease-in;&[data-state=\"open\"]{opacity:1;transition:opacity 220ms ease-out;}@media (max-width: ", TABS_MOBILE_MAX_WIDTH_PX, "px){padding:0;align-items:stretch;}" + ( true ? "" : 0));
|
|
109753
109774
|
var ModalSurface = /*#__PURE__*/createStyled("dialog", true ? {
|
|
109754
|
-
target: "
|
|
109775
|
+
target: "e1u480zk11"
|
|
109755
109776
|
} : 0)("width:100%;height:auto;background:#ffffff;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;margin:0;padding:0;border:0;transform-origin:center;transform:scaleY(0.88);opacity:0;transition:transform 220ms ease-in,opacity 220ms ease-in;&[data-state=\"open\"]{transform:scaleY(1);opacity:1;transition:transform 220ms ease-out,opacity 220ms ease-out;}@media (max-width: ", TABS_MOBILE_MAX_WIDTH_PX, "px){width:100%;max-height:100%;border:0;transform-origin:top center;}" + ( true ? "" : 0));
|
|
109756
109777
|
var ModalScrollArea = /*#__PURE__*/createStyled("div", true ? {
|
|
109757
|
-
target: "
|
|
109778
|
+
target: "e1u480zk10"
|
|
109758
109779
|
} : 0)( true ? {
|
|
109759
109780
|
name: "1ybor91",
|
|
109760
109781
|
styles: "width:100%;min-height:0;max-height:100vh;background:#ffffff"
|
|
109761
109782
|
} : 0);
|
|
109762
109783
|
var ContentContainer = /*#__PURE__*/createStyled("div", true ? {
|
|
109763
|
-
target: "
|
|
109784
|
+
target: "e1u480zk9"
|
|
109764
109785
|
} : 0)("width:100%;@media (min-width: ", DESKTOP_MIN_WIDTH_PX, "px){max-width:1440px;margin-left:auto;margin-right:auto;}" + ( true ? "" : 0));
|
|
109765
109786
|
var StickyTop = /*#__PURE__*/createStyled("div", true ? {
|
|
109766
|
-
target: "
|
|
109787
|
+
target: "e1u480zk8"
|
|
109767
109788
|
} : 0)( true ? {
|
|
109768
109789
|
name: "2hn84s",
|
|
109769
109790
|
styles: "position:sticky;top:0;z-index:2"
|
|
109770
109791
|
} : 0);
|
|
109771
109792
|
var HeaderRow = /*#__PURE__*/createStyled("header", true ? {
|
|
109772
|
-
target: "
|
|
109793
|
+
target: "e1u480zk7"
|
|
109773
109794
|
} : 0)("width:100%;min-height:78px;height:auto;display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, auto) minmax(0, 1fr);align-items:center;box-sizing:border-box;padding:32px 32px 16px;gap:16px;@media (max-width: ", TABS_MOBILE_MAX_WIDTH_PX, "px){min-height:78px;padding:0 20px;}" + ( true ? "" : 0));
|
|
109774
109795
|
var LogoWrap = /*#__PURE__*/createStyled("div", true ? {
|
|
109775
|
-
target: "
|
|
109796
|
+
target: "e1u480zk6"
|
|
109776
109797
|
} : 0)("display:inline-flex;align-items:center;justify-content:flex-start;justify-self:start;width:147.5px;height:30px;>*{width:147.5px;height:30px;display:inline-flex;}@media (max-width: ", TABS_MOBILE_MAX_WIDTH_PX, "px){display:none;}" + ( true ? "" : 0));
|
|
109777
109798
|
var MarketSelector_styled_ModalTitle = /*#__PURE__*/createStyled("h2", true ? {
|
|
109778
|
-
target: "
|
|
109799
|
+
target: "e1u480zk5"
|
|
109779
109800
|
} : 0)("margin:0;justify-self:center;grid-column:2;min-width:0;width:fit-content;max-width:100%;height:auto;min-height:34px;text-align:center;color:#252525;font-family:Lora,sans-serif;font-size:26px;line-height:34px;font-weight:400;white-space:normal;overflow-wrap:break-word;@media (max-width: ", TABS_MOBILE_MAX_WIDTH_PX, "px){text-align:left;font-size:44px;line-height:58px;}" + ( true ? "" : 0));
|
|
109780
109801
|
var CancelWrap = /*#__PURE__*/createStyled("div", true ? {
|
|
109781
|
-
target: "
|
|
109802
|
+
target: "e1u480zk4"
|
|
109782
109803
|
} : 0)( true ? {
|
|
109783
109804
|
name: "a4yqjz",
|
|
109784
109805
|
styles: "display:inline-flex;justify-content:flex-end;align-items:center;justify-self:end;grid-column:3"
|
|
109785
109806
|
} : 0);
|
|
109786
109807
|
var TopControls = /*#__PURE__*/createStyled("div", true ? {
|
|
109787
|
-
target: "
|
|
109808
|
+
target: "e1u480zk3"
|
|
109788
109809
|
} : 0)("display:flex;align-items:center;justify-content:center;@media (max-width: ", TABS_MOBILE_MAX_WIDTH_PX, "px){justify-content:flex-start;}" + ( true ? "" : 0));
|
|
109789
109810
|
var TabsRow = /*#__PURE__*/createStyled("div", true ? {
|
|
109790
|
-
target: "
|
|
109811
|
+
target: "e1u480zk2"
|
|
109791
109812
|
} : 0)("width:100%;min-height:88px;box-sizing:border-box;display:block;gap:32px;padding:22px 32px;.market-selector-tabs{width:100%;max-width:1440px;margin:0 auto;}.market-selector-tabs [role=\"tablist\"]{width:100%;height:44px;padding:0;box-sizing:border-box;justify-content:center;gap:8px;}@media (max-width: ", TABS_MOBILE_MAX_WIDTH_PX, "px){display:none;}" + ( true ? "" : 0));
|
|
109792
109813
|
var RememberRow = /*#__PURE__*/createStyled("label", true ? {
|
|
109793
|
-
target: "
|
|
109814
|
+
target: "e1u480zk1"
|
|
109794
109815
|
} : 0)( true ? {
|
|
109795
109816
|
name: "1mvifq7",
|
|
109796
109817
|
styles: "display:inline-flex;flex-wrap:nowrap;align-items:center;gap:10px;width:auto;max-width:100%;min-height:44px;height:auto;border-radius:24px;padding:10px 16px;box-sizing:border-box;cursor:pointer;color:#5f5f5f;font-family:Lora,sans-serif;font-size:16px;line-height:22px;font-weight:500;text-align:left;vertical-align:middle;background:transparent;&:hover{background:#ebebeb;color:#252525;text-decoration:underline;text-decoration-color:#252525;}&:active{background:#dcdcdc;}&[data-checked=\"true\"]{background:transparent;color:#252525;}&[data-checked=\"true\"][data-toggle-source=\"row\"][data-hovered=\"true\"]{background:#dcdcdc;color:#252525;text-decoration:none;}&[data-toggle-source=\"checkbox\"][data-hovered=\"true\"]{background:#ebebeb;color:#252525;text-decoration:underline;text-decoration-color:#252525;}"
|
|
109797
109818
|
} : 0);
|
|
109798
109819
|
var RememberCheckbox = /*#__PURE__*/createStyled("input", true ? {
|
|
109799
|
-
target: "
|
|
109820
|
+
target: "e1u480zk0"
|
|
109800
109821
|
} : 0)( true ? {
|
|
109801
109822
|
name: "h99mtr",
|
|
109802
109823
|
styles: "appearance:none;width:20px;height:20px;margin:0;border:1px solid #8c8c8c;border-radius:2px;background:#ffffff;position:relative;flex-shrink:0;cursor:pointer;&:checked{border-color:#252525;background:#252525;}&:checked::after{content:\"\";position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg);}&:focus-visible{outline:1px solid #007bff;outline-offset:1px;}"
|
|
@@ -110390,11 +110411,13 @@ function renderMarketSelectorModalDesktop(_ref7) {
|
|
|
110390
110411
|
$: logo === null || logo === void 0 ? void 0 : logo.$
|
|
110391
110412
|
})
|
|
110392
110413
|
}), /*#__PURE__*/(0,jsx_runtime_.jsx)(MarketSelector_styled_ModalTitle, MarketSelector_objectSpread(MarketSelector_objectSpread({
|
|
110393
|
-
id: "market-selector-modal-title"
|
|
110414
|
+
id: "market-selector-modal-title",
|
|
110415
|
+
"aria-label": selector === null || selector === void 0 ? void 0 : selector.select_your_market_language_text_aria_label
|
|
110394
110416
|
}, (_marketSelectorDollar = marketSelectorDollar === null || marketSelectorDollar === void 0 ? void 0 : marketSelectorDollar.select_your_market_language_text) !== null && _marketSelectorDollar !== void 0 ? _marketSelectorDollar : {}), {}, {
|
|
110395
110417
|
children: text.modalTitle
|
|
110396
110418
|
})), /*#__PURE__*/(0,jsx_runtime_.jsx)(CancelWrap, {
|
|
110397
110419
|
children: /*#__PURE__*/(0,jsx_runtime_.jsx)(CancelButton, {
|
|
110420
|
+
ariaLabel: selector === null || selector === void 0 ? void 0 : selector.cancel_text_aria_label,
|
|
110398
110421
|
label: text.cancelText,
|
|
110399
110422
|
onClick: closeModal,
|
|
110400
110423
|
parent$: (_marketSelectorDollar2 = marketSelectorDollar === null || marketSelectorDollar === void 0 ? void 0 : marketSelectorDollar.cancel_text) !== null && _marketSelectorDollar2 !== void 0 ? _marketSelectorDollar2 : {}
|
|
@@ -110403,6 +110426,7 @@ function renderMarketSelectorModalDesktop(_ref7) {
|
|
|
110403
110426
|
}), /*#__PURE__*/(0,jsx_runtime_.jsx)(TopControls, {
|
|
110404
110427
|
children: /*#__PURE__*/(0,jsx_runtime_.jsxs)(RememberRow, {
|
|
110405
110428
|
htmlFor: "market-selector-remember-selection",
|
|
110429
|
+
"aria-label": selector === null || selector === void 0 ? void 0 : selector.remember_region_text_aria_label,
|
|
110406
110430
|
"data-checked": rememberSelection ? "true" : "false",
|
|
110407
110431
|
"data-toggle-source": rememberToggleSource,
|
|
110408
110432
|
"data-hovered": isRememberHovered ? "true" : "false",
|
|
@@ -110525,12 +110549,14 @@ function renderMarketSelectorModalMobile(_ref8) {
|
|
|
110525
110549
|
children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(MobileStickyHeaderContainer, {
|
|
110526
110550
|
children: /*#__PURE__*/(0,jsx_runtime_.jsxs)(MobileCompactHeaderRow, {
|
|
110527
110551
|
children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(MobileCompactTitle, MarketSelector_objectSpread(MarketSelector_objectSpread({
|
|
110528
|
-
id: "market-selector-modal-title"
|
|
110552
|
+
id: "market-selector-modal-title",
|
|
110553
|
+
"aria-label": selector === null || selector === void 0 ? void 0 : selector.select_your_market_language_text_aria_label
|
|
110529
110554
|
}, (_marketSelectorDollar4 = marketSelectorDollar === null || marketSelectorDollar === void 0 ? void 0 : marketSelectorDollar.select_your_market_language_text) !== null && _marketSelectorDollar4 !== void 0 ? _marketSelectorDollar4 : {}), {}, {
|
|
110530
110555
|
children: text.modalTitle
|
|
110531
110556
|
})), /*#__PURE__*/(0,jsx_runtime_.jsx)(MobileModalHeaderCancelWrap, {
|
|
110532
110557
|
children: /*#__PURE__*/(0,jsx_runtime_.jsx)(CancelButton, {
|
|
110533
110558
|
className: "market-selector-mobile-header-cancel",
|
|
110559
|
+
ariaLabel: selector === null || selector === void 0 ? void 0 : selector.cancel_text_aria_label,
|
|
110534
110560
|
label: text.cancelText,
|
|
110535
110561
|
onClick: closeModal,
|
|
110536
110562
|
parent$: (_marketSelectorDollar5 = marketSelectorDollar === null || marketSelectorDollar === void 0 ? void 0 : marketSelectorDollar.cancel_text) !== null && _marketSelectorDollar5 !== void 0 ? _marketSelectorDollar5 : {}
|
|
@@ -110544,6 +110570,7 @@ function renderMarketSelectorModalMobile(_ref8) {
|
|
|
110544
110570
|
children: /*#__PURE__*/(0,jsx_runtime_.jsx)(MobileRememberControls, {
|
|
110545
110571
|
children: /*#__PURE__*/(0,jsx_runtime_.jsxs)(MobileRememberRowCompact, {
|
|
110546
110572
|
htmlFor: "market-selector-remember-selection",
|
|
110573
|
+
"aria-label": selector === null || selector === void 0 ? void 0 : selector.remember_region_text_aria_label,
|
|
110547
110574
|
"data-checked": rememberSelection ? "true" : "false",
|
|
110548
110575
|
"data-toggle-source": rememberToggleSource,
|
|
110549
110576
|
"data-hovered": isRememberHovered ? "true" : "false",
|
|
@@ -110947,7 +110974,8 @@ function MarketSelector(_ref11) {
|
|
|
110947
110974
|
"aria-expanded": isVisible,
|
|
110948
110975
|
"aria-controls": "market-selector-modal",
|
|
110949
110976
|
onClick: openModal,
|
|
110950
|
-
"data-testid": "market-selector-trigger"
|
|
110977
|
+
"data-testid": "market-selector-trigger",
|
|
110978
|
+
"aria-label": selector === null || selector === void 0 ? void 0 : selector.trigger_pill_aria_label
|
|
110951
110979
|
};
|
|
110952
110980
|
var desktopTrigger = /*#__PURE__*/(0,jsx_runtime_.jsx)(TriggerPill, MarketSelector_objectSpread(MarketSelector_objectSpread({}, triggerButtonShared), {}, {
|
|
110953
110981
|
children: triggerInner
|
|
@@ -111034,17 +111062,17 @@ MarketSelector.propTypes = {
|
|
|
111034
111062
|
};
|
|
111035
111063
|
;// ./src/components/header/HeaderView.jsx
|
|
111036
111064
|
function HeaderView_typeof(o) { "@babel/helpers - typeof"; return HeaderView_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; }, HeaderView_typeof(o); }
|
|
111037
|
-
function HeaderView_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; }
|
|
111038
|
-
function HeaderView_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? HeaderView_ownKeys(Object(t), !0).forEach(function (r) { HeaderView_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : HeaderView_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
111039
|
-
function HeaderView_defineProperty(e, r, t) { return (r = HeaderView_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
111040
|
-
function HeaderView_toPropertyKey(t) { var i = HeaderView_toPrimitive(t, "string"); return "symbol" == HeaderView_typeof(i) ? i : i + ""; }
|
|
111041
|
-
function HeaderView_toPrimitive(t, r) { if ("object" != HeaderView_typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != HeaderView_typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
111042
111065
|
function HeaderView_slicedToArray(r, e) { return HeaderView_arrayWithHoles(r) || HeaderView_iterableToArrayLimit(r, e) || HeaderView_unsupportedIterableToArray(r, e) || HeaderView_nonIterableRest(); }
|
|
111043
111066
|
function HeaderView_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."); }
|
|
111044
111067
|
function HeaderView_unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return HeaderView_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) ? HeaderView_arrayLikeToArray(r, a) : void 0; } }
|
|
111045
111068
|
function HeaderView_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; }
|
|
111046
111069
|
function HeaderView_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; } }
|
|
111047
111070
|
function HeaderView_arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
111071
|
+
function HeaderView_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; }
|
|
111072
|
+
function HeaderView_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? HeaderView_ownKeys(Object(t), !0).forEach(function (r) { HeaderView_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : HeaderView_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
111073
|
+
function HeaderView_defineProperty(e, r, t) { return (r = HeaderView_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
111074
|
+
function HeaderView_toPropertyKey(t) { var i = HeaderView_toPrimitive(t, "string"); return "symbol" == HeaderView_typeof(i) ? i : i + ""; }
|
|
111075
|
+
function HeaderView_toPrimitive(t, r) { if ("object" != HeaderView_typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != HeaderView_typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
111048
111076
|
|
|
111049
111077
|
|
|
111050
111078
|
|
|
@@ -111190,14 +111218,33 @@ function LoyaltyComponent(_ref3) {
|
|
|
111190
111218
|
LoyaltyComponent.propTypes = {
|
|
111191
111219
|
data: (external_prop_types_default()).object
|
|
111192
111220
|
};
|
|
111193
|
-
function
|
|
111194
|
-
|
|
111195
|
-
|
|
111196
|
-
|
|
111197
|
-
|
|
111198
|
-
|
|
111199
|
-
|
|
111200
|
-
|
|
111221
|
+
function LogoComponent(props) {
|
|
111222
|
+
return withTracking(/*#__PURE__*/(0,jsx_runtime_.jsx)(Brand, HeaderView_objectSpread({}, props)), {
|
|
111223
|
+
componentType: "logo"
|
|
111224
|
+
});
|
|
111225
|
+
}
|
|
111226
|
+
function CartComponent(_ref4) {
|
|
111227
|
+
var data = _ref4.data,
|
|
111228
|
+
parent$ = _ref4.parent$;
|
|
111229
|
+
return withTracking(/*#__PURE__*/(0,jsx_runtime_.jsx)(HeaderCartRegion, {
|
|
111230
|
+
data: data,
|
|
111231
|
+
parent$: parent$
|
|
111232
|
+
}), {
|
|
111233
|
+
componentType: "cart"
|
|
111234
|
+
});
|
|
111235
|
+
}
|
|
111236
|
+
CartComponent.propTypes = {
|
|
111237
|
+
data: (external_prop_types_default()).object,
|
|
111238
|
+
parent$: (external_prop_types_default()).object
|
|
111239
|
+
};
|
|
111240
|
+
function HeaderView(_ref5) {
|
|
111241
|
+
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, _ref6, _headerEntry$locale, _headerEntry$$3, _headerEntry$$4;
|
|
111242
|
+
var country = _ref5.country,
|
|
111243
|
+
language = _ref5.language,
|
|
111244
|
+
locale = _ref5.locale,
|
|
111245
|
+
headerEntry = _ref5.headerEntry,
|
|
111246
|
+
searchConfig = _ref5.searchConfig,
|
|
111247
|
+
storefrontParams = _ref5.storefrontParams;
|
|
111201
111248
|
var _useState = (0,external_react_.useState)(false),
|
|
111202
111249
|
_useState2 = HeaderView_slicedToArray(_useState, 2),
|
|
111203
111250
|
isMobileMenuOpen = _useState2[0],
|
|
@@ -111248,7 +111295,7 @@ function HeaderView(_ref4) {
|
|
|
111248
111295
|
"aria-label": "Open menu",
|
|
111249
111296
|
children: /*#__PURE__*/(0,jsx_runtime_.jsx)(IconMenu, {})
|
|
111250
111297
|
}), /*#__PURE__*/(0,jsx_runtime_.jsx)(LogoSlot, {
|
|
111251
|
-
children: /*#__PURE__*/(0,jsx_runtime_.jsx)(
|
|
111298
|
+
children: /*#__PURE__*/(0,jsx_runtime_.jsx)(LogoComponent, {
|
|
111252
111299
|
logo: logoData.logo,
|
|
111253
111300
|
logoAlt: logoData.logoAlt,
|
|
111254
111301
|
href: logoData.href,
|
|
@@ -111267,7 +111314,7 @@ function HeaderView(_ref4) {
|
|
|
111267
111314
|
searchConfig: searchConfig,
|
|
111268
111315
|
logo: logoData,
|
|
111269
111316
|
showDesktopTrigger: false
|
|
111270
|
-
}), /*#__PURE__*/(0,jsx_runtime_.jsx)(
|
|
111317
|
+
}), /*#__PURE__*/(0,jsx_runtime_.jsx)(CartComponent, {
|
|
111271
111318
|
data: cartData,
|
|
111272
111319
|
parent$: headerEntry === null || headerEntry === void 0 || (_headerEntry$$2 = headerEntry.$) === null || _headerEntry$$2 === void 0 ? void 0 : _headerEntry$$2.cart
|
|
111273
111320
|
})]
|
|
@@ -111277,7 +111324,7 @@ function HeaderView(_ref4) {
|
|
|
111277
111324
|
children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(MarketSelector, {
|
|
111278
111325
|
data: marketSelector,
|
|
111279
111326
|
logo: logoData,
|
|
111280
|
-
locale: String((
|
|
111327
|
+
locale: String((_ref6 = (_headerEntry$locale = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.locale) !== null && _headerEntry$locale !== void 0 ? _headerEntry$locale : locale) !== null && _ref6 !== void 0 ? _ref6 : "").trim(),
|
|
111281
111328
|
parent$: headerEntry === null || headerEntry === void 0 || (_headerEntry$$3 = headerEntry.$) === null || _headerEntry$$3 === void 0 ? void 0 : _headerEntry$$3.market_selector__0,
|
|
111282
111329
|
mobileTriggerMode: "drawerPortal",
|
|
111283
111330
|
drawerOpen: isMobileMenuOpen,
|
|
@@ -111287,7 +111334,7 @@ function HeaderView(_ref4) {
|
|
|
111287
111334
|
}), /*#__PURE__*/(0,jsx_runtime_.jsx)(HeaderAccountRegion, {
|
|
111288
111335
|
data: accountData,
|
|
111289
111336
|
parent$: accountParentTags
|
|
111290
|
-
}), /*#__PURE__*/(0,jsx_runtime_.jsx)(
|
|
111337
|
+
}), /*#__PURE__*/(0,jsx_runtime_.jsx)(CartComponent, {
|
|
111291
111338
|
data: cartData,
|
|
111292
111339
|
parent$: headerEntry === null || headerEntry === void 0 || (_headerEntry$$4 = headerEntry.$) === null || _headerEntry$$4 === void 0 ? void 0 : _headerEntry$$4.cart
|
|
111293
111340
|
})]
|