@unifold/ui-web 0.1.40 → 0.1.41

package/dist/index.js

@@ -34407,7 +34407,7 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/unifold.tsx
-var import_react26 = __toESM(require_react());
+var import_react27 = __toESM(require_react());
 var import_client = __toESM(require_client());
 
 // ../connect-react/dist/index.mjs
@@ -37182,14 +37182,15 @@ var import_jsx_runtime46 = __toESM(require_jsx_runtime(), 1);
 var import_react19 = __toESM(require_react(), 1);
 var import_jsx_runtime47 = __toESM(require_jsx_runtime(), 1);
 var import_jsx_runtime48 = __toESM(require_jsx_runtime(), 1);
+var import_react20 = __toESM(require_react(), 1);
 var import_jsx_runtime49 = __toESM(require_jsx_runtime(), 1);
 var import_jsx_runtime50 = __toESM(require_jsx_runtime(), 1);
-var import_react20 = __toESM(require_react(), 1);
+var import_react21 = __toESM(require_react(), 1);
 var React242 = __toESM(require_react(), 1);
 var React31 = __toESM(require_react(), 1);
 var React29 = __toESM(require_react(), 1);
 var React26 = __toESM(require_react(), 1);
-var import_react21 = __toESM(require_react(), 1);
+var import_react22 = __toESM(require_react(), 1);
 var ReactDOM3 = __toESM(require_react_dom(), 1);
 var React27 = __toESM(require_react(), 1);
 var import_jsx_runtime51 = __toESM(require_jsx_runtime(), 1);
@@ -37200,13 +37201,13 @@ var import_jsx_runtime53 = __toESM(require_jsx_runtime(), 1);
 var import_jsx_runtime54 = __toESM(require_jsx_runtime(), 1);
 var import_jsx_runtime55 = __toESM(require_jsx_runtime(), 1);
 var import_jsx_runtime56 = __toESM(require_jsx_runtime(), 1);
-var import_react22 = __toESM(require_react(), 1);
+var import_react23 = __toESM(require_react(), 1);
 var React252 = __toESM(require_react(), 1);
 var React35 = __toESM(require_react(), 1);
 var ReactDOM4 = __toESM(require_react_dom(), 1);
-var import_react23 = __toESM(require_react(), 1);
-var import_jsx_runtime57 = __toESM(require_jsx_runtime(), 1);
 var import_react24 = __toESM(require_react(), 1);
+var import_jsx_runtime57 = __toESM(require_jsx_runtime(), 1);
+var import_react25 = __toESM(require_react(), 1);
 var import_jsx_runtime58 = __toESM(require_jsx_runtime(), 1);
 var React33 = __toESM(require_react(), 1);
 var import_jsx_runtime59 = __toESM(require_jsx_runtime(), 1);
@@ -37219,7 +37220,7 @@ var import_jsx_runtime63 = __toESM(require_jsx_runtime(), 1);
 var import_jsx_runtime64 = __toESM(require_jsx_runtime(), 1);
 var import_jsx_runtime65 = __toESM(require_jsx_runtime(), 1);
 var import_jsx_runtime66 = __toESM(require_jsx_runtime(), 1);
-var import_react25 = __toESM(require_react(), 1);
+var import_react26 = __toESM(require_react(), 1);
 var import_jsx_runtime67 = __toESM(require_jsx_runtime(), 1);
 var import_jsx_runtime68 = __toESM(require_jsx_runtime(), 1);
 var React272 = __toESM(require_react(), 1);
