@unifold/connect-react 0.1.40 → 0.1.41

package/dist/index.js

@@ -1182,7 +1182,7 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/provider.tsx
-var import_react25 = __toESM(require("react"));
+var import_react26 = __toESM(require("react"));
 
 // ../react-provider/dist/index.mjs
 var import_react = require("react");
@@ -6885,9 +6885,10 @@ var import_jsx_runtime52 = require("react/jsx-runtime");
 var import_react21 = require("react");
 var import_jsx_runtime53 = require("react/jsx-runtime");
 var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_react22 = require("react");
 var import_jsx_runtime55 = require("react/jsx-runtime");
 var import_jsx_runtime56 = require("react/jsx-runtime");
-var import_react22 = require("react");
+var import_react23 = require("react");
 var React242 = __toESM(require("react"), 1);
 
 // ../../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
@@ -9627,7 +9628,7 @@ var Content22 = TooltipContent;
 // ../ui-react/dist/index.mjs
 var import_jsx_runtime57 = require("react/jsx-runtime");
 var import_jsx_runtime58 = require("react/jsx-runtime");
-var import_react23 = require("react");
+var import_react24 = require("react");
 var React252 = __toESM(require("react"), 1);
 
 // ../../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
@@ -10870,7 +10871,7 @@ var import_jsx_runtime61 = require("react/jsx-runtime");
 var import_jsx_runtime62 = require("react/jsx-runtime");
 var import_jsx_runtime63 = require("react/jsx-runtime");
 var import_jsx_runtime64 = require("react/jsx-runtime");
-var import_react24 = require("react");
+var import_react25 = require("react");
 var import_jsx_runtime65 = require("react/jsx-runtime");
 var import_jsx_runtime66 = require("react/jsx-runtime");
 var React272 = __toESM(require("react"), 1);
