@unifold/connect-react 0.1.40 → 0.1.41

package/dist/index.mjs

@@ -1219,11 +1219,11 @@ function useUnifold() {
 
 // ../ui-react/dist/index.mjs
 import {
-  useState as useState26,
-  useEffect as useEffect20,
+  useState as useState27,
+  useEffect as useEffect21,
   useLayoutEffect as useLayoutEffect22,
   useCallback as useCallback42,
-  useRef as useRef52,
+  useRef as useRef62,
   useMemo as useMemo92
 } from "react";
 
@@ -6854,7 +6854,7 @@ import { useQuery as useQuery5 } from "@tanstack/react-query";
 import { useQuery as useQuery6 } from "@tanstack/react-query";
 import { useQuery as useQuery7 } from "@tanstack/react-query";
 import { useQuery as useQuery8 } from "@tanstack/react-query";
-import { useState as useState212, useEffect as useEffect162, useMemo as useMemo52 } from "react";
+import { useState as useState222, useEffect as useEffect172, useMemo as useMemo52 } from "react";
 var import_qr_code_styling = __toESM(require_qr_code_styling(), 1);
 import { useEffect as useEffect122, useRef as useRef42 } from "react";
 import { jsx as jsx322 } from "react/jsx-runtime";
@@ -6866,9 +6866,10 @@ import { Fragment as Fragment32, jsx as jsx35, jsxs as jsxs30 } from "react/jsx-
 import { useState as useState182, useMemo as useMemo42, useEffect as useEffect152 } from "react";
 import { jsx as jsx36, jsxs as jsxs31 } from "react/jsx-runtime";
 import { jsx as jsx37, jsxs as jsxs322 } from "react/jsx-runtime";
+import { useState as useState192, useEffect as useEffect162, useRef as useRef52 } from "react";
 import { jsx as jsx38, jsxs as jsxs33 } from "react/jsx-runtime";
 import { jsx as jsx39, jsxs as jsxs34 } from "react/jsx-runtime";
-import { useState as useState192 } from "react";
+import { useState as useState202 } from "react";
 import * as React242 from "react";
 
 // ../../node_modules/.pnpm/@radix-ui+react-tooltip@1.2.8_@types+react-dom@19.2.3_@types+react@19.2.9__@types+react@19.2._aqltx4jspgwttwvtzmq3z5uagy/node_modules/@radix-ui/react-tooltip/dist/index.mjs
@@ -9608,7 +9609,7 @@ var Content22 = TooltipContent;
 // ../ui-react/dist/index.mjs
 import { jsx as jsx40 } from "react/jsx-runtime";
 import { Fragment as Fragment42, jsx as jsx41, jsxs as jsxs35 } from "react/jsx-runtime";
-import { useState as useState222, useEffect as useEffect172, useMemo as useMemo62 } from "react";
+import { useState as useState232, useEffect as useEffect182, useMemo as useMemo62 } from "react";
 import * as React252 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
@@ -10851,7 +10852,7 @@ import { jsx as jsx44 } from "react/jsx-runtime";
 import { jsx as jsx45, jsxs as jsxs38 } from "react/jsx-runtime";
 import { Fragment as Fragment52, jsx as jsx46, jsxs as jsxs39 } from "react/jsx-runtime";
 import { Fragment as Fragment62, jsx as jsx47, jsxs as jsxs40 } from "react/jsx-runtime";
-import { useCallback as useCallback22, useState as useState232 } from "react";
+import { useCallback as useCallback22, useState as useState242 } from "react";
 import { Fragment as Fragment72, jsx as jsx48, jsxs as jsxs41 } from "react/jsx-runtime";
 import { Fragment as Fragment82, jsx as jsx49, jsxs as jsxs422 } from "react/jsx-runtime";
 import * as React272 from "react";
@@ -18480,6 +18481,104 @@ function DepositPollingUi({
   }
   return null;
 }
+var getChainKey = (chainId, chainType) => {
+  return `${chainType}:${chainId}`;
+};
+function resolveSourceToken(supportedTokens, defaultSourceChainType, defaultSourceChainId, defaultSourceTokenAddress, defaultSourceSymbol) {
+  if (!supportedTokens.length) return null;
+  let selectedTokenData;
+  let selectedChainData;
+  const hasChainDefaults = defaultSourceChainType && defaultSourceChainId;
+  if (defaultSourceTokenAddress && hasChainDefaults) {
+    for (const t7 of supportedTokens) {
+      const matchingChain = t7.chains.find(
+        (c) => c.token_address.toLowerCase() === defaultSourceTokenAddress.toLowerCase() && c.chain_type === defaultSourceChainType && c.chain_id === defaultSourceChainId
+      );
+      if (matchingChain) {
+        selectedTokenData = t7;
+        selectedChainData = matchingChain;
+        break;
+      }
+    }
+  }
+  if (!selectedTokenData && defaultSourceSymbol && hasChainDefaults) {
+    for (const t7 of supportedTokens) {
+      if (t7.symbol !== defaultSourceSymbol) continue;
+      const matchedChain = t7.chains.find(
+        (c) => c.chain_type === defaultSourceChainType && c.chain_id === defaultSourceChainId
+      );
+      if (matchedChain) {
+        selectedTokenData = t7;
+        selectedChainData = matchedChain;
+        break;
+      }
+    }
+  }
+  if (!selectedTokenData) {
+    for (const t7 of supportedTokens) {
+      if (t7.chains.length > 0) {
+        selectedTokenData = t7;
+        selectedChainData = t7.chains[0];
+        break;
+      }
+    }
+  }
+  if (selectedTokenData && selectedChainData) {
+    return { token: selectedTokenData, chain: selectedChainData };
+  }
+  return null;
+}
+function useDefaultSourceToken({
+  supportedTokens,
+  defaultSourceChainType,
+  defaultSourceChainId,
+  defaultSourceTokenAddress,
+  defaultSourceSymbol
+}) {
+  const [token, setToken] = useState192(null);
+  const [chain, setChain] = useState192(null);
+  const [initialSelectionDone, setInitialSelectionDone] = useState192(false);
+  const appliedDefaultsRef = useRef52("");
+  useEffect162(() => {
+    if (!supportedTokens.length) return;
+    const defaultsKey = `${defaultSourceTokenAddress ?? ""}|${defaultSourceSymbol ?? ""}|${defaultSourceChainType ?? ""}|${defaultSourceChainId ?? ""}`;
+    const defaultsChanged = appliedDefaultsRef.current !== defaultsKey;
+    if (initialSelectionDone && !defaultsChanged) return;
+    const result = resolveSourceToken(
+      supportedTokens,
+      defaultSourceChainType,
+      defaultSourceChainId,
+      defaultSourceTokenAddress,
+      defaultSourceSymbol
+    );
+    if (result) {
+      setToken(result.token.symbol);
+      setChain(getChainKey(result.chain.chain_id, result.chain.chain_type));
+      appliedDefaultsRef.current = defaultsKey;
+      setInitialSelectionDone(true);
+    }
+  }, [
+    supportedTokens,
+    defaultSourceTokenAddress,
+    defaultSourceSymbol,
+    defaultSourceChainType,
+    defaultSourceChainId,
+    initialSelectionDone
+  ]);
+  useEffect162(() => {
+    if (!supportedTokens.length || !token) return;
+    const currentToken = supportedTokens.find((t7) => t7.symbol === token);
+    if (!currentToken || currentToken.chains.length === 0) return;
+    const isChainAvailable = chain && currentToken.chains.some((c) => {
+      return getChainKey(c.chain_id, c.chain_type) === chain;
+    });
+    if (!isChainAvailable) {
+      const firstChain = currentToken.chains[0];
+      setChain(getChainKey(firstChain.chain_id, firstChain.chain_type));
+    }
+  }, [token, supportedTokens, chain]);
+  return { token, chain, setToken, setChain, initialSelectionDone };
+}
 function DepositFooterLinks({
   onGlossaryClick
 }) {
@@ -18639,7 +18738,7 @@ function GlossaryModal({
   ) });
 }
 function useCopyAddress() {
-  const [copied, setCopied] = useState192(false);
+  const [copied, setCopied] = useState202(false);
   const handleCopy = (address) => {
     if (!address) return;
     navigator.clipboard.writeText(address);
@@ -18685,7 +18784,7 @@ var TooltipContent2 = React242.forwardRef(({ className, sideOffset = 4, ...props
 });
 TooltipContent2.displayName = Content22.displayName;
 var t4 = i18n2.transferCrypto;
-var getChainKey = (chainId, chainType) => {
+var getChainKey2 = (chainId, chainType) => {
   return `${chainType}:${chainId}`;
 };
 var parseChainKey = (chainKey) => {
@@ -18699,6 +18798,10 @@ function TransferCryptoSingleInput({
   destinationChainType,
   destinationChainId,
   destinationTokenAddress,
+  defaultSourceChainType,
+  defaultSourceChainId,
+  defaultSourceTokenAddress,
+  defaultSourceSymbol,
   depositConfirmationMode = "auto_ui",
   onExecutionsChange,
   onDepositSuccess,
@@ -18707,21 +18810,25 @@ function TransferCryptoSingleInput({
 }) {
   const { themeClass, colors: colors2, fonts, components } = useTheme();
   const isDarkMode = themeClass.includes("uf-dark");
-  const [token, setToken] = useState212("USDC");
-  const [chain, setChain] = useState212("solana:mainnet");
-  const [copied, setCopied] = useState212(false);
+  const [copied, setCopied] = useState222(false);
   const { copied: copiedRecipient, handleCopy: handleCopyRecipientAddress } = useCopyAddress();
-  const [glossaryOpen, setGlossaryOpen] = useState212(false);
-  const [detailsExpanded, setDetailsExpanded] = useState212(false);
-  const [depositsModalOpen, setDepositsModalOpen] = useState212(false);
-  const [tokenSelectorOpen, setTokenSelectorOpen] = useState212(false);
-  const [initialSelectionDone, setInitialSelectionDone] = useState212(false);
+  const [glossaryOpen, setGlossaryOpen] = useState222(false);
+  const [detailsExpanded, setDetailsExpanded] = useState222(false);
+  const [depositsModalOpen, setDepositsModalOpen] = useState222(false);
+  const [tokenSelectorOpen, setTokenSelectorOpen] = useState222(false);
   const { data: tokensResponse, isLoading: tokensLoading } = useSupportedDepositTokens(publishableKey, {
     destination_token_address: destinationTokenAddress,
     destination_chain_id: destinationChainId,
     destination_chain_type: destinationChainType
   });
   const supportedTokens = tokensResponse?.data ?? [];
+  const { token, chain, setToken, setChain, initialSelectionDone } = useDefaultSourceToken({
+    supportedTokens,
+    defaultSourceChainType,
+    defaultSourceChainId,
+    defaultSourceTokenAddress,
+    defaultSourceSymbol
+  });
   const {
     data: depositAddressResponse,
     isLoading: walletsLoading,
@@ -18751,10 +18858,10 @@ function TransferCryptoSingleInput({
     });
     return Array.from(chainsMap.values());
   }, [supportedTokens]);
-  const currentChainCombo = parseChainKey(chain);
-  const currentChainData = allAvailableChains.find(
+  const currentChainCombo = chain ? parseChainKey(chain) : null;
+  const currentChainData = currentChainCombo ? allAvailableChains.find(
     (c) => c.chain_type === currentChainCombo.chainType && c.chain_id === currentChainCombo.chainId
-  );
+  ) : void 0;
   const currentChainType = currentChainData?.chain_type || "ethereum";
   const currentWallet = getWalletByChainType(wallets, currentChainType);
   const depositAddress = currentWallet?.address || "";
@@ -18772,78 +18879,20 @@ function TransferCryptoSingleInput({
     onDepositSuccess,
     onDepositError
   });
-  useEffect162(() => {
-    if (!supportedTokens.length || initialSelectionDone) return;
-    let selectedTokenData;
-    let selectedChainData;
-    if (destinationTokenAddress) {
-      for (const t7 of supportedTokens) {
-        const matchingChain = t7.chains.find(
-          (c) => c.token_address.toLowerCase() === destinationTokenAddress.toLowerCase()
-        );
-        if (matchingChain) {
-          selectedTokenData = t7;
-          selectedChainData = matchingChain;
-          break;
-        }
-      }
-    }
-    if (!selectedTokenData) {
-      selectedTokenData = supportedTokens.find((t7) => t7.symbol === "USDC");
-      if (selectedTokenData && selectedTokenData.chains.length > 0) {
-        selectedChainData = selectedTokenData.chains[0];
-      }
-    }
-    if (!selectedTokenData) {
-      selectedTokenData = supportedTokens.find((t7) => t7.symbol === "USDT");
-      if (selectedTokenData && selectedTokenData.chains.length > 0) {
-        selectedChainData = selectedTokenData.chains[0];
-      }
-    }
-    if (!selectedTokenData) {
-      selectedTokenData = supportedTokens[0];
-      if (selectedTokenData.chains.length > 0) {
-        selectedChainData = selectedTokenData.chains[0];
-      }
-    }
-    if (selectedTokenData) {
-      setToken(selectedTokenData.symbol);
-    }
-    if (selectedChainData) {
-      setChain(
-        getChainKey(selectedChainData.chain_id, selectedChainData.chain_type)
-      );
-    }
-    setInitialSelectionDone(true);
-  }, [supportedTokens, destinationTokenAddress, initialSelectionDone]);
-  useEffect162(() => {
+  useEffect172(() => {
     if (onExecutionsChange) {
       onExecutionsChange(depositExecutions);
     }
   }, [depositExecutions, onExecutionsChange]);
-  useEffect162(() => {
-    if (!supportedTokens.length) return;
-    const currentToken = supportedTokens.find((t7) => t7.symbol === token);
-    if (!currentToken || currentToken.chains.length === 0) return;
-    const isChainAvailable = currentToken.chains.some((c) => {
-      const key = getChainKey(c.chain_id, c.chain_type);
-      return key === chain;
-    });
-    if (!isChainAvailable) {
-      const firstChain = currentToken.chains[0];
-      const newChain = getChainKey(firstChain.chain_id, firstChain.chain_type);
-      setChain(newChain);
-    }
-  }, [token, supportedTokens, chain]);
-  const selectedToken = supportedTokens.find((t7) => t7.symbol === token);
+  const selectedToken = token ? supportedTokens.find((t7) => t7.symbol === token) : void 0;
   const availableChainsForToken = selectedToken?.chains || [];
-  const currentChainFromBackend = availableChainsForToken.find((c) => {
-    const key = getChainKey(c.chain_id, c.chain_type);
+  const currentChainFromBackend = chain ? availableChainsForToken.find((c) => {
+    const key = getChainKey2(c.chain_id, c.chain_type);
     return key === chain;
   }) || allAvailableChains.find((c) => {
-    const key = getChainKey(c.chain_id, c.chain_type);
+    const key = getChainKey2(c.chain_id, c.chain_type);
     return key === chain;
-  });
+  }) : void 0;
   const handleCopyAddress = () => {
     navigator.clipboard.writeText(depositAddress);
     setCopied(true);
@@ -18878,10 +18927,10 @@ function TransferCryptoSingleInput({
           "button",
           {
             onClick: () => setTokenSelectorOpen(true),
-            disabled: tokensLoading || supportedTokens.length === 0,
+            disabled: tokensLoading || !token || supportedTokens.length === 0,
             className: "uf-w-full hover:uf-bg-accent uf-p-3 uf-flex uf-items-center uf-gap-3 uf-transition-colors disabled:uf-opacity-50 disabled:uf-cursor-not-allowed",
             style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` },
-            children: tokensLoading ? /* @__PURE__ */ jsxs35("div", { className: "uf-flex uf-items-center uf-gap-3 uf-animate-pulse", children: [
+            children: tokensLoading || !token ? /* @__PURE__ */ jsxs35("div", { className: "uf-flex uf-items-center uf-gap-3 uf-animate-pulse", children: [
               /* @__PURE__ */ jsx41("div", { className: "uf-w-10 uf-h-10 uf-rounded-full uf-bg-muted" }),
               /* @__PURE__ */ jsxs35("div", { className: "uf-flex-1", children: [
                 /* @__PURE__ */ jsx41("div", { className: "uf-h-4 uf-w-16 uf-bg-muted uf-rounded uf-mb-1" }),
@@ -18955,8 +19004,8 @@ function TransferCryptoSingleInput({
             open: tokenSelectorOpen,
             onOpenChange: setTokenSelectorOpen,
             tokens: supportedTokens,
-            selectedToken: token,
-            selectedChainKey: chain,
+            selectedToken: token ?? "",
+            selectedChainKey: chain ?? "",
             onSelect: (newToken, newChain) => {
               setToken(newToken);
               setChain(newChain);
@@ -19294,7 +19343,7 @@ var SelectSeparator2 = React252.forwardRef(({ className, ...props }, ref) => /*
 ));
 SelectSeparator2.displayName = Separator.displayName;
 var t5 = i18n2.transferCrypto;
-var getChainKey2 = (chainId, chainType) => {
+var getChainKey3 = (chainId, chainType) => {
   return `${chainType}:${chainId}`;
 };
 var parseChainKey2 = (chainKey) => {
@@ -19308,6 +19357,10 @@ function TransferCryptoDoubleInput({
   destinationChainType,
   destinationChainId,
   destinationTokenAddress,
+  defaultSourceChainType,
+  defaultSourceChainId,
+  defaultSourceTokenAddress,
+  defaultSourceSymbol,
   depositConfirmationMode = "auto_ui",
   onExecutionsChange,
   onDepositSuccess,
@@ -19316,20 +19369,24 @@ function TransferCryptoDoubleInput({
 }) {
   const { themeClass, colors: colors2, fonts, components } = useTheme();
   const isDarkMode = themeClass.includes("uf-dark");
-  const [token, setToken] = useState222("USDC");
-  const [chain, setChain] = useState222("solana:mainnet");
-  const [copied, setCopied] = useState222(false);
+  const [copied, setCopied] = useState232(false);
   const { copied: copiedRecipient, handleCopy: handleCopyRecipientAddress } = useCopyAddress();
-  const [glossaryOpen, setGlossaryOpen] = useState222(false);
-  const [detailsExpanded, setDetailsExpanded] = useState222(false);
-  const [depositsModalOpen, setDepositsModalOpen] = useState222(false);
-  const [initialSelectionDone, setInitialSelectionDone] = useState222(false);
+  const [glossaryOpen, setGlossaryOpen] = useState232(false);
+  const [detailsExpanded, setDetailsExpanded] = useState232(false);
+  const [depositsModalOpen, setDepositsModalOpen] = useState232(false);
   const { data: tokensResponse, isLoading: tokensLoading } = useSupportedDepositTokens(publishableKey, {
     destination_token_address: destinationTokenAddress,
     destination_chain_id: destinationChainId,
     destination_chain_type: destinationChainType
   });
   const supportedTokens = tokensResponse?.data ?? [];
+  const { token, chain, setToken, setChain, initialSelectionDone } = useDefaultSourceToken({
+    supportedTokens,
+    defaultSourceChainType,
+    defaultSourceChainId,
+    defaultSourceTokenAddress,
+    defaultSourceSymbol
+  });
   const {
     data: depositAddressResponse,
     isLoading: walletsLoading,
@@ -19359,10 +19416,10 @@ function TransferCryptoDoubleInput({
     });
     return Array.from(chainsMap.values());
   }, [supportedTokens]);
-  const currentChainCombo = parseChainKey2(chain);
-  const currentChainData = allAvailableChains.find(
+  const currentChainCombo = chain ? parseChainKey2(chain) : null;
+  const currentChainData = currentChainCombo ? allAvailableChains.find(
     (c) => c.chain_type === currentChainCombo.chainType && c.chain_id === currentChainCombo.chainId
-  );
+  ) : void 0;
   const currentChainType = currentChainData?.chain_type || "ethereum";
   const currentWallet = getWalletByChainType(wallets, currentChainType);
   const depositAddress = currentWallet?.address || "";
@@ -19380,51 +19437,20 @@ function TransferCryptoDoubleInput({
     onDepositSuccess,
     onDepositError
   });
-  useEffect172(() => {
-    if (!supportedTokens.length || initialSelectionDone) return;
-    const allChains = /* @__PURE__ */ new Set();
-    supportedTokens.forEach((t7) => {
-      t7.chains.forEach((c) => {
-        allChains.add(getChainKey2(c.chain_id, c.chain_type));
-      });
-    });
-    if (!allChains.has(chain)) {
-      const firstToken = supportedTokens[0];
-      if (firstToken.chains.length > 0) {
-        const firstChain = firstToken.chains[0];
-        setChain(getChainKey2(firstChain.chain_id, firstChain.chain_type));
-      }
-    }
-    setInitialSelectionDone(true);
-  }, [supportedTokens, chain, initialSelectionDone]);
-  useEffect172(() => {
+  useEffect182(() => {
     if (onExecutionsChange) {
       onExecutionsChange(depositExecutions);
     }
   }, [depositExecutions, onExecutionsChange]);
-  useEffect172(() => {
-    if (!supportedTokens.length) return;
-    const currentToken = supportedTokens.find((t7) => t7.symbol === token);
-    if (!currentToken || currentToken.chains.length === 0) return;
-    const isChainAvailable = currentToken.chains.some((c) => {
-      const key = getChainKey2(c.chain_id, c.chain_type);
-      return key === chain;
-    });
-    if (!isChainAvailable) {
-      const firstChain = currentToken.chains[0];
-      const newChain = getChainKey2(firstChain.chain_id, firstChain.chain_type);
-      setChain(newChain);
-    }
-  }, [token, supportedTokens, chain]);
-  const selectedToken = supportedTokens.find((t7) => t7.symbol === token);
+  const selectedToken = token ? supportedTokens.find((t7) => t7.symbol === token) : void 0;
   const availableChainsForToken = selectedToken?.chains || [];
-  const currentChainFromBackend = availableChainsForToken.find((c) => {
-    const key = getChainKey2(c.chain_id, c.chain_type);
+  const currentChainFromBackend = chain ? availableChainsForToken.find((c) => {
+    const key = getChainKey3(c.chain_id, c.chain_type);
     return key === chain;
   }) || allAvailableChains.find((c) => {
-    const key = getChainKey2(c.chain_id, c.chain_type);
+    const key = getChainKey3(c.chain_id, c.chain_type);
     return key === chain;
-  });
+  }) : void 0;
   const handleCopyAddress = () => {
     navigator.clipboard.writeText(depositAddress);
     setCopied(true);
@@ -19498,11 +19524,11 @@ function TransferCryptoDoubleInput({
             /* @__PURE__ */ jsxs37(
               Select2,
               {
-                value: token,
+                value: token ?? "",
                 onValueChange: setToken,
-                disabled: tokensLoading || supportedTokens.length === 0,
+                disabled: tokensLoading || !token || supportedTokens.length === 0,
                 children: [
-                  /* @__PURE__ */ jsx43(SelectTrigger2, { className: "uf-h-10 hover:uf-opacity-90 uf-text-foreground disabled:uf-opacity-50", style: { backgroundColor: components.card.backgroundColor, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: /* @__PURE__ */ jsx43(SelectValue2, { children: tokensLoading ? /* @__PURE__ */ jsx43("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx43("span", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: t5.loading }) }) : selectedToken ? renderTokenItem(selectedToken) : /* @__PURE__ */ jsx43("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx43("span", { className: "uf-text-xs uf-font-normal", children: token }) }) }) }),
+                  /* @__PURE__ */ jsx43(SelectTrigger2, { className: "uf-h-10 hover:uf-opacity-90 uf-text-foreground disabled:uf-opacity-50", style: { backgroundColor: components.card.backgroundColor, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: /* @__PURE__ */ jsx43(SelectValue2, { children: tokensLoading || !token ? /* @__PURE__ */ jsx43("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx43("span", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: t5.loading }) }) : selectedToken ? renderTokenItem(selectedToken) : /* @__PURE__ */ jsx43("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx43("span", { className: "uf-text-xs uf-font-normal", children: token }) }) }) }),
                   /* @__PURE__ */ jsx43(SelectContent2, { className: "uf-bg-secondary uf-border uf-text-foreground uf-max-h-[300px]", style: { border: `1px solid ${isDarkMode ? "rgba(255,255,255,0.15)" : "rgba(0,0,0,0.15)"}`, ...fonts.regular ? { "--uf-font-family": fonts.regular } : {} }, children: supportedTokens.map((tokenData) => /* @__PURE__ */ jsx43(
                     SelectItem2,
                     {
@@ -19529,11 +19555,11 @@ function TransferCryptoDoubleInput({
             /* @__PURE__ */ jsxs37(
               Select2,
               {
-                value: chain,
+                value: chain ?? "",
                 onValueChange: setChain,
-                disabled: tokensLoading || availableChainsForToken.length === 0,
+                disabled: tokensLoading || !chain || availableChainsForToken.length === 0,
                 children: [
-                  /* @__PURE__ */ jsx43(SelectTrigger2, { className: "uf-h-10 hover:uf-opacity-90 uf-text-foreground disabled:uf-opacity-50", style: { backgroundColor: components.card.backgroundColor, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: /* @__PURE__ */ jsx43(SelectValue2, { children: tokensLoading ? /* @__PURE__ */ jsx43("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx43("span", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: t5.loading }) }) : currentChainFromBackend ? renderChainItem(currentChainFromBackend) : currentChainData ? renderChainItem(currentChainData) : /* @__PURE__ */ jsx43("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx43("span", { className: "uf-text-xs uf-font-normal", children: chain }) }) }) }),
+                  /* @__PURE__ */ jsx43(SelectTrigger2, { className: "uf-h-10 hover:uf-opacity-90 uf-text-foreground disabled:uf-opacity-50", style: { backgroundColor: components.card.backgroundColor, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: /* @__PURE__ */ jsx43(SelectValue2, { children: tokensLoading || !chain ? /* @__PURE__ */ jsx43("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx43("span", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: t5.loading }) }) : currentChainFromBackend ? renderChainItem(currentChainFromBackend) : currentChainData ? renderChainItem(currentChainData) : /* @__PURE__ */ jsx43("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx43("span", { className: "uf-text-xs uf-font-normal", children: chain }) }) }) }),
                   /* @__PURE__ */ jsx43(
                     SelectContent2,
                     {
@@ -19541,7 +19567,7 @@ function TransferCryptoDoubleInput({
                       className: "uf-bg-secondary uf-border uf-text-foreground uf-max-h-[300px] uf-min-w-[200px]",
                       style: { border: `1px solid ${isDarkMode ? "rgba(255,255,255,0.15)" : "rgba(0,0,0,0.15)"}`, ...fonts.regular ? { "--uf-font-family": fonts.regular } : {} },
                       children: availableChainsForToken.length === 0 ? /* @__PURE__ */ jsx43("div", { className: "uf-px-2 uf-py-3 uf-text-xs uf-text-muted-foreground uf-text-center", children: t5.noChainsAvailable }) : availableChainsForToken.map((chainData) => {
-                        const chainKey = getChainKey2(
+                        const chainKey = getChainKey3(
                           chainData.chain_id,
                           chainData.chain_type
                         );
@@ -20536,7 +20562,7 @@ function ConfirmingView({
   isPolling = false
 }) {
   const { colors: colors2, fonts } = useTheme();
-  const [containerEl, setContainerEl] = useState232(null);
+  const [containerEl, setContainerEl] = useState242(null);
   const containerCallbackRef = useCallback22((el) => {
     setContainerEl(el);
   }, []);
@@ -21909,6 +21935,10 @@ function DepositModal({
   destinationChainType,
   destinationChainId,
   destinationTokenAddress,
+  defaultSourceChainType,
+  defaultSourceChainId,
+  defaultSourceTokenAddress,
+  defaultSourceSymbol,
   hideDepositTracker = false,
   showBalanceHeader = false,
   transferInputVariant = "double_input",
@@ -21935,28 +21965,28 @@ function DepositModal({
     if (s === "tracker" && hideDepositTracker) return "main";
     return s;
   }, [initialScreen, hideDepositTracker]);
-  const [containerEl, setContainerEl] = useState26(null);
+  const [containerEl, setContainerEl] = useState27(null);
   const containerCallbackRef = useCallback42((el) => {
     setContainerEl(el);
   }, []);
-  const [view, setView] = useState26(
+  const [view, setView] = useState27(
     effectiveInitialScreen
   );
-  const resetViewTimeoutRef = useRef52(null);
-  const [cardView, setCardView] = useState26(
+  const resetViewTimeoutRef = useRef62(null);
+  const [cardView, setCardView] = useState27(
     "amount"
   );
-  const [exchangeView, setExchangeView] = useState26(
+  const [exchangeView, setExchangeView] = useState27(
     "providers"
   );
-  const [browserWalletModalOpen, setBrowserWalletModalOpen] = useState26(false);
-  const [browserWalletInfo, setBrowserWalletInfo] = useState26(null);
-  const [walletSelectionModalOpen, setWalletSelectionModalOpen] = useState26(false);
-  const [browserWalletChainType, setBrowserWalletChainType] = useState26(() => getStoredWalletChainType());
-  const [quotesCount, setQuotesCount] = useState26(0);
-  const [allExecutions, setAllExecutions] = useState26([]);
-  const [selectedExecution, setSelectedExecution] = useState26(null);
-  const [depositExecutions, setDepositExecutions] = useState26([]);
+  const [browserWalletModalOpen, setBrowserWalletModalOpen] = useState27(false);
+  const [browserWalletInfo, setBrowserWalletInfo] = useState27(null);
+  const [walletSelectionModalOpen, setWalletSelectionModalOpen] = useState27(false);
+  const [browserWalletChainType, setBrowserWalletChainType] = useState27(() => getStoredWalletChainType());
+  const [quotesCount, setQuotesCount] = useState27(0);
+  const [allExecutions, setAllExecutions] = useState27([]);
+  const [selectedExecution, setSelectedExecution] = useState27(null);
+  const [depositExecutions, setDepositExecutions] = useState27([]);
   const isMobileView = useIsMobileViewport();
   const { data: depositAddressResponse, isLoading: walletsLoading } = useDepositAddress({
     userId,
@@ -21969,10 +21999,10 @@ function DepositModal({
     // Only fetch when modal is open
   });
   const wallets = depositAddressResponse?.data ?? [];
-  const [resolvedTheme, setResolvedTheme] = useState26(
+  const [resolvedTheme, setResolvedTheme] = useState27(
     theme === "auto" ? "dark" : theme
   );
-  useEffect20(() => {
+  useEffect21(() => {
     if (theme === "auto") {
       const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
       setResolvedTheme(mediaQuery.matches ? "dark" : "light");
@@ -22001,7 +22031,7 @@ function DepositModal({
     chainType: destinationChainType,
     enabled: open
   });
-  useEffect20(() => {
+  useEffect21(() => {
     if (view !== "tracker" || !userId) return;
     const fetchExecutions = async () => {
       try {
@@ -22022,7 +22052,7 @@ function DepositModal({
       clearInterval(pollInterval);
     };
   }, [view, userId, publishableKey]);
-  useEffect20(() => {
+  useEffect21(() => {
     if (view !== "tracker") {
       setSelectedExecution(null);
     }
@@ -22132,7 +22162,7 @@ function DepositModal({
     setBrowserWalletInfo(null);
     setSelectedExecution(null);
   }, [open, effectiveInitialScreen]);
-  useEffect20(
+  useEffect21(
     () => () => {
       if (resetViewTimeoutRef.current) {
         clearTimeout(resetViewTimeoutRef.current);
@@ -22341,6 +22371,10 @@ function DepositModal({
                     destinationChainType,
                     destinationChainId,
                     destinationTokenAddress,
+                    defaultSourceChainType,
+                    defaultSourceChainId,
+                    defaultSourceTokenAddress,
+                    defaultSourceSymbol,
                     depositConfirmationMode,
                     onExecutionsChange: setDepositExecutions,
                     onDepositSuccess,
@@ -22356,6 +22390,10 @@ function DepositModal({
                     destinationChainType,
                     destinationChainId,
                     destinationTokenAddress,
+                    defaultSourceChainType,
+                    defaultSourceChainId,
+                    defaultSourceTokenAddress,
+                    defaultSourceSymbol,
                     depositConfirmationMode,
                     onExecutionsChange: setDepositExecutions,
                     onDepositSuccess,
@@ -22651,6 +22689,10 @@ function UnifoldProvider2({
             destinationChainType: depositConfig.destinationChainType,
             destinationChainId: depositConfig.destinationChainId,
             destinationTokenAddress: depositConfig.destinationTokenAddress,
+            defaultSourceChainType: depositConfig.defaultSourceChainType,
+            defaultSourceChainId: depositConfig.defaultSourceChainId,
+            defaultSourceTokenAddress: depositConfig.defaultSourceTokenAddress,
+            defaultSourceSymbol: depositConfig.defaultSourceSymbol,
             depositConfirmationMode: depositConfig.depositConfirmationMode ?? "auto_ui",
             hideDepositTracker: config?.hideDepositTracker,
             showBalanceHeader: config?.showBalanceHeader,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unifold/connect-react",
-  "version": "0.1.40",
+  "version": "0.1.41",
   "description": "Unifold Connect React - Complete React SDK with UI components for crypto deposits",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -31,9 +31,9 @@
   },
   "dependencies": {
     "@tanstack/react-query": "^5.90.11",
-    "@unifold/core": "0.1.40",
-    "@unifold/ui-react": "0.1.40",
-    "@unifold/react-provider": "0.1.40"
+    "@unifold/core": "0.1.41",
+    "@unifold/react-provider": "0.1.41",
+    "@unifold/ui-react": "0.1.41"
   },
   "devDependencies": {
     "@types/react": "^19.0.0",