@unifold/connect-react 0.1.26 → 0.1.28

package/dist/index.js

@@ -6400,6 +6400,11 @@ async function getIpAddress() {
   }
   return response.json();
 }
+var IneligibilityReason = /* @__PURE__ */ ((IneligibilityReason2) => {
+  IneligibilityReason2["MINIMUM_NOT_MET"] = "minimum_not_met";
+  IneligibilityReason2["NOT_SUPPORTED_DEPOSIT_FROM"] = "not_supported_deposit_from";
+  return IneligibilityReason2;
+})(IneligibilityReason || {});
 async function getAddressBalances(address, chainType, publishableKey) {
   const pk = publishableKey || DEFAULT_PUBLISHABLE_KEY;
   validatePublishableKey(pk);
@@ -10811,6 +10816,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 {
@@ -11346,8 +11371,119 @@ function useDepositAddress(params) {
     // 1s, 2s, 4s (max 10s)
   });
 }
+function getIconUrl2(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`;
+  }
+}
 function DepositHeader({
   title,
+  subtitle,
   showBack = false,
   showClose = true,
   onBack,
@@ -11358,19 +11494,41 @@ function DepositHeader({
   balanceChainType,
   balanceChainId,
   balanceTokenAddress,
+  projectName,
   publishableKey
 }) {
   const { colors: colors2, fonts, components } = useTheme();
   const [balance, setBalance] = (0, import_react11.useState)(null);
   const [isLoadingBalance, setIsLoadingBalance] = (0, import_react11.useState)(false);
+  const [showBalanceSkeleton, setShowBalanceSkeleton] = (0, import_react11.useState)(false);
+  const showBalanceBlock = showBalance === true;
+  (0, import_react11.useLayoutEffect)(() => {
+    if (!showBalanceBlock) {
+      setBalance(null);
+      setIsLoadingBalance(false);
+      setShowBalanceSkeleton(false);
+    }
+  }, [showBalanceBlock]);
   (0, import_react11.useEffect)(() => {
     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,
@@ -11379,7 +11537,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);
@@ -11407,12 +11565,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;
@@ -11421,9 +11579,11 @@ function DepositHeader({
     }).finally(() => {
       if (cancelled) return;
       setIsLoadingBalance(false);
+      setShowBalanceSkeleton(false);
     });
     return () => {
       cancelled = true;
+      window.clearTimeout(skeletonTimer);
     };
   }, [
     showBalance,
@@ -11479,18 +11639,27 @@ function DepositHeader({
           children: title
         }
       ),
-      showBalance && (isLoadingBalance ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "uf-h-3 uf-w-32 uf-bg-muted uf-rounded uf-animate-pulse uf-mt-2" }) : balance ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      subtitle ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
         "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__ */ (0, import_jsx_runtime20.jsx)("div", { className: "uf-h-3 uf-w-32 uf-bg-muted uf-rounded uf-animate-pulse uf-mt-1" }) : balance ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        "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__ */ (0, import_jsx_runtime20.jsx)(
       "button",
@@ -11826,32 +11995,62 @@ function interpolate(template, params) {
     return value !== void 0 ? String(value) : `{{${key}}}`;
   });
 }
+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] = (0, import_react12.useState)([]);
   const [isPolling, setIsPolling] = (0, import_react12.useState)(false);
-  const pollingIntervalRef = (0, import_react12.useRef)(
-    null
-  );
-  const [modalOpenedAt] = (0, import_react12.useState)(/* @__PURE__ */ new Date());
-  const [trackedExecutions, setTrackedExecutions] = (0, import_react12.useState)(/* @__PURE__ */ new Map());
+  const [pollingEnabled, setPollingEnabled] = (0, import_react12.useState)(false);
+  const [showWaitingUi, setShowWaitingUi] = (0, import_react12.useState)(false);
+  const modalOpenedAtRef = (0, import_react12.useRef)(/* @__PURE__ */ new Date());
+  const trackedExecutionsRef = (0, import_react12.useRef)(/* @__PURE__ */ new Map());
+  const onDepositSuccessRef = (0, import_react12.useRef)(onDepositSuccess);
+  const onDepositErrorRef = (0, import_react12.useRef)(onDepositError);
+  (0, import_react12.useEffect)(() => {
+    onDepositSuccessRef.current = onDepositSuccess;
+  }, [onDepositSuccess]);
+  (0, import_react12.useEffect)(() => {
+    onDepositErrorRef.current = onDepositError;
+  }, [onDepositError]);
+  (0, import_react12.useEffect)(() => {
+    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]);
   (0, import_react12.useEffect)(() => {
-    if (!userId || !modalOpenedAt || !enabled) return;
-    const pollInterval = setInterval(async () => {
+    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;
@@ -11872,35 +12071,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
@@ -11909,36 +12103,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]);
+  (0, import_react12.useEffect)(() => {
+    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
   };
 }
 function formatCurrency(currency) {
@@ -15686,10 +15889,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,
@@ -15706,9 +15947,35 @@ function BrowserWalletButton({
   const [balanceText, setBalanceText] = React202.useState(null);
   const [isLoadingBalance, setIsLoadingBalance] = React202.useState(false);
   const iconVariant = mode === "dark" ? "light" : "dark";
+  const onDisconnectRef = React202.useRef(onDisconnect);
+  onDisconnectRef.current = onDisconnect;
   React202.useEffect(() => {
     setIsTouchDevice("ontouchstart" in window || navigator.maxTouchPoints > 0);
   }, []);
+  const [eip6963ProviderCount, setEip6963ProviderCount] = React202.useState(0);
+  React202.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);
+    };
+  }, []);
   React202.useEffect(() => {
     if (!wallet || !publishableKey) {
       setBalanceText(null);
@@ -15758,166 +16025,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 {
             }
           }
         }
@@ -15938,12 +16124,12 @@ function BrowserWalletButton({
       detectWallet();
     };
     const handleDisconnect = () => {
-      onDisconnect?.();
+      onDisconnectRef.current?.();
       detectWallet();
     };
     const handleEthAccountsChanged = (accounts) => {
       if (Array.isArray(accounts) && accounts.length === 0) {
-        onDisconnect?.();
+        onDisconnectRef.current?.();
       }
       detectWallet();
     };
@@ -15953,10 +16139,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;
@@ -15965,12 +16165,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);
@@ -15986,6 +16186,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",
@@ -16003,6 +16204,7 @@ function BrowserWalletButton({
             method: "eth_requestAccounts"
           });
           if (accounts && accounts.length > 0) {
+            setUserDisconnectedWallet(false);
             const isPhantom = ethProvider.isPhantom;
             setWallet({
               type: isPhantom ? "phantom-ethereum" : "metamask",
@@ -16014,7 +16216,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);
     }
@@ -16060,7 +16265,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__ */ (0, import_jsx_runtime47.jsx)("div", { className: "uf-h-3 uf-w-24 uf-bg-muted uf-rounded uf-animate-pulse" }) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
@@ -16232,11 +16437,6 @@ function useSupportedDepositTokens(publishableKey, options) {
     refetchOnWindowFocus: false
   });
 }
-var qrCache = /* @__PURE__ */ new Map();
-var imageCache = /* @__PURE__ */ new Map();
-function getCacheKey(value, size4, imageUrl, darkMode) {
-  return `${value}|${size4}|${imageUrl || ""}|${darkMode}`;
-}
 function createQRConfig(value, size4, imageUrl, imageSize, darkMode) {
   return {
     type: "svg",
@@ -16273,72 +16473,6 @@ function createQRConfig(value, size4, 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, size4 = 180, imageUrl, imageSize = 45, darkMode = false) {
-  if (!value) return;
-  const cacheKey = getCacheKey(value, size4, 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, size4, imageUrl, imageSize, darkMode);
-    const qrInstance = new import_qr_code_styling.default(config);
-    qrInstance.append(tempContainer);
-    const svgString = await waitForStyledQR(tempContainer);
-    if (svgString) {
-      qrCache.set(cacheKey, { svgString });
-    }
-  } finally {
-    document.body.removeChild(tempContainer);
-  }
-}
 function StyledQRCode({
   value,
   size: size4 = 180,
@@ -16347,107 +16481,28 @@ function StyledQRCode({
   darkMode = false
 }) {
   const containerRef = (0, import_react19.useRef)(null);
-  const [isReady, setIsReady] = (0, import_react19.useState)(false);
-  const currentKeyRef = (0, import_react19.useRef)("");
-  const cacheKey = getCacheKey(value, size4, imageUrl, darkMode);
-  const cachedEntry = qrCache.get(cacheKey);
-  const renderQR = (0, import_react19.useCallback)(async () => {
+  const qrRef = (0, import_react19.useRef)(null);
+  (0, import_react19.useEffect)(() => {
     if (!containerRef.current || !value) return;
-    const key = getCacheKey(value, size4, 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, size4, imageUrl, imageSize, darkMode);
-    const qrInstance = new import_qr_code_styling.default(config);
-    qrInstance.append(containerRef.current);
-    const svgString = await waitForStyledQR(containerRef.current);
-    if (svgString) {
-      qrCache.set(key, { svgString });
+    if (!qrRef.current) {
+      qrRef.current = new import_qr_code_styling.default(config);
+      qrRef.current.append(containerRef.current);
+    } else {
+      qrRef.current.update(config);
     }
-    setIsReady(true);
   }, [value, size4, imageUrl, imageSize, darkMode]);
-  (0, import_react19.useEffect)(() => {
-    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__ */ (0, import_jsx_runtime48.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     "div",
     {
+      ref: containerRef,
       style: {
         width: size4,
         height: size4,
         display: "flex",
         alignItems: "center",
-        justifyContent: "center",
-        position: "relative"
-      },
-      children: [
-        showSkeleton && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
-          "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__ */ (0, import_jsx_runtime48.jsx)(
-              "div",
-              {
-                style: {
-                  width: size4 * 0.6,
-                  height: size4 * 0.6,
-                  background: darkMode ? "rgba(255,255,255,0.1)" : "rgba(0,0,0,0.05)",
-                  borderRadius: 4
-                }
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
-          "div",
-          {
-            ref: containerRef,
-            style: {
-              width: size4,
-              height: size4,
-              opacity: isReady ? 1 : 0,
-              transition: "opacity 0.15s ease-out"
-            }
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("style", { children: `
-        @keyframes uf-qr-pulse {
-          0%, 100% { opacity: 1; }
-          50% { opacity: 0.6; }
-        }
-      ` })
-      ]
+        justifyContent: "center"
+      }
     }
   );
 }
@@ -16459,7 +16514,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 [];
@@ -16907,47 +16963,32 @@ function TokenSelectorSheet({
     }
   );
 }
-function PollCooldownButton({
-  currentWalletId,
-  pollCooldown,
-  publishableKey,
-  onCooldownChange,
-  cooldownRef,
-  buttonText = "Check again"
+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__ */ (0, import_jsx_runtime50.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-    "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__ */ (0, import_jsx_runtime50.jsx)(
+      "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__ */ (0, import_jsx_runtime50.jsxs)("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__ */ (0, import_jsx_runtime50.jsx)("div", { className: "uf-flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("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__ */ (0, import_jsx_runtime50.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "uf-text-sm uf-font-medium uf-text-foreground", children: "Processing deposit transactions" }),
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "uf-text-xs uf-text-muted-foreground", children: "We're checking if your deposit has landed." })
+      ] })
+    ] });
+  }
+  return null;
 }
 function DepositFooterLinks({ onGlossaryClick }) {
   return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "uf-flex uf-justify-end uf-items-center uf-gap-2 uf-text-xs uf-text-muted-foreground", children: [
@@ -17106,6 +17147,7 @@ function TransferCryptoSingleInput({
   destinationChainType,
   destinationChainId,
   destinationTokenAddress,
+  depositConfirmationMode = "auto_ui",
   onExecutionsChange,
   onDepositSuccess,
   onDepositError,
@@ -17118,20 +17160,10 @@ function TransferCryptoSingleInput({
   const [copied, setCopied] = (0, import_react18.useState)(false);
   const { copied: copiedRecipient, handleCopy: handleCopyRecipientAddress } = useCopyAddress();
   const [glossaryOpen, setGlossaryOpen] = (0, import_react18.useState)(false);
-  const [pollCooldown, setPollCooldown] = (0, import_react18.useState)(0);
-  const cooldownRef = (0, import_react18.useRef)(null);
   const [detailsExpanded, setDetailsExpanded] = (0, import_react18.useState)(false);
   const [depositsModalOpen, setDepositsModalOpen] = (0, import_react18.useState)(false);
   const [tokenSelectorOpen, setTokenSelectorOpen] = (0, import_react18.useState)(false);
   const [initialSelectionDone, setInitialSelectionDone] = (0, import_react18.useState)(false);
-  (0, import_react18.useEffect)(() => {
-    return () => {
-      if (cooldownRef.current) {
-        clearInterval(cooldownRef.current);
-        cooldownRef.current = null;
-      }
-    };
-  }, []);
   const {
     data: tokensResponse,
     isLoading: tokensLoading
@@ -17158,13 +17190,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 = (0, import_react18.useMemo)(() => {
     const chainsMap = /* @__PURE__ */ new Map();
     supportedTokens.forEach((t6) => {
@@ -17184,6 +17209,15 @@ function TransferCryptoSingleInput({
   const currentChainType = currentChainData?.chain_type || "ethereum";
   const currentWallet = getWalletByChainType(wallets, currentChainType);
   const depositAddress = currentWallet?.address || "";
+  const { executions: depositExecutions, isPolling, showWaitingUi, handleIveDeposited } = useDepositPolling({
+    userId,
+    publishableKey,
+    depositConfirmationMode,
+    depositWalletId: currentWallet?.id,
+    enabled: true,
+    onDepositSuccess,
+    onDepositError
+  });
   (0, import_react18.useEffect)(() => {
     if (!supportedTokens.length || initialSelectionDone) return;
     let selectedTokenData;
@@ -17233,28 +17267,6 @@ function TransferCryptoSingleInput({
       onExecutionsChange(depositExecutions);
     }
   }, [depositExecutions, onExecutionsChange]);
-  (0, import_react18.useEffect)(() => {
-    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]);
   (0, import_react18.useEffect)(() => {
     if (!supportedTokens.length) return;
     const currentToken = supportedTokens.find((t6) => t6.symbol === token);
@@ -17527,14 +17539,12 @@ function TransferCryptoSingleInput({
           ] })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
-          PollCooldownButton,
+          DepositPollingUi,
           {
-            currentWalletId: currentWallet?.id,
-            pollCooldown,
-            publishableKey,
-            onCooldownChange: setPollCooldown,
-            cooldownRef,
-            buttonText: "Try again"
+            depositConfirmationMode,
+            showWaitingUi,
+            hasExecution: depositExecutions.length > 0,
+            onIveDeposited: handleIveDeposited
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(DepositFooterLinks, { onGlossaryClick: () => setGlossaryOpen(true) }),
@@ -17712,6 +17722,7 @@ function TransferCryptoDoubleInput({
   destinationChainType,
   destinationChainId,
   destinationTokenAddress,
+  depositConfirmationMode = "auto_ui",
   onExecutionsChange,
   onDepositSuccess,
   onDepositError,
@@ -17724,19 +17735,9 @@ function TransferCryptoDoubleInput({
   const [copied, setCopied] = (0, import_react22.useState)(false);
   const { copied: copiedRecipient, handleCopy: handleCopyRecipientAddress } = useCopyAddress();
   const [glossaryOpen, setGlossaryOpen] = (0, import_react22.useState)(false);
-  const [pollCooldown, setPollCooldown] = (0, import_react22.useState)(0);
-  const cooldownRef = (0, import_react22.useRef)(null);
   const [detailsExpanded, setDetailsExpanded] = (0, import_react22.useState)(false);
   const [depositsModalOpen, setDepositsModalOpen] = (0, import_react22.useState)(false);
   const [initialSelectionDone, setInitialSelectionDone] = (0, import_react22.useState)(false);
-  (0, import_react22.useEffect)(() => {
-    return () => {
-      if (cooldownRef.current) {
-        clearInterval(cooldownRef.current);
-        cooldownRef.current = null;
-      }
-    };
-  }, []);
   const {
     data: tokensResponse,
     isLoading: tokensLoading
@@ -17763,13 +17764,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 = (0, import_react22.useMemo)(() => {
     const chainsMap = /* @__PURE__ */ new Map();
     supportedTokens.forEach((t6) => {
@@ -17789,6 +17783,15 @@ function TransferCryptoDoubleInput({
   const currentChainType = currentChainData?.chain_type || "ethereum";
   const currentWallet = getWalletByChainType(wallets, currentChainType);
   const depositAddress = currentWallet?.address || "";
+  const { executions: depositExecutions, isPolling, showWaitingUi, handleIveDeposited } = useDepositPolling({
+    userId,
+    publishableKey,
+    depositConfirmationMode,
+    depositWalletId: currentWallet?.id,
+    enabled: true,
+    onDepositSuccess,
+    onDepositError
+  });
   (0, import_react22.useEffect)(() => {
     if (!supportedTokens.length || initialSelectionDone) return;
     const allChains = /* @__PURE__ */ new Set();
@@ -17811,28 +17814,6 @@ function TransferCryptoDoubleInput({
       onExecutionsChange(depositExecutions);
     }
   }, [depositExecutions, onExecutionsChange]);
-  (0, import_react22.useEffect)(() => {
-    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]);
   (0, import_react22.useEffect)(() => {
     if (!supportedTokens.length) return;
     const currentToken = supportedTokens.find((t6) => t6.symbol === token);
@@ -18139,14 +18120,12 @@ function TransferCryptoDoubleInput({
           ] })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
-          PollCooldownButton,
+          DepositPollingUi,
           {
-            currentWalletId: currentWallet?.id,
-            pollCooldown,
-            publishableKey,
-            onCooldownChange: setPollCooldown,
-            cooldownRef,
-            buttonText: "Check again"
+            depositConfirmationMode,
+            showWaitingUi,
+            hasExecution: depositExecutions.length > 0,
+            onIveDeposited: handleIveDeposited
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(DepositFooterLinks, { onGlossaryClick: () => setGlossaryOpen(true) }),
@@ -18195,105 +18174,7 @@ function TransferCryptoDoubleInput({
     }
   ) });
 }
-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`;
-  }
-}
 function SelectTokenView({
-  walletInfo,
   projectName,
   assetCdnUrl,
   balances,
@@ -18312,27 +18193,12 @@ function SelectTokenView({
       DepositHeader,
       {
         title: "Select Token",
+        subtitle: formatBalanceDisplay(`$${totalBalanceUsd || "0.00"}`, projectName),
         showBack: true,
         onBack,
         onClose
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
-      "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__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "uf-text-xs", children: [
-            walletInfo.name,
-            " (",
-            truncateAddress3(walletInfo.address),
-            ")"
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "uf-text-xs", children: formatBalanceDisplay(`$${totalBalanceUsd || "0.00"}`, projectName) })
-        ]
-      }
-    ),
     /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "uf-h-[300px] uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "uf-space-y-2", children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "uf-flex uf-items-center uf-justify-center uf-py-12", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
       LoaderCircle,
       {
@@ -18343,6 +18209,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);
@@ -18360,10 +18227,10 @@ function SelectTokenView({
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
               /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "uf-relative uf-w-9 uf-h-9", children: [
-                getIconUrl4(token.icon_url, assetCdnUrl) ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                getIconUrl2(token.icon_url, assetCdnUrl) ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                   "img",
                   {
-                    src: getIconUrl4(token.icon_url, assetCdnUrl),
+                    src: getIconUrl2(token.icon_url, assetCdnUrl),
                     alt: token.symbol,
                     width: 36,
                     height: 36,
@@ -18378,10 +18245,10 @@ function SelectTokenView({
                     children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("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__ */ (0, import_jsx_runtime57.jsx)(
+                getIconUrl2(token.chain_icon_url, assetCdnUrl) && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                   "img",
                   {
-                    src: getIconUrl4(token.chain_icon_url, assetCdnUrl),
+                    src: getIconUrl2(token.chain_icon_url, assetCdnUrl),
                     alt: token.chain_name,
                     width: 16,
                     height: 16,
@@ -18412,7 +18279,7 @@ function SelectTokenView({
                     style: { color: components.card.subtitleColor, fontFamily: fonts.regular },
                     children: [
                       token.chain_name,
-                      !isEligible && " \u2022 Minimum not met"
+                      ineligibilityMessage && ` \u2022 ${ineligibilityMessage}`
                     ]
                   }
                 )
@@ -18468,8 +18335,6 @@ function SelectTokenView({
   ] });
 }
 function EnterAmountView({
-  walletInfo,
-  projectName,
   selectedBalance,
   selectedToken,
   amountUsd,
@@ -18486,54 +18351,20 @@ function EnterAmountView({
   onClose
 }) {
   const { colors: colors2, fonts, components } = useTheme();
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("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__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
       DepositHeader,
       {
         title: "Enter Amount",
+        subtitle: balanceSubtitle,
         showBack: true,
         onBack,
         onClose
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "uf-text-center uf-pb-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
-        "div",
-        {
-          className: "uf-text-xs",
-          style: { color: colors2.foreground, fontFamily: fonts.regular },
-          children: [
-            walletInfo.name,
-            " (",
-            truncateAddress3(walletInfo.address),
-            ")"
-          ]
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-        "div",
-        {
-          className: "uf-text-sm uf-mt-1",
-          style: { color: colors2.foregroundMuted, fontFamily: fonts.regular },
-          children: selectedBalance?.amount_usd ? /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
-            "Balance: $",
-            parseFloat(selectedBalance.amount_usd).toLocaleString(void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 }),
-            " (",
-            formatTokenAmount(selectedBalance.amount, selectedToken.decimals, selectedToken.symbol),
-            " ",
-            selectedToken.symbol,
-            ")"
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
-            "Balance: ",
-            formatTokenAmount(selectedBalance.amount, selectedToken.decimals, selectedToken.symbol),
-            " ",
-            selectedToken.symbol
-          ] })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "uf-flex-1 uf-overflow-y-auto", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "uf-text-center uf-h-[100px] uf-flex uf-flex-col uf-justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "uf-flex uf-items-center uf-justify-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "uf-text-center uf-py-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "uf-flex uf-items-center uf-justify-center", children: [
         /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
           "span",
           {
@@ -18569,60 +18400,57 @@ function EnterAmountView({
             }
           }
         )
-      ] }) }),
-      formattedTokenAmount && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "uf-text-sm uf-text-center", style: { color: colors2.foregroundMuted }, children: [
+      ] }),
+      formattedTokenAmount && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "uf-text-sm uf-mt-2", style: { color: colors2.foregroundMuted }, children: [
         "\u2248 ",
         formattedTokenAmount
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "uf-flex uf-gap-2 uf-mt-4 uf-mb-4", children: [
-        [25, 50, 100, 500].map((quickAmount) => /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
-          "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__ */ (0, import_jsx_runtime58.jsx)(
-          "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__ */ (0, import_jsx_runtime58.jsxs)(
-        "div",
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "uf-flex uf-gap-2 uf-mb-4", children: [
+      [25, 50, 100, 500].map((quickAmount) => /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+        "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__ */ (0, import_jsx_runtime58.jsx)(
+        "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__ */ (0, import_jsx_runtime58.jsx)(import_jsx_runtime58.Fragment, { children: inputUsdNum > maxUsdAmount ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "uf-text-center uf-text-sm uf-mb-2", style: { color: colors2.error }, children: "Insufficient balance" }) : error && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "uf-text-center uf-text-sm uf-mb-2 uf-px-2", style: { color: colors2.error }, children: error }) })
+      )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "uf-pt-4", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+    tokenChainDetails && tokenChainDetails.minimum_deposit_amount_usd > 0 && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+      "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__ */ (0, import_jsx_runtime58.jsx)(import_jsx_runtime58.Fragment, { children: inputUsdNum > maxUsdAmount ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "uf-text-center uf-text-sm uf-mb-3", style: { color: colors2.error }, children: "Insufficient balance" }) : error && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "uf-text-center uf-text-sm uf-mb-3 uf-px-2", style: { color: colors2.error }, children: error }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
       "button",
       {
         onClick: onReview,
@@ -18635,7 +18463,7 @@ function EnterAmountView({
         },
         children: "Review"
       }
-    ) })
+    )
   ] });
 }
 function ReviewView({
@@ -18699,10 +18527,10 @@ function ReviewView({
               }
             ),
             /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
-              getIconUrl4(selectedToken.icon_url, assetCdnUrl) && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+              getIconUrl2(selectedToken.icon_url, assetCdnUrl) && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                 "img",
                 {
-                  src: getIconUrl4(selectedToken.icon_url, assetCdnUrl),
+                  src: getIconUrl2(selectedToken.icon_url, assetCdnUrl),
                   alt: selectedToken.symbol,
                   className: "uf-w-5 uf-h-5 uf-rounded-full"
                 }
@@ -18715,7 +18543,7 @@ function ReviewView({
                   children: [
                     walletInfo.name,
                     " (",
-                    truncateAddress3(walletInfo.address),
+                    truncateAddress2(walletInfo.address),
                     ")"
                   ]
                 }
@@ -18736,7 +18564,7 @@ function ReviewView({
               {
                 className: "uf-text-sm uf-font-medium",
                 style: { color: colors2.foreground, fontFamily: fonts.medium },
-                children: truncateAddress3(recipientAddress)
+                children: truncateAddress2(recipientAddress)
               }
             )
           ] }),
@@ -18932,7 +18760,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,
@@ -19343,20 +19171,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__ */ (0, import_jsx_runtime61.jsx)(import_jsx_runtime61.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
     Dialog2,
     {
@@ -19378,7 +19192,6 @@ function BrowserWalletModal({
             step === "select-token" && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
               SelectTokenView,
               {
-                walletInfo,
                 projectName,
                 assetCdnUrl,
                 balances,
@@ -19395,8 +19208,6 @@ function BrowserWalletModal({
             step === "input-amount" && selectedToken && selectedBalance && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
               EnterAmountView,
               {
-                walletInfo,
-                projectName,
                 selectedBalance,
                 selectedToken,
                 amountUsd,
@@ -19743,6 +19554,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({
@@ -19782,6 +19594,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,
@@ -20086,6 +19899,7 @@ function DepositModal({
   hideDepositTracker = false,
   showBalanceHeader = false,
   transferInputVariant = "double_input",
+  depositConfirmationMode = "auto_ui",
   enableConnectWallet = false,
   onDepositSuccess,
   onDepositError,
@@ -20177,6 +19991,7 @@ function DepositModal({
   };
   const themeClass = resolvedTheme === "dark" ? "uf-dark" : "";
   const handleWalletDisconnect = () => {
+    setUserDisconnectedWallet(true);
     clearStoredWalletChainType();
     setBrowserWalletChainType(void 0);
     setBrowserWalletInfo(null);
@@ -20268,6 +20083,7 @@ function DepositModal({
               balanceChainType: destinationChainType === "ethereum" || destinationChainType === "solana" || destinationChainType === "bitcoin" ? destinationChainType : void 0,
               balanceChainId: destinationChainId,
               balanceTokenAddress: destinationTokenAddress,
+              projectName: projectConfig?.project_name,
               publishableKey
             }
           ),
@@ -20348,7 +20164,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__ */ (0, import_jsx_runtime63.jsx)(
@@ -20360,6 +20183,7 @@ function DepositModal({
               destinationChainType,
               destinationChainId,
               destinationTokenAddress,
+              depositConfirmationMode,
               onExecutionsChange: setDepositExecutions,
               onDepositSuccess,
               onDepositError,
@@ -20374,6 +20198,7 @@ function DepositModal({
               destinationChainType,
               destinationChainId,
               destinationTokenAddress,
+              depositConfirmationMode,
               onExecutionsChange: setDepositExecutions,
               onDepositSuccess,
               onDepositError,
@@ -20388,7 +20213,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__ */ (0, import_jsx_runtime63.jsx)(
@@ -20638,6 +20470,7 @@ function UnifoldProvider2({
             destinationChainType: depositConfig.destinationChainType,
             destinationChainId: depositConfig.destinationChainId,
             destinationTokenAddress: depositConfig.destinationTokenAddress,
+            depositConfirmationMode: depositConfig.depositConfirmationMode ?? "auto_ui",
             hideDepositTracker: config?.hideDepositTracker,
             showBalanceHeader: config?.showBalanceHeader,
             transferInputVariant: config?.transferInputVariant,