@@ -45258,7 +45259,7 @@ var computePosition2 = (reference, floating, options2) => {
 var isClient = typeof document !== "undefined";
 var noop2 = function noop22() {
 };
-var index = isClient ? import_react21.useLayoutEffect : noop2;
+var index = isClient ? import_react22.useLayoutEffect : noop2;
 function deepEqual(a, b) {
   if (a === b) {
     return true;
@@ -46367,14 +46368,14 @@ function createCollection(name) {
   );
   const CollectionProvider = (props) => {
     const { scope, children } = props;
-    const ref = import_react23.default.useRef(null);
-    const itemMap = import_react23.default.useRef(/* @__PURE__ */ new Map()).current;
+    const ref = import_react24.default.useRef(null);
+    const itemMap = import_react24.default.useRef(/* @__PURE__ */ new Map()).current;
     return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
   };
   CollectionProvider.displayName = PROVIDER_NAME2;
   const COLLECTION_SLOT_NAME = name + "CollectionSlot";
   const CollectionSlotImpl = /* @__PURE__ */ createSlot(COLLECTION_SLOT_NAME);
-  const CollectionSlot = import_react23.default.forwardRef(
+  const CollectionSlot = import_react24.default.forwardRef(
     (props, forwardedRef) => {
       const { scope, children } = props;
       const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
@@ -46386,13 +46387,13 @@ function createCollection(name) {
   const ITEM_SLOT_NAME = name + "CollectionItemSlot";
   const ITEM_DATA_ATTR = "data-radix-collection-item";
   const CollectionItemSlotImpl = /* @__PURE__ */ createSlot(ITEM_SLOT_NAME);
-  const CollectionItemSlot = import_react23.default.forwardRef(
+  const CollectionItemSlot = import_react24.default.forwardRef(
     (props, forwardedRef) => {
       const { scope, children, ...itemData } = props;
-      const ref = import_react23.default.useRef(null);
+      const ref = import_react24.default.useRef(null);
       const composedRefs = useComposedRefs(forwardedRef, ref);
       const context = useCollectionContext(ITEM_SLOT_NAME, scope);
-      import_react23.default.useEffect(() => {
+      import_react24.default.useEffect(() => {
         context.itemMap.set(ref, { ref, ...itemData });
         return () => void context.itemMap.delete(ref);
       });
@@ -46402,7 +46403,7 @@ function createCollection(name) {
   CollectionItemSlot.displayName = ITEM_SLOT_NAME;
   function useCollection2(scope) {
     const context = useCollectionContext(name + "CollectionConsumer", scope);
-    const getItems = import_react23.default.useCallback(() => {
+    const getItems = import_react24.default.useCallback(() => {
       const collectionNode = context.collectionRef.current;
       if (!collectionNode) return [];
       const orderedNodes = Array.from(collectionNode.querySelectorAll(`[${ITEM_DATA_ATTR}]`));
@@ -55188,6 +55189,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_react20.useState)(null);
+  const [chain, setChain] = (0, import_react20.useState)(null);
+  const [initialSelectionDone, setInitialSelectionDone] = (0, import_react20.useState)(false);
+  const appliedDefaultsRef = (0, import_react20.useRef)("");
+  (0, import_react20.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_react20.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
 }) {
@@ -55347,7 +55446,7 @@ function GlossaryModal({
   ) });
 }
 function useCopyAddress() {
-  const [copied, setCopied] = (0, import_react20.useState)(false);
+  const [copied, setCopied] = (0, import_react21.useState)(false);
   const handleCopy = (address) => {
     if (!address) return;
     navigator.clipboard.writeText(address);
@@ -55393,7 +55492,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) => {
@@ -55407,6 +55506,10 @@ function TransferCryptoSingleInput({
   destinationChainType,
   destinationChainId,
   destinationTokenAddress,
+  defaultSourceChainType,
+  defaultSourceChainId,
+  defaultSourceTokenAddress,
+  defaultSourceSymbol,
   depositConfirmationMode = "auto_ui",
   onExecutionsChange,
   onDepositSuccess,
@@ -55415,21 +55518,25 @@ function TransferCryptoSingleInput({
 }) {
   const { themeClass, colors: colors2, fonts, components } = useTheme();
   const isDarkMode = themeClass.includes("uf-dark");
-  const [token, setToken] = (0, import_react16.useState)("USDC");
-  const [chain, setChain] = (0, import_react16.useState)("solana:mainnet");
   const [copied, setCopied] = (0, import_react16.useState)(false);
   const { copied: copiedRecipient, handleCopy: handleCopyRecipientAddress } = useCopyAddress();
   const [glossaryOpen, setGlossaryOpen] = (0, import_react16.useState)(false);
   const [detailsExpanded, setDetailsExpanded] = (0, import_react16.useState)(false);
   const [depositsModalOpen, setDepositsModalOpen] = (0, import_react16.useState)(false);
   const [tokenSelectorOpen, setTokenSelectorOpen] = (0, import_react16.useState)(false);
-  const [initialSelectionDone, setInitialSelectionDone] = (0, import_react16.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,
@@ -55459,10 +55566,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 || "";
@@ -55480,78 +55587,20 @@ function TransferCryptoSingleInput({
     onDepositSuccess,
     onDepositError
   });
-  (0, import_react16.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_react16.useEffect)(() => {
     if (onExecutionsChange) {
       onExecutionsChange(depositExecutions);
     }
   }, [depositExecutions, onExecutionsChange]);
-  (0, import_react16.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);
@@ -55586,10 +55635,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_runtime56.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3 uf-animate-pulse", children: [
+            children: tokensLoading || !token ? /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3 uf-animate-pulse", children: [
               /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "uf-w-10 uf-h-10 uf-rounded-full uf-bg-muted" }),
               /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "uf-flex-1", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "uf-h-4 uf-w-16 uf-bg-muted uf-rounded uf-mb-1" }),
@@ -55663,8 +55712,8 @@ function TransferCryptoSingleInput({
             open: tokenSelectorOpen,
             onOpenChange: setTokenSelectorOpen,
             tokens: supportedTokens,
-            selectedToken: token,
-            selectedChainKey: chain,
+            selectedToken: token ?? "",
+            selectedChainKey: chain ?? "",
             onSelect: (newToken, newChain) => {
               setToken(newToken);
               setChain(newChain);
@@ -56002,7 +56051,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) => {
@@ -56016,6 +56065,10 @@ function TransferCryptoDoubleInput({
   destinationChainType,
   destinationChainId,
   destinationTokenAddress,
+  defaultSourceChainType,
+  defaultSourceChainId,
+  defaultSourceTokenAddress,
+  defaultSourceSymbol,
   depositConfirmationMode = "auto_ui",
   onExecutionsChange,
   onDepositSuccess,
@@ -56024,20 +56077,24 @@ function TransferCryptoDoubleInput({
 }) {
   const { themeClass, colors: colors2, fonts, components } = useTheme();
   const isDarkMode = themeClass.includes("uf-dark");
-  const [token, setToken] = (0, import_react22.useState)("USDC");
-  const [chain, setChain] = (0, import_react22.useState)("solana:mainnet");
-  const [copied, setCopied] = (0, import_react22.useState)(false);
+  const [copied, setCopied] = (0, import_react23.useState)(false);
   const { copied: copiedRecipient, handleCopy: handleCopyRecipientAddress } = useCopyAddress();
-  const [glossaryOpen, setGlossaryOpen] = (0, import_react22.useState)(false);
-  const [detailsExpanded, setDetailsExpanded] = (0, import_react22.useState)(false);
-  const [depositsModalOpen, setDepositsModalOpen] = (0, import_react22.useState)(false);
-  const [initialSelectionDone, setInitialSelectionDone] = (0, import_react22.useState)(false);
+  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 { 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,
@@ -56055,7 +56112,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_react22.useMemo)(() => {
+  const allAvailableChains = (0, import_react23.useMemo)(() => {
     const chainsMap = /* @__PURE__ */ new Map();
     supportedTokens.forEach((t7) => {
       t7.chains.forEach((c) => {
@@ -56067,10 +56124,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 || "";
@@ -56088,51 +56145,20 @@ function TransferCryptoDoubleInput({
     onDepositSuccess,
     onDepositError
   });
-  (0, import_react22.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_react22.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (onExecutionsChange) {
       onExecutionsChange(depositExecutions);
     }
   }, [depositExecutions, onExecutionsChange]);
-  (0, import_react22.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);
@@ -56206,11 +56232,11 @@ function TransferCryptoDoubleInput({
             /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
               Select2,
               {
-                value: token,
+                value: token ?? "",
                 onValueChange: setToken,
-                disabled: tokensLoading || supportedTokens.length === 0,
+                disabled: tokensLoading || !token || supportedTokens.length === 0,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime62.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_runtime62.jsx)(SelectValue2, { children: tokensLoading ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: t5.loading }) }) : selectedToken ? renderTokenItem(selectedToken) : /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "uf-text-xs uf-font-normal", children: token }) }) }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime62.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_runtime62.jsx)(SelectValue2, { children: tokensLoading || !token ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: t5.loading }) }) : selectedToken ? renderTokenItem(selectedToken) : /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "uf-text-xs uf-font-normal", children: token }) }) }) }),
                   /* @__PURE__ */ (0, import_jsx_runtime62.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_runtime62.jsx)(
                     SelectItem2,
                     {
@@ -56237,11 +56263,11 @@ function TransferCryptoDoubleInput({
             /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
               Select2,
               {
-                value: chain,
+                value: chain ?? "",
                 onValueChange: setChain,
-                disabled: tokensLoading || availableChainsForToken.length === 0,
+                disabled: tokensLoading || !chain || availableChainsForToken.length === 0,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime62.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_runtime62.jsx)(SelectValue2, { children: tokensLoading ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime62.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_runtime62.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "uf-text-xs uf-font-normal", children: chain }) }) }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime62.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_runtime62.jsx)(SelectValue2, { children: tokensLoading || !chain ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime62.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_runtime62.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "uf-text-xs uf-font-normal", children: chain }) }) }) }),
                   /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
                     SelectContent2,
                     {
@@ -56249,7 +56275,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_runtime62.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
                         );
@@ -57244,8 +57270,8 @@ function ConfirmingView({
   isPolling = false
 }) {
   const { colors: colors2, fonts } = useTheme();
-  const [containerEl, setContainerEl] = (0, import_react25.useState)(null);
-  const containerCallbackRef = (0, import_react25.useCallback)((el) => {
+  const [containerEl, setContainerEl] = (0, import_react26.useState)(null);
+  const containerCallbackRef = (0, import_react26.useCallback)((el) => {
     setContainerEl(el);
   }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(PortalContainerProvider, { value: containerEl, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
@@ -58617,6 +58643,10 @@ function DepositModal({
   destinationChainType,
   destinationChainId,
   destinationTokenAddress,
+  defaultSourceChainType,
+  defaultSourceChainId,
+  defaultSourceTokenAddress,
+  defaultSourceSymbol,
   hideDepositTracker = false,
   showBalanceHeader = false,
   transferInputVariant = "double_input",
@@ -59049,6 +59079,10 @@ function DepositModal({
                     destinationChainType,
                     destinationChainId,
                     destinationTokenAddress,
+                    defaultSourceChainType,
+                    defaultSourceChainId,
+                    defaultSourceTokenAddress,
+                    defaultSourceSymbol,
                     depositConfirmationMode,
                     onExecutionsChange: setDepositExecutions,
                     onDepositSuccess,
@@ -59064,6 +59098,10 @@ function DepositModal({
                     destinationChainType,
                     destinationChainId,
                     destinationTokenAddress,
+                    defaultSourceChainType,
+                    defaultSourceChainId,
+                    defaultSourceTokenAddress,
+                    defaultSourceSymbol,
                     depositConfirmationMode,
                     onExecutionsChange: setDepositExecutions,
                     onDepositSuccess,
@@ -59356,6 +59394,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,
@@ -59403,16 +59445,16 @@ function useUnifold2() {
 }
 
 // src/unifold.tsx
-var UnifoldBridge = (0, import_react26.forwardRef)((_, ref) => {
+var UnifoldBridge = (0, import_react27.forwardRef)((_, ref) => {
   const { beginDeposit, closeDeposit } = useUnifold2();
-  (0, import_react26.useImperativeHandle)(ref, () => ({ beginDeposit, closeDeposit }), [
+  (0, import_react27.useImperativeHandle)(ref, () => ({ beginDeposit, closeDeposit }), [
     beginDeposit,
     closeDeposit
   ]);
   return null;
 });
 UnifoldBridge.displayName = "UnifoldBridge";
-var RenderErrorBoundary = class extends import_react26.Component {
+var RenderErrorBoundary = class extends import_react27.Component {
   constructor() {
     super(...arguments);
     this.state = { hasError: false };
@@ -59477,13 +59519,13 @@ function createUnifold(publishableKey, config) {
     };
     try {
       root.render(
-        import_react26.default.createElement(
+        import_react27.default.createElement(
           RenderErrorBoundary,
           { onError: handleRenderError },
-          import_react26.default.createElement(
+          import_react27.default.createElement(
             UnifoldProvider2,
             { publishableKey, config },
-            import_react26.default.createElement(UnifoldBridge, { ref: refCallback })
+            import_react27.default.createElement(UnifoldBridge, { ref: refCallback })
           )
         )
       );

package/dist/index.mjs

@@ -34394,7 +34394,7 @@ var require_jsx_runtime = __commonJS({
 });
 
 // src/unifold.tsx
-var import_react26 = __toESM(require_react());
+var import_react27 = __toESM(require_react());
 var import_client = __toESM(require_client());
 
 // ../connect-react/dist/index.mjs
@@ -37169,14 +37169,15 @@ var import_jsx_runtime46 = __toESM(require_jsx_runtime(), 1);
 var import_react19 = __toESM(require_react(), 1);
 var import_jsx_runtime47 = __toESM(require_jsx_runtime(), 1);
 var import_jsx_runtime48 = __toESM(require_jsx_runtime(), 1);
+var import_react20 = __toESM(require_react(), 1);
 var import_jsx_runtime49 = __toESM(require_jsx_runtime(), 1);
 var import_jsx_runtime50 = __toESM(require_jsx_runtime(), 1);
-var import_react20 = __toESM(require_react(), 1);
+var import_react21 = __toESM(require_react(), 1);
 var React242 = __toESM(require_react(), 1);
 var React31 = __toESM(require_react(), 1);
 var React29 = __toESM(require_react(), 1);
 var React26 = __toESM(require_react(), 1);
-var import_react21 = __toESM(require_react(), 1);
+var import_react22 = __toESM(require_react(), 1);
 var ReactDOM3 = __toESM(require_react_dom(), 1);
 var React27 = __toESM(require_react(), 1);
 var import_jsx_runtime51 = __toESM(require_jsx_runtime(), 1);
@@ -37187,13 +37188,13 @@ var import_jsx_runtime53 = __toESM(require_jsx_runtime(), 1);
 var import_jsx_runtime54 = __toESM(require_jsx_runtime(), 1);
 var import_jsx_runtime55 = __toESM(require_jsx_runtime(), 1);
 var import_jsx_runtime56 = __toESM(require_jsx_runtime(), 1);
-var import_react22 = __toESM(require_react(), 1);
+var import_react23 = __toESM(require_react(), 1);
 var React252 = __toESM(require_react(), 1);
 var React35 = __toESM(require_react(), 1);
 var ReactDOM4 = __toESM(require_react_dom(), 1);
-var import_react23 = __toESM(require_react(), 1);
-var import_jsx_runtime57 = __toESM(require_jsx_runtime(), 1);
 var import_react24 = __toESM(require_react(), 1);
+var import_jsx_runtime57 = __toESM(require_jsx_runtime(), 1);
+var import_react25 = __toESM(require_react(), 1);
 var import_jsx_runtime58 = __toESM(require_jsx_runtime(), 1);
 var React33 = __toESM(require_react(), 1);
 var import_jsx_runtime59 = __toESM(require_jsx_runtime(), 1);
@@ -37206,7 +37207,7 @@ var import_jsx_runtime63 = __toESM(require_jsx_runtime(), 1);
 var import_jsx_runtime64 = __toESM(require_jsx_runtime(), 1);
 var import_jsx_runtime65 = __toESM(require_jsx_runtime(), 1);
 var import_jsx_runtime66 = __toESM(require_jsx_runtime(), 1);
-var import_react25 = __toESM(require_react(), 1);
+var import_react26 = __toESM(require_react(), 1);
 var import_jsx_runtime67 = __toESM(require_jsx_runtime(), 1);
 var import_jsx_runtime68 = __toESM(require_jsx_runtime(), 1);
 var React272 = __toESM(require_react(), 1);
@@ -45245,7 +45246,7 @@ var computePosition2 = (reference, floating, options2) => {
 var isClient = typeof document !== "undefined";
 var noop2 = function noop22() {
 };
-var index = isClient ? import_react21.useLayoutEffect : noop2;
+var index = isClient ? import_react22.useLayoutEffect : noop2;
 function deepEqual(a, b) {
   if (a === b) {
     return true;
@@ -46354,14 +46355,14 @@ function createCollection(name) {
   );
   const CollectionProvider = (props) => {
     const { scope, children } = props;
-    const ref = import_react23.default.useRef(null);
-    const itemMap = import_react23.default.useRef(/* @__PURE__ */ new Map()).current;
+    const ref = import_react24.default.useRef(null);
+    const itemMap = import_react24.default.useRef(/* @__PURE__ */ new Map()).current;
     return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
   };
   CollectionProvider.displayName = PROVIDER_NAME2;
   const COLLECTION_SLOT_NAME = name + "CollectionSlot";
   const CollectionSlotImpl = /* @__PURE__ */ createSlot(COLLECTION_SLOT_NAME);
-  const CollectionSlot = import_react23.default.forwardRef(
+  const CollectionSlot = import_react24.default.forwardRef(
     (props, forwardedRef) => {
       const { scope, children } = props;
       const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
@@ -46373,13 +46374,13 @@ function createCollection(name) {
   const ITEM_SLOT_NAME = name + "CollectionItemSlot";
   const ITEM_DATA_ATTR = "data-radix-collection-item";
   const CollectionItemSlotImpl = /* @__PURE__ */ createSlot(ITEM_SLOT_NAME);
-  const CollectionItemSlot = import_react23.default.forwardRef(
+  const CollectionItemSlot = import_react24.default.forwardRef(
     (props, forwardedRef) => {
       const { scope, children, ...itemData } = props;
-      const ref = import_react23.default.useRef(null);
+      const ref = import_react24.default.useRef(null);
       const composedRefs = useComposedRefs(forwardedRef, ref);
       const context = useCollectionContext(ITEM_SLOT_NAME, scope);
-      import_react23.default.useEffect(() => {
+      import_react24.default.useEffect(() => {
         context.itemMap.set(ref, { ref, ...itemData });
         return () => void context.itemMap.delete(ref);
       });
@@ -46389,7 +46390,7 @@ function createCollection(name) {
   CollectionItemSlot.displayName = ITEM_SLOT_NAME;
   function useCollection2(scope) {
     const context = useCollectionContext(name + "CollectionConsumer", scope);
-    const getItems = import_react23.default.useCallback(() => {
+    const getItems = import_react24.default.useCallback(() => {
       const collectionNode = context.collectionRef.current;
       if (!collectionNode) return [];
       const orderedNodes = Array.from(collectionNode.querySelectorAll(`[${ITEM_DATA_ATTR}]`));
@@ -55175,6 +55176,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_react20.useState)(null);
+  const [chain, setChain] = (0, import_react20.useState)(null);
+  const [initialSelectionDone, setInitialSelectionDone] = (0, import_react20.useState)(false);
+  const appliedDefaultsRef = (0, import_react20.useRef)("");
+  (0, import_react20.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_react20.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
 }) {
@@ -55334,7 +55433,7 @@ function GlossaryModal({
   ) });
 }
 function useCopyAddress() {
-  const [copied, setCopied] = (0, import_react20.useState)(false);
+  const [copied, setCopied] = (0, import_react21.useState)(false);
   const handleCopy = (address) => {
     if (!address) return;
     navigator.clipboard.writeText(address);
@@ -55380,7 +55479,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) => {
@@ -55394,6 +55493,10 @@ function TransferCryptoSingleInput({
   destinationChainType,
   destinationChainId,
   destinationTokenAddress,
+  defaultSourceChainType,
+  defaultSourceChainId,
+  defaultSourceTokenAddress,
+  defaultSourceSymbol,
   depositConfirmationMode = "auto_ui",
   onExecutionsChange,
   onDepositSuccess,
@@ -55402,21 +55505,25 @@ function TransferCryptoSingleInput({
 }) {
   const { themeClass, colors: colors2, fonts, components } = useTheme();
   const isDarkMode = themeClass.includes("uf-dark");
-  const [token, setToken] = (0, import_react16.useState)("USDC");
-  const [chain, setChain] = (0, import_react16.useState)("solana:mainnet");
   const [copied, setCopied] = (0, import_react16.useState)(false);
   const { copied: copiedRecipient, handleCopy: handleCopyRecipientAddress } = useCopyAddress();
   const [glossaryOpen, setGlossaryOpen] = (0, import_react16.useState)(false);
   const [detailsExpanded, setDetailsExpanded] = (0, import_react16.useState)(false);
   const [depositsModalOpen, setDepositsModalOpen] = (0, import_react16.useState)(false);
   const [tokenSelectorOpen, setTokenSelectorOpen] = (0, import_react16.useState)(false);
-  const [initialSelectionDone, setInitialSelectionDone] = (0, import_react16.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,
@@ -55446,10 +55553,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 || "";
@@ -55467,78 +55574,20 @@ function TransferCryptoSingleInput({
     onDepositSuccess,
     onDepositError
   });
-  (0, import_react16.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_react16.useEffect)(() => {
     if (onExecutionsChange) {
       onExecutionsChange(depositExecutions);
     }
   }, [depositExecutions, onExecutionsChange]);
-  (0, import_react16.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);
@@ -55573,10 +55622,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_runtime56.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3 uf-animate-pulse", children: [
+            children: tokensLoading || !token ? /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3 uf-animate-pulse", children: [
               /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "uf-w-10 uf-h-10 uf-rounded-full uf-bg-muted" }),
               /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "uf-flex-1", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "uf-h-4 uf-w-16 uf-bg-muted uf-rounded uf-mb-1" }),
@@ -55650,8 +55699,8 @@ function TransferCryptoSingleInput({
             open: tokenSelectorOpen,
             onOpenChange: setTokenSelectorOpen,
             tokens: supportedTokens,
-            selectedToken: token,
-            selectedChainKey: chain,
+            selectedToken: token ?? "",
+            selectedChainKey: chain ?? "",
             onSelect: (newToken, newChain) => {
               setToken(newToken);
               setChain(newChain);
@@ -55989,7 +56038,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) => {
@@ -56003,6 +56052,10 @@ function TransferCryptoDoubleInput({
   destinationChainType,
   destinationChainId,
   destinationTokenAddress,
+  defaultSourceChainType,
+  defaultSourceChainId,
+  defaultSourceTokenAddress,
+  defaultSourceSymbol,
   depositConfirmationMode = "auto_ui",
   onExecutionsChange,
   onDepositSuccess,
@@ -56011,20 +56064,24 @@ function TransferCryptoDoubleInput({
 }) {
   const { themeClass, colors: colors2, fonts, components } = useTheme();
   const isDarkMode = themeClass.includes("uf-dark");
-  const [token, setToken] = (0, import_react22.useState)("USDC");
-  const [chain, setChain] = (0, import_react22.useState)("solana:mainnet");
-  const [copied, setCopied] = (0, import_react22.useState)(false);
+  const [copied, setCopied] = (0, import_react23.useState)(false);
   const { copied: copiedRecipient, handleCopy: handleCopyRecipientAddress } = useCopyAddress();
-  const [glossaryOpen, setGlossaryOpen] = (0, import_react22.useState)(false);
-  const [detailsExpanded, setDetailsExpanded] = (0, import_react22.useState)(false);
-  const [depositsModalOpen, setDepositsModalOpen] = (0, import_react22.useState)(false);
-  const [initialSelectionDone, setInitialSelectionDone] = (0, import_react22.useState)(false);
+  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 { 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,
@@ -56042,7 +56099,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_react22.useMemo)(() => {
+  const allAvailableChains = (0, import_react23.useMemo)(() => {
     const chainsMap = /* @__PURE__ */ new Map();
     supportedTokens.forEach((t7) => {
       t7.chains.forEach((c) => {
@@ -56054,10 +56111,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 || "";
@@ -56075,51 +56132,20 @@ function TransferCryptoDoubleInput({
     onDepositSuccess,
     onDepositError
   });
-  (0, import_react22.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_react22.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (onExecutionsChange) {
       onExecutionsChange(depositExecutions);
     }
   }, [depositExecutions, onExecutionsChange]);
-  (0, import_react22.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);
@@ -56193,11 +56219,11 @@ function TransferCryptoDoubleInput({
             /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
               Select2,
               {
-                value: token,
+                value: token ?? "",
                 onValueChange: setToken,
-                disabled: tokensLoading || supportedTokens.length === 0,
+                disabled: tokensLoading || !token || supportedTokens.length === 0,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime62.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_runtime62.jsx)(SelectValue2, { children: tokensLoading ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: t5.loading }) }) : selectedToken ? renderTokenItem(selectedToken) : /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "uf-text-xs uf-font-normal", children: token }) }) }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime62.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_runtime62.jsx)(SelectValue2, { children: tokensLoading || !token ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: t5.loading }) }) : selectedToken ? renderTokenItem(selectedToken) : /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "uf-text-xs uf-font-normal", children: token }) }) }) }),
                   /* @__PURE__ */ (0, import_jsx_runtime62.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_runtime62.jsx)(
                     SelectItem2,
                     {
@@ -56224,11 +56250,11 @@ function TransferCryptoDoubleInput({
             /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
               Select2,
               {
-                value: chain,
+                value: chain ?? "",
                 onValueChange: setChain,
-                disabled: tokensLoading || availableChainsForToken.length === 0,
+                disabled: tokensLoading || !chain || availableChainsForToken.length === 0,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime62.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_runtime62.jsx)(SelectValue2, { children: tokensLoading ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime62.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_runtime62.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "uf-text-xs uf-font-normal", children: chain }) }) }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime62.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_runtime62.jsx)(SelectValue2, { children: tokensLoading || !chain ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime62.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_runtime62.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "uf-text-xs uf-font-normal", children: chain }) }) }) }),
                   /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
                     SelectContent2,
                     {
@@ -56236,7 +56262,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_runtime62.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
                         );
@@ -57231,8 +57257,8 @@ function ConfirmingView({
   isPolling = false
 }) {
   const { colors: colors2, fonts } = useTheme();
-  const [containerEl, setContainerEl] = (0, import_react25.useState)(null);
-  const containerCallbackRef = (0, import_react25.useCallback)((el) => {
+  const [containerEl, setContainerEl] = (0, import_react26.useState)(null);
+  const containerCallbackRef = (0, import_react26.useCallback)((el) => {
     setContainerEl(el);
   }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(PortalContainerProvider, { value: containerEl, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
@@ -58604,6 +58630,10 @@ function DepositModal({
   destinationChainType,
   destinationChainId,
   destinationTokenAddress,
+  defaultSourceChainType,
+  defaultSourceChainId,
+  defaultSourceTokenAddress,
+  defaultSourceSymbol,
   hideDepositTracker = false,
   showBalanceHeader = false,
   transferInputVariant = "double_input",
@@ -59036,6 +59066,10 @@ function DepositModal({
                     destinationChainType,
                     destinationChainId,
                     destinationTokenAddress,
+                    defaultSourceChainType,
+                    defaultSourceChainId,
+                    defaultSourceTokenAddress,
+                    defaultSourceSymbol,
                     depositConfirmationMode,
                     onExecutionsChange: setDepositExecutions,
                     onDepositSuccess,
@@ -59051,6 +59085,10 @@ function DepositModal({
                     destinationChainType,
                     destinationChainId,
                     destinationTokenAddress,
+                    defaultSourceChainType,
+                    defaultSourceChainId,
+                    defaultSourceTokenAddress,
+                    defaultSourceSymbol,
                     depositConfirmationMode,
                     onExecutionsChange: setDepositExecutions,
                     onDepositSuccess,
@@ -59343,6 +59381,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,
@@ -59390,16 +59432,16 @@ function useUnifold2() {
 }
 
 // src/unifold.tsx
-var UnifoldBridge = (0, import_react26.forwardRef)((_, ref) => {
+var UnifoldBridge = (0, import_react27.forwardRef)((_, ref) => {
   const { beginDeposit, closeDeposit } = useUnifold2();
-  (0, import_react26.useImperativeHandle)(ref, () => ({ beginDeposit, closeDeposit }), [
+  (0, import_react27.useImperativeHandle)(ref, () => ({ beginDeposit, closeDeposit }), [
     beginDeposit,
     closeDeposit
   ]);
   return null;
 });
 UnifoldBridge.displayName = "UnifoldBridge";
-var RenderErrorBoundary = class extends import_react26.Component {
+var RenderErrorBoundary = class extends import_react27.Component {
   constructor() {
     super(...arguments);
     this.state = { hasError: false };
@@ -59464,13 +59506,13 @@ function createUnifold(publishableKey, config) {
     };
     try {
       root.render(
-        import_react26.default.createElement(
+        import_react27.default.createElement(
           RenderErrorBoundary,
           { onError: handleRenderError },
-          import_react26.default.createElement(
+          import_react27.default.createElement(
             UnifoldProvider2,
             { publishableKey, config },
-            import_react26.default.createElement(UnifoldBridge, { ref: refCallback })
+            import_react27.default.createElement(UnifoldBridge, { ref: refCallback })
           )
         )
       );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unifold/ui-web",
-  "version": "0.1.40",
+  "version": "0.1.41",
   "description": "Unifold UI Web - Framework-agnostic deposit widget",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -27,10 +27,10 @@
     "@types/react-dom": "^19.0.0",
     "tsup": "^8.0.0",
     "typescript": "^5.0.0",
-    "@unifold/connect-react": "0.1.40",
-    "@unifold/core": "0.1.40",
-    "@unifold/react-provider": "0.1.40",
-    "@unifold/ui-react": "0.1.40"
+    "@unifold/connect-react": "0.1.41",
+    "@unifold/core": "0.1.41",
+    "@unifold/react-provider": "0.1.41",
+    "@unifold/ui-react": "0.1.41"
   },
   "keywords": [
     "unifold",