@@ -18499,6 +18500,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] = (0, import_react22.useState)(null);
+  const [chain, setChain] = (0, import_react22.useState)(null);
+  const [initialSelectionDone, setInitialSelectionDone] = (0, import_react22.useState)(false);
+  const appliedDefaultsRef = (0, import_react22.useRef)("");
+  (0, import_react22.useEffect)(() => {
+    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
+  ]);
+  (0, import_react22.useEffect)(() => {
+    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
 }) {
@@ -18658,7 +18757,7 @@ function GlossaryModal({
   ) });
 }
 function useCopyAddress() {
-  const [copied, setCopied] = (0, import_react22.useState)(false);
+  const [copied, setCopied] = (0, import_react23.useState)(false);
   const handleCopy = (address) => {
     if (!address) return;
     navigator.clipboard.writeText(address);
@@ -18704,7 +18803,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) => {
@@ -18718,6 +18817,10 @@ function TransferCryptoSingleInput({
   destinationChainType,
   destinationChainId,
   destinationTokenAddress,
+  defaultSourceChainType,
+  defaultSourceChainId,
+  defaultSourceTokenAddress,
+  defaultSourceSymbol,
   depositConfirmationMode = "auto_ui",
   onExecutionsChange,
   onDepositSuccess,
@@ -18726,21 +18829,25 @@ function TransferCryptoSingleInput({
 }) {
   const { themeClass, colors: colors2, fonts, components } = useTheme();
   const isDarkMode = themeClass.includes("uf-dark");
-  const [token, setToken] = (0, import_react18.useState)("USDC");
-  const [chain, setChain] = (0, import_react18.useState)("solana:mainnet");
   const [copied, setCopied] = (0, import_react18.useState)(false);
   const { copied: copiedRecipient, handleCopy: handleCopyRecipientAddress } = useCopyAddress();
   const [glossaryOpen, setGlossaryOpen] = (0, import_react18.useState)(false);
   const [detailsExpanded, setDetailsExpanded] = (0, import_react18.useState)(false);
   const [depositsModalOpen, setDepositsModalOpen] = (0, import_react18.useState)(false);
   const [tokenSelectorOpen, setTokenSelectorOpen] = (0, import_react18.useState)(false);
-  const [initialSelectionDone, setInitialSelectionDone] = (0, import_react18.useState)(false);
   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,
@@ -18770,10 +18877,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 || "";
@@ -18791,78 +18898,20 @@ function TransferCryptoSingleInput({
     onDepositSuccess,
     onDepositError
   });
-  (0, import_react18.useEffect)(() => {
-    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]);
   (0, import_react18.useEffect)(() => {
     if (onExecutionsChange) {
       onExecutionsChange(depositExecutions);
     }
   }, [depositExecutions, onExecutionsChange]);
-  (0, import_react18.useEffect)(() => {
-    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);
@@ -18897,10 +18946,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__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3 uf-animate-pulse", children: [
+            children: tokensLoading || !token ? /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3 uf-animate-pulse", children: [
               /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "uf-w-10 uf-h-10 uf-rounded-full uf-bg-muted" }),
               /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "uf-flex-1", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "uf-h-4 uf-w-16 uf-bg-muted uf-rounded uf-mb-1" }),
@@ -18974,8 +19023,8 @@ function TransferCryptoSingleInput({
             open: tokenSelectorOpen,
             onOpenChange: setTokenSelectorOpen,
             tokens: supportedTokens,
-            selectedToken: token,
-            selectedChainKey: chain,
+            selectedToken: token ?? "",
+            selectedChainKey: chain ?? "",
             onSelect: (newToken, newChain) => {
               setToken(newToken);
               setChain(newChain);
@@ -19313,7 +19362,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) => {
@@ -19327,6 +19376,10 @@ function TransferCryptoDoubleInput({
   destinationChainType,
   destinationChainId,
   destinationTokenAddress,
+  defaultSourceChainType,
+  defaultSourceChainId,
+  defaultSourceTokenAddress,
+  defaultSourceSymbol,
   depositConfirmationMode = "auto_ui",
   onExecutionsChange,
   onDepositSuccess,
@@ -19335,20 +19388,24 @@ function TransferCryptoDoubleInput({
 }) {
   const { themeClass, colors: colors2, fonts, components } = useTheme();
   const isDarkMode = themeClass.includes("uf-dark");
-  const [token, setToken] = (0, import_react23.useState)("USDC");
-  const [chain, setChain] = (0, import_react23.useState)("solana:mainnet");
-  const [copied, setCopied] = (0, import_react23.useState)(false);
+  const [copied, setCopied] = (0, import_react24.useState)(false);
   const { copied: copiedRecipient, handleCopy: handleCopyRecipientAddress } = useCopyAddress();
-  const [glossaryOpen, setGlossaryOpen] = (0, import_react23.useState)(false);
-  const [detailsExpanded, setDetailsExpanded] = (0, import_react23.useState)(false);
-  const [depositsModalOpen, setDepositsModalOpen] = (0, import_react23.useState)(false);
-  const [initialSelectionDone, setInitialSelectionDone] = (0, import_react23.useState)(false);
+  const [glossaryOpen, setGlossaryOpen] = (0, import_react24.useState)(false);
+  const [detailsExpanded, setDetailsExpanded] = (0, import_react24.useState)(false);
+  const [depositsModalOpen, setDepositsModalOpen] = (0, import_react24.useState)(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,
@@ -19366,7 +19423,7 @@ function TransferCryptoDoubleInput({
   const wallets = externalWallets?.length ? externalWallets : depositAddressResponse?.data ?? [];
   const loading = externalWallets?.length ? false : walletsLoading;
   const error = walletsError?.message ?? null;
-  const allAvailableChains = (0, import_react23.useMemo)(() => {
+  const allAvailableChains = (0, import_react24.useMemo)(() => {
     const chainsMap = /* @__PURE__ */ new Map();
     supportedTokens.forEach((t7) => {
       t7.chains.forEach((c) => {
@@ -19378,10 +19435,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 || "";
@@ -19399,51 +19456,20 @@ function TransferCryptoDoubleInput({
     onDepositSuccess,
     onDepositError
   });
-  (0, import_react23.useEffect)(() => {
-    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]);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     if (onExecutionsChange) {
       onExecutionsChange(depositExecutions);
     }
   }, [depositExecutions, onExecutionsChange]);
-  (0, import_react23.useEffect)(() => {
-    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);
@@ -19517,11 +19543,11 @@ function TransferCryptoDoubleInput({
             /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
               Select2,
               {
-                value: token,
+                value: token ?? "",
                 onValueChange: setToken,
-                disabled: tokensLoading || supportedTokens.length === 0,
+                disabled: tokensLoading || !token || supportedTokens.length === 0,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(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__ */ (0, import_jsx_runtime60.jsx)(SelectValue2, { children: tokensLoading ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: t5.loading }) }) : selectedToken ? renderTokenItem(selectedToken) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "uf-text-xs uf-font-normal", children: token }) }) }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(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__ */ (0, import_jsx_runtime60.jsx)(SelectValue2, { children: tokensLoading || !token ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: t5.loading }) }) : selectedToken ? renderTokenItem(selectedToken) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "uf-text-xs uf-font-normal", children: token }) }) }) }),
                   /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(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__ */ (0, import_jsx_runtime60.jsx)(
                     SelectItem2,
                     {
@@ -19548,11 +19574,11 @@ function TransferCryptoDoubleInput({
             /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
               Select2,
               {
-                value: chain,
+                value: chain ?? "",
                 onValueChange: setChain,
-                disabled: tokensLoading || availableChainsForToken.length === 0,
+                disabled: tokensLoading || !chain || availableChainsForToken.length === 0,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(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__ */ (0, import_jsx_runtime60.jsx)(SelectValue2, { children: tokensLoading ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: t5.loading }) }) : currentChainFromBackend ? renderChainItem(currentChainFromBackend) : currentChainData ? renderChainItem(currentChainData) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "uf-text-xs uf-font-normal", children: chain }) }) }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(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__ */ (0, import_jsx_runtime60.jsx)(SelectValue2, { children: tokensLoading || !chain ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: t5.loading }) }) : currentChainFromBackend ? renderChainItem(currentChainFromBackend) : currentChainData ? renderChainItem(currentChainData) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "uf-text-xs uf-font-normal", children: chain }) }) }) }),
                   /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
                     SelectContent2,
                     {
@@ -19560,7 +19586,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__ */ (0, import_jsx_runtime60.jsx)("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
                         );
@@ -20555,8 +20581,8 @@ function ConfirmingView({
   isPolling = false
 }) {
   const { colors: colors2, fonts } = useTheme();
-  const [containerEl, setContainerEl] = (0, import_react24.useState)(null);
-  const containerCallbackRef = (0, import_react24.useCallback)((el) => {
+  const [containerEl, setContainerEl] = (0, import_react25.useState)(null);
+  const containerCallbackRef = (0, import_react25.useCallback)((el) => {
     setContainerEl(el);
   }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(PortalContainerProvider, { value: containerEl, children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
@@ -21928,6 +21954,10 @@ function DepositModal({
   destinationChainType,
   destinationChainId,
   destinationTokenAddress,
+  defaultSourceChainType,
+  defaultSourceChainId,
+  defaultSourceTokenAddress,
+  defaultSourceSymbol,
   hideDepositTracker = false,
   showBalanceHeader = false,
   transferInputVariant = "double_input",
@@ -22360,6 +22390,10 @@ function DepositModal({
                     destinationChainType,
                     destinationChainId,
                     destinationTokenAddress,
+                    defaultSourceChainType,
+                    defaultSourceChainId,
+                    defaultSourceTokenAddress,
+                    defaultSourceSymbol,
                     depositConfirmationMode,
                     onExecutionsChange: setDepositExecutions,
                     onDepositSuccess,
@@ -22375,6 +22409,10 @@ function DepositModal({
                     destinationChainType,
                     destinationChainId,
                     destinationTokenAddress,
+                    defaultSourceChainType,
+                    defaultSourceChainId,
+                    defaultSourceTokenAddress,
+                    defaultSourceSymbol,
                     depositConfirmationMode,
                     onExecutionsChange: setDepositExecutions,
                     onDepositSuccess,
@@ -22543,17 +22581,17 @@ function UnifoldProvider2({
   publishableKey,
   config
 }) {
-  const [isOpen, setIsOpen] = (0, import_react25.useState)(false);
-  const [depositConfig, setDepositConfig] = (0, import_react25.useState)(
+  const [isOpen, setIsOpen] = (0, import_react26.useState)(false);
+  const [depositConfig, setDepositConfig] = (0, import_react26.useState)(
     null
   );
-  const [resolvedTheme, setResolvedTheme] = import_react25.default.useState("dark");
-  (0, import_react25.useEffect)(() => {
+  const [resolvedTheme, setResolvedTheme] = import_react26.default.useState("dark");
+  (0, import_react26.useEffect)(() => {
     if (publishableKey) {
       setApiConfig({ publishableKey });
     }
   }, [publishableKey]);
-  import_react25.default.useEffect(() => {
+  import_react26.default.useEffect(() => {
     const appearance = config?.appearance || "dark";
     if (appearance === "auto") {
       const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
@@ -22568,12 +22606,12 @@ function UnifoldProvider2({
       setResolvedTheme(appearance);
     }
   }, [config?.appearance]);
-  const depositPromiseRef = import_react25.default.useRef(null);
-  const depositConfigRef = import_react25.default.useRef(null);
+  const depositPromiseRef = import_react26.default.useRef(null);
+  const depositConfigRef = import_react26.default.useRef(null);
   depositConfigRef.current = depositConfig;
-  const closeTimeoutRef = import_react25.default.useRef(null);
-  const closeGuardRef = import_react25.default.useRef(false);
-  const beginDeposit = (0, import_react25.useCallback)((config2) => {
+  const closeTimeoutRef = import_react26.default.useRef(null);
+  const closeGuardRef = import_react26.default.useRef(false);
+  const beginDeposit = (0, import_react26.useCallback)((config2) => {
     if (closeTimeoutRef.current) {
       clearTimeout(closeTimeoutRef.current);
       closeTimeoutRef.current = null;
@@ -22596,7 +22634,7 @@ function UnifoldProvider2({
     setIsOpen(true);
     return promise;
   }, []);
-  const closeDeposit = (0, import_react25.useCallback)(() => {
+  const closeDeposit = (0, import_react26.useCallback)(() => {
     if (closeGuardRef.current) {
       return;
     }
@@ -22618,7 +22656,7 @@ function UnifoldProvider2({
       closeTimeoutRef.current = null;
     }, 200);
   }, []);
-  const handleDepositSuccess = (0, import_react25.useCallback)((data) => {
+  const handleDepositSuccess = (0, import_react26.useCallback)((data) => {
     if (depositConfig?.onSuccess) {
       depositConfig.onSuccess(data);
     }
@@ -22627,7 +22665,7 @@ function UnifoldProvider2({
       depositPromiseRef.current = null;
     }
   }, [depositConfig]);
-  const handleDepositError = (0, import_react25.useCallback)((error) => {
+  const handleDepositError = (0, import_react26.useCallback)((error) => {
     console.error("[UnifoldProvider] Deposit error:", error);
     if (depositConfig?.onError) {
       depositConfig.onError(error);
@@ -22637,7 +22675,7 @@ function UnifoldProvider2({
       depositPromiseRef.current = null;
     }
   }, [depositConfig]);
-  const contextValue = (0, import_react25.useMemo)(
+  const contextValue = (0, import_react26.useMemo)(
     () => ({
       beginDeposit,
       closeDeposit,
@@ -22670,6 +22708,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,
@@ -22694,10 +22736,10 @@ function UnifoldProvider2({
     }
   ) }) });
 }
-var ConnectContext = import_react25.default.createContext(null);
+var ConnectContext = import_react26.default.createContext(null);
 function useUnifold2() {
   const baseContext = useUnifold();
-  const connectContext = import_react25.default.useContext(ConnectContext);
+  const connectContext = import_react26.default.useContext(ConnectContext);
   if (typeof window === "undefined") {
     return {
       publishableKey: "",