@nuskin/nextgen-header 1.36.0 → 1.38.0

package/package-dist/index.js

@@ -101049,6 +101049,13 @@ var GTM_TRACKING_CONFIG = {
     // Loyalty is always an anchor (`data-gtm-loyalty`); selector works for GTM delegation.
     clickSelector: "[data-gtm-loyalty]"
   },
+  topRibbon: {
+    componentName: "Top Ribbon",
+    clickEvent: "top_ribbon_click",
+    clickElement: "CTA Click",
+    clickSelector: "a",
+    extractClickData: true
+  },
   logo: {
     componentName: "Logo",
     clickEvent: "logo_click",
@@ -103161,7 +103168,85 @@ HeaderLoyaltyRegion.propTypes = {
     $: (external_prop_types_default()).object
   })
 };
-;// ./src/components/signup-signin/SignUpOrSignIn.helpers.js
+;// ./src/components/signup-signin/SignUpSignIn.propTypes.js
+
+var authLinkPropType = external_prop_types_default().shape({
+  title: (external_prop_types_default()).string,
+  url: (external_prop_types_default()).string
+});
+var modalCopyPropType = external_prop_types_default().shape({
+  close_dialog_aria_label: (external_prop_types_default()).string,
+  sign_in_heading: (external_prop_types_default()).string,
+  sign_in_message: (external_prop_types_default()).string,
+  sign_in_cta_label: (external_prop_types_default()).string,
+  sign_up_heading: (external_prop_types_default()).string,
+  sign_up_message: (external_prop_types_default()).string,
+  sign_up_cta_label: (external_prop_types_default()).string,
+  sign_up_cta_aria_label: (external_prop_types_default()).string,
+  profile_heading: (external_prop_types_default()).string,
+  profile_view_all_label: (external_prop_types_default()).string,
+  quick_links_heading: (external_prop_types_default()).string,
+  wallet_heading: (external_prop_types_default()).string,
+  credit_label: (external_prop_types_default()).string,
+  promos_label: (external_prop_types_default()).string,
+  sign_out_label: (external_prop_types_default()).string,
+  view_account_label: (external_prop_types_default()).string,
+  copy_id_label: (external_prop_types_default()).string,
+  copied_id_label: (external_prop_types_default()).string
+});
+var authServicePropType = external_prop_types_default().shape({
+  getAuthLinks: (external_prop_types_default()).func,
+  navigateToAccount: (external_prop_types_default()).func,
+  navigateToSignIn: (external_prop_types_default()).func,
+  navigateToSignUp: (external_prop_types_default()).func,
+  signIn: (external_prop_types_default()).func,
+  signUp: (external_prop_types_default()).func,
+  account: (external_prop_types_default()).func,
+  signOut: (external_prop_types_default()).func
+});
+var parentTagsPropType = external_prop_types_default().shape({
+  icon: (external_prop_types_default()).object,
+  icon_color: (external_prop_types_default()).object,
+  sign_up: (external_prop_types_default()).object,
+  sign_up_url: (external_prop_types_default()).object,
+  sign_in: (external_prop_types_default()).object,
+  signed_in: (external_prop_types_default()).object
+});
+var profileUtilityLinksPropType = external_prop_types_default().shape({
+  wallet_url: (external_prop_types_default()).string,
+  quick_links: external_prop_types_default().arrayOf(external_prop_types_default().shape({
+    title: (external_prop_types_default()).string,
+    affiliate_only: (external_prop_types_default()).bool,
+    links: external_prop_types_default().arrayOf(external_prop_types_default().shape({
+      label: (external_prop_types_default()).string,
+      url: (external_prop_types_default()).string,
+      external: (external_prop_types_default()).bool
+    }))
+  }))
+});
+var signUpSignInPropTypes = {
+  show: (external_prop_types_default()).bool,
+  icon: (external_prop_types_default()).string,
+  icon_color: (external_prop_types_default()).string,
+  sign_up: authLinkPropType,
+  sign_in: authLinkPropType,
+  signed_in: authLinkPropType,
+  profile_utility_links: profileUtilityLinksPropType,
+  modal_copy: modalCopyPropType,
+  authService: authServicePropType,
+  customerData: (external_prop_types_default()).object,
+  parent$: parentTagsPropType
+};
+;// ./src/components/signup-signin/SignUpSignIn.helpers.js
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = SignUpSignIn_helpers_unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function SignUpSignIn_helpers_unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return SignUpSignIn_helpers_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) ? SignUpSignIn_helpers_arrayLikeToArray(r, a) : void 0; } }
+function SignUpSignIn_helpers_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; }
+function SignUpSignIn_helpers_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; }
+function SignUpSignIn_helpers_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? SignUpSignIn_helpers_ownKeys(Object(t), !0).forEach(function (r) { SignUpSignIn_helpers_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : SignUpSignIn_helpers_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function SignUpSignIn_helpers_defineProperty(e, r, t) { return (r = SignUpSignIn_helpers_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function SignUpSignIn_helpers_toPropertyKey(t) { var i = SignUpSignIn_helpers_toPrimitive(t, "string"); return "symbol" == SignUpSignIn_helpers_typeof(i) ? i : i + ""; }
+function SignUpSignIn_helpers_toPrimitive(t, r) { if ("object" != SignUpSignIn_helpers_typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != SignUpSignIn_helpers_typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function SignUpSignIn_helpers_typeof(o) { "@babel/helpers - typeof"; return SignUpSignIn_helpers_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; }, SignUpSignIn_helpers_typeof(o); }
 var DEFAULT_SIGN_UP = {
   title: "Sign Up",
   url: ""
@@ -103170,7 +103255,54 @@ var DEFAULT_SIGN_IN = {
   title: "Sign In",
   url: ""
 };
+var DEFAULT_SIGNED_IN = {
+  title: "My Account",
+  url: ""
+};
 var DEFAULT_ICON = "userOutline";
+var DEFAULT_PROFILE_PHOTO = "https://www.shutterstock.com/image-vector/person-gray-photo-placeholder-woman-600nw-1241538838.jpg";
+var DEFAULT_PROFILE_UTILITY_LINKS = {
+  wallet_url: "/myaccount/wallet",
+  quick_links: [{
+    title: "My Account",
+    links: [{
+      label: "Account Settings",
+      url: "/myaccount/accountprofile"
+    }]
+  }, {
+    title: "Orders",
+    links: [{
+      label: "Subscriptions",
+      url: "/myaccount/subscriptions"
+    }, {
+      label: "History",
+      url: "/myaccount/orderhistory"
+    }]
+  }, {
+    title: "My Business",
+    affiliate_only: true,
+    links: [{
+      label: "Volumes & Genealogy",
+      url: "/account/volumes",
+      external: true
+    }, {
+      label: "My Site",
+      url: "/myaccount/mysite"
+    }, {
+      label: "Product Offer",
+      url: "/account/product-offers"
+    }, {
+      label: "Sign-Up Invite",
+      url: "/account/sign-up-invite",
+      external: true
+    }, {
+      label: "Info Center",
+      url: "/account/info-center",
+      external: true
+    }]
+  }]
+};
+var ACCOUNT_TOGGLE_NAME_MAX_LENGTH = 12;
 var ALLOWED_ICON_NAMES = new Set(["userOutline", "userIcon"]);
 var ICON_COLOR_MAP = {
   black: "#000000",
@@ -103206,6 +103338,188 @@ function getEffectiveAuthDisplay(resolvedLinks, sign_up, sign_in) {
     effectiveSignInTitle: (_effectiveSignIn$titl = effectiveSignIn === null || effectiveSignIn === void 0 ? void 0 : effectiveSignIn.title) !== null && _effectiveSignIn$titl !== void 0 ? _effectiveSignIn$titl : signInTitle
   };
 }
+function pickFirstTruthyString() {
+  for (var _len = arguments.length, values = new Array(_len), _key = 0; _key < _len; _key++) {
+    values[_key] = arguments[_key];
+  }
+  for (var _i = 0, _values = values; _i < _values.length; _i++) {
+    var value = _values[_i];
+    if (typeof value !== "string") continue;
+    var trimmed = value.trim();
+    if (trimmed) return trimmed;
+  }
+  return "";
+}
+function isAuthenticatedCustomer(customerData) {
+  if (!customerData || SignUpSignIn_helpers_typeof(customerData) !== "object") return false;
+  return Boolean(customerData.isAuthenticated || customerData.isRegisterUser || customerData.isRegisteredUser || customerData.authenticated);
+}
+function getCustomerProfileSummary(customerData) {
+  var _customerData$account, _customerData$custome;
+  if (!customerData || SignUpSignIn_helpers_typeof(customerData) !== "object") {
+    return {
+      displayName: "",
+      email: "",
+      accountId: ""
+    };
+  }
+  var displayName = getCustomerDisplayName(customerData);
+  var email = pickFirstTruthyString(customerData.email, customerData.userName, customerData.phoneNumber);
+  var accountId = pickFirstTruthyString(customerData.referenceAttribute, (_customerData$account = customerData.accounts) === null || _customerData$account === void 0 ? void 0 : _customerData$account.referenceAttribute, customerData.nuskinAccountId, (_customerData$custome = customerData.customer) === null || _customerData$custome === void 0 ? void 0 : _customerData$custome.referenceAttribute);
+  return {
+    displayName: displayName,
+    email: email,
+    accountId: accountId
+  };
+}
+function getCustomerDisplayName(customerData) {
+  if (!customerData || SignUpSignIn_helpers_typeof(customerData) !== "object") return "";
+  var firstAndLast = pickFirstTruthyString([customerData.firstName, customerData.lastName].filter(Boolean).join(" "));
+  return pickFirstTruthyString(customerData.displayName, customerData.fullName, customerData.name, firstAndLast, customerData.firstName);
+}
+function getCustomerFirstName(customerData) {
+  if (!customerData || SignUpSignIn_helpers_typeof(customerData) !== "object") return "";
+  return pickFirstTruthyString(customerData.firstName);
+}
+function formatAccountToggleLabel(name) {
+  var text = String(name !== null && name !== void 0 ? name : "").trim();
+  if (!text) return "";
+  var upper = text.toUpperCase();
+  if (upper.length > ACCOUNT_TOGGLE_NAME_MAX_LENGTH) {
+    return "".concat(upper.slice(0, ACCOUNT_TOGGLE_NAME_MAX_LENGTH - 1), "...");
+  }
+  return upper;
+}
+function formatProfileGreetingName(name) {
+  return String(name !== null && name !== void 0 ? name : "").trim().toUpperCase();
+}
+function getCustomerAccountType(customerData) {
+  var _customerData$account2, _customerData$custome2;
+  if (!customerData || SignUpSignIn_helpers_typeof(customerData) !== "object") return "";
+  return pickFirstTruthyString(customerData.type, customerData.accountType, (_customerData$account2 = customerData.accounts) === null || _customerData$account2 === void 0 ? void 0 : _customerData$account2.accountType, (_customerData$custome2 = customerData.customer) === null || _customerData$custome2 === void 0 ? void 0 : _customerData$custome2.type);
+}
+function isBrandAffiliateCustomer(customerData) {
+  return getCustomerAccountType(customerData) === "Brand Affiliate";
+}
+function getCustomerPhotoUrl(customerData) {
+  var _customerData$custome3;
+  if (!customerData || SignUpSignIn_helpers_typeof(customerData) !== "object") return "";
+  return pickFirstTruthyString(customerData.photo, customerData.profilePhoto, (_customerData$custome3 = customerData.customer) === null || _customerData$custome3 === void 0 ? void 0 : _customerData$custome3.photo);
+}
+function normalizeProfileLinkEntry(entry) {
+  if (!entry || SignUpSignIn_helpers_typeof(entry) !== "object") return null;
+  var label = pickFirstTruthyString(entry.label, entry.title, entry.text);
+  var url = pickFirstTruthyString(entry.url, entry.href, entry.link);
+  if (!label || !url) return null;
+  return {
+    label: label,
+    url: url,
+    external: Boolean(entry.external || entry.is_external || entry.open_in_new_tab)
+  };
+}
+function normalizeProfileLinkGroup(entries) {
+  if (!Array.isArray(entries)) return [];
+  return entries.map(normalizeProfileLinkEntry).filter(Boolean);
+}
+function normalizeQuickLinkGroup(group) {
+  if (!group || SignUpSignIn_helpers_typeof(group) !== "object") return null;
+  var title = pickFirstTruthyString(group.title, group.heading);
+  var links = normalizeProfileLinkGroup(group.links || group.items);
+  if (!title || !links.length) return null;
+  return {
+    title: title,
+    links: links,
+    affiliateOnly: Boolean(group.affiliate_only || group.affiliateOnly)
+  };
+}
+function getProfileWalletSummary(customerData) {
+  var _ref, _ref2, _customerData$storeCr, _customerData$wallet, _ref3, _ref4, _customerData$availab, _customerData$wallet2;
+  if (!customerData || SignUpSignIn_helpers_typeof(customerData) !== "object") {
+    return {
+      storeCredit: 0,
+      promoCount: 0
+    };
+  }
+  var storeCredit = Number((_ref = (_ref2 = (_customerData$storeCr = customerData.storeCreditPoints) !== null && _customerData$storeCr !== void 0 ? _customerData$storeCr : customerData.storeCredit) !== null && _ref2 !== void 0 ? _ref2 : (_customerData$wallet = customerData.wallet) === null || _customerData$wallet === void 0 ? void 0 : _customerData$wallet.credit) !== null && _ref !== void 0 ? _ref : 0);
+  var promoCount = Number((_ref3 = (_ref4 = (_customerData$availab = customerData.availablePromoCodes) !== null && _customerData$availab !== void 0 ? _customerData$availab : customerData.promoCount) !== null && _ref4 !== void 0 ? _ref4 : (_customerData$wallet2 = customerData.wallet) === null || _customerData$wallet2 === void 0 ? void 0 : _customerData$wallet2.promos) !== null && _ref3 !== void 0 ? _ref3 : 0);
+  return {
+    storeCredit: Number.isFinite(storeCredit) ? storeCredit : 0,
+    promoCount: Number.isFinite(promoCount) ? promoCount : 0
+  };
+}
+function getProfileVolumeStats(customerData) {
+  var _customerData$customP, _customerData$customP2, _customerData$customP3;
+  if (!customerData || SignUpSignIn_helpers_typeof(customerData) !== "object") {
+    return {
+      dcSv: "",
+      gsv: ""
+    };
+  }
+  var dcSv = pickFirstTruthyString(customerData.dcSv, customerData.dc_sv, (_customerData$customP = customerData.customProperties) === null || _customerData$customP === void 0 ? void 0 : _customerData$customP.dcSv, (_customerData$customP2 = customerData.customProperties) === null || _customerData$customP2 === void 0 ? void 0 : _customerData$customP2.dc_sv);
+  var gsv = pickFirstTruthyString(customerData.gsv, (_customerData$customP3 = customerData.customProperties) === null || _customerData$customP3 === void 0 ? void 0 : _customerData$customP3.gsv);
+  return {
+    dcSv: dcSv,
+    gsv: gsv
+  };
+}
+function resolveProfileUtilityLinks(profileUtilityLinks) {
+  var source = profileUtilityLinks && SignUpSignIn_helpers_typeof(profileUtilityLinks) === "object" ? profileUtilityLinks : DEFAULT_PROFILE_UTILITY_LINKS;
+  var quickLinksSource = source.quick_links || source.quickLinks || (source.my_account || source.myAccount || source.my_business || source.myBusiness ? [{
+    title: "My Account",
+    links: source.my_account || source.myAccount || []
+  }, {
+    title: "Orders",
+    links: []
+  }, {
+    title: "My Business",
+    affiliate_only: true,
+    links: source.my_business || source.myBusiness || []
+  }] : DEFAULT_PROFILE_UTILITY_LINKS.quick_links);
+  return {
+    walletUrl: pickFirstTruthyString(source.wallet_url, source.walletUrl, DEFAULT_PROFILE_UTILITY_LINKS.wallet_url),
+    quickLinkGroups: (Array.isArray(quickLinksSource) ? quickLinksSource : []).map(normalizeQuickLinkGroup).filter(Boolean)
+  };
+}
+var DEFAULT_SIGN_UP_PATH = "/site/signup";
+function resolveDefaultSignUpPath() {
+  return resolveLocalizedStorefrontPath(DEFAULT_SIGN_UP_PATH);
+}
+var LOCALE_PATH_PREFIX_REGEX = /^\/([a-z]{2})\/([a-z]{2})(?=\/|$)/i;
+function resolveLocalizedStorefrontPath(path) {
+  var raw = String(path !== null && path !== void 0 ? path : "").trim();
+  if (!raw || /^https?:\/\//i.test(raw)) return raw;
+  var normalized = raw.startsWith("/") ? raw : "/".concat(raw);
+  if (typeof globalThis.window === "undefined") return normalized;
+  var localeMatch = LOCALE_PATH_PREFIX_REGEX.exec(globalThis.window.location.pathname);
+  if (!localeMatch) return normalized;
+  var prefix = "/".concat(localeMatch[1], "/").concat(localeMatch[2]);
+  if (normalized === prefix || normalized.startsWith("".concat(prefix, "/"))) {
+    return normalized;
+  }
+  return "".concat(prefix).concat(normalized);
+}
+function getAuthDisplayState(_ref5) {
+  var _effectiveSignedIn$ur;
+  var resolvedLinks = _ref5.resolvedLinks,
+    sign_up = _ref5.sign_up,
+    sign_in = _ref5.sign_in,
+    signed_in = _ref5.signed_in,
+    customerData = _ref5.customerData;
+  var guestDisplay = getEffectiveAuthDisplay(resolvedLinks, sign_up, sign_in);
+  var effectiveSignedIn = (resolvedLinks === null || resolvedLinks === void 0 ? void 0 : resolvedLinks.signed_in) || (resolvedLinks === null || resolvedLinks === void 0 ? void 0 : resolvedLinks.signedIn) || signed_in;
+  var isAuthenticated = isAuthenticatedCustomer(customerData);
+  var accountTitle = pickFirstTruthyString(effectiveSignedIn === null || effectiveSignedIn === void 0 ? void 0 : effectiveSignedIn.title, getCustomerDisplayName(customerData), DEFAULT_SIGNED_IN.title);
+  var firstName = getCustomerFirstName(customerData);
+  var accountToggleLabel = isAuthenticated && firstName ? formatAccountToggleLabel(firstName) : accountTitle;
+  return SignUpSignIn_helpers_objectSpread(SignUpSignIn_helpers_objectSpread({}, guestDisplay), {}, {
+    isAuthenticated: isAuthenticated,
+    showGuestAuth: !isAuthenticated,
+    accountTitle: accountTitle,
+    accountToggleLabel: accountToggleLabel,
+    accountUrl: (_effectiveSignedIn$ur = effectiveSignedIn === null || effectiveSignedIn === void 0 ? void 0 : effectiveSignedIn.url) !== null && _effectiveSignedIn$ur !== void 0 ? _effectiveSignedIn$ur : DEFAULT_SIGNED_IN.url,
+    effectiveSignedIn: effectiveSignedIn
+  });
+}
 function getIconPresentation(icon, icon_color) {
   var normalizedIconName = String(icon !== null && icon !== void 0 ? icon : DEFAULT_ICON).trim();
   var resolvedIconName = ALLOWED_ICON_NAMES.has(normalizedIconName) ? normalizedIconName : DEFAULT_ICON;
@@ -103215,49 +103529,146 @@ function getIconPresentation(icon, icon_color) {
     resolvedIconColor: ICON_COLOR_MAP[normalizedColorName]
   };
 }
-function handleSignUpNavigate(editing, url) {
+var AUTH_ACTION_ALIASES = {
+  navigateToSignIn: ["navigateToSignIn", "signIn"],
+  navigateToSignUp: ["navigateToSignUp", "signUp"],
+  navigateToAccount: ["navigateToAccount", "account"],
+  signOut: ["signOut", "navigateToSignOut"]
+};
+function getWindowHeaderAuthBridge() {
+  if (typeof globalThis.window === "undefined") return null;
+  var bridge = globalThis.window.__NUSKIN_HEADER_AUTH__;
+  return bridge && SignUpSignIn_helpers_typeof(bridge) === "object" ? bridge : null;
+}
+function invokeAuthHandler(handler, url) {
+  var _ref6 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
+    _ref6$passUrl = _ref6.passUrl,
+    passUrl = _ref6$passUrl === void 0 ? false : _ref6$passUrl;
+  if (passUrl) {
+    var resolvedUrl = String(url !== null && url !== void 0 ? url : "").trim();
+    if (resolvedUrl) {
+      handler(resolvedUrl);
+      return;
+    }
+  }
+  handler();
+}
+function delegateAuthNavigation(authService, methodName, url) {
+  var keys = AUTH_ACTION_ALIASES[methodName] || [methodName];
+  var sources = [authService, getWindowHeaderAuthBridge()].filter(Boolean);
+  var passUrl = methodName === "navigateToAccount";
+  var _iterator = _createForOfIteratorHelper(sources),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var source = _step.value;
+      var _iterator2 = _createForOfIteratorHelper(keys),
+        _step2;
+      try {
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var key = _step2.value;
+          var handler = source === null || source === void 0 ? void 0 : source[key];
+          if (typeof handler === "function") {
+            invokeAuthHandler(handler, url, {
+              passUrl: passUrl
+            });
+            return true;
+          }
+        }
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return false;
+}
+function handleSignUpNavigate(editing, url, authService) {
   if (editing) return;
-  navigateToUrl(url);
+  if (delegateAuthNavigation(authService, "navigateToSignUp", url)) return;
+  navigateToUrl(resolveDefaultSignUpPath());
 }
-function handleSignInActivate(editing, isMobile, setIsModalOpen, url) {
+function handleSignInActivate(editing, isMobile, setIsModalOpen, url, authService) {
   if (editing) return;
   if (isMobile) {
     setIsModalOpen(true);
     return;
   }
+  if (delegateAuthNavigation(authService, "navigateToSignIn", url)) return;
   navigateToUrl(url);
 }
-function handleModalAuthNavigate(editing, closeModal, url) {
+function handleAccountNavigate(editing, url, authService) {
+  if (editing) return;
+  var resolvedUrl = resolveLocalizedStorefrontPath(url);
+  if (delegateAuthNavigation(authService, "navigateToAccount", resolvedUrl)) {
+    return;
+  }
+  navigateToUrl(resolvedUrl);
+}
+function handleProfileLinkNavigate(editing, url, authService) {
+  var _ref7 = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {},
+    _ref7$external = _ref7.external,
+    external = _ref7$external === void 0 ? false : _ref7$external;
+  if (editing) return;
+  var resolvedUrl = resolveLocalizedStorefrontPath(url);
+  if (external || /^https?:\/\//i.test(resolvedUrl)) {
+    if (typeof globalThis.window !== "undefined") {
+      globalThis.window.open(resolvedUrl, "_blank", "noopener,noreferrer");
+    }
+    return;
+  }
+  if (delegateAuthNavigation(authService, "navigateToAccount", resolvedUrl)) {
+    return;
+  }
+  navigateToUrl(resolvedUrl);
+}
+function handleSignOutNavigate(editing, authService) {
+  if (editing) return;
+  delegateAuthNavigation(authService, "signOut");
+}
+function handleModalAuthNavigate(editing, closeModal, url, authService, methodName) {
   if (editing) return;
   closeModal();
+  if (delegateAuthNavigation(authService, methodName, url)) return;
+  if (methodName === "navigateToSignUp") {
+    navigateToUrl(resolveDefaultSignUpPath());
+    return;
+  }
   navigateToUrl(url);
 }
-function mergeAuthLinksFromService(links, sign_up, sign_in) {
+function mergeAuthLinksFromService(links, sign_up, sign_in, signed_in) {
   if (!links) return {
     sign_up: sign_up,
-    sign_in: sign_in
+    sign_in: sign_in,
+    signed_in: signed_in
   };
   return {
     sign_up: links.sign_up || links.signUp || sign_up,
-    sign_in: links.sign_in || links.signIn || sign_in
+    sign_in: links.sign_in || links.signIn || sign_in,
+    signed_in: links.signed_in || links.signedIn || signed_in
   };
 }
-;// ./src/components/signup-signin/SignUpOrSignIn.hooks.js
-function SignUpOrSignIn_hooks_regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return SignUpOrSignIn_hooks_regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (SignUpOrSignIn_hooks_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, SignUpOrSignIn_hooks_regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, SignUpOrSignIn_hooks_regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), SignUpOrSignIn_hooks_regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", SignUpOrSignIn_hooks_regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), SignUpOrSignIn_hooks_regeneratorDefine2(u), SignUpOrSignIn_hooks_regeneratorDefine2(u, o, "Generator"), SignUpOrSignIn_hooks_regeneratorDefine2(u, n, function () { return this; }), SignUpOrSignIn_hooks_regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (SignUpOrSignIn_hooks_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
-function SignUpOrSignIn_hooks_regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } SignUpOrSignIn_hooks_regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { SignUpOrSignIn_hooks_regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, SignUpOrSignIn_hooks_regeneratorDefine2(e, r, n, t); }
-function SignUpOrSignIn_hooks_asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
-function SignUpOrSignIn_hooks_asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { SignUpOrSignIn_hooks_asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { SignUpOrSignIn_hooks_asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
-function SignUpOrSignIn_hooks_slicedToArray(r, e) { return SignUpOrSignIn_hooks_arrayWithHoles(r) || SignUpOrSignIn_hooks_iterableToArrayLimit(r, e) || SignUpOrSignIn_hooks_unsupportedIterableToArray(r, e) || SignUpOrSignIn_hooks_nonIterableRest(); }
-function SignUpOrSignIn_hooks_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."); }
-function SignUpOrSignIn_hooks_unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return SignUpOrSignIn_hooks_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) ? SignUpOrSignIn_hooks_arrayLikeToArray(r, a) : void 0; } }
-function SignUpOrSignIn_hooks_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; }
-function SignUpOrSignIn_hooks_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; } }
-function SignUpOrSignIn_hooks_arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+;// ./src/components/signup-signin/SignUpSignIn.hooks.js
+function SignUpSignIn_hooks_regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return SignUpSignIn_hooks_regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (SignUpSignIn_hooks_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, SignUpSignIn_hooks_regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, SignUpSignIn_hooks_regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), SignUpSignIn_hooks_regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", SignUpSignIn_hooks_regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), SignUpSignIn_hooks_regeneratorDefine2(u), SignUpSignIn_hooks_regeneratorDefine2(u, o, "Generator"), SignUpSignIn_hooks_regeneratorDefine2(u, n, function () { return this; }), SignUpSignIn_hooks_regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (SignUpSignIn_hooks_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function SignUpSignIn_hooks_regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } SignUpSignIn_hooks_regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { SignUpSignIn_hooks_regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, SignUpSignIn_hooks_regeneratorDefine2(e, r, n, t); }
+function SignUpSignIn_hooks_asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
+function SignUpSignIn_hooks_asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { SignUpSignIn_hooks_asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { SignUpSignIn_hooks_asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
+function SignUpSignIn_hooks_slicedToArray(r, e) { return SignUpSignIn_hooks_arrayWithHoles(r) || SignUpSignIn_hooks_iterableToArrayLimit(r, e) || SignUpSignIn_hooks_unsupportedIterableToArray(r, e) || SignUpSignIn_hooks_nonIterableRest(); }
+function SignUpSignIn_hooks_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."); }
+function SignUpSignIn_hooks_unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return SignUpSignIn_hooks_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) ? SignUpSignIn_hooks_arrayLikeToArray(r, a) : void 0; } }
+function SignUpSignIn_hooks_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; }
+function SignUpSignIn_hooks_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; } }
+function SignUpSignIn_hooks_arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 
 
 function useIsMobileViewport() {
   var _useState = (0,external_react_.useState)(false),
-    _useState2 = SignUpOrSignIn_hooks_slicedToArray(_useState, 2),
+    _useState2 = SignUpSignIn_hooks_slicedToArray(_useState, 2),
     isMobile = _useState2[0],
     setIsMobile = _useState2[1];
   (0,external_react_.useEffect)(function () {
@@ -103275,27 +103686,29 @@ function useIsMobileViewport() {
   }, []);
   return isMobile;
 }
-function useResolvedAuthLinks(sign_up, sign_in, authService) {
+function useResolvedAuthLinks(sign_up, sign_in, signed_in, authService) {
   var _useState3 = (0,external_react_.useState)({
       sign_up: sign_up,
-      sign_in: sign_in
+      sign_in: sign_in,
+      signed_in: signed_in
     }),
-    _useState4 = SignUpOrSignIn_hooks_slicedToArray(_useState3, 2),
+    _useState4 = SignUpSignIn_hooks_slicedToArray(_useState3, 2),
     resolvedLinks = _useState4[0],
     setResolvedLinks = _useState4[1];
   (0,external_react_.useEffect)(function () {
     setResolvedLinks({
       sign_up: sign_up,
-      sign_in: sign_in
+      sign_in: sign_in,
+      signed_in: signed_in
     });
-  }, [sign_up, sign_in]);
+  }, [sign_up, sign_in, signed_in]);
   (0,external_react_.useEffect)(function () {
     var canceled = false;
     var canResolve = typeof (authService === null || authService === void 0 ? void 0 : authService.getAuthLinks) === "function";
     if (!canResolve) return undefined;
-    SignUpOrSignIn_hooks_asyncToGenerator(/*#__PURE__*/SignUpOrSignIn_hooks_regenerator().m(function _callee() {
+    SignUpSignIn_hooks_asyncToGenerator(/*#__PURE__*/SignUpSignIn_hooks_regenerator().m(function _callee() {
       var links, _t;
-      return SignUpOrSignIn_hooks_regenerator().w(function (_context) {
+      return SignUpSignIn_hooks_regenerator().w(function (_context) {
         while (1) switch (_context.p = _context.n) {
           case 0:
             _context.p = 0;
@@ -103304,7 +103717,7 @@ function useResolvedAuthLinks(sign_up, sign_in, authService) {
           case 1:
             links = _context.v;
             if (!canceled && links) {
-              setResolvedLinks(mergeAuthLinksFromService(links, sign_up, sign_in));
+              setResolvedLinks(mergeAuthLinksFromService(links, sign_up, sign_in, signed_in));
             }
             _context.n = 3;
             break;
@@ -103319,7 +103732,7 @@ function useResolvedAuthLinks(sign_up, sign_in, authService) {
     return function () {
       canceled = true;
     };
-  }, [authService, sign_in, sign_up]);
+  }, [authService, sign_in, sign_up, signed_in]);
   return resolvedLinks;
 }
 function useEscapeToCloseModal(isModalOpen, setIsModalOpen) {
@@ -103337,290 +103750,1294 @@ function useEscapeToCloseModal(isModalOpen, setIsModalOpen) {
     };
   }, [isModalOpen, setIsModalOpen]);
 }
-;// ./src/components/signup-signin/SignUpOrSignIn.styled.js
+function useAccountMenuState() {
+  var _useState5 = (0,external_react_.useState)(false),
+    _useState6 = SignUpSignIn_hooks_slicedToArray(_useState5, 2),
+    isAccountMenuOpen = _useState6[0],
+    setIsAccountMenuOpen = _useState6[1];
+  var menuRef = (0,external_react_.useRef)(null);
+  (0,external_react_.useEffect)(function () {
+    var _globalThis$document;
+    if (!isAccountMenuOpen) return undefined;
+    var onPointerDown = function onPointerDown(event) {
+      var _menuRef$current;
+      if (!((_menuRef$current = menuRef.current) !== null && _menuRef$current !== void 0 && _menuRef$current.contains(event.target))) {
+        setIsAccountMenuOpen(false);
+      }
+    };
+    (_globalThis$document = globalThis.document) === null || _globalThis$document === void 0 || _globalThis$document.addEventListener("mousedown", onPointerDown);
+    return function () {
+      var _globalThis$document2;
+      return (_globalThis$document2 = globalThis.document) === null || _globalThis$document2 === void 0 ? void 0 : _globalThis$document2.removeEventListener("mousedown", onPointerDown);
+    };
+  }, [isAccountMenuOpen]);
+  useEscapeToCloseModal(isAccountMenuOpen, setIsAccountMenuOpen);
+  return {
+    isAccountMenuOpen: isAccountMenuOpen,
+    setIsAccountMenuOpen: setIsAccountMenuOpen,
+    menuRef: menuRef
+  };
+}
+;// ./src/components/signup-signin/useSignUpSignIn.js
+function useSignUpSignIn_typeof(o) { "@babel/helpers - typeof"; return useSignUpSignIn_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; }, useSignUpSignIn_typeof(o); }
+function useSignUpSignIn_regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return useSignUpSignIn_regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (useSignUpSignIn_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, useSignUpSignIn_regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, useSignUpSignIn_regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), useSignUpSignIn_regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", useSignUpSignIn_regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), useSignUpSignIn_regeneratorDefine2(u), useSignUpSignIn_regeneratorDefine2(u, o, "Generator"), useSignUpSignIn_regeneratorDefine2(u, n, function () { return this; }), useSignUpSignIn_regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (useSignUpSignIn_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function useSignUpSignIn_regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } useSignUpSignIn_regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { useSignUpSignIn_regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, useSignUpSignIn_regeneratorDefine2(e, r, n, t); }
+function useSignUpSignIn_asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
+function useSignUpSignIn_asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { useSignUpSignIn_asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { useSignUpSignIn_asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
+function useSignUpSignIn_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; }
+function useSignUpSignIn_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? useSignUpSignIn_ownKeys(Object(t), !0).forEach(function (r) { useSignUpSignIn_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : useSignUpSignIn_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function useSignUpSignIn_defineProperty(e, r, t) { return (r = useSignUpSignIn_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function useSignUpSignIn_toPropertyKey(t) { var i = useSignUpSignIn_toPrimitive(t, "string"); return "symbol" == useSignUpSignIn_typeof(i) ? i : i + ""; }
+function useSignUpSignIn_toPrimitive(t, r) { if ("object" != useSignUpSignIn_typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != useSignUpSignIn_typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function useSignUpSignIn_slicedToArray(r, e) { return useSignUpSignIn_arrayWithHoles(r) || useSignUpSignIn_iterableToArrayLimit(r, e) || useSignUpSignIn_unsupportedIterableToArray(r, e) || useSignUpSignIn_nonIterableRest(); }
+function useSignUpSignIn_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."); }
+function useSignUpSignIn_unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return useSignUpSignIn_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) ? useSignUpSignIn_arrayLikeToArray(r, a) : void 0; } }
+function useSignUpSignIn_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; }
+function useSignUpSignIn_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; } }
+function useSignUpSignIn_arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+
+
+
+
+var DEFAULT_MODAL_COPY = {
+  close_dialog_aria_label: "Close dialog",
+  sign_in_heading: "Sign In",
+  sign_in_message: "Have an account already? Please sign in.",
+  sign_in_cta_label: "Sign In",
+  sign_up_heading: "Sign Up",
+  sign_up_message: "New user? Please Sign up to continue",
+  sign_up_cta_label: "Create Account",
+  sign_up_cta_aria_label: "Create Account",
+  profile_heading: "Profile",
+  profile_view_all_label: "View All",
+  quick_links_heading: "Quick Links",
+  wallet_heading: "Wallet",
+  credit_label: "Credit",
+  promos_label: "Promos",
+  sign_out_label: "Sign Out",
+  view_account_label: "View Account",
+  copy_id_label: "Copy ID",
+  copied_id_label: "Copied!"
+};
+function useSignUpSignIn(_ref) {
+  var _ref$show = _ref.show,
+    show = _ref$show === void 0 ? true : _ref$show,
+    _ref$icon = _ref.icon,
+    icon = _ref$icon === void 0 ? DEFAULT_ICON : _ref$icon,
+    icon_color = _ref.icon_color,
+    _ref$sign_up = _ref.sign_up,
+    sign_up = _ref$sign_up === void 0 ? DEFAULT_SIGN_UP : _ref$sign_up,
+    _ref$sign_in = _ref.sign_in,
+    sign_in = _ref$sign_in === void 0 ? DEFAULT_SIGN_IN : _ref$sign_in,
+    _ref$signed_in = _ref.signed_in,
+    signed_in = _ref$signed_in === void 0 ? undefined : _ref$signed_in,
+    _ref$profile_utility_ = _ref.profile_utility_links,
+    profile_utility_links = _ref$profile_utility_ === void 0 ? undefined : _ref$profile_utility_,
+    _ref$modal_copy = _ref.modal_copy,
+    modal_copy = _ref$modal_copy === void 0 ? DEFAULT_MODAL_COPY : _ref$modal_copy,
+    _ref$authService = _ref.authService,
+    authService = _ref$authService === void 0 ? undefined : _ref$authService,
+    _ref$customerData = _ref.customerData,
+    customerData = _ref$customerData === void 0 ? undefined : _ref$customerData;
+  var isMobile = useIsMobileViewport();
+  var _useState = (0,external_react_.useState)(false),
+    _useState2 = useSignUpSignIn_slicedToArray(_useState, 2),
+    isModalOpen = _useState2[0],
+    setIsModalOpen = _useState2[1];
+  var _useState3 = (0,external_react_.useState)(false),
+    _useState4 = useSignUpSignIn_slicedToArray(_useState3, 2),
+    copiedAccountId = _useState4[0],
+    setCopiedAccountId = _useState4[1];
+  var _useAccountMenuState = useAccountMenuState(),
+    isAccountMenuOpen = _useAccountMenuState.isAccountMenuOpen,
+    setIsAccountMenuOpen = _useAccountMenuState.setIsAccountMenuOpen,
+    menuRef = _useAccountMenuState.menuRef;
+  var resolvedLinks = useResolvedAuthLinks(sign_up, sign_in, signed_in, authService);
+  var editing = isEditingMode();
+  var copy = useSignUpSignIn_objectSpread(useSignUpSignIn_objectSpread({}, DEFAULT_MODAL_COPY), modal_copy);
+  var authDisplay = getAuthDisplayState({
+    resolvedLinks: resolvedLinks,
+    sign_up: sign_up,
+    sign_in: sign_in,
+    signed_in: signed_in,
+    customerData: customerData
+  });
+  var profileSummary = getCustomerProfileSummary(customerData);
+  var profileUtilityLinks = resolveProfileUtilityLinks(profile_utility_links);
+  var firstName = getCustomerFirstName(customerData);
+  var accountType = getCustomerAccountType(customerData);
+  var isBrandAffiliate = isBrandAffiliateCustomer(customerData);
+  var customerPhotoUrl = getCustomerPhotoUrl(customerData);
+  var photoUrl = customerPhotoUrl || DEFAULT_PROFILE_PHOTO;
+  var greetingName = formatProfileGreetingName(firstName || profileSummary.displayName || authDisplay.accountTitle);
+  var walletSummary = getProfileWalletSummary(customerData);
+  var volumeStats = getProfileVolumeStats(customerData);
+  var visibleQuickLinkGroups = profileUtilityLinks.quickLinkGroups.filter(function (group) {
+    return !group.affiliateOnly || isBrandAffiliate;
+  });
+  var _getIconPresentation = getIconPresentation(icon, icon_color),
+    resolvedIconName = _getIconPresentation.resolvedIconName,
+    resolvedIconColor = _getIconPresentation.resolvedIconColor;
+  var closeModal = function closeModal() {
+    return setIsModalOpen(false);
+  };
+  var closeAccountMenu = function closeAccountMenu() {
+    return setIsAccountMenuOpen(false);
+  };
+  var dismissMenus = function dismissMenus() {
+    closeAccountMenu();
+    closeModal();
+  };
+  var showMobileModal = isMobile && (authDisplay.showGuestAuth ? isModalOpen : isAccountMenuOpen);
+  useEscapeToCloseModal(isModalOpen, setIsModalOpen);
+  var handleAuthenticatedAccountClick = function handleAuthenticatedAccountClick() {
+    if (editing) return;
+    setIsAccountMenuOpen(function (open) {
+      return !open;
+    });
+  };
+  var handleCopyAccountId = /*#__PURE__*/function () {
+    var _ref2 = useSignUpSignIn_asyncToGenerator(/*#__PURE__*/useSignUpSignIn_regenerator().m(function _callee() {
+      var _globalThis$navigator, _globalThis$navigator2, _globalThis$setTimeou, _t;
+      return useSignUpSignIn_regenerator().w(function (_context) {
+        while (1) switch (_context.p = _context.n) {
+          case 0:
+            if (profileSummary.accountId) {
+              _context.n = 1;
+              break;
+            }
+            return _context.a(2);
+          case 1:
+            _context.p = 1;
+            _context.n = 2;
+            return (_globalThis$navigator = globalThis.navigator) === null || _globalThis$navigator === void 0 || (_globalThis$navigator = _globalThis$navigator.clipboard) === null || _globalThis$navigator === void 0 || (_globalThis$navigator2 = _globalThis$navigator.writeText) === null || _globalThis$navigator2 === void 0 ? void 0 : _globalThis$navigator2.call(_globalThis$navigator, profileSummary.accountId);
+          case 2:
+            setCopiedAccountId(true);
+            (_globalThis$setTimeou = globalThis.setTimeout) === null || _globalThis$setTimeou === void 0 || _globalThis$setTimeou.call(globalThis, function () {
+              return setCopiedAccountId(false);
+            }, 2000);
+            _context.n = 4;
+            break;
+          case 3:
+            _context.p = 3;
+            _t = _context.v;
+            setCopiedAccountId(false);
+          case 4:
+            return _context.a(2);
+        }
+      }, _callee, null, [[1, 3]]);
+    }));
+    return function handleCopyAccountId() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var profilePanelProps = {
+    copy: copy,
+    editing: editing,
+    authService: authService,
+    accountUrl: authDisplay.accountUrl,
+    profileSummary: profileSummary,
+    greetingName: greetingName,
+    customerPhotoUrl: customerPhotoUrl,
+    photoUrl: photoUrl,
+    resolvedIconName: resolvedIconName,
+    resolvedIconColor: resolvedIconColor,
+    accountType: accountType,
+    isBrandAffiliate: isBrandAffiliate,
+    volumeStats: volumeStats,
+    walletSummary: walletSummary,
+    walletUrl: profileUtilityLinks.walletUrl,
+    visibleQuickLinkGroups: visibleQuickLinkGroups,
+    copiedAccountId: copiedAccountId,
+    onCopyAccountId: handleCopyAccountId,
+    onDismiss: dismissMenus
+  };
+  return {
+    show: show,
+    isMobile: isMobile,
+    editing: editing,
+    copy: copy,
+    authService: authService,
+    authDisplay: authDisplay,
+    menuRef: menuRef,
+    isAccountMenuOpen: isAccountMenuOpen,
+    setIsModalOpen: setIsModalOpen,
+    closeModal: closeModal,
+    dismissMenus: dismissMenus,
+    showMobileModal: showMobileModal,
+    greetingName: greetingName,
+    resolvedIconName: resolvedIconName,
+    resolvedIconColor: resolvedIconColor,
+    profilePanelProps: profilePanelProps,
+    handleAuthenticatedAccountClick: handleAuthenticatedAccountClick
+  };
+}
+;// ./src/components/signup-signin/SignUpSignIn.styled.jsx
 
-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)."; }
+function SignUpSignIn_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 MOBILE_MAX_WIDTH_PX = 1024;
-var SignUpOrSignInRoot = /*#__PURE__*/createStyled("div",  true ? {
-  target: "e110w5lj17"
+var SignUpSignInRoot = /*#__PURE__*/createStyled("div",  true ? {
+  target: "ea5wen561"
 } : 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));
 var SignTextLink = /*#__PURE__*/createStyled("span",  true ? {
-  target: "e110w5lj16"
+  target: "ea5wen560"
 } : 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));
 var SignUpLink = /*#__PURE__*/createStyled("button",  true ? {
-  target: "e110w5lj15"
+  target: "ea5wen559"
 } : 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));
 var SignInLink = /*#__PURE__*/createStyled("button",  true ? {
-  target: "e110w5lj14"
+  target: "ea5wen558"
 } : 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));
 var Divider = /*#__PURE__*/createStyled("span",  true ? {
-  target: "e110w5lj13"
+  target: "ea5wen557"
 } : 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));
 var IconWrap = /*#__PURE__*/createStyled("span",  true ? {
-  target: "e110w5lj12"
+  target: "ea5wen556"
 } : 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));
 var MobileAuthModalBackdrop = /*#__PURE__*/createStyled("div",  true ? {
-  target: "e110w5lj11"
+  target: "ea5wen555"
 } : 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));
 var MobileAuthModal = /*#__PURE__*/createStyled("dialog",  true ? {
-  target: "e110w5lj10"
+  target: "ea5wen554"
 } : 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));
 var ModalHeaderRow = /*#__PURE__*/createStyled("div",  true ? {
-  target: "e110w5lj9"
+  target: "ea5wen553"
 } : 0)( true ? {
   name: "wbibpl",
   styles: "display:flex;align-items:flex-start;justify-content:flex-end;width:100%;min-height:44px;padding:12px 18px 0;box-sizing:border-box"
 } : 0);
 var ModalTitle = /*#__PURE__*/createStyled("h2",  true ? {
-  target: "e110w5lj8"
+  target: "ea5wen552"
 } : 0)( true ? {
   name: "1m9bk8n",
   styles: "margin:0;color:#252525;font-family:var(--signin-font);font-size:22px;line-height:28px;font-weight:400"
 } : 0);
 var ModalCancelButton = /*#__PURE__*/createStyled("button",  true ? {
-  target: "e110w5lj7"
+  target: "ea5wen551"
 } : 0)( true ? {
   name: "u33vv4",
   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;}"
 } : 0);
 var ModalContent = /*#__PURE__*/createStyled("div",  true ? {
-  target: "e110w5lj6"
+  target: "ea5wen550"
 } : 0)( true ? {
   name: "150yav4",
   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;}"
 } : 0);
 var ModalSections = /*#__PURE__*/createStyled("div",  true ? {
-  target: "e110w5lj5"
+  target: "ea5wen549"
 } : 0)( true ? {
   name: "dbqp8z",
   styles: "display:flex;flex-direction:column;width:100%;gap:0;box-sizing:border-box"
 } : 0);
 var ModalSection = /*#__PURE__*/createStyled("section",  true ? {
-  target: "e110w5lj4"
+  target: "ea5wen548"
 } : 0)( true ? {
   name: "phcu5u",
   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;}}"
 } : 0);
 var SectionTitle = /*#__PURE__*/createStyled("h3",  true ? {
-  target: "e110w5lj3"
+  target: "ea5wen547"
 } : 0)( true ? {
   name: "1kyoijh",
   styles: "margin:0;color:#252525;font-family:var(--signin-font);font-size:18px;line-height:22px;font-weight:600;text-transform:uppercase"
 } : 0);
 var SectionMessage = /*#__PURE__*/createStyled("p",  true ? {
-  target: "e110w5lj2"
+  target: "ea5wen546"
 } : 0)( true ? {
   name: "18ee69d",
   styles: "margin:0;color:#000000de;font-family:var(--signin-font);font-size:16px;line-height:22px;font-weight:400;overflow-wrap:anywhere"
 } : 0);
 var PrimaryButton = /*#__PURE__*/createStyled("button",  true ? {
-  target: "e110w5lj1"
+  target: "ea5wen545"
 } : 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));
