@swype-org/react-sdk 0.2.361 → 0.2.372

package/dist/index.js

@@ -612,6 +612,21 @@ function resolveSelectSourceOption(choices, options, chainName, tokenSymbol, rec
   ));
 }
 
+// src/walletFlow.ts
+var MOBILE_USER_AGENT_PATTERN = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i;
+function isMobileUserAgent(userAgent) {
+  if (!userAgent) {
+    return false;
+  }
+  return MOBILE_USER_AGENT_PATTERN.test(userAgent);
+}
+function shouldUseWalletConnector(options) {
+  return options.useWalletConnector ?? !isMobileUserAgent(options.userAgent);
+}
+function resolveCoinbasePreferenceOptions(userAgent) {
+  return isMobileUserAgent(userAgent) ? "all" : "eoaOnly";
+}
+
 // src/walletBridge/protocol.ts
 var BRIDGE_PROTOCOL_VERSION = 1;
 function parseBridgeMessage(data) {
@@ -982,18 +997,28 @@ function FingerprintVisitorPing() {
   return null;
 }
 function buildStaticConnectors() {
+  const userAgent = typeof navigator === "undefined" ? null : navigator.userAgent;
   return [
     // `unstable_shimAsyncInject` covers wallets whose content scripts wire
     // up after page load (Phantom, Trust, MetaMask in the iframe).
     injected({ unstable_shimAsyncInject: 2e3 }),
-    // `preference: 'all'` (default) lets the Coinbase Wallet SDK prefer an
-    // injected provider when one is present. This matters inside Base's
-    // mobile in-app WebView: with `smartWalletOnly`, the SDK routes signing
-    // through `keys.coinbase.com`, which in an iOS WKWebView navigates the
-    // webview itself (full page reload after each signature). With `all`,
-    // the SDK uses the Base WebView's injected `window.ethereum` directly,
-    // keeping signing in-process. Desktop/extension users are unaffected.
-    coinbaseWallet({ appName: "Swype", preference: { options: "all" } })
+    // Coinbase Wallet SDK connection preference is platform-specific
+    // (see `resolveCoinbasePreferenceOptions`):
+    //   • Desktop → `eoaOnly`: in smart-wallet mode the Base extension hands
+    //     the dapp a separate, often-empty smart-wallet account instead of the
+    //     user's funded EOA → "no assets". `eoaOnly` binds the funded EOA.
+    //   • Mobile (Base in-app WebView) → `all`: signing must use the injected
+    //     `window.ethereum`; the SDK path reloads the iOS WKWebView after each
+    //     signature.
+    //
+    // Exactly ONE Coinbase connector: two `@coinbase/wallet-sdk` instances in
+    // one page collide on shared `window` listeners + the Communicator (Privy
+    // connector-init timeout, listener leaks, duplicated `client-project-name`
+    // that 400s the connect), so we never register a second one.
+    coinbaseWallet({
+      appName: "Blink",
+      preference: { options: resolveCoinbasePreferenceOptions(userAgent) }
+    })
   ];
 }
 function buildWagmiConfig(bridgedWallets) {
@@ -1143,9 +1168,10 @@ function buildTargetMatchers(target) {
       aliases.add("io.metamask");
     }
     if (value === "base" || value === "base account" || value === "base app" || value.includes("coinbase")) {
-      aliases.add("base");
       aliases.add("coinbase");
       aliases.add("coinbasewalletsdk");
+      aliases.add("com.coinbase.wallet");
+      aliases.add("baseaccount");
     }
     if (value.includes("trust")) {
       aliases.add("trust");
@@ -1219,19 +1245,70 @@ async function withTimeout(promise, ms, label) {
     if (timer !== void 0) clearTimeout(timer);
   }
 }
-function isReloadingCoinbaseConnector(connector) {
+function isCoinbaseSdkConnector(connector) {
   if (!connector) return false;
   return connectorMatchesWallet(
     { id: connector.id, name: connector.name ?? "" },
     { wagmiConnectorId: "coinbaseWalletSDK" }
   );
 }
+var COINBASE_SDK_STORAGE_PREFIXES = ["-CBWSDK", "-walletlink"];
+var COINBASE_SIGNER_TYPE_STORAGE_KEY = "-CBWSDK:SignerConfigurator:SignerType";
+function loadCoinbaseSignerType() {
+  if (typeof window === "undefined" || !window.localStorage) return null;
+  try {
+    return window.localStorage.getItem(COINBASE_SIGNER_TYPE_STORAGE_KEY);
+  } catch {
+    return null;
+  }
+}
+function clearCoinbaseWalletSdkSession() {
+  if (typeof window === "undefined" || !window.localStorage) return;
+  try {
+    const store = window.localStorage;
+    const keysToRemove = [];
+    for (let i = 0; i < store.length; i += 1) {
+      const key = store.key(i);
+      if (key && COINBASE_SDK_STORAGE_PREFIXES.some((prefix) => key.startsWith(prefix))) {
+        keysToRemove.push(key);
+      }
+    }
+    keysToRemove.forEach((key) => store.removeItem(key));
+    console.info("[blink-sdk][disconnect] cleared Coinbase Wallet SDK session", {
+      clearedKeys: keysToRemove.length
+    });
+  } catch (err) {
+    console.info("[blink-sdk][disconnect] failed to clear Coinbase Wallet SDK session", err);
+  }
+}
+function resetWagmiConnectionInMemory(wagmiConfig, connector) {
+  if (!connector) return;
+  try {
+    const target = connector;
+    const connections = [...wagmiConfig.state.connections.values()];
+    const match = connections.find((conn) => {
+      const live2 = conn.connector;
+      if (target.uid && live2.uid) return live2.uid === target.uid;
+      return live2.id === target.id;
+    });
+    const live = match?.connector;
+    if (!live?.emitter) return;
+    live.emitter.emit("disconnect");
+    console.info("[blink-sdk][disconnect] reset wagmi in-memory connection via emitter", {
+      connectorId: live.id
+    });
+  } catch (err) {
+    console.info("[blink-sdk][disconnect] failed to reset wagmi in-memory connection", err);
+  }
+}
 async function safeDisconnect(wagmiConfig, connector) {
-  if (isReloadingCoinbaseConnector(connector)) {
+  if (isCoinbaseSdkConnector(connector)) {
     console.info(
-      "[blink-sdk][disconnect] skipping wagmi disconnect for Coinbase WalletLink connector",
+      "[blink-sdk][disconnect] clearing Coinbase Wallet SDK session instead of wagmi disconnect",
       { connectorId: connector?.id }
     );
+    clearCoinbaseWalletSdkSession();
+    resetWagmiConnectionInMemory(wagmiConfig, connector);
     return;
   }
   await disconnect(wagmiConfig, { connector }).catch(() => {
@@ -3885,6 +3962,23 @@ function isUserRejection(msg) {
   const lower = msg.toLowerCase();
   return lower.includes("rejected") || lower.includes("denied");
 }
+var EmptyConnectionAccountError = class extends Error {
+  constructor(message = "Wallet connected but returned no account address.") {
+    super(message);
+    this.name = "EmptyConnectionAccountError";
+  }
+};
+var EVM_ADDRESS_RE = /^0x[0-9a-fA-F]{40}$/;
+function assertNonEmptyConnectedAddress(address, ctx) {
+  if (typeof address === "string" && EVM_ADDRESS_RE.test(address)) {
+    return;
+  }
+  appendDebug("error", "OPEN_PROVIDER: empty-or-invalid-connected-address", {
+    ...ctx,
+    address: address ?? null
+  });
+  throw new EmptyConnectionAccountError();
+}
 function requiresExplicitEvmNonce(account) {
   return connectorMatchesWallet(account?.connector, { providerName: "trust" }) || connectorMatchesWallet(account?.connector, { providerName: "phantom" });
 }
@@ -4118,7 +4212,8 @@ async function executeOpenProvider(action, wagmiConfig, connectors, connectAsync
       accountConnectorId: account.connector?.id ?? null,
       accountConnectorName: account.connector?.name ?? null,
       targetId: targetId ?? null,
-      resolvedConnectorId: connector?.id ?? null
+      resolvedConnectorId: connector?.id ?? null,
+      availableConnectorIds: connectors.map((c) => c.id)
     };
     let disconnectedMismatchedConnector = false;
     if (account.isConnected && account.address) {
@@ -4126,6 +4221,7 @@ async function executeOpenProvider(action, wagmiConfig, connectors, connectAsync
       if (connectorMatchesTarget) {
         const hexChainId2 = account.chainId ? `0x${account.chainId.toString(16)}` : void 0;
         const branch = !targetId ? "early-return-no-target" : "early-return-connector-match";
+        assertNonEmptyConnectedAddress(account.address, { ...logContext, branch });
         console.info("[blink-sdk][open-provider] Skipping connectAsync; wagmi already connected.", {
           ...logContext,
           branch
@@ -4149,6 +4245,20 @@ async function executeOpenProvider(action, wagmiConfig, connectors, connectAsync
       disconnectedMismatchedConnector = true;
     }
     if (!disconnectedMismatchedConnector) {
+      const targetIsCoinbase = connectorMatchesWallet(connector, {
+        wagmiConnectorId: "coinbaseWalletSDK"
+      });
+      const isDesktopUa = !isMobileUserAgent(
+        typeof navigator === "undefined" ? null : navigator.userAgent
+      );
+      if (targetIsCoinbase && isDesktopUa && loadCoinbaseSignerType() === "scw") {
+        console.info(
+          "[blink-sdk][open-provider] Clearing stale Coinbase Smart Wallet (scw) session before reconnect so eoaOnly binds the EOA.",
+          logContext
+        );
+        appendDebug("info", "OPEN_PROVIDER: clearing stale scw session before reconnect", logContext);
+        clearCoinbaseWalletSdkSession();
+      }
       console.info("[blink-sdk][open-provider] Attempting silent reconnect.", logContext);
       appendDebug("info", "OPEN_PROVIDER: attempting silent reconnect", logContext);
       const reconnections = await reconnect(wagmiConfig).catch(() => []);
@@ -4163,6 +4273,7 @@ async function executeOpenProvider(action, wagmiConfig, connectors, connectAsync
             reconnectedConnectorId: reconnectedAccount.connector?.id ?? null,
             reconnectionCount: reconnections.length
           };
+          assertNonEmptyConnectedAddress(reconnectedAccount.address, reconnectLogContext);
           console.info(
             "[blink-sdk][open-provider] Silent reconnect succeeded; skipping connectAsync.",
             reconnectLogContext
@@ -4230,6 +4341,10 @@ async function executeOpenProvider(action, wagmiConfig, connectors, connectAsync
     });
     const result = await connectAsync({ connector });
     const hexChainId = `0x${result.chainId.toString(16)}`;
+    assertNonEmptyConnectedAddress(result.accounts[0], {
+      ...logContext,
+      branch: "connectAsync-result"
+    });
     return actionSuccess(
       action,
       `Connected to ${connector.name}. Account: ${result.accounts[0]}, Chain: ${hexChainId}`,
@@ -4237,15 +4352,23 @@ async function executeOpenProvider(action, wagmiConfig, connectors, connectAsync
     );
   } catch (err) {
     const msg = err instanceof Error ? err.message : "Failed to connect wallet";
-    if (options?.externalAuthorizationAvailable && isUserRejection(msg) && action.metadata?.chainFamily !== "svm") {
-      appendDebug("info", "OPEN_PROVIDER: user-rejection-soft-halt", {
+    const emptyAccount = err instanceof EmptyConnectionAccountError;
+    if (options?.externalAuthorizationAvailable && (isUserRejection(msg) || emptyAccount) && action.metadata?.chainFamily !== "svm") {
+      appendDebug("info", "OPEN_PROVIDER: soft-halt", {
         actionId: action.id,
-        externalAuthorizationAvailable: true
+        externalAuthorizationAvailable: true,
+        reason: emptyAccount ? "empty-account" : "user-rejection"
       });
       return actionPending(
         action,
         "awaiting-external-authorization",
-        "Wallet connection prompt dismissed \u2014 awaiting completion via cross-device authorization."
+        emptyAccount ? "Wallet returned no account \u2014 awaiting completion via cross-device authorization." : "Wallet connection prompt dismissed \u2014 awaiting completion via cross-device authorization."
+      );
+    }
+    if (emptyAccount) {
+      return actionError(
+        action,
+        "We couldn't read an address from that wallet. Please reconnect and make sure an account is selected."
       );
     }
     if (action.metadata?.chainFamily === "svm") {
@@ -6951,18 +7074,6 @@ function updateTrackedSession(sessions, ownerSessionId, reportedSession, actionS
   }
 }
 
-// src/walletFlow.ts
-var MOBILE_USER_AGENT_PATTERN = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i;
-function isMobileUserAgent(userAgent) {
-  if (!userAgent) {
-    return false;
-  }
-  return MOBILE_USER_AGENT_PATTERN.test(userAgent);
-}
-function shouldUseWalletConnector(options) {
-  return options.useWalletConnector ?? !isMobileUserAgent(options.userAgent);
-}
-
 // src/enterAmountInput.ts
 var MAX_FRACTION_DIGITS = 2;
 function isDigit(value) {
@@ -8562,6 +8673,52 @@ var buttonStyle = (color, hovered) => ({
   flexShrink: 0,
   transition: "background 0.15s ease"
 });
+var INTERCOM_HELP_URL = "https://intercom.help/blinkcash/en/";
+var TERMS_URL = "https://blink.cash/terms";
+function SupportFooter() {
+  const { tokens } = useBlinkConfig();
+  return /* @__PURE__ */ jsxs("div", { style: containerStyle2(tokens.textMuted), children: [
+    /* @__PURE__ */ jsx(
+      "a",
+      {
+        href: INTERCOM_HELP_URL,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        style: linkStyle(tokens.textMuted),
+        children: "Help"
+      }
+    ),
+    /* @__PURE__ */ jsx("span", { "aria-hidden": "true", style: dotStyle(tokens.textTertiary), children: "\u2022" }),
+    /* @__PURE__ */ jsx(
+      "a",
+      {
+        href: TERMS_URL,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        style: linkStyle(tokens.textMuted),
+        children: "Terms"
+      }
+    )
+  ] });
+}
+var containerStyle2 = (color) => ({
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  gap: 10,
+  fontSize: "0.8rem",
+  color,
+  padding: "4px 0"
+});
+var linkStyle = (color) => ({
+  color,
+  fontWeight: 500,
+  textDecoration: "none"
+});
+var dotStyle = (color) => ({
+  color,
+  fontSize: "0.8rem"
+});
 function SettingsMenu({ onLogout }) {
   const { tokens } = useBlinkConfig();
   const [open, setOpen] = useState(false);
@@ -8577,34 +8734,54 @@ function SettingsMenu({ onLogout }) {
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, [open]);
-  return /* @__PURE__ */ jsxs("div", { ref: menuRef, style: containerStyle2, children: [
+  return /* @__PURE__ */ jsxs("div", { ref: menuRef, style: containerStyle3, children: [
     /* @__PURE__ */ jsx(IconButton, { onClick: toggle, "aria-label": "Settings", children: /* @__PURE__ */ jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", children: [
       /* @__PURE__ */ jsx("circle", { cx: "12", cy: "5", r: "2", fill: "currentColor" }),
       /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "2", fill: "currentColor" }),
       /* @__PURE__ */ jsx("circle", { cx: "12", cy: "19", r: "2", fill: "currentColor" })
     ] }) }),
-    open && /* @__PURE__ */ jsx("div", { style: dropdownStyle(tokens), children: /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        onClick: () => {
-          setOpen(false);
-          onLogout();
-        },
-        style: menuItemStyle(tokens),
-        children: [
-          /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", style: { marginRight: 8, flexShrink: 0 }, children: [
-            /* @__PURE__ */ jsx("path", { d: "M9 21H5a2 2 0 01-2-2V5a2 2 0 012-2h4", stroke: tokens.error, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-            /* @__PURE__ */ jsx("polyline", { points: "16 17 21 12 16 7", stroke: tokens.error, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-            /* @__PURE__ */ jsx("line", { x1: "21", y1: "12", x2: "9", y2: "12", stroke: tokens.error, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
-          ] }),
-          "Log out"
-        ]
-      }
-    ) })
+    open && /* @__PURE__ */ jsxs("div", { style: dropdownStyle(tokens), children: [
+      /* @__PURE__ */ jsxs(
+        "a",
+        {
+          href: INTERCOM_HELP_URL,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          onClick: () => setOpen(false),
+          style: menuItemStyle(tokens.text),
+          children: [
+            /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", style: { marginRight: 8, flexShrink: 0 }, children: [
+              /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "9", stroke: tokens.text, strokeWidth: "2" }),
+              /* @__PURE__ */ jsx("path", { d: "M9.5 9a2.5 2.5 0 014.5 1.5c0 1.5-2 2-2 3", stroke: tokens.text, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+              /* @__PURE__ */ jsx("circle", { cx: "12", cy: "17", r: "1", fill: tokens.text })
+            ] }),
+            "Help"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => {
+            setOpen(false);
+            onLogout();
+          },
+          style: menuItemStyle(tokens.error),
+          children: [
+            /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", style: { marginRight: 8, flexShrink: 0 }, children: [
+              /* @__PURE__ */ jsx("path", { d: "M9 21H5a2 2 0 01-2-2V5a2 2 0 012-2h4", stroke: tokens.error, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+              /* @__PURE__ */ jsx("polyline", { points: "16 17 21 12 16 7", stroke: tokens.error, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+              /* @__PURE__ */ jsx("line", { x1: "21", y1: "12", x2: "9", y2: "12", stroke: tokens.error, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
+            ] }),
+            "Log out"
+          ]
+        }
+      )
+    ] })
   ] });
 }
-var containerStyle2 = {
+var containerStyle3 = {
   position: "relative"
 };
 var dropdownStyle = (tokens) => ({
@@ -8620,7 +8797,7 @@ var dropdownStyle = (tokens) => ({
   zIndex: 100,
   overflow: "hidden"
 });
-var menuItemStyle = (tokens) => ({
+var menuItemStyle = (color) => ({
   width: "100%",
   display: "flex",
   alignItems: "center",
@@ -8631,7 +8808,9 @@ var menuItemStyle = (tokens) => ({
   fontFamily: "inherit",
   fontSize: "0.85rem",
   fontWeight: 500,
-  color: tokens.error
+  color,
+  textDecoration: "none",
+  boxSizing: "border-box"
 });
 function ScreenHeader({ title, right, onBack, left, badge, onLogout, center }) {
   const { tokens } = useBlinkConfig();
@@ -8692,7 +8871,7 @@ var badgeStyle = (color) => ({
 });
 function PoweredByFooter() {
   const { tokens } = useBlinkConfig();
-  return /* @__PURE__ */ jsx("div", { style: containerStyle3(tokens.textMuted), children: /* @__PURE__ */ jsxs("div", { style: rowStyle, children: [
+  return /* @__PURE__ */ jsx("div", { style: containerStyle4(tokens.textMuted), children: /* @__PURE__ */ jsxs("div", { style: rowStyle, children: [
     /* @__PURE__ */ jsx("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx(
       "path",
       {
@@ -8703,7 +8882,7 @@ function PoweredByFooter() {
     /* @__PURE__ */ jsx("span", { children: "Powered by Blink" })
   ] }) });
 }
-var containerStyle3 = (color) => ({
+var containerStyle4 = (color) => ({
   display: "flex",
   flexDirection: "column",
   alignItems: "center",
@@ -9413,12 +9592,12 @@ var defaultIcon = /* @__PURE__ */ jsx("svg", { width: "18", height: "18", viewBo
 ) });
 function InfoBanner({ children, icon }) {
   const { tokens } = useBlinkConfig();
-  return /* @__PURE__ */ jsxs("div", { style: containerStyle4(tokens.accent), children: [
+  return /* @__PURE__ */ jsxs("div", { style: containerStyle5(tokens.accent), children: [
     /* @__PURE__ */ jsx("span", { style: iconStyle, children: icon ?? defaultIcon }),
     /* @__PURE__ */ jsx("span", { style: textStyle, children })
   ] });
 }
-var containerStyle4 = (accent) => ({
+var containerStyle5 = (accent) => ({
   display: "flex",
   alignItems: "flex-start",
   gap: 10,
@@ -9436,7 +9615,7 @@ var iconStyle = {
 };
 var textStyle = { flex: 1 };
 function WarningBanner({ title, children }) {
-  return /* @__PURE__ */ jsxs("div", { style: containerStyle5, children: [
+  return /* @__PURE__ */ jsxs("div", { style: containerStyle6, children: [
     /* @__PURE__ */ jsxs("div", { style: headerStyle2, children: [
       /* @__PURE__ */ jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", style: iconStyle2, children: /* @__PURE__ */ jsx("path", { d: "M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z", fill: "#F57C00" }) }),
       /* @__PURE__ */ jsx("strong", { children: title })
@@ -9444,7 +9623,7 @@ function WarningBanner({ title, children }) {
     /* @__PURE__ */ jsx("div", { style: bodyStyle2, children })
   ] });
 }
-var containerStyle5 = {
+var containerStyle6 = {
   padding: "14px 16px",
   background: "#FFF8E1",
   border: "1px solid #FFE082",
@@ -9494,7 +9673,7 @@ function NotificationBanner({
 }) {
   const { tokens } = useBlinkConfig();
   const color = variant === "negative" ? NEGATIVE_FG : tokens.text;
-  return /* @__PURE__ */ jsxs("div", { style: containerStyle6(tokens.bgRecessed), children: [
+  return /* @__PURE__ */ jsxs("div", { style: containerStyle7(tokens.bgRecessed), children: [
     /* @__PURE__ */ jsx("span", { style: { ...iconWrapStyle2, color }, children: icon ?? defaultIcon2 }),
     /* @__PURE__ */ jsxs("div", { style: { ...textColStyle, color }, children: [
       /* @__PURE__ */ jsx("p", { style: titleStyle3, children: title }),
@@ -9502,7 +9681,7 @@ function NotificationBanner({
     ] })
   ] });
 }
-var containerStyle6 = (bg) => ({
+var containerStyle7 = (bg) => ({
   display: "flex",
   alignItems: "flex-start",
   gap: 16,
@@ -9597,7 +9776,7 @@ function OtpInput({ value, onChange, length = 6, disabled }) {
     onChange(pasted);
     focusInput(Math.min(pasted.length, length - 1));
   }, [onChange, length, focusInput]);
-  return /* @__PURE__ */ jsx("div", { style: containerStyle7, children: digits.map((digit, i) => /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("div", { style: containerStyle8, children: digits.map((digit, i) => /* @__PURE__ */ jsx(
     "input",
     {
       ref: (el) => {
@@ -9618,7 +9797,7 @@ function OtpInput({ value, onChange, length = 6, disabled }) {
     i
   )) });
 }
-var containerStyle7 = {
+var containerStyle8 = {
   display: "flex",
   gap: 8,
   justifyContent: "center",
@@ -10583,6 +10762,38 @@ function FaceIdIcon({ size = 24 }) {
     /* @__PURE__ */ jsx("path", { d: "M9.5 16c.7.6 1.6 1 2.5 1s1.8-.4 2.5-1", stroke: "currentColor", strokeWidth: "1.7", strokeLinecap: "round" })
   ] });
 }
+function WalletIcon() {
+  return /* @__PURE__ */ jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M4 7.5A2.5 2.5 0 0 1 6.5 5h11A2.5 2.5 0 0 1 20 7.5v9A2.5 2.5 0 0 1 17.5 19h-11A2.5 2.5 0 0 1 4 16.5v-9Zm2.5-1a1 1 0 0 0-1 1V9h13v-1.5a1 1 0 0 0-1-1h-11ZM5.5 10.5v6a1 1 0 0 0 1 1h11a1 1 0 0 0 1-1v-6h-13Z",
+        fill: "currentColor"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M14.5 13.75a.75.75 0 0 1 .75-.75h2a.75.75 0 0 1 0 1.5h-2a.75.75 0 0 1-.75-.75Z",
+        fill: "currentColor"
+      }
+    )
+  ] });
+}
+function QrIcon({ color = "currentColor" } = {}) {
+  return /* @__PURE__ */ jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx("rect", { x: "3.5", y: "3.5", width: "7", height: "7", rx: "1", stroke: color, strokeWidth: "1.4" }),
+    /* @__PURE__ */ jsx("rect", { x: "6", y: "6", width: "2", height: "2", fill: color }),
+    /* @__PURE__ */ jsx("rect", { x: "13.5", y: "3.5", width: "7", height: "7", rx: "1", stroke: color, strokeWidth: "1.4" }),
+    /* @__PURE__ */ jsx("rect", { x: "16", y: "6", width: "2", height: "2", fill: color }),
+    /* @__PURE__ */ jsx("rect", { x: "3.5", y: "13.5", width: "7", height: "7", rx: "1", stroke: color, strokeWidth: "1.4" }),
+    /* @__PURE__ */ jsx("rect", { x: "6", y: "16", width: "2", height: "2", fill: color }),
+    /* @__PURE__ */ jsx("rect", { x: "13.5", y: "13.5", width: "2.5", height: "2.5", fill: color }),
+    /* @__PURE__ */ jsx("rect", { x: "18", y: "13.5", width: "2.5", height: "2.5", fill: color }),
+    /* @__PURE__ */ jsx("rect", { x: "13.5", y: "18", width: "2.5", height: "2.5", fill: color }),
+    /* @__PURE__ */ jsx("rect", { x: "18", y: "18", width: "2.5", height: "2.5", fill: color })
+  ] });
+}
 function LogoCircle({ src, fallback, preserveShape, size = 36 }) {
   const { tokens } = useBlinkConfig();
   return /* @__PURE__ */ jsx("span", { style: logoCircleStyle(size, tokens.bgCard, tokens.textMuted), children: src ? /* @__PURE__ */ jsx("img", { src, alt: "", style: logoImageStyle(preserveShape) }) : fallback });
@@ -11052,7 +11263,8 @@ function LoginScreen({
             style: secondaryTextStyle(tokens, loading),
             children: secondaryLabel
           }
-        )
+        ),
+        /* @__PURE__ */ jsx(SupportFooter, {})
       ] }),
       children: [
         /* @__PURE__ */ jsx(ScreenHeader, { onBack, right: headerRight }),
@@ -11224,7 +11436,7 @@ function DepositOptionsScreen({
   const { tokens, promoTagText } = useBlinkConfig();
   const [manualHovered, setManualHovered] = useState(false);
   const [manualPressed, setManualPressed] = useState(false);
-  return /* @__PURE__ */ jsxs(ScreenLayout, { hideScrollbar: true, children: [
+  return /* @__PURE__ */ jsxs(ScreenLayout, { hideScrollbar: true, footer: /* @__PURE__ */ jsx(SupportFooter, {}), children: [
     /* @__PURE__ */ jsx(
       ScreenHeader,
       {
@@ -11268,7 +11480,7 @@ function DepositOptionsScreen({
             ),
             children: [
               /* @__PURE__ */ jsx("span", { style: manualLabelStyle(tokens.text), children: "Send Crypto Manually" }),
-              /* @__PURE__ */ jsx(QrIcon, { color: tokens.text })
+              /* @__PURE__ */ jsx(QrIcon2, { color: tokens.text })
             ]
           }
         )
@@ -11276,7 +11488,7 @@ function DepositOptionsScreen({
     ] })
   ] });
 }
-function QrIcon({ color }) {
+function QrIcon2({ color }) {
   return /* @__PURE__ */ jsxs(
     "svg",
     {
@@ -11379,7 +11591,7 @@ function WelcomeBackScreen({
   const [depositPressed, setDepositPressed] = useState(false);
   const [manualHovered, setManualHovered] = useState(false);
   const [manualPressed, setManualPressed] = useState(false);
-  return /* @__PURE__ */ jsxs(ScreenLayout, { children: [
+  return /* @__PURE__ */ jsxs(ScreenLayout, { footer: /* @__PURE__ */ jsx(SupportFooter, {}), children: [
     /* @__PURE__ */ jsx(
       ScreenHeader,
       {
@@ -11466,7 +11678,7 @@ function WelcomeBackScreen({
             ),
             children: [
               /* @__PURE__ */ jsx("span", { style: manualLabelStyle2(tokens.text), children: "Send Crypto Manually" }),
-              /* @__PURE__ */ jsx(QrIcon2, { color: tokens.text })
+              /* @__PURE__ */ jsx(QrIcon3, { color: tokens.text })
             ]
           }
         )
@@ -11474,7 +11686,7 @@ function WelcomeBackScreen({
     ] })
   ] });
 }
-function QrIcon2({ color }) {
+function QrIcon3({ color }) {
   return /* @__PURE__ */ jsxs(
     "svg",
     {
@@ -13584,7 +13796,7 @@ function SelectDepositSourceScreen({
                     label: "Send manually",
                     color: tokens.text,
                     onClick: onSendManually,
-                    icon: /* @__PURE__ */ jsx(QrIcon3, { color: tokens.text })
+                    icon: /* @__PURE__ */ jsx(QrIcon, { color: tokens.text })
                   }
                 ),
                 onAddProvider && /* @__PURE__ */ jsx(
@@ -13700,38 +13912,6 @@ function ActionRow({
     }
   );
 }
-function QrIcon3({ color }) {
-  return /* @__PURE__ */ jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx("rect", { x: "3.5", y: "3.5", width: "7", height: "7", rx: "1", stroke: color, strokeWidth: "1.4" }),
-    /* @__PURE__ */ jsx("rect", { x: "6", y: "6", width: "2", height: "2", fill: color }),
-    /* @__PURE__ */ jsx("rect", { x: "13.5", y: "3.5", width: "7", height: "7", rx: "1", stroke: color, strokeWidth: "1.4" }),
-    /* @__PURE__ */ jsx("rect", { x: "16", y: "6", width: "2", height: "2", fill: color }),
-    /* @__PURE__ */ jsx("rect", { x: "3.5", y: "13.5", width: "7", height: "7", rx: "1", stroke: color, strokeWidth: "1.4" }),
-    /* @__PURE__ */ jsx("rect", { x: "6", y: "16", width: "2", height: "2", fill: color }),
-    /* @__PURE__ */ jsx("rect", { x: "13.5", y: "13.5", width: "2.5", height: "2.5", fill: color }),
-    /* @__PURE__ */ jsx("rect", { x: "18", y: "13.5", width: "2.5", height: "2.5", fill: color }),
-    /* @__PURE__ */ jsx("rect", { x: "13.5", y: "18", width: "2.5", height: "2.5", fill: color }),
-    /* @__PURE__ */ jsx("rect", { x: "18", y: "18", width: "2.5", height: "2.5", fill: color })
-  ] });
-}
-function WalletIcon() {
-  return /* @__PURE__ */ jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx(
-      "path",
-      {
-        d: "M4 7.5A2.5 2.5 0 0 1 6.5 5h11A2.5 2.5 0 0 1 20 7.5v9A2.5 2.5 0 0 1 17.5 19h-11A2.5 2.5 0 0 1 4 16.5v-9Zm2.5-1a1 1 0 0 0-1 1V9h13v-1.5a1 1 0 0 0-1-1h-11ZM5.5 10.5v6a1 1 0 0 0 1 1h11a1 1 0 0 0 1-1v-6h-13Z",
-        fill: "currentColor"
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "path",
-      {
-        d: "M14.5 13.75a.75.75 0 0 1 .75-.75h2a.75.75 0 0 1 0 1.5h-2a.75.75 0 0 1-.75-.75Z",
-        fill: "currentColor"
-      }
-    )
-  ] });
-}
 var actionRowStyle = (color, hovered) => ({
   display: "flex",
   alignItems: "center",
@@ -13971,7 +14151,13 @@ function DepositScreen({
           100% { background-position: -200% 0; }
         }
       ` }),
-    /* @__PURE__ */ jsx(ScreenHeader, { onLogout }),
+    /* @__PURE__ */ jsx(
+      ScreenHeader,
+      {
+        left: /* @__PURE__ */ jsx("img", { src: BLINK_WORDMARK, alt: "Blink", style: wordmarkImgStyle4 }),
+        onLogout
+      }
+    ),
     /* @__PURE__ */ jsxs("div", { style: redesignHeroStackStyle(mobileEntryWithKeypad), children: [
       showDesktopInputHero ? /* @__PURE__ */ jsxs("div", { style: entryDesktopHeroRowStyle(desktopInputHeroColor, getDesktopHeroFontSize(liveMobileHeroValue)), children: [
         /* @__PURE__ */ jsx("span", { "aria-hidden": "true", style: entryDollarStyle(isZero), children: "$" }),
@@ -14111,6 +14297,11 @@ function FaceIdIcon2() {
     )
   ] });
 }
+var wordmarkImgStyle4 = {
+  height: 31,
+  width: "auto",
+  display: "block"
+};
 var bannerSlotStyle2 = {
   display: "flex",
   justifyContent: "center",
@@ -15113,7 +15304,7 @@ function DepositAddressScreen({
   const waitingForQr = !!depositAddress && !qrReady;
   const awaitingSession = !!selectedOption && !session && !loading;
   const showShimmer = loadingSources || showLoading || waitingForQr || awaitingSession;
-  return /* @__PURE__ */ jsxs(ScreenLayout, { children: [
+  return /* @__PURE__ */ jsxs(ScreenLayout, { footer: /* @__PURE__ */ jsx(SupportFooter, {}), children: [
     /* @__PURE__ */ jsx(
       ScreenHeader,
       {
@@ -15330,6 +15521,7 @@ function OpenWalletScreen({
   onLogout
 }) {
   const { tokens } = useBlinkConfig();
+  const [showQrView, setShowQrView] = useState(false);
   const displayName = walletName ?? "your wallet";
   const logoSrc = walletLogoUrl ?? (walletName ? KNOWN_LOGOS[walletName.toLowerCase()] : void 0);
   const autoOpenedRef = useRef(null);
@@ -15347,61 +15539,6 @@ function OpenWalletScreen({
   const handleOpen = useCallback(() => {
     openDeeplink(deeplinkUri);
   }, [deeplinkUri]);
-  const logoBlock = /* @__PURE__ */ jsxs("div", { style: logoFrameStyle, children: [
-    /* @__PURE__ */ jsx(
-      "svg",
-      {
-        width: "96",
-        height: "96",
-        viewBox: "0 0 96 96",
-        fill: "none",
-        style: logoRingSvgStyle,
-        "aria-hidden": true,
-        children: /* @__PURE__ */ jsx(
-          "circle",
-          {
-            cx: "48",
-            cy: "48",
-            r: "47",
-            stroke: tokens.textMuted,
-            strokeOpacity: "0.18",
-            strokeWidth: "2",
-            fill: "none"
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "svg",
-      {
-        width: "96",
-        height: "96",
-        viewBox: "0 0 96 96",
-        fill: "none",
-        style: spinningRingSvgStyle,
-        "aria-hidden": true,
-        children: /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M 71.7 89.04 A 47 47 0 1 1 89.04 71.7",
-            stroke: tokens.textMuted,
-            strokeOpacity: "0.65",
-            strokeWidth: "2",
-            fill: "none",
-            strokeLinecap: "round"
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsx("div", { style: logoCircleStyle2(tokens.bgRecessed), children: logoSrc && /* @__PURE__ */ jsx(
-      "img",
-      {
-        src: logoSrc,
-        alt: displayName,
-        style: walletLogoUrl ? reownLogoStyle : logoStyle2
-      }
-    ) })
-  ] });
   const heroBlock = /* @__PURE__ */ jsxs("div", { style: heroFrameStyle, "aria-hidden": true, children: [
     /* @__PURE__ */ jsx(
       "svg",
@@ -15450,42 +15587,25 @@ function OpenWalletScreen({
   ] });
   if (!useDeeplink) {
     const hasQr = !!deeplinkUri;
-    const qrCaption = hasQr ? `Wallet on your phone? Scan to open ${displayName} and finish there.` : "Wallet on your phone? Your QR code is being prepared.";
-    return /* @__PURE__ */ jsxs(
-      ScreenLayout,
-      {
-        footer: error ? /* @__PURE__ */ jsxs("div", { style: footerStackStyle5, children: [
-          /* @__PURE__ */ jsx(InfoBanner, { children: error }),
-          onRetryAuthorization && /* @__PURE__ */ jsx(OutlineButton, { onClick: onRetryAuthorization, children: "Retry" })
-        ] }) : void 0,
-        children: [
-          /* @__PURE__ */ jsx("style", { children: `
-          @keyframes blink-open-wallet-qr-shimmer {
-            0% { background-position: 200% 0; }
-            100% { background-position: -200% 0; }
-          }
-          @keyframes blink-open-wallet-ring-spin {
-            to { transform: rotate(360deg); }
-          }
-        ` }),
-          /* @__PURE__ */ jsx(ScreenHeader, { onBack, onLogout }),
-          /* @__PURE__ */ jsxs("div", { style: desktopContentStyle, children: [
-            /* @__PURE__ */ jsxs("div", { style: primaryClusterStyle, children: [
-              logoBlock,
-              /* @__PURE__ */ jsxs("h2", { style: headingStyle12(tokens.text), children: [
-                "Setting up ",
-                displayName,
-                "\u2026"
-              ] }),
-              /* @__PURE__ */ jsx("p", { style: bodyStyle4(tokens.text), children: "Approve the connection in your wallet extension." }),
-              /* @__PURE__ */ jsxs("div", { style: inlineWaitStyle(tokens.textMuted), children: [
-                /* @__PURE__ */ jsx(Spinner, { size: 14 }),
-                /* @__PURE__ */ jsx("span", { children: "Waiting for authorization\u2026" })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { style: qrSectionStyle, children: [
-              /* @__PURE__ */ jsx("span", { style: qrDividerLabelStyle(tokens.textMuted), children: "or scan with your phone" }),
-              hasQr ? /* @__PURE__ */ jsx(QrCode, { value: deeplinkUri, size: 180 }) : /* @__PURE__ */ jsx(
+    const sharedStyles = /* @__PURE__ */ jsx("style", { children: `
+        @keyframes blink-open-wallet-qr-shimmer {
+          0% { background-position: 200% 0; }
+          100% { background-position: -200% 0; }
+        }
+        @keyframes blink-open-wallet-ring-spin {
+          to { transform: rotate(360deg); }
+        }
+      ` });
+    if (showQrView) {
+      return /* @__PURE__ */ jsxs(
+        ScreenLayout,
+        {
+          footer: error ? /* @__PURE__ */ jsx(InfoBanner, { children: error }) : void 0,
+          children: [
+            sharedStyles,
+            /* @__PURE__ */ jsx(ScreenHeader, { onBack: () => setShowQrView(false), onLogout }),
+            /* @__PURE__ */ jsxs("div", { style: desktopContentStyle, children: [
+              /* @__PURE__ */ jsx("div", { style: qrCardStyle, children: hasQr ? /* @__PURE__ */ jsx(QrCode, { value: deeplinkUri, size: 180 }) : /* @__PURE__ */ jsx(
                 "div",
                 {
                   role: "status",
@@ -15493,10 +15613,63 @@ function OpenWalletScreen({
                   "aria-busy": "true",
                   style: qrShimmerStyle2(tokens.bgHover, tokens.border)
                 }
-              ),
-              /* @__PURE__ */ jsx("p", { style: qrCaptionStyle(tokens.textMuted), children: qrCaption })
+              ) }),
+              /* @__PURE__ */ jsxs("div", { style: primaryClusterStyle, children: [
+                /* @__PURE__ */ jsx("h2", { style: headingStyle12(tokens.text), children: "Authorize Your Passkey" }),
+                /* @__PURE__ */ jsxs("p", { style: bodyStyle4(tokens.text), children: [
+                  "Scan the QR code to open ",
+                  displayName,
+                  "."
+                ] })
+              ] })
             ] })
-          ] })
+          ]
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxs(
+      ScreenLayout,
+      {
+        footer: /* @__PURE__ */ jsxs("div", { style: footerStackStyle5, children: [
+          error && /* @__PURE__ */ jsx(InfoBanner, { children: error }),
+          /* @__PURE__ */ jsxs(
+            SecondaryButton,
+            {
+              onClick: onRetryAuthorization,
+              disabled: !onRetryAuthorization,
+              children: [
+                /* @__PURE__ */ jsx(WalletIcon, {}),
+                "Open ",
+                displayName,
+                " Extension"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { style: orDividerStyle, children: [
+            /* @__PURE__ */ jsx("span", { style: orDividerRuleStyle(tokens.textTertiary) }),
+            /* @__PURE__ */ jsx("span", { style: orDividerLabelStyle(tokens.textMuted), children: "OR" }),
+            /* @__PURE__ */ jsx("span", { style: orDividerRuleStyle(tokens.textTertiary) })
+          ] }),
+          /* @__PURE__ */ jsxs(
+            SecondaryButton,
+            {
+              onClick: () => setShowQrView(true),
+              disabled: !hasQr,
+              children: [
+                /* @__PURE__ */ jsx(QrIcon, {}),
+                "Continue on your phone"
+              ]
+            }
+          )
+        ] }),
+        children: [
+          sharedStyles,
+          /* @__PURE__ */ jsx(ScreenHeader, { onBack, onLogout }),
+          /* @__PURE__ */ jsx("div", { style: desktopContentStyle, children: /* @__PURE__ */ jsxs("div", { style: primaryClusterStyle, children: [
+            heroBlock,
+            /* @__PURE__ */ jsx("h2", { style: headingStyle12(tokens.text), children: "Authorize Your Passkey" }),
+            /* @__PURE__ */ jsx("p", { style: bodyStyle4(tokens.text), children: "If your wallet didn\u2019t open automatically, tap below." })
+          ] }) })
         ]
       }
     );
@@ -15593,50 +15766,33 @@ var footerStackStyle5 = {
   flexDirection: "column",
   gap: 8
 };
-var logoFrameStyle = {
-  position: "relative",
-  width: 96,
-  height: 96,
+var qrCardStyle = {
   display: "flex",
   alignItems: "center",
   justifyContent: "center",
+  background: "#FFFFFF",
+  padding: 16,
+  borderRadius: 16,
   flexShrink: 0
 };
-var logoRingSvgStyle = {
-  position: "absolute",
-  top: "50%",
-  left: "50%",
-  transform: "translate(-50%, -50%)"
-};
-var spinningRingSvgStyle = {
-  position: "absolute",
-  top: 0,
-  left: 0,
-  transformOrigin: "center",
-  animation: "blink-open-wallet-ring-spin 0.9s linear infinite"
-};
-var logoCircleStyle2 = (bg) => ({
-  width: 80,
-  height: 80,
-  borderRadius: "50%",
-  background: bg,
+var orDividerStyle = {
   display: "flex",
   alignItems: "center",
   justifyContent: "center",
-  flexShrink: 0
-});
-var logoStyle2 = {
-  width: 48,
-  height: 48,
-  borderRadius: 12,
-  objectFit: "contain"
-};
-var reownLogoStyle = {
-  width: 48,
-  height: 48,
-  borderRadius: "50%",
-  objectFit: "cover"
+  gap: 10,
+  paddingLeft: 16,
+  paddingRight: 16
 };
+var orDividerRuleStyle = (color) => ({
+  flex: 1,
+  height: 1,
+  background: color
+});
+var orDividerLabelStyle = (color) => ({
+  fontSize: "0.75rem",
+  fontWeight: 500,
+  color
+});
 var headingStyle12 = (color) => ({
   fontSize: "1.5rem",
   fontWeight: 700,
@@ -15653,21 +15809,6 @@ var bodyStyle4 = (color) => ({
   margin: 0,
   maxWidth: 320
 });
-var inlineWaitStyle = (color) => ({
-  display: "inline-flex",
-  alignItems: "center",
-  gap: 8,
-  color,
-  fontSize: "0.85rem"
-});
-var qrSectionStyle = {
-  display: "flex",
-  flexDirection: "column",
-  alignItems: "center",
-  gap: 12,
-  width: "100%",
-  maxWidth: 320
-};
 var qrShimmerStyle2 = (baseColor, highlightColor) => ({
   width: 180,
   height: 180,
@@ -15676,21 +15817,6 @@ var qrShimmerStyle2 = (baseColor, highlightColor) => ({
   backgroundSize: "200% 100%",
   animation: "blink-open-wallet-qr-shimmer 1.4s ease-in-out infinite"
 });
-var qrDividerLabelStyle = (color) => ({
-  fontSize: "0.75rem",
-  fontWeight: 600,
-  letterSpacing: "0.06em",
-  textTransform: "uppercase",
-  color
-});
-var qrCaptionStyle = (color) => ({
-  fontSize: "0.85rem",
-  color,
-  margin: 0,
-  textAlign: "center",
-  maxWidth: 320,
-  lineHeight: 1.4
-});
 var mobileContentStyle = {
   flex: 1,
   display: "flex",
@@ -15812,7 +15938,7 @@ function ApprovingInWalletScreen({
           {
             onBack,
             onLogout,
-            center: /* @__PURE__ */ jsx("img", { src: BLINK_WORDMARK, alt: "Blink", style: wordmarkImgStyle4 })
+            center: /* @__PURE__ */ jsx("img", { src: BLINK_WORDMARK, alt: "Blink", style: wordmarkImgStyle5 })
           }
         ),
         /* @__PURE__ */ jsxs("div", { style: contentStyle16, children: [
@@ -15916,7 +16042,7 @@ function LockIcon4() {
     }
   ) });
 }
-var wordmarkImgStyle4 = {
+var wordmarkImgStyle5 = {
   height: 22,
   width: "auto",
   display: "block",
@@ -16049,7 +16175,7 @@ function ConfirmSignScreen({
       children: [
         /* @__PURE__ */ jsx(ScreenHeader, { onLogout }),
         /* @__PURE__ */ jsxs("div", { style: contentStyle17, children: [
-          logoSrc ? /* @__PURE__ */ jsx("img", { src: logoSrc, alt: displayName, style: logoStyle3 }) : /* @__PURE__ */ jsx(Spinner, { size: 48 }),
+          logoSrc ? /* @__PURE__ */ jsx("img", { src: logoSrc, alt: displayName, style: logoStyle2 }) : /* @__PURE__ */ jsx(Spinner, { size: 48 }),
           /* @__PURE__ */ jsx("h2", { style: headingStyle14(tokens.text), children: heading }),
           /* @__PURE__ */ jsx("p", { style: subtitleStyle12(tokens.textSecondary), children: subtitle }),
           /* @__PURE__ */ jsxs("div", { style: successBadgeStyle(tokens), children: [
@@ -16070,7 +16196,7 @@ var contentStyle17 = {
   textAlign: "center",
   padding: "0 24px"
 };
-var logoStyle3 = {
+var logoStyle2 = {
   width: 56,
   height: 56,
   borderRadius: 14,