@unifold/ui-react 0.1.26 → 0.1.28

package/dist/index.js

@@ -39,6 +39,7 @@ __export(index_exports, {
   DepositExecutionItem: () => DepositExecutionItem,
   DepositHeader: () => DepositHeader,
   DepositModal: () => DepositModal,
+  DepositPollingUi: () => DepositPollingUi,
   DepositSuccessToast: () => DepositSuccessToast,
   DepositTrackerButton: () => DepositTrackerButton,
   DepositWithCardButton: () => DepositWithCardButton,
@@ -73,17 +74,15 @@ __export(index_exports, {
   TransferCryptoDoubleInput: () => TransferCryptoDoubleInput,
   TransferCryptoSingleInput: () => TransferCryptoSingleInput,
   buttonVariants: () => buttonVariants,
-  clearQRCodeCache: () => clearQRCodeCache,
   cn: () => cn,
   colors: () => colors,
   defaultColors: () => defaultColors,
   getColors: () => getColors,
-  isQRCodeCached: () => isQRCodeCached,
   mergeColors: () => mergeColors,
-  preloadQRCode: () => preloadQRCode,
   resolveComponentTokens: () => resolveComponentTokens,
   truncateAddress: () => truncateAddress,
   useAllowedCountry: () => useAllowedCountry,
+  useDepositPolling: () => useDepositPolling,
   useTheme: () => useTheme
 });
 module.exports = __toCommonJS(index_exports);
@@ -104,6 +103,26 @@ function cn(...inputs) {
   return (0, import_tailwind_merge.twMerge)((0, import_clsx.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 {
@@ -616,7 +635,7 @@ DialogDescription.displayName = DialogPrimitive.Description.displayName;
 // src/components/deposits/BuyWithCard.tsx
 var import_react7 = require("react");
 var import_lucide_react6 = require("lucide-react");
-var import_core8 = require("@unifold/core");
+var import_core9 = require("@unifold/core");
 
 // src/hooks/use-deposit-address.ts
 var import_react_query = require("@tanstack/react-query");
@@ -671,10 +690,126 @@ var import_react2 = require("react");
 // src/components/deposits/DepositHeader.tsx
 var import_lucide_react2 = require("lucide-react");
 var import_react = require("react");
+var import_core3 = require("@unifold/core");
+
+// src/components/deposits/browser-wallets/utils.ts
 var import_core2 = require("@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 import_core2.IneligibilityReason.MINIMUM_NOT_MET:
+      return "Low balance";
+    case import_core2.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
 var import_jsx_runtime3 = require("react/jsx-runtime");
 function DepositHeader({
   title,
+  subtitle,
   showBack = false,
   showClose = true,
   onBack,
@@ -685,20 +820,42 @@ function DepositHeader({
   balanceChainType,
   balanceChainId,
   balanceTokenAddress,
+  projectName,
   publishableKey
 }) {
   const { colors: colors2, fonts, components } = useTheme();
   const [balance, setBalance] = (0, import_react.useState)(null);
   const [isLoadingBalance, setIsLoadingBalance] = (0, import_react.useState)(false);
+  const [showBalanceSkeleton, setShowBalanceSkeleton] = (0, import_react.useState)(false);
+  const showBalanceBlock = showBalance === true;
+  (0, import_react.useLayoutEffect)(() => {
+    if (!showBalanceBlock) {
+      setBalance(null);
+      setIsLoadingBalance(false);
+      setShowBalanceSkeleton(false);
+    }
+  }, [showBalanceBlock]);
   (0, import_react.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);
-    (0, import_core2.getAddressBalance)(
+    setShowBalanceSkeleton(false);
+    const skeletonTimer = window.setTimeout(() => {
+      if (!cancelled) setShowBalanceSkeleton(true);
+    }, 150);
+    (0, import_core3.getAddressBalance)(
       balanceAddress,
       balanceChainType,
       balanceChainId,
@@ -706,7 +863,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);
@@ -734,12 +891,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;
@@ -748,9 +905,11 @@ function DepositHeader({
     }).finally(() => {
       if (cancelled) return;
       setIsLoadingBalance(false);
+      setShowBalanceSkeleton(false);
     });
     return () => {
       cancelled = true;
+      window.clearTimeout(skeletonTimer);
     };
   }, [
     showBalance,
@@ -806,18 +965,27 @@ function DepositHeader({
           children: title
         }
       ),
-      showBalance && (isLoadingBalance ? /* @__PURE__ */ (0, import_jsx_runtime3.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_runtime3.jsx)(
+      subtitle ? /* @__PURE__ */ (0, import_jsx_runtime3.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_runtime3.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_runtime3.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_runtime3.jsx)(
       "button",
@@ -834,7 +1002,7 @@ function DepositHeader({
 // src/components/currency/CurrencyListItem.tsx
 var React3 = __toESM(require("react"));
 var import_lucide_react3 = require("lucide-react");
-var import_core3 = require("@unifold/core");
+var import_core4 = require("@unifold/core");
 var import_jsx_runtime4 = require("react/jsx-runtime");
 function CurrencyListItem({
   currency,
@@ -843,7 +1011,7 @@ function CurrencyListItem({
 }) {
   const { colors: colors2, fonts, components } = useTheme();
   const [isHovered, setIsHovered] = React3.useState(false);
-  const iconUrl = (0, import_core3.getPreferredIconUrl)(currency.icon_urls, "png") || currency.icon_url;
+  const iconUrl = (0, import_core4.getPreferredIconUrl)(currency.icon_urls, "png") || currency.icon_url;
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
     "button",
     {
@@ -1047,7 +1215,7 @@ function CurrencyModal({
 
 // src/hooks/use-user-ip.ts
 var import_react_query2 = require("@tanstack/react-query");
-var import_core4 = require("@unifold/core");
+var import_core5 = require("@unifold/core");
 function useUserIp() {
   const {
     data: userIpInfo,
@@ -1056,7 +1224,7 @@ function useUserIp() {
   } = (0, import_react_query2.useQuery)({
     queryKey: ["unifold", "userIpInfo"],
     queryFn: async () => {
-      const data = await (0, import_core4.getIpAddress)();
+      const data = await (0, import_core5.getIpAddress)();
       return {
         alpha2: data.alpha2.toLowerCase(),
         alpha3: data.alpha3?.toLowerCase(),
@@ -1176,45 +1344,75 @@ function interpolate(template, params) {
 
 // src/hooks/use-deposit-polling.ts
 var import_react3 = require("react");
-var import_core5 = require("@unifold/core");
+var import_core6 = require("@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] = (0, import_react3.useState)([]);
   const [isPolling, setIsPolling] = (0, import_react3.useState)(false);
-  const pollingIntervalRef = (0, import_react3.useRef)(
-    null
-  );
-  const [modalOpenedAt] = (0, import_react3.useState)(/* @__PURE__ */ new Date());
-  const [trackedExecutions, setTrackedExecutions] = (0, import_react3.useState)(/* @__PURE__ */ new Map());
+  const [pollingEnabled, setPollingEnabled] = (0, import_react3.useState)(false);
+  const [showWaitingUi, setShowWaitingUi] = (0, import_react3.useState)(false);
+  const modalOpenedAtRef = (0, import_react3.useRef)(/* @__PURE__ */ new Date());
+  const trackedExecutionsRef = (0, import_react3.useRef)(/* @__PURE__ */ new Map());
+  const onDepositSuccessRef = (0, import_react3.useRef)(onDepositSuccess);
+  const onDepositErrorRef = (0, import_react3.useRef)(onDepositError);
   (0, import_react3.useEffect)(() => {
-    if (!userId || !modalOpenedAt || !enabled) return;
-    const pollInterval = setInterval(async () => {
+    onDepositSuccessRef.current = onDepositSuccess;
+  }, [onDepositSuccess]);
+  (0, import_react3.useEffect)(() => {
+    onDepositErrorRef.current = onDepositError;
+  }, [onDepositError]);
+  (0, import_react3.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_react3.useEffect)(() => {
+    if (!userId || !enabled) return;
+    const modalOpenedAt = modalOpenedAtRef.current;
+    const poll = async () => {
       try {
-        const response = await (0, import_core5.queryExecutions)(userId, publishableKey);
+        const response = await (0, import_core6.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;
           }
           const inProgressStatuses = [
-            import_core5.ExecutionStatus.PENDING,
-            import_core5.ExecutionStatus.WAITING,
-            import_core5.ExecutionStatus.DELAYED
+            import_core6.ExecutionStatus.PENDING,
+            import_core6.ExecutionStatus.WAITING,
+            import_core6.ExecutionStatus.DELAYED
           ];
           const terminalStatuses = [
-            import_core5.ExecutionStatus.SUCCEEDED,
-            import_core5.ExecutionStatus.FAILED
+            import_core6.ExecutionStatus.SUCCEEDED,
+            import_core6.ExecutionStatus.FAILED
           ];
           if (inProgressStatuses.includes(trackedStatus) && terminalStatuses.includes(execution.status)) {
             executionToShow = execution;
@@ -1223,35 +1421,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 = [
-            import_core5.ExecutionStatus.PENDING,
-            import_core5.ExecutionStatus.WAITING,
-            import_core5.ExecutionStatus.DELAYED
+            import_core6.ExecutionStatus.PENDING,
+            import_core6.ExecutionStatus.WAITING,
+            import_core6.ExecutionStatus.DELAYED
           ];
-          if (execution.status === import_core5.ExecutionStatus.SUCCEEDED && onDepositSuccess && (!previousStatus || inProgressStatuses.includes(previousStatus))) {
-            onDepositSuccess({
+          if (execution.status === import_core6.ExecutionStatus.SUCCEEDED && (!previousStatus || inProgressStatuses.includes(previousStatus))) {
+            onDepositSuccessRef.current?.({
               message: "Deposit completed successfully",
               executionId: execution.id,
               transaction: execution
             });
-          } else if (execution.status === import_core5.ExecutionStatus.FAILED && onDepositError && previousStatus !== import_core5.ExecutionStatus.FAILED) {
-            onDepositError({
+          } else if (execution.status === import_core6.ExecutionStatus.FAILED && previousStatus !== import_core6.ExecutionStatus.FAILED) {
+            onDepositErrorRef.current?.({
               message: "Deposit failed",
               code: "DEPOSIT_FAILED",
               error: execution
@@ -1260,36 +1453,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_react3.useEffect)(() => {
+    if (!pollingEnabled || !depositWalletId) return;
+    const triggerPoll = async () => {
+      try {
+        await (0, import_core6.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
   };
 }
 
@@ -1299,12 +1501,12 @@ var import_react6 = require("react");
 // src/components/deposits/DepositSuccessToast.tsx
 var import_react5 = require("react");
 var import_lucide_react5 = require("lucide-react");
-var import_core7 = require("@unifold/core");
+var import_core8 = require("@unifold/core");
 
 // src/components/deposits/DepositDetailContent.tsx
 var import_react4 = require("react");
 var import_lucide_react4 = require("lucide-react");
-var import_core6 = require("@unifold/core");
+var import_core7 = require("@unifold/core");
 var import_jsx_runtime7 = require("react/jsx-runtime");
 function formatCurrency(currency) {
   if (!currency) return "";
@@ -1319,12 +1521,12 @@ function DepositDetailContent({ execution }) {
   const [chains, setChains] = (0, import_react4.useState)([]);
   const [showNetworkDetails, setShowNetworkDetails] = (0, import_react4.useState)(false);
   (0, import_react4.useEffect)(() => {
-    (0, import_core6.getTokenChains)().then((response) => setChains(response.data)).catch((err) => console.error("Failed to fetch chains:", err));
+    (0, import_core7.getTokenChains)().then((response) => setChains(response.data)).catch((err) => console.error("Failed to fetch chains:", err));
   }, []);
   (0, import_react4.useEffect)(() => {
     setShowNetworkDetails(false);
   }, [execution?.id]);
-  const isPending = execution.status === import_core6.ExecutionStatus.PENDING || execution.status === import_core6.ExecutionStatus.WAITING || execution.status === import_core6.ExecutionStatus.DELAYED;
+  const isPending = execution.status === import_core7.ExecutionStatus.PENDING || execution.status === import_core7.ExecutionStatus.WAITING || execution.status === import_core7.ExecutionStatus.DELAYED;
   const formatDateTime = (timestamp) => {
     try {
       const date = new Date(timestamp);
@@ -1394,7 +1596,7 @@ function DepositDetailContent({ execution }) {
     return "$0.00";
   };
   const getNetworkName = (chainType, chainId) => {
-    return (0, import_core6.getChainName)(chains, chainType, chainId);
+    return (0, import_core7.getChainName)(chains, chainType, chainId);
   };
   const formatTransactionHash = (hash) => {
     if (!hash || hash.length < 12) return hash;
@@ -1406,7 +1608,7 @@ function DepositDetailContent({ execution }) {
         /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
           "img",
           {
-            src: execution.destination_token_metadata?.icon_url || (0, import_core6.getIconUrl)("/icons/tokens/svg/usdc.svg"),
+            src: execution.destination_token_metadata?.icon_url || (0, import_core7.getIconUrl)("/icons/tokens/svg/usdc.svg"),
             alt: "Token",
             width: 64,
             height: 64,
@@ -1835,7 +2037,7 @@ function DepositSuccessToast({
 }) {
   const [detailModalOpen, setDetailModalOpen] = (0, import_react5.useState)(false);
   const { themeClass, colors: colors2, fonts, components } = useTheme();
-  const isPending = status === import_core7.ExecutionStatus.PENDING || status === import_core7.ExecutionStatus.WAITING || status === import_core7.ExecutionStatus.DELAYED;
+  const isPending = status === import_core8.ExecutionStatus.PENDING || status === import_core8.ExecutionStatus.WAITING || status === import_core8.ExecutionStatus.DELAYED;
   const formatDateTime = (timestamp) => {
     try {
       const date = new Date(timestamp);
@@ -1913,7 +2115,7 @@ function DepositSuccessToast({
               /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                 "img",
                 {
-                  src: tokenIconUrl || (0, import_core7.getIconUrl)("/icons/tokens/svg/usdc.svg"),
+                  src: tokenIconUrl || (0, import_core8.getIconUrl)("/icons/tokens/svg/usdc.svg"),
                   alt: "Token",
                   width: 36,
                   height: 36,
@@ -2204,7 +2406,7 @@ function BuyWithCard({
   (0, import_react7.useEffect)(() => {
     async function fetchFiatCurrencies() {
       try {
-        const response = await (0, import_core8.getFiatCurrencies)(publishableKey);
+        const response = await (0, import_core9.getFiatCurrencies)(publishableKey);
         setFiatCurrencies(response.data);
         setPreferredCurrencyCodes(response.preferred || []);
       } catch (err) {
@@ -2258,7 +2460,7 @@ function BuyWithCard({
   (0, import_react7.useEffect)(() => {
     async function fetchDestinationToken() {
       try {
-        const response = await (0, import_core8.getTokenMetadata)(
+        const response = await (0, import_core9.getTokenMetadata)(
           {
             chain_type: destinationChainType || "",
             chain_id: destinationChainId || "",
@@ -2283,7 +2485,7 @@ function BuyWithCard({
       }
       setDefaultTokenLoading(true);
       try {
-        const response = await (0, import_core8.getDefaultOnrampToken)(
+        const response = await (0, import_core9.getDefaultOnrampToken)(
           {
             country_code: userIpInfo?.alpha2?.toUpperCase() || "US",
             subdivision_code: userIpInfo?.state || void 0,
@@ -2371,7 +2573,7 @@ function BuyWithCard({
         destination_network: defaultToken.destination_network,
         subdivision_code: userIpInfo?.state || void 0
       };
-      const response = await (0, import_core8.getOnrampQuotes)(request, publishableKey);
+      const response = await (0, import_core9.getOnrampQuotes)(request, publishableKey);
       setQuotes(response.data);
       const currentHasManualSelection = hasManualSelectionRef.current;
       const currentSelectedProvider = selectedProviderRef.current;
@@ -2455,7 +2657,7 @@ function BuyWithCard({
   const handleContinue = () => {
     if (!selectedProvider) return;
     if (!defaultToken) return;
-    const wallet = (0, import_core8.getWalletByChainType)(
+    const wallet = (0, import_core9.getWalletByChainType)(
       wallets,
       defaultToken.destination_token_metadata.chain_type
     );
@@ -2473,7 +2675,7 @@ function BuyWithCard({
       wallet_address: wallet.address,
       subdivision_code: userIpInfo?.state || void 0
     };
-    const sessionStartUrl = (0, import_core8.getOnrampSessionStartUrl)(
+    const sessionStartUrl = (0, import_core9.getOnrampSessionStartUrl)(
       sessionRequest,
       publishableKey
     );
@@ -2523,7 +2725,7 @@ function BuyWithCard({
                       selectedCurrencyData && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
                         "img",
                         {
-                          src: (0, import_core8.getPreferredIconUrl)(
+                          src: (0, import_core9.getPreferredIconUrl)(
                             selectedCurrencyData.icon_urls,
                             "png"
                           ) || selectedCurrencyData.icon_url,
@@ -2885,7 +3087,7 @@ function BuyWithCard({
                   /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "uf-h-8 uf-flex uf-items-center uf-justify-center uf-mb-1.5", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
                     "img",
                     {
-                      src: (0, import_core8.getIconUrlWithCdn)(
+                      src: (0, import_core9.getIconUrlWithCdn)(
                         `/icons/currencies/png/${onrampSession.sourceCurrency.toLowerCase()}.png`,
                         assetCdnUrl
                       ),
@@ -2902,7 +3104,7 @@ function BuyWithCard({
                     /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
                       "img",
                       {
-                        src: defaultToken?.destination_token_metadata?.icon_url || (0, import_core8.getIconUrlWithCdn)(
+                        src: defaultToken?.destination_token_metadata?.icon_url || (0, import_core9.getIconUrlWithCdn)(
                           "/icons/tokens/png/usdc.png",
                           assetCdnUrl
                         ),
@@ -2913,7 +3115,7 @@ function BuyWithCard({
                     /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
                       "img",
                       {
-                        src: defaultToken?.destination_token_metadata?.chain.icon_url || (0, import_core8.getIconUrlWithCdn)(
+                        src: defaultToken?.destination_token_metadata?.chain.icon_url || (0, import_core9.getIconUrlWithCdn)(
                           "/icons/networks/png/polygon.png",
                           assetCdnUrl
                         ),
@@ -2931,7 +3133,7 @@ function BuyWithCard({
                     /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
                       "img",
                       {
-                        src: destinationTokenIcon || (0, import_core8.getIconUrlWithCdn)(
+                        src: destinationTokenIcon || (0, import_core9.getIconUrlWithCdn)(
                           "/icons/tokens/png/usdc.png",
                           assetCdnUrl
                         ),
@@ -2989,14 +3191,14 @@ var import_react8 = require("react");
 
 // src/components/deposits/DepositExecutionItem.tsx
 var import_lucide_react7 = require("lucide-react");
-var import_core9 = require("@unifold/core");
+var import_core10 = require("@unifold/core");
 var import_jsx_runtime11 = require("react/jsx-runtime");
 function DepositExecutionItem({
   execution,
   onClick
 }) {
   const { colors: colors2, fonts, components } = useTheme();
-  const isPending = execution.status === import_core9.ExecutionStatus.PENDING || execution.status === import_core9.ExecutionStatus.WAITING || execution.status === import_core9.ExecutionStatus.DELAYED;
+  const isPending = execution.status === import_core10.ExecutionStatus.PENDING || execution.status === import_core10.ExecutionStatus.WAITING || execution.status === import_core10.ExecutionStatus.DELAYED;
   const formatDateTime = (timestamp) => {
     try {
       const date = new Date(timestamp);
@@ -3039,7 +3241,7 @@ function DepositExecutionItem({
           /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
             "img",
             {
-              src: execution.destination_token_metadata?.icon_url || (0, import_core9.getIconUrl)("/icons/tokens/svg/usdc.svg"),
+              src: execution.destination_token_metadata?.icon_url || (0, import_core10.getIconUrl)("/icons/tokens/svg/usdc.svg"),
               alt: "Token",
               width: 36,
               height: 36,
@@ -3216,7 +3418,7 @@ function ThemeStyleInjector({
 }
 
 // src/components/deposits/DepositsModal.tsx
-var import_core10 = require("@unifold/core");
+var import_core11 = require("@unifold/core");
 var import_jsx_runtime13 = require("react/jsx-runtime");
 function DepositsModal({
   open,
@@ -3234,7 +3436,7 @@ function DepositsModal({
     if (!open || !userId) return;
     const fetchExecutions = async () => {
       try {
-        const response = await (0, import_core10.queryExecutions)(userId, publishableKey);
+        const response = await (0, import_core11.queryExecutions)(userId, publishableKey);
         const sorted = [...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;
@@ -3580,7 +3782,7 @@ function DepositTrackerButton({
 // src/components/deposits/buttons/BrowserWalletButton.tsx
 var React20 = __toESM(require("react"));
 var import_lucide_react11 = require("lucide-react");
-var import_core11 = require("@unifold/core");
+var import_core12 = require("@unifold/core");
 
 // src/resources/icons/MetamaskIcon.tsx
 var React8 = __toESM(require("react"));
@@ -5150,10 +5352,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,
@@ -5170,9 +5410,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);
@@ -5181,7 +5447,7 @@ function BrowserWalletButton({
     let cancelled = false;
     const walletChainType = wallet.type === "phantom-solana" || wallet.type === "solflare" || wallet.type === "backpack" || wallet.type === "glow" ? "solana" : "ethereum";
     setIsLoadingBalance(true);
-    (0, import_core11.getAddressBalances)(wallet.address, walletChainType, publishableKey).then((response) => {
+    (0, import_core12.getAddressBalances)(wallet.address, walletChainType, publishableKey).then((response) => {
       if (cancelled) return;
       if (response.balances && response.balances.length > 0) {
         const totalUsd = response.balances.reduce((sum, balance) => {
@@ -5222,166 +5488,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 {
             }
           }
         }
@@ -5402,12 +5587,12 @@ function BrowserWalletButton({
       detectWallet();
     };
     const handleDisconnect = () => {
-      onDisconnect?.();
+      onDisconnectRef.current?.();
       detectWallet();
     };
     const handleEthAccountsChanged = (accounts) => {
       if (Array.isArray(accounts) && accounts.length === 0) {
-        onDisconnect?.();
+        onDisconnectRef.current?.();
       }
       detectWallet();
     };
@@ -5417,10 +5602,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;
@@ -5429,12 +5628,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);
@@ -5450,6 +5649,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",
@@ -5467,6 +5667,7 @@ function BrowserWalletButton({
             method: "eth_requestAccounts"
           });
           if (accounts && accounts.length > 0) {
+            setUserDisconnectedWallet(false);
             const isPhantom = ethProvider.isPhantom;
             setWallet({
               type: isPhantom ? "phantom-ethereum" : "metamask",
@@ -5478,7 +5679,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);
     }
@@ -5524,7 +5728,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_runtime30.jsx)("div", { className: "uf-h-3 uf-w-24 uf-bg-muted uf-rounded uf-animate-pulse" }) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
@@ -5577,7 +5781,7 @@ var import_core19 = require("@unifold/core");
 
 // src/hooks/use-allowed-country.ts
 var import_react_query3 = require("@tanstack/react-query");
-var import_core12 = require("@unifold/core");
+var import_core13 = require("@unifold/core");
 function useAllowedCountry(publishableKey) {
   const {
     data: ipData,
@@ -5585,7 +5789,7 @@ function useAllowedCountry(publishableKey) {
     error: ipError
   } = (0, import_react_query3.useQuery)({
     queryKey: ["unifold", "ipAddress"],
-    queryFn: () => (0, import_core12.getIpAddress)(),
+    queryFn: () => (0, import_core13.getIpAddress)(),
     refetchOnMount: false,
     refetchOnReconnect: true,
     refetchOnWindowFocus: false,
@@ -5600,7 +5804,7 @@ function useAllowedCountry(publishableKey) {
     error: configError
   } = (0, import_react_query3.useQuery)({
     queryKey: ["unifold", "projectConfig", publishableKey],
-    queryFn: () => (0, import_core12.getProjectConfig)(publishableKey),
+    queryFn: () => (0, import_core13.getProjectConfig)(publishableKey),
     refetchOnMount: false,
     refetchOnReconnect: true,
     refetchOnWindowFocus: false,
@@ -5631,7 +5835,7 @@ function useAllowedCountry(publishableKey) {
 
 // src/hooks/use-address-validation.ts
 var import_react_query4 = require("@tanstack/react-query");
-var import_core13 = require("@unifold/core");
+var import_core14 = require("@unifold/core");
 function useAddressValidation({
   recipientAddress,
   destinationChainType,
@@ -5651,7 +5855,7 @@ function useAddressValidation({
       destinationChainId,
       destinationTokenAddress
     ],
-    queryFn: () => (0, import_core13.verifyRecipientAddress)(
+    queryFn: () => (0, import_core14.verifyRecipientAddress)(
       {
         chain_type: destinationChainType,
         chain_id: destinationChainId,
@@ -5689,7 +5893,7 @@ function useAddressValidation({
 
 // src/hooks/use-supported-deposit-tokens.ts
 var import_react_query5 = require("@tanstack/react-query");
-var import_core14 = require("@unifold/core");
+var import_core15 = require("@unifold/core");
 function useSupportedDepositTokens(publishableKey, options) {
   const filteredOptions = options?.destination_token_address && options?.destination_chain_id && options?.destination_chain_type ? {
     destination_token_address: options.destination_token_address,
@@ -5705,7 +5909,7 @@ function useSupportedDepositTokens(publishableKey, options) {
       filteredOptions?.destination_chain_id ?? null,
       filteredOptions?.destination_chain_type ?? null
     ],
-    queryFn: () => (0, import_core14.getSupportedDepositTokens)(publishableKey, filteredOptions),
+    queryFn: () => (0, import_core15.getSupportedDepositTokens)(publishableKey, filteredOptions),
     staleTime: 1e3 * 60 * 5,
     // 5 minutes — token list rarely changes
     gcTime: 1e3 * 60 * 30,
@@ -5723,11 +5927,6 @@ var import_lucide_react14 = require("lucide-react");
 var import_react10 = require("react");
 var import_qr_code_styling = __toESM(require("qr-code-styling"));
 var import_jsx_runtime31 = require("react/jsx-runtime");
-var qrCache = /* @__PURE__ */ new Map();
-var imageCache = /* @__PURE__ */ new Map();
-function getCacheKey(value, size, imageUrl, darkMode) {
-  return `${value}|${size}|${imageUrl || ""}|${darkMode}`;
-}
 function createQRConfig(value, size, imageUrl, imageSize, darkMode) {
   return {
     type: "svg",
@@ -5764,79 +5963,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 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 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,
@@ -5845,107 +5971,28 @@ function StyledQRCode({
   darkMode = false
 }) {
   const containerRef = (0, import_react10.useRef)(null);
-  const [isReady, setIsReady] = (0, import_react10.useState)(false);
-  const currentKeyRef = (0, import_react10.useRef)("");
-  const cacheKey = getCacheKey(value, size, imageUrl, darkMode);
-  const cachedEntry = qrCache.get(cacheKey);
-  const renderQR = (0, import_react10.useCallback)(async () => {
+  const qrRef = (0, import_react10.useRef)(null);
+  (0, import_react10.useEffect)(() => {
     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 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, size, imageUrl, imageSize, darkMode]);
-  (0, import_react10.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_runtime31.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     "div",
     {
+      ref: containerRef,
       style: {
         width: size,
         height: size,
         display: "flex",
         alignItems: "center",
-        justifyContent: "center",
-        position: "relative"
-      },
-      children: [
-        showSkeleton && /* @__PURE__ */ (0, import_jsx_runtime31.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_runtime31.jsx)(
-              "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__ */ (0, import_jsx_runtime31.jsx)(
-          "div",
-          {
-            ref: containerRef,
-            style: {
-              width: size,
-              height: size,
-              opacity: isReady ? 1 : 0,
-              transition: "opacity 0.15s ease-out"
-            }
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("style", { children: `
-        @keyframes uf-qr-pulse {
-          0%, 100% { opacity: 1; }
-          50% { opacity: 0.6; }
-        }
-      ` })
-      ]
+        justifyContent: "center"
+      }
     }
   );
 }
@@ -5962,7 +6009,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 [];
@@ -6411,50 +6459,34 @@ function TokenSelectorSheet({
   );
 }
 
-// src/components/deposits/shared/PollCooldownButton.tsx
-var import_core15 = require("@unifold/core");
+// src/components/deposits/DepositPollingUi.tsx
 var import_jsx_runtime33 = require("react/jsx-runtime");
-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 (0, import_core15.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_runtime33.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime33.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_runtime33.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_runtime33.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_runtime33.jsx)("div", { className: "uf-flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime33.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_runtime33.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "uf-text-sm uf-font-medium uf-text-foreground", children: "Processing deposit transactions" }),
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("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
@@ -6650,6 +6682,7 @@ function TransferCryptoSingleInput({
   destinationChainType,
   destinationChainId,
   destinationTokenAddress,
+  depositConfirmationMode = "auto_ui",
   onExecutionsChange,
   onDepositSuccess,
   onDepositError,
@@ -6662,20 +6695,10 @@ function TransferCryptoSingleInput({
   const [copied, setCopied] = (0, import_react13.useState)(false);
   const { copied: copiedRecipient, handleCopy: handleCopyRecipientAddress } = useCopyAddress();
   const [glossaryOpen, setGlossaryOpen] = (0, import_react13.useState)(false);
-  const [pollCooldown, setPollCooldown] = (0, import_react13.useState)(0);
-  const cooldownRef = (0, import_react13.useRef)(null);
   const [detailsExpanded, setDetailsExpanded] = (0, import_react13.useState)(false);
   const [depositsModalOpen, setDepositsModalOpen] = (0, import_react13.useState)(false);
   const [tokenSelectorOpen, setTokenSelectorOpen] = (0, import_react13.useState)(false);
   const [initialSelectionDone, setInitialSelectionDone] = (0, import_react13.useState)(false);
-  (0, import_react13.useEffect)(() => {
-    return () => {
-      if (cooldownRef.current) {
-        clearInterval(cooldownRef.current);
-        cooldownRef.current = null;
-      }
-    };
-  }, []);
   const {
     data: tokensResponse,
     isLoading: tokensLoading
@@ -6702,13 +6725,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_react13.useMemo)(() => {
     const chainsMap = /* @__PURE__ */ new Map();
     supportedTokens.forEach((t6) => {
@@ -6728,6 +6744,15 @@ function TransferCryptoSingleInput({
   const currentChainType = currentChainData?.chain_type || "ethereum";
   const currentWallet = (0, import_core16.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_react13.useEffect)(() => {
     if (!supportedTokens.length || initialSelectionDone) return;
     let selectedTokenData;
@@ -6777,28 +6802,6 @@ function TransferCryptoSingleInput({
       onExecutionsChange(depositExecutions);
     }
   }, [depositExecutions, onExecutionsChange]);
-  (0, import_react13.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_react13.useEffect)(() => {
     if (!supportedTokens.length) return;
     const currentToken = supportedTokens.find((t6) => t6.symbol === token);
@@ -7071,14 +7074,12 @@ function TransferCryptoSingleInput({
           ] })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime37.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_runtime37.jsx)(DepositFooterLinks, { onGlossaryClick: () => setGlossaryOpen(true) }),
@@ -7271,6 +7272,7 @@ function TransferCryptoDoubleInput({
   destinationChainType,
   destinationChainId,
   destinationTokenAddress,
+  depositConfirmationMode = "auto_ui",
   onExecutionsChange,
   onDepositSuccess,
   onDepositError,
@@ -7283,19 +7285,9 @@ function TransferCryptoDoubleInput({
   const [copied, setCopied] = (0, import_react14.useState)(false);
   const { copied: copiedRecipient, handleCopy: handleCopyRecipientAddress } = useCopyAddress();
   const [glossaryOpen, setGlossaryOpen] = (0, import_react14.useState)(false);
-  const [pollCooldown, setPollCooldown] = (0, import_react14.useState)(0);
-  const cooldownRef = (0, import_react14.useRef)(null);
   const [detailsExpanded, setDetailsExpanded] = (0, import_react14.useState)(false);
   const [depositsModalOpen, setDepositsModalOpen] = (0, import_react14.useState)(false);
   const [initialSelectionDone, setInitialSelectionDone] = (0, import_react14.useState)(false);
-  (0, import_react14.useEffect)(() => {
-    return () => {
-      if (cooldownRef.current) {
-        clearInterval(cooldownRef.current);
-        cooldownRef.current = null;
-      }
-    };
-  }, []);
   const {
     data: tokensResponse,
     isLoading: tokensLoading
@@ -7322,13 +7314,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_react14.useMemo)(() => {
     const chainsMap = /* @__PURE__ */ new Map();
     supportedTokens.forEach((t6) => {
@@ -7348,6 +7333,15 @@ function TransferCryptoDoubleInput({
   const currentChainType = currentChainData?.chain_type || "ethereum";
   const currentWallet = (0, import_core17.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_react14.useEffect)(() => {
     if (!supportedTokens.length || initialSelectionDone) return;
     const allChains = /* @__PURE__ */ new Set();
@@ -7370,28 +7364,6 @@ function TransferCryptoDoubleInput({
       onExecutionsChange(depositExecutions);
     }
   }, [depositExecutions, onExecutionsChange]);
-  (0, import_react14.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_react14.useEffect)(() => {
     if (!supportedTokens.length) return;
     const currentToken = supportedTokens.find((t6) => t6.symbol === token);
@@ -7698,14 +7670,12 @@ function TransferCryptoDoubleInput({
           ] })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime39.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_runtime39.jsx)(DepositFooterLinks, { onGlossaryClick: () => setGlossaryOpen(true) }),
@@ -7759,110 +7729,10 @@ function TransferCryptoDoubleInput({
 var React24 = __toESM(require("react"));
 var import_core18 = require("@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
 var import_lucide_react17 = require("lucide-react");
 var import_jsx_runtime40 = require("react/jsx-runtime");
 function SelectTokenView({
-  walletInfo,
   projectName,
   assetCdnUrl,
   balances,
@@ -7881,27 +7751,12 @@ function SelectTokenView({
       DepositHeader,
       {
         title: "Select Token",
+        subtitle: formatBalanceDisplay(`$${totalBalanceUsd || "0.00"}`, projectName),
         showBack: true,
         onBack,
         onClose
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime40.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_runtime40.jsxs)("div", { className: "uf-text-xs", children: [
-            walletInfo.name,
-            " (",
-            truncateAddress3(walletInfo.address),
-            ")"
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "uf-text-xs", children: formatBalanceDisplay(`$${totalBalanceUsd || "0.00"}`, projectName) })
-        ]
-      }
-    ),
     /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "uf-h-[300px] uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "uf-space-y-2", children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "uf-flex uf-items-center uf-justify-center uf-py-12", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
       import_lucide_react17.Loader2,
       {
@@ -7912,6 +7767,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);
@@ -7929,10 +7785,10 @@ function SelectTokenView({
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
               /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "uf-relative uf-w-9 uf-h-9", children: [
-                getIconUrl4(token.icon_url, assetCdnUrl) ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                getIconUrl(token.icon_url, assetCdnUrl) ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                   "img",
                   {
-                    src: getIconUrl4(token.icon_url, assetCdnUrl),
+                    src: getIconUrl(token.icon_url, assetCdnUrl),
                     alt: token.symbol,
                     width: 36,
                     height: 36,
@@ -7947,10 +7803,10 @@ function SelectTokenView({
                     children: /* @__PURE__ */ (0, import_jsx_runtime40.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_runtime40.jsx)(
+                getIconUrl(token.chain_icon_url, assetCdnUrl) && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                   "img",
                   {
-                    src: getIconUrl4(token.chain_icon_url, assetCdnUrl),
+                    src: getIconUrl(token.chain_icon_url, assetCdnUrl),
                     alt: token.chain_name,
                     width: 16,
                     height: 16,
@@ -7981,7 +7837,7 @@ function SelectTokenView({
                     style: { color: components.card.subtitleColor, fontFamily: fonts.regular },
                     children: [
                       token.chain_name,
-                      !isEligible && " \u2022 Minimum not met"
+                      ineligibilityMessage && ` \u2022 ${ineligibilityMessage}`
                     ]
                   }
                 )
@@ -8040,8 +7896,6 @@ function SelectTokenView({
 // src/components/deposits/browser-wallets/EnterAmountView.tsx
 var import_jsx_runtime41 = require("react/jsx-runtime");
 function EnterAmountView({
-  walletInfo,
-  projectName,
   selectedBalance,
   selectedToken,
   amountUsd,
@@ -8058,54 +7912,20 @@ function EnterAmountView({
   onClose
 }) {
   const { colors: colors2, fonts, components } = useTheme();
-  return /* @__PURE__ */ (0, import_jsx_runtime41.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_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
       DepositHeader,
       {
         title: "Enter Amount",
+        subtitle: balanceSubtitle,
         showBack: true,
         onBack,
         onClose
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "uf-text-center uf-pb-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
-        "div",
-        {
-          className: "uf-text-xs",
-          style: { color: colors2.foreground, fontFamily: fonts.regular },
-          children: [
-            walletInfo.name,
-            " (",
-            truncateAddress3(walletInfo.address),
-            ")"
-          ]
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-        "div",
-        {
-          className: "uf-text-sm uf-mt-1",
-          style: { color: colors2.foregroundMuted, fontFamily: fonts.regular },
-          children: selectedBalance?.amount_usd ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.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_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
-            "Balance: ",
-            formatTokenAmount(selectedBalance.amount, selectedToken.decimals, selectedToken.symbol),
-            " ",
-            selectedToken.symbol
-          ] })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "uf-flex-1 uf-overflow-y-auto", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "uf-text-center uf-h-[100px] uf-flex uf-flex-col uf-justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "uf-flex uf-items-center uf-justify-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "uf-text-center uf-py-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "uf-flex uf-items-center uf-justify-center", children: [
         /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
           "span",
           {
@@ -8141,60 +7961,57 @@ function EnterAmountView({
             }
           }
         )
-      ] }) }),
-      formattedTokenAmount && /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "uf-text-sm uf-text-center", style: { color: colors2.foregroundMuted }, children: [
+      ] }),
+      formattedTokenAmount && /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "uf-text-sm uf-mt-2", style: { color: colors2.foregroundMuted }, children: [
         "\u2248 ",
         formattedTokenAmount
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime41.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_runtime41.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_runtime41.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_runtime41.jsxs)(
-        "div",
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "uf-flex uf-gap-2 uf-mb-4", children: [
+      [25, 50, 100, 500].map((quickAmount) => /* @__PURE__ */ (0, import_jsx_runtime41.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_runtime41.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_runtime41.jsx)(import_jsx_runtime41.Fragment, { children: inputUsdNum > maxUsdAmount ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "uf-text-center uf-text-sm uf-mb-2", style: { color: colors2.error }, children: "Insufficient balance" }) : error && /* @__PURE__ */ (0, import_jsx_runtime41.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_runtime41.jsx)("div", { className: "uf-pt-4", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    tokenChainDetails && tokenChainDetails.minimum_deposit_amount_usd > 0 && /* @__PURE__ */ (0, import_jsx_runtime41.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_runtime41.jsx)(import_jsx_runtime41.Fragment, { children: inputUsdNum > maxUsdAmount ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "uf-text-center uf-text-sm uf-mb-3", style: { color: colors2.error }, children: "Insufficient balance" }) : error && /* @__PURE__ */ (0, import_jsx_runtime41.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_runtime41.jsx)(
       "button",
       {
         onClick: onReview,
@@ -8207,7 +8024,7 @@ function EnterAmountView({
         },
         children: "Review"
       }
-    ) })
+    )
   ] });
 }
 
@@ -8275,10 +8092,10 @@ function ReviewView({
               }
             ),
             /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
-              getIconUrl4(selectedToken.icon_url, assetCdnUrl) && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+              getIconUrl(selectedToken.icon_url, assetCdnUrl) && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
                 "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"
                 }
@@ -8291,7 +8108,7 @@ function ReviewView({
                   children: [
                     walletInfo.name,
                     " (",
-                    truncateAddress3(walletInfo.address),
+                    truncateAddress2(walletInfo.address),
                     ")"
                   ]
                 }
@@ -8312,7 +8129,7 @@ function ReviewView({
               {
                 className: "uf-text-sm uf-font-medium",
                 style: { color: colors2.foreground, fontFamily: fonts.medium },
-                children: truncateAddress3(recipientAddress)
+                children: truncateAddress2(recipientAddress)
               }
             )
           ] }),
@@ -8516,7 +8333,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,
@@ -8927,20 +8744,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_runtime44.jsx)(import_jsx_runtime44.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     Dialog,
     {
@@ -8962,7 +8765,6 @@ function BrowserWalletModal({
             step === "select-token" && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
               SelectTokenView,
               {
-                walletInfo,
                 projectName,
                 assetCdnUrl,
                 balances,
@@ -8979,8 +8781,6 @@ function BrowserWalletModal({
             step === "input-amount" && selectedToken && selectedBalance && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
               EnterAmountView,
               {
-                walletInfo,
-                projectName,
                 selectedBalance,
                 selectedToken,
                 amountUsd,
@@ -9332,6 +9132,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({
@@ -9371,6 +9172,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,
@@ -9678,6 +9480,7 @@ function DepositModal({
   hideDepositTracker = false,
   showBalanceHeader = false,
   transferInputVariant = "double_input",
+  depositConfirmationMode = "auto_ui",
   enableConnectWallet = false,
   onDepositSuccess,
   onDepositError,
@@ -9769,6 +9572,7 @@ function DepositModal({
   };
   const themeClass = resolvedTheme === "dark" ? "uf-dark" : "";
   const handleWalletDisconnect = () => {
+    setUserDisconnectedWallet(true);
     clearStoredWalletChainType();
     setBrowserWalletChainType(void 0);
     setBrowserWalletInfo(null);
@@ -9860,6 +9664,7 @@ function DepositModal({
               balanceChainType: destinationChainType === "ethereum" || destinationChainType === "solana" || destinationChainType === "bitcoin" ? destinationChainType : void 0,
               balanceChainId: destinationChainId,
               balanceTokenAddress: destinationTokenAddress,
+              projectName: projectConfig?.project_name,
               publishableKey
             }
           ),
@@ -9940,7 +9745,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_runtime46.jsx)(
@@ -9952,6 +9764,7 @@ function DepositModal({
               destinationChainType,
               destinationChainId,
               destinationTokenAddress,
+              depositConfirmationMode,
               onExecutionsChange: setDepositExecutions,
               onDepositSuccess,
               onDepositError,
@@ -9966,6 +9779,7 @@ function DepositModal({
               destinationChainType,
               destinationChainId,
               destinationTokenAddress,
+              depositConfirmationMode,
               onExecutionsChange: setDepositExecutions,
               onDepositSuccess,
               onDepositError,
@@ -9980,7 +9794,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_runtime46.jsx)(
@@ -10131,6 +9952,7 @@ Button.displayName = "Button";
   DepositExecutionItem,
   DepositHeader,
   DepositModal,
+  DepositPollingUi,
   DepositSuccessToast,
   DepositTrackerButton,
   DepositWithCardButton,
@@ -10165,16 +9987,14 @@ Button.displayName = "Button";
   TransferCryptoDoubleInput,
   TransferCryptoSingleInput,
   buttonVariants,
-  clearQRCodeCache,
   cn,
   colors,
   defaultColors,
   getColors,
-  isQRCodeCached,
   mergeColors,
-  preloadQRCode,
   resolveComponentTokens,
   truncateAddress,
   useAllowedCountry,
+  useDepositPolling,
   useTheme
 });