+var AccountMenuRoot = /*#__PURE__*/createStyled("div",  true ? {
+  target: "ea5wen544"
+} : 0)( true ? {
+  name: "b9hrb",
+  styles: "position:relative;display:inline-flex;align-items:center"
+} : 0);
+var AccountToggle = /*#__PURE__*/createStyled("button",  true ? {
+  target: "ea5wen543"
+} : 0)( true ? {
+  name: "1bylzkq",
+  styles: "&&{display:inline-flex;align-items:center;gap:4px;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;color:var(--signin-text);padding:1px 4px;cursor:pointer;white-space:nowrap;}&:focus-visible{outline:1px solid var(--signin-focus);outline-offset:1px;}"
+} : 0);
+var AccountIconWrap = /*#__PURE__*/createStyled("span",  true ? {
+  target: "ea5wen542"
+} : 0)( true ? {
+  name: "1n64mix",
+  styles: "display:inline-flex;align-items:center;justify-content:center;line-height:0;font-size:0"
+} : 0);
+var AccountDropdownPanel = /*#__PURE__*/createStyled("div",  true ? {
+  target: "ea5wen541"
+} : 0)( true ? {
+  name: "hkpo46",
+  styles: "position:absolute;top:calc(100% + 8px);right:0;z-index:1300;min-width:290px;max-width:320px;background:#ffffff;border:1px solid #e5e5e5;border-radius:8px;box-shadow:0 8px 24px rgba(0, 0, 0, 0.12);padding:0 0 12px;display:flex;flex-direction:column;gap:4px"
+} : 0);
+var ProfilePanelHeader = /*#__PURE__*/createStyled("div",  true ? {
+  target: "ea5wen540"
+} : 0)( true ? {
+  name: "13fbptl",
+  styles: "display:flex;align-items:center;justify-content:space-between;padding:12px 12px 0"
+} : 0);
+var ProfilePanelHeading = /*#__PURE__*/createStyled("p",  true ? {
+  target: "ea5wen539"
+} : 0)( true ? {
+  name: "1jpp97e",
+  styles: "margin:0;font-family:var(--signin-font);font-size:14px;font-weight:600;color:#252525"
+} : 0);
+var ProfileViewAllButton = /*#__PURE__*/createStyled("button",  true ? {
+  target: "ea5wen538"
+} : 0)( true ? {
+  name: "136adtz",
+  styles: "appearance:none;border:0;background:transparent;padding:0;font-family:var(--signin-font);font-size:14px;font-weight:400;color:#3783b9;cursor:pointer;display:inline-flex;align-items:center;gap:4px;&:focus-visible{outline:1px solid var(--signin-focus);outline-offset:1px;}"
+} : 0);
+var ProfileIdentityBlock = /*#__PURE__*/createStyled("div",  true ? {
+  target: "ea5wen537"
+} : 0)( true ? {
+  name: "hqp3yf",
+  styles: "display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 12px 8px"
+} : 0);
+var ProfileAvatar = /*#__PURE__*/createStyled("img",  true ? {
+  target: "ea5wen536"
+} : 0)( true ? {
+  name: "1kycpr4",
+  styles: "width:64px;height:64px;border-radius:50%;object-fit:cover"
+} : 0);
+var ProfileAvatarFallback = /*#__PURE__*/createStyled("span",  true ? {
+  target: "ea5wen535"
+} : 0)( true ? {
+  name: "eblg80",
+  styles: "display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:#f3f3f3;color:#5f5f5f"
+} : 0);
+var ProfileGreeting = /*#__PURE__*/createStyled("p",  true ? {
+  target: "ea5wen534"
+} : 0)( true ? {
+  name: "1jpp97e",
+  styles: "margin:0;font-family:var(--signin-font);font-size:14px;font-weight:600;color:#252525"
+} : 0);
+var ProfileAccountType = /*#__PURE__*/createStyled("p",  true ? {
+  target: "ea5wen533"
+} : 0)( true ? {
+  name: "tl5djb",
+  styles: "margin:0;font-family:var(--signin-font);font-size:14px;font-weight:400;color:#252525"
+} : 0);
+var ProfileAffiliateBadgeRow = /*#__PURE__*/createStyled("div",  true ? {
+  target: "ea5wen532"
+} : 0)( true ? {
+  name: "76x507",
+  styles: "display:inline-flex;align-items:center;gap:6px"
+} : 0);
+var ProfileAffiliateBadgeIcon = /*#__PURE__*/createStyled("span",  true ? {
+  target: "ea5wen531"
+} : 0)( true ? {
+  name: "pa6lz1",
+  styles: "display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#e87722;color:#ffffff;font-size:10px;font-weight:700;line-height:1"
+} : 0);
+var ProfileAffiliateBadgeText = /*#__PURE__*/createStyled("span",  true ? {
+  target: "ea5wen530"
+} : 0)( true ? {
+  name: "15fgwg2",
+  styles: "font-family:var(--signin-font);font-size:12px;font-weight:400;color:#252525"
+} : 0);
+var ProfileVolumeStatsRow = /*#__PURE__*/createStyled("div",  true ? {
+  target: "ea5wen529"
+} : 0)( true ? {
+  name: "1asjdsl",
+  styles: "display:flex;align-items:center;justify-content:center;gap:16px;width:100%"
+} : 0);
+var ProfileVolumeStat = /*#__PURE__*/createStyled("div",  true ? {
+  target: "ea5wen528"
+} : 0)( true ? {
+  name: "1tkope6",
+  styles: "display:inline-flex;align-items:center;gap:4px"
+} : 0);
+var ProfileVolumeBadge = /*#__PURE__*/createStyled("span",  true ? {
+  target: "ea5wen527"
+} : 0)( true ? {
+  name: "67bryj",
+  styles: "display:inline-flex;align-items:center;justify-content:center;min-width:36px;padding:2px 6px;border-radius:2px;background:#252525;color:#ffffff;font-family:var(--signin-font);font-size:12px;font-weight:600;line-height:16px"
+} : 0);
+var ProfileVolumeLabel = /*#__PURE__*/createStyled("span",  true ? {
+  target: "ea5wen526"
+} : 0)( true ? {
+  name: "1h9lxx7",
+  styles: "font-family:var(--signin-font);font-size:10px;font-weight:400;color:#5f5f5f"
+} : 0);
+var ProfileWalletSection = /*#__PURE__*/createStyled("div",  true ? {
+  target: "ea5wen525"
+} : 0)( true ? {
+  name: "dba0hq",
+  styles: "padding:8px 12px"
+} : 0);
+var ProfileWalletHeader = /*#__PURE__*/createStyled("button",  true ? {
+  target: "ea5wen524"
+} : 0)( true ? {
+  name: "uls0u3",
+  styles: "appearance:none;border:0;background:transparent;padding:0;margin:0 0 8px;width:100%;display:inline-flex;align-items:center;gap:4px;font-family:var(--signin-font);font-size:14px;font-weight:600;color:#252525;cursor:pointer;text-align:left;&:focus-visible{outline:1px solid var(--signin-focus);outline-offset:1px;}"
+} : 0);
+var ProfileWalletCards = /*#__PURE__*/createStyled("div",  true ? {
+  target: "ea5wen523"
+} : 0)( true ? {
+  name: "11jf4ye",
+  styles: "display:flex;gap:8px"
+} : 0);
+var ProfileWalletCard = /*#__PURE__*/createStyled("div",  true ? {
+  target: "ea5wen522"
+} : 0)( true ? {
+  name: "1n1fgd8",
+  styles: "flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:10px 8px;border-radius:8px;background:#f3f3f3"
+} : 0);
+var ProfileWalletValue = /*#__PURE__*/createStyled("span",  true ? {
+  target: "ea5wen521"
+} : 0)( true ? {
+  name: "cvi7is",
+  styles: "font-family:var(--signin-font);font-size:16px;font-weight:600;color:#252525;line-height:1.2"
+} : 0);
+var ProfileWalletLabel = /*#__PURE__*/createStyled("span",  true ? {
+  target: "ea5wen520"
+} : 0)( true ? {
+  name: "1h9lxx7",
+  styles: "font-family:var(--signin-font);font-size:10px;font-weight:400;color:#5f5f5f"
+} : 0);
+var ProfileQuickLinksSection = /*#__PURE__*/createStyled("div",  true ? {
+  target: "ea5wen519"
+} : 0)( true ? {
+  name: "nzethj",
+  styles: "padding:4px 12px 0"
+} : 0);
+var ProfileQuickLinksTitle = /*#__PURE__*/createStyled("p",  true ? {
+  target: "ea5wen518"
+} : 0)( true ? {
+  name: "1ef5jph",
+  styles: "margin:0 0 8px;font-family:var(--signin-font);font-size:14px;font-weight:600;color:#252525"
+} : 0);
+var ProfileQuickLinkGroup = /*#__PURE__*/createStyled("div",  true ? {
+  target: "ea5wen517"
+} : 0)( true ? {
+  name: "5bhc30",
+  styles: "margin-bottom:8px"
+} : 0);
+var ProfileQuickLinkGroupTitle = /*#__PURE__*/createStyled("p",  true ? {
+  target: "ea5wen516"
+} : 0)( true ? {
+  name: "1ijkzem",
+  styles: "margin:0 0 8px;padding-left:8px;font-family:var(--signin-font);font-size:14px;font-weight:600;color:#252525"
+} : 0);
+var ProfileIdRow = /*#__PURE__*/createStyled("div",  true ? {
+  target: "ea5wen515"
+} : 0)( true ? {
+  name: "1tkope6",
+  styles: "display:inline-flex;align-items:center;gap:4px"
+} : 0);
+var ProfileIdText = /*#__PURE__*/createStyled("p",  true ? {
+  target: "ea5wen514"
+} : 0)( true ? {
+  name: "uoxnul",
+  styles: "margin:0;font-family:var(--signin-font);font-size:10px;font-weight:400;color:#5f5f5f"
+} : 0);
+var ProfileCopyButton = /*#__PURE__*/createStyled("button",  true ? {
+  target: "ea5wen513"
+} : 0)( true ? {
+  name: "1gpr2pr",
+  styles: "appearance:none;border:0;background:transparent;padding:0;display:inline-flex;align-items:center;justify-content:center;color:#b2b2b2;cursor:pointer;line-height:0;&:focus-visible{outline:1px solid var(--signin-focus);outline-offset:1px;}"
+} : 0);
+var ProfileLinkSection = /*#__PURE__*/createStyled("div",  true ? {
+  target: "ea5wen512"
+} : 0)( true ? {
+  name: "qn06vg",
+  styles: "padding:4px 12px"
+} : 0);
+var ProfileLinkSectionTitle = /*#__PURE__*/createStyled("p",  true ? {
+  target: "ea5wen511"
+} : 0)( true ? {
+  name: "1cublp4",
+  styles: "margin:0 0 12px;font-family:var(--signin-font);font-size:14px;font-weight:600;color:#252525"
+} : 0);
+var ProfileLinkList = /*#__PURE__*/createStyled("div",  true ? {
+  target: "ea5wen510"
+} : 0)( true ? {
+  name: "1nhzvu0",
+  styles: "display:flex;flex-direction:column;gap:8px;padding-left:8px"
+} : 0);
+var ProfileUtilityLink = /*#__PURE__*/createStyled("button",  true ? {
+  target: "ea5wen59"
+} : 0)( true ? {
+  name: "19r2xhx",
+  styles: "appearance:none;border:0;background:transparent;padding:0;text-align:left;font-family:var(--signin-font);font-size:14px;font-weight:400;line-height:20px;color:#5f5f5f;cursor:pointer;display:inline-flex;align-items:center;gap:4px;&:hover,&:focus-visible{color:#252525;text-decoration:underline;}&:focus-visible{outline:1px solid var(--signin-focus);outline-offset:1px;}"
+} : 0);
+var ProfileLinkExternalIcon = /*#__PURE__*/createStyled("span",  true ? {
+  target: "ea5wen58"
+} : 0)( true ? {
+  name: "tumm0h",
+  styles: "display:inline-flex;align-items:center;justify-content:center;color:#5f5f5f;line-height:0"
+} : 0);
+var ProfileSignOutButton = /*#__PURE__*/createStyled("button",  true ? {
+  target: "ea5wen57"
+} : 0)( true ? {
+  name: "vqcag5",
+  styles: "appearance:none;margin:0 12px;padding:8px;border:1px solid #b2b2b2;border-radius:4px;background:#ffffff;color:#252525;font-family:var(--signin-font);font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;&:focus-visible{outline:1px solid var(--signin-focus);outline-offset:1px;}"
+} : 0);
+var AccountUserName = /*#__PURE__*/createStyled("span",  true ? {
+  target: "ea5wen56"
+} : 0)("cursor:pointer;text-underline-offset:2px;", AccountToggle, ":hover &,", AccountToggle, ":focus-visible &{text-decoration:underline;}" + ( true ? "" : 0));
+var AccountProfileBlock = /*#__PURE__*/createStyled("div",  true ? {
+  target: "ea5wen55"
+} : 0)( true ? {
+  name: "urqszi",
+  styles: "display:flex;flex-direction:column;gap:4px"
+} : 0);
+var AccountProfileTitle = /*#__PURE__*/createStyled("p",  true ? {
+  target: "ea5wen54"
+} : 0)( true ? {
+  name: "1i1k95m",
+  styles: "margin:0;font-family:var(--signin-font);font-size:16px;font-weight:600;color:#252525"
+} : 0);
+var AccountProfileMeta = /*#__PURE__*/createStyled("p",  true ? {
+  target: "ea5wen53"
+} : 0)( true ? {
+  name: "290cob",
+  styles: "margin:0;font-family:var(--signin-font);font-size:13px;line-height:18px;color:#5f5f5f;overflow-wrap:anywhere"
+} : 0);
+var AccountMenuAction = /*#__PURE__*/createStyled("button",  true ? {
+  target: "ea5wen52"
+} : 0)( true ? {
+  name: "ia7rwo",
+  styles: "width:100%;min-height:40px;border-radius:4px;border:0;background:#252525;color:#ffffff;font-family:var(--signin-font);font-size:14px;font-weight:600;cursor:pointer;&:focus-visible{outline:1px solid var(--signin-focus);outline-offset:1px;}"
+} : 0);
+var AccountSignOutButton = /*#__PURE__*/createStyled(AccountMenuAction,  true ? {
+  target: "ea5wen51"
+} : 0)( true ? {
+  name: "1uk495g",
+  styles: "background:#ffffff;color:#252525;border:1px solid #252525"
+} : 0);
 var OutlinedButton = /*#__PURE__*/createStyled("button",  true ? {
-  target: "e110w5lj0"
+  target: "ea5wen50"
 } : 0)( true ? {
   name: "16bjh6l",
   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;}"
 } : 0);
