@nuskin/nextgen-header 1.33.0 → 1.34.0

package/package-dist/index.mjs

@@ -100556,23 +100556,23 @@ var MobileDrawerLocaleButton = /*#__PURE__*/createStyled("button",  true ? {
 } : 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));
 // EXTERNAL MODULE: ./node_modules/@nuskin/foundation-ui-components/dist/index.js
 var dist = __webpack_require__(4814);
-;// ./src/components/brand/Brand.styled.jsx
+;// ./src/components/brand/Brand.styled.js
 
 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)."; }
 var BrandRoot = /*#__PURE__*/createStyled("div",  true ? {
-  target: "eum1fxs3"
+  target: "e1tne4ou3"
 } : 0)("display:flex;position:relative;", function (_ref) {
   var isEditing = _ref.isEditing;
   return isEditing && "\n    & > * {\n      pointer-events: none;\n    }\n  ";
 }, ";" + ( true ? "" : 0));
 var BrandLogoLink = /*#__PURE__*/createStyled("a",  true ? {
-  target: "eum1fxs2"
+  target: "e1tne4ou2"
 } : 0)( true ? {
   name: "1puv40q",
   styles: "display:inline-flex;align-items:center;line-height:0;text-decoration:none"
 } : 0);
 var ResponsiveBrandWrapper = /*#__PURE__*/createStyled("div",  true ? {
-  target: "eum1fxs1"
+  target: "e1tne4ou1"
 } : 0)("display:flex;align-items:center;", function (_ref2) {
   var mobileWidth = _ref2.mobileWidth,
     desktopWidth = _ref2.desktopWidth,
@@ -100581,7 +100581,7 @@ var ResponsiveBrandWrapper = /*#__PURE__*/createStyled("div",  true ? {
   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  ");
 }, ";" + ( true ? "" : 0));
 var BrandLogoImg = /*#__PURE__*/createStyled("img",  true ? {
-  target: "eum1fxs0"
+  target: "e1tne4ou0"
 } : 0)( true ? {
   name: "kmohbm",
   styles: "display:block;width:auto;height:24px"
@@ -103229,10 +103229,10 @@ HeaderAccountRegion.propTypes = {
     sign_in_url: external_prop_types_["default"].object
   })
 };
-;// ./src/components/cart/Cart.styled.jsx
+;// ./src/components/cart/Cart.styled.js
 
 var CartIconWrapper = /*#__PURE__*/createStyled("div",  true ? {
-  target: "ein8udj0"
+  target: "e1157io20"
 } : 0)("display:flex;align-items:center;position:relative;background:none;border:none;padding:0;font:inherit;", function (_ref) {
   var isEditing = _ref.isEditing;
   return isEditing && "\n    & > * {\n      pointer-events: none;\n    }\n  ";
@@ -103245,6 +103245,7 @@ var DEFAULT_ITEM_COUNT = 0;
 var DEFAULT_ARIA_LABEL = "Shopping cart";
 var DEFAULT_SHOW_CART_ICON = true;
 var DEFAULT_SHOW_CART_COUNT = true;
+var MOBILE_BREAKPOINT = 768;
 // EXTERNAL MODULE: ./node_modules/pubsub-js/src/pubsub.js
 var pubsub = __webpack_require__(3224);
 var pubsub_default = /*#__PURE__*/__webpack_require__.n(pubsub);
@@ -103291,7 +103292,9 @@ var PUBSUB = {
   // [RESERVED] For future auth/logout flows
   SIGN_OUT: 'SignOut',
   // [RESERVED] For cross-MFE navigation
-  INTERNAL_ROUTING: 'InternalRouting'
+  INTERNAL_ROUTING: 'InternalRouting',
+  // [ACTIVE] Header MFE publishes when cart clicked from checkout page
+  NAVIGATE_TO_VIEW_CART: 'NavigateToViewCart'
 };
 ;// ./src/components/cart/Cart.jsx
 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); }
@@ -103343,6 +103346,27 @@ function Cart(_ref) {
     if (editing) {
       return;
     }
+    if (typeof window !== 'undefined') {
+      var pathname = window.location.pathname;
+      var isMobile = window.innerWidth < MOBILE_BREAKPOINT;
+      var isViewCartPage = pathname.includes('/viewCart');
+      var isCheckoutPage = pathname.includes('/checkout') || pathname.includes('/expressCheckout') || pathname.includes('/subscriptionCheckout');
+      if (isViewCartPage) {
+        return;
+      }
+      if (isMobile) {
+        publish(PUBSUB.NAVIGATE_TO_VIEW_CART, {
+          fromMobile: true
+        });
+        return;
+      }
+      if (isCheckoutPage) {
+        publish(PUBSUB.NAVIGATE_TO_VIEW_CART, {
+          fromCheckout: true
+        });
+        return;
+      }
+    }
     publish(PUBSUB.TOGGLE_MINI_CART, {
       isVisible: true
     });
@@ -106265,7 +106289,7 @@ CancelButton.propTypes = {
   showIcon: external_prop_types_["default"].bool,
   parent$: external_prop_types_["default"].object
 };
-;// ./src/components/modal/SearchModal.styled.jsx
+;// ./src/components/modal/SearchModal.styled.js
 
 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)."; }
 var SearchModal_styled_colors = {
@@ -106275,61 +106299,61 @@ var SearchModal_styled_colors = {
   muted: "#6b7280"
 };
 var MobileSearchButton = /*#__PURE__*/createStyled("button",  true ? {
-  target: "etuykaq13"
+  target: "ehota0013"
 } : 0)( true ? {
   name: "1ff2nft",
   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;}"
 } : 0);
 var DesktopSearchWrapper = /*#__PURE__*/createStyled("button",  true ? {
-  target: "etuykaq12"
+  target: "ehota0012"
 } : 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) {
   var $sizeVariant = _ref.$sizeVariant;
   return $sizeVariant === "full" ? "100%" : "min(100%, 320px)";
 }, ";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));
 var DesktopTriggerInput = /*#__PURE__*/createStyled("span",  true ? {
-  target: "etuykaq11"
+  target: "ehota0011"
 } : 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));
 var DesktopTriggerSparkleSlot = /*#__PURE__*/createStyled("span",  true ? {
-  target: "etuykaq10"
+  target: "ehota0010"
 } : 0)( true ? {
   name: "q79a68",
   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;}"
 } : 0);
 var DesktopTriggerIconButton = /*#__PURE__*/createStyled("span",  true ? {
-  target: "etuykaq9"
+  target: "ehota009"
 } : 0)( true ? {
   name: "1oufgfl",
   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;}"
 } : 0);
 var ModalOverlay = /*#__PURE__*/createStyled("div",  true ? {
-  target: "etuykaq8"
+  target: "ehota008"
 } : 0)( true ? {
   name: "15ant65",
   styles: "position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:stretch;overflow:hidden"
 } : 0);
 var ModalPanel = /*#__PURE__*/createStyled("dialog",  true ? {
-  target: "etuykaq7"
+  target: "ehota007"
 } : 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));
 var ModalTopBar = /*#__PURE__*/createStyled("div",  true ? {
-  target: "etuykaq6"
+  target: "ehota006"
 } : 0)( true ? {
   name: "19ii5hn",
   styles: "display:none;align-items:center;justify-content:space-between;width:100%;@media (min-width: 1024px){display:flex;}"
 } : 0);
 var SearchModal_styled_LogoSlot = /*#__PURE__*/createStyled("div",  true ? {
-  target: "etuykaq5"
+  target: "ehota005"
 } : 0)( true ? {
   name: "ou8xsw",
   styles: "flex:0 0 auto"
 } : 0);
 var SearchRow = /*#__PURE__*/createStyled("div",  true ? {
-  target: "etuykaq4"
+  target: "ehota004"
 } : 0)( true ? {
   name: "vg66lk",
   styles: "display:flex;align-items:flex-start;gap:12px;width:100%;@media (max-width: 1023px){align-items:center;}"
 } : 0);
 var MobileCancelSlot = /*#__PURE__*/createStyled("div",  true ? {
-  target: "etuykaq3"
+  target: "ehota003"
 } : 0)( true ? {
   name: "kob85u",
   styles: "flex-shrink:0;display:flex;align-items:center;@media (min-width: 1024px){display:none;}"
@@ -106337,19 +106361,19 @@ var MobileCancelSlot = /*#__PURE__*/createStyled("div",  true ? {
 
 /** Wraps the fallback search form so Cancel stays on the same row as the input (mobile). */
 var SearchFormGrow = /*#__PURE__*/createStyled("div",  true ? {
-  target: "etuykaq2"
+  target: "ehota002"
 } : 0)( true ? {
   name: "fxp7t8",
   styles: "flex:1;min-width:0"
 } : 0);
 var AutoCompleteWrapper = /*#__PURE__*/createStyled("div",  true ? {
-  target: "etuykaq1"
+  target: "ehota001"
 } : 0)( true ? {
   name: "1g4wbcn",
   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;}"
 } : 0);
 var SearchForm = /*#__PURE__*/createStyled("form",  true ? {
-  target: "etuykaq0"
+  target: "ehota000"
 } : 0)( true ? {
   name: "1lnhxsx",
   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;}"