@unifold/ui-react 0.1.26 → 0.1.28

package/dist/index.mjs

@@ -1,5 +1,5 @@
 // src/components/deposits/DepositModal.tsx
-import { useState as useState25, useEffect as useEffect18 } from "react";
+import { useState as useState24, useEffect as useEffect18 } from "react";
 import { ChevronRight as ChevronRight9, MapPinOff, AlertTriangle } from "lucide-react";
 
 // src/components/shared/dialog.tsx
@@ -14,6 +14,26 @@ function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
 var WALLET_CHAIN_TYPE_STORAGE_KEY = "unifold_last_wallet_type";
+var WALLET_USER_DISCONNECTED_KEY = "unifold_wallet_user_disconnected";
+function getUserDisconnectedWallet() {
+  if (typeof window === "undefined") return false;
+  try {
+    return localStorage.getItem(WALLET_USER_DISCONNECTED_KEY) === "true";
+  } catch {
+    return false;
+  }
+}
+function setUserDisconnectedWallet(disconnected) {
+  if (typeof window === "undefined") return;
+  try {
+    if (disconnected) {
+      localStorage.setItem(WALLET_USER_DISCONNECTED_KEY, "true");
+    } else {
+      localStorage.removeItem(WALLET_USER_DISCONNECTED_KEY);
+    }
+  } catch {
+  }
+}
 function getStoredWalletChainType() {
   if (typeof window === "undefined") return void 0;
   try {
@@ -591,11 +611,127 @@ import { useState as useState4 } from "react";
 
 // src/components/deposits/DepositHeader.tsx
 import { ArrowLeft, X as X2 } from "lucide-react";
-import { useEffect as useEffect2, useState as useState2 } from "react";
+import { useEffect as useEffect2, useLayoutEffect, useState as useState2 } from "react";
 import { getAddressBalance } from "@unifold/core";
+
+// src/components/deposits/browser-wallets/utils.ts
+import { IneligibilityReason } from "@unifold/core";
+function getIconUrl(iconUrl, assetCdnUrl) {
+  if (!iconUrl) return void 0;
+  if (iconUrl.startsWith("http://") || iconUrl.startsWith("https://")) {
+    return iconUrl;
+  }
+  if (assetCdnUrl) {
+    return `${assetCdnUrl}${iconUrl.startsWith("/") ? "" : "/"}${iconUrl}`;
+  }
+  return iconUrl;
+}
+function getTokenFromBalance(balance) {
+  if (balance.token) {
+    return balance.token;
+  }
+  const legacyBalance = balance;
+  if (legacyBalance.symbol && legacyBalance.decimals !== void 0) {
+    return {
+      symbol: legacyBalance.symbol,
+      name: legacyBalance.name,
+      icon_url: legacyBalance.icon_url,
+      icon_urls: [],
+      token_address: legacyBalance.token_address,
+      chain_id: legacyBalance.chain_id,
+      chain_name: legacyBalance.chain_name,
+      chain_type: legacyBalance.chain_type,
+      decimals: legacyBalance.decimals,
+      chain_icon_url: legacyBalance.chain_icon_url,
+      chain_icon_urls: [],
+      minimum_deposit_amount_usd: 0
+    };
+  }
+  return null;
+}
+function isBalanceEligible(balance) {
+  if (balance.is_eligible !== void 0) {
+    return balance.is_eligible;
+  }
+  const legacyBalance = balance;
+  if (legacyBalance.is_eligible !== void 0) {
+    return legacyBalance.is_eligible;
+  }
+  return true;
+}
+function getIneligibilityMessage(balance) {
+  if (isBalanceEligible(balance)) {
+    return null;
+  }
+  switch (balance.ineligibility_reason) {
+    case IneligibilityReason.MINIMUM_NOT_MET:
+      return "Low balance";
+    case IneligibilityReason.NOT_SUPPORTED_DEPOSIT_FROM:
+      return "Not supported";
+    default:
+      return "Not eligible";
+  }
+}
+function formatTokenAmount(amount, decimals, symbol) {
+  const value = Number(amount) / 10 ** decimals;
+  const upperSymbol = symbol.toUpperCase();
+  let maxDecimals = 4;
+  if (upperSymbol === "BTC" || upperSymbol === "WBTC") {
+    maxDecimals = 8;
+  } else if (upperSymbol === "ETH" || upperSymbol === "WETH" || upperSymbol === "SOL") {
+    maxDecimals = 6;
+  }
+  if (value >= 1) {
+    return value.toLocaleString(void 0, {
+      minimumFractionDigits: 2,
+      maximumFractionDigits: maxDecimals
+    });
+  } else if (value > 0) {
+    return value.toLocaleString(void 0, {
+      minimumFractionDigits: 2,
+      maximumFractionDigits: maxDecimals,
+      minimumSignificantDigits: 2,
+      maximumSignificantDigits: 6
+    });
+  }
+  return "0.00";
+}
+function formatUsdAmount(amountUsd) {
+  if (!amountUsd) return null;
+  const value = parseFloat(amountUsd);
+  if (value <= 0) return null;
+  return value.toLocaleString(void 0, {
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2
+  });
+}
+function truncateAddress2(address) {
+  if (address.length <= 13) return address;
+  return `${address.slice(0, 6)}...${address.slice(-4)}`;
+}
+function formatBalanceDisplay(balance, projectName) {
+  return projectName ? `${projectName} Balance: ${balance}` : `Balance: ${balance}`;
+}
+function formatProcessingTime(seconds) {
+  if (seconds === null || seconds === 0) {
+    return "< 1 min";
+  }
+  const minutes = Math.floor(seconds / 60);
+  const remainingSeconds = seconds % 60;
+  if (minutes === 0) {
+    return `< ${remainingSeconds} sec`;
+  } else if (remainingSeconds === 0) {
+    return `< ${minutes} min`;
+  } else {
+    return `< ${minutes} min ${remainingSeconds} sec`;
+  }
+}
+
+// src/components/deposits/DepositHeader.tsx
 import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function DepositHeader({
   title,
+  subtitle,
   showBack = false,
   showClose = true,
   onBack,
@@ -606,19 +742,41 @@ function DepositHeader({
   balanceChainType,
   balanceChainId,
   balanceTokenAddress,
+  projectName,
   publishableKey
 }) {
   const { colors: colors2, fonts, components } = useTheme();
   const [balance, setBalance] = useState2(null);
   const [isLoadingBalance, setIsLoadingBalance] = useState2(false);
+  const [showBalanceSkeleton, setShowBalanceSkeleton] = useState2(false);
+  const showBalanceBlock = showBalance === true;
+  useLayoutEffect(() => {
+    if (!showBalanceBlock) {
+      setBalance(null);
+      setIsLoadingBalance(false);
+      setShowBalanceSkeleton(false);
+    }
+  }, [showBalanceBlock]);
   useEffect2(() => {
     if (!showBalance || !balanceAddress || !balanceChainType || !balanceChainId || !balanceTokenAddress || !publishableKey) {
       setBalance(null);
       setIsLoadingBalance(false);
+      setShowBalanceSkeleton(false);
+      return;
+    }
+    const supportedChainTypes = ["ethereum", "solana", "bitcoin"];
+    if (!supportedChainTypes.includes(balanceChainType)) {
+      setBalance(null);
+      setIsLoadingBalance(false);
+      setShowBalanceSkeleton(false);
       return;
     }
     let cancelled = false;
     setIsLoadingBalance(true);
+    setShowBalanceSkeleton(false);
+    const skeletonTimer = window.setTimeout(() => {
+      if (!cancelled) setShowBalanceSkeleton(true);
+    }, 150);
     getAddressBalance(
       balanceAddress,
       balanceChainType,
@@ -627,7 +785,7 @@ function DepositHeader({
       publishableKey
     ).then((response) => {
       if (cancelled) return;
-      if (response.balance && response.balance.amount !== "0") {
+      if (response.balance) {
         const token = response.balance.token;
         if (!token) {
           setBalance(null);
@@ -655,12 +813,12 @@ function DepositHeader({
             maximumSignificantDigits: 6
           });
         } else {
-          formatted = value.toExponential(2);
+          formatted = value === 0 ? "0.00" : value.toExponential(2);
         }
-        const balanceText = response.balance.amount_usd ? `Balance: $${response.balance.amount_usd} (${formatted} ${response.balance.token.symbol})` : `Balance: ${formatted} ${response.balance.token.symbol}`;
-        setBalance(balanceText);
+        const amountPart = response.balance.amount_usd != null && response.balance.amount_usd !== "" ? `$${response.balance.amount_usd} (${formatted} ${response.balance.token.symbol})` : `${formatted} ${response.balance.token.symbol}`;
+        setBalance(amountPart);
       } else {
-        setBalance(null);
+        setBalance("$0.00");
       }
     }).catch((error) => {
       if (cancelled) return;
@@ -669,9 +827,11 @@ function DepositHeader({
     }).finally(() => {
       if (cancelled) return;
       setIsLoadingBalance(false);
+      setShowBalanceSkeleton(false);
     });
     return () => {
       cancelled = true;
+      window.clearTimeout(skeletonTimer);
     };
   }, [
     showBalance,
@@ -727,18 +887,27 @@ function DepositHeader({
           children: title
         }
       ),
-      showBalance && (isLoadingBalance ? /* @__PURE__ */ jsx3("div", { className: "uf-h-3 uf-w-32 uf-bg-muted uf-rounded uf-animate-pulse uf-mt-2" }) : balance ? /* @__PURE__ */ jsx3(
+      subtitle ? /* @__PURE__ */ jsx3(
         "div",
         {
-          className: "uf-text-xs uf-mt-2",
+          className: "uf-text-xs uf-mt-1",
           style: {
-            color: colors2.foreground,
-            fontFamily: fonts.regular,
-            opacity: 0.7
+            color: colors2.foregroundMuted,
+            fontFamily: fonts.regular
+          },
+          children: subtitle
+        }
+      ) : showBalanceBlock ? isLoadingBalance && showBalanceSkeleton ? /* @__PURE__ */ jsx3("div", { className: "uf-h-3 uf-w-32 uf-bg-muted uf-rounded uf-animate-pulse uf-mt-1" }) : balance ? /* @__PURE__ */ jsx3(
+        "div",
+        {
+          className: "uf-text-xs uf-mt-1",
+          style: {
+            color: colors2.foregroundMuted,
+            fontFamily: fonts.regular
           },
-          children: balance
+          children: formatBalanceDisplay(balance, projectName)
         }
-      ) : null)
+      ) : null : null
     ] }),
     showClose ? /* @__PURE__ */ jsx3(
       "button",
@@ -1099,34 +1268,65 @@ function interpolate(template, params) {
 import { useState as useState5, useEffect as useEffect3, useRef } from "react";
 import {
   queryExecutions,
+  pollDirectExecutions,
   ExecutionStatus
 } from "@unifold/core";
+var DEPOSIT_CONFIRM_DELAY_MS = 1e4;
+var POLL_INTERVAL_MS = 2500;
+var POLL_ENDPOINT_INTERVAL_MS = 3e3;
+var CUTOFF_BUFFER_MS = 6e4;
 function useDepositPolling({
   userId,
   publishableKey,
+  depositConfirmationMode = "auto_ui",
+  depositWalletId,
   enabled = true,
   onDepositSuccess,
   onDepositError
 }) {
   const [executions, setExecutions] = useState5([]);
   const [isPolling, setIsPolling] = useState5(false);
-  const pollingIntervalRef = useRef(
-    null
-  );
-  const [modalOpenedAt] = useState5(/* @__PURE__ */ new Date());
-  const [trackedExecutions, setTrackedExecutions] = useState5(/* @__PURE__ */ new Map());
+  const [pollingEnabled, setPollingEnabled] = useState5(false);
+  const [showWaitingUi, setShowWaitingUi] = useState5(false);
+  const modalOpenedAtRef = useRef(/* @__PURE__ */ new Date());
+  const trackedExecutionsRef = useRef(/* @__PURE__ */ new Map());
+  const onDepositSuccessRef = useRef(onDepositSuccess);
+  const onDepositErrorRef = useRef(onDepositError);
+  useEffect3(() => {
+    onDepositSuccessRef.current = onDepositSuccess;
+  }, [onDepositSuccess]);
   useEffect3(() => {
-    if (!userId || !modalOpenedAt || !enabled) return;
-    const pollInterval = setInterval(async () => {
+    onDepositErrorRef.current = onDepositError;
+  }, [onDepositError]);
+  useEffect3(() => {
+    if (depositConfirmationMode === "manual" || !enabled) return;
+    const timeout = setTimeout(() => {
+      setPollingEnabled(true);
+      if (depositConfirmationMode === "auto_ui") {
+        setShowWaitingUi(true);
+      }
+    }, DEPOSIT_CONFIRM_DELAY_MS);
+    return () => clearTimeout(timeout);
+  }, [depositConfirmationMode, enabled]);
+  useEffect3(() => {
+    if (!userId || !enabled) return;
+    const modalOpenedAt = modalOpenedAtRef.current;
+    const poll = async () => {
       try {
         const response = await queryExecutions(userId, publishableKey);
+        const cutoff = new Date(modalOpenedAt.getTime() - CUTOFF_BUFFER_MS);
+        const sortedExecutions = [...response.data].sort((a, b) => {
+          const timeA = a.created_at ? new Date(a.created_at).getTime() : 0;
+          const timeB = b.created_at ? new Date(b.created_at).getTime() : 0;
+          return timeB - timeA;
+        });
         let executionToShow = null;
-        for (const execution of response.data) {
+        for (const execution of sortedExecutions) {
           const executionTime = execution.created_at ? new Date(execution.created_at) : null;
-          if (!executionTime || executionTime <= modalOpenedAt) {
+          if (!executionTime || executionTime < cutoff) {
             continue;
           }
-          const trackedStatus = trackedExecutions.get(execution.id);
+          const trackedStatus = trackedExecutionsRef.current.get(execution.id);
           if (!trackedStatus) {
             executionToShow = execution;
             break;
@@ -1147,35 +1347,30 @@ function useDepositPolling({
         }
         if (executionToShow) {
           const execution = executionToShow;
+          const previousStatus = trackedExecutionsRef.current.get(execution.id);
+          trackedExecutionsRef.current.set(execution.id, execution.status);
           setExecutions((prev) => {
             const existingIndex = prev.findIndex((e) => e.id === execution.id);
             if (existingIndex >= 0) {
               const updated = [...prev];
               updated[existingIndex] = execution;
               return updated;
-            } else {
-              return [...prev, execution];
             }
-          });
-          const previousStatus = trackedExecutions.get(execution.id);
-          setTrackedExecutions((prev) => {
-            const updated = new Map(prev);
-            updated.set(execution.id, execution.status);
-            return updated;
+            return [...prev, execution];
           });
           const inProgressStatuses = [
             ExecutionStatus.PENDING,
             ExecutionStatus.WAITING,
             ExecutionStatus.DELAYED
           ];
-          if (execution.status === ExecutionStatus.SUCCEEDED && onDepositSuccess && (!previousStatus || inProgressStatuses.includes(previousStatus))) {
-            onDepositSuccess({
+          if (execution.status === ExecutionStatus.SUCCEEDED && (!previousStatus || inProgressStatuses.includes(previousStatus))) {
+            onDepositSuccessRef.current?.({
               message: "Deposit completed successfully",
               executionId: execution.id,
               transaction: execution
             });
-          } else if (execution.status === ExecutionStatus.FAILED && onDepositError && previousStatus !== ExecutionStatus.FAILED) {
-            onDepositError({
+          } else if (execution.status === ExecutionStatus.FAILED && previousStatus !== ExecutionStatus.FAILED) {
+            onDepositErrorRef.current?.({
               message: "Deposit failed",
               code: "DEPOSIT_FAILED",
               error: execution
@@ -1184,36 +1379,45 @@ function useDepositPolling({
         }
       } catch (error) {
         console.error("Failed to fetch executions:", error);
-        if (onDepositError) {
-          onDepositError({
-            message: "Failed to fetch deposit status",
-            code: "POLLING_ERROR",
-            error
-          });
-        }
+        onDepositErrorRef.current?.({
+          message: "Failed to fetch deposit status",
+          code: "POLLING_ERROR",
+          error
+        });
       }
-    }, 3e3);
+    };
+    const pollInterval = setInterval(poll, POLL_INTERVAL_MS);
     setIsPolling(true);
-    pollingIntervalRef.current = pollInterval;
     return () => {
-      if (pollingIntervalRef.current) {
-        clearInterval(pollingIntervalRef.current);
-        pollingIntervalRef.current = null;
-      }
+      clearInterval(pollInterval);
       setIsPolling(false);
     };
-  }, [
-    userId,
-    publishableKey,
-    modalOpenedAt,
-    trackedExecutions,
-    enabled,
-    onDepositSuccess,
-    onDepositError
-  ]);
+  }, [userId, publishableKey, enabled]);
+  useEffect3(() => {
+    if (!pollingEnabled || !depositWalletId) return;
+    const triggerPoll = async () => {
+      try {
+        await pollDirectExecutions(
+          { deposit_wallet_id: depositWalletId },
+          publishableKey
+        );
+      } catch {
+      }
+    };
+    triggerPoll();
+    const interval = setInterval(triggerPoll, POLL_ENDPOINT_INTERVAL_MS);
+    return () => clearInterval(interval);
+  }, [pollingEnabled, depositWalletId, publishableKey]);
+  const handleIveDeposited = () => {
+    setPollingEnabled(true);
+    setShowWaitingUi(true);
+  };
   return {
     executions,
-    isPolling
+    isPolling,
+    pollingEnabled,
+    showWaitingUi,
+    handleIveDeposited
   };
 }
 
@@ -1225,7 +1429,7 @@ import { useState as useState7 } from "react";
 import { X as X3 } from "lucide-react";
 import {
   ExecutionStatus as ExecutionStatus3,
-  getIconUrl as getIconUrl2
+  getIconUrl as getIconUrl3
 } from "@unifold/core";
 
 // src/components/deposits/DepositDetailContent.tsx
@@ -1233,7 +1437,7 @@ import { useEffect as useEffect4, useState as useState6 } from "react";
 import { ExternalLink, ChevronDown, ChevronUp } from "lucide-react";
 import {
   ExecutionStatus as ExecutionStatus2,
-  getIconUrl,
+  getIconUrl as getIconUrl2,
   getTokenChains,
   getChainName
 } from "@unifold/core";
@@ -1338,7 +1542,7 @@ function DepositDetailContent({ execution }) {
         /* @__PURE__ */ jsx7(
           "img",
           {
-            src: execution.destination_token_metadata?.icon_url || getIconUrl("/icons/tokens/svg/usdc.svg"),
+            src: execution.destination_token_metadata?.icon_url || getIconUrl2("/icons/tokens/svg/usdc.svg"),
             alt: "Token",
             width: 64,
             height: 64,
@@ -1845,7 +2049,7 @@ function DepositSuccessToast({
               /* @__PURE__ */ jsx8(
                 "img",
                 {
-                  src: tokenIconUrl || getIconUrl2("/icons/tokens/svg/usdc.svg"),
+                  src: tokenIconUrl || getIconUrl3("/icons/tokens/svg/usdc.svg"),
                   alt: "Token",
                   width: 36,
                   height: 36,
@@ -2923,7 +3127,7 @@ import { useEffect as useEffect6, useState as useState10 } from "react";
 import { ChevronRight as ChevronRight2 } from "lucide-react";
 import {
   ExecutionStatus as ExecutionStatus4,
-  getIconUrl as getIconUrl3
+  getIconUrl as getIconUrl4
 } from "@unifold/core";
 import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 function DepositExecutionItem({
@@ -2974,7 +3178,7 @@ function DepositExecutionItem({
           /* @__PURE__ */ jsx11(
             "img",
             {
-              src: execution.destination_token_metadata?.icon_url || getIconUrl3("/icons/tokens/svg/usdc.svg"),
+              src: execution.destination_token_metadata?.icon_url || getIconUrl4("/icons/tokens/svg/usdc.svg"),
               alt: "Token",
               width: 36,
               height: 36,
@@ -5085,10 +5289,48 @@ var WALLET_ICON_COMPONENTS = {
   backpack: BackpackIcon,
   glow: GlowIcon
 };
-function truncateAddress2(address) {
+function truncateAddress3(address) {
   if (address.length <= 10) return address;
   return `${address.slice(0, 4)}...${address.slice(-4)}`;
 }
+function identifyEthWallet(provider, _win, hint) {
+  switch (hint) {
+    case "metamask":
+      return { type: "metamask", name: "MetaMask", icon: "metamask" };
+    case "phantom":
+      return { type: "phantom-ethereum", name: "Phantom", icon: "phantom" };
+    case "coinbase":
+      return { type: "coinbase", name: "Coinbase Wallet", icon: "coinbase" };
+    case "okx":
+      return { type: "okx", name: "OKX Wallet", icon: "okx" };
+    case "rabby":
+      return { type: "rabby", name: "Rabby", icon: "rabby" };
+    case "trust":
+      return { type: "trust", name: "Trust Wallet", icon: "trust" };
+    case "rainbow":
+      return { type: "rainbow", name: "Rainbow", icon: "rainbow" };
+  }
+  const anyProvider = provider;
+  if (provider.isPhantom) {
+    return { type: "phantom-ethereum", name: "Phantom", icon: "phantom" };
+  }
+  if (anyProvider.isCoinbaseWallet) {
+    return { type: "coinbase", name: "Coinbase Wallet", icon: "coinbase" };
+  }
+  if (anyProvider.isRabby) {
+    return { type: "rabby", name: "Rabby", icon: "rabby" };
+  }
+  if (anyProvider.isTrust) {
+    return { type: "trust", name: "Trust Wallet", icon: "trust" };
+  }
+  if (anyProvider.isRainbow) {
+    return { type: "rainbow", name: "Rainbow", icon: "rainbow" };
+  }
+  if (provider.isMetaMask && !provider.isPhantom) {
+    return { type: "metamask", name: "MetaMask", icon: "metamask" };
+  }
+  return { type: "metamask", name: "Wallet", icon: "metamask" };
+}
 function BrowserWalletButton({
   onClick,
   onConnectClick,
@@ -5105,9 +5347,35 @@ function BrowserWalletButton({
   const [balanceText, setBalanceText] = React20.useState(null);
   const [isLoadingBalance, setIsLoadingBalance] = React20.useState(false);
   const iconVariant = mode === "dark" ? "light" : "dark";
+  const onDisconnectRef = React20.useRef(onDisconnect);
+  onDisconnectRef.current = onDisconnect;
   React20.useEffect(() => {
     setIsTouchDevice("ontouchstart" in window || navigator.maxTouchPoints > 0);
   }, []);
+  const [eip6963ProviderCount, setEip6963ProviderCount] = React20.useState(0);
+  React20.useEffect(() => {
+    if (typeof window === "undefined") return;
+    const anyWin = window;
+    if (!anyWin.__eip6963Providers) {
+      anyWin.__eip6963Providers = [];
+    }
+    const handleAnnouncement = (event) => {
+      const { detail } = event;
+      if (!detail?.info || !detail?.provider) return;
+      const exists = anyWin.__eip6963Providers.some(
+        (p) => p.info.uuid === detail.info.uuid
+      );
+      if (!exists) {
+        anyWin.__eip6963Providers.push(detail);
+        setEip6963ProviderCount(anyWin.__eip6963Providers.length);
+      }
+    };
+    window.addEventListener("eip6963:announceProvider", handleAnnouncement);
+    window.dispatchEvent(new Event("eip6963:requestProvider"));
+    return () => {
+      window.removeEventListener("eip6963:announceProvider", handleAnnouncement);
+    };
+  }, []);
   React20.useEffect(() => {
     if (!wallet || !publishableKey) {
       setBalanceText(null);
@@ -5157,166 +5425,85 @@ function BrowserWalletButton({
       try {
         const win = typeof window !== "undefined" ? window : null;
         if (!win) return;
+        if (getUserDisconnectedWallet()) {
+          if (mounted) {
+            setWallet(null);
+            setIsLoading(false);
+          }
+          return;
+        }
         if (!chainType || chainType === "solana") {
-          const phantomSolana = win.phantom?.solana;
-          if (phantomSolana?.isPhantom) {
-            if (phantomSolana.isConnected && phantomSolana.publicKey) {
+          const anyWin2 = win;
+          const trySilentSolana = async (provider, type, name, icon) => {
+            if (!provider) return false;
+            if (provider.isConnected && provider.publicKey) {
               if (mounted) {
-                setWallet({
-                  type: "phantom-solana",
-                  name: "Phantom",
-                  address: phantomSolana.publicKey.toString(),
-                  icon: "phantom"
-                });
+                setWallet({ type, name, address: provider.publicKey.toString(), icon });
                 setIsLoading(false);
               }
-              return;
+              return true;
             }
-          }
-          const solflare = win.solflare;
-          if (solflare?.isConnected && solflare?.publicKey) {
-            if (mounted) {
-              setWallet({
-                type: "solflare",
-                name: "Solflare",
-                address: solflare.publicKey.toString(),
-                icon: "solflare"
-              });
-              setIsLoading(false);
+            try {
+              const resp = await provider.connect({ onlyIfTrusted: true });
+              if (mounted && resp.publicKey) {
+                setWallet({ type, name, address: resp.publicKey.toString(), icon });
+                setIsLoading(false);
+                return true;
+              }
+            } catch {
             }
-            return;
+            return false;
+          };
+          if (await trySilentSolana(win.phantom?.solana, "phantom-solana", "Phantom", "phantom")) return;
+          if (await trySilentSolana(anyWin2.solflare, "solflare", "Solflare", "solflare")) return;
+          if (await trySilentSolana(anyWin2.backpack, "backpack", "Backpack", "backpack")) return;
+          if (await trySilentSolana(anyWin2.glow, "glow", "Glow", "glow")) return;
+        }
+        if (!chainType || chainType === "ethereum") {
+          const anyWin2 = win;
+          const allProviders = [];
+          const eip6963Providers = anyWin2.__eip6963Providers || [];
+          for (const { info, provider } of eip6963Providers) {
+            let walletId = "default";
+            if (info.rdns.includes("metamask")) walletId = "metamask";
+            else if (info.rdns.includes("phantom")) walletId = "phantom";
+            else if (info.rdns.includes("coinbase")) walletId = "coinbase";
+            else if (info.rdns.includes("okx")) walletId = "okx";
+            else if (info.rdns.includes("rabby")) walletId = "rabby";
+            else if (info.rdns.includes("trust")) walletId = "trust";
+            else if (info.rdns.includes("rainbow")) walletId = "rainbow";
+            allProviders.push({ provider, walletId });
           }
-          const backpack = win.backpack;
-          if (backpack?.isConnected && backpack?.publicKey) {
-            if (mounted) {
-              setWallet({
-                type: "backpack",
-                name: "Backpack",
-                address: backpack.publicKey.toString(),
-                icon: "backpack"
-              });
-              setIsLoading(false);
+          if (allProviders.length === 0) {
+            if (win.phantom?.ethereum) {
+              allProviders.push({ provider: win.phantom.ethereum, walletId: "phantom" });
             }
-            return;
-          }
-          const glow = win.glow;
-          if (glow?.isConnected && glow?.publicKey) {
-            if (mounted) {
-              setWallet({
-                type: "glow",
-                name: "Glow",
-                address: glow.publicKey.toString(),
-                icon: "glow"
-              });
-              setIsLoading(false);
+            if (anyWin2.okxwallet) {
+              allProviders.push({ provider: anyWin2.okxwallet, walletId: "okx" });
+            }
+            if (anyWin2.coinbaseWalletExtension) {
+              allProviders.push({ provider: anyWin2.coinbaseWalletExtension, walletId: "coinbase" });
+            }
+            if (win.ethereum) {
+              const isDuplicate = allProviders.some((p) => p.provider === win.ethereum);
+              if (!isDuplicate) {
+                allProviders.push({ provider: win.ethereum, walletId: "default" });
+              }
             }
-            return;
           }
-        }
-        if (!chainType || chainType === "ethereum") {
-          const ethProvider2 = win.ethereum;
-          if (ethProvider2) {
+          for (const { provider, walletId } of allProviders) {
+            if (!provider) continue;
             try {
-              const accounts = await ethProvider2.request({ method: "eth_accounts" });
-              if (accounts && accounts.length > 0) {
-                const address = accounts[0];
-                if (ethProvider2.isMetaMask && !ethProvider2.isPhantom) {
-                  const providers = ethProvider2.providers;
-                  if (win.okxwallet) {
-                    if (mounted) {
-                      setWallet({
-                        type: "okx",
-                        name: "OKX Wallet",
-                        address,
-                        icon: "okx"
-                      });
-                      setIsLoading(false);
-                    }
-                    return;
-                  }
-                  if (ethProvider2.isRabby) {
-                    if (mounted) {
-                      setWallet({
-                        type: "rabby",
-                        name: "Rabby",
-                        address,
-                        icon: "rabby"
-                      });
-                      setIsLoading(false);
-                    }
-                    return;
-                  }
-                  if (ethProvider2.isTrust || win.trustwallet) {
-                    if (mounted) {
-                      setWallet({
-                        type: "trust",
-                        name: "Trust Wallet",
-                        address,
-                        icon: "trust"
-                      });
-                      setIsLoading(false);
-                    }
-                    return;
-                  }
-                  if (ethProvider2.isRainbow) {
-                    if (mounted) {
-                      setWallet({
-                        type: "rainbow",
-                        name: "Rainbow",
-                        address,
-                        icon: "rainbow"
-                      });
-                      setIsLoading(false);
-                    }
-                    return;
-                  }
-                  if (mounted) {
-                    setWallet({
-                      type: "metamask",
-                      name: "MetaMask",
-                      address,
-                      icon: "metamask"
-                    });
-                    setIsLoading(false);
-                  }
-                  return;
-                }
-                if (ethProvider2.isPhantom) {
-                  if (mounted) {
-                    setWallet({
-                      type: "phantom-ethereum",
-                      name: "Phantom",
-                      address,
-                      icon: "phantom"
-                    });
-                    setIsLoading(false);
-                  }
-                  return;
-                }
-                if (ethProvider2.isCoinbaseWallet) {
-                  if (mounted) {
-                    setWallet({
-                      type: "coinbase",
-                      name: "Coinbase Wallet",
-                      address,
-                      icon: "coinbase"
-                    });
-                    setIsLoading(false);
-                  }
-                  return;
-                }
-                if (mounted) {
-                  setWallet({
-                    type: "metamask",
-                    name: "Wallet",
-                    address,
-                    icon: "metamask"
-                  });
-                  setIsLoading(false);
-                }
-                return;
+              const accounts = await provider.request({ method: "eth_accounts" });
+              if (!accounts || accounts.length === 0) continue;
+              const address = accounts[0];
+              const resolved = identifyEthWallet(provider, anyWin2, walletId);
+              if (mounted) {
+                setWallet({ ...resolved, address });
+                setIsLoading(false);
               }
-            } catch (ethError) {
+              return;
+            } catch {
             }
           }
         }
@@ -5337,12 +5524,12 @@ function BrowserWalletButton({
       detectWallet();
     };
     const handleDisconnect = () => {
-      onDisconnect?.();
+      onDisconnectRef.current?.();
       detectWallet();
     };
     const handleEthAccountsChanged = (accounts) => {
       if (Array.isArray(accounts) && accounts.length === 0) {
-        onDisconnect?.();
+        onDisconnectRef.current?.();
       }
       detectWallet();
     };
@@ -5352,10 +5539,24 @@ function BrowserWalletButton({
       solanaProvider.on("disconnect", handleDisconnect);
       solanaProvider.on("accountChanged", handleAccountsChanged);
     }
-    const ethProvider = window.phantom?.ethereum || window.ethereum;
-    if (ethProvider) {
-      ethProvider.on("accountsChanged", handleEthAccountsChanged);
-      ethProvider.on("chainChanged", handleAccountsChanged);
+    const anyWin = window;
+    const ethProviders = [];
+    if (anyWin.__eip6963Providers) {
+      for (const { provider } of anyWin.__eip6963Providers) {
+        if (provider && !ethProviders.includes(provider)) {
+          ethProviders.push(provider);
+        }
+      }
+    }
+    if (window.ethereum && !ethProviders.includes(window.ethereum)) {
+      ethProviders.push(window.ethereum);
+    }
+    if (window.phantom?.ethereum && !ethProviders.includes(window.phantom.ethereum)) {
+      ethProviders.push(window.phantom.ethereum);
+    }
+    for (const provider of ethProviders) {
+      provider.on("accountsChanged", handleEthAccountsChanged);
+      provider.on("chainChanged", handleAccountsChanged);
     }
     return () => {
       mounted = false;
@@ -5364,12 +5565,12 @@ function BrowserWalletButton({
         solanaProvider.off("disconnect", handleDisconnect);
         solanaProvider.off("accountChanged", handleAccountsChanged);
       }
-      if (ethProvider) {
-        ethProvider.removeListener("accountsChanged", handleEthAccountsChanged);
-        ethProvider.removeListener("chainChanged", handleAccountsChanged);
+      for (const provider of ethProviders) {
+        provider.removeListener("accountsChanged", handleEthAccountsChanged);
+        provider.removeListener("chainChanged", handleAccountsChanged);
       }
     };
-  }, [chainType]);
+  }, [chainType, eip6963ProviderCount]);
   const handleConnect = async () => {
     if (wallet) {
       onClick(wallet);
@@ -5385,6 +5586,7 @@ function BrowserWalletButton({
         const solanaProvider = window.phantom?.solana || window.solana;
         if (solanaProvider?.isPhantom) {
           const { publicKey } = await solanaProvider.connect();
+          setUserDisconnectedWallet(false);
           setWallet({
             type: "phantom-solana",
             name: "Phantom",
@@ -5402,6 +5604,7 @@ function BrowserWalletButton({
             method: "eth_requestAccounts"
           });
           if (accounts && accounts.length > 0) {
+            setUserDisconnectedWallet(false);
             const isPhantom = ethProvider.isPhantom;
             setWallet({
               type: isPhantom ? "phantom-ethereum" : "metamask",
@@ -5413,7 +5616,10 @@ function BrowserWalletButton({
         }
       }
     } catch (error) {
-      console.error("Error connecting wallet:", error);
+      if (error && typeof error === "object" && "code" in error && error.code === 4001) {
+      } else {
+        console.error("Error connecting wallet:", error);
+      }
     } finally {
       setIsConnecting(false);
     }
@@ -5459,7 +5665,7 @@ function BrowserWalletButton({
                   color: components.card.titleColor,
                   fontFamily: fonts.regular
                 },
-                children: wallet ? `${wallet.name} (${truncateAddress2(wallet.address)})` : "Connect Wallet"
+                children: wallet ? `${wallet.name} (${truncateAddress3(wallet.address)})` : "Connect Wallet"
               }
             ),
             isLoadingBalance ? /* @__PURE__ */ jsx30("div", { className: "uf-h-3 uf-w-24 uf-bg-muted uf-rounded uf-animate-pulse" }) : /* @__PURE__ */ jsx30(
@@ -5660,7 +5866,7 @@ function useSupportedDepositTokens(publishableKey, options) {
 }
 
 // src/components/deposits/TransferCryptoSingleInput.tsx
-import { useState as useState20, useEffect as useEffect14, useRef as useRef4, useMemo as useMemo4 } from "react";
+import { useState as useState19, useEffect as useEffect14, useMemo as useMemo4 } from "react";
 import {
   ChevronDown as ChevronDown3,
   ChevronUp as ChevronUp2,
@@ -5675,14 +5881,9 @@ import {
 } from "lucide-react";
 
 // src/components/deposits/StyledQRCode.tsx
-import { useEffect as useEffect12, useRef as useRef3, useState as useState16, useCallback } from "react";
+import { useEffect as useEffect12, useRef as useRef4 } from "react";
 import QRCodeStyling from "qr-code-styling";
-import { jsx as jsx31, jsxs as jsxs28 } from "react/jsx-runtime";
-var qrCache = /* @__PURE__ */ new Map();
-var imageCache = /* @__PURE__ */ new Map();
-function getCacheKey(value, size, imageUrl, darkMode) {
-  return `${value}|${size}|${imageUrl || ""}|${darkMode}`;
-}
+import { jsx as jsx31 } from "react/jsx-runtime";
 function createQRConfig(value, size, imageUrl, imageSize, darkMode) {
   return {
     type: "svg",
@@ -5719,79 +5920,6 @@ function createQRConfig(value, size, imageUrl, imageSize, darkMode) {
     }
   };
 }
-async function preloadImageAsync(url) {
-  if (!url || imageCache.has(url)) return;
-  return new Promise((resolve) => {
-    const img = new Image();
-    img.crossOrigin = "anonymous";
-    img.onload = () => {
-      imageCache.set(url, true);
-      resolve();
-    };
-    img.onerror = () => {
-      imageCache.set(url, false);
-      resolve();
-    };
-    img.src = url;
-  });
-}
-function waitForStyledQR(container, maxAttempts = 20) {
-  return new Promise((resolve) => {
-    let attempts = 0;
-    const check = () => {
-      const svg = container.querySelector("svg");
-      if (!svg) {
-        if (attempts++ < maxAttempts) {
-          requestAnimationFrame(check);
-        } else {
-          resolve(null);
-        }
-        return;
-      }
-      const hasCircles = svg.querySelectorAll("circle").length > 0;
-      const hasPaths = svg.querySelectorAll("path").length > 0;
-      if (hasCircles || hasPaths) {
-        resolve(svg.outerHTML);
-      } else if (attempts++ < maxAttempts) {
-        requestAnimationFrame(check);
-      } else {
-        resolve(svg.outerHTML);
-      }
-    };
-    requestAnimationFrame(check);
-  });
-}
-async function preloadQRCode(value, size = 180, imageUrl, imageSize = 45, darkMode = false) {
-  if (!value) return;
-  const cacheKey = getCacheKey(value, size, imageUrl, darkMode);
-  if (qrCache.has(cacheKey)) return;
-  if (imageUrl) {
-    await preloadImageAsync(imageUrl);
-  }
-  const tempContainer = document.createElement("div");
-  tempContainer.style.position = "absolute";
-  tempContainer.style.left = "-9999px";
-  tempContainer.style.top = "-9999px";
-  document.body.appendChild(tempContainer);
-  try {
-    const config = createQRConfig(value, size, imageUrl, imageSize, darkMode);
-    const qrInstance = new QRCodeStyling(config);
-    qrInstance.append(tempContainer);
-    const svgString = await waitForStyledQR(tempContainer);
-    if (svgString) {
-      qrCache.set(cacheKey, { svgString });
-    }
-  } finally {
-    document.body.removeChild(tempContainer);
-  }
-}
-function isQRCodeCached(value, size = 180, imageUrl, darkMode = false) {
-  const cacheKey = getCacheKey(value, size, imageUrl, darkMode);
-  return qrCache.has(cacheKey);
-}
-function clearQRCodeCache() {
-  qrCache.clear();
-}
 function StyledQRCode({
   value,
   size = 180,
@@ -5799,116 +5927,37 @@ function StyledQRCode({
   imageSize = 45,
   darkMode = false
 }) {
-  const containerRef = useRef3(null);
-  const [isReady, setIsReady] = useState16(false);
-  const currentKeyRef = useRef3("");
-  const cacheKey = getCacheKey(value, size, imageUrl, darkMode);
-  const cachedEntry = qrCache.get(cacheKey);
-  const renderQR = useCallback(async () => {
+  const containerRef = useRef4(null);
+  const qrRef = useRef4(null);
+  useEffect12(() => {
     if (!containerRef.current || !value) return;
-    const key = getCacheKey(value, size, imageUrl, darkMode);
-    if (currentKeyRef.current === key) {
-      setIsReady(true);
-      return;
-    }
-    currentKeyRef.current = key;
-    containerRef.current.innerHTML = "";
-    const cached = qrCache.get(key);
-    if (cached?.svgString) {
-      containerRef.current.innerHTML = cached.svgString;
-      setIsReady(true);
-      return;
-    }
-    if (imageUrl) {
-      await preloadImageAsync(imageUrl);
-    }
     const config = createQRConfig(value, size, imageUrl, imageSize, darkMode);
-    const qrInstance = new QRCodeStyling(config);
-    qrInstance.append(containerRef.current);
-    const svgString = await waitForStyledQR(containerRef.current);
-    if (svgString) {
-      qrCache.set(key, { svgString });
+    if (!qrRef.current) {
+      qrRef.current = new QRCodeStyling(config);
+      qrRef.current.append(containerRef.current);
+    } else {
+      qrRef.current.update(config);
     }
-    setIsReady(true);
   }, [value, size, imageUrl, imageSize, darkMode]);
-  useEffect12(() => {
-    let mounted = true;
-    const init = async () => {
-      if (!mounted) return;
-      await renderQR();
-    };
-    setIsReady(false);
-    init();
-    return () => {
-      mounted = false;
-    };
-  }, [renderQR]);
-  const showSkeleton = !isReady && !cachedEntry?.svgString;
-  return /* @__PURE__ */ jsxs28(
+  return /* @__PURE__ */ jsx31(
     "div",
     {
+      ref: containerRef,
       style: {
         width: size,
         height: size,
         display: "flex",
         alignItems: "center",
-        justifyContent: "center",
-        position: "relative"
-      },
-      children: [
-        showSkeleton && /* @__PURE__ */ jsx31(
-          "div",
-          {
-            style: {
-              position: "absolute",
-              inset: 0,
-              display: "flex",
-              alignItems: "center",
-              justifyContent: "center",
-              background: darkMode ? "linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%)" : "linear-gradient(135deg, #f0f0f0 0%, #e0e0e0 100%)",
-              borderRadius: 8,
-              animation: "uf-qr-pulse 1.5s ease-in-out infinite"
-            },
-            children: /* @__PURE__ */ jsx31(
-              "div",
-              {
-                style: {
-                  width: size * 0.6,
-                  height: size * 0.6,
-                  background: darkMode ? "rgba(255,255,255,0.1)" : "rgba(0,0,0,0.05)",
-                  borderRadius: 4
-                }
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ jsx31(
-          "div",
-          {
-            ref: containerRef,
-            style: {
-              width: size,
-              height: size,
-              opacity: isReady ? 1 : 0,
-              transition: "opacity 0.15s ease-out"
-            }
-          }
-        ),
-        /* @__PURE__ */ jsx31("style", { children: `
-        @keyframes uf-qr-pulse {
-          0%, 100% { opacity: 1; }
-          50% { opacity: 0.6; }
-        }
-      ` })
-      ]
+        justifyContent: "center"
+      }
     }
   );
 }
 
 // src/components/deposits/TokenSelectorSheet.tsx
-import { useState as useState17, useMemo as useMemo3, useEffect as useEffect13 } from "react";
+import { useState as useState16, useMemo as useMemo3, useEffect as useEffect13 } from "react";
 import { ArrowLeft as ArrowLeft2, X as X4 } from "lucide-react";
-import { jsx as jsx32, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs28 } from "react/jsx-runtime";
 var STORAGE_KEY = "unifold_recent_tokens";
 var MAX_RECENT_TOKENS = 5;
 var COMMON_TOKENS = [
@@ -5917,7 +5966,8 @@ var COMMON_TOKENS = [
   { symbol: "USDC", chainType: "solana", chainId: "mainnet" },
   { symbol: "POL", chainType: "ethereum", chainId: "137" },
   { symbol: "BNB", chainType: "ethereum", chainId: "56" },
-  { symbol: "BTC", chainType: "bitcoin", chainId: "mainnet" }
+  { symbol: "BTC", chainType: "bitcoin", chainId: "mainnet" },
+  { symbol: "XRP", chainType: "xrpl", chainId: "mainnet" }
 ];
 function getRecentTokens() {
   if (typeof window === "undefined") return [];
@@ -5964,9 +6014,9 @@ function TokenSelectorSheet({
 }) {
   const { themeClass, colors: colors2, fonts, components } = useTheme();
   const isDarkMode = themeClass.includes("uf-dark");
-  const [searchQuery, setSearchQuery] = useState17("");
-  const [recentTokens, setRecentTokens] = useState17([]);
-  const [hoveredTokenKey, setHoveredTokenKey] = useState17(null);
+  const [searchQuery, setSearchQuery] = useState16("");
+  const [recentTokens, setRecentTokens] = useState16([]);
+  const [hoveredTokenKey, setHoveredTokenKey] = useState16(null);
   useEffect13(() => {
     setRecentTokens(getRecentTokens());
   }, []);
@@ -6038,7 +6088,7 @@ function TokenSelectorSheet({
     onOpenChange(false);
   };
   if (!open) return null;
-  return /* @__PURE__ */ jsxs29(
+  return /* @__PURE__ */ jsxs28(
     "div",
     {
       className: `${themeClass} uf-px-6`,
@@ -6053,7 +6103,7 @@ function TokenSelectorSheet({
         backgroundColor: colors2.background
       },
       children: [
-        /* @__PURE__ */ jsxs29("div", { className: "uf-flex uf-items-center uf-justify-between uf-py-3", children: [
+        /* @__PURE__ */ jsxs28("div", { className: "uf-flex uf-items-center uf-justify-between uf-py-3", children: [
           /* @__PURE__ */ jsx32(
             "button",
             {
@@ -6092,7 +6142,7 @@ function TokenSelectorSheet({
             }
           }
         ) }) }),
-        quickSelectOptions.length > 0 && !searchQuery && /* @__PURE__ */ jsxs29("div", { className: "uf-pb-3 uf--mx-6", children: [
+        quickSelectOptions.length > 0 && !searchQuery && /* @__PURE__ */ jsxs28("div", { className: "uf-pb-3 uf--mx-6", children: [
           /* @__PURE__ */ jsx32(
             "div",
             {
@@ -6112,7 +6162,7 @@ function TokenSelectorSheet({
               children: quickSelectOptions.map(({ token, chain, isRecent }) => {
                 const chainKey = `${chain.chain_type}:${chain.chain_id}`;
                 const isSelected = token.symbol === selectedToken && chainKey === selectedChainKey;
-                return /* @__PURE__ */ jsxs29(
+                return /* @__PURE__ */ jsxs28(
                   "div",
                   {
                     style: { position: "relative", flexShrink: 0 },
@@ -6140,7 +6190,7 @@ function TokenSelectorSheet({
                           children: /* @__PURE__ */ jsx32(X4, { style: { width: 12, height: 12 } })
                         }
                       ),
-                      /* @__PURE__ */ jsxs29(
+                      /* @__PURE__ */ jsxs28(
                         "button",
                         {
                           type: "button",
@@ -6159,7 +6209,7 @@ function TokenSelectorSheet({
                             backgroundColor: isSelected ? components.card.backgroundColor : hoveredTokenKey === `${token.symbol}-${chainKey}` ? colors2.cardHover : "transparent"
                           },
                           children: [
-                            /* @__PURE__ */ jsxs29("div", { style: { position: "relative", flexShrink: 0 }, children: [
+                            /* @__PURE__ */ jsxs28("div", { style: { position: "relative", flexShrink: 0 }, children: [
                               /* @__PURE__ */ jsx32(
                                 "img",
                                 {
@@ -6193,7 +6243,7 @@ function TokenSelectorSheet({
                                 }
                               )
                             ] }),
-                            /* @__PURE__ */ jsxs29("div", { style: { textAlign: "left" }, children: [
+                            /* @__PURE__ */ jsxs28("div", { style: { textAlign: "left" }, children: [
                               /* @__PURE__ */ jsx32(
                                 "div",
                                 {
@@ -6257,7 +6307,7 @@ function TokenSelectorSheet({
         ) : /* @__PURE__ */ jsx32("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: filteredOptions.map(({ token, chain }) => {
           const chainKey = `${chain.chain_type}:${chain.chain_id}`;
           const isSelected = token.symbol === selectedToken && chainKey === selectedChainKey;
-          return /* @__PURE__ */ jsxs29(
+          return /* @__PURE__ */ jsxs28(
             "button",
             {
               type: "button",
@@ -6278,7 +6328,7 @@ function TokenSelectorSheet({
                 backgroundColor: isSelected ? components.card.backgroundColor : hoveredTokenKey === `${token.symbol}-${chainKey}` ? colors2.cardHover : "transparent"
               },
               children: [
-                /* @__PURE__ */ jsxs29("div", { style: { position: "relative", flexShrink: 0 }, children: [
+                /* @__PURE__ */ jsxs28("div", { style: { position: "relative", flexShrink: 0 }, children: [
                   /* @__PURE__ */ jsx32(
                     "img",
                     {
@@ -6312,7 +6362,7 @@ function TokenSelectorSheet({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsxs29("div", { style: { flex: 1, minWidth: 0 }, children: [
+                /* @__PURE__ */ jsxs28("div", { style: { flex: 1, minWidth: 0 }, children: [
                   /* @__PURE__ */ jsx32(
                     "div",
                     {
@@ -6337,7 +6387,7 @@ function TokenSelectorSheet({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsxs29(
+                /* @__PURE__ */ jsxs28(
                   "div",
                   {
                     style: {
@@ -6349,7 +6399,7 @@ function TokenSelectorSheet({
                     children: [
                       "Minimum:",
                       " ",
-                      /* @__PURE__ */ jsxs29("span", { style: { color: isDarkMode ? "#fbbf24" : "#d97706" }, children: [
+                      /* @__PURE__ */ jsxs28("span", { style: { color: isDarkMode ? "#fbbf24" : "#d97706" }, children: [
                         "$",
                         chain.minimum_deposit_amount_usd
                       ] })
@@ -6366,50 +6416,34 @@ function TokenSelectorSheet({
   );
 }
 
-// src/components/deposits/shared/PollCooldownButton.tsx
-import { pollDirectExecutions } from "@unifold/core";
-import { jsx as jsx33 } from "react/jsx-runtime";
-function PollCooldownButton({
-  currentWalletId,
-  pollCooldown,
-  publishableKey,
-  onCooldownChange,
-  cooldownRef,
-  buttonText = "Check again"
+// src/components/deposits/DepositPollingUi.tsx
+import { jsx as jsx33, jsxs as jsxs29 } from "react/jsx-runtime";
+function DepositPollingUi({
+  depositConfirmationMode,
+  showWaitingUi,
+  hasExecution,
+  onIveDeposited
 }) {
-  const handleClick = async () => {
-    if (!currentWalletId || pollCooldown > 0) return;
-    try {
-      await pollDirectExecutions(
-        { deposit_wallet_id: currentWalletId },
-        publishableKey
-      );
-      const cooldownSeconds = 5;
-      onCooldownChange(cooldownSeconds);
-      if (cooldownRef.current) clearInterval(cooldownRef.current);
-      cooldownRef.current = setInterval(() => {
-        onCooldownChange((prev) => {
-          if (prev <= 1) {
-            if (cooldownRef.current) clearInterval(cooldownRef.current);
-            cooldownRef.current = null;
-            return 0;
-          }
-          return prev - 1;
-        });
-      }, 1e3);
-    } catch (error) {
-      console.error("Failed to start poll workflow:", error);
-    }
-  };
-  return /* @__PURE__ */ jsx33("div", { children: /* @__PURE__ */ jsx33(
-    "button",
-    {
-      onClick: handleClick,
-      disabled: !currentWalletId || pollCooldown > 0,
-      className: "uf-w-full uf-rounded-xl uf-py-2.5 uf-px-2 uf-flex uf-items-center uf-gap-3 uf-justify-center uf-text-center uf-text-sm uf-bg-primary hover:uf-bg-primary/80 uf-transition-colors uf-text-left disabled:uf-opacity-50 disabled:uf-cursor-not-allowed",
-      children: pollCooldown > 0 ? `${buttonText} in ${pollCooldown}s` : "I've made the deposit"
-    }
-  ) });
+  if (depositConfirmationMode === "manual" && !showWaitingUi) {
+    return /* @__PURE__ */ jsx33(
+      "button",
+      {
+        onClick: onIveDeposited,
+        className: "uf-w-full uf-rounded-xl uf-py-2.5 uf-px-2 uf-flex uf-items-center uf-justify-center uf-text-sm uf-bg-primary hover:uf-bg-primary/80 uf-transition-colors",
+        children: "I've made the deposit"
+      }
+    );
+  }
+  if (showWaitingUi && !hasExecution) {
+    return /* @__PURE__ */ jsxs29("div", { className: "uf-bg-secondary uf-rounded-xl uf-p-3 uf-flex uf-items-center uf-gap-3 uf-animate-in uf-fade-in uf-duration-500", children: [
+      /* @__PURE__ */ jsx33("div", { className: "uf-flex-shrink-0", children: /* @__PURE__ */ jsx33("div", { className: "uf-w-9 uf-h-9 uf-rounded-full uf-border-2 uf-border-t-primary uf-border-primary/20 uf-animate-spin" }) }),
+      /* @__PURE__ */ jsxs29("div", { children: [
+        /* @__PURE__ */ jsx33("div", { className: "uf-text-sm uf-font-medium uf-text-foreground", children: "Processing deposit transactions" }),
+        /* @__PURE__ */ jsx33("div", { className: "uf-text-xs uf-text-muted-foreground", children: "We're checking if your deposit has landed." })
+      ] })
+    ] });
+  }
+  return null;
 }
 
 // src/components/deposits/shared/DepositFooterLinks.tsx
@@ -6516,9 +6550,9 @@ function GlossaryModal({
 }
 
 // src/components/deposits/shared/useCopyAddress.ts
-import { useState as useState18 } from "react";
+import { useState as useState17 } from "react";
 function useCopyAddress() {
-  const [copied, setCopied] = useState18(false);
+  const [copied, setCopied] = useState17(false);
   const handleCopy = (address) => {
     if (!address) return;
     navigator.clipboard.writeText(address);
@@ -6607,6 +6641,7 @@ function TransferCryptoSingleInput({
   destinationChainType,
   destinationChainId,
   destinationTokenAddress,
+  depositConfirmationMode = "auto_ui",
   onExecutionsChange,
   onDepositSuccess,
   onDepositError,
@@ -6614,25 +6649,15 @@ function TransferCryptoSingleInput({
 }) {
   const { themeClass, colors: colors2, fonts, components } = useTheme();
   const isDarkMode = themeClass.includes("uf-dark");
-  const [token, setToken] = useState20("USDC");
-  const [chain, setChain] = useState20("solana:mainnet");
-  const [copied, setCopied] = useState20(false);
+  const [token, setToken] = useState19("USDC");
+  const [chain, setChain] = useState19("solana:mainnet");
+  const [copied, setCopied] = useState19(false);
   const { copied: copiedRecipient, handleCopy: handleCopyRecipientAddress } = useCopyAddress();
-  const [glossaryOpen, setGlossaryOpen] = useState20(false);
-  const [pollCooldown, setPollCooldown] = useState20(0);
-  const cooldownRef = useRef4(null);
-  const [detailsExpanded, setDetailsExpanded] = useState20(false);
-  const [depositsModalOpen, setDepositsModalOpen] = useState20(false);
-  const [tokenSelectorOpen, setTokenSelectorOpen] = useState20(false);
-  const [initialSelectionDone, setInitialSelectionDone] = useState20(false);
-  useEffect14(() => {
-    return () => {
-      if (cooldownRef.current) {
-        clearInterval(cooldownRef.current);
-        cooldownRef.current = null;
-      }
-    };
-  }, []);
+  const [glossaryOpen, setGlossaryOpen] = useState19(false);
+  const [detailsExpanded, setDetailsExpanded] = useState19(false);
+  const [depositsModalOpen, setDepositsModalOpen] = useState19(false);
+  const [tokenSelectorOpen, setTokenSelectorOpen] = useState19(false);
+  const [initialSelectionDone, setInitialSelectionDone] = useState19(false);
   const {
     data: tokensResponse,
     isLoading: tokensLoading
@@ -6659,13 +6684,6 @@ function TransferCryptoSingleInput({
   const wallets = externalWallets?.length ? externalWallets : depositAddressResponse?.data ?? [];
   const loading = externalWallets?.length ? false : walletsLoading;
   const error = walletsError?.message ?? null;
-  const { executions: depositExecutions, isPolling } = useDepositPolling({
-    userId,
-    publishableKey,
-    enabled: true,
-    onDepositSuccess,
-    onDepositError
-  });
   const allAvailableChains = useMemo4(() => {
     const chainsMap = /* @__PURE__ */ new Map();
     supportedTokens.forEach((t6) => {
@@ -6685,6 +6703,15 @@ function TransferCryptoSingleInput({
   const currentChainType = currentChainData?.chain_type || "ethereum";
   const currentWallet = getWalletByChainType2(wallets, currentChainType);
   const depositAddress = currentWallet?.address || "";
+  const { executions: depositExecutions, isPolling, showWaitingUi, handleIveDeposited } = useDepositPolling({
+    userId,
+    publishableKey,
+    depositConfirmationMode,
+    depositWalletId: currentWallet?.id,
+    enabled: true,
+    onDepositSuccess,
+    onDepositError
+  });
   useEffect14(() => {
     if (!supportedTokens.length || initialSelectionDone) return;
     let selectedTokenData;
@@ -6734,28 +6761,6 @@ function TransferCryptoSingleInput({
       onExecutionsChange(depositExecutions);
     }
   }, [depositExecutions, onExecutionsChange]);
-  useEffect14(() => {
-    if (!wallets.length || !allAvailableChains.length) return;
-    const preloadAllQRCodes = async () => {
-      for (const wallet of wallets) {
-        if (!wallet.address) continue;
-        const chainData = allAvailableChains.find(
-          (c) => c.chain_type === wallet.chain_type
-        );
-        const chainIconUrl = chainData?.icon_url;
-        await preloadQRCode(
-          wallet.address,
-          180,
-          // size
-          chainIconUrl,
-          45,
-          // imageSize
-          isDarkMode
-        );
-      }
-    };
-    preloadAllQRCodes();
-  }, [wallets, allAvailableChains, isDarkMode]);
   useEffect14(() => {
     if (!supportedTokens.length) return;
     const currentToken = supportedTokens.find((t6) => t6.symbol === token);
@@ -7028,14 +7033,12 @@ function TransferCryptoSingleInput({
           ] })
         ] }),
         /* @__PURE__ */ jsx37(
-          PollCooldownButton,
+          DepositPollingUi,
           {
-            currentWalletId: currentWallet?.id,
-            pollCooldown,
-            publishableKey,
-            onCooldownChange: setPollCooldown,
-            cooldownRef,
-            buttonText: "Try again"
+            depositConfirmationMode,
+            showWaitingUi,
+            hasExecution: depositExecutions.length > 0,
+            onIveDeposited: handleIveDeposited
           }
         ),
         /* @__PURE__ */ jsx37(DepositFooterLinks, { onGlossaryClick: () => setGlossaryOpen(true) }),
@@ -7086,7 +7089,7 @@ function TransferCryptoSingleInput({
 }
 
 // src/components/deposits/TransferCryptoDoubleInput.tsx
-import { useState as useState21, useEffect as useEffect15, useRef as useRef5, useMemo as useMemo5 } from "react";
+import { useState as useState20, useEffect as useEffect15, useMemo as useMemo5 } from "react";
 import {
   ChevronDown as ChevronDown5,
   ChevronUp as ChevronUp4,
@@ -7241,6 +7244,7 @@ function TransferCryptoDoubleInput({
   destinationChainType,
   destinationChainId,
   destinationTokenAddress,
+  depositConfirmationMode = "auto_ui",
   onExecutionsChange,
   onDepositSuccess,
   onDepositError,
@@ -7248,24 +7252,14 @@ function TransferCryptoDoubleInput({
 }) {
   const { themeClass, colors: colors2, fonts, components } = useTheme();
   const isDarkMode = themeClass.includes("uf-dark");
-  const [token, setToken] = useState21("USDC");
-  const [chain, setChain] = useState21("solana:mainnet");
-  const [copied, setCopied] = useState21(false);
+  const [token, setToken] = useState20("USDC");
+  const [chain, setChain] = useState20("solana:mainnet");
+  const [copied, setCopied] = useState20(false);
   const { copied: copiedRecipient, handleCopy: handleCopyRecipientAddress } = useCopyAddress();
-  const [glossaryOpen, setGlossaryOpen] = useState21(false);
-  const [pollCooldown, setPollCooldown] = useState21(0);
-  const cooldownRef = useRef5(null);
-  const [detailsExpanded, setDetailsExpanded] = useState21(false);
-  const [depositsModalOpen, setDepositsModalOpen] = useState21(false);
-  const [initialSelectionDone, setInitialSelectionDone] = useState21(false);
-  useEffect15(() => {
-    return () => {
-      if (cooldownRef.current) {
-        clearInterval(cooldownRef.current);
-        cooldownRef.current = null;
-      }
-    };
-  }, []);
+  const [glossaryOpen, setGlossaryOpen] = useState20(false);
+  const [detailsExpanded, setDetailsExpanded] = useState20(false);
+  const [depositsModalOpen, setDepositsModalOpen] = useState20(false);
+  const [initialSelectionDone, setInitialSelectionDone] = useState20(false);
   const {
     data: tokensResponse,
     isLoading: tokensLoading
@@ -7292,13 +7286,6 @@ function TransferCryptoDoubleInput({
   const wallets = externalWallets?.length ? externalWallets : depositAddressResponse?.data ?? [];
   const loading = externalWallets?.length ? false : walletsLoading;
   const error = walletsError?.message ?? null;
-  const { executions: depositExecutions, isPolling } = useDepositPolling({
-    userId,
-    publishableKey,
-    enabled: true,
-    onDepositSuccess,
-    onDepositError
-  });
   const allAvailableChains = useMemo5(() => {
     const chainsMap = /* @__PURE__ */ new Map();
     supportedTokens.forEach((t6) => {
@@ -7318,6 +7305,15 @@ function TransferCryptoDoubleInput({
   const currentChainType = currentChainData?.chain_type || "ethereum";
   const currentWallet = getWalletByChainType3(wallets, currentChainType);
   const depositAddress = currentWallet?.address || "";
+  const { executions: depositExecutions, isPolling, showWaitingUi, handleIveDeposited } = useDepositPolling({
+    userId,
+    publishableKey,
+    depositConfirmationMode,
+    depositWalletId: currentWallet?.id,
+    enabled: true,
+    onDepositSuccess,
+    onDepositError
+  });
   useEffect15(() => {
     if (!supportedTokens.length || initialSelectionDone) return;
     const allChains = /* @__PURE__ */ new Set();
@@ -7340,28 +7336,6 @@ function TransferCryptoDoubleInput({
       onExecutionsChange(depositExecutions);
     }
   }, [depositExecutions, onExecutionsChange]);
-  useEffect15(() => {
-    if (!wallets.length || !allAvailableChains.length) return;
-    const preloadAllQRCodes = async () => {
-      for (const wallet of wallets) {
-        if (!wallet.address) continue;
-        const chainData = allAvailableChains.find(
-          (c) => c.chain_type === wallet.chain_type
-        );
-        const chainIconUrl = chainData?.icon_url;
-        await preloadQRCode(
-          wallet.address,
-          180,
-          // size
-          chainIconUrl,
-          45,
-          // imageSize
-          isDarkMode
-        );
-      }
-    };
-    preloadAllQRCodes();
-  }, [wallets, allAvailableChains, isDarkMode]);
   useEffect15(() => {
     if (!supportedTokens.length) return;
     const currentToken = supportedTokens.find((t6) => t6.symbol === token);
@@ -7668,14 +7642,12 @@ function TransferCryptoDoubleInput({
           ] })
         ] }),
         /* @__PURE__ */ jsx39(
-          PollCooldownButton,
+          DepositPollingUi,
           {
-            currentWalletId: currentWallet?.id,
-            pollCooldown,
-            publishableKey,
-            onCooldownChange: setPollCooldown,
-            cooldownRef,
-            buttonText: "Check again"
+            depositConfirmationMode,
+            showWaitingUi,
+            hasExecution: depositExecutions.length > 0,
+            onIveDeposited: handleIveDeposited
           }
         ),
         /* @__PURE__ */ jsx39(DepositFooterLinks, { onGlossaryClick: () => setGlossaryOpen(true) }),
@@ -7729,110 +7701,10 @@ function TransferCryptoDoubleInput({
 import * as React24 from "react";
 import { getAddressBalances as getAddressBalances2, getSupportedDepositTokens as getSupportedDepositTokens2, buildSolanaTransaction, sendSolanaTransaction as sendSolanaTransactionToBackend } from "@unifold/core";
 
-// src/components/deposits/browser-wallets/utils.ts
-function getIconUrl4(iconUrl, assetCdnUrl) {
-  if (!iconUrl) return void 0;
-  if (iconUrl.startsWith("http://") || iconUrl.startsWith("https://")) {
-    return iconUrl;
-  }
-  if (assetCdnUrl) {
-    return `${assetCdnUrl}${iconUrl.startsWith("/") ? "" : "/"}${iconUrl}`;
-  }
-  return iconUrl;
-}
-function getTokenFromBalance(balance) {
-  if (balance.token) {
-    return balance.token;
-  }
-  const legacyBalance = balance;
-  if (legacyBalance.symbol && legacyBalance.decimals !== void 0) {
-    return {
-      symbol: legacyBalance.symbol,
-      name: legacyBalance.name,
-      icon_url: legacyBalance.icon_url,
-      icon_urls: [],
-      token_address: legacyBalance.token_address,
-      chain_id: legacyBalance.chain_id,
-      chain_name: legacyBalance.chain_name,
-      chain_type: legacyBalance.chain_type,
-      decimals: legacyBalance.decimals,
-      chain_icon_url: legacyBalance.chain_icon_url,
-      chain_icon_urls: [],
-      minimum_deposit_amount_usd: 0
-    };
-  }
-  return null;
-}
-function isBalanceEligible(balance) {
-  if (balance.is_eligible !== void 0) {
-    return balance.is_eligible;
-  }
-  const legacyBalance = balance;
-  if (legacyBalance.is_eligible !== void 0) {
-    return legacyBalance.is_eligible;
-  }
-  return true;
-}
-function formatTokenAmount(amount, decimals, symbol) {
-  const value = Number(amount) / 10 ** decimals;
-  const upperSymbol = symbol.toUpperCase();
-  let maxDecimals = 4;
-  if (upperSymbol === "BTC" || upperSymbol === "WBTC") {
-    maxDecimals = 8;
-  } else if (upperSymbol === "ETH" || upperSymbol === "WETH" || upperSymbol === "SOL") {
-    maxDecimals = 6;
-  }
-  if (value >= 1) {
-    return value.toLocaleString(void 0, {
-      minimumFractionDigits: 2,
-      maximumFractionDigits: maxDecimals
-    });
-  } else if (value > 0) {
-    return value.toLocaleString(void 0, {
-      minimumFractionDigits: 2,
-      maximumFractionDigits: maxDecimals,
-      minimumSignificantDigits: 2,
-      maximumSignificantDigits: 6
-    });
-  }
-  return "0.00";
-}
-function formatUsdAmount(amountUsd) {
-  if (!amountUsd) return null;
-  const value = parseFloat(amountUsd);
-  if (value <= 0) return null;
-  return value.toLocaleString(void 0, {
-    minimumFractionDigits: 2,
-    maximumFractionDigits: 2
-  });
-}
-function truncateAddress3(address) {
-  if (address.length <= 13) return address;
-  return `${address.slice(0, 6)}...${address.slice(-4)}`;
-}
-function formatBalanceDisplay(balance, projectName) {
-  return projectName ? `${projectName} Balance: ${balance}` : `Balance: ${balance}`;
-}
-function formatProcessingTime(seconds) {
-  if (seconds === null || seconds === 0) {
-    return "< 1 min";
-  }
-  const minutes = Math.floor(seconds / 60);
-  const remainingSeconds = seconds % 60;
-  if (minutes === 0) {
-    return `< ${remainingSeconds} sec`;
-  } else if (remainingSeconds === 0) {
-    return `< ${minutes} min`;
-  } else {
-    return `< ${minutes} min ${remainingSeconds} sec`;
-  }
-}
-
 // src/components/deposits/browser-wallets/SelectTokenView.tsx
 import { Loader2 as Loader22 } from "lucide-react";
 import { Fragment as Fragment5, jsx as jsx40, jsxs as jsxs35 } from "react/jsx-runtime";
 function SelectTokenView({
-  walletInfo,
   projectName,
   assetCdnUrl,
   balances,
@@ -7851,27 +7723,12 @@ function SelectTokenView({
       DepositHeader,
       {
         title: "Select Token",
+        subtitle: formatBalanceDisplay(`$${totalBalanceUsd || "0.00"}`, projectName),
         showBack: true,
         onBack,
         onClose
       }
     ),
-    /* @__PURE__ */ jsxs35(
-      "div",
-      {
-        className: "uf-flex uf-flex-col uf-w-full uf-items-center uf-pb-3",
-        style: { color: colors2.foregroundMuted, fontFamily: fonts.regular },
-        children: [
-          /* @__PURE__ */ jsxs35("div", { className: "uf-text-xs", children: [
-            walletInfo.name,
-            " (",
-            truncateAddress3(walletInfo.address),
-            ")"
-          ] }),
-          /* @__PURE__ */ jsx40("div", { className: "uf-text-xs", children: formatBalanceDisplay(`$${totalBalanceUsd || "0.00"}`, projectName) })
-        ]
-      }
-    ),
     /* @__PURE__ */ jsx40("div", { className: "uf-h-[300px] uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ jsx40("div", { className: "uf-space-y-2", children: isLoading ? /* @__PURE__ */ jsx40("div", { className: "uf-flex uf-items-center uf-justify-center uf-py-12", children: /* @__PURE__ */ jsx40(
       Loader22,
       {
@@ -7882,6 +7739,7 @@ function SelectTokenView({
       const token = getTokenFromBalance(balance);
       if (!token) return null;
       const isEligible = isBalanceEligible(balance);
+      const ineligibilityMessage = getIneligibilityMessage(balance);
       const isSelected = selectedBalance && getTokenFromBalance(selectedBalance)?.token_address === token.token_address && getTokenFromBalance(selectedBalance)?.chain_id === token.chain_id;
       const formattedAmount = formatTokenAmount(balance.amount, token.decimals, token.symbol);
       const formattedUsd = formatUsdAmount(balance.amount_usd);
@@ -7899,10 +7757,10 @@ function SelectTokenView({
           children: [
             /* @__PURE__ */ jsxs35("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
               /* @__PURE__ */ jsxs35("div", { className: "uf-relative uf-w-9 uf-h-9", children: [
-                getIconUrl4(token.icon_url, assetCdnUrl) ? /* @__PURE__ */ jsx40(
+                getIconUrl(token.icon_url, assetCdnUrl) ? /* @__PURE__ */ jsx40(
                   "img",
                   {
-                    src: getIconUrl4(token.icon_url, assetCdnUrl),
+                    src: getIconUrl(token.icon_url, assetCdnUrl),
                     alt: token.symbol,
                     width: 36,
                     height: 36,
@@ -7917,10 +7775,10 @@ function SelectTokenView({
                     children: /* @__PURE__ */ jsx40("span", { className: "uf-text-xs uf-font-medium", style: { color: colors2.foreground }, children: token.symbol.slice(0, 2) })
                   }
                 ),
-                getIconUrl4(token.chain_icon_url, assetCdnUrl) && /* @__PURE__ */ jsx40(
+                getIconUrl(token.chain_icon_url, assetCdnUrl) && /* @__PURE__ */ jsx40(
                   "img",
                   {
-                    src: getIconUrl4(token.chain_icon_url, assetCdnUrl),
+                    src: getIconUrl(token.chain_icon_url, assetCdnUrl),
                     alt: token.chain_name,
                     width: 16,
                     height: 16,
@@ -7951,7 +7809,7 @@ function SelectTokenView({
                     style: { color: components.card.subtitleColor, fontFamily: fonts.regular },
                     children: [
                       token.chain_name,
-                      !isEligible && " \u2022 Minimum not met"
+                      ineligibilityMessage && ` \u2022 ${ineligibilityMessage}`
                     ]
                   }
                 )
@@ -8010,8 +7868,6 @@ function SelectTokenView({
 // src/components/deposits/browser-wallets/EnterAmountView.tsx
 import { Fragment as Fragment6, jsx as jsx41, jsxs as jsxs36 } from "react/jsx-runtime";
 function EnterAmountView({
-  walletInfo,
-  projectName,
   selectedBalance,
   selectedToken,
   amountUsd,
@@ -8028,54 +7884,20 @@ function EnterAmountView({
   onClose
 }) {
   const { colors: colors2, fonts, components } = useTheme();
-  return /* @__PURE__ */ jsxs36("div", { className: "uf-flex uf-flex-col uf-h-[420px]", children: [
+  const balanceSubtitle = selectedBalance?.amount_usd ? `Balance: $${parseFloat(selectedBalance.amount_usd).toLocaleString(void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 })} (${formatTokenAmount(selectedBalance.amount, selectedToken.decimals, selectedToken.symbol)} ${selectedToken.symbol})` : `Balance: ${formatTokenAmount(selectedBalance.amount, selectedToken.decimals, selectedToken.symbol)} ${selectedToken.symbol}`;
+  return /* @__PURE__ */ jsxs36(Fragment6, { children: [
     /* @__PURE__ */ jsx41(
       DepositHeader,
       {
         title: "Enter Amount",
+        subtitle: balanceSubtitle,
         showBack: true,
         onBack,
         onClose
       }
     ),
-    /* @__PURE__ */ jsxs36("div", { className: "uf-text-center uf-pb-2", children: [
-      /* @__PURE__ */ jsxs36(
-        "div",
-        {
-          className: "uf-text-xs",
-          style: { color: colors2.foreground, fontFamily: fonts.regular },
-          children: [
-            walletInfo.name,
-            " (",
-            truncateAddress3(walletInfo.address),
-            ")"
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx41(
-        "div",
-        {
-          className: "uf-text-sm uf-mt-1",
-          style: { color: colors2.foregroundMuted, fontFamily: fonts.regular },
-          children: selectedBalance?.amount_usd ? /* @__PURE__ */ jsxs36(Fragment6, { children: [
-            "Balance: $",
-            parseFloat(selectedBalance.amount_usd).toLocaleString(void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 }),
-            " (",
-            formatTokenAmount(selectedBalance.amount, selectedToken.decimals, selectedToken.symbol),
-            " ",
-            selectedToken.symbol,
-            ")"
-          ] }) : /* @__PURE__ */ jsxs36(Fragment6, { children: [
-            "Balance: ",
-            formatTokenAmount(selectedBalance.amount, selectedToken.decimals, selectedToken.symbol),
-            " ",
-            selectedToken.symbol
-          ] })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs36("div", { className: "uf-flex-1 uf-overflow-y-auto", children: [
-      /* @__PURE__ */ jsx41("div", { className: "uf-text-center uf-h-[100px] uf-flex uf-flex-col uf-justify-center", children: /* @__PURE__ */ jsxs36("div", { className: "uf-flex uf-items-center uf-justify-center", children: [
+    /* @__PURE__ */ jsxs36("div", { className: "uf-text-center uf-py-6", children: [
+      /* @__PURE__ */ jsxs36("div", { className: "uf-flex uf-items-center uf-justify-center", children: [
         /* @__PURE__ */ jsx41(
           "span",
           {
@@ -8111,60 +7933,57 @@ function EnterAmountView({
             }
           }
         )
-      ] }) }),
-      formattedTokenAmount && /* @__PURE__ */ jsxs36("div", { className: "uf-text-sm uf-text-center", style: { color: colors2.foregroundMuted }, children: [
+      ] }),
+      formattedTokenAmount && /* @__PURE__ */ jsxs36("div", { className: "uf-text-sm uf-mt-2", style: { color: colors2.foregroundMuted }, children: [
         "\u2248 ",
         formattedTokenAmount
-      ] }),
-      /* @__PURE__ */ jsxs36("div", { className: "uf-flex uf-gap-2 uf-mt-4 uf-mb-4", children: [
-        [25, 50, 100, 500].map((quickAmount) => /* @__PURE__ */ jsxs36(
-          "button",
-          {
-            onClick: () => onAmountChange(quickAmount.toString()),
-            className: "uf-flex-1 uf-py-2 uf-rounded-lg uf-text-sm uf-font-medium uf-transition-colors hover:uf-opacity-80",
-            style: {
-              backgroundColor: components.card.backgroundColor,
-              color: colors2.foreground,
-              fontFamily: fonts.medium
-            },
-            children: [
-              "$",
-              quickAmount
-            ]
-          },
-          quickAmount
-        )),
-        /* @__PURE__ */ jsx41(
-          "button",
-          {
-            onClick: onMaxClick,
-            className: "uf-flex-1 uf-py-2 uf-rounded-lg uf-text-sm uf-font-medium uf-transition-colors hover:uf-opacity-80",
-            style: {
-              backgroundColor: colors2.primary + "20",
-              color: colors2.primary,
-              fontFamily: fonts.medium
-            },
-            children: "MAX"
-          }
-        )
-      ] }),
-      tokenChainDetails && tokenChainDetails.minimum_deposit_amount_usd > 0 && /* @__PURE__ */ jsxs36(
-        "div",
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs36("div", { className: "uf-flex uf-gap-2 uf-mb-4", children: [
+      [25, 50, 100, 500].map((quickAmount) => /* @__PURE__ */ jsxs36(
+        "button",
         {
-          className: "uf-text-center uf-text-xs uf-mb-2",
+          onClick: () => onAmountChange(quickAmount.toString()),
+          className: "uf-flex-1 uf-py-2 uf-rounded-lg uf-text-sm uf-font-medium uf-transition-colors hover:uf-opacity-80",
           style: {
-            color: colors2.warning,
-            fontFamily: fonts.regular
+            backgroundColor: components.card.backgroundColor,
+            color: colors2.foreground,
+            fontFamily: fonts.medium
           },
           children: [
-            "Minimum deposit: $",
-            tokenChainDetails.minimum_deposit_amount_usd.toFixed(2)
+            "$",
+            quickAmount
           ]
+        },
+        quickAmount
+      )),
+      /* @__PURE__ */ jsx41(
+        "button",
+        {
+          onClick: onMaxClick,
+          className: "uf-flex-1 uf-py-2 uf-rounded-lg uf-text-sm uf-font-medium uf-transition-colors hover:uf-opacity-80",
+          style: {
+            backgroundColor: colors2.primary + "20",
+            color: colors2.primary,
+            fontFamily: fonts.medium
+          },
+          children: "MAX"
         }
-      ),
-      inputUsdNum > 0 && /* @__PURE__ */ jsx41(Fragment6, { children: inputUsdNum > maxUsdAmount ? /* @__PURE__ */ jsx41("div", { className: "uf-text-center uf-text-sm uf-mb-2", style: { color: colors2.error }, children: "Insufficient balance" }) : error && /* @__PURE__ */ jsx41("div", { className: "uf-text-center uf-text-sm uf-mb-2 uf-px-2", style: { color: colors2.error }, children: error }) })
+      )
     ] }),
-    /* @__PURE__ */ jsx41("div", { className: "uf-pt-4", children: /* @__PURE__ */ jsx41(
+    tokenChainDetails && tokenChainDetails.minimum_deposit_amount_usd > 0 && /* @__PURE__ */ jsxs36(
+      "div",
+      {
+        className: "uf-text-center uf-text-xs uf-mb-3",
+        style: { color: colors2.warning, fontFamily: fonts.regular },
+        children: [
+          "Minimum deposit: $",
+          tokenChainDetails.minimum_deposit_amount_usd.toFixed(2)
+        ]
+      }
+    ),
+    inputUsdNum > 0 && /* @__PURE__ */ jsx41(Fragment6, { children: inputUsdNum > maxUsdAmount ? /* @__PURE__ */ jsx41("div", { className: "uf-text-center uf-text-sm uf-mb-3", style: { color: colors2.error }, children: "Insufficient balance" }) : error && /* @__PURE__ */ jsx41("div", { className: "uf-text-center uf-text-sm uf-mb-3 uf-px-2", style: { color: colors2.error }, children: error }) }),
+    /* @__PURE__ */ jsx41(
       "button",
       {
         onClick: onReview,
@@ -8177,7 +7996,7 @@ function EnterAmountView({
         },
         children: "Review"
       }
-    ) })
+    )
   ] });
 }
 
@@ -8245,10 +8064,10 @@ function ReviewView({
               }
             ),
             /* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
-              getIconUrl4(selectedToken.icon_url, assetCdnUrl) && /* @__PURE__ */ jsx42(
+              getIconUrl(selectedToken.icon_url, assetCdnUrl) && /* @__PURE__ */ jsx42(
                 "img",
                 {
-                  src: getIconUrl4(selectedToken.icon_url, assetCdnUrl),
+                  src: getIconUrl(selectedToken.icon_url, assetCdnUrl),
                   alt: selectedToken.symbol,
                   className: "uf-w-5 uf-h-5 uf-rounded-full"
                 }
@@ -8261,7 +8080,7 @@ function ReviewView({
                   children: [
                     walletInfo.name,
                     " (",
-                    truncateAddress3(walletInfo.address),
+                    truncateAddress2(walletInfo.address),
                     ")"
                   ]
                 }
@@ -8282,7 +8101,7 @@ function ReviewView({
               {
                 className: "uf-text-sm uf-font-medium",
                 style: { color: colors2.foreground, fontFamily: fonts.medium },
-                children: truncateAddress3(recipientAddress)
+                children: truncateAddress2(recipientAddress)
               }
             )
           ] }),
@@ -8486,7 +8305,7 @@ function BrowserWalletModal({
   const themeClass = theme === "dark" ? "uf-dark" : "";
   const chainType = depositWallet.chain_type;
   const recipientAddress = depositWallet.address;
-  const supportedChainType = chainType === "algorand" ? "ethereum" : chainType;
+  const supportedChainType = chainType === "algorand" || chainType === "xrpl" ? "ethereum" : chainType;
   const { executions: depositExecutions, isPolling } = useDepositPolling({
     userId,
     publishableKey,
@@ -8897,20 +8716,6 @@ function BrowserWalletModal({
     if (tokenAmount === 0 || !selectedToken) return null;
     return `${tokenAmount.toFixed(6)} ${selectedToken.symbol}`.replace(/\.?0+$/, "");
   }, [tokenAmount, selectedToken]);
-  const getTitle = () => {
-    switch (step) {
-      case "select-token":
-        return "Select Token";
-      case "input-amount":
-        return "Enter Amount";
-      case "review":
-        return "Review";
-      case "confirming":
-        return "Confirming...";
-      default:
-        return "Browser Wallet";
-    }
-  };
   return /* @__PURE__ */ jsx44(Fragment9, { children: /* @__PURE__ */ jsx44(
     Dialog,
     {
@@ -8932,7 +8737,6 @@ function BrowserWalletModal({
             step === "select-token" && /* @__PURE__ */ jsx44(
               SelectTokenView,
               {
-                walletInfo,
                 projectName,
                 assetCdnUrl,
                 balances,
@@ -8949,8 +8753,6 @@ function BrowserWalletModal({
             step === "input-amount" && selectedToken && selectedBalance && /* @__PURE__ */ jsx44(
               EnterAmountView,
               {
-                walletInfo,
-                projectName,
                 selectedBalance,
                 selectedToken,
                 amountUsd,
@@ -9302,6 +9104,7 @@ function WalletSelectionModal({
     if (!accounts || accounts.length === 0) {
       throw new Error("No accounts returned from wallet");
     }
+    setUserDisconnectedWallet(false);
     const address = accounts[0];
     const walletType = wallet.id === "phantom" ? "phantom-ethereum" : wallet.id === "coinbase" ? "coinbase" : "metamask";
     onWalletConnected({
@@ -9341,6 +9144,7 @@ function WalletSelectionModal({
     }
     const response = await provider.connect();
     const address = response.publicKey.toString();
+    setUserDisconnectedWallet(false);
     const walletType = wallet.id === "solflare" ? "solflare" : wallet.id === "backpack" ? "backpack" : wallet.id === "glow" ? "glow" : "phantom-solana";
     onWalletConnected({
       type: walletType,
@@ -9648,24 +9452,25 @@ function DepositModal({
   hideDepositTracker = false,
   showBalanceHeader = false,
   transferInputVariant = "double_input",
+  depositConfirmationMode = "auto_ui",
   enableConnectWallet = false,
   onDepositSuccess,
   onDepositError,
   theme = "dark"
 }) {
   const { colors: colors2, fonts } = useTheme();
-  const [view, setView] = useState25("main");
-  const [cardView, setCardView] = useState25(
+  const [view, setView] = useState24("main");
+  const [cardView, setCardView] = useState24(
     "amount"
   );
-  const [browserWalletModalOpen, setBrowserWalletModalOpen] = useState25(false);
-  const [browserWalletInfo, setBrowserWalletInfo] = useState25(null);
-  const [walletSelectionModalOpen, setWalletSelectionModalOpen] = useState25(false);
-  const [browserWalletChainType, setBrowserWalletChainType] = useState25(() => getStoredWalletChainType());
-  const [quotesCount, setQuotesCount] = useState25(0);
-  const [depositsModalOpen, setDepositsModalOpen] = useState25(false);
-  const [depositExecutions, setDepositExecutions] = useState25([]);
-  const [projectConfig, setProjectConfig] = useState25(null);
+  const [browserWalletModalOpen, setBrowserWalletModalOpen] = useState24(false);
+  const [browserWalletInfo, setBrowserWalletInfo] = useState24(null);
+  const [walletSelectionModalOpen, setWalletSelectionModalOpen] = useState24(false);
+  const [browserWalletChainType, setBrowserWalletChainType] = useState24(() => getStoredWalletChainType());
+  const [quotesCount, setQuotesCount] = useState24(0);
+  const [depositsModalOpen, setDepositsModalOpen] = useState24(false);
+  const [depositExecutions, setDepositExecutions] = useState24([]);
+  const [projectConfig, setProjectConfig] = useState24(null);
   const isMobileView = useIsMobileViewport();
   useEffect18(() => {
     setProjectConfig(null);
@@ -9684,7 +9489,7 @@ function DepositModal({
     // Only fetch when modal is open
   });
   const wallets = depositAddressResponse?.data ?? [];
-  const [resolvedTheme, setResolvedTheme] = useState25(
+  const [resolvedTheme, setResolvedTheme] = useState24(
     theme === "auto" ? "dark" : theme
   );
   useEffect18(() => {
@@ -9739,6 +9544,7 @@ function DepositModal({
   };
   const themeClass = resolvedTheme === "dark" ? "uf-dark" : "";
   const handleWalletDisconnect = () => {
+    setUserDisconnectedWallet(true);
     clearStoredWalletChainType();
     setBrowserWalletChainType(void 0);
     setBrowserWalletInfo(null);
@@ -9830,6 +9636,7 @@ function DepositModal({
               balanceChainType: destinationChainType === "ethereum" || destinationChainType === "solana" || destinationChainType === "bitcoin" ? destinationChainType : void 0,
               balanceChainId: destinationChainId,
               balanceTokenAddress: destinationTokenAddress,
+              projectName: projectConfig?.project_name,
               publishableKey
             }
           ),
@@ -9910,7 +9717,14 @@ function DepositModal({
               title: t5.transferCrypto.title,
               showBack: true,
               onBack: handleBack,
-              onClose: handleClose
+              onClose: handleClose,
+              showBalance: showBalanceHeader,
+              balanceAddress: recipientAddress,
+              balanceChainType: destinationChainType === "ethereum" || destinationChainType === "solana" || destinationChainType === "bitcoin" ? destinationChainType : void 0,
+              balanceChainId: destinationChainId,
+              balanceTokenAddress: destinationTokenAddress,
+              projectName: projectConfig?.project_name,
+              publishableKey
             }
           ),
           transferInputVariant === "single_input" ? /* @__PURE__ */ jsx46(
@@ -9922,6 +9736,7 @@ function DepositModal({
               destinationChainType,
               destinationChainId,
               destinationTokenAddress,
+              depositConfirmationMode,
               onExecutionsChange: setDepositExecutions,
               onDepositSuccess,
               onDepositError,
@@ -9936,6 +9751,7 @@ function DepositModal({
               destinationChainType,
               destinationChainId,
               destinationTokenAddress,
+              depositConfirmationMode,
               onExecutionsChange: setDepositExecutions,
               onDepositSuccess,
               onDepositError,
@@ -9950,7 +9766,14 @@ function DepositModal({
               showBack: true,
               onBack: handleBack,
               onClose: handleClose,
-              badge: cardView === "quotes" ? { count: quotesCount } : void 0
+              badge: cardView === "quotes" ? { count: quotesCount } : void 0,
+              showBalance: showBalanceHeader,
+              balanceAddress: recipientAddress,
+              balanceChainType: destinationChainType === "ethereum" || destinationChainType === "solana" || destinationChainType === "bitcoin" ? destinationChainType : void 0,
+              balanceChainId: destinationChainId,
+              balanceTokenAddress: destinationTokenAddress,
+              projectName: projectConfig?.project_name,
+              publishableKey
             }
           ),
           /* @__PURE__ */ jsx46(
@@ -10100,6 +9923,7 @@ export {
   DepositExecutionItem,
   DepositHeader,
   DepositModal,
+  DepositPollingUi,
   DepositSuccessToast,
   DepositTrackerButton,
   DepositWithCardButton,
@@ -10134,16 +9958,14 @@ export {
   TransferCryptoDoubleInput,
   TransferCryptoSingleInput,
   buttonVariants,
-  clearQRCodeCache,
   cn,
   colors,
   defaultColors,
   getColors,
-  isQRCodeCached,
   mergeColors,
-  preloadQRCode,
   resolveComponentTokens,
   truncateAddress,
   useAllowedCountry,
+  useDepositPolling,
   useTheme
 };