-;// ./src/components/signup-signin/SignUpOrSignIn.jsx
-function SignUpOrSignIn_typeof(o) { "@babel/helpers - typeof"; return SignUpOrSignIn_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; }, SignUpOrSignIn_typeof(o); }
-function SignUpOrSignIn_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; }
-function SignUpOrSignIn_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? SignUpOrSignIn_ownKeys(Object(t), !0).forEach(function (r) { SignUpOrSignIn_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : SignUpOrSignIn_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function SignUpOrSignIn_defineProperty(e, r, t) { return (r = SignUpOrSignIn_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function SignUpOrSignIn_toPropertyKey(t) { var i = SignUpOrSignIn_toPrimitive(t, "string"); return "symbol" == SignUpOrSignIn_typeof(i) ? i : i + ""; }
-function SignUpOrSignIn_toPrimitive(t, r) { if ("object" != SignUpOrSignIn_typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != SignUpOrSignIn_typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function SignUpOrSignIn_slicedToArray(r, e) { return SignUpOrSignIn_arrayWithHoles(r) || SignUpOrSignIn_iterableToArrayLimit(r, e) || SignUpOrSignIn_unsupportedIterableToArray(r, e) || SignUpOrSignIn_nonIterableRest(); }
-function SignUpOrSignIn_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."); }
-function SignUpOrSignIn_unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return SignUpOrSignIn_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) ? SignUpOrSignIn_arrayLikeToArray(r, a) : void 0; } }
-function SignUpOrSignIn_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; }
-function SignUpOrSignIn_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; } }
-function SignUpOrSignIn_arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+;// ./src/components/signup-signin/SignUpSignInProfilePanel.jsx
 
 
 
 
 
 
-
-
-var DEFAULT_MODAL_COPY = {
-  close_dialog_aria_label: "Close dialog",
-  sign_in_heading: "Sign In",
-  sign_in_message: "Have an account already? Please sign in.",
-  sign_in_cta_label: "Sign In",
-  sign_up_heading: "Sign Up",
-  sign_up_message: "New user? Please Sign up to continue",
-  sign_up_cta_label: "Create Account",
-  sign_up_cta_aria_label: "Create Account"
+var CopyIdIcon = function CopyIdIcon() {
+  return /*#__PURE__*/(0,jsx_runtime_.jsx)("svg", {
+    width: "12",
+    height: "12",
+    viewBox: "0 0 24 24",
+    "aria-hidden": "true",
+    children: /*#__PURE__*/(0,jsx_runtime_.jsx)("path", {
+      fill: "currentColor"
+      // eslint-disable-next-line spellcheck/spell-checker
+      ,
+      d: "M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 18H8V7h11v16z"
+    })
+  });
 };
-function SignUpOrSignIn(_ref) {
-  var _ref$show = _ref.show,
-    show = _ref$show === void 0 ? true : _ref$show,
-    _ref$icon = _ref.icon,
-    icon = _ref$icon === void 0 ? DEFAULT_ICON : _ref$icon,
-    icon_color = _ref.icon_color,
-    _ref$sign_up = _ref.sign_up,
-    sign_up = _ref$sign_up === void 0 ? DEFAULT_SIGN_UP : _ref$sign_up,
-    _ref$sign_in = _ref.sign_in,
-    sign_in = _ref$sign_in === void 0 ? DEFAULT_SIGN_IN : _ref$sign_in,
-    _ref$modal_copy = _ref.modal_copy,
-    modal_copy = _ref$modal_copy === void 0 ? DEFAULT_MODAL_COPY : _ref$modal_copy,
-    _ref$authService = _ref.authService,
-    authService = _ref$authService === void 0 ? undefined : _ref$authService,
-    _ref$parent$ = _ref.parent$,
-    parent$ = _ref$parent$ === void 0 ? undefined : _ref$parent$;
-  var isMobile = useIsMobileViewport();
-  var _useState = (0,external_react_.useState)(false),
-    _useState2 = SignUpOrSignIn_slicedToArray(_useState, 2),
-    isModalOpen = _useState2[0],
-    setIsModalOpen = _useState2[1];
-  var resolvedLinks = useResolvedAuthLinks(sign_up, sign_in, authService);
-  var editing = isEditingMode();
-  var _getEffectiveAuthDisp = getEffectiveAuthDisplay(resolvedLinks, sign_up, sign_in),
-    effectiveSignUp = _getEffectiveAuthDisp.effectiveSignUp,
-    effectiveSignIn = _getEffectiveAuthDisp.effectiveSignIn,
-    effectiveSignUpTitle = _getEffectiveAuthDisp.effectiveSignUpTitle,
-    effectiveSignInTitle = _getEffectiveAuthDisp.effectiveSignInTitle;
-  var _getIconPresentation = getIconPresentation(icon, icon_color),
-    resolvedIconName = _getIconPresentation.resolvedIconName,
-    resolvedIconColor = _getIconPresentation.resolvedIconColor;
-  var closeModal = function closeModal() {
-    return setIsModalOpen(false);
+var SignUpSignInProfilePanel_ArrowRightIcon = function ArrowRightIcon() {
+  return /*#__PURE__*/(0,jsx_runtime_.jsx)("svg", {
+    width: "14",
+    height: "14",
+    viewBox: "0 0 24 24",
+    "aria-hidden": "true",
+    children: /*#__PURE__*/(0,jsx_runtime_.jsx)("path", {
+      fill: "currentColor",
+      d: "M10 17l5-5-5-5v10z"
+    })
+  });
+};
+var ExternalLinkIcon = function ExternalLinkIcon() {
+  return /*#__PURE__*/(0,jsx_runtime_.jsx)("svg", {
+    width: "12",
+    height: "12",
+    viewBox: "0 0 24 24",
+    "aria-hidden": "true",
+    children: /*#__PURE__*/(0,jsx_runtime_.jsx)("path", {
+      fill: "currentColor",
+      d: "M19 19H5V5h7V3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7h-2v7zM14 3v2h3.59L10 12.59 11.41 14 19 6.41V10h2V3h-7z"
+    })
+  });
+};
+var SignOutIcon = function SignOutIcon() {
+  return /*#__PURE__*/(0,jsx_runtime_.jsx)("svg", {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    "aria-hidden": "true",
+    children: /*#__PURE__*/(0,jsx_runtime_.jsx)("path", {
+      fill: "currentColor",
+      d: "M17 7l-1.41 1.41L18.17 11H8v2h10.17l-2.58 2.58L17 17l5-5-5-5zM4 5h8V3H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h8v-2H4V5z"
+    })
+  });
+};
+function ProfileQuickLinkItem(_ref) {
+  var link = _ref.link,
+    editing = _ref.editing,
+    authService = _ref.authService,
+    onDismiss = _ref.onDismiss;
+  var handleClick = function handleClick() {
+    onDismiss();
+    handleProfileLinkNavigate(editing, link.url, authService, {
+      external: link.external
+    });
   };
-  var showMobileModal = isMobile && isModalOpen;
-  useEscapeToCloseModal(isModalOpen, setIsModalOpen);
-  if (!show) return null;
-  return /*#__PURE__*/(0,jsx_runtime_.jsxs)(SignUpOrSignInRoot, {
-    "data-testid": "signup-signin",
-    children: [!isMobile ? /*#__PURE__*/(0,jsx_runtime_.jsxs)(jsx_runtime_.Fragment, {
-      children: [/*#__PURE__*/(0,jsx_runtime_.jsxs)(SignUpLink, SignUpOrSignIn_objectSpread(SignUpOrSignIn_objectSpread({
-        "data-testid": "signup-link",
-        "aria-label": effectiveSignUpTitle,
-        type: "button"
-      }, parentEditableProps(parent$, "sign_up_url")), {}, {
+  return /*#__PURE__*/(0,jsx_runtime_.jsxs)(ProfileUtilityLink, {
+    type: "button",
+    "data-testid": "profile-link-".concat(link.label),
+    onClick: handleClick,
+    children: [link.label, link.external ? /*#__PURE__*/(0,jsx_runtime_.jsx)(ProfileLinkExternalIcon, {
+      children: /*#__PURE__*/(0,jsx_runtime_.jsx)(ExternalLinkIcon, {})
+    }) : null]
+  });
+}
+ProfileQuickLinkItem.propTypes = {
+  link: external_prop_types_default().shape({
+    label: (external_prop_types_default()).string.isRequired,
+    url: (external_prop_types_default()).string.isRequired,
+    external: (external_prop_types_default()).bool
+  }).isRequired,
+  editing: (external_prop_types_default()).bool.isRequired,
+  authService: (external_prop_types_default()).object,
+  onDismiss: (external_prop_types_default()).func.isRequired
+};
+function ProfileQuickLinkGroups(_ref2) {
+  var groups = _ref2.groups,
+    copy = _ref2.copy,
+    editing = _ref2.editing,
+    authService = _ref2.authService,
+    onDismiss = _ref2.onDismiss;
+  if (!groups.length) return null;
+  return /*#__PURE__*/(0,jsx_runtime_.jsxs)(ProfileQuickLinksSection, {
+    children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(ProfileQuickLinksTitle, {
+      children: copy.quick_links_heading
+    }), groups.map(function (group) {
+      return /*#__PURE__*/(0,jsx_runtime_.jsxs)(ProfileQuickLinkGroup, {
+        children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(ProfileQuickLinkGroupTitle, {
+          children: group.title
+        }), /*#__PURE__*/(0,jsx_runtime_.jsx)(ProfileLinkList, {
+          children: group.links.map(function (link) {
+            return /*#__PURE__*/(0,jsx_runtime_.jsx)(ProfileQuickLinkItem, {
+              link: link,
+              editing: editing,
+              authService: authService,
+              onDismiss: onDismiss
+            }, "".concat(group.title, "-").concat(link.label));
+          })
+        })]
+      }, group.title);
+    })]
+  });
+}
+ProfileQuickLinkGroups.propTypes = {
+  groups: external_prop_types_default().arrayOf(external_prop_types_default().shape({
+    title: (external_prop_types_default()).string.isRequired,
+    links: (external_prop_types_default()).array.isRequired
+  })).isRequired,
+  copy: (external_prop_types_default()).object.isRequired,
+  editing: (external_prop_types_default()).bool.isRequired,
+  authService: (external_prop_types_default()).object,
+  onDismiss: (external_prop_types_default()).func.isRequired
+};
+function ProfileVolumeStats(_ref3) {
+  var volumeStats = _ref3.volumeStats;
+  if (!volumeStats.dcSv && !volumeStats.gsv) return null;
+  return /*#__PURE__*/(0,jsx_runtime_.jsxs)(ProfileVolumeStatsRow, {
+    children: [volumeStats.dcSv ? /*#__PURE__*/(0,jsx_runtime_.jsxs)(ProfileVolumeStat, {
+      children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(ProfileVolumeBadge, {
+        children: volumeStats.dcSv
+      }), /*#__PURE__*/(0,jsx_runtime_.jsx)(ProfileVolumeLabel, {
+        children: "DC-SV"
+      })]
+    }) : null, volumeStats.gsv ? /*#__PURE__*/(0,jsx_runtime_.jsxs)(ProfileVolumeStat, {
+      children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(ProfileVolumeBadge, {
+        children: volumeStats.gsv
+      }), /*#__PURE__*/(0,jsx_runtime_.jsx)(ProfileVolumeLabel, {
+        children: "GSV"
+      })]
+    }) : null]
+  });
+}
+ProfileVolumeStats.propTypes = {
+  volumeStats: external_prop_types_default().shape({
+    dcSv: (external_prop_types_default()).string,
+    gsv: (external_prop_types_default()).string
+  }).isRequired
+};
+function SignUpSignInProfilePanel(_ref4) {
+  var copy = _ref4.copy,
+    editing = _ref4.editing,
+    authService = _ref4.authService,
+    accountUrl = _ref4.accountUrl,
+    profileSummary = _ref4.profileSummary,
+    greetingName = _ref4.greetingName,
+    customerPhotoUrl = _ref4.customerPhotoUrl,
+    photoUrl = _ref4.photoUrl,
+    resolvedIconName = _ref4.resolvedIconName,
+    resolvedIconColor = _ref4.resolvedIconColor,
+    accountType = _ref4.accountType,
+    isBrandAffiliate = _ref4.isBrandAffiliate,
+    volumeStats = _ref4.volumeStats,
+    walletSummary = _ref4.walletSummary,
+    walletUrl = _ref4.walletUrl,
+    visibleQuickLinkGroups = _ref4.visibleQuickLinkGroups,
+    copiedAccountId = _ref4.copiedAccountId,
+    onCopyAccountId = _ref4.onCopyAccountId,
+    onDismiss = _ref4.onDismiss;
+  var handleViewProfile = function handleViewProfile() {
+    onDismiss();
+    handleAccountNavigate(editing, accountUrl, authService);
+  };
+  var handleWalletClick = function handleWalletClick() {
+    onDismiss();
+    handleProfileLinkNavigate(editing, walletUrl, authService);
+  };
+  var handleSignOut = function handleSignOut() {
+    onDismiss();
+    handleSignOutNavigate(editing, authService);
+  };
+  return /*#__PURE__*/(0,jsx_runtime_.jsxs)(jsx_runtime_.Fragment, {
+    children: [/*#__PURE__*/(0,jsx_runtime_.jsxs)(ProfilePanelHeader, {
+      children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(ProfilePanelHeading, {
+        children: copy.profile_heading
+      }), /*#__PURE__*/(0,jsx_runtime_.jsxs)(ProfileViewAllButton, {
+        type: "button",
+        "data-testid": "account-view-profile",
+        onClick: handleViewProfile,
+        children: [copy.profile_view_all_label, /*#__PURE__*/(0,jsx_runtime_.jsx)(SignUpSignInProfilePanel_ArrowRightIcon, {})]
+      })]
+    }), /*#__PURE__*/(0,jsx_runtime_.jsxs)(ProfileIdentityBlock, {
+      "data-testid": "account-profile-details",
+      children: [customerPhotoUrl ? /*#__PURE__*/(0,jsx_runtime_.jsx)(ProfileAvatar, {
+        src: photoUrl,
+        alt: ""
+      }) : /*#__PURE__*/(0,jsx_runtime_.jsx)(ProfileAvatarFallback, {
+        "aria-hidden": true,
+        children: /*#__PURE__*/(0,jsx_runtime_.jsx)(dist.NsIcon, {
+          name: resolvedIconName,
+          size: "large",
+          colorOverride: resolvedIconColor
+        })
+      }), /*#__PURE__*/(0,jsx_runtime_.jsxs)(ProfileGreeting, {
+        children: ["Hi, ", greetingName]
+      }), accountType ? /*#__PURE__*/(0,jsx_runtime_.jsx)(ProfileAccountType, {
+        children: accountType
+      }) : null, profileSummary.accountId ? /*#__PURE__*/(0,jsx_runtime_.jsxs)(ProfileIdRow, {
+        children: [/*#__PURE__*/(0,jsx_runtime_.jsxs)(ProfileIdText, {
+          children: ["ID: ", profileSummary.accountId]
+        }), /*#__PURE__*/(0,jsx_runtime_.jsx)(ProfileCopyButton, {
+          type: "button",
+          "aria-label": copiedAccountId ? copy.copied_id_label : copy.copy_id_label,
+          title: copiedAccountId ? copy.copied_id_label : copy.copy_id_label,
+          onClick: onCopyAccountId,
+          children: /*#__PURE__*/(0,jsx_runtime_.jsx)(CopyIdIcon, {})
+        })]
+      }) : null, isBrandAffiliate ? /*#__PURE__*/(0,jsx_runtime_.jsxs)(ProfileAffiliateBadgeRow, {
+        children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(ProfileAffiliateBadgeIcon, {
+          "aria-hidden": true,
+          children: "BA"
+        }), /*#__PURE__*/(0,jsx_runtime_.jsx)(ProfileAffiliateBadgeText, {
+          children: accountType
+        })]
+      }) : null, isBrandAffiliate ? /*#__PURE__*/(0,jsx_runtime_.jsx)(ProfileVolumeStats, {
+        volumeStats: volumeStats
+      }) : null]
+    }), /*#__PURE__*/(0,jsx_runtime_.jsxs)(ProfileWalletSection, {
+      children: [/*#__PURE__*/(0,jsx_runtime_.jsxs)(ProfileWalletHeader, {
+        type: "button",
+        "data-testid": "profile-wallet-link",
+        onClick: handleWalletClick,
+        children: [copy.wallet_heading, /*#__PURE__*/(0,jsx_runtime_.jsx)(SignUpSignInProfilePanel_ArrowRightIcon, {})]
+      }), /*#__PURE__*/(0,jsx_runtime_.jsxs)(ProfileWalletCards, {
+        children: [/*#__PURE__*/(0,jsx_runtime_.jsxs)(ProfileWalletCard, {
+          children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(ProfileWalletValue, {
+            children: walletSummary.storeCredit
+          }), /*#__PURE__*/(0,jsx_runtime_.jsx)(ProfileWalletLabel, {
+            children: copy.credit_label
+          })]
+        }), /*#__PURE__*/(0,jsx_runtime_.jsxs)(ProfileWalletCard, {
+          children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(ProfileWalletValue, {
+            children: walletSummary.promoCount
+          }), /*#__PURE__*/(0,jsx_runtime_.jsx)(ProfileWalletLabel, {
+            children: copy.promos_label
+          })]
+        })]
+      })]
+    }), /*#__PURE__*/(0,jsx_runtime_.jsx)(ProfileQuickLinkGroups, {
+      groups: visibleQuickLinkGroups,
+      copy: copy,
+      editing: editing,
+      authService: authService,
+      onDismiss: onDismiss
+    }), /*#__PURE__*/(0,jsx_runtime_.jsxs)(ProfileSignOutButton, {
+      type: "button",
+      "data-testid": "account-sign-out",
+      onClick: handleSignOut,
+      children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(SignOutIcon, {}), copy.sign_out_label]
+    })]
+  });
+}
+SignUpSignInProfilePanel.propTypes = {
+  copy: (external_prop_types_default()).object.isRequired,
+  editing: (external_prop_types_default()).bool.isRequired,
+  authService: (external_prop_types_default()).object,
+  accountUrl: (external_prop_types_default()).string,
+  profileSummary: external_prop_types_default().shape({
+    accountId: (external_prop_types_default()).string,
+    displayName: (external_prop_types_default()).string,
+    email: (external_prop_types_default()).string
+  }).isRequired,
+  greetingName: (external_prop_types_default()).string.isRequired,
+  customerPhotoUrl: (external_prop_types_default()).string,
+  photoUrl: (external_prop_types_default()).string.isRequired,
+  resolvedIconName: (external_prop_types_default()).string.isRequired,
+  resolvedIconColor: (external_prop_types_default()).string,
+  accountType: (external_prop_types_default()).string,
+  isBrandAffiliate: (external_prop_types_default()).bool.isRequired,
+  volumeStats: external_prop_types_default().shape({
+    dcSv: (external_prop_types_default()).string,
+    gsv: (external_prop_types_default()).string
+  }).isRequired,
+  walletSummary: external_prop_types_default().shape({
+    storeCredit: (external_prop_types_default()).number,
+    promoCount: (external_prop_types_default()).number
+  }).isRequired,
+  walletUrl: (external_prop_types_default()).string.isRequired,
+  visibleQuickLinkGroups: (external_prop_types_default()).array.isRequired,
+  copiedAccountId: (external_prop_types_default()).bool.isRequired,
+  onCopyAccountId: (external_prop_types_default()).func.isRequired,
+  onDismiss: (external_prop_types_default()).func.isRequired
+};
+;// ./src/components/signup-signin/SignUpSignInViews.jsx
+function SignUpSignInViews_typeof(o) { "@babel/helpers - typeof"; return SignUpSignInViews_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; }, SignUpSignInViews_typeof(o); }
+function SignUpSignInViews_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; }
+function SignUpSignInViews_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? SignUpSignInViews_ownKeys(Object(t), !0).forEach(function (r) { SignUpSignInViews_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : SignUpSignInViews_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function SignUpSignInViews_defineProperty(e, r, t) { return (r = SignUpSignInViews_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function SignUpSignInViews_toPropertyKey(t) { var i = SignUpSignInViews_toPrimitive(t, "string"); return "symbol" == SignUpSignInViews_typeof(i) ? i : i + ""; }
+function SignUpSignInViews_toPrimitive(t, r) { if ("object" != SignUpSignInViews_typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != SignUpSignInViews_typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+
+
+
+
+
+
+
+
+function DesktopGuestSignupSection(_ref) {
+  var isMobile = _ref.isMobile,
+    showGuestAuth = _ref.showGuestAuth,
+    effectiveSignUpTitle = _ref.effectiveSignUpTitle,
+    effectiveSignUp = _ref.effectiveSignUp,
+    editing = _ref.editing,
+    authService = _ref.authService,
+    parent$ = _ref.parent$,
+    resolvedIconName = _ref.resolvedIconName,
+    resolvedIconColor = _ref.resolvedIconColor;
+  if (isMobile || !showGuestAuth) {
+    return null;
+  }
+  return /*#__PURE__*/(0,jsx_runtime_.jsxs)(jsx_runtime_.Fragment, {
+    children: [/*#__PURE__*/(0,jsx_runtime_.jsxs)(SignUpLink, SignUpSignInViews_objectSpread(SignUpSignInViews_objectSpread({
+      "data-testid": "signup-link",
+      "aria-label": effectiveSignUpTitle,
+      type: "button"
+    }, parentEditableProps(parent$, "sign_up_url")), {}, {
+      onClick: function onClick() {
+        return handleSignUpNavigate(editing, effectiveSignUp === null || effectiveSignUp === void 0 ? void 0 : effectiveSignUp.url, authService);
+      },
+      onKeyDown: handleKeyboardActivate,
+      children: [/*#__PURE__*/(0,jsx_runtime_.jsx)("div", SignUpSignInViews_objectSpread(SignUpSignInViews_objectSpread({}, parentEditableProps(parent$, "icon")), {}, {
+        className: "icon-container",
+        children: /*#__PURE__*/(0,jsx_runtime_.jsx)(IconWrap, SignUpSignInViews_objectSpread(SignUpSignInViews_objectSpread({}, parentEditableProps(parent$, "icon_color")), {}, {
+          "aria-hidden": true,
+          children: /*#__PURE__*/(0,jsx_runtime_.jsx)(dist.NsIcon, {
+            name: resolvedIconName,
+            size: "large",
+            colorOverride: resolvedIconColor
+          })
+        }))
+      })), /*#__PURE__*/(0,jsx_runtime_.jsx)(SignTextLink, SignUpSignInViews_objectSpread(SignUpSignInViews_objectSpread({
+        as: "span"
+      }, parentEditableProps(parent$, "sign_up")), {}, {
+        children: effectiveSignUpTitle
+      }))]
+    })), /*#__PURE__*/(0,jsx_runtime_.jsx)(Divider, {
+      "aria-hidden": true,
+      children: "/"
+    })]
+  });
+}
+DesktopGuestSignupSection.propTypes = {
+  isMobile: (external_prop_types_default()).bool.isRequired,
+  showGuestAuth: (external_prop_types_default()).bool.isRequired,
+  effectiveSignUpTitle: (external_prop_types_default()).string.isRequired,
+  effectiveSignUp: authLinkPropType,
+  editing: (external_prop_types_default()).bool.isRequired,
+  authService: authServicePropType,
+  parent$: parentTagsPropType,
+  resolvedIconName: (external_prop_types_default()).string.isRequired,
+  resolvedIconColor: (external_prop_types_default()).string
+};
+function GuestSignInButton(_ref2) {
+  var effectiveSignInTitle = _ref2.effectiveSignInTitle,
+    parent$ = _ref2.parent$,
+    editing = _ref2.editing,
+    isMobile = _ref2.isMobile,
+    setIsModalOpen = _ref2.setIsModalOpen,
+    effectiveSignIn = _ref2.effectiveSignIn,
+    authService = _ref2.authService;
+  return /*#__PURE__*/(0,jsx_runtime_.jsx)(SignInLink, SignUpSignInViews_objectSpread(SignUpSignInViews_objectSpread({
+    "data-testid": "signin-button",
+    "aria-label": effectiveSignInTitle
+  }, parentEditableProps(parent$, "sign_in")), {}, {
+    onClick: function onClick() {
+      return handleSignInActivate(editing, isMobile, setIsModalOpen, effectiveSignIn === null || effectiveSignIn === void 0 ? void 0 : effectiveSignIn.url, authService);
+    },
+    onKeyDown: handleKeyboardActivate,
+    type: "button",
+    children: /*#__PURE__*/(0,jsx_runtime_.jsx)("span", SignUpSignInViews_objectSpread(SignUpSignInViews_objectSpread({}, parentEditableProps(parent$, "sign_in")), {}, {
+      children: effectiveSignInTitle
+    }))
+  }));
+}
+GuestSignInButton.propTypes = {
+  effectiveSignInTitle: (external_prop_types_default()).string.isRequired,
+  parent$: parentTagsPropType,
+  editing: (external_prop_types_default()).bool.isRequired,
+  isMobile: (external_prop_types_default()).bool.isRequired,
+  setIsModalOpen: (external_prop_types_default()).func.isRequired,
+  effectiveSignIn: authLinkPropType,
+  authService: authServicePropType
+};
+function AuthenticatedAccountMenu(_ref3) {
+  var menuRef = _ref3.menuRef,
+    isAccountMenuOpen = _ref3.isAccountMenuOpen,
+    greetingName = _ref3.greetingName,
+    accountToggleLabel = _ref3.accountToggleLabel,
+    resolvedIconName = _ref3.resolvedIconName,
+    resolvedIconColor = _ref3.resolvedIconColor,
+    parent$ = _ref3.parent$,
+    onAuthenticatedClick = _ref3.onAuthenticatedClick,
+    profilePanelProps = _ref3.profilePanelProps,
+    isMobile = _ref3.isMobile;
+  var accountMenuPanel = /*#__PURE__*/(0,jsx_runtime_.jsx)(AccountDropdownPanel, {
+    "data-testid": "account-menu-panel",
+    role: "menu",
+    children: /*#__PURE__*/(0,jsx_runtime_.jsx)(SignUpSignInProfilePanel, SignUpSignInViews_objectSpread({}, profilePanelProps))
+  });
+  return /*#__PURE__*/(0,jsx_runtime_.jsxs)(AccountMenuRoot, {
+    ref: menuRef,
+    children: [/*#__PURE__*/(0,jsx_runtime_.jsxs)(AccountToggle, SignUpSignInViews_objectSpread(SignUpSignInViews_objectSpread({
+      "data-testid": "signin-button",
+      type: "button",
+      "aria-label": "Hi ".concat(greetingName),
+      "aria-expanded": isAccountMenuOpen,
+      "aria-haspopup": "menu"
+    }, parentEditableProps(parent$, "signed_in")), {}, {
+      onClick: onAuthenticatedClick,
+      onKeyDown: handleKeyboardActivate,
+      children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(AccountIconWrap, {
+        "aria-hidden": true,
+        children: /*#__PURE__*/(0,jsx_runtime_.jsx)(dist.NsIcon, {
+          name: resolvedIconName,
+          size: "large",
+          colorOverride: resolvedIconColor
+        })
+      }), /*#__PURE__*/(0,jsx_runtime_.jsx)(AccountUserName, {
+        children: accountToggleLabel
+      })]
+    })), isAccountMenuOpen && !isMobile ? accountMenuPanel : null]
+  });
+}
+AuthenticatedAccountMenu.propTypes = {
+  menuRef: external_prop_types_default().shape({
+    current: (external_prop_types_default()).any
+  }),
+  isAccountMenuOpen: (external_prop_types_default()).bool.isRequired,
+  greetingName: (external_prop_types_default()).string.isRequired,
+  accountToggleLabel: (external_prop_types_default()).string.isRequired,
+  resolvedIconName: (external_prop_types_default()).string.isRequired,
+  resolvedIconColor: (external_prop_types_default()).string,
+  parent$: parentTagsPropType,
+  onAuthenticatedClick: (external_prop_types_default()).func.isRequired,
+  profilePanelProps: (external_prop_types_default()).object.isRequired,
+  isMobile: (external_prop_types_default()).bool.isRequired
+};
+function PrimaryAuthActions(_ref4) {
+  var isAuthenticated = _ref4.isAuthenticated,
+    menuRef = _ref4.menuRef,
+    isAccountMenuOpen = _ref4.isAccountMenuOpen,
+    greetingName = _ref4.greetingName,
+    accountToggleLabel = _ref4.accountToggleLabel,
+    resolvedIconName = _ref4.resolvedIconName,
+    resolvedIconColor = _ref4.resolvedIconColor,
+    parent$ = _ref4.parent$,
+    onAuthenticatedClick = _ref4.onAuthenticatedClick,
+    profilePanelProps = _ref4.profilePanelProps,
+    isMobile = _ref4.isMobile,
+    effectiveSignInTitle = _ref4.effectiveSignInTitle,
+    effectiveSignIn = _ref4.effectiveSignIn,
+    authService = _ref4.authService,
+    setIsModalOpen = _ref4.setIsModalOpen,
+    editing = _ref4.editing;
+  if (!isAuthenticated) {
+    return /*#__PURE__*/(0,jsx_runtime_.jsx)(GuestSignInButton, {
+      effectiveSignInTitle: effectiveSignInTitle,
+      parent$: parent$,
+      editing: editing,
+      isMobile: isMobile,
+      setIsModalOpen: setIsModalOpen,
+      effectiveSignIn: effectiveSignIn,
+      authService: authService
+    });
+  }
+  return /*#__PURE__*/(0,jsx_runtime_.jsx)(AuthenticatedAccountMenu, {
+    menuRef: menuRef,
+    isAccountMenuOpen: isAccountMenuOpen,
+    greetingName: greetingName,
+    accountToggleLabel: accountToggleLabel,
+    resolvedIconName: resolvedIconName,
+    resolvedIconColor: resolvedIconColor,
+    parent$: parent$,
+    onAuthenticatedClick: onAuthenticatedClick,
+    profilePanelProps: profilePanelProps,
+    isMobile: isMobile
+  });
+}
+PrimaryAuthActions.propTypes = {
+  isAuthenticated: (external_prop_types_default()).bool.isRequired,
+  menuRef: external_prop_types_default().shape({
+    current: (external_prop_types_default()).any
+  }),
+  isAccountMenuOpen: (external_prop_types_default()).bool.isRequired,
+  greetingName: (external_prop_types_default()).string.isRequired,
+  accountToggleLabel: (external_prop_types_default()).string.isRequired,
+  resolvedIconName: (external_prop_types_default()).string.isRequired,
+  resolvedIconColor: (external_prop_types_default()).string,
+  parent$: parentTagsPropType,
+  onAuthenticatedClick: (external_prop_types_default()).func.isRequired,
+  profilePanelProps: (external_prop_types_default()).object.isRequired,
+  isMobile: (external_prop_types_default()).bool.isRequired,
+  effectiveSignInTitle: (external_prop_types_default()).string.isRequired,
+  effectiveSignIn: authLinkPropType,
+  authService: authServicePropType,
+  setIsModalOpen: (external_prop_types_default()).func.isRequired,
+  editing: (external_prop_types_default()).bool.isRequired
+};
+function GuestMobileModalBody(_ref5) {
+  var copy = _ref5.copy,
+    editing = _ref5.editing,
+    closeModal = _ref5.closeModal,
+    effectiveSignIn = _ref5.effectiveSignIn,
+    effectiveSignUp = _ref5.effectiveSignUp,
+    authService = _ref5.authService;
+  return /*#__PURE__*/(0,jsx_runtime_.jsxs)(ModalSections, {
+    children: [/*#__PURE__*/(0,jsx_runtime_.jsxs)(ModalSection, {
+      children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(SectionTitle, {
+        children: copy.sign_in_heading
+      }), /*#__PURE__*/(0,jsx_runtime_.jsx)(SectionMessage, {
+        children: copy.sign_in_message
+      }), /*#__PURE__*/(0,jsx_runtime_.jsx)(PrimaryButton, {
+        type: "button",
+        "data-testid": "signin-modal-signin-cta",
         onClick: function onClick() {
-          return handleSignUpNavigate(editing, effectiveSignUp === null || effectiveSignUp === void 0 ? void 0 : effectiveSignUp.url);
+          return handleModalAuthNavigate(editing, closeModal, effectiveSignIn === null || effectiveSignIn === void 0 ? void 0 : effectiveSignIn.url, authService, "navigateToSignIn");
         },
-        onKeyDown: handleKeyboardActivate,
-        children: [/*#__PURE__*/(0,jsx_runtime_.jsx)("div", SignUpOrSignIn_objectSpread(SignUpOrSignIn_objectSpread({}, parentEditableProps(parent$, "icon")), {}, {
-          className: "icon-container",
-          children: /*#__PURE__*/(0,jsx_runtime_.jsx)(IconWrap, SignUpOrSignIn_objectSpread(SignUpOrSignIn_objectSpread({}, parentEditableProps(parent$, "icon_color")), {}, {
-            "aria-hidden": true,
-            children: /*#__PURE__*/(0,jsx_runtime_.jsx)(dist.NsIcon, {
-              name: resolvedIconName,
-              size: "large",
-              colorOverride: resolvedIconColor
-            })
-          }))
-        })), /*#__PURE__*/(0,jsx_runtime_.jsx)(SignTextLink, SignUpOrSignIn_objectSpread(SignUpOrSignIn_objectSpread({
-          as: "span"
-        }, parentEditableProps(parent$, "sign_up")), {}, {
-          children: effectiveSignUpTitle
-        }))]
-      })), /*#__PURE__*/(0,jsx_runtime_.jsx)(Divider, {
-        "aria-hidden": true,
-        children: "/"
+        children: copy.sign_in_cta_label
       })]
-    }) : null, /*#__PURE__*/(0,jsx_runtime_.jsx)(SignInLink, SignUpOrSignIn_objectSpread(SignUpOrSignIn_objectSpread({
-      "data-testid": "signin-button",
-      "aria-label": effectiveSignInTitle
-    }, parentEditableProps(parent$, "sign_in_url")), {}, {
-      onClick: function onClick() {
-        return handleSignInActivate(editing, isMobile, setIsModalOpen, effectiveSignIn === null || effectiveSignIn === void 0 ? void 0 : effectiveSignIn.url);
-      },
-      onKeyDown: handleKeyboardActivate,
-      type: "button",
-      children: /*#__PURE__*/(0,jsx_runtime_.jsx)("span", SignUpOrSignIn_objectSpread(SignUpOrSignIn_objectSpread({}, parentEditableProps(parent$, "sign_in")), {}, {
-        children: effectiveSignInTitle
-      }))
-    })), showMobileModal ? /*#__PURE__*/(0,jsx_runtime_.jsx)(MobileAuthModalBackdrop, {
-      "data-testid": "signin-modal-backdrop",
-      onClick: closeModal,
-      children: /*#__PURE__*/(0,jsx_runtime_.jsxs)(MobileAuthModal, {
-        open: true,
-        "aria-modal": "true",
-        "aria-label": effectiveSignInTitle,
-        onClick: function onClick(e) {
-          return e.stopPropagation();
+    }), /*#__PURE__*/(0,jsx_runtime_.jsxs)(ModalSection, {
+      children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(SectionTitle, {
+        children: copy.sign_up_heading
+      }), /*#__PURE__*/(0,jsx_runtime_.jsx)(SectionMessage, {
+        children: copy.sign_up_message
+      }), /*#__PURE__*/(0,jsx_runtime_.jsx)(OutlinedButton, {
+        "data-testid": "signin-modal-create-account-cta",
+        type: "button",
+        onClick: function onClick() {
+          return handleModalAuthNavigate(editing, closeModal, effectiveSignUp === null || effectiveSignUp === void 0 ? void 0 : effectiveSignUp.url, authService, "navigateToSignUp");
         },
-        children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(ModalHeaderRow, {
-          children: /*#__PURE__*/(0,jsx_runtime_.jsx)(ModalCancelButton, {
-            "data-testid": "signin-modal-cancel",
-            "aria-label": modal_copy === null || modal_copy === void 0 ? void 0 : modal_copy.close_dialog_aria_label,
-            type: "button",
-            onClick: closeModal,
-            children: "\xD7"
-          })
-        }), /*#__PURE__*/(0,jsx_runtime_.jsx)(ModalContent, {
-          children: /*#__PURE__*/(0,jsx_runtime_.jsxs)(ModalSections, {
-            children: [/*#__PURE__*/(0,jsx_runtime_.jsxs)(ModalSection, {
-              children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(SectionTitle, {
-                children: modal_copy === null || modal_copy === void 0 ? void 0 : modal_copy.sign_in_heading
-              }), /*#__PURE__*/(0,jsx_runtime_.jsx)(SectionMessage, {
-                children: modal_copy === null || modal_copy === void 0 ? void 0 : modal_copy.sign_in_message
-              }), /*#__PURE__*/(0,jsx_runtime_.jsx)(PrimaryButton, {
-                type: "button",
-                "data-testid": "signin-modal-signin-cta",
-                onClick: function onClick() {
-                  return handleModalAuthNavigate(editing, closeModal, effectiveSignIn === null || effectiveSignIn === void 0 ? void 0 : effectiveSignIn.url);
-                },
-                children: modal_copy === null || modal_copy === void 0 ? void 0 : modal_copy.sign_in_cta_label
-              })]
-            }), /*#__PURE__*/(0,jsx_runtime_.jsxs)(ModalSection, {
-              children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(SectionTitle, {
-                children: modal_copy === null || modal_copy === void 0 ? void 0 : modal_copy.sign_up_heading
-              }), /*#__PURE__*/(0,jsx_runtime_.jsx)(SectionMessage, {
-                children: modal_copy === null || modal_copy === void 0 ? void 0 : modal_copy.sign_up_message
-              }), /*#__PURE__*/(0,jsx_runtime_.jsx)(OutlinedButton, {
-                "data-testid": "signin-modal-create-account-cta",
-                type: "button",
-                onClick: function onClick() {
-                  return handleModalAuthNavigate(editing, closeModal, effectiveSignUp === null || effectiveSignUp === void 0 ? void 0 : effectiveSignUp.url);
-                },
-                "aria-label": modal_copy === null || modal_copy === void 0 ? void 0 : modal_copy.sign_up_cta_aria_label,
-                children: modal_copy === null || modal_copy === void 0 ? void 0 : modal_copy.sign_up_cta_label
-              })]
-            })]
-          })
-        })]
-      })
-    }) : null]
+        "aria-label": copy.sign_up_cta_aria_label,
+        children: copy.sign_up_cta_label
+      })]
+    })]
   });
 }
