@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.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 =
|
|
@@ -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;}"
|
|
@@ -103278,23 +103293,23 @@ function unSubscribeEvent(token) {
|
|
|
103278
103293
|
*/
|
|
103279
103294
|
var PUBSUB = {
|
|
103280
103295
|
// [ACTIVE] Header MFE publishes when cart icon clicked
|
|
103281
|
-
TOGGLE_MINI_CART:
|
|
103296
|
+
TOGGLE_MINI_CART: "ToggleMiniCart",
|
|
103282
103297
|
// [RESERVED] Cart MFE publishes when mini cart closes
|
|
103283
|
-
MINI_CART_CLOSED:
|
|
103298
|
+
MINI_CART_CLOSED: "MiniCartClosed",
|
|
103284
103299
|
// [ACTIVE] Header MFE subscribes to update cart badge
|
|
103285
|
-
CART_COUNT_UPDATED:
|
|
103300
|
+
CART_COUNT_UPDATED: "CartCountUpdated",
|
|
103286
103301
|
// [RESERVED] Storefront publishes on cart mutations
|
|
103287
|
-
CART_DATA_UPDATED:
|
|
103302
|
+
CART_DATA_UPDATED: "CartDataUpdated",
|
|
103288
103303
|
// [RESERVED] Storefront publishes on add-to-cart
|
|
103289
|
-
ADD_TO_CART:
|
|
103304
|
+
ADD_TO_CART: "AddToCart",
|
|
103290
103305
|
// [RESERVED] Storefront publishes on add-to-cart failure
|
|
103291
|
-
ADD_TO_CART_FAILURE:
|
|
103306
|
+
ADD_TO_CART_FAILURE: "AddToCartFailure",
|
|
103292
103307
|
// [RESERVED] For future auth/logout flows
|
|
103293
|
-
SIGN_OUT:
|
|
103308
|
+
SIGN_OUT: "SignOut",
|
|
103294
103309
|
// [RESERVED] For cross-MFE navigation
|
|
103295
|
-
INTERNAL_ROUTING:
|
|
103310
|
+
INTERNAL_ROUTING: "InternalRouting",
|
|
103296
103311
|
// [ACTIVE] Header MFE publishes when cart clicked from checkout page
|
|
103297
|
-
NAVIGATE_TO_VIEW_CART:
|
|
103312
|
+
NAVIGATE_TO_VIEW_CART: "NavigateToViewCart"
|
|
103298
103313
|
};
|
|
103299
103314
|
;// ./src/components/cart/Cart.jsx
|
|
103300
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); }
|
|
@@ -103331,7 +103346,7 @@ function Cart(_ref) {
|
|
|
103331
103346
|
(0,external_react_.useEffect)(function () {
|
|
103332
103347
|
var token = subscribe(PUBSUB.CART_COUNT_UPDATED, function (topic, data) {
|
|
103333
103348
|
var newCount = data === null || data === void 0 ? void 0 : data.cartCount;
|
|
103334
|
-
if (typeof newCount ===
|
|
103349
|
+
if (typeof newCount === "number" && !isNaN(newCount) && newCount >= 0) {
|
|
103335
103350
|
setItemCount(newCount);
|
|
103336
103351
|
}
|
|
103337
103352
|
});
|
|
@@ -103346,11 +103361,11 @@ function Cart(_ref) {
|
|
|
103346
103361
|
if (editing) {
|
|
103347
103362
|
return;
|
|
103348
103363
|
}
|
|
103349
|
-
if (typeof window !==
|
|
103364
|
+
if (typeof window !== "undefined") {
|
|
103350
103365
|
var pathname = window.location.pathname;
|
|
103351
103366
|
var isMobile = window.innerWidth < MOBILE_BREAKPOINT;
|
|
103352
|
-
var isViewCartPage = pathname.includes(
|
|
103353
|
-
var isCheckoutPage = pathname.includes(
|
|
103367
|
+
var isViewCartPage = pathname.includes("/viewCart");
|
|
103368
|
+
var isCheckoutPage = pathname.includes("/checkout") || pathname.includes("/expressCheckout") || pathname.includes("/subscriptionCheckout");
|
|
103354
103369
|
if (isViewCartPage) {
|
|
103355
103370
|
return;
|
|
103356
103371
|
}
|
|
@@ -103375,13 +103390,14 @@ function Cart(_ref) {
|
|
|
103375
103390
|
as: "button",
|
|
103376
103391
|
type: "button",
|
|
103377
103392
|
"data-testid": "cart",
|
|
103393
|
+
"data-gtm-cart": true,
|
|
103378
103394
|
"aria-label": ariaLabel,
|
|
103379
103395
|
showCartCount: showCartCount,
|
|
103380
103396
|
isEditing: editing,
|
|
103381
103397
|
onClick: handleClick,
|
|
103382
103398
|
tabIndex: editing ? -1 : 0,
|
|
103383
103399
|
style: {
|
|
103384
|
-
cursor: editing ?
|
|
103400
|
+
cursor: editing ? "default" : "pointer"
|
|
103385
103401
|
}
|
|
103386
103402
|
}, $ || {}), {}, {
|
|
103387
103403
|
children: /*#__PURE__*/(0,jsx_runtime_.jsx)(dist.NsCartIcon, {
|
|
@@ -103414,8 +103430,8 @@ function HeaderCartRegion(_ref) {
|
|
|
103414
103430
|
var _data$show_cart_icon, _data$show_cart_count, _data$item_count;
|
|
103415
103431
|
var data = _ref.data,
|
|
103416
103432
|
parent$ = _ref.parent$;
|
|
103417
|
-
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 :
|
|
103418
|
-
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;
|
|
103419
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;
|
|
103420
103436
|
return /*#__PURE__*/(0,jsx_runtime_.jsx)(Cart, {
|
|
103421
103437
|
itemCount: itemCount,
|
|
@@ -106213,18 +106229,18 @@ AutoComplete.propTypes = {
|
|
|
106213
106229
|
};
|
|
106214
106230
|
// EXTERNAL MODULE: ./node_modules/@mui/material/Button/Button.js
|
|
106215
106231
|
var Button = __webpack_require__(1629);
|
|
106216
|
-
;// ./src/components/button/CancelButton.styled.
|
|
106232
|
+
;// ./src/components/button/CancelButton.styled.js
|
|
106217
106233
|
|
|
106218
106234
|
|
|
106219
106235
|
var CLOSE_BUTTON_DESKTOP_MIN_WIDTH_PX = 1025;
|
|
106220
106236
|
var CancelButtonRoot = /*#__PURE__*/createStyled(Button/* default */.A, true ? {
|
|
106221
|
-
target: "
|
|
106237
|
+
target: "e14ebckh2"
|
|
106222
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));
|
|
106223
106239
|
var CancelButtonIconWrap = /*#__PURE__*/createStyled("span", true ? {
|
|
106224
|
-
target: "
|
|
106240
|
+
target: "e14ebckh1"
|
|
106225
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));
|
|
106226
106242
|
var CancelButtonText = /*#__PURE__*/createStyled("span", true ? {
|
|
106227
|
-
target: "
|
|
106243
|
+
target: "e14ebckh0"
|
|
106228
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));
|
|
106229
106245
|
;// ./src/components/button/CancelButton.jsx
|
|
106230
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); }
|
|
@@ -109173,7 +109189,7 @@ function marketSelectorWindow_navigateToPath(path) {
|
|
|
109173
109189
|
}
|
|
109174
109190
|
browserWindow.location.assign(path);
|
|
109175
109191
|
}
|
|
109176
|
-
;// ./src/components/market-selector/MarketSelector.styled.
|
|
109192
|
+
;// ./src/components/market-selector/MarketSelector.styled.js
|
|
109177
109193
|
|
|
109178
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)."; }
|
|
109179
109195
|
|
|
@@ -109182,61 +109198,61 @@ var DESKTOP_MIN_WIDTH_PX = 1025;
|
|
|
109182
109198
|
|
|
109183
109199
|
/** Full-screen market modal layer (above mobile drawer z-index 9999). */
|
|
109184
109200
|
var MobileMarketFullScreenRoot = /*#__PURE__*/createStyled("div", true ? {
|
|
109185
|
-
target: "
|
|
109201
|
+
target: "e1u480zk37"
|
|
109186
109202
|
} : 0)( true ? {
|
|
109187
109203
|
name: "1n6oz2n",
|
|
109188
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;}"
|
|
109189
109205
|
} : 0);
|
|
109190
109206
|
var MobileMarketDialogInner = /*#__PURE__*/createStyled("dialog", true ? {
|
|
109191
|
-
target: "
|
|
109207
|
+
target: "e1u480zk36"
|
|
109192
109208
|
} : 0)( true ? {
|
|
109193
109209
|
name: "1d69jno",
|
|
109194
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"
|
|
109195
109211
|
} : 0);
|
|
109196
109212
|
var MobileStickyHeaderContainer = /*#__PURE__*/createStyled("div", true ? {
|
|
109197
|
-
target: "
|
|
109213
|
+
target: "e1u480zk35"
|
|
109198
109214
|
} : 0)( true ? {
|
|
109199
109215
|
name: "50r0ag",
|
|
109200
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"
|
|
109201
109217
|
} : 0);
|
|
109202
109218
|
var MobileCompactHeaderRow = /*#__PURE__*/createStyled("header", true ? {
|
|
109203
|
-
target: "
|
|
109219
|
+
target: "e1u480zk34"
|
|
109204
109220
|
} : 0)( true ? {
|
|
109205
109221
|
name: "1ilqple",
|
|
109206
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"
|
|
109207
109223
|
} : 0);
|
|
109208
109224
|
var MobileCompactTitle = /*#__PURE__*/createStyled("h2", true ? {
|
|
109209
|
-
target: "
|
|
109225
|
+
target: "e1u480zk33"
|
|
109210
109226
|
} : 0)( true ? {
|
|
109211
109227
|
name: "1a3y3ud",
|
|
109212
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"
|
|
109213
109229
|
} : 0);
|
|
109214
109230
|
var MobileModalHeaderCancelWrap = /*#__PURE__*/createStyled("div", true ? {
|
|
109215
|
-
target: "
|
|
109231
|
+
target: "e1u480zk32"
|
|
109216
109232
|
} : 0)( true ? {
|
|
109217
109233
|
name: "18ccq6t",
|
|
109218
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;}"
|
|
109219
109235
|
} : 0);
|
|
109220
109236
|
var MobileModalScrollContent = /*#__PURE__*/createStyled("div", true ? {
|
|
109221
|
-
target: "
|
|
109237
|
+
target: "e1u480zk31"
|
|
109222
109238
|
} : 0)( true ? {
|
|
109223
109239
|
name: "1q7526u",
|
|
109224
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;}"
|
|
109225
109241
|
} : 0);
|
|
109226
109242
|
var MobileRememberControlsWrap = /*#__PURE__*/createStyled("div", true ? {
|
|
109227
|
-
target: "
|
|
109243
|
+
target: "e1u480zk30"
|
|
109228
109244
|
} : 0)( true ? {
|
|
109229
109245
|
name: "iz1eca",
|
|
109230
109246
|
styles: "width:100%;max-width:100%;box-sizing:border-box;padding:0 20px"
|
|
109231
109247
|
} : 0);
|
|
109232
109248
|
var MobileRememberControls = /*#__PURE__*/createStyled("div", true ? {
|
|
109233
|
-
target: "
|
|
109249
|
+
target: "e1u480zk29"
|
|
109234
109250
|
} : 0)( true ? {
|
|
109235
109251
|
name: "13l7t94",
|
|
109236
109252
|
styles: "display:flex;align-items:center;justify-content:flex-start;width:100%;max-width:100%;box-sizing:border-box"
|
|
109237
109253
|
} : 0);
|
|
109238
109254
|
var MobileRememberRowCompact = /*#__PURE__*/createStyled("label", true ? {
|
|
109239
|
-
target: "
|
|
109255
|
+
target: "e1u480zk28"
|
|
109240
109256
|
} : 0)( true ? {
|
|
109241
109257
|
name: "2z4h9e",
|
|
109242
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;}"
|
|
@@ -109244,25 +109260,25 @@ var MobileRememberRowCompact = /*#__PURE__*/createStyled("label", true ? {
|
|
|
109244
109260
|
|
|
109245
109261
|
/** Text beside the remember checkbox (desktop + mobile); wraps when the row hits max-width. */
|
|
109246
109262
|
var RememberRowText = /*#__PURE__*/createStyled("span", true ? {
|
|
109247
|
-
target: "
|
|
109263
|
+
target: "e1u480zk27"
|
|
109248
109264
|
} : 0)( true ? {
|
|
109249
109265
|
name: "1my8jsd",
|
|
109250
109266
|
styles: "flex:0 1 auto;min-width:0;max-width:100%;text-align:left;white-space:normal;overflow-wrap:break-word"
|
|
109251
109267
|
} : 0);
|
|
109252
109268
|
var MobileLocaleSectionBlock = /*#__PURE__*/createStyled("div", true ? {
|
|
109253
|
-
target: "
|
|
109269
|
+
target: "e1u480zk26"
|
|
109254
109270
|
} : 0)( true ? {
|
|
109255
109271
|
name: "1uu8bvb",
|
|
109256
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"
|
|
109257
109273
|
} : 0);
|
|
109258
109274
|
var MobileLocaleList = /*#__PURE__*/createStyled("ul", true ? {
|
|
109259
|
-
target: "
|
|
109275
|
+
target: "e1u480zk25"
|
|
109260
109276
|
} : 0)( true ? {
|
|
109261
109277
|
name: "1pxu7om",
|
|
109262
109278
|
styles: "width:100%;min-height:0;list-style:none;margin:0;padding:0"
|
|
109263
109279
|
} : 0);
|
|
109264
109280
|
var MobileLocaleRow = /*#__PURE__*/createStyled("li", true ? {
|
|
109265
|
-
target: "
|
|
109281
|
+
target: "e1u480zk24"
|
|
109266
109282
|
} : 0)( true ? {
|
|
109267
109283
|
name: "duoqfw",
|
|
109268
109284
|
styles: "width:100%;min-height:44px;padding:0 20px;box-sizing:border-box"
|
|
@@ -109270,48 +109286,48 @@ var MobileLocaleRow = /*#__PURE__*/createStyled("li", true ? {
|
|
|
109270
109286
|
|
|
109271
109287
|
/** Same navigation affordance as desktop `CountryListSelector` locale links. */
|
|
109272
109288
|
var MobileLocaleRowLink = /*#__PURE__*/createStyled("a", true ? {
|
|
109273
|
-
target: "
|
|
109289
|
+
target: "e1u480zk23"
|
|
109274
109290
|
} : 0)( true ? {
|
|
109275
109291
|
name: "12tmgo3",
|
|
109276
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;}"
|
|
109277
109293
|
} : 0);
|
|
109278
109294
|
var MobileLocaleRowMain = /*#__PURE__*/createStyled("div", true ? {
|
|
109279
|
-
target: "
|
|
109295
|
+
target: "e1u480zk22"
|
|
109280
109296
|
} : 0)( true ? {
|
|
109281
109297
|
name: "6778cq",
|
|
109282
109298
|
styles: "width:280px;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:4px"
|
|
109283
109299
|
} : 0);
|
|
109284
109300
|
var MobileLocaleText = /*#__PURE__*/createStyled("span", true ? {
|
|
109285
|
-
target: "
|
|
109301
|
+
target: "e1u480zk21"
|
|
109286
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) {
|
|
109287
109303
|
return p.$selected ? 600 : 400;
|
|
109288
109304
|
}, ";" + ( true ? "" : 0));
|
|
109289
109305
|
var MobileLocaleStatusIcon = /*#__PURE__*/createStyled(dist.NsIcon, true ? {
|
|
109290
|
-
target: "
|
|
109306
|
+
target: "e1u480zk20"
|
|
109291
109307
|
} : 0)( true ? {
|
|
109292
109308
|
name: "1oi3xqh",
|
|
109293
109309
|
styles: "width:24px;height:24px;flex-shrink:0;color:#252525"
|
|
109294
109310
|
} : 0);
|
|
109295
109311
|
var MobileModalBody = /*#__PURE__*/createStyled("div", true ? {
|
|
109296
|
-
target: "
|
|
109312
|
+
target: "e1u480zk19"
|
|
109297
109313
|
} : 0)( true ? {
|
|
109298
109314
|
name: "1vektn8",
|
|
109299
109315
|
styles: "width:100%;min-height:0;display:flex;flex-direction:column;gap:16px;padding-bottom:48px;box-sizing:border-box"
|
|
109300
109316
|
} : 0);
|
|
109301
109317
|
var MobileRegionsSection = /*#__PURE__*/createStyled("div", true ? {
|
|
109302
|
-
target: "
|
|
109318
|
+
target: "e1u480zk18"
|
|
109303
109319
|
} : 0)( true ? {
|
|
109304
109320
|
name: "1wqadvr",
|
|
109305
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;}"
|
|
109306
109322
|
} : 0);
|
|
109307
109323
|
var TriggerPillSlash = /*#__PURE__*/createStyled(dist.NsIcon, true ? {
|
|
109308
|
-
target: "
|
|
109324
|
+
target: "e1u480zk17"
|
|
109309
109325
|
} : 0)( true ? {
|
|
109310
109326
|
name: "hvnm61",
|
|
109311
109327
|
styles: "flex-shrink:0;width:16px;height:16px;color:currentColor"
|
|
109312
109328
|
} : 0);
|
|
109313
109329
|
var TriggerPillInner = /*#__PURE__*/createStyled("span", true ? {
|
|
109314
|
-
target: "
|
|
109330
|
+
target: "e1u480zk16"
|
|
109315
109331
|
} : 0)( true ? {
|
|
109316
109332
|
name: "1edu2bp",
|
|
109317
109333
|
styles: "display:inline-flex;align-items:center;gap:0px;color:inherit;border-bottom:1px solid transparent;box-sizing:border-box"
|
|
@@ -109322,64 +109338,64 @@ var TriggerPillInner = /*#__PURE__*/createStyled("span", true ? {
|
|
|
109322
109338
|
* Label color matches earlier market trigger tokens (#5f5f5f, Lora).
|
|
109323
109339
|
*/
|
|
109324
109340
|
var MobileDrawerTriggerPill = /*#__PURE__*/createStyled("button", true ? {
|
|
109325
|
-
target: "
|
|
109341
|
+
target: "e1u480zk15"
|
|
109326
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));
|
|
109327
109343
|
var MarketSelectorRoot = /*#__PURE__*/createStyled("div", true ? {
|
|
109328
|
-
target: "
|
|
109344
|
+
target: "e1u480zk14"
|
|
109329
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));
|
|
109330
109346
|
var TriggerPill = /*#__PURE__*/createStyled("button", true ? {
|
|
109331
|
-
target: "
|
|
109347
|
+
target: "e1u480zk13"
|
|
109332
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));
|
|
109333
109349
|
var Overlay = /*#__PURE__*/createStyled("div", true ? {
|
|
109334
|
-
target: "
|
|
109350
|
+
target: "e1u480zk12"
|
|
109335
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));
|
|
109336
109352
|
var ModalSurface = /*#__PURE__*/createStyled("dialog", true ? {
|
|
109337
|
-
target: "
|
|
109353
|
+
target: "e1u480zk11"
|
|
109338
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));
|
|
109339
109355
|
var ModalScrollArea = /*#__PURE__*/createStyled("div", true ? {
|
|
109340
|
-
target: "
|
|
109356
|
+
target: "e1u480zk10"
|
|
109341
109357
|
} : 0)( true ? {
|
|
109342
109358
|
name: "1ybor91",
|
|
109343
109359
|
styles: "width:100%;min-height:0;max-height:100vh;background:#ffffff"
|
|
109344
109360
|
} : 0);
|
|
109345
109361
|
var ContentContainer = /*#__PURE__*/createStyled("div", true ? {
|
|
109346
|
-
target: "
|
|
109362
|
+
target: "e1u480zk9"
|
|
109347
109363
|
} : 0)("width:100%;@media (min-width: ", DESKTOP_MIN_WIDTH_PX, "px){max-width:1440px;margin-left:auto;margin-right:auto;}" + ( true ? "" : 0));
|
|
109348
109364
|
var StickyTop = /*#__PURE__*/createStyled("div", true ? {
|
|
109349
|
-
target: "
|
|
109365
|
+
target: "e1u480zk8"
|
|
109350
109366
|
} : 0)( true ? {
|
|
109351
109367
|
name: "2hn84s",
|
|
109352
109368
|
styles: "position:sticky;top:0;z-index:2"
|
|
109353
109369
|
} : 0);
|
|
109354
109370
|
var HeaderRow = /*#__PURE__*/createStyled("header", true ? {
|
|
109355
|
-
target: "
|
|
109371
|
+
target: "e1u480zk7"
|
|
109356
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));
|
|
109357
109373
|
var LogoWrap = /*#__PURE__*/createStyled("div", true ? {
|
|
109358
|
-
target: "
|
|
109374
|
+
target: "e1u480zk6"
|
|
109359
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));
|
|
109360
109376
|
var MarketSelector_styled_ModalTitle = /*#__PURE__*/createStyled("h2", true ? {
|
|
109361
|
-
target: "
|
|
109377
|
+
target: "e1u480zk5"
|
|
109362
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));
|
|
109363
109379
|
var CancelWrap = /*#__PURE__*/createStyled("div", true ? {
|
|
109364
|
-
target: "
|
|
109380
|
+
target: "e1u480zk4"
|
|
109365
109381
|
} : 0)( true ? {
|
|
109366
109382
|
name: "a4yqjz",
|
|
109367
109383
|
styles: "display:inline-flex;justify-content:flex-end;align-items:center;justify-self:end;grid-column:3"
|
|
109368
109384
|
} : 0);
|
|
109369
109385
|
var TopControls = /*#__PURE__*/createStyled("div", true ? {
|
|
109370
|
-
target: "
|
|
109386
|
+
target: "e1u480zk3"
|
|
109371
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));
|
|
109372
109388
|
var TabsRow = /*#__PURE__*/createStyled("div", true ? {
|
|
109373
|
-
target: "
|
|
109389
|
+
target: "e1u480zk2"
|
|
109374
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));
|
|
109375
109391
|
var RememberRow = /*#__PURE__*/createStyled("label", true ? {
|
|
109376
|
-
target: "
|
|
109392
|
+
target: "e1u480zk1"
|
|
109377
109393
|
} : 0)( true ? {
|
|
109378
109394
|
name: "1mvifq7",
|
|
109379
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;}"
|
|
109380
109396
|
} : 0);
|
|
109381
109397
|
var RememberCheckbox = /*#__PURE__*/createStyled("input", true ? {
|
|
109382
|
-
target: "
|
|
109398
|
+
target: "e1u480zk0"
|
|
109383
109399
|
} : 0)( true ? {
|
|
109384
109400
|
name: "h99mtr",
|
|
109385
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;}"
|
|
@@ -110617,17 +110633,17 @@ MarketSelector.propTypes = {
|
|
|
110617
110633
|
};
|
|
110618
110634
|
;// ./src/components/header/HeaderView.jsx
|
|
110619
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); }
|
|
110620
|
-
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; }
|
|
110621
|
-
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; }
|
|
110622
|
-
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; }
|
|
110623
|
-
function HeaderView_toPropertyKey(t) { var i = HeaderView_toPrimitive(t, "string"); return "symbol" == HeaderView_typeof(i) ? i : i + ""; }
|
|
110624
|
-
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); }
|
|
110625
110636
|
function HeaderView_slicedToArray(r, e) { return HeaderView_arrayWithHoles(r) || HeaderView_iterableToArrayLimit(r, e) || HeaderView_unsupportedIterableToArray(r, e) || HeaderView_nonIterableRest(); }
|
|
110626
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."); }
|
|
110627
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; } }
|
|
110628
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; }
|
|
110629
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; } }
|
|
110630
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); }
|
|
110631
110647
|
|
|
110632
110648
|
|
|
110633
110649
|
|
|
@@ -110773,14 +110789,33 @@ function LoyaltyComponent(_ref3) {
|
|
|
110773
110789
|
LoyaltyComponent.propTypes = {
|
|
110774
110790
|
data: external_prop_types_["default"].object
|
|
110775
110791
|
};
|
|
110776
|
-
function
|
|
110777
|
-
|
|
110778
|
-
|
|
110779
|
-
|
|
110780
|
-
|
|
110781
|
-
|
|
110782
|
-
|
|
110783
|
-
|
|
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;
|
|
110784
110819
|
var _useState = (0,external_react_.useState)(false),
|
|
110785
110820
|
_useState2 = HeaderView_slicedToArray(_useState, 2),
|
|
110786
110821
|
isMobileMenuOpen = _useState2[0],
|
|
@@ -110831,7 +110866,7 @@ function HeaderView(_ref4) {
|
|
|
110831
110866
|
"aria-label": "Open menu",
|
|
110832
110867
|
children: /*#__PURE__*/(0,jsx_runtime_.jsx)(IconMenu, {})
|
|
110833
110868
|
}), /*#__PURE__*/(0,jsx_runtime_.jsx)(LogoSlot, {
|
|
110834
|
-
children: /*#__PURE__*/(0,jsx_runtime_.jsx)(
|
|
110869
|
+
children: /*#__PURE__*/(0,jsx_runtime_.jsx)(LogoComponent, {
|
|
110835
110870
|
logo: logoData.logo,
|
|
110836
110871
|
logoAlt: logoData.logoAlt,
|
|
110837
110872
|
href: logoData.href,
|
|
@@ -110850,7 +110885,7 @@ function HeaderView(_ref4) {
|
|
|
110850
110885
|
searchConfig: searchConfig,
|
|
110851
110886
|
logo: logoData,
|
|
110852
110887
|
showDesktopTrigger: false
|
|
110853
|
-
}), /*#__PURE__*/(0,jsx_runtime_.jsx)(
|
|
110888
|
+
}), /*#__PURE__*/(0,jsx_runtime_.jsx)(CartComponent, {
|
|
110854
110889
|
data: cartData,
|
|
110855
110890
|
parent$: headerEntry === null || headerEntry === void 0 || (_headerEntry$$2 = headerEntry.$) === null || _headerEntry$$2 === void 0 ? void 0 : _headerEntry$$2.cart
|
|
110856
110891
|
})]
|
|
@@ -110860,7 +110895,7 @@ function HeaderView(_ref4) {
|
|
|
110860
110895
|
children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(MarketSelector, {
|
|
110861
110896
|
data: marketSelector,
|
|
110862
110897
|
logo: logoData,
|
|
110863
|
-
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(),
|
|
110864
110899
|
parent$: headerEntry === null || headerEntry === void 0 || (_headerEntry$$3 = headerEntry.$) === null || _headerEntry$$3 === void 0 ? void 0 : _headerEntry$$3.market_selector__0,
|
|
110865
110900
|
mobileTriggerMode: "drawerPortal",
|
|
110866
110901
|
drawerOpen: isMobileMenuOpen,
|
|
@@ -110870,7 +110905,7 @@ function HeaderView(_ref4) {
|
|
|
110870
110905
|
}), /*#__PURE__*/(0,jsx_runtime_.jsx)(HeaderAccountRegion, {
|
|
110871
110906
|
data: accountData,
|
|
110872
110907
|
parent$: accountParentTags
|
|
110873
|
-
}), /*#__PURE__*/(0,jsx_runtime_.jsx)(
|
|
110908
|
+
}), /*#__PURE__*/(0,jsx_runtime_.jsx)(CartComponent, {
|
|
110874
110909
|
data: cartData,
|
|
110875
110910
|
parent$: headerEntry === null || headerEntry === void 0 || (_headerEntry$$4 = headerEntry.$) === null || _headerEntry$$4 === void 0 ? void 0 : _headerEntry$$4.cart
|
|
110876
110911
|
})]
|