@swype-org/react-sdk 0.2.364 → 0.2.375

package/dist/index.cjs

@@ -523,6 +523,14 @@ function isVisibleUsdAmountAtTwoDecimals(amount) {
 function isSelectableDepositSourceAmountUsd(amount, minTransferAmountUsd = DEFAULT_MIN_SEND_AMOUNT_USD) {
   return Number.isFinite(amount) && amount >= minTransferAmountUsd;
 }
+function buildNativeUnsupportedEntries(options) {
+  return options.map((option) => ({
+    tokenSymbol: option.tokenSymbol,
+    chainName: option.chainName,
+    amount: parseRawBalance(option.rawBalance, option.decimals),
+    logoURI: option.logoURI ?? null
+  })).filter((entry) => entry.amount > 0);
+}
 function buildSelectSourceChoices(options, minTransferAmountUsd = DEFAULT_MIN_SEND_AMOUNT_USD) {
   const chainChoices = [];
   const chainIndexByName = /* @__PURE__ */ new Map();
@@ -636,6 +644,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) {
@@ -1001,23 +1024,29 @@ var BLINK_PRIVY_APP_ID = "cmlil87uv004n0ck0blwumwek";
 var BLINK_WC_PROJECT_ID = "f6c60234412f94ef9108dc8f67f4362c";
 var BLINK_FINGERPRINT_API_KEY = "nr4FvTsZ6M5z2141FqrM";
 var BLINK_FINGERPRINT_REGION = "us";
-function FingerprintVisitorPing() {
-  react$1.useVisitorData({ immediate: true });
-  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).
     connectors.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.
-    connectors.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.
+    connectors.coinbaseWallet({
+      appName: "Blink",
+      preference: { options: resolveCoinbasePreferenceOptions(userAgent) }
+    })
   ];
 }
 function buildWagmiConfig(bridgedWallets) {
@@ -1103,30 +1132,30 @@ function BlinkProvider({
   );
   return (
     // Outermost wrapper: loads the Fingerprint browser agent once per
-    // provider mount, independent of wagmi/privy/query state. Visitor data
-    // collection starts here; no hook is exposed yet (see SDK barrel).
-    /* @__PURE__ */ jsxRuntime.jsxs(react$1.FingerprintProvider, { apiKey: BLINK_FINGERPRINT_API_KEY, region: BLINK_FINGERPRINT_REGION, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(FingerprintVisitorPing, {}),
-      /* @__PURE__ */ jsxRuntime.jsx(reactQuery.QueryClientProvider, { client: queryClientRef.current, children: /* @__PURE__ */ jsxRuntime.jsx(wagmi.WagmiProvider, { config: wagmiConfig, reconnectOnMount: false, children: /* @__PURE__ */ jsxRuntime.jsx(
-        reactAuth.PrivyProvider,
-        {
-          appId: privyAppId ?? BLINK_PRIVY_APP_ID,
-          config: {
-            appearance: {
-              theme: getThemeBase(theme),
-              accentColor: getTheme(theme).accent
-            },
-            intl: {
-              defaultCountry: "US"
-            },
-            embeddedWallets: {
-              showWalletUIs: false
-            }
+    // provider mount, independent of wagmi/privy/query state. The agent loads
+    // here (including during the hidden preload warm-up), but identification is
+    // deferred to explicit flow events fired from `BlinkPayment` — see
+    // `useFingerprintFlowEvents` — so a preload that never opens is never
+    // identified.
+    /* @__PURE__ */ jsxRuntime.jsx(react$1.FingerprintProvider, { apiKey: BLINK_FINGERPRINT_API_KEY, region: BLINK_FINGERPRINT_REGION, children: /* @__PURE__ */ jsxRuntime.jsx(reactQuery.QueryClientProvider, { client: queryClientRef.current, children: /* @__PURE__ */ jsxRuntime.jsx(wagmi.WagmiProvider, { config: wagmiConfig, reconnectOnMount: false, children: /* @__PURE__ */ jsxRuntime.jsx(
+      reactAuth.PrivyProvider,
+      {
+        appId: privyAppId ?? BLINK_PRIVY_APP_ID,
+        config: {
+          appearance: {
+            theme: getThemeBase(theme),
+            accentColor: getTheme(theme).accent
           },
-          children: /* @__PURE__ */ jsxRuntime.jsx(BlinkContext.Provider, { value, children })
-        }
-      ) }) })
-    ] })
+          intl: {
+            defaultCountry: "US"
+          },
+          embeddedWallets: {
+            showWalletUIs: false
+          }
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsx(BlinkContext.Provider, { value, children })
+      }
+    ) }) }) })
   );
 }
 function useBlinkConfig() {
@@ -1167,9 +1196,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");
@@ -1243,19 +1273,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 core.disconnect(wagmiConfig, { connector }).catch(() => {
@@ -3909,6 +3990,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" });
 }
@@ -4142,7 +4240,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) {
@@ -4150,6 +4249,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
@@ -4173,6 +4273,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 core.reconnect(wagmiConfig).catch(() => []);
@@ -4187,6 +4301,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
@@ -4254,6 +4369,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}`,
@@ -4261,15 +4380,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") {
@@ -6975,18 +7102,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) {
@@ -8586,6 +8701,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__ */ jsxRuntime.jsxs("div", { style: containerStyle2(tokens.textMuted), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "a",
+      {
+        href: INTERCOM_HELP_URL,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        style: linkStyle(tokens.textMuted),
+        children: "Help"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", style: dotStyle(tokens.textTertiary), children: "\u2022" }),
+    /* @__PURE__ */ jsxRuntime.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] = react.useState(false);
@@ -8601,7 +8762,7 @@ function SettingsMenu({ onLogout }) {
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, [open]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: menuRef, style: containerStyle2, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: menuRef, style: containerStyle3, children: [
     /* @__PURE__ */ jsxRuntime.jsx(IconButton, { onClick: toggle, "aria-label": "Settings", children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", children: [
       /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "5", r: "2", fill: "currentColor" }),
       /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "2", fill: "currentColor" }),
@@ -8611,7 +8772,7 @@ function SettingsMenu({ onLogout }) {
       /* @__PURE__ */ jsxRuntime.jsxs(
         "a",
         {
-          href: "https://intercom.help/blinkcash/en/",
+          href: INTERCOM_HELP_URL,
           target: "_blank",
           rel: "noopener noreferrer",
           onClick: () => setOpen(false),
@@ -8648,7 +8809,7 @@ function SettingsMenu({ onLogout }) {
     ] })
   ] });
 }
-var containerStyle2 = {
+var containerStyle3 = {
   position: "relative"
 };
 var dropdownStyle = (tokens) => ({
@@ -8738,7 +8899,7 @@ var badgeStyle = (color) => ({
 });
 function PoweredByFooter() {
   const { tokens } = useBlinkConfig();
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: containerStyle3(tokens.textMuted), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: rowStyle, children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: containerStyle4(tokens.textMuted), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: rowStyle, children: [
     /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
       "path",
       {
@@ -8749,7 +8910,7 @@ function PoweredByFooter() {
     /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Powered by Blink" })
   ] }) });
 }
-var containerStyle3 = (color) => ({
+var containerStyle4 = (color) => ({
   display: "flex",
   flexDirection: "column",
   alignItems: "center",
@@ -9169,6 +9330,7 @@ var TETHER_LOGO = svgToDataUri(TETHER_SVG);
 var USDH_LOGO = svgToDataUri(USDH_SVG);
 var ETH_LOGO = "https://assets.relay.link/icons/currencies/eth.png";
 var SOL_LOGO = "https://assets.relay.link/icons/currencies/sol.png";
+var MON_LOGO = "https://assets.relay.link/icons/currencies/mon.png";
 var KNOWN_LOGOS = {
   metamask: METAMASK_LOGO,
   base: BASE_LOGO,
@@ -9186,7 +9348,8 @@ var TOKEN_LOGOS = {
   USDM: USDM_LOGO,
   USDH: USDH_LOGO,
   ETH: ETH_LOGO,
-  SOL: SOL_LOGO
+  SOL: SOL_LOGO,
+  MON: MON_LOGO
 };
 var CHAIN_LOGOS = {
   base: BASE_CHAIN_LOGO,
@@ -9459,12 +9622,12 @@ var defaultIcon = /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "18", height: "
 ) });
 function InfoBanner({ children, icon }) {
   const { tokens } = useBlinkConfig();
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: containerStyle4(tokens.accent), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: containerStyle5(tokens.accent), children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { style: iconStyle, children: icon ?? defaultIcon }),
     /* @__PURE__ */ jsxRuntime.jsx("span", { style: textStyle, children })
   ] });
 }
-var containerStyle4 = (accent) => ({
+var containerStyle5 = (accent) => ({
   display: "flex",
   alignItems: "flex-start",
   gap: 10,
@@ -9482,7 +9645,7 @@ var iconStyle = {
 };
 var textStyle = { flex: 1 };
 function WarningBanner({ title, children }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: containerStyle5, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: containerStyle6, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { style: headerStyle2, children: [
       /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", style: iconStyle2, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z", fill: "#F57C00" }) }),
       /* @__PURE__ */ jsxRuntime.jsx("strong", { children: title })
@@ -9490,7 +9653,7 @@ function WarningBanner({ title, children }) {
     /* @__PURE__ */ jsxRuntime.jsx("div", { style: bodyStyle2, children })
   ] });
 }
-var containerStyle5 = {
+var containerStyle6 = {
   padding: "14px 16px",
   background: "#FFF8E1",
   border: "1px solid #FFE082",
@@ -9540,7 +9703,7 @@ function NotificationBanner({
 }) {
   const { tokens } = useBlinkConfig();
   const color = variant === "negative" ? NEGATIVE_FG : tokens.text;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: containerStyle6(tokens.bgRecessed), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: containerStyle7(tokens.bgRecessed), children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { style: { ...iconWrapStyle2, color }, children: icon ?? defaultIcon2 }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { ...textColStyle, color }, children: [
       /* @__PURE__ */ jsxRuntime.jsx("p", { style: titleStyle3, children: title }),
@@ -9548,7 +9711,7 @@ function NotificationBanner({
     ] })
   ] });
 }
-var containerStyle6 = (bg) => ({
+var containerStyle7 = (bg) => ({
   display: "flex",
   alignItems: "flex-start",
   gap: 16,
@@ -9643,7 +9806,7 @@ function OtpInput({ value, onChange, length = 6, disabled }) {
     onChange(pasted);
     focusInput(Math.min(pasted.length, length - 1));
   }, [onChange, length, focusInput]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: containerStyle7, children: digits.map((digit, i) => /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: containerStyle8, children: digits.map((digit, i) => /* @__PURE__ */ jsxRuntime.jsx(
     "input",
     {
       ref: (el) => {
@@ -9664,7 +9827,7 @@ function OtpInput({ value, onChange, length = 6, disabled }) {
     i
   )) });
 }
-var containerStyle7 = {
+var containerStyle8 = {
   display: "flex",
   gap: 8,
   justifyContent: "center",
@@ -10211,6 +10374,7 @@ function TokenSourceRow({
   chainName,
   tokenLogoUri,
   balance,
+  balanceLabel,
   selected,
   requiresAuth,
   notSupported,
@@ -10219,9 +10383,10 @@ function TokenSourceRow({
   const { tokens } = useBlinkConfig();
   const [hovered, setHovered] = react.useState(false);
   const tokenLogo = tokenLogoUri ?? TOKEN_LOGOS[symbol];
+  const balanceText = balanceLabel ?? (balance != null ? `$${formatUsdTwoDecimals2(balance)}` : null);
   const ariaLabel = [
     `${symbol} on ${chainName}`,
-    balance != null ? `$${formatUsdTwoDecimals2(balance)} balance` : null,
+    balanceText != null ? `${balanceText} balance` : null,
     requiresAuth ? "authorisation required" : null,
     notSupported ? NOT_SUPPORTED_LABEL.toLowerCase() : null
   ].filter(Boolean).join(", ");
@@ -10255,15 +10420,12 @@ function TokenSourceRow({
           selected && /* @__PURE__ */ jsxRuntime.jsx(SelectedBadge, { accent: tokens.accent, fill: tokens.textInverse })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("span", { style: textColStyle2, children: [
-          notSupported ? /* @__PURE__ */ jsxRuntime.jsxs("span", { style: symbolLineStyle, children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { style: symbolStyle(tokens.textMuted), children: symbol }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { style: notSupportedTagStyle(tokens.bgInput, tokens.border, tokens.textMuted), children: NOT_SUPPORTED_BADGE_TEXT })
-          ] }) : /* @__PURE__ */ jsxRuntime.jsx("span", { style: symbolStyle(tokens.text), children: symbol }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { style: symbolStyle(notSupported ? tokens.textMuted : tokens.text), children: symbol }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { style: chainStyle(tokens.textMuted), children: chainName })
         ] }),
-        balance != null && /* @__PURE__ */ jsxRuntime.jsxs("span", { style: balanceStyle2(tokens.textMuted), children: [
-          "$",
-          formatUsdTwoDecimals2(balance)
+        (balanceText != null || notSupported) && /* @__PURE__ */ jsxRuntime.jsxs("span", { style: balanceColStyle, children: [
+          balanceText != null && /* @__PURE__ */ jsxRuntime.jsx("span", { style: balanceStyle2(tokens.textMuted), children: balanceText }),
+          notSupported && /* @__PURE__ */ jsxRuntime.jsx("span", { style: notSupportedTagStyle(tokens.bgInput, tokens.border, tokens.textMuted), children: NOT_SUPPORTED_BADGE_TEXT })
         ] })
       ]
     }
@@ -10372,11 +10534,12 @@ var balanceStyle2 = (color) => ({
   whiteSpace: "nowrap",
   flexShrink: 0
 });
-var symbolLineStyle = {
+var balanceColStyle = {
   display: "flex",
-  alignItems: "center",
-  gap: 6,
-  minWidth: 0
+  flexDirection: "column",
+  alignItems: "flex-end",
+  gap: 4,
+  flexShrink: 0
 };
 var notSupportedTagStyle = (bg, borderColor, color) => ({
   fontSize: 11,
@@ -11130,7 +11293,8 @@ function LoginScreen({
             style: secondaryTextStyle(tokens, loading),
             children: secondaryLabel
           }
-        )
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(SupportFooter, {})
       ] }),
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(ScreenHeader, { onBack, right: headerRight }),
@@ -11302,7 +11466,7 @@ function DepositOptionsScreen({
   const { tokens, promoTagText } = useBlinkConfig();
   const [manualHovered, setManualHovered] = react.useState(false);
   const [manualPressed, setManualPressed] = react.useState(false);
-  return /* @__PURE__ */ jsxRuntime.jsxs(ScreenLayout, { hideScrollbar: true, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(ScreenLayout, { hideScrollbar: true, footer: /* @__PURE__ */ jsxRuntime.jsx(SupportFooter, {}), children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       ScreenHeader,
       {
@@ -11457,7 +11621,7 @@ function WelcomeBackScreen({
   const [depositPressed, setDepositPressed] = react.useState(false);
   const [manualHovered, setManualHovered] = react.useState(false);
   const [manualPressed, setManualPressed] = react.useState(false);
-  return /* @__PURE__ */ jsxRuntime.jsxs(ScreenLayout, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(ScreenLayout, { footer: /* @__PURE__ */ jsxRuntime.jsx(SupportFooter, {}), children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       ScreenHeader,
       {
@@ -13217,7 +13381,7 @@ function LinkTokensScreen({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { style: contentStyle10, children: [
-          /* @__PURE__ */ jsxRuntime.jsx("h2", { style: headingStyle7(t.text), children: "Pick your asset for passkey deposits" }),
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { style: headingStyle7(t.text), children: "Pick your stablecoin for passkey deposits" }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "blink-link-tokens-list", style: listCardStyle(t.bgRecessed), children: [
             showShimmer ? Array.from({ length: SHIMMER_ROWS }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsxs(
               "div",
@@ -13240,7 +13404,9 @@ function LinkTokensScreen({
               {
                 symbol: entry.tokenSymbol,
                 chainName: entry.chainName,
-                balance: entry.balanceUsd,
+                tokenLogoUri: entry.tokenLogoUri,
+                balance: entry.balanceLabel == null ? entry.balanceUsd : void 0,
+                balanceLabel: entry.balanceLabel,
                 selected: i === selectedIndex,
                 notSupported: entry.notSupported,
                 onClick: () => onSelect(i)
@@ -15170,7 +15336,7 @@ function DepositAddressScreen({
   const waitingForQr = !!depositAddress && !qrReady;
   const awaitingSession = !!selectedOption && !session && !loading;
   const showShimmer = loadingSources || showLoading || waitingForQr || awaitingSession;
-  return /* @__PURE__ */ jsxRuntime.jsxs(ScreenLayout, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(ScreenLayout, { footer: /* @__PURE__ */ jsxRuntime.jsx(SupportFooter, {}), children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       ScreenHeader,
       {
@@ -16852,6 +17018,14 @@ var genericStackStyle = {
   gap: 14
 };
 
+// src/feeFormat.ts
+function formatNativeAmount(value, maxDecimals = 4) {
+  if (!Number.isFinite(value) || value <= 0) return "0";
+  const rounded = Number(value.toFixed(maxDecimals));
+  if (rounded === 0) return `< ${(10 ** -maxDecimals).toFixed(maxDecimals)}`;
+  return rounded.toLocaleString("en-US", { maximumFractionDigits: maxDecimals }).replace(/,/g, "");
+}
+
 // src/screenViewModels.ts
 function findSelectedWallet(selectedAccount, selectedWalletId) {
   return selectedAccount?.wallets.find((w) => w.id === selectedWalletId);
@@ -17018,7 +17192,11 @@ function buildLinkTokensScreenProps({
         walletId: rawOption?.walletId,
         tokenAddress: rawOption?.tokenAddress,
         chainId: rawOption?.chainId != null ? Number(rawOption.chainId) : void 0,
-        notSupported: false
+        notSupported: false,
+        // Server-provided token logo (token_addresses.logo_uri). The component
+        // falls back to the bundled TOKEN_LOGOS map by symbol, so tokens without
+        // a bundled asset (e.g. CASH) rely on this DB-driven URI.
+        tokenLogoUri: t.logoURI ?? void 0
       };
     })
   );
@@ -17028,19 +17206,32 @@ function buildLinkTokensScreenProps({
         symbol: t.tokenSymbol,
         chainName: chain.chainName,
         balanceUsd: t.balance ?? 0,
-        walletId: void 0,
-        tokenAddress: void 0,
-        chainId: void 0,
-        notSupported: true
+        notSupported: true,
+        tokenLogoUri: t.logoURI ?? void 0
       }))
     )
   );
-  const entries2 = rowContexts.map(({ symbol, chainName, balanceUsd, notSupported }) => ({
-    tokenSymbol: symbol,
-    chainName,
-    balanceUsd,
-    notSupported
-  }));
+  rowContexts.push(
+    ...derived.selectSourceNativeChoices.map((native) => ({
+      symbol: native.tokenSymbol,
+      chainName: native.chainName,
+      balanceUsd: 0,
+      notSupported: true,
+      tokenLogoUri: native.logoURI ?? void 0,
+      balanceLabel: `${formatNativeAmount(native.amount)} ${native.tokenSymbol}`
+    }))
+  );
+  const entries2 = rowContexts.map(
+    ({ symbol, chainName, balanceUsd, notSupported, tokenLogoUri, balanceLabel }) => ({
+      tokenSymbol: symbol,
+      chainName,
+      balanceUsd,
+      notSupported,
+      // Only present on native rows — keeps stablecoin / WC entries unchanged.
+      ...tokenLogoUri != null ? { tokenLogoUri } : {},
+      ...balanceLabel != null ? { balanceLabel } : {}
+    })
+  );
   const firstSupportedIndex = rowContexts.findIndex((row) => !row.notSupported);
   const selectedTokenSymbol = flow.state.setupDepositToken?.symbol ?? derived.selectSourceRecommended?.tokenSymbol;
   const selectedChainName = flow.state.setupDepositToken?.chainName ?? derived.selectSourceRecommended?.chainName;
@@ -18043,6 +18234,11 @@ function useSourceSelectionHandlers(_dispatch, orchestrator, options) {
     const unsupportedOptions = pendingSelectSourceAction.metadata?.unsupportedOptions ?? [];
     return buildSelectSourceChoices(unsupportedOptions, minTransferAmountUsd);
   }, [pendingSelectSourceAction, minTransferAmountUsd]);
+  const selectSourceNativeChoices = react.useMemo(() => {
+    if (!pendingSelectSourceAction) return [];
+    const nativeOptions = pendingSelectSourceAction.metadata?.nativeUnsupportedOptions ?? [];
+    return buildNativeUnsupportedEntries(nativeOptions);
+  }, [pendingSelectSourceAction]);
   const selectSourceRecommended = react.useMemo(() => {
     if (!pendingSelectSourceAction) return null;
     return pendingSelectSourceAction.metadata?.recommended ?? null;
@@ -18094,6 +18290,7 @@ function useSourceSelectionHandlers(_dispatch, orchestrator, options) {
     setSelectSourceTokenSymbol,
     selectSourceChoices,
     selectSourceUnsupportedChoices,
+    selectSourceNativeChoices,
     selectSourceRecommended,
     selectSourceAvailableBalance,
     handleSelectSourceChainChange,
@@ -20625,6 +20822,33 @@ function usePersistAmountToActiveSession({
     });
   }, [apiBaseUrl, sessionId, effectiveDepositAmount]);
 }
+function useFingerprintFlowEvents(deps) {
+  const { ready, authenticated, merchantId } = deps;
+  const { getData } = react$1.useVisitorData({ immediate: false });
+  const openedSentRef = react.useRef(false);
+  const authenticatedSentRef = react.useRef(false);
+  react.useEffect(() => {
+    if (openedSentRef.current) return;
+    openedSentRef.current = true;
+    void getData({
+      tag: { event: "blink_opened", ...merchantId ? { merchantId } : {} },
+      ...merchantId ? { linkedId: merchantId } : {}
+    }).catch((error) => {
+      console.error("Fingerprint blink_opened event failed", error);
+    });
+  }, [getData, merchantId]);
+  react.useEffect(() => {
+    if (authenticatedSentRef.current) return;
+    if (!ready || !authenticated) return;
+    authenticatedSentRef.current = true;
+    void getData({
+      tag: { event: "blink_authenticated", ...merchantId ? { merchantId } : {} },
+      ...merchantId ? { linkedId: merchantId } : {}
+    }).catch((error) => {
+      console.error("Fingerprint blink_authenticated event failed", error);
+    });
+  }, [getData, ready, authenticated, merchantId]);
+}
 var NoMatchingExtensionError = class extends Error {
   constructor() {
     super("No installed EIP-6963 extension matches the selected wallet");
@@ -20663,6 +20887,11 @@ function BlinkPaymentInner({
     return true;
   })();
   const effectiveAuthenticated = authenticated || popupAuthValid;
+  useFingerprintFlowEvents({
+    ready,
+    authenticated: effectiveAuthenticated,
+    merchantId: merchantAuthorization?.merchantId
+  });
   const effectiveGetAccessToken = react.useCallback(async () => {
     if (popupAuthRef.current) {
       if (isPopupAuthExpired(popupAuthRef.current.accessToken)) {
@@ -21271,6 +21500,7 @@ function BlinkPaymentInner({
             selectedSource: derived.selectedSource,
             selectSourceChoices: sourceSelection.selectSourceChoices,
             selectSourceUnsupportedChoices: sourceSelection.selectSourceUnsupportedChoices,
+            selectSourceNativeChoices: sourceSelection.selectSourceNativeChoices,
             selectSourceRecommended: sourceSelection.selectSourceRecommended,
             selectSourceAvailableBalance: sourceSelection.selectSourceAvailableBalance,
             walletConnectChainIdsByAccount
@@ -21341,6 +21571,7 @@ exports.WalletPickerScreen = WalletPickerScreen;
 exports.WelcomeBackScreen = WelcomeBackScreen;
 exports.appendDebug = appendDebug;
 exports.blinkApi = api_exports;
+exports.buildNativeUnsupportedEntries = buildNativeUnsupportedEntries;
 exports.clearDebugEntries = clearDebugEntries;
 exports.createInitialState = createInitialState;
 exports.credentialIdBase64ToBytes = credentialIdBase64ToBytes;
@@ -21352,6 +21583,7 @@ exports.deviceHasPasskey = deviceHasPasskey;
 exports.encodePermit2ApproveCalldata = encodePermit2ApproveCalldata;
 exports.findDevicePasskey = findDevicePasskey;
 exports.findDevicePasskeyViaPopup = findDevicePasskeyViaPopup;
+exports.formatNativeAmount = formatNativeAmount;
 exports.getAtomicBatchSupportDebugInfo = getAtomicBatchSupportDebugInfo;
 exports.getDebugEntries = getDebugEntries;
 exports.getDeviceBiometricUnlockText = getDeviceBiometricUnlockText;