-SignUpOrSignIn.propTypes = {
-  show: (external_prop_types_default()).bool,
-  icon: (external_prop_types_default()).string,
-  icon_color: (external_prop_types_default()).string,
-  sign_up: external_prop_types_default().shape({
-    title: (external_prop_types_default()).string,
-    url: (external_prop_types_default()).string
-  }),
-  sign_in: external_prop_types_default().shape({
-    title: (external_prop_types_default()).string,
-    url: (external_prop_types_default()).string
-  }),
-  modal_copy: external_prop_types_default().shape({
-    close_dialog_aria_label: (external_prop_types_default()).string,
-    sign_in_heading: (external_prop_types_default()).string,
-    sign_in_message: (external_prop_types_default()).string,
-    sign_in_cta_label: (external_prop_types_default()).string,
-    sign_up_heading: (external_prop_types_default()).string,
-    sign_up_message: (external_prop_types_default()).string,
-    sign_up_cta_label: (external_prop_types_default()).string,
-    sign_up_cta_aria_label: (external_prop_types_default()).string
-  }),
-  authService: external_prop_types_default().shape({
-    getAuthLinks: (external_prop_types_default()).func
-  }),
-  parent$: external_prop_types_default().shape({
-    icon: (external_prop_types_default()).object,
-    icon_color: (external_prop_types_default()).object,
-    sign_up: (external_prop_types_default()).object,
-    sign_up_url: (external_prop_types_default()).object,
-    sign_in: (external_prop_types_default()).object,
-    sign_in_url: (external_prop_types_default()).object
-  })
+GuestMobileModalBody.propTypes = {
+  copy: modalCopyPropType.isRequired,
+  editing: (external_prop_types_default()).bool.isRequired,
+  closeModal: (external_prop_types_default()).func.isRequired,
+  effectiveSignIn: authLinkPropType,
+  effectiveSignUp: authLinkPropType,
+  authService: authServicePropType
+};
+function MobileAuthOverlay(_ref6) {
+  var show = _ref6.show,
+    onDismiss = _ref6.onDismiss,
+    copy = _ref6.copy,
+    isAuthenticated = _ref6.isAuthenticated,
+    accountToggleLabel = _ref6.accountToggleLabel,
+    effectiveSignInTitle = _ref6.effectiveSignInTitle,
+    profilePanelProps = _ref6.profilePanelProps,
+    editing = _ref6.editing,
+    closeModal = _ref6.closeModal,
+    effectiveSignIn = _ref6.effectiveSignIn,
+    effectiveSignUp = _ref6.effectiveSignUp,
+    authService = _ref6.authService;
+  if (!show) {
+    return null;
+  }
+  var modalAriaLabel = isAuthenticated ? accountToggleLabel : effectiveSignInTitle;
+  var modalInner = isAuthenticated ? /*#__PURE__*/(0,jsx_runtime_.jsx)(ModalSections, {
+    children: /*#__PURE__*/(0,jsx_runtime_.jsx)(ModalSection, {
+      children: /*#__PURE__*/(0,jsx_runtime_.jsx)(SignUpSignInProfilePanel, SignUpSignInViews_objectSpread({}, profilePanelProps))
+    })
+  }) : /*#__PURE__*/(0,jsx_runtime_.jsx)(GuestMobileModalBody, {
+    copy: copy,
+    editing: editing,
+    closeModal: closeModal,
+    effectiveSignIn: effectiveSignIn,
+    effectiveSignUp: effectiveSignUp,
+    authService: authService
+  });
+  return /*#__PURE__*/(0,jsx_runtime_.jsx)(MobileAuthModalBackdrop, {
+    "data-testid": "signin-modal-backdrop",
+    onClick: onDismiss,
+    children: /*#__PURE__*/(0,jsx_runtime_.jsxs)(MobileAuthModal, {
+      open: true,
+      "aria-modal": "true",
+      "aria-label": modalAriaLabel,
+      onClick: function onClick(e) {
+        return e.stopPropagation();
+      },
+      children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(ModalHeaderRow, {
+        children: /*#__PURE__*/(0,jsx_runtime_.jsx)(ModalCancelButton, {
+          "data-testid": "signin-modal-cancel",
+          "aria-label": copy.close_dialog_aria_label,
+          type: "button",
+          onClick: onDismiss,
+          children: "\xD7"
+        })
+      }), /*#__PURE__*/(0,jsx_runtime_.jsx)(ModalContent, {
+        children: modalInner
+      })]
+    })
+  });
+}
+MobileAuthOverlay.propTypes = {
+  show: (external_prop_types_default()).bool.isRequired,
+  onDismiss: (external_prop_types_default()).func.isRequired,
+  copy: modalCopyPropType.isRequired,
+  isAuthenticated: (external_prop_types_default()).bool.isRequired,
+  accountToggleLabel: (external_prop_types_default()).string.isRequired,
+  effectiveSignInTitle: (external_prop_types_default()).string.isRequired,
+  profilePanelProps: (external_prop_types_default()).object.isRequired,
+  editing: (external_prop_types_default()).bool.isRequired,
+  closeModal: (external_prop_types_default()).func.isRequired,
+  effectiveSignIn: authLinkPropType,
+  effectiveSignUp: authLinkPropType,
+  authService: authServicePropType
 };
