@nuskin/nextgen-header 1.34.0 → 1.35.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 +166 -131
- package/package-dist/index.js.map +1 -1
- package/package-dist/index.mjs +168 -133
- package/package-dist/index.mjs.map +1 -1
- package/package.json +1 -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) {
|
|
@@ -103320,87 +103335,87 @@ function useEscapeToCloseModal(isModalOpen, setIsModalOpen) {
|
|
|
103320
103335
|
};
|
|
103321
103336
|
}, [isModalOpen, setIsModalOpen]);
|
|
103322
103337
|
}
|
|
103323
|
-
;// ./src/components/signup-signin/SignUpOrSignIn.styled.
|
|
103338
|
+
;// ./src/components/signup-signin/SignUpOrSignIn.styled.js
|
|
103324
103339
|
|
|
103325
103340
|
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
103341
|
var MOBILE_MAX_WIDTH_PX = 1024;
|
|
103327
103342
|
var SignUpOrSignInRoot = /*#__PURE__*/createStyled("div", true ? {
|
|
103328
|
-
target: "
|
|
103343
|
+
target: "e110w5lj17"
|
|
103329
103344
|
} : 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
103345
|
var SignTextLink = /*#__PURE__*/createStyled("span", true ? {
|
|
103331
|
-
target: "
|
|
103346
|
+
target: "e110w5lj16"
|
|
103332
103347
|
} : 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
103348
|
var SignUpLink = /*#__PURE__*/createStyled("button", true ? {
|
|
103334
|
-
target: "
|
|
103349
|
+
target: "e110w5lj15"
|
|
103335
103350
|
} : 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
103351
|
var SignInLink = /*#__PURE__*/createStyled("button", true ? {
|
|
103337
|
-
target: "
|
|
103352
|
+
target: "e110w5lj14"
|
|
103338
103353
|
} : 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
103354
|
var Divider = /*#__PURE__*/createStyled("span", true ? {
|
|
103340
|
-
target: "
|
|
103355
|
+
target: "e110w5lj13"
|
|
103341
103356
|
} : 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
103357
|
var IconWrap = /*#__PURE__*/createStyled("span", true ? {
|
|
103343
|
-
target: "
|
|
103358
|
+
target: "e110w5lj12"
|
|
103344
103359
|
} : 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
103360
|
var MobileAuthModalBackdrop = /*#__PURE__*/createStyled("div", true ? {
|
|
103346
|
-
target: "
|
|
103361
|
+
target: "e110w5lj11"
|
|
103347
103362
|
} : 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
103363
|
var MobileAuthModal = /*#__PURE__*/createStyled("dialog", true ? {
|
|
103349
|
-
target: "
|
|
103364
|
+
target: "e110w5lj10"
|
|
103350
103365
|
} : 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
103366
|
var ModalHeaderRow = /*#__PURE__*/createStyled("div", true ? {
|
|
103352
|
-
target: "
|
|
103367
|
+
target: "e110w5lj9"
|
|
103353
103368
|
} : 0)( true ? {
|
|
103354
103369
|
name: "wbibpl",
|
|
103355
103370
|
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
103371
|
} : 0);
|
|
103357
103372
|
var ModalTitle = /*#__PURE__*/createStyled("h2", true ? {
|
|
103358
|
-
target: "
|
|
103373
|
+
target: "e110w5lj8"
|
|
103359
103374
|
} : 0)( true ? {
|
|
103360
103375
|
name: "1m9bk8n",
|
|
103361
103376
|
styles: "margin:0;color:#252525;font-family:var(--signin-font);font-size:22px;line-height:28px;font-weight:400"
|
|
103362
103377
|
} : 0);
|
|
103363
103378
|
var ModalCancelButton = /*#__PURE__*/createStyled("button", true ? {
|
|
103364
|
-
target: "
|
|
103379
|
+
target: "e110w5lj7"
|
|
103365
103380
|
} : 0)( true ? {
|
|
103366
103381
|
name: "u33vv4",
|
|
103367
103382
|
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
103383
|
} : 0);
|
|
103369
103384
|
var ModalContent = /*#__PURE__*/createStyled("div", true ? {
|
|
103370
|
-
target: "
|
|
103385
|
+
target: "e110w5lj6"
|
|
103371
103386
|
} : 0)( true ? {
|
|
103372
103387
|
name: "150yav4",
|
|
103373
103388
|
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
103389
|
} : 0);
|
|
103375
103390
|
var ModalSections = /*#__PURE__*/createStyled("div", true ? {
|
|
103376
|
-
target: "
|
|
103391
|
+
target: "e110w5lj5"
|
|
103377
103392
|
} : 0)( true ? {
|
|
103378
103393
|
name: "dbqp8z",
|
|
103379
103394
|
styles: "display:flex;flex-direction:column;width:100%;gap:0;box-sizing:border-box"
|
|
103380
103395
|
} : 0);
|
|
103381
103396
|
var ModalSection = /*#__PURE__*/createStyled("section", true ? {
|
|
103382
|
-
target: "
|
|
103397
|
+
target: "e110w5lj4"
|
|
103383
103398
|
} : 0)( true ? {
|
|
103384
103399
|
name: "phcu5u",
|
|
103385
103400
|
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
103401
|
} : 0);
|
|
103387
103402
|
var SectionTitle = /*#__PURE__*/createStyled("h3", true ? {
|
|
103388
|
-
target: "
|
|
103403
|
+
target: "e110w5lj3"
|
|
103389
103404
|
} : 0)( true ? {
|
|
103390
103405
|
name: "1kyoijh",
|
|
103391
103406
|
styles: "margin:0;color:#252525;font-family:var(--signin-font);font-size:18px;line-height:22px;font-weight:600;text-transform:uppercase"
|
|
103392
103407
|
} : 0);
|
|
103393
103408
|
var SectionMessage = /*#__PURE__*/createStyled("p", true ? {
|
|
103394
|
-
target: "
|
|
103409
|
+
target: "e110w5lj2"
|
|
103395
103410
|
} : 0)( true ? {
|
|
103396
103411
|
name: "18ee69d",
|
|
103397
103412
|
styles: "margin:0;color:#000000de;font-family:var(--signin-font);font-size:16px;line-height:22px;font-weight:400;overflow-wrap:anywhere"
|
|
103398
103413
|
} : 0);
|
|
103399
103414
|
var PrimaryButton = /*#__PURE__*/createStyled("button", true ? {
|
|
103400
|
-
target: "
|
|
103415
|
+
target: "e110w5lj1"
|
|
103401
103416
|
} : 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
103417
|
var OutlinedButton = /*#__PURE__*/createStyled("button", true ? {
|
|
103403
|
-
target: "
|
|
103418
|
+
target: "e110w5lj0"
|
|
103404
103419
|
} : 0)( true ? {
|
|
103405
103420
|
name: "16bjh6l",
|
|
103406
103421
|
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 +103710,23 @@ function unSubscribeEvent(token) {
|
|
|
103695
103710
|
*/
|
|
103696
103711
|
var PUBSUB = {
|
|
103697
103712
|
// [ACTIVE] Header MFE publishes when cart icon clicked
|
|
103698
|
-
TOGGLE_MINI_CART:
|
|
103713
|
+
TOGGLE_MINI_CART: "ToggleMiniCart",
|
|
103699
103714
|
// [RESERVED] Cart MFE publishes when mini cart closes
|
|
103700
|
-
MINI_CART_CLOSED:
|
|
103715
|
+
MINI_CART_CLOSED: "MiniCartClosed",
|
|
103701
103716
|
// [ACTIVE] Header MFE subscribes to update cart badge
|
|
103702
|
-
CART_COUNT_UPDATED:
|
|
103717
|
+
CART_COUNT_UPDATED: "CartCountUpdated",
|
|
103703
103718
|
// [RESERVED] Storefront publishes on cart mutations
|
|
103704
|
-
CART_DATA_UPDATED:
|
|
103719
|
+
CART_DATA_UPDATED: "CartDataUpdated",
|
|
103705
103720
|
// [RESERVED] Storefront publishes on add-to-cart
|
|
103706
|
-
ADD_TO_CART:
|
|
103721
|
+
ADD_TO_CART: "AddToCart",
|
|
103707
103722
|
// [RESERVED] Storefront publishes on add-to-cart failure
|
|
103708
|
-
ADD_TO_CART_FAILURE:
|
|
103723
|
+
ADD_TO_CART_FAILURE: "AddToCartFailure",
|
|
103709
103724
|
// [RESERVED] For future auth/logout flows
|
|
103710
|
-
SIGN_OUT:
|
|
103725
|
+
SIGN_OUT: "SignOut",
|
|
103711
103726
|
// [RESERVED] For cross-MFE navigation
|
|
103712
|
-
INTERNAL_ROUTING:
|
|
103727
|
+
INTERNAL_ROUTING: "InternalRouting",
|
|
103713
103728
|
// [ACTIVE] Header MFE publishes when cart clicked from checkout page
|
|
103714
|
-
NAVIGATE_TO_VIEW_CART:
|
|
103729
|
+
NAVIGATE_TO_VIEW_CART: "NavigateToViewCart"
|
|
103715
103730
|
};
|
|
103716
103731
|
;// ./src/components/cart/Cart.jsx
|
|
103717
103732
|
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 +103763,7 @@ function Cart(_ref) {
|
|
|
103748
103763
|
(0,external_react_.useEffect)(function () {
|
|
103749
103764
|
var token = subscribe(PUBSUB.CART_COUNT_UPDATED, function (topic, data) {
|
|
103750
103765
|
var newCount = data === null || data === void 0 ? void 0 : data.cartCount;
|
|
103751
|
-
if (typeof newCount ===
|
|
103766
|
+
if (typeof newCount === "number" && !isNaN(newCount) && newCount >= 0) {
|
|
103752
103767
|
setItemCount(newCount);
|
|
103753
103768
|
}
|
|
103754
103769
|
});
|
|
@@ -103763,11 +103778,11 @@ function Cart(_ref) {
|
|
|
103763
103778
|
if (editing) {
|
|
103764
103779
|
return;
|
|
103765
103780
|
}
|
|
103766
|
-
if (typeof window !==
|
|
103781
|
+
if (typeof window !== "undefined") {
|
|
103767
103782
|
var pathname = window.location.pathname;
|
|
103768
103783
|
var isMobile = window.innerWidth < MOBILE_BREAKPOINT;
|
|
103769
|
-
var isViewCartPage = pathname.includes(
|
|
103770
|
-
var isCheckoutPage = pathname.includes(
|
|
103784
|
+
var isViewCartPage = pathname.includes("/viewCart");
|
|
103785
|
+
var isCheckoutPage = pathname.includes("/checkout") || pathname.includes("/expressCheckout") || pathname.includes("/subscriptionCheckout");
|
|
103771
103786
|
if (isViewCartPage) {
|
|
103772
103787
|
return;
|
|
103773
103788
|
}
|
|
@@ -103792,13 +103807,14 @@ function Cart(_ref) {
|
|
|
103792
103807
|
as: "button",
|
|
103793
103808
|
type: "button",
|
|
103794
103809
|
"data-testid": "cart",
|
|
103810
|
+
"data-gtm-cart": true,
|
|
103795
103811
|
"aria-label": ariaLabel,
|
|
103796
103812
|
showCartCount: showCartCount,
|
|
103797
103813
|
isEditing: editing,
|
|
103798
103814
|
onClick: handleClick,
|
|
103799
103815
|
tabIndex: editing ? -1 : 0,
|
|
103800
103816
|
style: {
|
|
103801
|
-
cursor: editing ?
|
|
103817
|
+
cursor: editing ? "default" : "pointer"
|
|
103802
103818
|
}
|
|
103803
103819
|
}, $ || {}), {}, {
|
|
103804
103820
|
children: /*#__PURE__*/(0,jsx_runtime_.jsx)(dist.NsCartIcon, {
|
|
@@ -103831,8 +103847,8 @@ function HeaderCartRegion(_ref) {
|
|
|
103831
103847
|
var _data$show_cart_icon, _data$show_cart_count, _data$item_count;
|
|
103832
103848
|
var data = _ref.data,
|
|
103833
103849
|
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 :
|
|
103850
|
+
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;
|
|
103851
|
+
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
103852
|
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;
|
|
103837
103853
|
return /*#__PURE__*/(0,jsx_runtime_.jsx)(Cart, {
|
|
103838
103854
|
itemCount: itemCount,
|
|
@@ -106630,18 +106646,18 @@ AutoComplete.propTypes = {
|
|
|
106630
106646
|
};
|
|
106631
106647
|
// EXTERNAL MODULE: ./node_modules/@mui/material/Button/Button.js
|
|
106632
106648
|
var Button = __webpack_require__(1629);
|
|
106633
|
-
;// ./src/components/button/CancelButton.styled.
|
|
106649
|
+
;// ./src/components/button/CancelButton.styled.js
|
|
106634
106650
|
|
|
106635
106651
|
|
|
106636
106652
|
var CLOSE_BUTTON_DESKTOP_MIN_WIDTH_PX = 1025;
|
|
106637
106653
|
var CancelButtonRoot = /*#__PURE__*/createStyled(Button/* default */.A, true ? {
|
|
106638
|
-
target: "
|
|
106654
|
+
target: "e14ebckh2"
|
|
106639
106655
|
} : 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
106656
|
var CancelButtonIconWrap = /*#__PURE__*/createStyled("span", true ? {
|
|
106641
|
-
target: "
|
|
106657
|
+
target: "e14ebckh1"
|
|
106642
106658
|
} : 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
106659
|
var CancelButtonText = /*#__PURE__*/createStyled("span", true ? {
|
|
106644
|
-
target: "
|
|
106660
|
+
target: "e14ebckh0"
|
|
106645
106661
|
} : 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
106662
|
;// ./src/components/button/CancelButton.jsx
|
|
106647
106663
|
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 +109606,7 @@ function marketSelectorWindow_navigateToPath(path) {
|
|
|
109590
109606
|
}
|
|
109591
109607
|
browserWindow.location.assign(path);
|
|
109592
109608
|
}
|
|
109593
|
-
;// ./src/components/market-selector/MarketSelector.styled.
|
|
109609
|
+
;// ./src/components/market-selector/MarketSelector.styled.js
|
|
109594
109610
|
|
|
109595
109611
|
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
109612
|
|
|
@@ -109599,61 +109615,61 @@ var DESKTOP_MIN_WIDTH_PX = 1025;
|
|
|
109599
109615
|
|
|
109600
109616
|
/** Full-screen market modal layer (above mobile drawer z-index 9999). */
|
|
109601
109617
|
var MobileMarketFullScreenRoot = /*#__PURE__*/createStyled("div", true ? {
|
|
109602
|
-
target: "
|
|
109618
|
+
target: "e1u480zk37"
|
|
109603
109619
|
} : 0)( true ? {
|
|
109604
109620
|
name: "1n6oz2n",
|
|
109605
109621
|
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
109622
|
} : 0);
|
|
109607
109623
|
var MobileMarketDialogInner = /*#__PURE__*/createStyled("dialog", true ? {
|
|
109608
|
-
target: "
|
|
109624
|
+
target: "e1u480zk36"
|
|
109609
109625
|
} : 0)( true ? {
|
|
109610
109626
|
name: "1d69jno",
|
|
109611
109627
|
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
109628
|
} : 0);
|
|
109613
109629
|
var MobileStickyHeaderContainer = /*#__PURE__*/createStyled("div", true ? {
|
|
109614
|
-
target: "
|
|
109630
|
+
target: "e1u480zk35"
|
|
109615
109631
|
} : 0)( true ? {
|
|
109616
109632
|
name: "50r0ag",
|
|
109617
109633
|
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
109634
|
} : 0);
|
|
109619
109635
|
var MobileCompactHeaderRow = /*#__PURE__*/createStyled("header", true ? {
|
|
109620
|
-
target: "
|
|
109636
|
+
target: "e1u480zk34"
|
|
109621
109637
|
} : 0)( true ? {
|
|
109622
109638
|
name: "1ilqple",
|
|
109623
109639
|
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
109640
|
} : 0);
|
|
109625
109641
|
var MobileCompactTitle = /*#__PURE__*/createStyled("h2", true ? {
|
|
109626
|
-
target: "
|
|
109642
|
+
target: "e1u480zk33"
|
|
109627
109643
|
} : 0)( true ? {
|
|
109628
109644
|
name: "1a3y3ud",
|
|
109629
109645
|
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
109646
|
} : 0);
|
|
109631
109647
|
var MobileModalHeaderCancelWrap = /*#__PURE__*/createStyled("div", true ? {
|
|
109632
|
-
target: "
|
|
109648
|
+
target: "e1u480zk32"
|
|
109633
109649
|
} : 0)( true ? {
|
|
109634
109650
|
name: "18ccq6t",
|
|
109635
109651
|
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
109652
|
} : 0);
|
|
109637
109653
|
var MobileModalScrollContent = /*#__PURE__*/createStyled("div", true ? {
|
|
109638
|
-
target: "
|
|
109654
|
+
target: "e1u480zk31"
|
|
109639
109655
|
} : 0)( true ? {
|
|
109640
109656
|
name: "1q7526u",
|
|
109641
109657
|
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
109658
|
} : 0);
|
|
109643
109659
|
var MobileRememberControlsWrap = /*#__PURE__*/createStyled("div", true ? {
|
|
109644
|
-
target: "
|
|
109660
|
+
target: "e1u480zk30"
|
|
109645
109661
|
} : 0)( true ? {
|
|
109646
109662
|
name: "iz1eca",
|
|
109647
109663
|
styles: "width:100%;max-width:100%;box-sizing:border-box;padding:0 20px"
|
|
109648
109664
|
} : 0);
|
|
109649
109665
|
var MobileRememberControls = /*#__PURE__*/createStyled("div", true ? {
|
|
109650
|
-
target: "
|
|
109666
|
+
target: "e1u480zk29"
|
|
109651
109667
|
} : 0)( true ? {
|
|
109652
109668
|
name: "13l7t94",
|
|
109653
109669
|
styles: "display:flex;align-items:center;justify-content:flex-start;width:100%;max-width:100%;box-sizing:border-box"
|
|
109654
109670
|
} : 0);
|
|
109655
109671
|
var MobileRememberRowCompact = /*#__PURE__*/createStyled("label", true ? {
|
|
109656
|
-
target: "
|
|
109672
|
+
target: "e1u480zk28"
|
|
109657
109673
|
} : 0)( true ? {
|
|
109658
109674
|
name: "2z4h9e",
|
|
109659
109675
|
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 +109677,25 @@ var MobileRememberRowCompact = /*#__PURE__*/createStyled("label", true ? {
|
|
|
109661
109677
|
|
|
109662
109678
|
/** Text beside the remember checkbox (desktop + mobile); wraps when the row hits max-width. */
|
|
109663
109679
|
var RememberRowText = /*#__PURE__*/createStyled("span", true ? {
|
|
109664
|
-
target: "
|
|
109680
|
+
target: "e1u480zk27"
|
|
109665
109681
|
} : 0)( true ? {
|
|
109666
109682
|
name: "1my8jsd",
|
|
109667
109683
|
styles: "flex:0 1 auto;min-width:0;max-width:100%;text-align:left;white-space:normal;overflow-wrap:break-word"
|
|
109668
109684
|
} : 0);
|
|
109669
109685
|
var MobileLocaleSectionBlock = /*#__PURE__*/createStyled("div", true ? {
|
|
109670
|
-
target: "
|
|
109686
|
+
target: "e1u480zk26"
|
|
109671
109687
|
} : 0)( true ? {
|
|
109672
109688
|
name: "1uu8bvb",
|
|
109673
109689
|
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
109690
|
} : 0);
|
|
109675
109691
|
var MobileLocaleList = /*#__PURE__*/createStyled("ul", true ? {
|
|
109676
|
-
target: "
|
|
109692
|
+
target: "e1u480zk25"
|
|
109677
109693
|
} : 0)( true ? {
|
|
109678
109694
|
name: "1pxu7om",
|
|
109679
109695
|
styles: "width:100%;min-height:0;list-style:none;margin:0;padding:0"
|
|
109680
109696
|
} : 0);
|
|
109681
109697
|
var MobileLocaleRow = /*#__PURE__*/createStyled("li", true ? {
|
|
109682
|
-
target: "
|
|
109698
|
+
target: "e1u480zk24"
|
|
109683
109699
|
} : 0)( true ? {
|
|
109684
109700
|
name: "duoqfw",
|
|
109685
109701
|
styles: "width:100%;min-height:44px;padding:0 20px;box-sizing:border-box"
|
|
@@ -109687,48 +109703,48 @@ var MobileLocaleRow = /*#__PURE__*/createStyled("li", true ? {
|
|
|
109687
109703
|
|
|
109688
109704
|
/** Same navigation affordance as desktop `CountryListSelector` locale links. */
|
|
109689
109705
|
var MobileLocaleRowLink = /*#__PURE__*/createStyled("a", true ? {
|
|
109690
|
-
target: "
|
|
109706
|
+
target: "e1u480zk23"
|
|
109691
109707
|
} : 0)( true ? {
|
|
109692
109708
|
name: "12tmgo3",
|
|
109693
109709
|
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
109710
|
} : 0);
|
|
109695
109711
|
var MobileLocaleRowMain = /*#__PURE__*/createStyled("div", true ? {
|
|
109696
|
-
target: "
|
|
109712
|
+
target: "e1u480zk22"
|
|
109697
109713
|
} : 0)( true ? {
|
|
109698
109714
|
name: "6778cq",
|
|
109699
109715
|
styles: "width:280px;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:4px"
|
|
109700
109716
|
} : 0);
|
|
109701
109717
|
var MobileLocaleText = /*#__PURE__*/createStyled("span", true ? {
|
|
109702
|
-
target: "
|
|
109718
|
+
target: "e1u480zk21"
|
|
109703
109719
|
} : 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
109720
|
return p.$selected ? 600 : 400;
|
|
109705
109721
|
}, ";" + ( true ? "" : 0));
|
|
109706
109722
|
var MobileLocaleStatusIcon = /*#__PURE__*/createStyled(dist.NsIcon, true ? {
|
|
109707
|
-
target: "
|
|
109723
|
+
target: "e1u480zk20"
|
|
109708
109724
|
} : 0)( true ? {
|
|
109709
109725
|
name: "1oi3xqh",
|
|
109710
109726
|
styles: "width:24px;height:24px;flex-shrink:0;color:#252525"
|
|
109711
109727
|
} : 0);
|
|
109712
109728
|
var MobileModalBody = /*#__PURE__*/createStyled("div", true ? {
|
|
109713
|
-
target: "
|
|
109729
|
+
target: "e1u480zk19"
|
|
109714
109730
|
} : 0)( true ? {
|
|
109715
109731
|
name: "1vektn8",
|
|
109716
109732
|
styles: "width:100%;min-height:0;display:flex;flex-direction:column;gap:16px;padding-bottom:48px;box-sizing:border-box"
|
|
109717
109733
|
} : 0);
|
|
109718
109734
|
var MobileRegionsSection = /*#__PURE__*/createStyled("div", true ? {
|
|
109719
|
-
target: "
|
|
109735
|
+
target: "e1u480zk18"
|
|
109720
109736
|
} : 0)( true ? {
|
|
109721
109737
|
name: "1wqadvr",
|
|
109722
109738
|
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
109739
|
} : 0);
|
|
109724
109740
|
var TriggerPillSlash = /*#__PURE__*/createStyled(dist.NsIcon, true ? {
|
|
109725
|
-
target: "
|
|
109741
|
+
target: "e1u480zk17"
|
|
109726
109742
|
} : 0)( true ? {
|
|
109727
109743
|
name: "hvnm61",
|
|
109728
109744
|
styles: "flex-shrink:0;width:16px;height:16px;color:currentColor"
|
|
109729
109745
|
} : 0);
|
|
109730
109746
|
var TriggerPillInner = /*#__PURE__*/createStyled("span", true ? {
|
|
109731
|
-
target: "
|
|
109747
|
+
target: "e1u480zk16"
|
|
109732
109748
|
} : 0)( true ? {
|
|
109733
109749
|
name: "1edu2bp",
|
|
109734
109750
|
styles: "display:inline-flex;align-items:center;gap:0px;color:inherit;border-bottom:1px solid transparent;box-sizing:border-box"
|
|
@@ -109739,64 +109755,64 @@ var TriggerPillInner = /*#__PURE__*/createStyled("span", true ? {
|
|
|
109739
109755
|
* Label color matches earlier market trigger tokens (#5f5f5f, Lora).
|
|
109740
109756
|
*/
|
|
109741
109757
|
var MobileDrawerTriggerPill = /*#__PURE__*/createStyled("button", true ? {
|
|
109742
|
-
target: "
|
|
109758
|
+
target: "e1u480zk15"
|
|
109743
109759
|
} : 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
109760
|
var MarketSelectorRoot = /*#__PURE__*/createStyled("div", true ? {
|
|
109745
|
-
target: "
|
|
109761
|
+
target: "e1u480zk14"
|
|
109746
109762
|
} : 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
109763
|
var TriggerPill = /*#__PURE__*/createStyled("button", true ? {
|
|
109748
|
-
target: "
|
|
109764
|
+
target: "e1u480zk13"
|
|
109749
109765
|
} : 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
109766
|
var Overlay = /*#__PURE__*/createStyled("div", true ? {
|
|
109751
|
-
target: "
|
|
109767
|
+
target: "e1u480zk12"
|
|
109752
109768
|
} : 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
109769
|
var ModalSurface = /*#__PURE__*/createStyled("dialog", true ? {
|
|
109754
|
-
target: "
|
|
109770
|
+
target: "e1u480zk11"
|
|
109755
109771
|
} : 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
109772
|
var ModalScrollArea = /*#__PURE__*/createStyled("div", true ? {
|
|
109757
|
-
target: "
|
|
109773
|
+
target: "e1u480zk10"
|
|
109758
109774
|
} : 0)( true ? {
|
|
109759
109775
|
name: "1ybor91",
|
|
109760
109776
|
styles: "width:100%;min-height:0;max-height:100vh;background:#ffffff"
|
|
109761
109777
|
} : 0);
|
|
109762
109778
|
var ContentContainer = /*#__PURE__*/createStyled("div", true ? {
|
|
109763
|
-
target: "
|
|
109779
|
+
target: "e1u480zk9"
|
|
109764
109780
|
} : 0)("width:100%;@media (min-width: ", DESKTOP_MIN_WIDTH_PX, "px){max-width:1440px;margin-left:auto;margin-right:auto;}" + ( true ? "" : 0));
|
|
109765
109781
|
var StickyTop = /*#__PURE__*/createStyled("div", true ? {
|
|
109766
|
-
target: "
|
|
109782
|
+
target: "e1u480zk8"
|
|
109767
109783
|
} : 0)( true ? {
|
|
109768
109784
|
name: "2hn84s",
|
|
109769
109785
|
styles: "position:sticky;top:0;z-index:2"
|
|
109770
109786
|
} : 0);
|
|
109771
109787
|
var HeaderRow = /*#__PURE__*/createStyled("header", true ? {
|
|
109772
|
-
target: "
|
|
109788
|
+
target: "e1u480zk7"
|
|
109773
109789
|
} : 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
109790
|
var LogoWrap = /*#__PURE__*/createStyled("div", true ? {
|
|
109775
|
-
target: "
|
|
109791
|
+
target: "e1u480zk6"
|
|
109776
109792
|
} : 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
109793
|
var MarketSelector_styled_ModalTitle = /*#__PURE__*/createStyled("h2", true ? {
|
|
109778
|
-
target: "
|
|
109794
|
+
target: "e1u480zk5"
|
|
109779
109795
|
} : 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
109796
|
var CancelWrap = /*#__PURE__*/createStyled("div", true ? {
|
|
109781
|
-
target: "
|
|
109797
|
+
target: "e1u480zk4"
|
|
109782
109798
|
} : 0)( true ? {
|
|
109783
109799
|
name: "a4yqjz",
|
|
109784
109800
|
styles: "display:inline-flex;justify-content:flex-end;align-items:center;justify-self:end;grid-column:3"
|
|
109785
109801
|
} : 0);
|
|
109786
109802
|
var TopControls = /*#__PURE__*/createStyled("div", true ? {
|
|
109787
|
-
target: "
|
|
109803
|
+
target: "e1u480zk3"
|
|
109788
109804
|
} : 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
109805
|
var TabsRow = /*#__PURE__*/createStyled("div", true ? {
|
|
109790
|
-
target: "
|
|
109806
|
+
target: "e1u480zk2"
|
|
109791
109807
|
} : 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
109808
|
var RememberRow = /*#__PURE__*/createStyled("label", true ? {
|
|
109793
|
-
target: "
|
|
109809
|
+
target: "e1u480zk1"
|
|
109794
109810
|
} : 0)( true ? {
|
|
109795
109811
|
name: "1mvifq7",
|
|
109796
109812
|
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
109813
|
} : 0);
|
|
109798
109814
|
var RememberCheckbox = /*#__PURE__*/createStyled("input", true ? {
|
|
109799
|
-
target: "
|
|
109815
|
+
target: "e1u480zk0"
|
|
109800
109816
|
} : 0)( true ? {
|
|
109801
109817
|
name: "h99mtr",
|
|
109802
109818
|
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;}"
|
|
@@ -111034,17 +111050,17 @@ MarketSelector.propTypes = {
|
|
|
111034
111050
|
};
|
|
111035
111051
|
;// ./src/components/header/HeaderView.jsx
|
|
111036
111052
|
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
111053
|
function HeaderView_slicedToArray(r, e) { return HeaderView_arrayWithHoles(r) || HeaderView_iterableToArrayLimit(r, e) || HeaderView_unsupportedIterableToArray(r, e) || HeaderView_nonIterableRest(); }
|
|
111043
111054
|
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
111055
|
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
111056
|
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
111057
|
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
111058
|
function HeaderView_arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
111059
|
+
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; }
|
|
111060
|
+
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; }
|
|
111061
|
+
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; }
|
|
111062
|
+
function HeaderView_toPropertyKey(t) { var i = HeaderView_toPrimitive(t, "string"); return "symbol" == HeaderView_typeof(i) ? i : i + ""; }
|
|
111063
|
+
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
111064
|
|
|
111049
111065
|
|
|
111050
111066
|
|
|
@@ -111190,14 +111206,33 @@ function LoyaltyComponent(_ref3) {
|
|
|
111190
111206
|
LoyaltyComponent.propTypes = {
|
|
111191
111207
|
data: (external_prop_types_default()).object
|
|
111192
111208
|
};
|
|
111193
|
-
function
|
|
111194
|
-
|
|
111195
|
-
|
|
111196
|
-
|
|
111197
|
-
|
|
111198
|
-
|
|
111199
|
-
|
|
111200
|
-
|
|
111209
|
+
function LogoComponent(props) {
|
|
111210
|
+
return withTracking(/*#__PURE__*/(0,jsx_runtime_.jsx)(Brand, HeaderView_objectSpread({}, props)), {
|
|
111211
|
+
componentType: "logo"
|
|
111212
|
+
});
|
|
111213
|
+
}
|
|
111214
|
+
function CartComponent(_ref4) {
|
|
111215
|
+
var data = _ref4.data,
|
|
111216
|
+
parent$ = _ref4.parent$;
|
|
111217
|
+
return withTracking(/*#__PURE__*/(0,jsx_runtime_.jsx)(HeaderCartRegion, {
|
|
111218
|
+
data: data,
|
|
111219
|
+
parent$: parent$
|
|
111220
|
+
}), {
|
|
111221
|
+
componentType: "cart"
|
|
111222
|
+
});
|
|
111223
|
+
}
|
|
111224
|
+
CartComponent.propTypes = {
|
|
111225
|
+
data: (external_prop_types_default()).object,
|
|
111226
|
+
parent$: (external_prop_types_default()).object
|
|
111227
|
+
};
|
|
111228
|
+
function HeaderView(_ref5) {
|
|
111229
|
+
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;
|
|
111230
|
+
var country = _ref5.country,
|
|
111231
|
+
language = _ref5.language,
|
|
111232
|
+
locale = _ref5.locale,
|
|
111233
|
+
headerEntry = _ref5.headerEntry,
|
|
111234
|
+
searchConfig = _ref5.searchConfig,
|
|
111235
|
+
storefrontParams = _ref5.storefrontParams;
|
|
111201
111236
|
var _useState = (0,external_react_.useState)(false),
|
|
111202
111237
|
_useState2 = HeaderView_slicedToArray(_useState, 2),
|
|
111203
111238
|
isMobileMenuOpen = _useState2[0],
|
|
@@ -111248,7 +111283,7 @@ function HeaderView(_ref4) {
|
|
|
111248
111283
|
"aria-label": "Open menu",
|
|
111249
111284
|
children: /*#__PURE__*/(0,jsx_runtime_.jsx)(IconMenu, {})
|
|
111250
111285
|
}), /*#__PURE__*/(0,jsx_runtime_.jsx)(LogoSlot, {
|
|
111251
|
-
children: /*#__PURE__*/(0,jsx_runtime_.jsx)(
|
|
111286
|
+
children: /*#__PURE__*/(0,jsx_runtime_.jsx)(LogoComponent, {
|
|
111252
111287
|
logo: logoData.logo,
|
|
111253
111288
|
logoAlt: logoData.logoAlt,
|
|
111254
111289
|
href: logoData.href,
|
|
@@ -111267,7 +111302,7 @@ function HeaderView(_ref4) {
|
|
|
111267
111302
|
searchConfig: searchConfig,
|
|
111268
111303
|
logo: logoData,
|
|
111269
111304
|
showDesktopTrigger: false
|
|
111270
|
-
}), /*#__PURE__*/(0,jsx_runtime_.jsx)(
|
|
111305
|
+
}), /*#__PURE__*/(0,jsx_runtime_.jsx)(CartComponent, {
|
|
111271
111306
|
data: cartData,
|
|
111272
111307
|
parent$: headerEntry === null || headerEntry === void 0 || (_headerEntry$$2 = headerEntry.$) === null || _headerEntry$$2 === void 0 ? void 0 : _headerEntry$$2.cart
|
|
111273
111308
|
})]
|
|
@@ -111277,7 +111312,7 @@ function HeaderView(_ref4) {
|
|
|
111277
111312
|
children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(MarketSelector, {
|
|
111278
111313
|
data: marketSelector,
|
|
111279
111314
|
logo: logoData,
|
|
111280
|
-
locale: String((
|
|
111315
|
+
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
111316
|
parent$: headerEntry === null || headerEntry === void 0 || (_headerEntry$$3 = headerEntry.$) === null || _headerEntry$$3 === void 0 ? void 0 : _headerEntry$$3.market_selector__0,
|
|
111282
111317
|
mobileTriggerMode: "drawerPortal",
|
|
111283
111318
|
drawerOpen: isMobileMenuOpen,
|
|
@@ -111287,7 +111322,7 @@ function HeaderView(_ref4) {
|
|
|
111287
111322
|
}), /*#__PURE__*/(0,jsx_runtime_.jsx)(HeaderAccountRegion, {
|
|
111288
111323
|
data: accountData,
|
|
111289
111324
|
parent$: accountParentTags
|
|
111290
|
-
}), /*#__PURE__*/(0,jsx_runtime_.jsx)(
|
|
111325
|
+
}), /*#__PURE__*/(0,jsx_runtime_.jsx)(CartComponent, {
|
|
111291
111326
|
data: cartData,
|
|
111292
111327
|
parent$: headerEntry === null || headerEntry === void 0 || (_headerEntry$$4 = headerEntry.$) === null || _headerEntry$$4 === void 0 ? void 0 : _headerEntry$$4.cart
|
|
111293
111328
|
})]
|