@unifold/connect-react 0.1.21 → 0.1.22

package/dist/index.mjs

@@ -1145,7 +1145,7 @@ ${new this._window.XMLSerializer().serializeToString(e3)}`;
 
 // src/provider.tsx
 import React38, {
-  useState as useState22,
+  useState as useState23,
   useCallback as useCallback10,
   useMemo as useMemo13
 } from "react";
@@ -1217,7 +1217,7 @@ function useUnifold() {
 }
 
 // ../ui-react/dist/index.mjs
-import { useState as useState16, useEffect as useEffect132 } from "react";
+import { useState as useState17, useEffect as useEffect142 } from "react";
 
 // ../../node_modules/.pnpm/lucide-react@0.454.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
 import { forwardRef as forwardRef2, createElement as createElement2 } from "react";
@@ -6007,7 +6007,7 @@ var twMerge = /* @__PURE__ */ createTailwindMerge(getDefaultConfig);
 import * as React36 from "react";
 import { jsx as jsx17 } from "react/jsx-runtime";
 import { jsx as jsx23, jsxs as jsxs4 } from "react/jsx-runtime";
-import { useState as useState82, useEffect as useEffect42, useRef as useRef22 } from "react";
+import { useState as useState92, useEffect as useEffect52, useRef as useRef22 } from "react";
 
 // ../core/dist/index.mjs
 import { useQuery } from "@tanstack/react-query";
@@ -6294,12 +6294,14 @@ async function getTokenChains() {
   return response.json();
 }
 function getChainName(chains, chainType, chainId) {
+  if (!chainType && !chainId) return "Unknown";
   const target = chains.find((c) => c.chain_id === chainId && c.chain_type === chainType);
   if (target) return target.chain_name;
   const byId = chains.find((c) => c.chain_id === chainId);
   if (byId) return byId.chain_name;
   const byType = chains.find((c) => c.chain_type === chainType);
   if (byType) return byType.chain_name;
+  if (!chainType) return chainId || "Unknown";
   return chainType.charAt(0).toUpperCase() + chainType.slice(1);
 }
 async function getProjectConfig(publishableKey) {
@@ -6333,6 +6335,49 @@ async function getIpAddress() {
   }
   return response.json();
 }
+async function getAddressBalance(address, chainType, chainId, tokenAddress, publishableKey) {
+  const pk = publishableKey || DEFAULT_PUBLISHABLE_KEY;
+  validatePublishableKey(pk);
+  const url = `${API_BASE_URL}/v1/public/addresses/balance`;
+  const response = await fetch(url, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+      accept: "application/json",
+      "x-publishable-key": pk
+    },
+    body: JSON.stringify({
+      address,
+      chain_type: chainType,
+      chain_id: chainId,
+      token_address: tokenAddress
+    })
+  });
+  if (!response.ok) {
+    throw new Error(`Failed to fetch address balance: ${response.statusText}`);
+  }
+  const data = await response.json();
+  return data;
+}
+async function verifyRecipientAddress(request, publishableKey) {
+  const pk = publishableKey || DEFAULT_PUBLISHABLE_KEY;
+  validatePublishableKey(pk);
+  const response = await fetch(`${API_BASE_URL}/v1/public/addresses/verify`, {
+    method: "POST",
+    headers: {
+      accept: "application/json",
+      "x-publishable-key": pk,
+      "Content-Type": "application/json"
+    },
+    body: JSON.stringify(request)
+  });
+  if (!response.ok) {
+    throw new Error(
+      `Failed to verify recipient address: ${response.statusText}`
+    );
+  }
+  return response.json();
+}
 function useUserIp() {
   const {
     data: userIpInfo,
@@ -6432,22 +6477,23 @@ var en_default = {
 var i18n = en_default;
 
 // ../ui-react/dist/index.mjs
-import { useState as useState32 } from "react";
+import { useState as useState42 } from "react";
+import { useEffect as useEffect22, useState as useState22 } from "react";
 import { jsx as jsx32, jsxs as jsxs22 } from "react/jsx-runtime";
 import * as React37 from "react";
 import { jsx as jsx42, jsxs as jsxs32 } from "react/jsx-runtime";
 import { Fragment as Fragment8, jsx as jsx52, jsxs as jsxs42 } from "react/jsx-runtime";
 import { jsx as jsx62, jsxs as jsxs5 } from "react/jsx-runtime";
 import { useQuery as useQuery2 } from "@tanstack/react-query";
-import { useState as useState42, useEffect as useEffect22, useRef as useRef16 } from "react";
+import { useState as useState52, useEffect as useEffect32, useRef as useRef16 } from "react";
+import { useState as useState82 } from "react";
 import { useState as useState72 } from "react";
-import { useState as useState62 } from "react";
-import { useEffect as useEffect32, useState as useState52 } from "react";
+import { useEffect as useEffect42, useState as useState62 } from "react";
 import { jsx as jsx72, jsxs as jsxs6 } from "react/jsx-runtime";
 import { Fragment as Fragment23, jsx as jsx82, jsxs as jsxs7 } from "react/jsx-runtime";
 import { jsx as jsx92 } from "react/jsx-runtime";
 import { jsx as jsx102, jsxs as jsxs8 } from "react/jsx-runtime";
-import { useEffect as useEffect52, useState as useState92 } from "react";
+import { useEffect as useEffect62, useState as useState102 } from "react";
 import { jsx as jsx112, jsxs as jsxs9 } from "react/jsx-runtime";
 import * as React42 from "react";
 import { jsx as jsx122 } from "react/jsx-runtime";
@@ -6459,11 +6505,12 @@ import { jsx as jsx152, jsxs as jsxs12 } from "react/jsx-runtime";
 import * as React72 from "react";
 import { jsx as jsx162, jsxs as jsxs13 } from "react/jsx-runtime";
 import { useQuery as useQuery22 } from "@tanstack/react-query";
-import { useState as useState142, useEffect as useEffect112 } from "react";
+import { useQuery as useQuery3 } from "@tanstack/react-query";
+import { useState as useState152, useEffect as useEffect122 } from "react";
 var import_qr_code_styling = __toESM(require_qr_code_styling(), 1);
-import { useEffect as useEffect92, useRef as useRef32 } from "react";
+import { useEffect as useEffect102, useRef as useRef32 } from "react";
 import { jsx as jsx172 } from "react/jsx-runtime";
-import { useState as useState132, useMemo as useMemo32, useEffect as useEffect102 } from "react";
+import { useState as useState142, useMemo as useMemo32, useEffect as useEffect112 } from "react";
 import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
 import * as React82 from "react";
 
@@ -9205,7 +9252,7 @@ var Content22 = TooltipContent;
 // ../ui-react/dist/index.mjs
 import { jsx as jsx19 } from "react/jsx-runtime";
 import { Fragment as Fragment42, jsx as jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
-import { useState as useState152, useEffect as useEffect122 } from "react";
+import { useState as useState162, useEffect as useEffect132 } from "react";
 import * as React92 from "react";
 
 // ../../node_modules/.pnpm/@radix-ui+react-select@2.2.6_@types+react-dom@19.2.3_@types+react@19.2.9__@types+react@19.2.9_5n4syhs66qrtkkphe44qzgdimq/node_modules/@radix-ui/react-select/dist/index.mjs
@@ -10594,6 +10641,29 @@ import { jsx as jsx24 } from "react/jsx-runtime";
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
+function formatEstimatedTime(seconds) {
+  if (seconds == null) {
+    return "< 1 min";
+  }
+  if (seconds < 60) {
+    return `< ${seconds} sec${seconds > 1 ? "s" : ""}`;
+  } else if (seconds < 3600) {
+    const mins = Math.ceil(seconds / 60);
+    return `< ${mins} min${mins > 1 ? "s" : ""}`;
+  } else {
+    let hrs = Math.floor(seconds / 3600);
+    let mins = Math.ceil(seconds % 3600 / 60);
+    if (mins === 60) {
+      hrs += 1;
+      mins = 0;
+    }
+    const hrLabel = hrs > 1 ? "hrs" : "hr";
+    if (mins === 0) {
+      return `< ${hrs} ${hrLabel}`;
+    }
+    return `< ${hrs} ${hrLabel} ${mins} min${mins > 1 ? "s" : ""}`;
+  }
+}
 var defaultColors = {
   light: {
     // Background colors
@@ -11035,10 +11105,83 @@ function DepositHeader({
   showClose = true,
   onBack,
   onClose,
-  badge
+  badge,
+  showBalance = false,
+  balanceAddress,
+  balanceChainType,
+  balanceChainId,
+  balanceTokenAddress,
+  publishableKey
 }) {
   const { colors: colors2, fonts, components } = useTheme();
-  return /* @__PURE__ */ jsxs22("div", { className: "uf-flex uf-items-center uf-justify-between uf-pb-6", children: [
+  const [balance, setBalance] = useState22(null);
+  const [isLoadingBalance, setIsLoadingBalance] = useState22(false);
+  useEffect22(() => {
+    if (!showBalance || !balanceAddress || !balanceChainType || !balanceChainId || !balanceTokenAddress || !publishableKey) {
+      setBalance(null);
+      setIsLoadingBalance(false);
+      return;
+    }
+    let cancelled = false;
+    setIsLoadingBalance(true);
+    getAddressBalance(
+      balanceAddress,
+      balanceChainType,
+      balanceChainId,
+      balanceTokenAddress,
+      publishableKey
+    ).then((response) => {
+      if (cancelled) return;
+      if (response.balance && response.balance.amount !== "0") {
+        const value = Number(response.balance.amount) / 10 ** response.balance.token.decimals;
+        let formatted;
+        let maxDecimals = 4;
+        const symbol = response.balance.token.symbol?.toUpperCase() || "";
+        if (symbol === "BTC" || symbol === "WBTC") {
+          maxDecimals = 8;
+        } else if (symbol === "ETH" || symbol === "WETH") {
+          maxDecimals = 6;
+        }
+        if (value >= 1) {
+          formatted = value.toLocaleString(void 0, {
+            minimumFractionDigits: 2,
+            maximumFractionDigits: maxDecimals
+          });
+        } else if (value > 0) {
+          formatted = value.toLocaleString(void 0, {
+            minimumFractionDigits: 2,
+            maximumFractionDigits: maxDecimals,
+            minimumSignificantDigits: 2,
+            maximumSignificantDigits: 6
+          });
+        } else {
+          formatted = 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);
+      } else {
+        setBalance(null);
+      }
+    }).catch((error) => {
+      if (cancelled) return;
+      console.error("Error fetching balance:", error);
+      setBalance(null);
+    }).finally(() => {
+      if (cancelled) return;
+      setIsLoadingBalance(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [
+    showBalance,
+    balanceAddress,
+    balanceChainType,
+    balanceChainId,
+    balanceTokenAddress,
+    publishableKey
+  ]);
+  return /* @__PURE__ */ jsx32("div", { children: /* @__PURE__ */ jsxs22("div", { className: "uf-flex uf-items-center uf-justify-between uf-pb-6", children: [
     showBack ? /* @__PURE__ */ jsx32(
       "button",
       {
@@ -11048,8 +11191,32 @@ function DepositHeader({
         children: /* @__PURE__ */ jsx32(ArrowLeft, { className: "uf-w-5 uf-h-5" })
       }
     ) : /* @__PURE__ */ jsx32("div", { className: "uf-w-5 uf-h-5 uf-invisible" }),
-    badge ? /* @__PURE__ */ jsxs22("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
-      /* @__PURE__ */ jsx32(
+    /* @__PURE__ */ jsxs22("div", { className: "uf-flex uf-flex-col uf-items-center", children: [
+      badge ? /* @__PURE__ */ jsxs22("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
+        /* @__PURE__ */ jsx32(
+          DialogTitle2,
+          {
+            className: "uf-text-center uf-text-base",
+            style: {
+              color: components.header.titleColor,
+              fontFamily: fonts.medium
+            },
+            children: title
+          }
+        ),
+        /* @__PURE__ */ jsx32(
+          "div",
+          {
+            className: "uf-px-2 uf-py-0.5 uf-rounded-full uf-text-[10px]",
+            style: {
+              backgroundColor: colors2.card,
+              color: colors2.foregroundMuted,
+              fontFamily: fonts.regular
+            },
+            children: badge.count
+          }
+        )
+      ] }) : /* @__PURE__ */ jsx32(
         DialogTitle2,
         {
           className: "uf-text-center uf-text-base",
@@ -11060,29 +11227,19 @@ function DepositHeader({
           children: title
         }
       ),
-      /* @__PURE__ */ jsx32(
+      showBalance && (isLoadingBalance ? /* @__PURE__ */ jsx32("div", { className: "uf-h-3 uf-w-32 uf-bg-muted uf-rounded uf-animate-pulse uf-mt-2" }) : balance ? /* @__PURE__ */ jsx32(
         "div",
         {
-          className: "uf-px-2 uf-py-0.5 uf-rounded-full uf-text-[10px]",
+          className: "uf-text-xs uf-mt-2",
           style: {
-            backgroundColor: colors2.card,
-            color: colors2.foregroundMuted,
-            fontFamily: fonts.regular
+            color: colors2.foreground,
+            fontFamily: fonts.regular,
+            opacity: 0.7
           },
-          children: badge.count
+          children: balance
         }
-      )
-    ] }) : /* @__PURE__ */ jsx32(
-      DialogTitle2,
-      {
-        className: "uf-text-center uf-text-base",
-        style: {
-          color: components.header.titleColor,
-          fontFamily: fonts.medium
-        },
-        children: title
-      }
-    ),
+      ) : null)
+    ] }),
     showClose ? /* @__PURE__ */ jsx32(
       "button",
       {
@@ -11092,7 +11249,7 @@ function DepositHeader({
         children: /* @__PURE__ */ jsx32(X, { className: "uf-w-5 uf-h-5" })
       }
     ) : /* @__PURE__ */ jsx32("div", { className: "uf-w-5 uf-h-5 uf-invisible" })
-  ] });
+  ] }) });
 }
 function CurrencyListItem({
   currency,
@@ -11193,7 +11350,7 @@ function CurrencyModal({
   themeClass = ""
 }) {
   const { colors: colors2, fonts, components } = useTheme();
-  const [searchQuery, setSearchQuery] = useState32("");
+  const [searchQuery, setSearchQuery] = useState42("");
   const preferredCurrencies = preferredCurrencyCodes.map(
     (code) => currencies.find(
       (currency) => currency.currency_code.toLowerCase() === code.toLowerCase()
@@ -11363,7 +11520,19 @@ var en_default2 = {
     minimumDeposit: "Minimum: {{amount}}",
     minimumDepositTooltip: "The minimum amount you can deposit on the selected network.",
     selectTokenDeposit: "Your deposit token",
-    selectTokenDepositTooltip: "Select the token you want to deposit with in order to begin the deposit process."
+    selectTokenDepositTooltip: "Select the token you want to deposit with in order to begin the deposit process.",
+    addressValidation: {
+      validating: "Verifying recipient address...",
+      unableToReceiveFunds: "Unable to Receive Funds",
+      errors: {
+        token_not_supported: "The destination token is not supported",
+        not_opted_in: "Please make sure you opt-in {{token_symbol}}({{chain_name}}) before receiving funds",
+        insufficient_balance: "Recipient account does not meet the minimum balance requirement",
+        account_not_found: "Recipient account does not exist on {{chain_name}}",
+        validation_error: "Unable to verify recipient address on {{chain_name}}"
+      },
+      defaultError: "The recipient address cannot receive funds for the selected token"
+    }
   },
   depositModal: {
     transferCrypto: {
@@ -11372,7 +11541,7 @@ var en_default2 = {
     },
     depositWithCard: {
       title: "Deposit with Card",
-      subtitle: "$50,000 limit \u2022 2 min"
+      subtitle: "$50,000 limit"
     },
     quotes: "Quotes"
   },
@@ -11388,6 +11557,13 @@ var en_default2 = {
   }
 };
 var i18n2 = en_default2;
+function interpolate(template, params) {
+  if (!params) return template;
+  return template.replace(/\{\{(\w+)\}\}/g, (_, key) => {
+    const value = params[key];
+    return value !== void 0 ? String(value) : `{{${key}}}`;
+  });
+}
 function useDepositPolling({
   userId,
   publishableKey,
@@ -11395,14 +11571,14 @@ function useDepositPolling({
   onDepositSuccess,
   onDepositError
 }) {
-  const [executions, setExecutions] = useState42([]);
-  const [isPolling, setIsPolling] = useState42(false);
+  const [executions, setExecutions] = useState52([]);
+  const [isPolling, setIsPolling] = useState52(false);
   const pollingIntervalRef = useRef16(
     null
   );
-  const [modalOpenedAt] = useState42(/* @__PURE__ */ new Date());
-  const [trackedExecutions, setTrackedExecutions] = useState42(/* @__PURE__ */ new Map());
-  useEffect22(() => {
+  const [modalOpenedAt] = useState52(/* @__PURE__ */ new Date());
+  const [trackedExecutions, setTrackedExecutions] = useState52(/* @__PURE__ */ new Map());
+  useEffect32(() => {
     if (!userId || !modalOpenedAt || !enabled) return;
     const pollInterval = setInterval(async () => {
       try {
@@ -11513,12 +11689,12 @@ function formatCurrency(currency) {
 }
 function DepositDetailContent({ execution }) {
   const { colors: colors2, fonts, components } = useTheme();
-  const [chains, setChains] = useState52([]);
-  const [showNetworkDetails, setShowNetworkDetails] = useState52(false);
-  useEffect32(() => {
+  const [chains, setChains] = useState62([]);
+  const [showNetworkDetails, setShowNetworkDetails] = useState62(false);
+  useEffect42(() => {
     getTokenChains().then((response) => setChains(response.data)).catch((err) => console.error("Failed to fetch chains:", err));
   }, []);
-  useEffect32(() => {
+  useEffect42(() => {
     setShowNetworkDetails(false);
   }, [execution?.id]);
   const isPending = execution.status === ExecutionStatus.PENDING || execution.status === ExecutionStatus.WAITING || execution.status === ExecutionStatus.DELAYED;
@@ -11813,6 +11989,37 @@ function DepositDetailContent({ execution }) {
               ]
             }
           ),
+          isPending && /* @__PURE__ */ jsxs6(
+            "div",
+            {
+              className: "uf-flex uf-justify-between uf-items-center uf-px-4 uf-py-3 uf-border-b",
+              style: { borderColor: colors2.border },
+              children: [
+                /* @__PURE__ */ jsx72(
+                  "span",
+                  {
+                    className: "uf-text-sm",
+                    style: {
+                      color: components.card.labelColor,
+                      fontFamily: fonts.regular
+                    },
+                    children: "Estimated delivery time"
+                  }
+                ),
+                /* @__PURE__ */ jsx72(
+                  "span",
+                  {
+                    style: {
+                      color: components.card.titleColor,
+                      fontFamily: fonts.regular,
+                      fontSize: "14px"
+                    },
+                    children: formatEstimatedTime(execution?.estimated_processing_time)
+                  }
+                )
+              ]
+            }
+          ),
           /* @__PURE__ */ jsxs6(
             "div",
             {
@@ -11996,7 +12203,7 @@ function DepositSuccessToast({
   onClose,
   execution
 }) {
-  const [detailModalOpen, setDetailModalOpen] = useState62(false);
+  const [detailModalOpen, setDetailModalOpen] = useState72(false);
   const { themeClass, colors: colors2, fonts, components } = useTheme();
   const isPending = status === ExecutionStatus.PENDING || status === ExecutionStatus.WAITING || status === ExecutionStatus.DELAYED;
   const formatDateTime = (timestamp) => {
@@ -12130,14 +12337,27 @@ function DepositSuccessToast({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx82(
-              "div",
-              {
-                className: "uf-font-medium uf-text-sm uf-flex-shrink-0",
-                style: { color: colors2.background },
-                children: formatUsdAmount(sourceAmountUsd)
-              }
-            ),
+            /* @__PURE__ */ jsxs7("div", { className: "uf-flex-shrink-0 uf-text-right", children: [
+              /* @__PURE__ */ jsx82(
+                "div",
+                {
+                  className: "uf-font-medium uf-text-sm",
+                  style: { color: colors2.background },
+                  children: formatUsdAmount(sourceAmountUsd)
+                }
+              ),
+              isPending && execution?.estimated_processing_time && /* @__PURE__ */ jsxs7(
+                "p",
+                {
+                  className: "uf-text-xs",
+                  style: { color: colors2.foregroundMuted },
+                  children: [
+                    "Est. ",
+                    formatEstimatedTime(execution.estimated_processing_time)
+                  ]
+                }
+              )
+            ] }),
             /* @__PURE__ */ jsx82(
               "button",
               {
@@ -12183,7 +12403,7 @@ function DepositPollingToasts({
   executions,
   horizontalPadding = "24px"
 }) {
-  const [closedExecutionIds, setClosedExecutionIds] = useState72(
+  const [closedExecutionIds, setClosedExecutionIds] = useState82(
     /* @__PURE__ */ new Set()
   );
   const handleClose = (executionId) => {
@@ -12261,28 +12481,28 @@ function BuyWithCard({
   assetCdnUrl
 }) {
   const { colors: colors2, fonts, components } = useTheme();
-  const [amount, setAmount] = useState82("");
-  const [currency, setCurrency] = useState82("usd");
-  const [hasManualCurrencySelection, setHasManualCurrencySelection] = useState82(false);
-  const [hasManualAmountEntry, setHasManualAmountEntry] = useState82(false);
-  const [showCurrencyModal, setShowCurrencyModal] = useState82(false);
-  const [quotes, setQuotes] = useState82([]);
-  const [quotesLoading, setQuotesLoading] = useState82(false);
-  const [quotesError, setQuotesError] = useState82(null);
-  const [amountValidationError, setAmountValidationError] = useState82(null);
-  const [internalView, setInternalView] = useState82("amount");
-  const [defaultToken, setDefaultToken] = useState82(
+  const [amount, setAmount] = useState92("");
+  const [currency, setCurrency] = useState92("usd");
+  const [hasManualCurrencySelection, setHasManualCurrencySelection] = useState92(false);
+  const [hasManualAmountEntry, setHasManualAmountEntry] = useState92(false);
+  const [showCurrencyModal, setShowCurrencyModal] = useState92(false);
+  const [quotes, setQuotes] = useState92([]);
+  const [quotesLoading, setQuotesLoading] = useState92(false);
+  const [quotesError, setQuotesError] = useState92(null);
+  const [amountValidationError, setAmountValidationError] = useState92(null);
+  const [internalView, setInternalView] = useState92("amount");
+  const [defaultToken, setDefaultToken] = useState92(
     null
   );
-  const [defaultTokenLoading, setDefaultTokenLoading] = useState82(false);
+  const [defaultTokenLoading, setDefaultTokenLoading] = useState92(false);
   const { userIpInfo, isLoading: isLoadingIp } = useUserIp2();
-  const [onrampSession, setOnrampSession] = useState82(
+  const [onrampSession, setOnrampSession] = useState92(
     null
   );
   const currentView = externalView ?? internalView;
   const showQuotesView = currentView === "quotes";
   const showOnrampView = currentView === "onramp";
-  useEffect42(() => {
+  useEffect52(() => {
     if (externalView) {
       setInternalView(externalView);
     }
@@ -12295,31 +12515,31 @@ function BuyWithCard({
       onViewChange?.(newView);
     }
   };
-  const [selectedProvider, setSelectedProvider] = useState82(
+  const [selectedProvider, setSelectedProvider] = useState92(
     null
   );
-  const [isAutoSelected, setIsAutoSelected] = useState82(true);
-  const [autoSelectedProvider, setAutoSelectedProvider] = useState82(null);
-  const [hoveredProviderIndex, setHoveredProviderIndex] = useState82(null);
-  const [hasManualSelection, setHasManualSelection] = useState82(false);
+  const [isAutoSelected, setIsAutoSelected] = useState92(true);
+  const [autoSelectedProvider, setAutoSelectedProvider] = useState92(null);
+  const [hoveredProviderIndex, setHoveredProviderIndex] = useState92(null);
+  const [hasManualSelection, setHasManualSelection] = useState92(false);
   const selectedProviderRef = useRef22(null);
   const hasManualSelectionRef = useRef22(false);
-  useEffect42(() => {
+  useEffect52(() => {
     selectedProviderRef.current = selectedProvider;
   }, [selectedProvider]);
-  useEffect42(() => {
+  useEffect52(() => {
     hasManualSelectionRef.current = hasManualSelection;
   }, [hasManualSelection]);
-  const [internalWallets, setInternalWallets] = useState82([]);
-  const [walletsLoading, setWalletsLoading] = useState82(
+  const [internalWallets, setInternalWallets] = useState92([]);
+  const [walletsLoading, setWalletsLoading] = useState92(
     !externalWallets?.length
   );
   const wallets = externalWallets?.length ? externalWallets : internalWallets;
-  const [countdown, setCountdown] = useState82(60);
-  const [fiatCurrencies, setFiatCurrencies] = useState82([]);
-  const [preferredCurrencyCodes, setPreferredCurrencyCodes] = useState82([]);
-  const [currenciesLoading, setCurrenciesLoading] = useState82(true);
-  const [destinationToken, setDestinationToken] = useState82(null);
+  const [countdown, setCountdown] = useState92(60);
+  const [fiatCurrencies, setFiatCurrencies] = useState92([]);
+  const [preferredCurrencyCodes, setPreferredCurrencyCodes] = useState92([]);
+  const [currenciesLoading, setCurrenciesLoading] = useState92(true);
+  const [destinationToken, setDestinationToken] = useState92(null);
   const { executions, isPolling } = useDepositPolling({
     userId,
     publishableKey,
@@ -12331,7 +12551,7 @@ function BuyWithCard({
   const destinationTokenIcon = destinationToken?.icon_url;
   const destinationChainIcon = destinationToken?.chain_icon_url;
   const destinationChainName = destinationToken?.chain_name;
-  useEffect42(() => {
+  useEffect52(() => {
     async function fetchFiatCurrencies() {
       try {
         const response = await getFiatCurrencies(publishableKey);
@@ -12345,7 +12565,7 @@ function BuyWithCard({
     }
     fetchFiatCurrencies();
   }, [publishableKey]);
-  useEffect42(() => {
+  useEffect52(() => {
     if (hasManualCurrencySelection) return;
     if (fiatCurrencies.length === 0 || !userIpInfo?.alpha2) return;
     const userCountryCode = userIpInfo.alpha2.toUpperCase();
@@ -12373,7 +12593,7 @@ function BuyWithCard({
     hasManualAmountEntry
   ]);
   const prevCurrencyRef = useRef22(null);
-  useEffect42(() => {
+  useEffect52(() => {
     if (fiatCurrencies.length === 0) return;
     if (prevCurrencyRef.current !== null && prevCurrencyRef.current !== currency) {
       const currentCurrency = fiatCurrencies.find(
@@ -12385,7 +12605,7 @@ function BuyWithCard({
     }
     prevCurrencyRef.current = currency;
   }, [currency]);
-  useEffect42(() => {
+  useEffect52(() => {
     if (externalWallets?.length) {
       setWalletsLoading(false);
       return;
@@ -12438,7 +12658,7 @@ function BuyWithCard({
     publishableKey,
     externalWallets
   ]);
-  useEffect42(() => {
+  useEffect52(() => {
     async function fetchDestinationToken() {
       try {
         const response = await getTokenMetadata(
@@ -12456,7 +12676,7 @@ function BuyWithCard({
     }
     fetchDestinationToken();
   }, [publishableKey]);
-  useEffect42(() => {
+  useEffect52(() => {
     async function fetchDefaultToken() {
       if (!destinationTokenAddress || !destinationChainId || !destinationChainType) {
         return;
@@ -12492,7 +12712,7 @@ function BuyWithCard({
     isLoadingIp,
     publishableKey
   ]);
-  useEffect42(() => {
+  useEffect52(() => {
     const amountNum = parseFloat(amount);
     if (isNaN(amountNum) || amountNum <= 0) {
       setQuotes([]);
@@ -12601,7 +12821,7 @@ function BuyWithCard({
       setQuotesLoading(false);
     }
   };
-  useEffect42(() => {
+  useEffect52(() => {
     if (quotes.length === 0) return;
     const timer = setInterval(() => {
       setCountdown((prev) => {
@@ -12936,6 +13156,20 @@ function BuyWithCard({
                     },
                     children: quotesError
                   }
+                ),
+                defaultToken?.estimated_processing_time && !quotesLoading && selectedProvider && /* @__PURE__ */ jsxs8(
+                  "div",
+                  {
+                    className: "uf-text-xs uf-mt-2 uf-px-1",
+                    style: {
+                      color: components.card.subtitleColor,
+                      fontFamily: fonts.regular
+                    },
+                    children: [
+                      "Estimated delivery time: ",
+                      formatEstimatedTime(defaultToken.estimated_processing_time)
+                    ]
+                  }
                 )
               ] }),
               /* @__PURE__ */ jsx102(
@@ -13379,9 +13613,9 @@ function DepositsModal({
   themeClass = ""
 }) {
   const { colors: colors2 } = useTheme();
-  const [allExecutions, setAllExecutions] = useState92(sessionExecutions);
-  const [selectedExecution, setSelectedExecution] = useState92(null);
-  useEffect52(() => {
+  const [allExecutions, setAllExecutions] = useState102(sessionExecutions);
+  const [selectedExecution, setSelectedExecution] = useState102(null);
+  useEffect62(() => {
     if (!open || !userId) return;
     const fetchExecutions = async () => {
       try {
@@ -13403,7 +13637,7 @@ function DepositsModal({
       clearInterval(pollInterval);
     };
   }, [open, userId, publishableKey, sessionExecutions]);
-  useEffect52(() => {
+  useEffect62(() => {
     if (!open) {
       setSelectedExecution(null);
     }
@@ -13762,6 +13996,60 @@ function useAllowedCountry(publishableKey) {
     error
   };
 }
+function useAddressValidation({
+  recipientAddress,
+  destinationChainType,
+  destinationChainId,
+  destinationTokenAddress,
+  publishableKey,
+  enabled = true,
+  refetchOnMount = false
+}) {
+  const shouldValidate = enabled && !!recipientAddress && !!destinationChainType && !!destinationChainId && !!destinationTokenAddress;
+  const { data, isLoading, error } = useQuery3({
+    queryKey: [
+      "unifold",
+      "addressValidation",
+      recipientAddress,
+      destinationChainType,
+      destinationChainId,
+      destinationTokenAddress
+    ],
+    queryFn: () => verifyRecipientAddress(
+      {
+        chain_type: destinationChainType,
+        chain_id: destinationChainId,
+        token_address: destinationTokenAddress,
+        recipient_address: recipientAddress
+      },
+      publishableKey
+    ),
+    enabled: shouldValidate,
+    refetchOnMount,
+    refetchOnReconnect: false,
+    refetchOnWindowFocus: false,
+    staleTime: 1e3 * 60 * 5,
+    // 5 minutes - address state can change
+    gcTime: 1e3 * 60 * 30
+    // 30 minutes
+  });
+  if (!shouldValidate) {
+    return {
+      isValid: null,
+      failureCode: null,
+      metadata: null,
+      isLoading: false,
+      error: null
+    };
+  }
+  return {
+    isValid: data?.valid ?? null,
+    failureCode: data?.failure_code ?? null,
+    metadata: data?.metadata ?? null,
+    isLoading,
+    error: error ?? null
+  };
+}
 function StyledQRCode({
   value,
   size: size4 = 200,
@@ -13771,7 +14059,7 @@ function StyledQRCode({
 }) {
   const ref = useRef32(null);
   const qrCodeRef = useRef32(null);
-  useEffect92(() => {
+  useEffect102(() => {
     if (!ref.current) return;
     if (!qrCodeRef.current) {
       qrCodeRef.current = new import_qr_code_styling.default({
@@ -13811,7 +14099,7 @@ function StyledQRCode({
       qrCodeRef.current.append(ref.current);
     }
   }, []);
-  useEffect92(() => {
+  useEffect102(() => {
     if (qrCodeRef.current) {
       qrCodeRef.current.update({
         data: value,
@@ -13905,10 +14193,10 @@ function TokenSelectorSheet({
 }) {
   const { themeClass, colors: colors2, fonts, components } = useTheme();
   const isDarkMode = themeClass.includes("uf-dark");
-  const [searchQuery, setSearchQuery] = useState132("");
-  const [recentTokens, setRecentTokens] = useState132([]);
-  const [hoveredTokenKey, setHoveredTokenKey] = useState132(null);
-  useEffect102(() => {
+  const [searchQuery, setSearchQuery] = useState142("");
+  const [recentTokens, setRecentTokens] = useState142([]);
+  const [hoveredTokenKey, setHoveredTokenKey] = useState142(null);
+  useEffect112(() => {
     setRecentTokens(getRecentTokens());
   }, []);
   const allOptions = useMemo32(() => {
@@ -14337,13 +14625,13 @@ function TransferCryptoSingleInput({
 }) {
   const { themeClass, colors: colors2, fonts, components } = useTheme();
   const isDarkMode = themeClass.includes("uf-dark");
-  const [token, setToken] = useState142("USDC");
-  const [chain, setChain] = useState142("solana:mainnet");
-  const [copied, setCopied] = useState142(false);
-  const [internalWallets, setInternalWallets] = useState142([]);
-  const [loading, setLoading] = useState142(!externalWallets?.length);
+  const [token, setToken] = useState152("USDC");
+  const [chain, setChain] = useState152("solana:mainnet");
+  const [copied, setCopied] = useState152(false);
+  const [internalWallets, setInternalWallets] = useState152([]);
+  const [loading, setLoading] = useState152(!externalWallets?.length);
   const wallets = externalWallets?.length ? externalWallets : internalWallets;
-  const [error, setError] = useState142(null);
+  const [error, setError] = useState152(null);
   const { executions: depositExecutions, isPolling } = useDepositPolling({
     userId,
     publishableKey,
@@ -14351,11 +14639,11 @@ function TransferCryptoSingleInput({
     onDepositSuccess,
     onDepositError
   });
-  const [supportedTokens, setSupportedTokens] = useState142([]);
-  const [tokensLoading, setTokensLoading] = useState142(true);
-  const [detailsExpanded, setDetailsExpanded] = useState142(false);
-  const [depositsModalOpen, setDepositsModalOpen] = useState142(false);
-  const [tokenSelectorOpen, setTokenSelectorOpen] = useState142(false);
+  const [supportedTokens, setSupportedTokens] = useState152([]);
+  const [tokensLoading, setTokensLoading] = useState152(true);
+  const [detailsExpanded, setDetailsExpanded] = useState152(false);
+  const [depositsModalOpen, setDepositsModalOpen] = useState152(false);
+  const [tokenSelectorOpen, setTokenSelectorOpen] = useState152(false);
   const allChainsMap = /* @__PURE__ */ new Map();
   supportedTokens.forEach((t5) => {
     t5.chains.forEach((c) => {
@@ -14373,7 +14661,7 @@ function TransferCryptoSingleInput({
   const currentChainType = currentChainData?.chain_type || "ethereum";
   const currentWallet = getWalletByChainType(wallets, currentChainType);
   const depositAddress = currentWallet?.address || "";
-  useEffect112(() => {
+  useEffect122(() => {
     async function fetchSupportedTokens() {
       try {
         setTokensLoading(true);
@@ -14445,12 +14733,12 @@ function TransferCryptoSingleInput({
     destinationChainId,
     destinationChainType
   ]);
-  useEffect112(() => {
+  useEffect122(() => {
     if (onExecutionsChange) {
       onExecutionsChange(depositExecutions);
     }
   }, [depositExecutions, onExecutionsChange]);
-  useEffect112(() => {
+  useEffect122(() => {
     if (externalWallets?.length) {
       setLoading(false);
       return;
@@ -14507,7 +14795,7 @@ function TransferCryptoSingleInput({
     publishableKey,
     externalWallets
   ]);
-  useEffect112(() => {
+  useEffect122(() => {
     if (!supportedTokens.length) return;
     const currentToken = supportedTokens.find((t5) => t5.symbol === token);
     if (!currentToken || currentToken.chains.length === 0) return;
@@ -15019,13 +15307,13 @@ function TransferCryptoDoubleInput({
 }) {
   const { themeClass, colors: colors2, fonts, components } = useTheme();
   const isDarkMode = themeClass.includes("uf-dark");
-  const [token, setToken] = useState152("USDC");
-  const [chain, setChain] = useState152("solana:mainnet");
-  const [copied, setCopied] = useState152(false);
-  const [internalWallets, setInternalWallets] = useState152([]);
-  const [loading, setLoading] = useState152(!externalWallets?.length);
+  const [token, setToken] = useState162("USDC");
+  const [chain, setChain] = useState162("solana:mainnet");
+  const [copied, setCopied] = useState162(false);
+  const [internalWallets, setInternalWallets] = useState162([]);
+  const [loading, setLoading] = useState162(!externalWallets?.length);
   const wallets = externalWallets?.length ? externalWallets : internalWallets;
-  const [error, setError] = useState152(null);
+  const [error, setError] = useState162(null);
   const { executions: depositExecutions, isPolling } = useDepositPolling({
     userId,
     publishableKey,
@@ -15033,10 +15321,10 @@ function TransferCryptoDoubleInput({
     onDepositSuccess,
     onDepositError
   });
-  const [supportedTokens, setSupportedTokens] = useState152([]);
-  const [tokensLoading, setTokensLoading] = useState152(true);
-  const [detailsExpanded, setDetailsExpanded] = useState152(false);
-  const [depositsModalOpen, setDepositsModalOpen] = useState152(false);
+  const [supportedTokens, setSupportedTokens] = useState162([]);
+  const [tokensLoading, setTokensLoading] = useState162(true);
+  const [detailsExpanded, setDetailsExpanded] = useState162(false);
+  const [depositsModalOpen, setDepositsModalOpen] = useState162(false);
   const allChainsMap = /* @__PURE__ */ new Map();
   supportedTokens.forEach((t5) => {
     t5.chains.forEach((c) => {
@@ -15054,7 +15342,7 @@ function TransferCryptoDoubleInput({
   const currentChainType = currentChainData?.chain_type || "ethereum";
   const currentWallet = getWalletByChainType(wallets, currentChainType);
   const depositAddress = currentWallet?.address || "";
-  useEffect122(() => {
+  useEffect132(() => {
     async function fetchSupportedTokens() {
       try {
         setTokensLoading(true);
@@ -15097,12 +15385,12 @@ function TransferCryptoDoubleInput({
     destinationChainId,
     destinationChainType
   ]);
-  useEffect122(() => {
+  useEffect132(() => {
     if (onExecutionsChange) {
       onExecutionsChange(depositExecutions);
     }
   }, [depositExecutions, onExecutionsChange]);
-  useEffect122(() => {
+  useEffect132(() => {
     if (externalWallets?.length) {
       setLoading(false);
       return;
@@ -15159,7 +15447,7 @@ function TransferCryptoDoubleInput({
     publishableKey,
     externalWallets
   ]);
-  useEffect122(() => {
+  useEffect132(() => {
     if (!supportedTokens.length) return;
     const currentToken = supportedTokens.find((t5) => t5.symbol === token);
     if (!currentToken || currentToken.chains.length === 0) return;
@@ -15607,26 +15895,27 @@ function DepositModal({
   destinationChainId,
   destinationTokenAddress,
   hideDepositTracker = false,
+  showBalanceHeader = false,
   transferInputVariant = "double_input",
   onDepositSuccess,
   onDepositError,
   theme = "dark"
 }) {
-  const { colors: colors2 } = useTheme();
-  const [view, setView] = useState16("main");
-  const [cardView, setCardView] = useState16(
+  const { colors: colors2, fonts } = useTheme();
+  const [view, setView] = useState17("main");
+  const [cardView, setCardView] = useState17(
     "amount"
   );
-  const [quotesCount, setQuotesCount] = useState16(0);
-  const [depositsModalOpen, setDepositsModalOpen] = useState16(false);
-  const [depositExecutions, setDepositExecutions] = useState16([]);
-  const [projectConfig, setProjectConfig] = useState16(null);
-  const [wallets, setWallets] = useState16([]);
-  const [walletsLoading, setWalletsLoading] = useState16(false);
-  useEffect132(() => {
+  const [quotesCount, setQuotesCount] = useState17(0);
+  const [depositsModalOpen, setDepositsModalOpen] = useState17(false);
+  const [depositExecutions, setDepositExecutions] = useState17([]);
+  const [projectConfig, setProjectConfig] = useState17(null);
+  const [wallets, setWallets] = useState17([]);
+  const [walletsLoading, setWalletsLoading] = useState17(false);
+  useEffect142(() => {
     setProjectConfig(null);
   }, [publishableKey]);
-  useEffect132(() => {
+  useEffect142(() => {
     setWallets([]);
   }, [
     userId,
@@ -15636,10 +15925,10 @@ function DepositModal({
     destinationTokenAddress,
     publishableKey
   ]);
-  const [resolvedTheme, setResolvedTheme] = useState16(
+  const [resolvedTheme, setResolvedTheme] = useState17(
     theme === "auto" ? "dark" : theme
   );
-  useEffect132(() => {
+  useEffect142(() => {
     if (theme === "auto") {
       const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
       setResolvedTheme(mediaQuery.matches ? "dark" : "light");
@@ -15652,7 +15941,7 @@ function DepositModal({
       setResolvedTheme(theme);
     }
   }, [theme]);
-  useEffect132(() => {
+  useEffect142(() => {
     if (open && !projectConfig) {
       getProjectConfig(publishableKey).then(setProjectConfig).catch(console.error);
     }
@@ -15662,7 +15951,29 @@ function DepositModal({
     isLoading: isCountryLoading,
     error: countryError
   } = useAllowedCountry(publishableKey);
-  useEffect132(() => {
+  const {
+    isValid: isAddressValid,
+    failureCode: addressFailureCode,
+    metadata: addressFailureMetadata,
+    isLoading: isAddressValidationLoading
+  } = useAddressValidation({
+    recipientAddress,
+    destinationChainType,
+    destinationChainId,
+    destinationTokenAddress,
+    publishableKey,
+    enabled: open,
+    // Only validate when modal is open
+    refetchOnMount: "always"
+  });
+  const addressValidationMessages = i18n2.transferCrypto.addressValidation;
+  const getAddressValidationErrorMessage = (code, metadata) => {
+    if (!code) return addressValidationMessages.defaultError;
+    const errors = addressValidationMessages.errors;
+    const template = errors[code] ?? addressValidationMessages.defaultError;
+    return interpolate(template, metadata);
+  };
+  useEffect142(() => {
     if (!open || wallets.length > 0) return;
     let retryTimeout = null;
     let isCancelled = false;
@@ -15746,10 +16057,16 @@ function DepositModal({
             DepositHeader,
             {
               title: modalTitle || "Deposit",
-              onClose: handleClose
+              onClose: handleClose,
+              showBalance: showBalanceHeader,
+              balanceAddress: recipientAddress,
+              balanceChainType: destinationChainType === "ethereum" || destinationChainType === "solana" || destinationChainType === "bitcoin" ? destinationChainType : void 0,
+              balanceChainId: destinationChainId,
+              balanceTokenAddress: destinationTokenAddress,
+              publishableKey
             }
           ),
-          /* @__PURE__ */ jsx232("div", { className: "uf-pb-4 uf-space-y-3", children: isCountryLoading || !projectConfig ? /* @__PURE__ */ jsxs18(Fragment52, { children: [
+          /* @__PURE__ */ jsx232("div", { className: "uf-pb-4 uf-space-y-3", children: isCountryLoading || isAddressValidationLoading || !projectConfig ? /* @__PURE__ */ jsxs18(Fragment52, { children: [
             /* @__PURE__ */ jsx232(SkeletonButton, { variant: "with-icons" }),
             /* @__PURE__ */ jsx232(SkeletonButton, { variant: "with-icons" }),
             !hideDepositTracker && /* @__PURE__ */ jsx232(SkeletonButton, {})
@@ -15767,6 +16084,16 @@ function DepositModal({
               /* @__PURE__ */ jsx232("h3", { className: "uf-text-lg uf-font-semibold uf-text-foreground uf-mb-2", children: "No Tokens Available" }),
               /* @__PURE__ */ jsx232("p", { className: "uf-text-sm uf-text-muted-foreground uf-max-w-[280px]", children: "There are no supported tokens available from your current location." })
             ] })
+          ) : isAddressValid === false ? (
+            /* Invalid recipient address state (e.g., Algorand not opted in) */
+            /* @__PURE__ */ jsxs18("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-8 uf-px-4 uf-text-center", children: [
+              /* @__PURE__ */ jsx232("div", { className: "uf-w-16 uf-h-16 uf-rounded-full uf-bg-muted uf-flex uf-items-center uf-justify-center uf-mb-4", children: /* @__PURE__ */ jsx232(TriangleAlert, { className: "uf-w-8 uf-h-8 uf-text-muted-foreground" }) }),
+              /* @__PURE__ */ jsx232("h3", { className: "uf-text-lg uf-font-semibold uf-text-foreground uf-mb-2", children: addressValidationMessages.unableToReceiveFunds }),
+              /* @__PURE__ */ jsx232("p", { className: "uf-text-sm uf-text-muted-foreground uf-max-w-[280px]", children: getAddressValidationErrorMessage(
+                addressFailureCode,
+                addressFailureMetadata
+              ) })
+            ] })
           ) : (
             /* Normal deposit options */
             /* @__PURE__ */ jsxs18(Fragment52, { children: [
@@ -15948,8 +16275,8 @@ function UnifoldProvider2({
   publishableKey,
   config
 }) {
-  const [isOpen, setIsOpen] = useState22(false);
-  const [depositConfig, setDepositConfig] = useState22(
+  const [isOpen, setIsOpen] = useState23(false);
+  const [depositConfig, setDepositConfig] = useState23(
     null
   );
   const [resolvedTheme, setResolvedTheme] = React38.useState("dark");
@@ -16057,6 +16384,7 @@ function UnifoldProvider2({
             destinationChainId: depositConfig.destinationChainId,
             destinationTokenAddress: depositConfig.destinationTokenAddress,
             hideDepositTracker: config?.hideDepositTracker,
+            showBalanceHeader: config?.showBalanceHeader,
             transferInputVariant: config?.transferInputVariant,
             onDepositSuccess: handleDepositSuccess,
             onDepositError: handleDepositError,