+;// ./src/components/signup-signin/SignUpSignIn.jsx
+
+
+
+
+
+
+
+function SignUpSignIn(_ref) {
+  var show = _ref.show,
+    icon = _ref.icon,
+    icon_color = _ref.icon_color,
+    sign_up = _ref.sign_up,
+    sign_in = _ref.sign_in,
+    signed_in = _ref.signed_in,
+    profile_utility_links = _ref.profile_utility_links,
+    modal_copy = _ref.modal_copy,
+    authService = _ref.authService,
+    customerData = _ref.customerData,
+    parent$ = _ref.parent$;
+  var _useSignUpSignIn = useSignUpSignIn({
+      show: show,
+      icon: icon,
+      icon_color: icon_color,
+      sign_up: sign_up,
+      sign_in: sign_in,
+      signed_in: signed_in,
+      profile_utility_links: profile_utility_links,
+      modal_copy: modal_copy,
+      authService: authService,
+      customerData: customerData
+    }),
+    isVisible = _useSignUpSignIn.show,
+    isMobile = _useSignUpSignIn.isMobile,
+    editing = _useSignUpSignIn.editing,
+    copy = _useSignUpSignIn.copy,
+    resolvedAuthService = _useSignUpSignIn.authService,
+    authDisplay = _useSignUpSignIn.authDisplay,
+    menuRef = _useSignUpSignIn.menuRef,
+    isAccountMenuOpen = _useSignUpSignIn.isAccountMenuOpen,
+    setIsModalOpen = _useSignUpSignIn.setIsModalOpen,
+    closeModal = _useSignUpSignIn.closeModal,
+    dismissMenus = _useSignUpSignIn.dismissMenus,
+    showMobileModal = _useSignUpSignIn.showMobileModal,
+    greetingName = _useSignUpSignIn.greetingName,
+    resolvedIconName = _useSignUpSignIn.resolvedIconName,
+    resolvedIconColor = _useSignUpSignIn.resolvedIconColor,
+    profilePanelProps = _useSignUpSignIn.profilePanelProps,
+    handleAuthenticatedAccountClick = _useSignUpSignIn.handleAuthenticatedAccountClick;
+  if (!isVisible) return null;
+  return /*#__PURE__*/(0,jsx_runtime_.jsxs)(SignUpSignInRoot, {
+    "data-testid": "signup-signin",
+    children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(DesktopGuestSignupSection, {
+      isMobile: isMobile,
+      showGuestAuth: authDisplay.showGuestAuth,
+      effectiveSignUpTitle: authDisplay.effectiveSignUpTitle,
+      effectiveSignUp: authDisplay.effectiveSignUp,
+      editing: editing,
+      authService: resolvedAuthService,
+      parent$: parent$,
+      resolvedIconName: resolvedIconName,
+      resolvedIconColor: resolvedIconColor
+    }), /*#__PURE__*/(0,jsx_runtime_.jsx)(PrimaryAuthActions, {
+      isAuthenticated: authDisplay.isAuthenticated,
+      menuRef: menuRef,
+      isAccountMenuOpen: isAccountMenuOpen,
+      greetingName: greetingName,
+      accountToggleLabel: authDisplay.accountToggleLabel,
+      resolvedIconName: resolvedIconName,
+      resolvedIconColor: resolvedIconColor,
+      parent$: parent$,
+      onAuthenticatedClick: handleAuthenticatedAccountClick,
+      profilePanelProps: profilePanelProps,
+      isMobile: isMobile,
+      effectiveSignInTitle: authDisplay.effectiveSignInTitle,
+      effectiveSignIn: authDisplay.effectiveSignIn,
+      authService: resolvedAuthService,
+      setIsModalOpen: setIsModalOpen,
+      editing: editing
+    }), /*#__PURE__*/(0,jsx_runtime_.jsx)(MobileAuthOverlay, {
+      show: showMobileModal,
+      onDismiss: dismissMenus,
+      copy: copy,
+      isAuthenticated: authDisplay.isAuthenticated,
+      accountToggleLabel: authDisplay.accountToggleLabel,
+      effectiveSignInTitle: authDisplay.effectiveSignInTitle,
+      profilePanelProps: profilePanelProps,
+      editing: editing,
+      closeModal: closeModal,
+      effectiveSignIn: authDisplay.effectiveSignIn,
+      effectiveSignUp: authDisplay.effectiveSignUp,
+      authService: resolvedAuthService
+    })]
+  });
+}
+SignUpSignIn.propTypes = signUpSignInPropTypes;
+
 ;// ./src/components/header/regions/HeaderAccountRegion.jsx
 
 
