@nuskin/nextgen-header 1.33.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 +208 -149
- package/package-dist/index.js.map +1 -1
- package/package-dist/index.mjs +210 -151
- package/package-dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/package-dist/index.mjs
CHANGED
|
@@ -86391,7 +86391,7 @@ __webpack_require__(4275);
|
|
|
86391
86391
|
|
|
86392
86392
|
var tail =
|
|
86393
86393
|
/*#__PURE__*/
|
|
86394
|
-
__webpack_require__(
|
|
86394
|
+
__webpack_require__(6788);
|
|
86395
86395
|
/**
|
|
86396
86396
|
* Performs left-to-right function composition. The first argument may have
|
|
86397
86397
|
* any arity; the remaining arguments must be unary.
|
|
@@ -86809,7 +86809,7 @@ module.exports = slice;
|
|
|
86809
86809
|
|
|
86810
86810
|
/***/ },
|
|
86811
86811
|
|
|
86812
|
-
/***/
|
|
86812
|
+
/***/ 6788
|
|
86813
86813
|
(module, __unused_webpack_exports, __webpack_require__) {
|
|
86814
86814
|
|
|
86815
86815
|
var _checkForMethod =
|
|
@@ -100556,23 +100556,23 @@ var MobileDrawerLocaleButton = /*#__PURE__*/createStyled("button", true ? {
|
|
|
100556
100556
|
} : 0)("display:inline-flex;align-items:center;gap:0.5rem;margin:15px 18px;padding:7px;border:1px solid ", colors.border, ";border-radius:24px;background:transparent;font-size:0.875rem;color:", colors.text, ";cursor:pointer;justify-content:center;transition:all 0.15s ease;&:hover{background:rgba(0, 0, 0, 0.03);border-color:", colors.text, ";}svg{flex-shrink:0;color:", colors.muted, ";width:16px;height:16px;}" + ( true ? "" : 0));
|
|
100557
100557
|
// EXTERNAL MODULE: ./node_modules/@nuskin/foundation-ui-components/dist/index.js
|
|
100558
100558
|
var dist = __webpack_require__(4814);
|
|
100559
|
-
;// ./src/components/brand/Brand.styled.
|
|
100559
|
+
;// ./src/components/brand/Brand.styled.js
|
|
100560
100560
|
|
|
100561
100561
|
function Brand_styled_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
100562
100562
|
var BrandRoot = /*#__PURE__*/createStyled("div", true ? {
|
|
100563
|
-
target: "
|
|
100563
|
+
target: "e1tne4ou3"
|
|
100564
100564
|
} : 0)("display:flex;position:relative;", function (_ref) {
|
|
100565
100565
|
var isEditing = _ref.isEditing;
|
|
100566
100566
|
return isEditing && "\n & > * {\n pointer-events: none;\n }\n ";
|
|
100567
100567
|
}, ";" + ( true ? "" : 0));
|
|
100568
100568
|
var BrandLogoLink = /*#__PURE__*/createStyled("a", true ? {
|
|
100569
|
-
target: "
|
|
100569
|
+
target: "e1tne4ou2"
|
|
100570
100570
|
} : 0)( true ? {
|
|
100571
100571
|
name: "1puv40q",
|
|
100572
100572
|
styles: "display:inline-flex;align-items:center;line-height:0;text-decoration:none"
|
|
100573
100573
|
} : 0);
|
|
100574
100574
|
var ResponsiveBrandWrapper = /*#__PURE__*/createStyled("div", true ? {
|
|
100575
|
-
target: "
|
|
100575
|
+
target: "e1tne4ou1"
|
|
100576
100576
|
} : 0)("display:flex;align-items:center;", function (_ref2) {
|
|
100577
100577
|
var mobileWidth = _ref2.mobileWidth,
|
|
100578
100578
|
desktopWidth = _ref2.desktopWidth,
|
|
@@ -100581,7 +100581,7 @@ var ResponsiveBrandWrapper = /*#__PURE__*/createStyled("div", true ? {
|
|
|
100581
100581
|
return "\n width: ".concat(mobileWidth, ";\n height: ").concat(mobileHeight, ";\n\n & > * {\n width: 100%;\n height: 100%;\n }\n\n && img,\n && svg {\n height: 100%;\n width: 100%;\n max-height: 100%;\n max-width: 100%;\n object-fit: contain;\n }\n\n @media (min-width: 1024px) {\n width: ").concat(desktopWidth, ";\n height: ").concat(desktopHeight, ";\n }\n ");
|
|
100582
100582
|
}, ";" + ( true ? "" : 0));
|
|
100583
100583
|
var BrandLogoImg = /*#__PURE__*/createStyled("img", true ? {
|
|
100584
|
-
target: "
|
|
100584
|
+
target: "e1tne4ou0"
|
|
100585
100585
|
} : 0)( true ? {
|
|
100586
100586
|
name: "kmohbm",
|
|
100587
100587
|
styles: "display:block;width:auto;height:24px"
|
|
@@ -100631,6 +100631,20 @@ var GTM_TRACKING_CONFIG = {
|
|
|
100631
100631
|
clickTriggerType: "Click - Just Links",
|
|
100632
100632
|
// Loyalty is always an anchor (`data-gtm-loyalty`); selector works for GTM delegation.
|
|
100633
100633
|
clickSelector: "[data-gtm-loyalty]"
|
|
100634
|
+
},
|
|
100635
|
+
logo: {
|
|
100636
|
+
componentName: "Logo",
|
|
100637
|
+
clickEvent: "logo_click",
|
|
100638
|
+
clickElement: "Logo Click",
|
|
100639
|
+
clickTriggerType: "Click - Just Links",
|
|
100640
|
+
clickSelector: "[data-gtm-logo]"
|
|
100641
|
+
},
|
|
100642
|
+
cart: {
|
|
100643
|
+
componentName: "Cart",
|
|
100644
|
+
clickEvent: "cart_click",
|
|
100645
|
+
clickElement: "Cart Icon Click",
|
|
100646
|
+
clickTriggerType: "Click",
|
|
100647
|
+
clickSelector: "[data-gtm-cart]"
|
|
100634
100648
|
}
|
|
100635
100649
|
};
|
|
100636
100650
|
|
|
@@ -100917,6 +100931,7 @@ function Brand(_ref) {
|
|
|
100917
100931
|
children: /*#__PURE__*/(0,jsx_runtime_.jsx)(BrandLogoLink, {
|
|
100918
100932
|
href: resolvedHref,
|
|
100919
100933
|
"data-testid": "brand-logo-link",
|
|
100934
|
+
"data-gtm-logo": true,
|
|
100920
100935
|
children: /*#__PURE__*/(0,jsx_runtime_.jsx)(ResponsiveBrandWrapper, {
|
|
100921
100936
|
mobileWidth: responsiveSize.mobileWidth,
|
|
100922
100937
|
desktopWidth: responsiveSize.desktopWidth,
|
|
@@ -101100,7 +101115,7 @@ var TAB_ID_FALLBACK_SEGMENT = "item";
|
|
|
101100
101115
|
var TABS_HOVER_ACTIVATE_MS = 80;
|
|
101101
101116
|
/** Desktop tab hover: delay after mouseleave before clearing selection (ms) */
|
|
101102
101117
|
var TABS_HOVER_CLEAR_MS = 120;
|
|
101103
|
-
;// ./src/components/tabs/Tabs.styled.
|
|
101118
|
+
;// ./src/components/tabs/Tabs.styled.js
|
|
101104
101119
|
|
|
101105
101120
|
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)."; }
|
|
101106
101121
|
|
|
@@ -101110,55 +101125,55 @@ var mobileMaxPx = function mobileMaxPx(p) {
|
|
|
101110
101125
|
return p.$isEditing ? TABS_EDITING_MOBILE_MAX_WIDTH_PX : TABS_MOBILE_MAX_WIDTH_PX;
|
|
101111
101126
|
};
|
|
101112
101127
|
var TabsRoot = /*#__PURE__*/createStyled("div", true ? {
|
|
101113
|
-
target: "
|
|
101128
|
+
target: "e1xxjdtj9"
|
|
101114
101129
|
} : 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) {
|
|
101115
101130
|
return p.$isTopNav && "\n max-width: ".concat(TABS_TOP_NAV_MAX_WIDTH_PX, "px;\n padding: ").concat(TABS_TOP_NAV_ROOT_PADDING, ";\n ");
|
|
101116
101131
|
}, "@media (max-width: ", mobileMaxPx, "px){max-width:none;width:100%;", function (p) {
|
|
101117
101132
|
return p.$isTopNav && "padding: 0;";
|
|
101118
101133
|
}, ";}" + ( true ? "" : 0));
|
|
101119
101134
|
var TabList = /*#__PURE__*/createStyled("div", true ? {
|
|
101120
|
-
target: "
|
|
101135
|
+
target: "e1xxjdtj8"
|
|
101121
101136
|
} : 0)("display:flex;align-items:flex-end;justify-content:", function (props) {
|
|
101122
101137
|
return props.$justify || "flex-start";
|
|
101123
101138
|
}, ";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));
|
|
101124
101139
|
var MobileDrawerScroll = /*#__PURE__*/createStyled("div", true ? {
|
|
101125
|
-
target: "
|
|
101140
|
+
target: "e1xxjdtj7"
|
|
101126
101141
|
} : 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));
|
|
101127
101142
|
var MobileTabRowLabel = /*#__PURE__*/createStyled("span", true ? {
|
|
101128
|
-
target: "
|
|
101143
|
+
target: "e1xxjdtj6"
|
|
101129
101144
|
} : 0)("flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:", function (p) {
|
|
101130
101145
|
return p.$expanded ? 700 : 400;
|
|
101131
101146
|
}, ";font-size:16px;line-height:24px;color:", function (p) {
|
|
101132
101147
|
return p.$expanded ? "#000000" : "#252525";
|
|
101133
101148
|
}, ";transition:font-weight 0.2s ease,color 0.2s ease;" + ( true ? "" : 0));
|
|
101134
101149
|
var MobileTabRowMain = /*#__PURE__*/createStyled("span", true ? {
|
|
101135
|
-
target: "
|
|
101150
|
+
target: "e1xxjdtj5"
|
|
101136
101151
|
} : 0)( true ? {
|
|
101137
101152
|
name: "1dj01u9",
|
|
101138
101153
|
styles: "flex:1 1 0%;min-width:0;display:flex;align-items:center;align-self:stretch;border-radius:4px"
|
|
101139
101154
|
} : 0);
|
|
101140
101155
|
var MobileTabRow = /*#__PURE__*/createStyled("button", true ? {
|
|
101141
|
-
target: "
|
|
101156
|
+
target: "e1xxjdtj4"
|
|
101142
101157
|
} : 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) {
|
|
101143
101158
|
return p.$isHidden && "opacity: 0.4;";
|
|
101144
101159
|
}, ";" + ( true ? "" : 0));
|
|
101145
101160
|
|
|
101146
101161
|
/* Wraps NsIcon so row chevrons align and stay tappable. */
|
|
101147
101162
|
var MobileRowIconWrap = /*#__PURE__*/createStyled("span", true ? {
|
|
101148
|
-
target: "
|
|
101163
|
+
target: "e1xxjdtj3"
|
|
101149
101164
|
} : 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) {
|
|
101150
101165
|
return p.$expanded ? "180deg" : "0deg";
|
|
101151
101166
|
}, ");transition:transform 0.3s ease;svg{display:block;}" + ( true ? "" : 0));
|
|
101152
101167
|
var MobileAccordionPanel = /*#__PURE__*/createStyled("div", true ? {
|
|
101153
|
-
target: "
|
|
101168
|
+
target: "e1xxjdtj2"
|
|
101154
101169
|
} : 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));
|
|
101155
101170
|
var TabButton = /*#__PURE__*/createStyled("button", true ? {
|
|
101156
|
-
target: "
|
|
101171
|
+
target: "e1xxjdtj1"
|
|
101157
101172
|
} : 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) {
|
|
101158
101173
|
return p.$isHidden && "opacity: 0.4;";
|
|
101159
101174
|
}, ";" + ( true ? "" : 0));
|
|
101160
101175
|
var Panel = /*#__PURE__*/createStyled("div", true ? {
|
|
101161
|
-
target: "
|
|
101176
|
+
target: "e1xxjdtj0"
|
|
101162
101177
|
} : 0)("padding-top:0;", function (p) {
|
|
101163
101178
|
return p.$isTopNav && "\n position: absolute;\n top: 100%;\n left: 0;\n width: 100%;\n z-index: 100;\n ";
|
|
101164
101179
|
}, "@media (max-width: ", mobileMaxPx, "px){display:none;}" + ( true ? "" : 0));
|
|
@@ -101688,31 +101703,31 @@ var PillButton = /*#__PURE__*/createStyled("button", true ? {
|
|
|
101688
101703
|
var PillLink = /*#__PURE__*/(/* unused pure expression or super */ null && (Pill_styled_styled("a", true ? {
|
|
101689
101704
|
target: "e1n5o2x60"
|
|
101690
101705
|
} : 0)(pillBase, " cursor:pointer;" + ( true ? "" : 0))));
|
|
101691
|
-
;// ./src/components/top-navigation/jump-to-section/JumpTo.styled.
|
|
101706
|
+
;// ./src/components/top-navigation/jump-to-section/JumpTo.styled.js
|
|
101692
101707
|
|
|
101693
101708
|
|
|
101694
101709
|
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";
|
|
101695
101710
|
var MOBILE_MAX = "1023px";
|
|
101696
101711
|
var JumpToRoot = /*#__PURE__*/createStyled("div", true ? {
|
|
101697
|
-
target: "
|
|
101712
|
+
target: "e1u2eor54"
|
|
101698
101713
|
} : 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) {
|
|
101699
101714
|
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 ";
|
|
101700
101715
|
}, " ", function (p) {
|
|
101701
101716
|
return p.$isHidden && "opacity: 0.4;";
|
|
101702
101717
|
}, ";" + ( true ? "" : 0));
|
|
101703
101718
|
var JumpToHeading = /*#__PURE__*/createStyled("h2", true ? {
|
|
101704
|
-
target: "
|
|
101719
|
+
target: "e1u2eor53"
|
|
101705
101720
|
} : 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));
|
|
101706
101721
|
var JumpTo_styled_JumpToList = /*#__PURE__*/createStyled("ul", true ? {
|
|
101707
|
-
target: "
|
|
101722
|
+
target: "e1u2eor52"
|
|
101708
101723
|
} : 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));
|
|
101709
101724
|
var JumpToItem = /*#__PURE__*/createStyled("li", true ? {
|
|
101710
|
-
target: "
|
|
101725
|
+
target: "e1u2eor51"
|
|
101711
101726
|
} : 0)("display:inline-flex;@media (max-width: ", MOBILE_MAX, "){display:flex;flex-shrink:0;}", function (p) {
|
|
101712
101727
|
return p.$isHidden && "opacity: 0.4;";
|
|
101713
101728
|
}, ";" + ( true ? "" : 0));
|
|
101714
101729
|
var JumpToPillLink = /*#__PURE__*/createStyled(PillButton, true ? {
|
|
101715
|
-
target: "
|
|
101730
|
+
target: "e1u2eor50"
|
|
101716
101731
|
} : 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));
|
|
101717
101732
|
;// ./src/components/top-navigation/jump-to-section/JumpTo.jsx
|
|
101718
101733
|
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); }
|
|
@@ -101794,12 +101809,12 @@ JumpTo.propTypes = {
|
|
|
101794
101809
|
className: external_prop_types_["default"].string,
|
|
101795
101810
|
$isHidden: external_prop_types_["default"].bool
|
|
101796
101811
|
};
|
|
101797
|
-
;// ./src/components/label-icon/LabelWithIcon.styled.
|
|
101812
|
+
;// ./src/components/label-icon/LabelWithIcon.styled.js
|
|
101798
101813
|
|
|
101799
101814
|
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)."; }
|
|
101800
101815
|
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";
|
|
101801
101816
|
var LabelWithIconRoot = /*#__PURE__*/createStyled("div", true ? {
|
|
101802
|
-
target: "
|
|
101817
|
+
target: "eyg1h312"
|
|
101803
101818
|
} : 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) {
|
|
101804
101819
|
return p.$interactive && !p.$disabled ? "pointer" : "default";
|
|
101805
101820
|
}, ";appearance:none;outline:none;border-radius:4px;transition:background 0.15s ease,color 0.15s ease;", function (p) {
|
|
@@ -101810,10 +101825,10 @@ var LabelWithIconRoot = /*#__PURE__*/createStyled("div", true ? {
|
|
|
101810
101825
|
return p.$showDivider && "\n border-bottom: 1px solid #e5e5e5;\n ";
|
|
101811
101826
|
}, ";" + ( true ? "" : 0));
|
|
101812
101827
|
var LabelText = /*#__PURE__*/createStyled("span", true ? {
|
|
101813
|
-
target: "
|
|
101828
|
+
target: "eyg1h311"
|
|
101814
101829
|
} : 0)("flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;", LabelWithIconRoot, ":hover &{text-decoration:underline;}" + ( true ? "" : 0));
|
|
101815
101830
|
var IconSlot = /*#__PURE__*/createStyled("span", true ? {
|
|
101816
|
-
target: "
|
|
101831
|
+
target: "eyg1h310"
|
|
101817
101832
|
} : 0)( true ? {
|
|
101818
101833
|
name: "d28uq8",
|
|
101819
101834
|
styles: "flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:var(--label-icon-muted);svg{display:block;fill:currentColor;}"
|
|
@@ -101924,39 +101939,39 @@ LabelWithIcon.defaultProps = {
|
|
|
101924
101939
|
"aria-label": undefined,
|
|
101925
101940
|
tooltip: undefined
|
|
101926
101941
|
};
|
|
101927
|
-
;// ./src/components/top-navigation/sub-category-section/SubCategory.styled.
|
|
101942
|
+
;// ./src/components/top-navigation/sub-category-section/SubCategory.styled.js
|
|
101928
101943
|
|
|
101929
101944
|
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)."; }
|
|
101930
101945
|
|
|
101931
101946
|
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";
|
|
101932
101947
|
var SubCategoryRoot = /*#__PURE__*/createStyled("fieldset", true ? {
|
|
101933
|
-
target: "
|
|
101948
|
+
target: "e1mzewba4"
|
|
101934
101949
|
} : 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) {
|
|
101935
101950
|
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 ";
|
|
101936
101951
|
}, " ", function (p) {
|
|
101937
101952
|
return p.$isHidden && "opacity: 0.4;";
|
|
101938
101953
|
}, ";" + ( true ? "" : 0));
|
|
101939
101954
|
var CategoryHeader = /*#__PURE__*/createStyled(LabelWithIcon, true ? {
|
|
101940
|
-
target: "
|
|
101955
|
+
target: "e1mzewba3"
|
|
101941
101956
|
} : 0)( true ? {
|
|
101942
101957
|
name: "ururic",
|
|
101943
101958
|
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;}"
|
|
101944
101959
|
} : 0);
|
|
101945
101960
|
var SubCategoryList = /*#__PURE__*/createStyled("ul", true ? {
|
|
101946
|
-
target: "
|
|
101961
|
+
target: "e1mzewba2"
|
|
101947
101962
|
} : 0)( true ? {
|
|
101948
101963
|
name: "1tw3i3",
|
|
101949
101964
|
styles: "list-style:none;margin:10px 0 0 0;padding:0 0 0 8px;display:flex;flex-direction:column;gap:10px"
|
|
101950
101965
|
} : 0);
|
|
101951
101966
|
var SubCategoryItem = /*#__PURE__*/createStyled("li", true ? {
|
|
101952
|
-
target: "
|
|
101967
|
+
target: "e1mzewba1"
|
|
101953
101968
|
} : 0)("display:flex;", function (p) {
|
|
101954
101969
|
return p.$isHidden && "opacity: 0.4;";
|
|
101955
101970
|
}, " ", function (p) {
|
|
101956
101971
|
return p.$isEditing && "\n border: 1px dotted #bbb;\n padding: 5px;\n border-radius: 2px;\n ";
|
|
101957
101972
|
}, ";" + ( true ? "" : 0));
|
|
101958
101973
|
var SubCategoryLink = /*#__PURE__*/createStyled(LabelWithIcon, true ? {
|
|
101959
|
-
target: "
|
|
101974
|
+
target: "e1mzewba0"
|
|
101960
101975
|
} : 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) {
|
|
101961
101976
|
return p.$isEditing && "\n border: 1px dotted #aaa;\n padding: 4px 24px;\n border-radius: 2px;\n ";
|
|
101962
101977
|
}, " 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));
|
|
@@ -102058,32 +102073,32 @@ SubCategory.propTypes = {
|
|
|
102058
102073
|
className: external_prop_types_["default"].string,
|
|
102059
102074
|
$isHidden: external_prop_types_["default"].bool
|
|
102060
102075
|
};
|
|
102061
|
-
;// ./src/components/top-navigation/navigation-panel/TopNavPanel.styled.
|
|
102076
|
+
;// ./src/components/top-navigation/navigation-panel/TopNavPanel.styled.js
|
|
102062
102077
|
|
|
102063
102078
|
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)."; }
|
|
102064
102079
|
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";
|
|
102065
102080
|
var TopNavPanel_styled_MOBILE_MAX = "1023px";
|
|
102066
102081
|
var SectionPlaceholder = /*#__PURE__*/createStyled("div", true ? {
|
|
102067
|
-
target: "
|
|
102082
|
+
target: "e2i7hnz7"
|
|
102068
102083
|
} : 0)( true ? {
|
|
102069
102084
|
name: "1is75b4",
|
|
102070
102085
|
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;}"
|
|
102071
102086
|
} : 0);
|
|
102072
102087
|
var TopNavPanelRoot = /*#__PURE__*/createStyled("div", true ? {
|
|
102073
|
-
target: "
|
|
102088
|
+
target: "e2i7hnz6"
|
|
102074
102089
|
} : 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) {
|
|
102075
102090
|
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 ";
|
|
102076
102091
|
}, ";" + ( true ? "" : 0));
|
|
102077
102092
|
|
|
102078
102093
|
/** Full-width bar shown above the panel in editing mode. */
|
|
102079
102094
|
var AuthorBar = /*#__PURE__*/createStyled("div", true ? {
|
|
102080
|
-
target: "
|
|
102095
|
+
target: "e2i7hnz5"
|
|
102081
102096
|
} : 0)( true ? {
|
|
102082
102097
|
name: "1xj5yw2",
|
|
102083
102098
|
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"
|
|
102084
102099
|
} : 0);
|
|
102085
102100
|
var AuthorBarMessage = /*#__PURE__*/createStyled("span", true ? {
|
|
102086
|
-
target: "
|
|
102101
|
+
target: "e2i7hnz4"
|
|
102087
102102
|
} : 0)( true ? {
|
|
102088
102103
|
name: "zc1hyg",
|
|
102089
102104
|
styles: "display:flex;align-items:center;gap:8px;line-height:1.4;flex-shrink:1;min-width:0"
|
|
@@ -102091,7 +102106,7 @@ var AuthorBarMessage = /*#__PURE__*/createStyled("span", true ? {
|
|
|
102091
102106
|
|
|
102092
102107
|
/** Pill badge indicating the current author mode. */
|
|
102093
102108
|
var AuthorBarBadge = /*#__PURE__*/createStyled("span", true ? {
|
|
102094
|
-
target: "
|
|
102109
|
+
target: "e2i7hnz3"
|
|
102095
102110
|
} : 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) {
|
|
102096
102111
|
return p.$live ? "#e6f9f0" : "#ede9fc";
|
|
102097
102112
|
}, ";color:", function (p) {
|
|
@@ -102102,7 +102117,7 @@ var AuthorBarBadge = /*#__PURE__*/createStyled("span", true ? {
|
|
|
102102
102117
|
return p.$live ? "#1a7a4a" : "#6d5ce7";
|
|
102103
102118
|
}, ";}" + ( true ? "" : 0));
|
|
102104
102119
|
var AuthorBarDetail = /*#__PURE__*/createStyled("span", true ? {
|
|
102105
|
-
target: "
|
|
102120
|
+
target: "e2i7hnz2"
|
|
102106
102121
|
} : 0)( true ? {
|
|
102107
102122
|
name: "12l0eqe",
|
|
102108
102123
|
styles: "font-size:12px;font-weight:400;color:#5a4fa0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis"
|
|
@@ -102110,13 +102125,13 @@ var AuthorBarDetail = /*#__PURE__*/createStyled("span", true ? {
|
|
|
102110
102125
|
|
|
102111
102126
|
/** Segmented pill toggle — wraps two AuthorBarToggleOption children. */
|
|
102112
102127
|
var AuthorBarToggle = /*#__PURE__*/createStyled("button", true ? {
|
|
102113
|
-
target: "
|
|
102128
|
+
target: "e2i7hnz1"
|
|
102114
102129
|
} : 0)( true ? {
|
|
102115
102130
|
name: "1hmj8vv",
|
|
102116
102131
|
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;}"
|
|
102117
102132
|
} : 0);
|
|
102118
102133
|
var AuthorBarToggleOption = /*#__PURE__*/createStyled("span", true ? {
|
|
102119
|
-
target: "
|
|
102134
|
+
target: "e2i7hnz0"
|
|
102120
102135
|
} : 0)("padding:4px 10px;border-radius:16px;color:", function (p) {
|
|
102121
102136
|
return p.$active ? "#fff" : "#7b6fbe";
|
|
102122
102137
|
}, ";background:", function (p) {
|
|
@@ -102903,87 +102918,87 @@ function useEscapeToCloseModal(isModalOpen, setIsModalOpen) {
|
|
|
102903
102918
|
};
|
|
102904
102919
|
}, [isModalOpen, setIsModalOpen]);
|
|
102905
102920
|
}
|
|
102906
|
-
;// ./src/components/signup-signin/SignUpOrSignIn.styled.
|
|
102921
|
+
;// ./src/components/signup-signin/SignUpOrSignIn.styled.js
|
|
102907
102922
|
|
|
102908
102923
|
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)."; }
|
|
102909
102924
|
var MOBILE_MAX_WIDTH_PX = 1024;
|
|
102910
102925
|
var SignUpOrSignInRoot = /*#__PURE__*/createStyled("div", true ? {
|
|
102911
|
-
target: "
|
|
102926
|
+
target: "e110w5lj17"
|
|
102912
102927
|
} : 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));
|
|
102913
102928
|
var SignTextLink = /*#__PURE__*/createStyled("span", true ? {
|
|
102914
|
-
target: "
|
|
102929
|
+
target: "e110w5lj16"
|
|
102915
102930
|
} : 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));
|
|
102916
102931
|
var SignUpLink = /*#__PURE__*/createStyled("button", true ? {
|
|
102917
|
-
target: "
|
|
102932
|
+
target: "e110w5lj15"
|
|
102918
102933
|
} : 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));
|
|
102919
102934
|
var SignInLink = /*#__PURE__*/createStyled("button", true ? {
|
|
102920
|
-
target: "
|
|
102935
|
+
target: "e110w5lj14"
|
|
102921
102936
|
} : 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));
|
|
102922
102937
|
var Divider = /*#__PURE__*/createStyled("span", true ? {
|
|
102923
|
-
target: "
|
|
102938
|
+
target: "e110w5lj13"
|
|
102924
102939
|
} : 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));
|
|
102925
102940
|
var IconWrap = /*#__PURE__*/createStyled("span", true ? {
|
|
102926
|
-
target: "
|
|
102941
|
+
target: "e110w5lj12"
|
|
102927
102942
|
} : 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));
|
|
102928
102943
|
var MobileAuthModalBackdrop = /*#__PURE__*/createStyled("div", true ? {
|
|
102929
|
-
target: "
|
|
102944
|
+
target: "e110w5lj11"
|
|
102930
102945
|
} : 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));
|
|
102931
102946
|
var MobileAuthModal = /*#__PURE__*/createStyled("dialog", true ? {
|
|
102932
|
-
target: "
|
|
102947
|
+
target: "e110w5lj10"
|
|
102933
102948
|
} : 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));
|
|
102934
102949
|
var ModalHeaderRow = /*#__PURE__*/createStyled("div", true ? {
|
|
102935
|
-
target: "
|
|
102950
|
+
target: "e110w5lj9"
|
|
102936
102951
|
} : 0)( true ? {
|
|
102937
102952
|
name: "wbibpl",
|
|
102938
102953
|
styles: "display:flex;align-items:flex-start;justify-content:flex-end;width:100%;min-height:44px;padding:12px 18px 0;box-sizing:border-box"
|
|
102939
102954
|
} : 0);
|
|
102940
102955
|
var ModalTitle = /*#__PURE__*/createStyled("h2", true ? {
|
|
102941
|
-
target: "
|
|
102956
|
+
target: "e110w5lj8"
|
|
102942
102957
|
} : 0)( true ? {
|
|
102943
102958
|
name: "1m9bk8n",
|
|
102944
102959
|
styles: "margin:0;color:#252525;font-family:var(--signin-font);font-size:22px;line-height:28px;font-weight:400"
|
|
102945
102960
|
} : 0);
|
|
102946
102961
|
var ModalCancelButton = /*#__PURE__*/createStyled("button", true ? {
|
|
102947
|
-
target: "
|
|
102962
|
+
target: "e110w5lj7"
|
|
102948
102963
|
} : 0)( true ? {
|
|
102949
102964
|
name: "u33vv4",
|
|
102950
102965
|
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;}"
|
|
102951
102966
|
} : 0);
|
|
102952
102967
|
var ModalContent = /*#__PURE__*/createStyled("div", true ? {
|
|
102953
|
-
target: "
|
|
102968
|
+
target: "e110w5lj6"
|
|
102954
102969
|
} : 0)( true ? {
|
|
102955
102970
|
name: "150yav4",
|
|
102956
102971
|
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;}"
|
|
102957
102972
|
} : 0);
|
|
102958
102973
|
var ModalSections = /*#__PURE__*/createStyled("div", true ? {
|
|
102959
|
-
target: "
|
|
102974
|
+
target: "e110w5lj5"
|
|
102960
102975
|
} : 0)( true ? {
|
|
102961
102976
|
name: "dbqp8z",
|
|
102962
102977
|
styles: "display:flex;flex-direction:column;width:100%;gap:0;box-sizing:border-box"
|
|
102963
102978
|
} : 0);
|
|
102964
102979
|
var ModalSection = /*#__PURE__*/createStyled("section", true ? {
|
|
102965
|
-
target: "
|
|
102980
|
+
target: "e110w5lj4"
|
|
102966
102981
|
} : 0)( true ? {
|
|
102967
102982
|
name: "phcu5u",
|
|
102968
102983
|
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;}}"
|
|
102969
102984
|
} : 0);
|
|
102970
102985
|
var SectionTitle = /*#__PURE__*/createStyled("h3", true ? {
|
|
102971
|
-
target: "
|
|
102986
|
+
target: "e110w5lj3"
|
|
102972
102987
|
} : 0)( true ? {
|
|
102973
102988
|
name: "1kyoijh",
|
|
102974
102989
|
styles: "margin:0;color:#252525;font-family:var(--signin-font);font-size:18px;line-height:22px;font-weight:600;text-transform:uppercase"
|
|
102975
102990
|
} : 0);
|
|
102976
102991
|
var SectionMessage = /*#__PURE__*/createStyled("p", true ? {
|
|
102977
|
-
target: "
|
|
102992
|
+
target: "e110w5lj2"
|
|
102978
102993
|
} : 0)( true ? {
|
|
102979
102994
|
name: "18ee69d",
|
|
102980
102995
|
styles: "margin:0;color:#000000de;font-family:var(--signin-font);font-size:16px;line-height:22px;font-weight:400;overflow-wrap:anywhere"
|
|
102981
102996
|
} : 0);
|
|
102982
102997
|
var PrimaryButton = /*#__PURE__*/createStyled("button", true ? {
|
|
102983
|
-
target: "
|
|
102998
|
+
target: "e110w5lj1"
|
|
102984
102999
|
} : 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));
|
|
102985
103000
|
var OutlinedButton = /*#__PURE__*/createStyled("button", true ? {
|
|
102986
|
-
target: "
|
|
103001
|
+
target: "e110w5lj0"
|
|
102987
103002
|
} : 0)( true ? {
|
|
102988
103003
|
name: "16bjh6l",
|
|
102989
103004
|
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;}"
|
|
@@ -103229,10 +103244,10 @@ HeaderAccountRegion.propTypes = {
|
|
|
103229
103244
|
sign_in_url: external_prop_types_["default"].object
|
|
103230
103245
|
})
|
|
103231
103246
|
};
|
|
103232
|
-
;// ./src/components/cart/Cart.styled.
|
|
103247
|
+
;// ./src/components/cart/Cart.styled.js
|
|
103233
103248
|
|
|
103234
103249
|
var CartIconWrapper = /*#__PURE__*/createStyled("div", true ? {
|
|
103235
|
-
target: "
|
|
103250
|
+
target: "e1157io20"
|
|
103236
103251
|
} : 0)("display:flex;align-items:center;position:relative;background:none;border:none;padding:0;font:inherit;", function (_ref) {
|
|
103237
103252
|
var isEditing = _ref.isEditing;
|
|
103238
103253
|
return isEditing && "\n & > * {\n pointer-events: none;\n }\n ";
|
|
@@ -103245,6 +103260,7 @@ var DEFAULT_ITEM_COUNT = 0;
|
|
|
103245
103260
|
var DEFAULT_ARIA_LABEL = "Shopping cart";
|
|
103246
103261
|
var DEFAULT_SHOW_CART_ICON = true;
|
|
103247
103262
|
var DEFAULT_SHOW_CART_COUNT = true;
|
|
103263
|
+
var MOBILE_BREAKPOINT = 768;
|
|
103248
103264
|
// EXTERNAL MODULE: ./node_modules/pubsub-js/src/pubsub.js
|
|
103249
103265
|
var pubsub = __webpack_require__(3224);
|
|
103250
103266
|
var pubsub_default = /*#__PURE__*/__webpack_require__.n(pubsub);
|
|
@@ -103277,21 +103293,23 @@ function unSubscribeEvent(token) {
|
|
|
103277
103293
|
*/
|
|
103278
103294
|
var PUBSUB = {
|
|
103279
103295
|
// [ACTIVE] Header MFE publishes when cart icon clicked
|
|
103280
|
-
TOGGLE_MINI_CART:
|
|
103296
|
+
TOGGLE_MINI_CART: "ToggleMiniCart",
|
|
103281
103297
|
// [RESERVED] Cart MFE publishes when mini cart closes
|
|
103282
|
-
MINI_CART_CLOSED:
|
|
103298
|
+
MINI_CART_CLOSED: "MiniCartClosed",
|
|
103283
103299
|
// [ACTIVE] Header MFE subscribes to update cart badge
|
|
103284
|
-
CART_COUNT_UPDATED:
|
|
103300
|
+
CART_COUNT_UPDATED: "CartCountUpdated",
|
|
103285
103301
|
// [RESERVED] Storefront publishes on cart mutations
|
|
103286
|
-
CART_DATA_UPDATED:
|
|
103302
|
+
CART_DATA_UPDATED: "CartDataUpdated",
|
|
103287
103303
|
// [RESERVED] Storefront publishes on add-to-cart
|
|
103288
|
-
ADD_TO_CART:
|
|
103304
|
+
ADD_TO_CART: "AddToCart",
|
|
103289
103305
|
// [RESERVED] Storefront publishes on add-to-cart failure
|
|
103290
|
-
ADD_TO_CART_FAILURE:
|
|
103306
|
+
ADD_TO_CART_FAILURE: "AddToCartFailure",
|
|
103291
103307
|
// [RESERVED] For future auth/logout flows
|
|
103292
|
-
SIGN_OUT:
|
|
103308
|
+
SIGN_OUT: "SignOut",
|
|
103293
103309
|
// [RESERVED] For cross-MFE navigation
|
|
103294
|
-
INTERNAL_ROUTING:
|
|
103310
|
+
INTERNAL_ROUTING: "InternalRouting",
|
|
103311
|
+
// [ACTIVE] Header MFE publishes when cart clicked from checkout page
|
|
103312
|
+
NAVIGATE_TO_VIEW_CART: "NavigateToViewCart"
|
|
103295
103313
|
};
|
|
103296
103314
|
;// ./src/components/cart/Cart.jsx
|
|
103297
103315
|
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); }
|
|
@@ -103328,7 +103346,7 @@ function Cart(_ref) {
|
|
|
103328
103346
|
(0,external_react_.useEffect)(function () {
|
|
103329
103347
|
var token = subscribe(PUBSUB.CART_COUNT_UPDATED, function (topic, data) {
|
|
103330
103348
|
var newCount = data === null || data === void 0 ? void 0 : data.cartCount;
|
|
103331
|
-
if (typeof newCount ===
|
|
103349
|
+
if (typeof newCount === "number" && !isNaN(newCount) && newCount >= 0) {
|
|
103332
103350
|
setItemCount(newCount);
|
|
103333
103351
|
}
|
|
103334
103352
|
});
|
|
@@ -103343,6 +103361,27 @@ function Cart(_ref) {
|
|
|
103343
103361
|
if (editing) {
|
|
103344
103362
|
return;
|
|
103345
103363
|
}
|
|
103364
|
+
if (typeof window !== "undefined") {
|
|
103365
|
+
var pathname = window.location.pathname;
|
|
103366
|
+
var isMobile = window.innerWidth < MOBILE_BREAKPOINT;
|
|
103367
|
+
var isViewCartPage = pathname.includes("/viewCart");
|
|
103368
|
+
var isCheckoutPage = pathname.includes("/checkout") || pathname.includes("/expressCheckout") || pathname.includes("/subscriptionCheckout");
|
|
103369
|
+
if (isViewCartPage) {
|
|
103370
|
+
return;
|
|
103371
|
+
}
|
|
103372
|
+
if (isMobile) {
|
|
103373
|
+
publish(PUBSUB.NAVIGATE_TO_VIEW_CART, {
|
|
103374
|
+
fromMobile: true
|
|
103375
|
+
});
|
|
103376
|
+
return;
|
|
103377
|
+
}
|
|
103378
|
+
if (isCheckoutPage) {
|
|
103379
|
+
publish(PUBSUB.NAVIGATE_TO_VIEW_CART, {
|
|
103380
|
+
fromCheckout: true
|
|
103381
|
+
});
|
|
103382
|
+
return;
|
|
103383
|
+
}
|
|
103384
|
+
}
|
|
103346
103385
|
publish(PUBSUB.TOGGLE_MINI_CART, {
|
|
103347
103386
|
isVisible: true
|
|
103348
103387
|
});
|
|
@@ -103351,13 +103390,14 @@ function Cart(_ref) {
|
|
|
103351
103390
|
as: "button",
|
|
103352
103391
|
type: "button",
|
|
103353
103392
|
"data-testid": "cart",
|
|
103393
|
+
"data-gtm-cart": true,
|
|
103354
103394
|
"aria-label": ariaLabel,
|
|
103355
103395
|
showCartCount: showCartCount,
|
|
103356
103396
|
isEditing: editing,
|
|
103357
103397
|
onClick: handleClick,
|
|
103358
103398
|
tabIndex: editing ? -1 : 0,
|
|
103359
103399
|
style: {
|
|
103360
|
-
cursor: editing ?
|
|
103400
|
+
cursor: editing ? "default" : "pointer"
|
|
103361
103401
|
}
|
|
103362
103402
|
}, $ || {}), {}, {
|
|
103363
103403
|
children: /*#__PURE__*/(0,jsx_runtime_.jsx)(dist.NsCartIcon, {
|
|
@@ -103390,8 +103430,8 @@ function HeaderCartRegion(_ref) {
|
|
|
103390
103430
|
var _data$show_cart_icon, _data$show_cart_count, _data$item_count;
|
|
103391
103431
|
var data = _ref.data,
|
|
103392
103432
|
parent$ = _ref.parent$;
|
|
103393
|
-
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 :
|
|
103394
|
-
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 :
|
|
103433
|
+
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;
|
|
103434
|
+
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;
|
|
103395
103435
|
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;
|
|
103396
103436
|
return /*#__PURE__*/(0,jsx_runtime_.jsx)(Cart, {
|
|
103397
103437
|
itemCount: itemCount,
|
|
@@ -106189,18 +106229,18 @@ AutoComplete.propTypes = {
|
|
|
106189
106229
|
};
|
|
106190
106230
|
// EXTERNAL MODULE: ./node_modules/@mui/material/Button/Button.js
|
|
106191
106231
|
var Button = __webpack_require__(1629);
|
|
106192
|
-
;// ./src/components/button/CancelButton.styled.
|
|
106232
|
+
;// ./src/components/button/CancelButton.styled.js
|
|
106193
106233
|
|
|
106194
106234
|
|
|
106195
106235
|
var CLOSE_BUTTON_DESKTOP_MIN_WIDTH_PX = 1025;
|
|
106196
106236
|
var CancelButtonRoot = /*#__PURE__*/createStyled(Button/* default */.A, true ? {
|
|
106197
|
-
target: "
|
|
106237
|
+
target: "e14ebckh2"
|
|
106198
106238
|
} : 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));
|
|
106199
106239
|
var CancelButtonIconWrap = /*#__PURE__*/createStyled("span", true ? {
|
|
106200
|
-
target: "
|
|
106240
|
+
target: "e14ebckh1"
|
|
106201
106241
|
} : 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));
|
|
106202
106242
|
var CancelButtonText = /*#__PURE__*/createStyled("span", true ? {
|
|
106203
|
-
target: "
|
|
106243
|
+
target: "e14ebckh0"
|
|
106204
106244
|
} : 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));
|
|
106205
106245
|
;// ./src/components/button/CancelButton.jsx
|
|
106206
106246
|
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); }
|
|
@@ -106265,7 +106305,7 @@ CancelButton.propTypes = {
|
|
|
106265
106305
|
showIcon: external_prop_types_["default"].bool,
|
|
106266
106306
|
parent$: external_prop_types_["default"].object
|
|
106267
106307
|
};
|
|
106268
|
-
;// ./src/components/modal/SearchModal.styled.
|
|
106308
|
+
;// ./src/components/modal/SearchModal.styled.js
|
|
106269
106309
|
|
|
106270
106310
|
function SearchModal_styled_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
106271
106311
|
var SearchModal_styled_colors = {
|
|
@@ -106275,61 +106315,61 @@ var SearchModal_styled_colors = {
|
|
|
106275
106315
|
muted: "#6b7280"
|
|
106276
106316
|
};
|
|
106277
106317
|
var MobileSearchButton = /*#__PURE__*/createStyled("button", true ? {
|
|
106278
|
-
target: "
|
|
106318
|
+
target: "ehota0013"
|
|
106279
106319
|
} : 0)( true ? {
|
|
106280
106320
|
name: "1ff2nft",
|
|
106281
106321
|
styles: "display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;padding:0;cursor:pointer;color:inherit;svg{width:24px;height:24px;}@media (min-width: 1024px){display:none;}"
|
|
106282
106322
|
} : 0);
|
|
106283
106323
|
var DesktopSearchWrapper = /*#__PURE__*/createStyled("button", true ? {
|
|
106284
|
-
target: "
|
|
106324
|
+
target: "ehota0012"
|
|
106285
106325
|
} : 0)("display:none;align-items:center;width:100%;border:1px solid ", SearchModal_styled_colors.border, ";border-radius:999px;background:", SearchModal_styled_colors.surface, ";min-height:46px;margin-left:auto;padding:0 5px 0 3px;box-sizing:border-box;overflow:hidden;&:focus{outline:none;}&:focus-visible{outline:2px solid currentColor;outline-offset:-2px;border-radius:999px;}@media (min-width: 1024px){display:flex;width:", function (_ref) {
|
|
106286
106326
|
var $sizeVariant = _ref.$sizeVariant;
|
|
106287
106327
|
return $sizeVariant === "full" ? "100%" : "min(100%, 320px)";
|
|
106288
106328
|
}, ";cursor:pointer;transition:background-color 0.15s ease,border-color 0.15s ease,box-shadow 0.15s ease;min-height:32px;&:hover{background:#f3f4f6;}&:hover>[data-testid=\"search-trigger-input\"]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;}&:focus-visible{border-color:", SearchModal_styled_colors.muted, ";box-shadow:0 0 0 1px rgba(17, 24, 39, 0.08);}}" + ( true ? "" : 0));
|
|
106289
106329
|
var DesktopTriggerInput = /*#__PURE__*/createStyled("span", true ? {
|
|
106290
|
-
target: "
|
|
106330
|
+
target: "ehota0011"
|
|
106291
106331
|
} : 0)("flex:1;min-width:0;padding:8px 0;font-size:16px;line-height:22px;color:", SearchModal_styled_colors.muted, ";cursor:pointer;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;" + ( true ? "" : 0));
|
|
106292
106332
|
var DesktopTriggerSparkleSlot = /*#__PURE__*/createStyled("span", true ? {
|
|
106293
|
-
target: "
|
|
106333
|
+
target: "ehota0010"
|
|
106294
106334
|
} : 0)( true ? {
|
|
106295
106335
|
name: "q79a68",
|
|
106296
106336
|
styles: "flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin:0 8px 0 4px;svg,img{width:18px;height:26px;object-fit:contain;display:block;}"
|
|
106297
106337
|
} : 0);
|
|
106298
106338
|
var DesktopTriggerIconButton = /*#__PURE__*/createStyled("span", true ? {
|
|
106299
|
-
target: "
|
|
106339
|
+
target: "ehota009"
|
|
106300
106340
|
} : 0)( true ? {
|
|
106301
106341
|
name: "1oufgfl",
|
|
106302
106342
|
styles: "flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin:0 5px 0 16px;padding:0;color:#64686f;svg,img{width:22px;height:22px;object-fit:contain;}"
|
|
106303
106343
|
} : 0);
|
|
106304
106344
|
var ModalOverlay = /*#__PURE__*/createStyled("div", true ? {
|
|
106305
|
-
target: "
|
|
106345
|
+
target: "ehota008"
|
|
106306
106346
|
} : 0)( true ? {
|
|
106307
106347
|
name: "15ant65",
|
|
106308
106348
|
styles: "position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:stretch;overflow:hidden"
|
|
106309
106349
|
} : 0);
|
|
106310
106350
|
var ModalPanel = /*#__PURE__*/createStyled("dialog", true ? {
|
|
106311
|
-
target: "
|
|
106351
|
+
target: "ehota007"
|
|
106312
106352
|
} : 0)("box-sizing:border-box;background:", SearchModal_styled_colors.surface, ";width:100%;flex:1;min-height:100%;padding:12px 16px;display:flex;flex-direction:column;gap:30px;box-shadow:0 4px 24px rgba(0, 0, 0, 0.08);border:none;margin:0;max-width:none;max-height:none;@media (max-width: 767px){padding:30px 0;}@media (min-width: 768px) and (max-width: 1023px){padding:30px 0 35px;}@media (min-width: 1024px){flex:0 0 auto;min-height:unset;padding:20px clamp(12px, 4vw, 32px) 45px;}" + ( true ? "" : 0));
|
|
106313
106353
|
var ModalTopBar = /*#__PURE__*/createStyled("div", true ? {
|
|
106314
|
-
target: "
|
|
106354
|
+
target: "ehota006"
|
|
106315
106355
|
} : 0)( true ? {
|
|
106316
106356
|
name: "19ii5hn",
|
|
106317
106357
|
styles: "display:none;align-items:center;justify-content:space-between;width:100%;@media (min-width: 1024px){display:flex;}"
|
|
106318
106358
|
} : 0);
|
|
106319
106359
|
var SearchModal_styled_LogoSlot = /*#__PURE__*/createStyled("div", true ? {
|
|
106320
|
-
target: "
|
|
106360
|
+
target: "ehota005"
|
|
106321
106361
|
} : 0)( true ? {
|
|
106322
106362
|
name: "ou8xsw",
|
|
106323
106363
|
styles: "flex:0 0 auto"
|
|
106324
106364
|
} : 0);
|
|
106325
106365
|
var SearchRow = /*#__PURE__*/createStyled("div", true ? {
|
|
106326
|
-
target: "
|
|
106366
|
+
target: "ehota004"
|
|
106327
106367
|
} : 0)( true ? {
|
|
106328
106368
|
name: "vg66lk",
|
|
106329
106369
|
styles: "display:flex;align-items:flex-start;gap:12px;width:100%;@media (max-width: 1023px){align-items:center;}"
|
|
106330
106370
|
} : 0);
|
|
106331
106371
|
var MobileCancelSlot = /*#__PURE__*/createStyled("div", true ? {
|
|
106332
|
-
target: "
|
|
106372
|
+
target: "ehota003"
|
|
106333
106373
|
} : 0)( true ? {
|
|
106334
106374
|
name: "kob85u",
|
|
106335
106375
|
styles: "flex-shrink:0;display:flex;align-items:center;@media (min-width: 1024px){display:none;}"
|
|
@@ -106337,19 +106377,19 @@ var MobileCancelSlot = /*#__PURE__*/createStyled("div", true ? {
|
|
|
106337
106377
|
|
|
106338
106378
|
/** Wraps the fallback search form so Cancel stays on the same row as the input (mobile). */
|
|
106339
106379
|
var SearchFormGrow = /*#__PURE__*/createStyled("div", true ? {
|
|
106340
|
-
target: "
|
|
106380
|
+
target: "ehota002"
|
|
106341
106381
|
} : 0)( true ? {
|
|
106342
106382
|
name: "fxp7t8",
|
|
106343
106383
|
styles: "flex:1;min-width:0"
|
|
106344
106384
|
} : 0);
|
|
106345
106385
|
var AutoCompleteWrapper = /*#__PURE__*/createStyled("div", true ? {
|
|
106346
|
-
target: "
|
|
106386
|
+
target: "ehota001"
|
|
106347
106387
|
} : 0)( true ? {
|
|
106348
106388
|
name: "1g4wbcn",
|
|
106349
106389
|
styles: "width:100%;min-width:0;@media (min-width: 1024px){max-width:860px;margin:0 auto;}ul li span{white-space:normal;word-break:break-word;overflow-wrap:anywhere;min-width:0;}form:hover input::placeholder,form:hover [data-testid=\"autocomplete-rotating-placeholder\"]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;}form:focus-within input,form:focus-within input::placeholder{text-decoration:none;}form:focus-within [data-testid=\"autocomplete-rotating-placeholder\"]{text-decoration:none;}"
|
|
106350
106390
|
} : 0);
|
|
106351
106391
|
var SearchForm = /*#__PURE__*/createStyled("form", true ? {
|
|
106352
|
-
target: "
|
|
106392
|
+
target: "ehota000"
|
|
106353
106393
|
} : 0)( true ? {
|
|
106354
106394
|
name: "1lnhxsx",
|
|
106355
106395
|
styles: "box-sizing:border-box;width:100%;min-width:0;@media (min-width: 1024px){max-width:860px;margin:0 auto;}& div:focus-within [data-placeholder=\"true\"],& div:focus-within input{text-decoration:none;}& div:hover [data-placeholder=\"true\"],& div:hover input{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;}"
|
|
@@ -109149,7 +109189,7 @@ function marketSelectorWindow_navigateToPath(path) {
|
|
|
109149
109189
|
}
|
|
109150
109190
|
browserWindow.location.assign(path);
|
|
109151
109191
|
}
|
|
109152
|
-
;// ./src/components/market-selector/MarketSelector.styled.
|
|
109192
|
+
;// ./src/components/market-selector/MarketSelector.styled.js
|
|
109153
109193
|
|
|
109154
109194
|
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)."; }
|
|
109155
109195
|
|
|
@@ -109158,61 +109198,61 @@ var DESKTOP_MIN_WIDTH_PX = 1025;
|
|
|
109158
109198
|
|
|
109159
109199
|
/** Full-screen market modal layer (above mobile drawer z-index 9999). */
|
|
109160
109200
|
var MobileMarketFullScreenRoot = /*#__PURE__*/createStyled("div", true ? {
|
|
109161
|
-
target: "
|
|
109201
|
+
target: "e1u480zk37"
|
|
109162
109202
|
} : 0)( true ? {
|
|
109163
109203
|
name: "1n6oz2n",
|
|
109164
109204
|
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;}"
|
|
109165
109205
|
} : 0);
|
|
109166
109206
|
var MobileMarketDialogInner = /*#__PURE__*/createStyled("dialog", true ? {
|
|
109167
|
-
target: "
|
|
109207
|
+
target: "e1u480zk36"
|
|
109168
109208
|
} : 0)( true ? {
|
|
109169
109209
|
name: "1d69jno",
|
|
109170
109210
|
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"
|
|
109171
109211
|
} : 0);
|
|
109172
109212
|
var MobileStickyHeaderContainer = /*#__PURE__*/createStyled("div", true ? {
|
|
109173
|
-
target: "
|
|
109213
|
+
target: "e1u480zk35"
|
|
109174
109214
|
} : 0)( true ? {
|
|
109175
109215
|
name: "50r0ag",
|
|
109176
109216
|
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"
|
|
109177
109217
|
} : 0);
|
|
109178
109218
|
var MobileCompactHeaderRow = /*#__PURE__*/createStyled("header", true ? {
|
|
109179
|
-
target: "
|
|
109219
|
+
target: "e1u480zk34"
|
|
109180
109220
|
} : 0)( true ? {
|
|
109181
109221
|
name: "1ilqple",
|
|
109182
109222
|
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"
|
|
109183
109223
|
} : 0);
|
|
109184
109224
|
var MobileCompactTitle = /*#__PURE__*/createStyled("h2", true ? {
|
|
109185
|
-
target: "
|
|
109225
|
+
target: "e1u480zk33"
|
|
109186
109226
|
} : 0)( true ? {
|
|
109187
109227
|
name: "1a3y3ud",
|
|
109188
109228
|
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"
|
|
109189
109229
|
} : 0);
|
|
109190
109230
|
var MobileModalHeaderCancelWrap = /*#__PURE__*/createStyled("div", true ? {
|
|
109191
|
-
target: "
|
|
109231
|
+
target: "e1u480zk32"
|
|
109192
109232
|
} : 0)( true ? {
|
|
109193
109233
|
name: "18ccq6t",
|
|
109194
109234
|
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;}"
|
|
109195
109235
|
} : 0);
|
|
109196
109236
|
var MobileModalScrollContent = /*#__PURE__*/createStyled("div", true ? {
|
|
109197
|
-
target: "
|
|
109237
|
+
target: "e1u480zk31"
|
|
109198
109238
|
} : 0)( true ? {
|
|
109199
109239
|
name: "1q7526u",
|
|
109200
109240
|
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;}"
|
|
109201
109241
|
} : 0);
|
|
109202
109242
|
var MobileRememberControlsWrap = /*#__PURE__*/createStyled("div", true ? {
|
|
109203
|
-
target: "
|
|
109243
|
+
target: "e1u480zk30"
|
|
109204
109244
|
} : 0)( true ? {
|
|
109205
109245
|
name: "iz1eca",
|
|
109206
109246
|
styles: "width:100%;max-width:100%;box-sizing:border-box;padding:0 20px"
|
|
109207
109247
|
} : 0);
|
|
109208
109248
|
var MobileRememberControls = /*#__PURE__*/createStyled("div", true ? {
|
|
109209
|
-
target: "
|
|
109249
|
+
target: "e1u480zk29"
|
|
109210
109250
|
} : 0)( true ? {
|
|
109211
109251
|
name: "13l7t94",
|
|
109212
109252
|
styles: "display:flex;align-items:center;justify-content:flex-start;width:100%;max-width:100%;box-sizing:border-box"
|
|
109213
109253
|
} : 0);
|
|
109214
109254
|
var MobileRememberRowCompact = /*#__PURE__*/createStyled("label", true ? {
|
|
109215
|
-
target: "
|
|
109255
|
+
target: "e1u480zk28"
|
|
109216
109256
|
} : 0)( true ? {
|
|
109217
109257
|
name: "2z4h9e",
|
|
109218
109258
|
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;}"
|
|
@@ -109220,25 +109260,25 @@ var MobileRememberRowCompact = /*#__PURE__*/createStyled("label", true ? {
|
|
|
109220
109260
|
|
|
109221
109261
|
/** Text beside the remember checkbox (desktop + mobile); wraps when the row hits max-width. */
|
|
109222
109262
|
var RememberRowText = /*#__PURE__*/createStyled("span", true ? {
|
|
109223
|
-
target: "
|
|
109263
|
+
target: "e1u480zk27"
|
|
109224
109264
|
} : 0)( true ? {
|
|
109225
109265
|
name: "1my8jsd",
|
|
109226
109266
|
styles: "flex:0 1 auto;min-width:0;max-width:100%;text-align:left;white-space:normal;overflow-wrap:break-word"
|
|
109227
109267
|
} : 0);
|
|
109228
109268
|
var MobileLocaleSectionBlock = /*#__PURE__*/createStyled("div", true ? {
|
|
109229
|
-
target: "
|
|
109269
|
+
target: "e1u480zk26"
|
|
109230
109270
|
} : 0)( true ? {
|
|
109231
109271
|
name: "1uu8bvb",
|
|
109232
109272
|
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"
|
|
109233
109273
|
} : 0);
|
|
109234
109274
|
var MobileLocaleList = /*#__PURE__*/createStyled("ul", true ? {
|
|
109235
|
-
target: "
|
|
109275
|
+
target: "e1u480zk25"
|
|
109236
109276
|
} : 0)( true ? {
|
|
109237
109277
|
name: "1pxu7om",
|
|
109238
109278
|
styles: "width:100%;min-height:0;list-style:none;margin:0;padding:0"
|
|
109239
109279
|
} : 0);
|
|
109240
109280
|
var MobileLocaleRow = /*#__PURE__*/createStyled("li", true ? {
|
|
109241
|
-
target: "
|
|
109281
|
+
target: "e1u480zk24"
|
|
109242
109282
|
} : 0)( true ? {
|
|
109243
109283
|
name: "duoqfw",
|
|
109244
109284
|
styles: "width:100%;min-height:44px;padding:0 20px;box-sizing:border-box"
|
|
@@ -109246,48 +109286,48 @@ var MobileLocaleRow = /*#__PURE__*/createStyled("li", true ? {
|
|
|
109246
109286
|
|
|
109247
109287
|
/** Same navigation affordance as desktop `CountryListSelector` locale links. */
|
|
109248
109288
|
var MobileLocaleRowLink = /*#__PURE__*/createStyled("a", true ? {
|
|
109249
|
-
target: "
|
|
109289
|
+
target: "e1u480zk23"
|
|
109250
109290
|
} : 0)( true ? {
|
|
109251
109291
|
name: "12tmgo3",
|
|
109252
109292
|
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;}"
|
|
109253
109293
|
} : 0);
|
|
109254
109294
|
var MobileLocaleRowMain = /*#__PURE__*/createStyled("div", true ? {
|
|
109255
|
-
target: "
|
|
109295
|
+
target: "e1u480zk22"
|
|
109256
109296
|
} : 0)( true ? {
|
|
109257
109297
|
name: "6778cq",
|
|
109258
109298
|
styles: "width:280px;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:4px"
|
|
109259
109299
|
} : 0);
|
|
109260
109300
|
var MobileLocaleText = /*#__PURE__*/createStyled("span", true ? {
|
|
109261
|
-
target: "
|
|
109301
|
+
target: "e1u480zk21"
|
|
109262
109302
|
} : 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) {
|
|
109263
109303
|
return p.$selected ? 600 : 400;
|
|
109264
109304
|
}, ";" + ( true ? "" : 0));
|
|
109265
109305
|
var MobileLocaleStatusIcon = /*#__PURE__*/createStyled(dist.NsIcon, true ? {
|
|
109266
|
-
target: "
|
|
109306
|
+
target: "e1u480zk20"
|
|
109267
109307
|
} : 0)( true ? {
|
|
109268
109308
|
name: "1oi3xqh",
|
|
109269
109309
|
styles: "width:24px;height:24px;flex-shrink:0;color:#252525"
|
|
109270
109310
|
} : 0);
|
|
109271
109311
|
var MobileModalBody = /*#__PURE__*/createStyled("div", true ? {
|
|
109272
|
-
target: "
|
|
109312
|
+
target: "e1u480zk19"
|
|
109273
109313
|
} : 0)( true ? {
|
|
109274
109314
|
name: "1vektn8",
|
|
109275
109315
|
styles: "width:100%;min-height:0;display:flex;flex-direction:column;gap:16px;padding-bottom:48px;box-sizing:border-box"
|
|
109276
109316
|
} : 0);
|
|
109277
109317
|
var MobileRegionsSection = /*#__PURE__*/createStyled("div", true ? {
|
|
109278
|
-
target: "
|
|
109318
|
+
target: "e1u480zk18"
|
|
109279
109319
|
} : 0)( true ? {
|
|
109280
109320
|
name: "1wqadvr",
|
|
109281
109321
|
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;}"
|
|
109282
109322
|
} : 0);
|
|
109283
109323
|
var TriggerPillSlash = /*#__PURE__*/createStyled(dist.NsIcon, true ? {
|
|
109284
|
-
target: "
|
|
109324
|
+
target: "e1u480zk17"
|
|
109285
109325
|
} : 0)( true ? {
|
|
109286
109326
|
name: "hvnm61",
|
|
109287
109327
|
styles: "flex-shrink:0;width:16px;height:16px;color:currentColor"
|
|
109288
109328
|
} : 0);
|
|
109289
109329
|
var TriggerPillInner = /*#__PURE__*/createStyled("span", true ? {
|
|
109290
|
-
target: "
|
|
109330
|
+
target: "e1u480zk16"
|
|
109291
109331
|
} : 0)( true ? {
|
|
109292
109332
|
name: "1edu2bp",
|
|
109293
109333
|
styles: "display:inline-flex;align-items:center;gap:0px;color:inherit;border-bottom:1px solid transparent;box-sizing:border-box"
|
|
@@ -109298,64 +109338,64 @@ var TriggerPillInner = /*#__PURE__*/createStyled("span", true ? {
|
|
|
109298
109338
|
* Label color matches earlier market trigger tokens (#5f5f5f, Lora).
|
|
109299
109339
|
*/
|
|
109300
109340
|
var MobileDrawerTriggerPill = /*#__PURE__*/createStyled("button", true ? {
|
|
109301
|
-
target: "
|
|
109341
|
+
target: "e1u480zk15"
|
|
109302
109342
|
} : 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));
|
|
109303
109343
|
var MarketSelectorRoot = /*#__PURE__*/createStyled("div", true ? {
|
|
109304
|
-
target: "
|
|
109344
|
+
target: "e1u480zk14"
|
|
109305
109345
|
} : 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));
|
|
109306
109346
|
var TriggerPill = /*#__PURE__*/createStyled("button", true ? {
|
|
109307
|
-
target: "
|
|
109347
|
+
target: "e1u480zk13"
|
|
109308
109348
|
} : 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));
|
|
109309
109349
|
var Overlay = /*#__PURE__*/createStyled("div", true ? {
|
|
109310
|
-
target: "
|
|
109350
|
+
target: "e1u480zk12"
|
|
109311
109351
|
} : 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));
|
|
109312
109352
|
var ModalSurface = /*#__PURE__*/createStyled("dialog", true ? {
|
|
109313
|
-
target: "
|
|
109353
|
+
target: "e1u480zk11"
|
|
109314
109354
|
} : 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));
|
|
109315
109355
|
var ModalScrollArea = /*#__PURE__*/createStyled("div", true ? {
|
|
109316
|
-
target: "
|
|
109356
|
+
target: "e1u480zk10"
|
|
109317
109357
|
} : 0)( true ? {
|
|
109318
109358
|
name: "1ybor91",
|
|
109319
109359
|
styles: "width:100%;min-height:0;max-height:100vh;background:#ffffff"
|
|
109320
109360
|
} : 0);
|
|
109321
109361
|
var ContentContainer = /*#__PURE__*/createStyled("div", true ? {
|
|
109322
|
-
target: "
|
|
109362
|
+
target: "e1u480zk9"
|
|
109323
109363
|
} : 0)("width:100%;@media (min-width: ", DESKTOP_MIN_WIDTH_PX, "px){max-width:1440px;margin-left:auto;margin-right:auto;}" + ( true ? "" : 0));
|
|
109324
109364
|
var StickyTop = /*#__PURE__*/createStyled("div", true ? {
|
|
109325
|
-
target: "
|
|
109365
|
+
target: "e1u480zk8"
|
|
109326
109366
|
} : 0)( true ? {
|
|
109327
109367
|
name: "2hn84s",
|
|
109328
109368
|
styles: "position:sticky;top:0;z-index:2"
|
|
109329
109369
|
} : 0);
|
|
109330
109370
|
var HeaderRow = /*#__PURE__*/createStyled("header", true ? {
|
|
109331
|
-
target: "
|
|
109371
|
+
target: "e1u480zk7"
|
|
109332
109372
|
} : 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));
|
|
109333
109373
|
var LogoWrap = /*#__PURE__*/createStyled("div", true ? {
|
|
109334
|
-
target: "
|
|
109374
|
+
target: "e1u480zk6"
|
|
109335
109375
|
} : 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));
|
|
109336
109376
|
var MarketSelector_styled_ModalTitle = /*#__PURE__*/createStyled("h2", true ? {
|
|
109337
|
-
target: "
|
|
109377
|
+
target: "e1u480zk5"
|
|
109338
109378
|
} : 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));
|
|
109339
109379
|
var CancelWrap = /*#__PURE__*/createStyled("div", true ? {
|
|
109340
|
-
target: "
|
|
109380
|
+
target: "e1u480zk4"
|
|
109341
109381
|
} : 0)( true ? {
|
|
109342
109382
|
name: "a4yqjz",
|
|
109343
109383
|
styles: "display:inline-flex;justify-content:flex-end;align-items:center;justify-self:end;grid-column:3"
|
|
109344
109384
|
} : 0);
|
|
109345
109385
|
var TopControls = /*#__PURE__*/createStyled("div", true ? {
|
|
109346
|
-
target: "
|
|
109386
|
+
target: "e1u480zk3"
|
|
109347
109387
|
} : 0)("display:flex;align-items:center;justify-content:center;@media (max-width: ", TABS_MOBILE_MAX_WIDTH_PX, "px){justify-content:flex-start;}" + ( true ? "" : 0));
|
|
109348
109388
|
var TabsRow = /*#__PURE__*/createStyled("div", true ? {
|
|
109349
|
-
target: "
|
|
109389
|
+
target: "e1u480zk2"
|
|
109350
109390
|
} : 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));
|
|
109351
109391
|
var RememberRow = /*#__PURE__*/createStyled("label", true ? {
|
|
109352
|
-
target: "
|
|
109392
|
+
target: "e1u480zk1"
|
|
109353
109393
|
} : 0)( true ? {
|
|
109354
109394
|
name: "1mvifq7",
|
|
109355
109395
|
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;}"
|
|
109356
109396
|
} : 0);
|
|
109357
109397
|
var RememberCheckbox = /*#__PURE__*/createStyled("input", true ? {
|
|
109358
|
-
target: "
|
|
109398
|
+
target: "e1u480zk0"
|
|
109359
109399
|
} : 0)( true ? {
|
|
109360
109400
|
name: "h99mtr",
|
|
109361
109401
|
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;}"
|
|
@@ -110593,17 +110633,17 @@ MarketSelector.propTypes = {
|
|
|
110593
110633
|
};
|
|
110594
110634
|
;// ./src/components/header/HeaderView.jsx
|
|
110595
110635
|
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); }
|
|
110596
|
-
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; }
|
|
110597
|
-
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; }
|
|
110598
|
-
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; }
|
|
110599
|
-
function HeaderView_toPropertyKey(t) { var i = HeaderView_toPrimitive(t, "string"); return "symbol" == HeaderView_typeof(i) ? i : i + ""; }
|
|
110600
|
-
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); }
|
|
110601
110636
|
function HeaderView_slicedToArray(r, e) { return HeaderView_arrayWithHoles(r) || HeaderView_iterableToArrayLimit(r, e) || HeaderView_unsupportedIterableToArray(r, e) || HeaderView_nonIterableRest(); }
|
|
110602
110637
|
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."); }
|
|
110603
110638
|
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; } }
|
|
110604
110639
|
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; }
|
|
110605
110640
|
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; } }
|
|
110606
110641
|
function HeaderView_arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
110642
|
+
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; }
|
|
110643
|
+
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; }
|
|
110644
|
+
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; }
|
|
110645
|
+
function HeaderView_toPropertyKey(t) { var i = HeaderView_toPrimitive(t, "string"); return "symbol" == HeaderView_typeof(i) ? i : i + ""; }
|
|
110646
|
+
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); }
|
|
110607
110647
|
|
|
110608
110648
|
|
|
110609
110649
|
|
|
@@ -110749,14 +110789,33 @@ function LoyaltyComponent(_ref3) {
|
|
|
110749
110789
|
LoyaltyComponent.propTypes = {
|
|
110750
110790
|
data: external_prop_types_["default"].object
|
|
110751
110791
|
};
|
|
110752
|
-
function
|
|
110753
|
-
|
|
110754
|
-
|
|
110755
|
-
|
|
110756
|
-
|
|
110757
|
-
|
|
110758
|
-
|
|
110759
|
-
|
|
110792
|
+
function LogoComponent(props) {
|
|
110793
|
+
return withTracking(/*#__PURE__*/(0,jsx_runtime_.jsx)(Brand, HeaderView_objectSpread({}, props)), {
|
|
110794
|
+
componentType: "logo"
|
|
110795
|
+
});
|
|
110796
|
+
}
|
|
110797
|
+
function CartComponent(_ref4) {
|
|
110798
|
+
var data = _ref4.data,
|
|
110799
|
+
parent$ = _ref4.parent$;
|
|
110800
|
+
return withTracking(/*#__PURE__*/(0,jsx_runtime_.jsx)(HeaderCartRegion, {
|
|
110801
|
+
data: data,
|
|
110802
|
+
parent$: parent$
|
|
110803
|
+
}), {
|
|
110804
|
+
componentType: "cart"
|
|
110805
|
+
});
|
|
110806
|
+
}
|
|
110807
|
+
CartComponent.propTypes = {
|
|
110808
|
+
data: external_prop_types_["default"].object,
|
|
110809
|
+
parent$: external_prop_types_["default"].object
|
|
110810
|
+
};
|
|
110811
|
+
function HeaderView(_ref5) {
|
|
110812
|
+
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;
|
|
110813
|
+
var country = _ref5.country,
|
|
110814
|
+
language = _ref5.language,
|
|
110815
|
+
locale = _ref5.locale,
|
|
110816
|
+
headerEntry = _ref5.headerEntry,
|
|
110817
|
+
searchConfig = _ref5.searchConfig,
|
|
110818
|
+
storefrontParams = _ref5.storefrontParams;
|
|
110760
110819
|
var _useState = (0,external_react_.useState)(false),
|
|
110761
110820
|
_useState2 = HeaderView_slicedToArray(_useState, 2),
|
|
110762
110821
|
isMobileMenuOpen = _useState2[0],
|
|
@@ -110807,7 +110866,7 @@ function HeaderView(_ref4) {
|
|
|
110807
110866
|
"aria-label": "Open menu",
|
|
110808
110867
|
children: /*#__PURE__*/(0,jsx_runtime_.jsx)(IconMenu, {})
|
|
110809
110868
|
}), /*#__PURE__*/(0,jsx_runtime_.jsx)(LogoSlot, {
|
|
110810
|
-
children: /*#__PURE__*/(0,jsx_runtime_.jsx)(
|
|
110869
|
+
children: /*#__PURE__*/(0,jsx_runtime_.jsx)(LogoComponent, {
|
|
110811
110870
|
logo: logoData.logo,
|
|
110812
110871
|
logoAlt: logoData.logoAlt,
|
|
110813
110872
|
href: logoData.href,
|
|
@@ -110826,7 +110885,7 @@ function HeaderView(_ref4) {
|
|
|
110826
110885
|
searchConfig: searchConfig,
|
|
110827
110886
|
logo: logoData,
|
|
110828
110887
|
showDesktopTrigger: false
|
|
110829
|
-
}), /*#__PURE__*/(0,jsx_runtime_.jsx)(
|
|
110888
|
+
}), /*#__PURE__*/(0,jsx_runtime_.jsx)(CartComponent, {
|
|
110830
110889
|
data: cartData,
|
|
110831
110890
|
parent$: headerEntry === null || headerEntry === void 0 || (_headerEntry$$2 = headerEntry.$) === null || _headerEntry$$2 === void 0 ? void 0 : _headerEntry$$2.cart
|
|
110832
110891
|
})]
|
|
@@ -110836,7 +110895,7 @@ function HeaderView(_ref4) {
|
|
|
110836
110895
|
children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(MarketSelector, {
|
|
110837
110896
|
data: marketSelector,
|
|
110838
110897
|
logo: logoData,
|
|
110839
|
-
locale: String((
|
|
110898
|
+
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(),
|
|
110840
110899
|
parent$: headerEntry === null || headerEntry === void 0 || (_headerEntry$$3 = headerEntry.$) === null || _headerEntry$$3 === void 0 ? void 0 : _headerEntry$$3.market_selector__0,
|
|
110841
110900
|
mobileTriggerMode: "drawerPortal",
|
|
110842
110901
|
drawerOpen: isMobileMenuOpen,
|
|
@@ -110846,7 +110905,7 @@ function HeaderView(_ref4) {
|
|
|
110846
110905
|
}), /*#__PURE__*/(0,jsx_runtime_.jsx)(HeaderAccountRegion, {
|
|
110847
110906
|
data: accountData,
|
|
110848
110907
|
parent$: accountParentTags
|
|
110849
|
-
}), /*#__PURE__*/(0,jsx_runtime_.jsx)(
|
|
110908
|
+
}), /*#__PURE__*/(0,jsx_runtime_.jsx)(CartComponent, {
|
|
110850
110909
|
data: cartData,
|
|
110851
110910
|
parent$: headerEntry === null || headerEntry === void 0 || (_headerEntry$$4 = headerEntry.$) === null || _headerEntry$$4 === void 0 ? void 0 : _headerEntry$$4.cart
|
|
110852
110911
|
})]
|