@swype-org/react-sdk 0.1.293 → 0.1.300

package/dist/index.js

@@ -5,9 +5,9 @@ import { mainnet, arbitrum, base, polygon, bsc } from 'wagmi/chains';
 import { injected } from 'wagmi/connectors';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { recoverTypedDataAddress, decodeAbiParameters, walletActions, hexToString, createClient, custom } from 'viem';
-import { parseErc6492Signature, parseAccount, getAddress } from 'viem/utils';
-import { waitForTransactionReceipt as waitForTransactionReceipt$1, getTransaction, call } from 'viem/actions';
+import { getAccount, getWalletClient, waitForTransactionReceipt } from '@wagmi/core';
+import { recoverTypedDataAddress, decodeAbiParameters } from 'viem';
+import { parseErc6492Signature } from 'viem/utils';
 
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -913,304 +913,6 @@ function useTransferPolling(intervalMs = 3e3) {
   useEffect(() => () => stopPolling(), [stopPolling]);
   return { transfer, error, isPolling, startPolling, stopPolling };
 }
-
-// node_modules/@wagmi/core/dist/esm/utils/getAction.js
-function getAction(client, actionFn, name) {
-  const action_implicit = client[actionFn.name];
-  if (typeof action_implicit === "function")
-    return action_implicit;
-  const action_explicit = client[name];
-  if (typeof action_explicit === "function")
-    return action_explicit;
-  return (params) => actionFn(client, params);
-}
-
-// node_modules/@wagmi/core/dist/esm/version.js
-var version = "2.22.1";
-
-// node_modules/@wagmi/core/dist/esm/utils/getVersion.js
-var getVersion = () => `@wagmi/core@${version}`;
-
-// node_modules/@wagmi/core/dist/esm/errors/base.js
-var __classPrivateFieldGet = function(receiver, state, kind, f) {
-  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var _BaseError_instances;
-var _BaseError_walk;
-var BaseError = class _BaseError extends Error {
-  get docsBaseUrl() {
-    return "https://wagmi.sh/core";
-  }
-  get version() {
-    return getVersion();
-  }
-  constructor(shortMessage, options = {}) {
-    super();
-    _BaseError_instances.add(this);
-    Object.defineProperty(this, "details", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: void 0
-    });
-    Object.defineProperty(this, "docsPath", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: void 0
-    });
-    Object.defineProperty(this, "metaMessages", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: void 0
-    });
-    Object.defineProperty(this, "shortMessage", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: void 0
-    });
-    Object.defineProperty(this, "name", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: "WagmiCoreError"
-    });
-    const details = options.cause instanceof _BaseError ? options.cause.details : options.cause?.message ? options.cause.message : options.details;
-    const docsPath = options.cause instanceof _BaseError ? options.cause.docsPath || options.docsPath : options.docsPath;
-    this.message = [
-      shortMessage || "An error occurred.",
-      "",
-      ...options.metaMessages ? [...options.metaMessages, ""] : [],
-      ...docsPath ? [
-        `Docs: ${this.docsBaseUrl}${docsPath}.html${options.docsSlug ? `#${options.docsSlug}` : ""}`
-      ] : [],
-      ...details ? [`Details: ${details}`] : [],
-      `Version: ${this.version}`
-    ].join("\n");
-    if (options.cause)
-      this.cause = options.cause;
-    this.details = details;
-    this.docsPath = docsPath;
-    this.metaMessages = options.metaMessages;
-    this.shortMessage = shortMessage;
-  }
-  walk(fn) {
-    return __classPrivateFieldGet(this, _BaseError_instances, "m", _BaseError_walk).call(this, this, fn);
-  }
-};
-_BaseError_instances = /* @__PURE__ */ new WeakSet(), _BaseError_walk = function _BaseError_walk2(err, fn) {
-  if (fn?.(err))
-    return err;
-  if (err.cause)
-    return __classPrivateFieldGet(this, _BaseError_instances, "m", _BaseError_walk2).call(this, err.cause, fn);
-  return err;
-};
-
-// node_modules/@wagmi/core/dist/esm/errors/config.js
-var ConnectorNotConnectedError = class extends BaseError {
-  constructor() {
-    super("Connector not connected.");
-    Object.defineProperty(this, "name", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: "ConnectorNotConnectedError"
-    });
-  }
-};
-var ConnectorAccountNotFoundError = class extends BaseError {
-  constructor({ address, connector }) {
-    super(`Account "${address}" not found for connector "${connector.name}".`);
-    Object.defineProperty(this, "name", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: "ConnectorAccountNotFoundError"
-    });
-  }
-};
-var ConnectorChainMismatchError = class extends BaseError {
-  constructor({ connectionChainId, connectorChainId }) {
-    super(`The current chain of the connector (id: ${connectorChainId}) does not match the connection's chain (id: ${connectionChainId}).`, {
-      metaMessages: [
-        `Current Chain ID:  ${connectorChainId}`,
-        `Expected Chain ID: ${connectionChainId}`
-      ]
-    });
-    Object.defineProperty(this, "name", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: "ConnectorChainMismatchError"
-    });
-  }
-};
-var ConnectorUnavailableReconnectingError = class extends BaseError {
-  constructor({ connector }) {
-    super(`Connector "${connector.name}" unavailable while reconnecting.`, {
-      details: [
-        "During the reconnection step, the only connector methods guaranteed to be available are: `id`, `name`, `type`, `uid`.",
-        "All other methods are not guaranteed to be available until reconnection completes and connectors are fully restored.",
-        "This error commonly occurs for connectors that asynchronously inject after reconnection has already started."
-      ].join(" ")
-    });
-    Object.defineProperty(this, "name", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: "ConnectorUnavailableReconnectingError"
-    });
-  }
-};
-async function getConnectorClient(config, parameters = {}) {
-  const { assertChainId = true } = parameters;
-  let connection;
-  if (parameters.connector) {
-    const { connector: connector2 } = parameters;
-    if (config.state.status === "reconnecting" && !connector2.getAccounts && !connector2.getChainId)
-      throw new ConnectorUnavailableReconnectingError({ connector: connector2 });
-    const [accounts, chainId2] = await Promise.all([
-      connector2.getAccounts().catch((e) => {
-        if (parameters.account === null)
-          return [];
-        throw e;
-      }),
-      connector2.getChainId()
-    ]);
-    connection = {
-      accounts,
-      chainId: chainId2,
-      connector: connector2
-    };
-  } else
-    connection = config.state.connections.get(config.state.current);
-  if (!connection)
-    throw new ConnectorNotConnectedError();
-  const chainId = parameters.chainId ?? connection.chainId;
-  const connectorChainId = await connection.connector.getChainId();
-  if (assertChainId && connectorChainId !== chainId)
-    throw new ConnectorChainMismatchError({
-      connectionChainId: chainId,
-      connectorChainId
-    });
-  const connector = connection.connector;
-  if (connector.getClient)
-    return connector.getClient({ chainId });
-  const account = parseAccount(parameters.account ?? connection.accounts[0]);
-  if (account)
-    account.address = getAddress(account.address);
-  if (parameters.account && !connection.accounts.some((x) => x.toLowerCase() === account.address.toLowerCase()))
-    throw new ConnectorAccountNotFoundError({
-      address: account.address,
-      connector
-    });
-  const chain = config.chains.find((chain2) => chain2.id === chainId);
-  const provider = await connection.connector.getProvider({ chainId });
-  return createClient({
-    account,
-    chain,
-    name: "Connector Client",
-    transport: (opts) => custom(provider)({ ...opts, retryCount: 0 })
-  });
-}
-
-// node_modules/@wagmi/core/dist/esm/actions/getAccount.js
-function getAccount(config) {
-  const uid = config.state.current;
-  const connection = config.state.connections.get(uid);
-  const addresses = connection?.accounts;
-  const address = addresses?.[0];
-  const chain = config.chains.find((chain2) => chain2.id === connection?.chainId);
-  const status = config.state.status;
-  switch (status) {
-    case "connected":
-      return {
-        address,
-        addresses,
-        chain,
-        chainId: connection?.chainId,
-        connector: connection?.connector,
-        isConnected: true,
-        isConnecting: false,
-        isDisconnected: false,
-        isReconnecting: false,
-        status
-      };
-    case "reconnecting":
-      return {
-        address,
-        addresses,
-        chain,
-        chainId: connection?.chainId,
-        connector: connection?.connector,
-        isConnected: !!address,
-        isConnecting: false,
-        isDisconnected: false,
-        isReconnecting: true,
-        status
-      };
-    case "connecting":
-      return {
-        address,
-        addresses,
-        chain,
-        chainId: connection?.chainId,
-        connector: connection?.connector,
-        isConnected: false,
-        isConnecting: true,
-        isDisconnected: false,
-        isReconnecting: false,
-        status
-      };
-    case "disconnected":
-      return {
-        address: void 0,
-        addresses: void 0,
-        chain: void 0,
-        chainId: void 0,
-        connector: void 0,
-        isConnected: false,
-        isConnecting: false,
-        isDisconnected: true,
-        isReconnecting: false,
-        status
-      };
-  }
-}
-async function getWalletClient(config, parameters = {}) {
-  const client = await getConnectorClient(config, parameters);
-  return client.extend(walletActions);
-}
-async function waitForTransactionReceipt(config, parameters) {
-  const { chainId, timeout = 0, ...rest } = parameters;
-  const client = config.getClient({ chainId });
-  const action = getAction(client, waitForTransactionReceipt$1, "waitForTransactionReceipt");
-  const receipt = await action({ ...rest, timeout });
-  if (receipt.status === "reverted") {
-    const action_getTransaction = getAction(client, getTransaction, "getTransaction");
-    const { from: account, ...txn } = await action_getTransaction({
-      hash: receipt.transactionHash
-    });
-    const action_call = getAction(client, call, "call");
-    const code = await action_call({
-      ...txn,
-      account,
-      data: txn.input,
-      gasPrice: txn.type !== "eip1559" ? txn.gasPrice : void 0,
-      maxFeePerGas: txn.type === "eip1559" ? txn.maxFeePerGas : void 0,
-      maxPriorityFeePerGas: txn.type === "eip1559" ? txn.maxPriorityFeePerGas : void 0
-    });
-    const reason = code?.data ? hexToString(`0x${code.data.substring(138)}`) : "unknown reason";
-    throw new Error(reason);
-  }
-  return {
-    ...receipt,
-    chainId: client.chain.id
-  };
-}
 var ERC_6492_MAGIC_SUFFIX = "6492649264926492649264926492649264926492649264926492649264926492";
 function normalizeSignature(sig) {
   const hex = sig.startsWith("0x") ? sig.slice(2) : sig;
@@ -2083,8 +1785,8 @@ function resolvePhase(state) {
   const needsPasskeyBootstrap = state.privyAuthenticated && !state.activeCredentialId;
   const guestPreauthPinsCurrentPhase = transferCompleted && state.guestPreauthorizing && !state.verificationTarget && isGuestPreauthCompletedTransferPinPhase(currentPhase);
   const guestPostPayLogin = transferCompleted && state.isGuestFlow && state.guestPreauthSessionId != null && !state.guestPreauthorizing && !state.verificationTarget && !state.privyAuthenticated;
-  const isFundingSourceSubflow = !state.loginRequested && (currentPhase.step === "token-picker" || currentPhase.step === "one-tap-setup" || currentPhase.step === "select-source" || currentPhase.step === "confirm-sign" || currentPhase.step === "guest-token-picker");
   const guestTokenPickerEligible = state.isGuestFlow && state.selectedProviderId != null && !state.transfer && !state.guestPreauthAccountId;
+  const isFundingSourceSubflow = !state.loginRequested && (currentPhase.step === "token-picker" || currentPhase.step === "one-tap-setup" || currentPhase.step === "select-source" || currentPhase.step === "confirm-sign" || currentPhase.step === "guest-token-picker" && guestTokenPickerEligible);
   const walletPickerSwitchEligible = currentPhase.step === "wallet-picker" && currentPhase.reason === "switch" && !state.creatingTransfer && !(state.mobileFlow && state.deeplinkUri);
   const missingActivePasskeyCredential = state.passkeyConfigLoaded && !state.activeCredentialId;
   const shouldPromptPasskeyVerification = missingActivePasskeyCredential && state.knownCredentialIds.length > 0 && state.passkeyPopupNeeded;
@@ -4379,6 +4081,9 @@ var loginButtonStyle = (accentColor) => ({
 var DEFAULT_MAX = 1e7;
 var ABSOLUTE_MIN = 0.01;
 var PRESETS = [100, 250, 1e3];
+function tokenOptionKey(opt) {
+  return `${opt.chainName}-${opt.symbol}`;
+}
 function SetupScreen({
   availableBalance,
   onSetupOneTap,
@@ -4387,16 +4092,43 @@ function SetupScreen({
   onAdvanced,
   loading,
   error,
-  selectedTokenSymbol
+  selectedTokenSymbol,
+  tokenOptions,
+  onSelectToken
 }) {
   const { tokens } = useBlinkConfig();
   const effectiveMax = DEFAULT_MAX;
   const effectiveMin = Math.min(ABSOLUTE_MIN, effectiveMax);
   const [limit, setLimit] = useState(() => Math.min(availableBalance, effectiveMax));
   const [activePreset, setActivePreset] = useState(null);
+  const [showAdvanced, setShowAdvanced] = useState(false);
   const [editing, setEditing] = useState(false);
   const [inputValue, setInputValue] = useState("");
   const inputRef = useRef(null);
+  const hasDropdown = tokenOptions != null && tokenOptions.length > 0 && onSelectToken != null;
+  const [tokenDropdownOpen, setTokenDropdownOpen] = useState(false);
+  const pickerRef = useRef(null);
+  useEffect(() => {
+    if (!tokenDropdownOpen) return;
+    const handleMouseDown = (e) => {
+      if (pickerRef.current && !pickerRef.current.contains(e.target)) {
+        setTokenDropdownOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", handleMouseDown);
+    return () => document.removeEventListener("mousedown", handleMouseDown);
+  }, [tokenDropdownOpen]);
+  const handleTokenRowClick = useCallback(() => {
+    if (hasDropdown) {
+      setTokenDropdownOpen((v) => !v);
+    } else {
+      onAdvanced?.();
+    }
+  }, [hasDropdown, onAdvanced]);
+  const handlePickToken = useCallback((opt) => {
+    onSelectToken?.(opt.symbol, opt.chainName, opt.walletId);
+    setTokenDropdownOpen(false);
+  }, [onSelectToken]);
   const startEditing = useCallback(() => {
     setInputValue(limit.toFixed(2));
     setEditing(true);
@@ -4419,6 +4151,7 @@ function SetupScreen({
     setLimit(Math.min(availableBalance, effectiveMax));
     setActivePreset("max");
   };
+  const selectedOption = tokenOptions?.find((o) => o.symbol === selectedTokenSymbol);
   return /* @__PURE__ */ jsxs(
     ScreenLayout,
     {
@@ -4429,17 +4162,90 @@ function SetupScreen({
             onClick: () => onSetupOneTap(limit),
             disabled: loading,
             loading,
-            children: "Approve"
+            children: "Continue"
           }
         ),
         /* @__PURE__ */ jsx(PoweredByFooter, {})
       ] }),
       children: [
         /* @__PURE__ */ jsx(ScreenHeader, { onBack, onLogout }),
-        /* @__PURE__ */ jsx("h2", { style: headingStyle6(tokens.text), children: "Set Spending Limit" }),
+        /* @__PURE__ */ jsx("img", { src: BLINK_LOGO, alt: "Blink", width: 56, height: 56, style: mascotStyle2 }),
+        /* @__PURE__ */ jsx("p", { style: descriptionStyle(tokens.text), children: "Set a limit for one-tap deposits. You'll still confirm each one with your passkey." }),
         error && /* @__PURE__ */ jsx("div", { style: errorBannerStyle4(tokens), children: error }),
-        /* @__PURE__ */ jsxs("div", { style: amountRowStyle, children: [
-          /* @__PURE__ */ jsx("div", { style: { flex: 1 }, children: editing ? /* @__PURE__ */ jsxs("div", { style: limitValueStyle(tokens.text), children: [
+        /* @__PURE__ */ jsxs("div", { ref: pickerRef, children: [
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: handleTokenRowClick,
+              style: tokenRowTriggerStyle(tokens, hasDropdown || !!onAdvanced),
+              "aria-expanded": hasDropdown ? tokenDropdownOpen : void 0,
+              "aria-haspopup": hasDropdown ? "listbox" : void 0,
+              children: [
+                /* @__PURE__ */ jsx("span", { style: tokenRowLabelStyle(tokens.text), children: "Token for one tap" }),
+                /* @__PURE__ */ jsxs("div", { style: tokenRowRightStyle, children: [
+                  selectedOption && /* @__PURE__ */ jsxs("span", { style: tokenRowSymbolStyle(tokens.textSecondary), children: [
+                    selectedOption.symbol,
+                    " \xB7 ",
+                    selectedOption.chainName
+                  ] }),
+                  /* @__PURE__ */ jsx("div", { style: tokenIconWrapStyle, children: selectedTokenSymbol && TOKEN_LOGOS[selectedTokenSymbol] ? /* @__PURE__ */ jsx("img", { src: TOKEN_LOGOS[selectedTokenSymbol], alt: selectedTokenSymbol, width: 36, height: 36, style: { borderRadius: "50%" } }) : /* @__PURE__ */ jsxs("svg", { width: "36", height: "36", viewBox: "0 0 36 36", fill: "none", children: [
+                    /* @__PURE__ */ jsx("circle", { cx: "18", cy: "18", r: "18", fill: "#2DB84B" }),
+                    /* @__PURE__ */ jsx("text", { x: "18", y: "23", textAnchor: "middle", fontSize: "18", fill: "#fff", fontWeight: "700", children: "$" })
+                  ] }) }),
+                  /* @__PURE__ */ jsx("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", style: { opacity: 0.5 }, children: tokenDropdownOpen ? /* @__PURE__ */ jsx("path", { d: "M18 15l-6-6-6 6", stroke: tokens.textMuted, strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }) : /* @__PURE__ */ jsx("path", { d: "M6 9l6 6 6-6", stroke: tokens.textMuted, strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }) })
+                ] })
+              ]
+            }
+          ),
+          tokenDropdownOpen && tokenOptions && tokenOptions.length > 0 && /* @__PURE__ */ jsxs("div", { style: dropdownOuterStyle(tokens), children: [
+            /* @__PURE__ */ jsx("div", { style: dropdownLabelStyle(tokens.textMuted), children: "Choose token" }),
+            /* @__PURE__ */ jsx("div", { style: dropdownInnerStyle(tokens), children: tokenOptions.map((opt, index) => {
+              const selected = opt.symbol === selectedTokenSymbol;
+              const isLast = index === tokenOptions.length - 1;
+              return /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => handlePickToken(opt),
+                  style: dropdownRowStyle(tokens, selected, isLast),
+                  children: [
+                    /* @__PURE__ */ jsxs("div", { style: dropdownRowLeftStyle, children: [
+                      /* @__PURE__ */ jsx("div", { style: dropdownTokenIconStyle(tokens, !!TOKEN_LOGOS[opt.symbol]), children: TOKEN_LOGOS[opt.symbol] ? /* @__PURE__ */ jsx("img", { src: TOKEN_LOGOS[opt.symbol], alt: opt.symbol, style: dropdownTokenLogoStyle }) : /* @__PURE__ */ jsx("span", { style: dropdownTokenFallbackStyle(tokens.textMuted), children: "$" }) }),
+                      /* @__PURE__ */ jsxs("div", { style: dropdownTokenInfoStyle, children: [
+                        /* @__PURE__ */ jsxs("div", { style: dropdownTokenNameRowStyle, children: [
+                          /* @__PURE__ */ jsx("span", { style: dropdownTokenSymbolStyle(tokens.text), children: opt.symbol }),
+                          /* @__PURE__ */ jsx("span", { style: dropdownTokenDotStyle(tokens.textMuted), children: "\xB7" }),
+                          /* @__PURE__ */ jsx("span", { style: dropdownTokenChainStyle(tokens.textMuted), children: opt.chainName })
+                        ] }),
+                        opt.balance != null && /* @__PURE__ */ jsxs("span", { style: dropdownTokenBalanceStyle(tokens.textMuted), children: [
+                          "$",
+                          opt.balance.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 })
+                        ] })
+                      ] })
+                    ] }),
+                    selected ? /* @__PURE__ */ jsxs("svg", { width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", children: [
+                      /* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "11", fill: tokens.success }),
+                      /* @__PURE__ */ jsx("path", { d: "M7 11l3 3 5-5", stroke: "#fff", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
+                    ] }) : /* @__PURE__ */ jsx("div", { style: dropdownRadioEmptyStyle(tokens.border) })
+                  ]
+                },
+                tokenOptionKey(opt)
+              );
+            }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => setShowAdvanced((v) => !v),
+            style: advancedToggleStyle(tokens.accent),
+            children: "Advanced"
+          }
+        ),
+        showAdvanced && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("div", { style: amountSectionStyle, children: editing ? /* @__PURE__ */ jsxs("div", { style: limitValueStyle(tokens.text), children: [
             "$",
             /* @__PURE__ */ jsx(
               "input",
@@ -4464,62 +4270,93 @@ function SetupScreen({
               onClick: startEditing,
               children: [
                 "$",
-                limit.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 })
+                limit.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 }),
+                /* @__PURE__ */ jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", style: { marginLeft: 8, opacity: 0.45 }, children: /* @__PURE__ */ jsx("path", { d: "M16.47 3.53a2.74 2.74 0 0 1 3.88 0l.12.12a2.74 2.74 0 0 1 0 3.88L8.84 19.16a2 2 0 0 1-.9.52l-4.56 1.3a.75.75 0 0 1-.93-.93l1.3-4.56a2 2 0 0 1 .52-.9L16.47 3.53Z", stroke: tokens.textMuted, strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round" }) })
               ]
             }
           ) }),
-          /* @__PURE__ */ jsxs(
-            "button",
-            {
-              type: "button",
-              onClick: onAdvanced,
-              style: tokenIconButtonStyle(!!onAdvanced),
-              children: [
-                /* @__PURE__ */ jsx("div", { style: tokenIconWrapStyle, children: selectedTokenSymbol && TOKEN_LOGOS[selectedTokenSymbol] ? /* @__PURE__ */ jsx("img", { src: TOKEN_LOGOS[selectedTokenSymbol], alt: selectedTokenSymbol, width: 36, height: 36, style: { borderRadius: "50%" } }) : /* @__PURE__ */ jsxs("svg", { width: "36", height: "36", viewBox: "0 0 36 36", fill: "none", children: [
-                  /* @__PURE__ */ jsx("circle", { cx: "18", cy: "18", r: "18", fill: "#2DB84B" }),
-                  /* @__PURE__ */ jsx("text", { x: "18", y: "23", textAnchor: "middle", fontSize: "18", fill: "#fff", fontWeight: "700", children: "$" })
-                ] }) }),
-                /* @__PURE__ */ jsx("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", style: { opacity: 0.5 }, children: /* @__PURE__ */ jsx("path", { d: "M6 9l6 6 6-6", stroke: tokens.textMuted, strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }) })
-              ]
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs("div", { style: presetsRowStyle, children: [
-          PRESETS.map((value) => /* @__PURE__ */ jsxs(
-            "button",
-            {
-              type: "button",
-              onClick: () => selectPreset(value),
-              style: presetButtonStyle(tokens, activePreset === value),
-              children: [
-                "$",
-                value.toLocaleString()
-              ]
-            },
-            value
-          )),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: selectMax,
-              style: presetButtonStyle(tokens, activePreset === "max"),
-              children: "Max"
-            }
-          )
+          /* @__PURE__ */ jsxs("div", { style: presetsRowStyle, children: [
+            PRESETS.map((value) => /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: () => selectPreset(value),
+                style: presetButtonStyle(tokens, activePreset === value),
+                children: [
+                  "$",
+                  value.toLocaleString()
+                ]
+              },
+              value
+            )),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: selectMax,
+                style: presetButtonStyle(tokens, activePreset === "max"),
+                children: "Max"
+              }
+            )
+          ] })
         ] })
       ]
     }
   );
 }
-var headingStyle6 = (color) => ({
-  fontSize: "1.1rem",
-  fontWeight: 700,
-  letterSpacing: "-0.02em",
+var mascotStyle2 = {
+  display: "block",
+  margin: "0 auto 12px"
+};
+var descriptionStyle = (color) => ({
+  fontSize: "1.05rem",
+  fontWeight: 600,
+  lineHeight: 1.45,
   color,
-  margin: "8px 0 24px",
+  margin: "0 0 24px",
   textAlign: "center"
 });
+var tokenRowTriggerStyle = (themeTokens, clickable) => ({
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "space-between",
+  width: "100%",
+  padding: "10px 14px",
+  borderRadius: 999,
+  background: themeTokens.bgCard,
+  border: `1px solid ${themeTokens.border}`,
+  cursor: clickable ? "pointer" : "default",
+  fontFamily: "inherit",
+  marginBottom: 8
+});
+var tokenRowLabelStyle = (color) => ({
+  fontSize: "0.95rem",
+  fontWeight: 500,
+  color
+});
+var tokenRowRightStyle = {
+  display: "flex",
+  alignItems: "center",
+  gap: 6,
+  flexShrink: 0
+};
+var tokenRowSymbolStyle = (color) => ({
+  fontSize: "0.84rem",
+  fontWeight: 500,
+  color
+});
+var advancedToggleStyle = (accentColor) => ({
+  display: "block",
+  margin: "4px auto 24px",
+  background: "transparent",
+  border: "none",
+  color: accentColor,
+  fontSize: "0.92rem",
+  fontWeight: 600,
+  fontFamily: "inherit",
+  cursor: "pointer",
+  padding: "4px 8px"
+});
 var errorBannerStyle4 = (tokens) => ({
   background: tokens.errorBg,
   border: `1px solid ${tokens.error}66`,
@@ -4530,27 +4367,25 @@ var errorBannerStyle4 = (tokens) => ({
   marginBottom: 14,
   lineHeight: 1.5
 });
-var amountRowStyle = {
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "space-between",
-  marginBottom: 24,
-  gap: 12
+var amountSectionStyle = {
+  textAlign: "center",
+  marginBottom: 16
 };
 var limitValueStyle = (color) => ({
-  fontSize: "2.4rem",
+  fontSize: "2.8rem",
   fontWeight: 700,
   color,
   letterSpacing: "-0.02em",
   display: "flex",
-  alignItems: "baseline"
+  alignItems: "center",
+  justifyContent: "center"
 });
 var editableLimitStyle = (color) => ({
   ...limitValueStyle(color),
   cursor: "pointer"
 });
 var limitInputStyle = (color) => ({
-  fontSize: "2.4rem",
+  fontSize: "2.8rem",
   fontWeight: 700,
   color,
   background: "transparent",
@@ -4560,25 +4395,117 @@ var limitInputStyle = (color) => ({
   width: "6ch",
   fontFamily: "inherit",
   padding: 0,
-  letterSpacing: "-0.02em"
+  letterSpacing: "-0.02em",
+  textAlign: "center"
 });
-var tokenIconButtonStyle = (clickable) => ({
+var tokenIconWrapStyle = {
+  position: "relative",
+  width: 36,
+  height: 36
+};
+var dropdownOuterStyle = (themeTokens) => ({
+  marginTop: 4,
+  marginBottom: 12,
+  background: themeTokens.bgCard,
+  border: `1px solid ${themeTokens.border}`,
+  borderRadius: themeTokens.radiusLg,
+  boxShadow: themeTokens.shadowLg,
+  padding: "12px 14px 14px"
+});
+var dropdownLabelStyle = (color) => ({
+  fontSize: "0.78rem",
+  fontWeight: 500,
+  color,
+  marginBottom: 8
+});
+var dropdownInnerStyle = (themeTokens) => ({
+  background: themeTokens.bgInput,
+  border: `1px solid ${themeTokens.border}`,
+  borderRadius: themeTokens.radiusLg,
+  overflow: "hidden"
+});
+var dropdownRowStyle = (themeTokens, isSelected, isLast) => ({
   display: "flex",
   alignItems: "center",
-  gap: 4,
-  background: "transparent",
+  justifyContent: "space-between",
+  width: "100%",
+  padding: "14px 16px",
+  background: isSelected ? `${themeTokens.accent}18` : "transparent",
   border: "none",
-  cursor: clickable ? "pointer" : "default",
-  padding: 0,
-  flexShrink: 0
+  borderBottom: isLast ? "none" : `1px solid ${themeTokens.border}`,
+  cursor: "pointer",
+  fontFamily: "inherit",
+  textAlign: "left",
+  outline: "none"
 });
-var tokenIconWrapStyle = {
-  position: "relative",
+var dropdownRowLeftStyle = {
+  display: "flex",
+  alignItems: "center",
+  gap: 12,
+  minWidth: 0,
+  flex: 1
+};
+var dropdownTokenIconStyle = (themeTokens, hasLogo) => ({
   width: 36,
-  height: 36
+  height: 36,
+  borderRadius: "50%",
+  border: hasLogo ? "none" : `1.5px solid ${themeTokens.border}`,
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  flexShrink: 0,
+  overflow: "hidden"
+});
+var dropdownTokenLogoStyle = {
+  width: 36,
+  height: 36,
+  borderRadius: "50%",
+  objectFit: "cover"
+};
+var dropdownTokenFallbackStyle = (color) => ({
+  fontSize: "1rem",
+  fontWeight: 700,
+  color
+});
+var dropdownTokenInfoStyle = {
+  display: "flex",
+  flexDirection: "column",
+  gap: 2,
+  minWidth: 0
+};
+var dropdownTokenNameRowStyle = {
+  display: "flex",
+  alignItems: "center",
+  gap: 4
 };
+var dropdownTokenSymbolStyle = (color) => ({
+  fontSize: "0.92rem",
+  fontWeight: 600,
+  color
+});
+var dropdownTokenDotStyle = (color) => ({
+  fontSize: "0.8rem",
+  color
+});
+var dropdownTokenChainStyle = (color) => ({
+  fontSize: "0.84rem",
+  fontWeight: 400,
+  color
+});
+var dropdownTokenBalanceStyle = (color) => ({
+  fontSize: "0.78rem",
+  color
+});
+var dropdownRadioEmptyStyle = (borderColor) => ({
+  width: 22,
+  height: 22,
+  borderRadius: "50%",
+  border: `2px solid ${borderColor}`,
+  flexShrink: 0
+});
 var presetsRowStyle = {
   display: "flex",
+  justifyContent: "center",
   gap: 10,
   marginBottom: 24
 };
@@ -4612,8 +4539,8 @@ function SetupStatusScreen({
     return /* @__PURE__ */ jsxs(ScreenLayout, { footer: /* @__PURE__ */ jsx(PoweredByFooter, {}), children: [
       /* @__PURE__ */ jsx(ScreenHeader, { onBack: onContinue }),
       /* @__PURE__ */ jsxs("div", { style: contentStyle5, children: [
-        /* @__PURE__ */ jsx("img", { src: BLINK_LOGO, alt: "Blink", style: mascotStyle2 }),
-        /* @__PURE__ */ jsx("h2", { style: headingStyle7(tokens.text), children: "Done!" }),
+        /* @__PURE__ */ jsx("img", { src: BLINK_LOGO, alt: "Blink", style: mascotStyle3 }),
+        /* @__PURE__ */ jsx("h2", { style: headingStyle6(tokens.text), children: "Done!" }),
         /* @__PURE__ */ jsx("p", { style: subtitleStyle6(tokens.textSecondary), children: "Return to the app to try one-tap deposits." })
       ] })
     ] });
@@ -4626,7 +4553,7 @@ function SetupStatusScreen({
     /* @__PURE__ */ jsx(ScreenHeader, { onLogout }),
     /* @__PURE__ */ jsxs("div", { style: contentStyle5, children: [
       /* @__PURE__ */ jsx(Spinner, { size: 48 }),
-      /* @__PURE__ */ jsx("h2", { style: headingStyle7(tokens.text), children: "Setting up One-Tap..." }),
+      /* @__PURE__ */ jsx("h2", { style: headingStyle6(tokens.text), children: "Setting up One-Tap..." }),
       error && /* @__PURE__ */ jsx("div", { style: errorBannerStyle5(tokens), children: error }),
       /* @__PURE__ */ jsx("div", { style: stepsWrapStyle, children: /* @__PURE__ */ jsx(StepList, { steps }) }),
       /* @__PURE__ */ jsx("p", { style: waitHintStyle(tokens.textMuted), children: "Usually takes a few seconds" })
@@ -4642,11 +4569,11 @@ var contentStyle5 = {
   textAlign: "center",
   padding: "0 24px 32px"
 };
-var mascotStyle2 = {
+var mascotStyle3 = {
   width: 56,
   height: 56
 };
-var headingStyle7 = (color) => ({
+var headingStyle6 = (color) => ({
   fontSize: "1.45rem",
   fontWeight: 700,
   letterSpacing: "-0.02em",
@@ -4740,7 +4667,7 @@ function DepositScreen({
         /* @__PURE__ */ jsxs("div", { ref: pickerRef, style: depositCardWrapStyle, children: [
           /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx("div", { style: depositLabelStyle(tokens.textMuted), children: "Depositing" }),
-            /* @__PURE__ */ jsxs("div", { style: amountRowStyle2, children: [
+            /* @__PURE__ */ jsxs("div", { style: amountRowStyle, children: [
               /* @__PURE__ */ jsxs("div", { style: amountValueStyle(tokens.text), children: [
                 "$",
                 amount.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 })
@@ -4750,7 +4677,7 @@ function DepositScreen({
                 {
                   type: "button",
                   onClick: onSelectToken,
-                  style: tokenIconButtonStyle2(!!onSelectToken),
+                  style: tokenIconButtonStyle(!!onSelectToken),
                   children: [
                     /* @__PURE__ */ jsx("div", { style: tokenIconWrapStyle2, children: selectedTokenSymbol && TOKEN_LOGOS[selectedTokenSymbol] ? /* @__PURE__ */ jsx("img", { src: TOKEN_LOGOS[selectedTokenSymbol], alt: selectedTokenSymbol, width: 36, height: 36, style: { borderRadius: "50%" } }) : /* @__PURE__ */ jsxs("svg", { width: "36", height: "36", viewBox: "0 0 36 36", fill: "none", children: [
                       /* @__PURE__ */ jsx("circle", { cx: "18", cy: "18", r: "18", fill: "#2DB84B" }),
@@ -4880,7 +4807,7 @@ var depositLabelStyle = (color) => ({
   color,
   marginBottom: 4
 });
-var amountRowStyle2 = {
+var amountRowStyle = {
   display: "flex",
   alignItems: "center",
   justifyContent: "space-between",
@@ -4892,7 +4819,7 @@ var amountValueStyle = (color) => ({
   letterSpacing: "-0.02em",
   color
 });
-var tokenIconButtonStyle2 = (clickable) => ({
+var tokenIconButtonStyle = (clickable) => ({
   display: "flex",
   alignItems: "center",
   gap: 4,
@@ -5099,7 +5026,7 @@ function SuccessScreen({
         /* @__PURE__ */ jsxs("div", { style: contentStyle6, children: [
           succeeded ? /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx(IconCircle, { variant: "success", size: 64, children: /* @__PURE__ */ jsx("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z", fill: tokens.success }) }) }),
-            /* @__PURE__ */ jsxs("h2", { style: headingStyle8(tokens.text), children: [
+            /* @__PURE__ */ jsxs("h2", { style: headingStyle7(tokens.text), children: [
               "$",
               amount.toFixed(2),
               " deposited"
@@ -5110,7 +5037,7 @@ function SuccessScreen({
             ] })
           ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx(IconCircle, { variant: "error", size: 64, children: /* @__PURE__ */ jsx("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z", fill: tokens.error }) }) }),
-            /* @__PURE__ */ jsx("h2", { style: headingStyle8(tokens.text), children: "Transfer failed" }),
+            /* @__PURE__ */ jsx("h2", { style: headingStyle7(tokens.text), children: "Transfer failed" }),
             error && /* @__PURE__ */ jsx("p", { style: subtitleStyle7(tokens.error), children: error })
           ] }),
           /* @__PURE__ */ jsxs("div", { style: summaryCardStyle(tokens), children: [
@@ -5150,7 +5077,7 @@ var contentStyle6 = {
   alignItems: "center",
   paddingTop: 16
 };
-var headingStyle8 = (color) => ({
+var headingStyle7 = (color) => ({
   fontSize: "1.5rem",
   fontWeight: 700,
   letterSpacing: "-0.02em",
@@ -5474,7 +5401,7 @@ function AdvancedSourceScreen({
             right: /* @__PURE__ */ jsx("span", { style: advancedBadgeStyle(tokens.accent), children: "Advanced" })
           }
         ),
-        /* @__PURE__ */ jsx("h2", { style: headingStyle9(tokens.text), children: "Set up One-Tap deposits" }),
+        /* @__PURE__ */ jsx("h2", { style: headingStyle8(tokens.text), children: "Set up One-Tap deposits" }),
         /* @__PURE__ */ jsx("p", { style: subtitleStyle9(tokens.textSecondary), children: "Select a token source for your One-Tap deposits." }),
         /* @__PURE__ */ jsx("label", { style: labelStyle5(tokens.textSecondary), children: "Select tokens to approve" }),
         /* @__PURE__ */ jsx("div", { style: chainListStyle, children: choices.map((chain) => {
@@ -5538,7 +5465,7 @@ var advancedBadgeStyle = (color) => ({
   padding: "3px 10px",
   letterSpacing: "0.02em"
 });
-var headingStyle9 = (color) => ({
+var headingStyle8 = (color) => ({
   fontSize: "1.3rem",
   fontWeight: 700,
   letterSpacing: "-0.02em",
@@ -5675,7 +5602,7 @@ function TransferStatusScreen({
     /* @__PURE__ */ jsx(ScreenHeader, { onLogout }),
     /* @__PURE__ */ jsxs("div", { style: contentStyle7, children: [
       /* @__PURE__ */ jsx(Spinner, { size: 64 }),
-      /* @__PURE__ */ jsx("h2", { style: headingStyle10(tokens.text), children: "Depositing your money..." }),
+      /* @__PURE__ */ jsx("h2", { style: headingStyle9(tokens.text), children: "Depositing your money..." }),
       error && /* @__PURE__ */ jsx("div", { style: errorBannerStyle7(tokens), children: error }),
       /* @__PURE__ */ jsx("div", { style: stepsWrapStyle2, children: /* @__PURE__ */ jsx(StepList, { steps }) })
     ] })
@@ -5690,7 +5617,7 @@ var contentStyle7 = {
   textAlign: "center",
   padding: "0 24px"
 };
-var headingStyle10 = (color) => ({
+var headingStyle9 = (color) => ({
   fontSize: "1.45rem",
   fontWeight: 700,
   letterSpacing: "-0.02em",
@@ -5753,7 +5680,7 @@ function OpenWalletScreen({
           /* @__PURE__ */ jsx(ScreenHeader, { onLogout }),
           /* @__PURE__ */ jsxs("div", { style: contentStyle8, children: [
             /* @__PURE__ */ jsx("div", { style: logoCircleStyle(tokens.bgInput), children: logoSrc ? /* @__PURE__ */ jsx("img", { src: logoSrc, alt: displayName, style: logoStyle2 }) : /* @__PURE__ */ jsx(Spinner, { size: 32 }) }),
-            /* @__PURE__ */ jsxs("h2", { style: headingStyle11(tokens.text), children: [
+            /* @__PURE__ */ jsxs("h2", { style: headingStyle10(tokens.text), children: [
               "Setting up ",
               displayName,
               "..."
@@ -5786,7 +5713,7 @@ function OpenWalletScreen({
         /* @__PURE__ */ jsx(ScreenHeader, { onBack, onLogout }),
         /* @__PURE__ */ jsxs("div", { style: contentStyle8, children: [
           /* @__PURE__ */ jsx("div", { style: logoCircleStyle(tokens.bgInput), children: logoSrc ? /* @__PURE__ */ jsx("img", { src: logoSrc, alt: displayName, style: logoStyle2 }) : /* @__PURE__ */ jsx(Spinner, { size: 32 }) }),
-          /* @__PURE__ */ jsx("h2", { style: headingStyle11(tokens.text), children: loading ? "Connecting..." : `Open ${displayName}` }),
+          /* @__PURE__ */ jsx("h2", { style: headingStyle10(tokens.text), children: loading ? "Connecting..." : `Open ${displayName}` }),
           /* @__PURE__ */ jsx("p", { style: subtitleStyle10(tokens.textSecondary), children: loading ? "Creating transfer and preparing your wallet link..." : `Continue in ${displayName} to authorize this connection.` }),
           !loading && /* @__PURE__ */ jsxs("div", { style: waitingBadgeStyle(tokens), children: [
             /* @__PURE__ */ jsx(Spinner, { size: 14 }),
@@ -5827,7 +5754,7 @@ var logoStyle2 = {
   borderRadius: 12,
   objectFit: "contain"
 };
-var headingStyle11 = (color) => ({
+var headingStyle10 = (color) => ({
   fontSize: "1.45rem",
   fontWeight: 700,
   letterSpacing: "-0.02em",
@@ -5885,7 +5812,7 @@ function ConfirmSignScreen({
         /* @__PURE__ */ jsx(ScreenHeader, { onLogout }),
         /* @__PURE__ */ jsxs("div", { style: contentStyle9, children: [
           logoSrc ? /* @__PURE__ */ jsx("img", { src: logoSrc, alt: displayName, style: logoStyle3 }) : /* @__PURE__ */ jsx(Spinner, { size: 48 }),
-          /* @__PURE__ */ jsx("h2", { style: headingStyle12(tokens.text), children: "Wallet authorized" }),
+          /* @__PURE__ */ jsx("h2", { style: headingStyle11(tokens.text), children: "Wallet authorized" }),
           /* @__PURE__ */ jsxs("p", { style: subtitleStyle11(tokens.textSecondary), children: [
             displayName,
             " approved the connection. Tap below to confirm your payment."
@@ -5914,7 +5841,7 @@ var logoStyle3 = {
   borderRadius: 14,
   objectFit: "contain"
 };
-var headingStyle12 = (color) => ({
+var headingStyle11 = (color) => ({
   fontSize: "1.45rem",
   fontWeight: 700,
   letterSpacing: "-0.02em",
@@ -6005,7 +5932,7 @@ function TokenPickerScreen({
           {
             type: "button",
             onClick: onBack,
-            style: tokenIconButtonStyle3,
+            style: tokenIconButtonStyle2,
             children: [
               /* @__PURE__ */ jsx("div", { style: tokenIconWrapStyle3, children: selectedTokenSymbol && TOKEN_LOGOS[selectedTokenSymbol] ? /* @__PURE__ */ jsx("img", { src: TOKEN_LOGOS[selectedTokenSymbol], alt: selectedTokenSymbol, width: 36, height: 36, style: { borderRadius: "50%" } }) : /* @__PURE__ */ jsxs("svg", { width: "36", height: "36", viewBox: "0 0 36 36", fill: "none", children: [
                 /* @__PURE__ */ jsx("circle", { cx: "18", cy: "18", r: "18", fill: "#2DB84B" }),
@@ -6068,7 +5995,7 @@ var depositAmountStyle = (color) => ({
   letterSpacing: "-0.02em",
   color
 });
-var tokenIconButtonStyle3 = {
+var tokenIconButtonStyle2 = {
   display: "flex",
   alignItems: "center",
   gap: 4,
@@ -6194,6 +6121,16 @@ var selectCircleSelectedStyle = (color) => ({
 function entryKey(entry) {
   return `${entry.sourceChainId}-${entry.tokenAddress.toLowerCase()}`;
 }
+function isPreciseMoneyNonPositive(fee) {
+  const raw = fee.value.trim();
+  if (!/^-?\d+(\.\d*)?$/.test(raw)) return false;
+  const n = Number(raw);
+  return Number.isFinite(n) && n <= 0;
+}
+function formatNonPositiveFeeDisplay(fee) {
+  if (fee.currency === "USD") return "Under $0.01";
+  return `Less than 0.01 ${fee.currency}`;
+}
 function formatPreciseMoneyForDisplay(fee) {
   const raw = fee.value.trim();
   if (fee.currency === "USD") {
@@ -6246,12 +6183,13 @@ function GuestTokenPickerScreen({
   const canConfirm = Boolean(quoteFee && pendingEntry && !quoteLoading);
   const feeLine = (() => {
     if (quoteLoading && pendingEntry) {
-      return /* @__PURE__ */ jsx("div", { style: feeRowStyle(t.textMuted), "aria-live": "polite", children: "Estimating fee\u2026" });
+      return /* @__PURE__ */ jsx("div", { style: feeRowContainerStyle, "aria-live": "polite", children: /* @__PURE__ */ jsx("span", { style: feeRowLabelStyle(t.textMuted), children: "Getting fee estimate\u2026" }) });
     }
     if (quoteFee) {
-      return /* @__PURE__ */ jsxs("div", { style: feeRowStyle(t.textMuted), "aria-live": "polite", children: [
-        "Estimated fee ",
-        formatPreciseMoneyForDisplay(quoteFee)
+      const feeText = isPreciseMoneyNonPositive(quoteFee) ? formatNonPositiveFeeDisplay(quoteFee) : formatPreciseMoneyForDisplay(quoteFee);
+      return /* @__PURE__ */ jsxs("div", { style: feeRowContainerStyle, "aria-live": "polite", children: [
+        /* @__PURE__ */ jsx("span", { style: feeRowLabelStyle(t.textMuted), children: "Fee estimate: " }),
+        /* @__PURE__ */ jsx("span", { style: feeRowAmountStyle(t.textSecondary), children: feeText })
       ] });
     }
     return null;
@@ -6456,11 +6394,15 @@ var depositAmountStyle2 = (color) => ({
   color,
   lineHeight: 1.05
 });
-var feeRowStyle = (color) => ({
+var feeRowContainerStyle = {
   fontSize: "0.84rem",
   fontWeight: 500,
-  color,
   marginTop: 6
+};
+var feeRowLabelStyle = (color) => ({ color });
+var feeRowAmountStyle = (color) => ({
+  color,
+  fontVariantNumeric: "tabular-nums"
 });
 var tokenTriggerStyle = (tokens, interactive) => ({
   display: "flex",
@@ -6624,7 +6566,7 @@ function GuestPreauthSetupCompleteScreen({
               fill: tokens.success
             }
           ) }) }),
-          /* @__PURE__ */ jsx("h2", { style: headingStyle13(tokens.text), children: "Setup complete" }),
+          /* @__PURE__ */ jsx("h2", { style: headingStyle12(tokens.text), children: "Setup complete" }),
           /* @__PURE__ */ jsx("p", { style: subtitleStyle12(tokens.textSecondary), children: "Your account is linked and ready. You can close this window or make another deposit." })
         ] })
       ]
@@ -6639,7 +6581,7 @@ var contentStyle10 = {
   gap: 12,
   paddingTop: 8
 };
-function headingStyle13(color) {
+function headingStyle12(color) {
   return {
     margin: 0,
     fontSize: 22,
@@ -6662,7 +6604,7 @@ function GuestPreauthLinkingScreen({ onLogout }) {
     /* @__PURE__ */ jsx(ScreenHeader, { onLogout }),
     /* @__PURE__ */ jsxs("div", { style: contentStyle11, children: [
       /* @__PURE__ */ jsx(Spinner, { size: 48 }),
-      /* @__PURE__ */ jsx("h2", { style: headingStyle14(tokens.text), children: "Setting up your account..." }),
+      /* @__PURE__ */ jsx("h2", { style: headingStyle13(tokens.text), children: "Setting up your account..." }),
       /* @__PURE__ */ jsx("p", { style: subtitleStyle13(tokens.textSecondary), children: "Linking your wallet to your Blink account. This usually takes a few seconds." })
     ] })
   ] });
@@ -6676,7 +6618,7 @@ var contentStyle11 = {
   textAlign: "center",
   padding: "0 24px 32px"
 };
-function headingStyle14(color) {
+function headingStyle13(color) {
   return {
     margin: "20px 0 8px",
     fontSize: "1.45rem",
@@ -6903,6 +6845,28 @@ function StepRendererContent({
       );
       const effectiveTokenCount = tokenCount > 0 ? tokenCount : selectSourceTokenCount;
       const effectiveSourceLabel = selectedSourceLabel ?? (selectSourceChainName && selectSourceTokenSymbol ? `${selectSourceTokenSymbol} on ${selectSourceChainName}` : void 0);
+      const setupTokenOptions = selectedAccount ? selectedAccount.wallets.flatMap(
+        (w) => w.sources.filter((s) => s.balance.total.amount > 0).map((s) => ({
+          symbol: s.token.symbol,
+          chainName: w.chain.name,
+          balance: s.balance.available.amount,
+          walletId: w.id
+        }))
+      ) : selectSourceChoices.flatMap(
+        (chain) => chain.tokens.map((t) => ({
+          symbol: t.tokenSymbol,
+          chainName: chain.chainName,
+          balance: t.balance
+        }))
+      );
+      const handleSetupSelectToken = (symbol, chainName, walletId) => {
+        if (walletId) {
+          handlers.onSelectAuthorizedToken(walletId, symbol);
+        } else {
+          handlers.onSelectSourceChainChange(chainName);
+          handlers.onSetSelectSourceTokenSymbol(symbol);
+        }
+      };
       return /* @__PURE__ */ jsx(
         SetupScreen,
         {
@@ -6916,7 +6880,9 @@ function StepRendererContent({
           selectedSourceLabel: effectiveSourceLabel,
           loading: savingOneTapLimit,
           error: state.error,
-          selectedTokenSymbol: selectedSource?.token.symbol ?? selectSourceTokenSymbol
+          selectedTokenSymbol: selectedSource?.token.symbol ?? selectSourceTokenSymbol,
+          tokenOptions: setupTokenOptions,
+          onSelectToken: handleSetupSelectToken
         }
       );
     }
@@ -7126,7 +7092,7 @@ var PaymentErrorBoundary = class extends Component {
         /* @__PURE__ */ jsx("path", { d: "M12 8v5", stroke: "#ef4444", strokeWidth: "1.5", strokeLinecap: "round" }),
         /* @__PURE__ */ jsx("circle", { cx: "12", cy: "16", r: "0.75", fill: "#ef4444" })
       ] }) }),
-      /* @__PURE__ */ jsx("h2", { style: headingStyle15, children: "Something went wrong" }),
+      /* @__PURE__ */ jsx("h2", { style: headingStyle14, children: "Something went wrong" }),
       /* @__PURE__ */ jsx("p", { style: messageStyle, children: "An unexpected error occurred. Please try again." }),
       /* @__PURE__ */ jsx("button", { type: "button", onClick: this.handleReset, style: buttonStyle3, children: "Try again" })
     ] });
@@ -7146,7 +7112,7 @@ var containerStyle9 = {
 var iconStyle3 = {
   marginBottom: 20
 };
-var headingStyle15 = {
+var headingStyle14 = {
   fontSize: "1.25rem",
   fontWeight: 700,
   color: "#1a1a1a",
@@ -8387,6 +8353,15 @@ function useGuestTransferHandlers(deps) {
   const executingBridgeRef = useRef(false);
   const fetchedRef = useRef(false);
   const selectedGuestTokenRef = useRef(null);
+  useEffect(() => {
+    if (guestTransferId != null) return;
+    fetchedRef.current = false;
+    setGuestTokenEntries([]);
+    setPendingGuestEntry(null);
+    setGuestFee(null);
+    setGuestQuoteLoading(false);
+    setLoadingBalances(false);
+  }, [guestTransferId]);
   useEffect(() => {
     if (!isGuestFlow || !guestTransferId || !guestSessionToken || fetchedRef.current) return;
     const account = getAccount(wagmiConfig2);