@@ -103628,15 +105045,21 @@ SignUpOrSignIn.propTypes = {
 
 function HeaderAccountRegion(_ref) {
   var data = _ref.data,
-    parent$ = _ref.parent$;
+    parent$ = _ref.parent$,
+    customerData = _ref.customerData,
+    authService = _ref.authService;
   var show = (data === null || data === void 0 ? void 0 : data.show) !== false;
   if (!show) return null;
-  return /*#__PURE__*/(0,jsx_runtime_.jsx)(SignUpOrSignIn, {
+  return /*#__PURE__*/(0,jsx_runtime_.jsx)(SignUpSignIn, {
     show: show,
     icon: data === null || data === void 0 ? void 0 : data.icon,
     icon_color: data === null || data === void 0 ? void 0 : data.icon_color,
     sign_up: data === null || data === void 0 ? void 0 : data.sign_up,
     sign_in: data === null || data === void 0 ? void 0 : data.sign_in,
+    signed_in: data === null || data === void 0 ? void 0 : data.signed_in,
+    profile_utility_links: data === null || data === void 0 ? void 0 : data.profile_utility_links,
+    customerData: customerData,
+    authService: authService,
     parent$: parent$
   });
 }
@@ -103652,15 +105075,22 @@ HeaderAccountRegion.propTypes = {
     sign_in: external_prop_types_default().shape({
       title: (external_prop_types_default()).string,
       url: (external_prop_types_default()).string
-    })
+    }),
+    signed_in: external_prop_types_default().shape({
+      title: (external_prop_types_default()).string,
+      url: (external_prop_types_default()).string
+    }),
+    profile_utility_links: (external_prop_types_default()).object
   }),
+  customerData: (external_prop_types_default()).object,
+  authService: (external_prop_types_default()).object,
   parent$: external_prop_types_default().shape({
     icon: (external_prop_types_default()).object,
     icon_color: (external_prop_types_default()).object,
     sign_up: (external_prop_types_default()).object,
     sign_up_url: (external_prop_types_default()).object,
     sign_in: (external_prop_types_default()).object,
-    sign_in_url: (external_prop_types_default()).object
+    signed_in: (external_prop_types_default()).object
   })
 };
 ;// ./src/components/cart/Cart.styled.js
@@ -103879,7 +105309,7 @@ HeaderCartRegion.defaultProps = {
 var Close = __webpack_require__(9781);
 ;// ./src/utils/parseIconAsset.js
 function parseIconAsset_typeof(o) { "@babel/helpers - typeof"; return parseIconAsset_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; }, parseIconAsset_typeof(o); }
-function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = parseIconAsset_unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function parseIconAsset_createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = parseIconAsset_unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function parseIconAsset_unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return parseIconAsset_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) ? parseIconAsset_arrayLikeToArray(r, a) : void 0; } }
 function parseIconAsset_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; }
 /**
@@ -103908,7 +105338,7 @@ function getDirectUrl(value) {
   return normalizeUrlString((value === null || value === void 0 ? void 0 : value.url) || (value === null || value === void 0 ? void 0 : value.src) || (value === null || value === void 0 || (_value$selected = value.selected) === null || _value$selected === void 0 ? void 0 : _value$selected.url) || (value === null || value === void 0 || (_value$files = value.files) === null || _value$files === void 0 || (_value$files = _value$files.transformBaseUrl) === null || _value$files === void 0 ? void 0 : _value$files.url) || (value === null || value === void 0 || (_value$files2 = value.files) === null || _value$files2 === void 0 || (_value$files2 = _value$files2.thumbnail) === null || _value$files2 === void 0 ? void 0 : _value$files2.url));
 }
 function findUrlInValues(values, depth) {
-  var _iterator = _createForOfIteratorHelper(values),
+  var _iterator = parseIconAsset_createForOfIteratorHelper(values),
     _step;
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -103963,7 +105393,7 @@ function getFieldValueFromGroup(source, keys) {
   var expandedKeys = keys.flatMap(function (key) {
     return [key, "".concat(key, "__0")];
   });
-  var _iterator2 = _createForOfIteratorHelper(expandedKeys),
+  var _iterator2 = parseIconAsset_createForOfIteratorHelper(expandedKeys),
     _step2;
   try {
     for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
@@ -108118,13 +109548,6 @@ var isServer = typeof window === "undefined";
 
 /** Stable reference — default `customFields = {}` in params creates a new object every render. */
 var EMPTY_CUSTOM_FIELDS = {};
-function pageNameFromPathname(pathname) {
-  var parts = String(pathname || "").split("/").filter(Boolean);
-  if (parts.length <= 2) {
-    return "";
-  }
-  return parts.slice(2).join("/");
-}
 var GTMTracker = function GTMTracker(_ref) {
   var componentName = _ref.componentName,
     impressionEvent = _ref.impressionEvent,
@@ -108137,6 +109560,8 @@ var GTMTracker = function GTMTracker(_ref) {
     clickSelector = _ref$clickSelector === void 0 ? "a" : _ref$clickSelector,
     _ref$clickEventAction = _ref.clickEventAction,
     clickEventAction = _ref$clickEventAction === void 0 ? "click" : _ref$clickEventAction,
+    _ref$extractClickData = _ref.extractClickData,
+    extractClickData = _ref$extractClickData === void 0 ? false : _ref$extractClickData,
     customFields = _ref.customFields,
     children = _ref.children;
   // On the server, just render children — tracking is client-only.
@@ -108155,6 +109580,7 @@ var GTMTracker = function GTMTracker(_ref) {
     clickTriggerType: clickTriggerType,
     clickSelector: clickSelector,
     clickEventAction: clickEventAction,
+    extractClickData: extractClickData,
     customFields: customFields !== null && customFields !== void 0 ? customFields : EMPTY_CUSTOM_FIELDS,
     children: children
   });
@@ -108171,11 +109597,12 @@ function GTMTrackerClient(_ref2) {
     clickTriggerType = _ref2.clickTriggerType,
     clickSelector = _ref2.clickSelector,
     clickEventAction = _ref2.clickEventAction,
+    extractClickData = _ref2.extractClickData,
     customFields = _ref2.customFields,
     children = _ref2.children;
   var componentRef = (0,external_react_.useRef)(null);
   var impressionTrackedRef = (0,external_react_.useRef)(false);
-  var pageName = pageNameFromPathname(typeof window !== "undefined" ? window.location.pathname : "");
+  var pageUrl = typeof window !== "undefined" ? window.location.href : "";
   (0,external_react_.useEffect)(function () {
     if (!impressionEvent) return;
     var observer = new IntersectionObserver(function (entries) {
@@ -108186,7 +109613,7 @@ function GTMTrackerClient(_ref2) {
             component_name: componentName,
             event: impressionEvent,
             event_action: "view",
-            page_name: pageName
+            page_url: pageUrl
           }, impressionElement && {
             element: impressionElement
           }), impressionTriggerType && {
@@ -108206,7 +109633,7 @@ function GTMTrackerClient(_ref2) {
         observer.unobserve(el);
       }
     };
-  }, [componentName, impressionEvent, customFields, pageName, impressionElement, impressionTriggerType]);
+  }, [componentName, impressionEvent, customFields, pageUrl, impressionElement, impressionTriggerType]);
   (0,external_react_.useEffect)(function () {
     if (!clickEvent) return;
     var el = componentRef.current;
@@ -108214,23 +109641,28 @@ function GTMTrackerClient(_ref2) {
     var handleClick = function handleClick(e) {
       var target = e.target.closest(clickSelector);
       if (target) {
-        trackVisualBuilderEvent(GTMTracker_objectSpread(GTMTracker_objectSpread(GTMTracker_objectSpread({
+        var _target$textContent;
+        var dynamicData = extractClickData ? {
+          text: (_target$textContent = target.textContent) === null || _target$textContent === void 0 ? void 0 : _target$textContent.trim(),
+          url: target.href
+        } : {};
+        trackVisualBuilderEvent(GTMTracker_objectSpread(GTMTracker_objectSpread(GTMTracker_objectSpread(GTMTracker_objectSpread({
           component_name: componentName,
           event: clickEvent,
           event_action: clickEventAction,
-          page_name: pageName
+          page_url: pageUrl
         }, clickElement && {
           element: clickElement
         }), clickTriggerType && {
           trigger_type: clickTriggerType
-        }), customFields));
+        }), customFields), dynamicData));
       }
     };
     el.addEventListener("click", handleClick, true);
     return function () {
       return el.removeEventListener("click", handleClick, true);
     };
-  }, [componentName, clickEvent, clickElement, clickTriggerType, clickSelector, clickEventAction, customFields, pageName]);
+  }, [componentName, clickEvent, clickElement, clickTriggerType, clickSelector, clickEventAction, extractClickData, customFields, pageUrl]);
   return /*#__PURE__*/(0,jsx_runtime_.jsx)(GTMTrackerRoot, {
     ref: componentRef,
     children: children
@@ -108246,6 +109678,7 @@ GTMTracker.propTypes = {
   clickTriggerType: (external_prop_types_default()).string,
   clickSelector: (external_prop_types_default()).string,
   clickEventAction: (external_prop_types_default()).string,
+  extractClickData: (external_prop_types_default()).bool,
   customFields: (external_prop_types_default()).object,
   children: (external_prop_types_default()).node.isRequired
 };
@@ -108525,22 +109958,6 @@ var TopRibbon = function TopRibbon(_ref) {
     return null;
   }
   var editing = isEditingMode();
-
-  /**
-   * Fires a GTM dataLayer event when a link is clicked.
-   * Does NOT call preventDefault — native target="_blank" behaviour is preserved.
-   * SSR-safe: guarded behind typeof window check.
-   *
-   * @param {Object} item - The navigation item that was clicked
-   */
-  var handleClick = function handleClick(item) {
-    if (typeof window === "undefined" || !Array.isArray(window.dataLayer)) return;
-    window.dataLayer.push(TopRibbon_objectSpread({
-      event: "top_ribbon_click",
-      link_text: item.label,
-      link_url: item.url
-    }, item.gtmEvent));
-  };
   return /*#__PURE__*/(0,jsx_runtime_.jsx)(StyledTopRibbon, {
     className: className,
     "data-testid": dataTestId,
@@ -108572,9 +109989,6 @@ var TopRibbon = function TopRibbon(_ref) {
               href: linkHref,
               target: "_blank",
               rel: "noopener noreferrer",
-              onClick: function onClick() {
-                return handleClick(item);
-              },
               "aria-label": linkAriaLabel,
               "data-testid": linkTestId,
               children: /*#__PURE__*/(0,jsx_runtime_.jsx)("span", TopRibbon_objectSpread(TopRibbon_objectSpread({}, editing ? (_item$$ = item.$) === null || _item$$ === void 0 ? void 0 : _item$$.label : null), {}, {
@@ -111060,6 +112474,135 @@ MarketSelector.propTypes = {
     $: (external_prop_types_default()).object
   })
 };
+;// ./src/components/signup-signin/SignUpSignIn.cms.js
+function SignUpSignIn_cms_toConsumableArray(r) { return SignUpSignIn_cms_arrayWithoutHoles(r) || SignUpSignIn_cms_iterableToArray(r) || SignUpSignIn_cms_unsupportedIterableToArray(r) || SignUpSignIn_cms_nonIterableSpread(); }
+function SignUpSignIn_cms_nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function SignUpSignIn_cms_unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return SignUpSignIn_cms_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) ? SignUpSignIn_cms_arrayLikeToArray(r, a) : void 0; } }
+function SignUpSignIn_cms_iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function SignUpSignIn_cms_arrayWithoutHoles(r) { if (Array.isArray(r)) return SignUpSignIn_cms_arrayLikeToArray(r); }
+function SignUpSignIn_cms_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; }
+
+var SIGNED_IN_LABEL_KEYS = ["signed_in", "signed_in_label", "account_label", "my_account_label"];
+var SIGNED_IN_URL_KEYS = ["signed_in_url", "account_url", "my_account_url"];
+function firstDefined() {
+  for (var _len = arguments.length, values = new Array(_len), _key = 0; _key < _len; _key++) {
+    values[_key] = arguments[_key];
+  }
+  for (var _i = 0, _values = values; _i < _values.length; _i++) {
+    var value = _values[_i];
+    if (value !== undefined && value !== null) return value;
+  }
+  return undefined;
+}
+function normalizeShowFlag(value) {
+  var fallback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+  if (value === undefined || value === null) return fallback;
+  if (typeof value === "boolean") return value;
+  var normalized = String(value).trim().toLowerCase();
+  if (normalized === "false" || normalized === "0" || normalized === "no") {
+    return false;
+  }
+  if (normalized === "true" || normalized === "1" || normalized === "yes") {
+    return true;
+  }
+  return Boolean(value);
+}
+function pickAuthTextField(authData, fieldKey) {
+  var value = authData === null || authData === void 0 ? void 0 : authData[fieldKey];
+  if (typeof value !== "string") return undefined;
+  var trimmed = value.trim();
+  return trimmed || undefined;
+}
+function pickAuthTextFieldFromKeys(authData, fieldKeys, legacyData) {
+  var legacyKeys = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
+  var cmsValues = fieldKeys.map(function (key) {
+    return pickAuthTextField(authData, key);
+  });
+  var legacyValues = legacyKeys.map(function (key) {
+    return legacyData === null || legacyData === void 0 ? void 0 : legacyData[key];
+  });
+  return firstDefined.apply(void 0, SignUpSignIn_cms_toConsumableArray(cmsValues).concat(SignUpSignIn_cms_toConsumableArray(legacyValues)));
+}
+function normalizeUtilityLinksEntries(utilityLinksRaw) {
+  if (Array.isArray(utilityLinksRaw)) return utilityLinksRaw;
+  if (utilityLinksRaw) return [utilityLinksRaw];
+  return [];
+}
+function pickUtilityLinksEntry(utilityLinksEntries) {
+  return utilityLinksEntries.find(function (entry) {
+    return entry === null || entry === void 0 ? void 0 : entry.sign_up_sign_in_component;
+  }) || utilityLinksEntries[0] || null;
+}
+function buildAccountData(_ref) {
+  var _firstDefined, _firstDefined2, _firstDefined3, _pickAuthTextFieldFro, _pickAuthTextFieldFro2;
+  var utilityAuthData = _ref.utilityAuthData,
+    legacyAccountData = _ref.legacyAccountData;
+  return {
+    show: normalizeShowFlag(firstDefined(utilityAuthData === null || utilityAuthData === void 0 ? void 0 : utilityAuthData.show, legacyAccountData === null || legacyAccountData === void 0 ? void 0 : legacyAccountData.show), true),
+    icon: (_firstDefined = firstDefined(utilityAuthData === null || utilityAuthData === void 0 ? void 0 : utilityAuthData.icon, legacyAccountData === null || legacyAccountData === void 0 ? void 0 : legacyAccountData.icon)) !== null && _firstDefined !== void 0 ? _firstDefined : DEFAULT_ICON,
+    icon_color: firstDefined(utilityAuthData === null || utilityAuthData === void 0 ? void 0 : utilityAuthData.icon_color, utilityAuthData === null || utilityAuthData === void 0 ? void 0 : utilityAuthData.iconColor, legacyAccountData === null || legacyAccountData === void 0 ? void 0 : legacyAccountData.icon_color, legacyAccountData === null || legacyAccountData === void 0 ? void 0 : legacyAccountData.iconColor),
+    sign_up: {
+      title: (_firstDefined2 = firstDefined(pickAuthTextField(utilityAuthData, "sign_up"), legacyAccountData === null || legacyAccountData === void 0 ? void 0 : legacyAccountData.sign_up_label)) !== null && _firstDefined2 !== void 0 ? _firstDefined2 : DEFAULT_SIGN_UP.title,
+      url: DEFAULT_SIGN_UP.url
+    },
+    sign_in: {
+      title: (_firstDefined3 = firstDefined(pickAuthTextField(utilityAuthData, "sign_in"), legacyAccountData === null || legacyAccountData === void 0 ? void 0 : legacyAccountData.sign_in_label)) !== null && _firstDefined3 !== void 0 ? _firstDefined3 : DEFAULT_SIGN_IN.title,
+      url: DEFAULT_SIGN_IN.url
+    },
+    signed_in: {
+      title: (_pickAuthTextFieldFro = pickAuthTextFieldFromKeys(utilityAuthData, SIGNED_IN_LABEL_KEYS, legacyAccountData, ["signed_in_label", "account_label"])) !== null && _pickAuthTextFieldFro !== void 0 ? _pickAuthTextFieldFro : DEFAULT_SIGNED_IN.title,
+      url: (_pickAuthTextFieldFro2 = pickAuthTextFieldFromKeys(utilityAuthData, SIGNED_IN_URL_KEYS, legacyAccountData, ["signed_in_url", "account_url"])) !== null && _pickAuthTextFieldFro2 !== void 0 ? _pickAuthTextFieldFro2 : DEFAULT_SIGNED_IN.url
+    },
+    profile_utility_links: (utilityAuthData === null || utilityAuthData === void 0 ? void 0 : utilityAuthData.profile_utility_links) || (utilityAuthData === null || utilityAuthData === void 0 ? void 0 : utilityAuthData.profileUtilityLinks) || undefined
+  };
+}
+function buildAccountParentTags(_ref2) {
+  var _utilityLinksEntry$$, _utilityLinksEntry$$2, _legacyAccountData$$, _legacyAccountData$$2, _legacyAccountData$$3;
+  var utilityAuthData = _ref2.utilityAuthData,
+    utilityLinksEntry = _ref2.utilityLinksEntry,
+    legacyAccountData = _ref2.legacyAccountData;
+  var refTags = (utilityLinksEntry === null || utilityLinksEntry === void 0 || (_utilityLinksEntry$$ = utilityLinksEntry.$) === null || _utilityLinksEntry$$ === void 0 ? void 0 : _utilityLinksEntry$$.sign_up_sign_in_component) || (utilityLinksEntry === null || utilityLinksEntry === void 0 || (_utilityLinksEntry$$2 = utilityLinksEntry.$) === null || _utilityLinksEntry$$2 === void 0 ? void 0 : _utilityLinksEntry$$2.sign_up_sign_in_component__0);
+  var pickTag = function pickTag(key) {
+    var _utilityAuthData$$;
+    return (utilityAuthData === null || utilityAuthData === void 0 || (_utilityAuthData$$ = utilityAuthData.$) === null || _utilityAuthData$$ === void 0 ? void 0 : _utilityAuthData$$[key]) || (refTags === null || refTags === void 0 ? void 0 : refTags[key]);
+  };
+  var pickTagFromKeys = function pickTagFromKeys() {
+    for (var _len2 = arguments.length, keys = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      keys[_key2] = arguments[_key2];
+    }
+    for (var _i2 = 0, _keys = keys; _i2 < _keys.length; _i2++) {
+      var key = _keys[_i2];
+      var tag = pickTag(key);
+      if (tag) return tag;
+    }
+    return undefined;
+  };
+  return {
+    icon: pickTag("icon") || (legacyAccountData === null || legacyAccountData === void 0 || (_legacyAccountData$$ = legacyAccountData.$) === null || _legacyAccountData$$ === void 0 ? void 0 : _legacyAccountData$$.icon),
+    icon_color: pickTag("icon_color") || pickTag("iconColor") || (legacyAccountData === null || legacyAccountData === void 0 || (_legacyAccountData$$2 = legacyAccountData.$) === null || _legacyAccountData$$2 === void 0 ? void 0 : _legacyAccountData$$2.icon_color) || (legacyAccountData === null || legacyAccountData === void 0 || (_legacyAccountData$$3 = legacyAccountData.$) === null || _legacyAccountData$$3 === void 0 ? void 0 : _legacyAccountData$$3.iconColor),
+    sign_up: pickTag("sign_up"),
+    sign_up_url: pickTag("sign_up_url"),
+    sign_in: pickTag("sign_in"),
+    signed_in: pickTagFromKeys("signed_in", "signed_in_label", "account_label", "my_account_label")
+  };
+}
+function resolveHeaderAuthFromEntry(headerEntry) {
+  var utilityLinksEntries = normalizeUtilityLinksEntries(headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.utility_links);
+  var utilityLinksEntry = pickUtilityLinksEntry(utilityLinksEntries);
+  var utilityAuthData = utilityLinksEntry === null || utilityLinksEntry === void 0 ? void 0 : utilityLinksEntry.sign_up_sign_in_component;
+  var legacyAccountData = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.account;
+  return {
+    accountData: buildAccountData({
+      utilityAuthData: utilityAuthData,
+      legacyAccountData: legacyAccountData
+    }),
+    accountParentTags: buildAccountParentTags({
+      utilityAuthData: utilityAuthData,
+      utilityLinksEntry: utilityLinksEntry,
+      legacyAccountData: legacyAccountData
+    })
+  };
+}
 ;// ./src/components/header/HeaderView.jsx
 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); }
 function HeaderView_slicedToArray(r, e) { return HeaderView_arrayWithHoles(r) || HeaderView_iterableToArrayLimit(r, e) || HeaderView_unsupportedIterableToArray(r, e) || HeaderView_nonIterableRest(); }
@@ -111090,6 +112633,7 @@ function HeaderView_toPrimitive(t, r) { if ("object" != HeaderView_typeof(t) ||
 
 
 
+
 var DEFAULT_LOGO = {
   wordmark: "NU SKIN",
   home_href: "/",
@@ -111106,19 +112650,6 @@ var DEFAULT_MARKET_SELECTOR = {
   cancel_text: "Cancel",
   control_label: DEFAULT_LOCALE.control_label
 };
-var DEFAULT_ACCOUNT = {
-  show: true,
-  icon: "userOutline",
-  icon_color: undefined,
-  sign_up: {
-    title: "Sign Up",
-    url: ""
-  },
-  sign_in: {
-    title: "Sign In",
-    url: ""
-  }
-};
 var DEFAULT_LOYALTY = {
   label: "Nu Skin Rewards",
   url: "/rewards",
@@ -111129,17 +112660,7 @@ var DEFAULT_CART = {
   aria_label: "Shopping cart",
   count: 0
 };
-function firstDefined() {
-  for (var _len = arguments.length, values = new Array(_len), _key = 0; _key < _len; _key++) {
-    values[_key] = arguments[_key];
-  }
-  for (var _i = 0, _values = values; _i < _values.length; _i++) {
-    var value = _values[_i];
-    if (value !== undefined && value !== null) return value;
-  }
-  return undefined;
-}
-function normalizeShowFlag(value) {
+function HeaderView_normalizeShowFlag(value) {
   var fallback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
   if (value === undefined || value === null) return fallback;
   if (typeof value === "boolean") return value;
@@ -111152,62 +112673,9 @@ function normalizeShowFlag(value) {
   }
   return Boolean(value);
 }
-function normalizeUtilityLinksEntries(utilityLinksRaw) {
-  if (Array.isArray(utilityLinksRaw)) return utilityLinksRaw;
-  if (utilityLinksRaw) return [utilityLinksRaw];
-  return [];
-}
-function pickUtilityLinksEntry(utilityLinksEntries) {
-  return utilityLinksEntries.find(function (entry) {
-    return entry === null || entry === void 0 ? void 0 : entry.sign_up_sign_in_component;
-  }) || utilityLinksEntries[0] || null;
-}
-function pickAuthTextField(authData, fieldKey) {
-  var value = authData === null || authData === void 0 ? void 0 : authData[fieldKey];
-  if (typeof value !== "string") return undefined;
-  var trimmed = value.trim();
-  return trimmed || undefined;
-}
-function buildAccountData(_ref) {
-  var _firstDefined, _firstDefined2, _firstDefined3, _firstDefined4, _firstDefined5, _firstDefined6;
-  var utilityAuthData = _ref.utilityAuthData,
-    legacyAccountData = _ref.legacyAccountData;
-  return {
-    show: normalizeShowFlag(firstDefined(utilityAuthData === null || utilityAuthData === void 0 ? void 0 : utilityAuthData.show, legacyAccountData === null || legacyAccountData === void 0 ? void 0 : legacyAccountData.show), DEFAULT_ACCOUNT.show),
-    icon: (_firstDefined = firstDefined(utilityAuthData === null || utilityAuthData === void 0 ? void 0 : utilityAuthData.icon, legacyAccountData === null || legacyAccountData === void 0 ? void 0 : legacyAccountData.icon)) !== null && _firstDefined !== void 0 ? _firstDefined : DEFAULT_ACCOUNT.icon,
-    icon_color: (_firstDefined2 = firstDefined(utilityAuthData === null || utilityAuthData === void 0 ? void 0 : utilityAuthData.icon_color, utilityAuthData === null || utilityAuthData === void 0 ? void 0 : utilityAuthData.iconColor, legacyAccountData === null || legacyAccountData === void 0 ? void 0 : legacyAccountData.icon_color, legacyAccountData === null || legacyAccountData === void 0 ? void 0 : legacyAccountData.iconColor)) !== null && _firstDefined2 !== void 0 ? _firstDefined2 : DEFAULT_ACCOUNT.icon_color,
-    sign_up: {
-      title: (_firstDefined3 = firstDefined(pickAuthTextField(utilityAuthData, "sign_up"), legacyAccountData === null || legacyAccountData === void 0 ? void 0 : legacyAccountData.sign_up_label)) !== null && _firstDefined3 !== void 0 ? _firstDefined3 : DEFAULT_ACCOUNT.sign_up.title,
-      url: (_firstDefined4 = firstDefined(pickAuthTextField(utilityAuthData, "sign_up_url"), legacyAccountData === null || legacyAccountData === void 0 ? void 0 : legacyAccountData.sign_up_url)) !== null && _firstDefined4 !== void 0 ? _firstDefined4 : DEFAULT_ACCOUNT.sign_up.url
-    },
-    sign_in: {
-      title: (_firstDefined5 = firstDefined(pickAuthTextField(utilityAuthData, "sign_in"), legacyAccountData === null || legacyAccountData === void 0 ? void 0 : legacyAccountData.sign_in_label)) !== null && _firstDefined5 !== void 0 ? _firstDefined5 : DEFAULT_ACCOUNT.sign_in.title,
-      url: (_firstDefined6 = firstDefined(pickAuthTextField(utilityAuthData, "sign_in_url"), legacyAccountData === null || legacyAccountData === void 0 ? void 0 : legacyAccountData.sign_in_url)) !== null && _firstDefined6 !== void 0 ? _firstDefined6 : DEFAULT_ACCOUNT.sign_in.url
-    }
-  };
-}
-function buildAccountParentTags(_ref2) {
-  var _utilityLinksEntry$$, _utilityLinksEntry$$2, _legacyAccountData$$, _legacyAccountData$$2, _legacyAccountData$$3;
-  var utilityAuthData = _ref2.utilityAuthData,
-    utilityLinksEntry = _ref2.utilityLinksEntry,
-    legacyAccountData = _ref2.legacyAccountData;
-  var refTags = (utilityLinksEntry === null || utilityLinksEntry === void 0 || (_utilityLinksEntry$$ = utilityLinksEntry.$) === null || _utilityLinksEntry$$ === void 0 ? void 0 : _utilityLinksEntry$$.sign_up_sign_in_component) || (utilityLinksEntry === null || utilityLinksEntry === void 0 || (_utilityLinksEntry$$2 = utilityLinksEntry.$) === null || _utilityLinksEntry$$2 === void 0 ? void 0 : _utilityLinksEntry$$2.sign_up_sign_in_component__0);
-  var pickTag = function pickTag(key) {
-    var _utilityAuthData$$;
-    return (utilityAuthData === null || utilityAuthData === void 0 || (_utilityAuthData$$ = utilityAuthData.$) === null || _utilityAuthData$$ === void 0 ? void 0 : _utilityAuthData$$[key]) || (refTags === null || refTags === void 0 ? void 0 : refTags[key]);
-  };
-  return {
-    icon: pickTag("icon") || (legacyAccountData === null || legacyAccountData === void 0 || (_legacyAccountData$$ = legacyAccountData.$) === null || _legacyAccountData$$ === void 0 ? void 0 : _legacyAccountData$$.icon),
-    icon_color: pickTag("icon_color") || pickTag("iconColor") || (legacyAccountData === null || legacyAccountData === void 0 || (_legacyAccountData$$2 = legacyAccountData.$) === null || _legacyAccountData$$2 === void 0 ? void 0 : _legacyAccountData$$2.icon_color) || (legacyAccountData === null || legacyAccountData === void 0 || (_legacyAccountData$$3 = legacyAccountData.$) === null || _legacyAccountData$$3 === void 0 ? void 0 : _legacyAccountData$$3.iconColor),
-    sign_up: pickTag("sign_up"),
-    sign_up_url: pickTag("sign_up_url"),
-    sign_in: pickTag("sign_in"),
-    sign_in_url: pickTag("sign_in_url")
-  };
-}
-function LoyaltyComponent(_ref3) {
-  var data = _ref3.data;
-  var show = normalizeShowFlag(data === null || data === void 0 ? void 0 : data.show, true);
+function LoyaltyComponent(_ref) {
+  var data = _ref.data;
+  var show = HeaderView_normalizeShowFlag(data === null || data === void 0 ? void 0 : data.show, true);
   if (!show) return null;
   return withTracking(/*#__PURE__*/(0,jsx_runtime_.jsx)(HeaderLoyaltyRegion, {
     data: data
@@ -111218,14 +112686,30 @@ function LoyaltyComponent(_ref3) {
 LoyaltyComponent.propTypes = {
   data: (external_prop_types_default()).object
 };
+function TopRibbonComponent(_ref2) {
+  var _data$top_ribbon_aria;
+  var data = _ref2.data,
+    _ref2$parentTags = _ref2.parentTags,
+    parentTags = _ref2$parentTags === void 0 ? {} : _ref2$parentTags;
+  if (!(data !== null && data !== void 0 && data.show_top_ribbon)) return null;
+  return withTracking(/*#__PURE__*/(0,jsx_runtime_.jsx)("div", HeaderView_objectSpread(HeaderView_objectSpread(HeaderView_objectSpread({}, (parentTags === null || parentTags === void 0 ? void 0 : parentTags.top_ribbon) || {}), (parentTags === null || parentTags === void 0 ? void 0 : parentTags.top_ribbon__parent) || {}), {}, {
+    children: /*#__PURE__*/(0,jsx_runtime_.jsx)(top_ribbon_TopRibbon, {
+      links: [data],
+      ariaLabel: (_data$top_ribbon_aria = data.top_ribbon_aria_label) !== null && _data$top_ribbon_aria !== void 0 ? _data$top_ribbon_aria : "Top Ribbon",
+      dataTestId: "header-top-ribbon"
+    })
+  })), {
+    componentType: "topRibbon"
+  });
+}
 function LogoComponent(props) {
   return withTracking(/*#__PURE__*/(0,jsx_runtime_.jsx)(Brand, HeaderView_objectSpread({}, props)), {
     componentType: "logo"
   });
 }
-function CartComponent(_ref4) {
-  var data = _ref4.data,
-    parent$ = _ref4.parent$;
+function CartComponent(_ref3) {
+  var data = _ref3.data,
+    parent$ = _ref3.parent$;
   return withTracking(/*#__PURE__*/(0,jsx_runtime_.jsx)(HeaderCartRegion, {
     data: data,
     parent$: parent$
@@ -111237,37 +112721,28 @@ CartComponent.propTypes = {
   data: (external_prop_types_default()).object,
   parent$: (external_prop_types_default()).object
 };
-function HeaderView(_ref5) {
-  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;
-  var country = _ref5.country,
-    language = _ref5.language,
-    locale = _ref5.locale,
-    headerEntry = _ref5.headerEntry,
-    searchConfig = _ref5.searchConfig,
-    storefrontParams = _ref5.storefrontParams;
+function HeaderView(_ref4) {
+  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, _headerEntry$$2, _ref5, _headerEntry$locale, _headerEntry$$3, _headerEntry$$4;
+  var country = _ref4.country,
+    language = _ref4.language,
+    locale = _ref4.locale,
+    headerEntry = _ref4.headerEntry,
+    searchConfig = _ref4.searchConfig,
+    storefrontParams = _ref4.storefrontParams;
   var _useState = (0,external_react_.useState)(false),
     _useState2 = HeaderView_slicedToArray(_useState, 2),
     isMobileMenuOpen = _useState2[0],
     setIsMobileMenuOpen = _useState2[1];
   var mobileMarketTriggerMountRef = (0,external_react_.useRef)(null);
   var editing = isEditingMode();
-  var utilityLinksRaw = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.utility_links;
-  var utilityLinksEntries = normalizeUtilityLinksEntries(utilityLinksRaw);
+  var utilityLinksEntries = normalizeUtilityLinksEntries(headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.utility_links);
   var utilityLinksEntry = pickUtilityLinksEntry(utilityLinksEntries);
   var logoData = parseLogoData((_headerEntry$logo = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.logo) !== null && _headerEntry$logo !== void 0 ? _headerEntry$logo : DEFAULT_LOGO);
   var localeData = (_headerEntry$locale_s = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.locale_selector) !== null && _headerEntry$locale_s !== void 0 ? _headerEntry$locale_s : DEFAULT_LOCALE;
   var loyaltyData = (_utilityLinksEntry$lo = utilityLinksEntry === null || utilityLinksEntry === void 0 || (_utilityLinksEntry$lo2 = utilityLinksEntry.loyalty_menu) === null || _utilityLinksEntry$lo2 === void 0 ? void 0 : _utilityLinksEntry$lo2[0]) !== null && _utilityLinksEntry$lo !== void 0 ? _utilityLinksEntry$lo : DEFAULT_LOYALTY;
-  var utilityAuthData = utilityLinksEntry === null || utilityLinksEntry === void 0 ? void 0 : utilityLinksEntry.sign_up_sign_in_component;
-  var legacyAccountData = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.account;
-  var accountData = buildAccountData({
-    utilityAuthData: utilityAuthData,
-    legacyAccountData: legacyAccountData
-  });
-  var accountParentTags = buildAccountParentTags({
-    utilityAuthData: utilityAuthData,
-    utilityLinksEntry: utilityLinksEntry,
-    legacyAccountData: legacyAccountData
-  });
+  var _resolveHeaderAuthFro = resolveHeaderAuthFromEntry(headerEntry),
+    accountData = _resolveHeaderAuthFro.accountData,
+    accountParentTags = _resolveHeaderAuthFro.accountParentTags;
   var cartData = HeaderView_objectSpread(HeaderView_objectSpread({}, (_headerEntry$cart = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.cart) !== null && _headerEntry$cart !== void 0 ? _headerEntry$cart : DEFAULT_CART), {}, {
     item_count: (_storefrontParams$car = storefrontParams === null || storefrontParams === void 0 ? void 0 : storefrontParams.cartCount) !== null && _storefrontParams$car !== void 0 ? _storefrontParams$car : 0
   });
@@ -111281,13 +112756,10 @@ function HeaderView(_ref5) {
     "data-country": country,
     "data-language": language,
     "data-locale": locale,
-    children: [(topRibbon === null || topRibbon === void 0 ? void 0 : topRibbon.show_top_ribbon) && /*#__PURE__*/(0,jsx_runtime_.jsx)("div", HeaderView_objectSpread(HeaderView_objectSpread(HeaderView_objectSpread({}, ($ === null || $ === void 0 ? void 0 : $.top_ribbon) || {}), ($ === null || $ === void 0 ? void 0 : $.top_ribbon__parent) || {}), {}, {
-      children: /*#__PURE__*/(0,jsx_runtime_.jsx)(top_ribbon_TopRibbon, {
-        links: [topRibbon],
-        ariaLabel: (_topRibbon$top_ribbon = topRibbon.top_ribbon_aria_label) !== null && _topRibbon$top_ribbon !== void 0 ? _topRibbon$top_ribbon : "Top Ribbon",
-        dataTestId: "header-top-ribbon"
-      })
-    })), /*#__PURE__*/(0,jsx_runtime_.jsxs)(TopHeaderRow, {
+    children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(TopRibbonComponent, {
+      data: topRibbon,
+      parentTags: $
+    }), /*#__PURE__*/(0,jsx_runtime_.jsxs)(TopHeaderRow, {
       children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(MobileMenuButton, {
         onClick: function onClick() {
           return setIsMobileMenuOpen(true);
@@ -111306,7 +112778,9 @@ function HeaderView(_ref5) {
       }), /*#__PURE__*/(0,jsx_runtime_.jsxs)(MobileUtilityBar, {
         children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(HeaderAccountRegion, {
           data: accountData,
-          parent$: accountParentTags
+          parent$: accountParentTags,
+          customerData: storefrontParams === null || storefrontParams === void 0 ? void 0 : storefrontParams.customerData,
+          authService: storefrontParams === null || storefrontParams === void 0 ? void 0 : storefrontParams.authService
         }), /*#__PURE__*/(0,jsx_runtime_.jsx)(HeaderSearchRegion, {
           country: country,
           language: language,
@@ -111324,7 +112798,7 @@ function HeaderView(_ref5) {
           children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(MarketSelector, {
             data: marketSelector,
             logo: logoData,
-            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(),
+            locale: String((_ref5 = (_headerEntry$locale = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.locale) !== null && _headerEntry$locale !== void 0 ? _headerEntry$locale : locale) !== null && _ref5 !== void 0 ? _ref5 : "").trim(),
             parent$: headerEntry === null || headerEntry === void 0 || (_headerEntry$$3 = headerEntry.$) === null || _headerEntry$$3 === void 0 ? void 0 : _headerEntry$$3.market_selector__0,
             mobileTriggerMode: "drawerPortal",
             drawerOpen: isMobileMenuOpen,
@@ -111333,7 +112807,9 @@ function HeaderView(_ref5) {
             data: loyaltyData
           }), /*#__PURE__*/(0,jsx_runtime_.jsx)(HeaderAccountRegion, {
             data: accountData,
-            parent$: accountParentTags
+            parent$: accountParentTags,
+            customerData: storefrontParams === null || storefrontParams === void 0 ? void 0 : storefrontParams.customerData,
+            authService: storefrontParams === null || storefrontParams === void 0 ? void 0 : storefrontParams.authService
           }), /*#__PURE__*/(0,jsx_runtime_.jsx)(CartComponent, {
             data: cartData,
             parent$: headerEntry === null || headerEntry === void 0 || (_headerEntry$$4 = headerEntry.$) === null || _headerEntry$$4 === void 0 ? void 0 : _headerEntry$$4.cart
@@ -111379,9 +112855,14 @@ HeaderView.propTypes = {
   searchConfig: (external_prop_types_default()).object,
   storefrontParams: external_prop_types_default().shape({
     cartCount: (external_prop_types_default()).number,
-    customerData: (external_prop_types_default()).object
+    customerData: (external_prop_types_default()).object,
+    authService: (external_prop_types_default()).object
   })
 };
+TopRibbonComponent.propTypes = {
+  data: (external_prop_types_default()).object,
+  parentTags: (external_prop_types_default()).object
+};
 ;// ./src/styles/Main.styled.js
 
 function Main_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)."; }
@@ -111653,7 +113134,8 @@ HeaderContainer.propTypes = {
   headerEntry: (external_prop_types_default()).object,
   storefrontParams: external_prop_types_default().shape({
     cartCount: (external_prop_types_default()).number,
-    customerData: (external_prop_types_default()).object
+    customerData: (external_prop_types_default()).object,
+    authService: (external_prop_types_default()).object
   })
 };
 /* harmony default export */ const header_HeaderContainer = (HeaderContainer);