@rhinestone/deposit-modal 0.1.0 → 0.1.2

package/dist/index.cjs

@@ -24,10 +24,25 @@ __export(index_exports, {
   DEFAULT_BACKEND_URL: () => DEFAULT_BACKEND_URL,
   DEFAULT_SIGNER_ADDRESS: () => DEFAULT_SIGNER_ADDRESS,
   DepositModal: () => DepositModal,
+  NATIVE_TOKEN_ADDRESS: () => NATIVE_TOKEN_ADDRESS,
   SOURCE_CHAINS: () => SOURCE_CHAINS,
-  USDC_ADDRESSES: () => USDC_ADDRESSES,
+  SUPPORTED_CHAINS: () => SUPPORTED_CHAINS,
+  chainRegistry: () => import_shared_configs.chainRegistry,
+  findChainIdForToken: () => findChainIdForToken,
+  getChainBadge: () => getChainBadge,
+  getChainIcon: () => getChainIcon,
+  getChainId: () => getChainId,
   getChainName: () => getChainName,
-  getExplorerTxUrl: () => getExplorerTxUrl
+  getChainObject: () => getChainObject,
+  getExplorerName: () => getExplorerName,
+  getExplorerTxUrl: () => getExplorerTxUrl,
+  getExplorerUrl: () => getExplorerUrl,
+  getTokenAddress: () => getTokenAddress,
+  getTokenDecimals: () => getTokenDecimals,
+  getTokenIcon: () => getTokenIcon,
+  getTokenSymbol: () => getTokenSymbol,
+  getUsdcAddress: () => getUsdcAddress,
+  getUsdcDecimals: () => getUsdcDecimals
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -288,28 +303,103 @@ var import_accounts = require("viem/accounts");
 
 // src/core/constants.ts
 var import_chains = require("viem/chains");
+var import_shared_configs = require("@rhinestone/shared-configs");
 var DEFAULT_BACKEND_URL = "https://v1.orchestrator.rhinestone.dev/deposit-widget";
 var DEFAULT_SIGNER_ADDRESS = "0xcc47aa2d96c35bc6aab12ffb0e2edab8042274bd";
-var SOURCE_CHAINS = [import_chains.base, import_chains.optimism, import_chains.arbitrum];
 var NATIVE_TOKEN_ADDRESS = "0x0000000000000000000000000000000000000000";
-var USDC_ADDRESSES = {
-  [import_chains.base.id]: "0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913",
-  [import_chains.optimism.id]: "0x0b2C639c533813f4Aa9D7837CAf62653d097Ff85",
-  [import_chains.arbitrum.id]: "0xaf88d065e77c8cC2239327C5EDb3A432268e5831"
-};
+var SOURCE_CHAINS = [import_chains.base, import_chains.optimism, import_chains.arbitrum];
 var CHAIN_BY_ID = {
   [import_chains.base.id]: import_chains.base,
   [import_chains.optimism.id]: import_chains.optimism,
   [import_chains.arbitrum.id]: import_chains.arbitrum
 };
 var SUPPORTED_CHAINS = Object.values(CHAIN_BY_ID);
+function getChainId(chain) {
+  return typeof chain === "number" ? chain : chain.id;
+}
+function getChainObject(chain) {
+  if (typeof chain === "number") {
+    return CHAIN_BY_ID[chain];
+  }
+  return chain;
+}
+function getTokenFromRegistry(chainId, symbol) {
+  const chainEntry = import_shared_configs.chainRegistry[String(chainId)];
+  if (!chainEntry) return void 0;
+  const token = chainEntry.tokens.find(
+    (t) => t.symbol.toUpperCase() === symbol.toUpperCase()
+  );
+  if (token) {
+    return { address: token.address, decimals: token.decimals };
+  }
+  return void 0;
+}
+function getUsdcAddress(chainId) {
+  const token = getTokenFromRegistry(chainId, "USDC");
+  return token?.address;
+}
+function getUsdcDecimals(chainId) {
+  const token = getTokenFromRegistry(chainId, "USDC");
+  return token?.decimals ?? 6;
+}
+function getTokenAddress(symbol, chainId) {
+  if (symbol.toUpperCase() === "ETH") {
+    return NATIVE_TOKEN_ADDRESS;
+  }
+  const token = getTokenFromRegistry(chainId, symbol);
+  return token?.address;
+}
+function getTokenDecimals(symbol, chainId) {
+  if (symbol.toUpperCase() === "ETH") {
+    return 18;
+  }
+  const token = getTokenFromRegistry(chainId, symbol);
+  return token?.decimals ?? 18;
+}
+function findChainIdForToken(address) {
+  const normalized = address.toLowerCase();
+  for (const [chainIdStr, chainEntry] of Object.entries(import_shared_configs.chainRegistry)) {
+    for (const token of chainEntry.tokens) {
+      if (token.address.toLowerCase() === normalized) {
+        return Number(chainIdStr);
+      }
+    }
+  }
+  return void 0;
+}
+function getTokenSymbol(token, chainId) {
+  const normalized = token.toLowerCase();
+  if (normalized === NATIVE_TOKEN_ADDRESS) {
+    return "ETH";
+  }
+  if (chainId) {
+    const chainEntry = import_shared_configs.chainRegistry[String(chainId)];
+    if (chainEntry) {
+      const found = chainEntry.tokens.find(
+        (t) => t.address.toLowerCase() === normalized
+      );
+      if (found) return found.symbol;
+    }
+  }
+  for (const chainEntry of Object.values(import_shared_configs.chainRegistry)) {
+    const found = chainEntry.tokens.find(
+      (t) => t.address.toLowerCase() === normalized
+    );
+    if (found) return found.symbol;
+  }
+  return "Token";
+}
 var CHAIN_BADGES = {
   [import_chains.base.id]: { shortLabel: "Base", color: "#0052FF", bg: "#E7F0FF" },
   [import_chains.optimism.id]: { shortLabel: "OP", color: "#FF0420", bg: "#FFE9EC" },
   [import_chains.arbitrum.id]: { shortLabel: "Arb", color: "#28A0F0", bg: "#E6F6FF" }
 };
 function getChainName(chainId) {
-  return CHAIN_BY_ID[chainId]?.name || `Chain ${chainId}`;
+  const chain = CHAIN_BY_ID[chainId];
+  if (chain) return chain.name;
+  const chainEntry = import_shared_configs.chainRegistry[String(chainId)];
+  if (chainEntry) return chainEntry.name;
+  return `Chain ${chainId}`;
 }
 function getChainBadge(chainId) {
   return CHAIN_BADGES[chainId] || {
@@ -318,41 +408,18 @@ function getChainBadge(chainId) {
     bg: "#F1F5F9"
   };
 }
-var TOKEN_ADDRESSES = {
-  [`USDC:${import_chains.base.id}`]: USDC_ADDRESSES[import_chains.base.id],
-  [`USDC:${import_chains.optimism.id}`]: USDC_ADDRESSES[import_chains.optimism.id],
-  [`USDC:${import_chains.arbitrum.id}`]: USDC_ADDRESSES[import_chains.arbitrum.id],
-  [`ETH:${import_chains.base.id}`]: NATIVE_TOKEN_ADDRESS,
-  [`ETH:${import_chains.optimism.id}`]: NATIVE_TOKEN_ADDRESS,
-  [`ETH:${import_chains.arbitrum.id}`]: NATIVE_TOKEN_ADDRESS
-};
-function getTokenAddress(symbol, chainId) {
-  return TOKEN_ADDRESSES[`${symbol}:${chainId}`];
+function getExplorerUrl(chainId) {
+  const chain = CHAIN_BY_ID[chainId];
+  return chain?.blockExplorers?.default?.url;
 }
-var CHAIN_EXPLORERS = {
-  [import_chains.base.id]: { name: "Basescan", url: "https://basescan.org" },
-  [import_chains.optimism.id]: {
-    name: "Optimistic Etherscan",
-    url: "https://optimistic.etherscan.io"
-  },
-  [import_chains.arbitrum.id]: { name: "Arbiscan", url: "https://arbiscan.io" }
-};
 function getExplorerTxUrl(chainId, txHash) {
-  const explorer = CHAIN_EXPLORERS[chainId];
-  if (!explorer) return void 0;
-  return `${explorer.url}/tx/${txHash}`;
+  const url = getExplorerUrl(chainId);
+  if (!url) return void 0;
+  return `${url}/tx/${txHash}`;
 }
-function getTokenSymbol(token) {
-  const normalized = token.toLowerCase();
-  if (normalized === NATIVE_TOKEN_ADDRESS) {
-    return "ETH";
-  }
-  for (const address of Object.values(USDC_ADDRESSES)) {
-    if (address.toLowerCase() === normalized) {
-      return "USDC";
-    }
-  }
-  return "Token";
+function getExplorerName(chainId) {
+  const chain = CHAIN_BY_ID[chainId];
+  return chain?.blockExplorers?.default?.name ?? "Explorer";
 }
 var CHAIN_ICONS = {
   [import_chains.base.id]: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 111 111'%3E%3Ccircle cx='55.5' cy='55.5' r='55.5' fill='%230052FF'/%3E%3Cpath d='M54.921 93.4c20.942 0 37.92-16.978 37.92-37.921S75.863 17.558 54.92 17.558c-19.498 0-35.57 14.725-37.655 33.647h49.82v5.548h-49.82C19.351 75.675 35.423 93.4 54.921 93.4z' fill='%23fff'/%3E%3C/svg%3E",
@@ -363,7 +430,6 @@ var TOKEN_ICONS = {
   USDC: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 2000'%3E%3Cpath d='M1000 2000c554.17 0 1000-445.83 1000-1000S1554.17 0 1000 0 0 445.83 0 1000s445.83 1000 1000 1000z' fill='%232775ca'/%3E%3Cpath d='M1275 1158.33c0-145.83-87.5-195.83-262.5-216.66-125-16.67-150-50-150-108.34s41.67-95.83 125-95.83c75 0 116.67 25 137.5 87.5 4.17 12.5 16.67 20.83 29.17 20.83h66.66c16.67 0 29.17-12.5 29.17-29.16v-4.17c-16.67-91.67-91.67-162.5-187.5-170.83v-100c0-16.67-12.5-29.17-33.33-33.34h-62.5c-16.67 0-29.17 12.5-33.34 33.34v95.83c-125 16.67-204.16 100-204.16 204.17 0 137.5 83.33 191.66 258.33 212.5 116.67 20.83 154.17 45.83 154.17 112.5s-58.34 112.5-137.5 112.5c-108.34 0-145.84-45.84-158.34-108.34-4.16-16.66-16.66-25-29.16-25h-70.84c-16.66 0-29.16 12.5-29.16 29.17v4.17c16.66 104.16 83.33 179.16 220.83 200v100c0 16.66 12.5 29.16 33.33 33.33h62.5c16.67 0 29.17-12.5 33.34-33.33v-100c125-20.84 208.33-108.34 208.33-220.84z' fill='%23fff'/%3E%3Cpath d='M787.5 1595.83c-325-116.66-491.67-479.16-370.83-800 62.5-175 200-308.33 370.83-370.83 16.67-8.33 25-20.83 25-41.67V325c0-16.67-8.33-29.17-25-33.33-4.17 0-12.5 0-16.67 4.16-395.83 125-612.5 545.84-487.5 941.67 75 233.33 254.17 412.5 487.5 487.5 16.67 8.33 33.34 0 37.5-16.67 4.17-4.16 4.17-8.33 4.17-16.66v-58.34c0-12.5-12.5-29.16-25-37.5zm441.67-1300c-16.67-8.33-33.34 0-37.5 16.67-4.17 4.17-4.17 8.33-4.17 16.67v58.33c0 16.67 12.5 33.33 25 41.67 325 116.66 491.67 479.16 370.83 800-62.5 175-200 308.33-370.83 370.83-16.67 8.33-25 20.83-25 41.67V1700c0 16.67 8.33 29.17 25 33.33 4.17 0 12.5 0 16.67-4.16 395.83-125 612.5-545.84 487.5-941.67-75-237.5-258.34-416.67-487.5-491.67z' fill='%23fff'/%3E%3C/svg%3E",
   ETH: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 784.37 1277.39'%3E%3Cpolygon fill='%23343434' points='392.07 0 383.5 29.11 383.5 873.74 392.07 882.29 784.13 650.54'/%3E%3Cpolygon fill='%238C8C8C' points='392.07 0 0 650.54 392.07 882.29 392.07 472.33'/%3E%3Cpolygon fill='%233C3C3B' points='392.07 956.52 387.24 962.41 387.24 1263.28 392.07 1277.38 784.37 724.89'/%3E%3Cpolygon fill='%238C8C8C' points='392.07 1277.38 392.07 956.52 0 724.89'/%3E%3Cpolygon fill='%23141414' points='392.07 882.29 784.13 650.54 392.07 472.33'/%3E%3Cpolygon fill='%23393939' points='0 650.54 392.07 882.29 392.07 472.33'/%3E%3C/svg%3E",
   USDT: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 339.43 295.27'%3E%3Cpath fill='%2350AF95' d='M62.15 1.45l-61.89 130a2.52 2.52 0 00.54 2.94l167.15 160.17a2.55 2.55 0 003.53 0L339.62 134.4a2.52 2.52 0 00.54-2.94l-61.89-130A2.5 2.5 0 00276 0H64.45a2.5 2.5 0 00-2.3 1.45z'/%3E%3Cpath fill='%23fff' d='M191.19 144.8v-.12c-1.09.07-5.42.33-15.55.33-8.09 0-13.81-.22-15.83-.33v.13c-31.22-1.38-54.6-7.1-54.6-14s23.38-12.58 54.6-14v22.28c2.05.14 7.92.46 16 .46 9.67 0 14.31-.38 15.38-.46v-22.29c31.13 1.38 54.42 7.06 54.42 13.95s-23.29 12.58-54.42 13.96zm0-30.29v-19.85h43.17V66.35H105.49v28.31h43.17v19.84c-35.37 1.59-62 8.76-62 17.33s26.59 15.74 62 17.33v62h30.53v-62c35.29-1.58 61.84-8.74 61.84-17.32s-26.55-15.74-61.84-17.33z'/%3E%3C/svg%3E",
-  USDT0: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 339.43 295.27'%3E%3Cpath fill='%2350AF95' d='M62.15 1.45l-61.89 130a2.52 2.52 0 00.54 2.94l167.15 160.17a2.55 2.55 0 003.53 0L339.62 134.4a2.52 2.52 0 00.54-2.94l-61.89-130A2.5 2.5 0 00276 0H64.45a2.5 2.5 0 00-2.3 1.45z'/%3E%3Cpath fill='%23fff' d='M191.19 144.8v-.12c-1.09.07-5.42.33-15.55.33-8.09 0-13.81-.22-15.83-.33v.13c-31.22-1.38-54.6-7.1-54.6-14s23.38-12.58 54.6-14v22.28c2.05.14 7.92.46 16 .46 9.67 0 14.31-.38 15.38-.46v-22.29c31.13 1.38 54.42 7.06 54.42 13.95s-23.29 12.58-54.42 13.96zm0-30.29v-19.85h43.17V66.35H105.49v28.31h43.17v19.84c-35.37 1.59-62 8.76-62 17.33s26.59 15.74 62 17.33v62h30.53v-62c35.29-1.58 61.84-8.74 61.84-17.32s-26.55-15.74-61.84-17.33z'/%3E%3C/svg%3E",
   WETH: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 784.37 1277.39'%3E%3Cpolygon fill='%23EC1A79' points='392.07 0 383.5 29.11 383.5 873.74 392.07 882.29 784.13 650.54'/%3E%3Cpolygon fill='%23EC1A79' fill-opacity='0.6' points='392.07 0 0 650.54 392.07 882.29 392.07 472.33'/%3E%3Cpolygon fill='%239E1165' points='392.07 956.52 387.24 962.41 387.24 1263.28 392.07 1277.38 784.37 724.89'/%3E%3Cpolygon fill='%23EC1A79' fill-opacity='0.6' points='392.07 1277.38 392.07 956.52 0 724.89'/%3E%3Cpolygon fill='%239E1165' points='392.07 882.29 784.13 650.54 392.07 472.33'/%3E%3Cpolygon fill='%23EC1A79' fill-opacity='0.2' points='0 650.54 392.07 882.29 392.07 472.33'/%3E%3C/svg%3E"
 };
 function getChainIcon(chainId) {
@@ -442,7 +508,9 @@ async function signEnableSessionWithOwner(rhinestoneAccount, sessionDetails, sig
     ...originalOwners?.type === "ecdsa" && originalOwners.module ? { module: originalOwners.module } : {}
   };
   try {
-    return await rhinestoneAccount.experimental_signEnableSession(sessionDetails);
+    return await rhinestoneAccount.experimental_signEnableSession(
+      sessionDetails
+    );
   } finally {
     rhinestoneAccount.config.owners = originalOwners;
   }
@@ -454,7 +522,11 @@ async function getSessionDetails(rhinestoneAccount, targetChain, signerAddress,
   }
   const sessions = allChains.map((chain) => buildSession(chain, signerAddress));
   const sessionDetails = await rhinestoneAccount.experimental_getSessionDetails(sessions);
-  const enableSignature = sessionSigner ? await signEnableSessionWithOwner(rhinestoneAccount, sessionDetails, sessionSigner) : await rhinestoneAccount.experimental_signEnableSession(sessionDetails);
+  const enableSignature = sessionSigner ? await signEnableSessionWithOwner(
+    rhinestoneAccount,
+    sessionDetails,
+    sessionSigner
+  ) : await rhinestoneAccount.experimental_signEnableSession(sessionDetails);
   if (!sessionDetails.hashesAndChainIds?.length) {
     throw new Error("Session details missing chain digests");
   }
@@ -2453,15 +2525,14 @@ function DepositModal({
   walletClient,
   publicClient,
   address,
-  targetChain,
+  targetChain: targetChainProp,
   targetToken,
   isOpen,
   onClose,
   inline,
   switchChain,
-  sourceChain,
+  sourceChain: sourceChainProp,
   sourceToken,
-  amount,
   defaultAmount,
   recipient,
   backendUrl = DEFAULT_BACKEND_URL,
@@ -2472,20 +2543,29 @@ function DepositModal({
   theme,
   branding,
   className,
+  onReady,
   onConnected,
   onDepositSubmitted,
   onDepositComplete,
   onDepositFailed,
   onError
 }) {
-  const resolvedAmount = amount ?? defaultAmount;
   const modalRef = (0, import_react9.useRef)(null);
+  const targetChain = getChainId(targetChainProp);
+  const sourceChain = sourceChainProp ? getChainId(sourceChainProp) : void 0;
   const service = (0, import_react9.useMemo)(() => createDepositService(backendUrl), [backendUrl]);
   (0, import_react9.useEffect)(() => {
     if (isOpen && modalRef.current) {
       applyTheme(modalRef.current, theme);
     }
   }, [isOpen, theme]);
+  const hasCalledReady = (0, import_react9.useRef)(false);
+  (0, import_react9.useEffect)(() => {
+    if (isOpen && !hasCalledReady.current) {
+      hasCalledReady.current = true;
+      onReady?.();
+    }
+  }, [isOpen, onReady]);
   const logoUrl = branding?.logoUrl ?? "https://github.com/rhinestonewtf.png";
   const title = branding?.title ?? "Rhinestone";
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
@@ -2559,7 +2639,7 @@ function DepositModal({
             switchChain,
             sourceChain,
             sourceToken,
-            amount: resolvedAmount,
+            amount: defaultAmount,
             recipient,
             signerAddress,
             waitForFinalTx,
@@ -2583,8 +2663,23 @@ DepositModal.displayName = "DepositModal";
   DEFAULT_BACKEND_URL,
   DEFAULT_SIGNER_ADDRESS,
   DepositModal,
+  NATIVE_TOKEN_ADDRESS,
   SOURCE_CHAINS,
-  USDC_ADDRESSES,
+  SUPPORTED_CHAINS,
+  chainRegistry,
+  findChainIdForToken,
+  getChainBadge,
+  getChainIcon,
+  getChainId,
   getChainName,
-  getExplorerTxUrl
+  getChainObject,
+  getExplorerName,
+  getExplorerTxUrl,
+  getExplorerUrl,
+  getTokenAddress,
+  getTokenDecimals,
+  getTokenIcon,
+  getTokenSymbol,
+  getUsdcAddress,
+  getUsdcDecimals
 });

package/dist/index.d.cts

@@ -1,6 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Address, Hex, WalletClient, PublicClient } from 'viem';
-import { Chain } from 'viem/chains';
+import { Address, Hex, WalletClient, PublicClient, Chain } from 'viem';
+import { Chain as Chain$1 } from 'viem/chains';
+export { chainRegistry } from '@rhinestone/shared-configs';
 
 /**
  * Theme configuration for the deposit modal.
@@ -73,8 +74,8 @@ interface DepositModalProps {
     publicClient?: PublicClient | null;
     /** Connected wallet address */
     address?: Address | null;
-    /** Target chain ID for the deposit */
-    targetChain: number;
+    /** Target chain for the deposit (Chain object or chain ID) */
+    targetChain: Chain | number;
     /** Target token address on the destination chain */
     targetToken: Address;
     /** Whether the modal is open */
@@ -86,15 +87,16 @@ interface DepositModalProps {
     /**
      * Callback for switching chains in the parent wallet.
      * If provided, the modal will call this when user needs to switch chains.
+     * Returns the new chain (matching wagmi's switchChain return type).
      */
-    switchChain?: (chainId: number) => Promise<void>;
-    /** Pre-selected source chain ID */
-    sourceChain?: number;
+    switchChain?: (chainId: number) => Promise<{
+        id: number;
+    } | void>;
+    /** Pre-selected source chain (Chain object or chain ID) */
+    sourceChain?: Chain | number;
     /** Pre-selected source token address */
     sourceToken?: Address;
     /** Pre-filled deposit amount */
-    amount?: string;
-    /** Pre-filled deposit amount (alias for amount) */
     defaultAmount?: string;
     /** Custom recipient address (defaults to smart account) */
     recipient?: Address;
@@ -114,6 +116,8 @@ interface DepositModalProps {
     branding?: DepositModalBranding;
     /** Additional CSS class for the modal container */
     className?: string;
+    /** Called when modal is fully initialized and ready */
+    onReady?: () => void;
     /** Called when smart account is created and registered */
     onConnected?: (data: ConnectedEventData) => void;
     /** Called when user signs the transfer transaction */
@@ -139,7 +143,7 @@ interface AssetOption {
     balanceUsd?: number;
 }
 
-declare function DepositModal({ walletClient, publicClient, address, targetChain, targetToken, isOpen, onClose, inline, switchChain, sourceChain, sourceToken, amount, defaultAmount, recipient, backendUrl, signerAddress, waitForFinalTx, onRequestConnect, connectButtonLabel, theme, branding, className, onConnected, onDepositSubmitted, onDepositComplete, onDepositFailed, onError, }: DepositModalProps): react_jsx_runtime.JSX.Element;
+declare function DepositModal({ walletClient, publicClient, address, targetChain: targetChainProp, targetToken, isOpen, onClose, inline, switchChain, sourceChain: sourceChainProp, sourceToken, defaultAmount, recipient, backendUrl, signerAddress, waitForFinalTx, onRequestConnect, connectButtonLabel, theme, branding, className, onReady, onConnected, onDepositSubmitted, onDepositComplete, onDepositFailed, onError, }: DepositModalProps): react_jsx_runtime.JSX.Element;
 declare namespace DepositModal {
     var displayName: string;
 }
@@ -148,15 +152,47 @@ declare namespace DepositModal {
 declare const DEFAULT_BACKEND_URL = "https://v1.orchestrator.rhinestone.dev/deposit-widget";
 /** Default Rhinestone session signer address */
 declare const DEFAULT_SIGNER_ADDRESS: Address;
-/** Chains available for source deposits */
-declare const SOURCE_CHAINS: Chain[];
-/** USDC contract addresses per chain */
-declare const USDC_ADDRESSES: Record<number, Address>;
+/** Native token placeholder address */
+declare const NATIVE_TOKEN_ADDRESS: Address;
+/** Supported source chains for deposits */
+declare const SOURCE_CHAINS: Chain$1[];
 /** Chain lookup by ID */
-declare const CHAIN_BY_ID: Record<number, Chain>;
+declare const CHAIN_BY_ID: Record<number, Chain$1>;
+/** All supported chains */
+declare const SUPPORTED_CHAINS: Chain$1[];
+/** Get chain ID from Chain object or number */
+declare function getChainId(chain: Chain$1 | number): number;
+/** Get chain object from Chain or number */
+declare function getChainObject(chain: Chain$1 | number): Chain$1 | undefined;
+/** Get USDC address for a chain */
+declare function getUsdcAddress(chainId: number): Address | undefined;
+/** Get USDC decimals for a chain (defaults to 6) */
+declare function getUsdcDecimals(chainId: number): number;
+/** Get token address by symbol and chain */
+declare function getTokenAddress(symbol: string, chainId: number): Address | undefined;
+/** Get token decimals by symbol and chain */
+declare function getTokenDecimals(symbol: string, chainId: number): number;
+/** Find chain ID for a token address */
+declare function findChainIdForToken(address: Address): number | undefined;
+/** Get token symbol from address and chain */
+declare function getTokenSymbol(token: Address, chainId?: number): string;
 /** Get human-readable chain name */
 declare function getChainName(chainId: number): string;
+/** Get chain badge styling */
+declare function getChainBadge(chainId: number): {
+    shortLabel: string;
+    color: string;
+    bg: string;
+};
+/** Get block explorer URL for a chain */
+declare function getExplorerUrl(chainId: number): string | undefined;
 /** Get block explorer transaction URL */
 declare function getExplorerTxUrl(chainId: number, txHash: string): string | undefined;
+/** Get block explorer name */
+declare function getExplorerName(chainId: number): string;
+/** Get chain icon URL */
+declare function getChainIcon(chainId: number): string | undefined;
+/** Get token icon URL */
+declare function getTokenIcon(symbol: string): string | undefined;
 
-export { type AssetOption, CHAIN_BY_ID, type ConnectedEventData, DEFAULT_BACKEND_URL, DEFAULT_SIGNER_ADDRESS, type DepositCompleteEventData, type DepositFailedEventData, DepositModal, type DepositModalBranding, type DepositModalProps, type DepositModalTheme, type DepositSubmittedEventData, type ErrorEventData, SOURCE_CHAINS, USDC_ADDRESSES, getChainName, getExplorerTxUrl };
+export { type AssetOption, CHAIN_BY_ID, type ConnectedEventData, DEFAULT_BACKEND_URL, DEFAULT_SIGNER_ADDRESS, type DepositCompleteEventData, type DepositFailedEventData, DepositModal, type DepositModalBranding, type DepositModalProps, type DepositModalTheme, type DepositSubmittedEventData, type ErrorEventData, NATIVE_TOKEN_ADDRESS, SOURCE_CHAINS, SUPPORTED_CHAINS, findChainIdForToken, getChainBadge, getChainIcon, getChainId, getChainName, getChainObject, getExplorerName, getExplorerTxUrl, getExplorerUrl, getTokenAddress, getTokenDecimals, getTokenIcon, getTokenSymbol, getUsdcAddress, getUsdcDecimals };

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Address, Hex, WalletClient, PublicClient } from 'viem';
-import { Chain } from 'viem/chains';
+import { Address, Hex, WalletClient, PublicClient, Chain } from 'viem';
+import { Chain as Chain$1 } from 'viem/chains';
+export { chainRegistry } from '@rhinestone/shared-configs';
 
 /**
  * Theme configuration for the deposit modal.
@@ -73,8 +74,8 @@ interface DepositModalProps {
     publicClient?: PublicClient | null;
     /** Connected wallet address */
     address?: Address | null;
-    /** Target chain ID for the deposit */
-    targetChain: number;
+    /** Target chain for the deposit (Chain object or chain ID) */
+    targetChain: Chain | number;
     /** Target token address on the destination chain */
     targetToken: Address;
     /** Whether the modal is open */
@@ -86,15 +87,16 @@ interface DepositModalProps {
     /**
      * Callback for switching chains in the parent wallet.
      * If provided, the modal will call this when user needs to switch chains.
+     * Returns the new chain (matching wagmi's switchChain return type).
      */
-    switchChain?: (chainId: number) => Promise<void>;
-    /** Pre-selected source chain ID */
-    sourceChain?: number;
+    switchChain?: (chainId: number) => Promise<{
+        id: number;
+    } | void>;
+    /** Pre-selected source chain (Chain object or chain ID) */
+    sourceChain?: Chain | number;
     /** Pre-selected source token address */
     sourceToken?: Address;
     /** Pre-filled deposit amount */
-    amount?: string;
-    /** Pre-filled deposit amount (alias for amount) */
     defaultAmount?: string;
     /** Custom recipient address (defaults to smart account) */
     recipient?: Address;
@@ -114,6 +116,8 @@ interface DepositModalProps {
     branding?: DepositModalBranding;
     /** Additional CSS class for the modal container */
     className?: string;
+    /** Called when modal is fully initialized and ready */
+    onReady?: () => void;
     /** Called when smart account is created and registered */
     onConnected?: (data: ConnectedEventData) => void;
     /** Called when user signs the transfer transaction */
@@ -139,7 +143,7 @@ interface AssetOption {
     balanceUsd?: number;
 }
 
-declare function DepositModal({ walletClient, publicClient, address, targetChain, targetToken, isOpen, onClose, inline, switchChain, sourceChain, sourceToken, amount, defaultAmount, recipient, backendUrl, signerAddress, waitForFinalTx, onRequestConnect, connectButtonLabel, theme, branding, className, onConnected, onDepositSubmitted, onDepositComplete, onDepositFailed, onError, }: DepositModalProps): react_jsx_runtime.JSX.Element;
+declare function DepositModal({ walletClient, publicClient, address, targetChain: targetChainProp, targetToken, isOpen, onClose, inline, switchChain, sourceChain: sourceChainProp, sourceToken, defaultAmount, recipient, backendUrl, signerAddress, waitForFinalTx, onRequestConnect, connectButtonLabel, theme, branding, className, onReady, onConnected, onDepositSubmitted, onDepositComplete, onDepositFailed, onError, }: DepositModalProps): react_jsx_runtime.JSX.Element;
 declare namespace DepositModal {
     var displayName: string;
 }
@@ -148,15 +152,47 @@ declare namespace DepositModal {
 declare const DEFAULT_BACKEND_URL = "https://v1.orchestrator.rhinestone.dev/deposit-widget";
 /** Default Rhinestone session signer address */
 declare const DEFAULT_SIGNER_ADDRESS: Address;
-/** Chains available for source deposits */
-declare const SOURCE_CHAINS: Chain[];
-/** USDC contract addresses per chain */
-declare const USDC_ADDRESSES: Record<number, Address>;
+/** Native token placeholder address */
+declare const NATIVE_TOKEN_ADDRESS: Address;
+/** Supported source chains for deposits */
+declare const SOURCE_CHAINS: Chain$1[];
 /** Chain lookup by ID */
-declare const CHAIN_BY_ID: Record<number, Chain>;
+declare const CHAIN_BY_ID: Record<number, Chain$1>;
+/** All supported chains */
+declare const SUPPORTED_CHAINS: Chain$1[];
+/** Get chain ID from Chain object or number */
+declare function getChainId(chain: Chain$1 | number): number;
+/** Get chain object from Chain or number */
+declare function getChainObject(chain: Chain$1 | number): Chain$1 | undefined;
+/** Get USDC address for a chain */
+declare function getUsdcAddress(chainId: number): Address | undefined;
+/** Get USDC decimals for a chain (defaults to 6) */
+declare function getUsdcDecimals(chainId: number): number;
+/** Get token address by symbol and chain */
+declare function getTokenAddress(symbol: string, chainId: number): Address | undefined;
+/** Get token decimals by symbol and chain */
+declare function getTokenDecimals(symbol: string, chainId: number): number;
+/** Find chain ID for a token address */
+declare function findChainIdForToken(address: Address): number | undefined;
+/** Get token symbol from address and chain */
+declare function getTokenSymbol(token: Address, chainId?: number): string;
 /** Get human-readable chain name */
 declare function getChainName(chainId: number): string;
+/** Get chain badge styling */
+declare function getChainBadge(chainId: number): {
+    shortLabel: string;
+    color: string;
+    bg: string;
+};
+/** Get block explorer URL for a chain */
+declare function getExplorerUrl(chainId: number): string | undefined;
 /** Get block explorer transaction URL */
 declare function getExplorerTxUrl(chainId: number, txHash: string): string | undefined;
+/** Get block explorer name */
+declare function getExplorerName(chainId: number): string;
+/** Get chain icon URL */
+declare function getChainIcon(chainId: number): string | undefined;
+/** Get token icon URL */
+declare function getTokenIcon(symbol: string): string | undefined;
 
-export { type AssetOption, CHAIN_BY_ID, type ConnectedEventData, DEFAULT_BACKEND_URL, DEFAULT_SIGNER_ADDRESS, type DepositCompleteEventData, type DepositFailedEventData, DepositModal, type DepositModalBranding, type DepositModalProps, type DepositModalTheme, type DepositSubmittedEventData, type ErrorEventData, SOURCE_CHAINS, USDC_ADDRESSES, getChainName, getExplorerTxUrl };
+export { type AssetOption, CHAIN_BY_ID, type ConnectedEventData, DEFAULT_BACKEND_URL, DEFAULT_SIGNER_ADDRESS, type DepositCompleteEventData, type DepositFailedEventData, DepositModal, type DepositModalBranding, type DepositModalProps, type DepositModalTheme, type DepositSubmittedEventData, type ErrorEventData, NATIVE_TOKEN_ADDRESS, SOURCE_CHAINS, SUPPORTED_CHAINS, findChainIdForToken, getChainBadge, getChainIcon, getChainId, getChainName, getChainObject, getExplorerName, getExplorerTxUrl, getExplorerUrl, getTokenAddress, getTokenDecimals, getTokenIcon, getTokenSymbol, getUsdcAddress, getUsdcDecimals };

package/dist/index.mjs

@@ -261,28 +261,103 @@ import { toAccount } from "viem/accounts";
 
 // src/core/constants.ts
 import { base, optimism, arbitrum } from "viem/chains";
+import { chainRegistry } from "@rhinestone/shared-configs";
 var DEFAULT_BACKEND_URL = "https://v1.orchestrator.rhinestone.dev/deposit-widget";
 var DEFAULT_SIGNER_ADDRESS = "0xcc47aa2d96c35bc6aab12ffb0e2edab8042274bd";
-var SOURCE_CHAINS = [base, optimism, arbitrum];
 var NATIVE_TOKEN_ADDRESS = "0x0000000000000000000000000000000000000000";
-var USDC_ADDRESSES = {
-  [base.id]: "0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913",
-  [optimism.id]: "0x0b2C639c533813f4Aa9D7837CAf62653d097Ff85",
-  [arbitrum.id]: "0xaf88d065e77c8cC2239327C5EDb3A432268e5831"
-};
+var SOURCE_CHAINS = [base, optimism, arbitrum];
 var CHAIN_BY_ID = {
   [base.id]: base,
   [optimism.id]: optimism,
   [arbitrum.id]: arbitrum
 };
 var SUPPORTED_CHAINS = Object.values(CHAIN_BY_ID);
+function getChainId(chain) {
+  return typeof chain === "number" ? chain : chain.id;
+}
+function getChainObject(chain) {
+  if (typeof chain === "number") {
+    return CHAIN_BY_ID[chain];
+  }
+  return chain;
+}
+function getTokenFromRegistry(chainId, symbol) {
+  const chainEntry = chainRegistry[String(chainId)];
+  if (!chainEntry) return void 0;
+  const token = chainEntry.tokens.find(
+    (t) => t.symbol.toUpperCase() === symbol.toUpperCase()
+  );
+  if (token) {
+    return { address: token.address, decimals: token.decimals };
+  }
+  return void 0;
+}
+function getUsdcAddress(chainId) {
+  const token = getTokenFromRegistry(chainId, "USDC");
+  return token?.address;
+}
+function getUsdcDecimals(chainId) {
+  const token = getTokenFromRegistry(chainId, "USDC");
+  return token?.decimals ?? 6;
+}
+function getTokenAddress(symbol, chainId) {
+  if (symbol.toUpperCase() === "ETH") {
+    return NATIVE_TOKEN_ADDRESS;
+  }
+  const token = getTokenFromRegistry(chainId, symbol);
+  return token?.address;
+}
+function getTokenDecimals(symbol, chainId) {
+  if (symbol.toUpperCase() === "ETH") {
+    return 18;
+  }
+  const token = getTokenFromRegistry(chainId, symbol);
+  return token?.decimals ?? 18;
+}
+function findChainIdForToken(address) {
+  const normalized = address.toLowerCase();
+  for (const [chainIdStr, chainEntry] of Object.entries(chainRegistry)) {
+    for (const token of chainEntry.tokens) {
+      if (token.address.toLowerCase() === normalized) {
+        return Number(chainIdStr);
+      }
+    }
+  }
+  return void 0;
+}
+function getTokenSymbol(token, chainId) {
+  const normalized = token.toLowerCase();
+  if (normalized === NATIVE_TOKEN_ADDRESS) {
+    return "ETH";
+  }
+  if (chainId) {
+    const chainEntry = chainRegistry[String(chainId)];
+    if (chainEntry) {
+      const found = chainEntry.tokens.find(
+        (t) => t.address.toLowerCase() === normalized
+      );
+      if (found) return found.symbol;
+    }
+  }
+  for (const chainEntry of Object.values(chainRegistry)) {
+    const found = chainEntry.tokens.find(
+      (t) => t.address.toLowerCase() === normalized
+    );
+    if (found) return found.symbol;
+  }
+  return "Token";
+}
 var CHAIN_BADGES = {
   [base.id]: { shortLabel: "Base", color: "#0052FF", bg: "#E7F0FF" },
   [optimism.id]: { shortLabel: "OP", color: "#FF0420", bg: "#FFE9EC" },
   [arbitrum.id]: { shortLabel: "Arb", color: "#28A0F0", bg: "#E6F6FF" }
 };
 function getChainName(chainId) {
-  return CHAIN_BY_ID[chainId]?.name || `Chain ${chainId}`;
+  const chain = CHAIN_BY_ID[chainId];
+  if (chain) return chain.name;
+  const chainEntry = chainRegistry[String(chainId)];
+  if (chainEntry) return chainEntry.name;
+  return `Chain ${chainId}`;
 }
 function getChainBadge(chainId) {
   return CHAIN_BADGES[chainId] || {
@@ -291,41 +366,18 @@ function getChainBadge(chainId) {
     bg: "#F1F5F9"
   };
 }
-var TOKEN_ADDRESSES = {
-  [`USDC:${base.id}`]: USDC_ADDRESSES[base.id],
-  [`USDC:${optimism.id}`]: USDC_ADDRESSES[optimism.id],
-  [`USDC:${arbitrum.id}`]: USDC_ADDRESSES[arbitrum.id],
-  [`ETH:${base.id}`]: NATIVE_TOKEN_ADDRESS,
-  [`ETH:${optimism.id}`]: NATIVE_TOKEN_ADDRESS,
-  [`ETH:${arbitrum.id}`]: NATIVE_TOKEN_ADDRESS
-};
-function getTokenAddress(symbol, chainId) {
-  return TOKEN_ADDRESSES[`${symbol}:${chainId}`];
+function getExplorerUrl(chainId) {
+  const chain = CHAIN_BY_ID[chainId];
+  return chain?.blockExplorers?.default?.url;
 }
-var CHAIN_EXPLORERS = {
-  [base.id]: { name: "Basescan", url: "https://basescan.org" },
-  [optimism.id]: {
-    name: "Optimistic Etherscan",
-    url: "https://optimistic.etherscan.io"
-  },
-  [arbitrum.id]: { name: "Arbiscan", url: "https://arbiscan.io" }
-};
 function getExplorerTxUrl(chainId, txHash) {
-  const explorer = CHAIN_EXPLORERS[chainId];
-  if (!explorer) return void 0;
-  return `${explorer.url}/tx/${txHash}`;
+  const url = getExplorerUrl(chainId);
+  if (!url) return void 0;
+  return `${url}/tx/${txHash}`;
 }
-function getTokenSymbol(token) {
-  const normalized = token.toLowerCase();
-  if (normalized === NATIVE_TOKEN_ADDRESS) {
-    return "ETH";
-  }
-  for (const address of Object.values(USDC_ADDRESSES)) {
-    if (address.toLowerCase() === normalized) {
-      return "USDC";
-    }
-  }
-  return "Token";
+function getExplorerName(chainId) {
+  const chain = CHAIN_BY_ID[chainId];
+  return chain?.blockExplorers?.default?.name ?? "Explorer";
 }
 var CHAIN_ICONS = {
   [base.id]: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 111 111'%3E%3Ccircle cx='55.5' cy='55.5' r='55.5' fill='%230052FF'/%3E%3Cpath d='M54.921 93.4c20.942 0 37.92-16.978 37.92-37.921S75.863 17.558 54.92 17.558c-19.498 0-35.57 14.725-37.655 33.647h49.82v5.548h-49.82C19.351 75.675 35.423 93.4 54.921 93.4z' fill='%23fff'/%3E%3C/svg%3E",
@@ -336,7 +388,6 @@ var TOKEN_ICONS = {
   USDC: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 2000'%3E%3Cpath d='M1000 2000c554.17 0 1000-445.83 1000-1000S1554.17 0 1000 0 0 445.83 0 1000s445.83 1000 1000 1000z' fill='%232775ca'/%3E%3Cpath d='M1275 1158.33c0-145.83-87.5-195.83-262.5-216.66-125-16.67-150-50-150-108.34s41.67-95.83 125-95.83c75 0 116.67 25 137.5 87.5 4.17 12.5 16.67 20.83 29.17 20.83h66.66c16.67 0 29.17-12.5 29.17-29.16v-4.17c-16.67-91.67-91.67-162.5-187.5-170.83v-100c0-16.67-12.5-29.17-33.33-33.34h-62.5c-16.67 0-29.17 12.5-33.34 33.34v95.83c-125 16.67-204.16 100-204.16 204.17 0 137.5 83.33 191.66 258.33 212.5 116.67 20.83 154.17 45.83 154.17 112.5s-58.34 112.5-137.5 112.5c-108.34 0-145.84-45.84-158.34-108.34-4.16-16.66-16.66-25-29.16-25h-70.84c-16.66 0-29.16 12.5-29.16 29.17v4.17c16.66 104.16 83.33 179.16 220.83 200v100c0 16.66 12.5 29.16 33.33 33.33h62.5c16.67 0 29.17-12.5 33.34-33.33v-100c125-20.84 208.33-108.34 208.33-220.84z' fill='%23fff'/%3E%3Cpath d='M787.5 1595.83c-325-116.66-491.67-479.16-370.83-800 62.5-175 200-308.33 370.83-370.83 16.67-8.33 25-20.83 25-41.67V325c0-16.67-8.33-29.17-25-33.33-4.17 0-12.5 0-16.67 4.16-395.83 125-612.5 545.84-487.5 941.67 75 233.33 254.17 412.5 487.5 487.5 16.67 8.33 33.34 0 37.5-16.67 4.17-4.16 4.17-8.33 4.17-16.66v-58.34c0-12.5-12.5-29.16-25-37.5zm441.67-1300c-16.67-8.33-33.34 0-37.5 16.67-4.17 4.17-4.17 8.33-4.17 16.67v58.33c0 16.67 12.5 33.33 25 41.67 325 116.66 491.67 479.16 370.83 800-62.5 175-200 308.33-370.83 370.83-16.67 8.33-25 20.83-25 41.67V1700c0 16.67 8.33 29.17 25 33.33 4.17 0 12.5 0 16.67-4.16 395.83-125 612.5-545.84 487.5-941.67-75-237.5-258.34-416.67-487.5-491.67z' fill='%23fff'/%3E%3C/svg%3E",
   ETH: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 784.37 1277.39'%3E%3Cpolygon fill='%23343434' points='392.07 0 383.5 29.11 383.5 873.74 392.07 882.29 784.13 650.54'/%3E%3Cpolygon fill='%238C8C8C' points='392.07 0 0 650.54 392.07 882.29 392.07 472.33'/%3E%3Cpolygon fill='%233C3C3B' points='392.07 956.52 387.24 962.41 387.24 1263.28 392.07 1277.38 784.37 724.89'/%3E%3Cpolygon fill='%238C8C8C' points='392.07 1277.38 392.07 956.52 0 724.89'/%3E%3Cpolygon fill='%23141414' points='392.07 882.29 784.13 650.54 392.07 472.33'/%3E%3Cpolygon fill='%23393939' points='0 650.54 392.07 882.29 392.07 472.33'/%3E%3C/svg%3E",
   USDT: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 339.43 295.27'%3E%3Cpath fill='%2350AF95' d='M62.15 1.45l-61.89 130a2.52 2.52 0 00.54 2.94l167.15 160.17a2.55 2.55 0 003.53 0L339.62 134.4a2.52 2.52 0 00.54-2.94l-61.89-130A2.5 2.5 0 00276 0H64.45a2.5 2.5 0 00-2.3 1.45z'/%3E%3Cpath fill='%23fff' d='M191.19 144.8v-.12c-1.09.07-5.42.33-15.55.33-8.09 0-13.81-.22-15.83-.33v.13c-31.22-1.38-54.6-7.1-54.6-14s23.38-12.58 54.6-14v22.28c2.05.14 7.92.46 16 .46 9.67 0 14.31-.38 15.38-.46v-22.29c31.13 1.38 54.42 7.06 54.42 13.95s-23.29 12.58-54.42 13.96zm0-30.29v-19.85h43.17V66.35H105.49v28.31h43.17v19.84c-35.37 1.59-62 8.76-62 17.33s26.59 15.74 62 17.33v62h30.53v-62c35.29-1.58 61.84-8.74 61.84-17.32s-26.55-15.74-61.84-17.33z'/%3E%3C/svg%3E",
-  USDT0: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 339.43 295.27'%3E%3Cpath fill='%2350AF95' d='M62.15 1.45l-61.89 130a2.52 2.52 0 00.54 2.94l167.15 160.17a2.55 2.55 0 003.53 0L339.62 134.4a2.52 2.52 0 00.54-2.94l-61.89-130A2.5 2.5 0 00276 0H64.45a2.5 2.5 0 00-2.3 1.45z'/%3E%3Cpath fill='%23fff' d='M191.19 144.8v-.12c-1.09.07-5.42.33-15.55.33-8.09 0-13.81-.22-15.83-.33v.13c-31.22-1.38-54.6-7.1-54.6-14s23.38-12.58 54.6-14v22.28c2.05.14 7.92.46 16 .46 9.67 0 14.31-.38 15.38-.46v-22.29c31.13 1.38 54.42 7.06 54.42 13.95s-23.29 12.58-54.42 13.96zm0-30.29v-19.85h43.17V66.35H105.49v28.31h43.17v19.84c-35.37 1.59-62 8.76-62 17.33s26.59 15.74 62 17.33v62h30.53v-62c35.29-1.58 61.84-8.74 61.84-17.32s-26.55-15.74-61.84-17.33z'/%3E%3C/svg%3E",
   WETH: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 784.37 1277.39'%3E%3Cpolygon fill='%23EC1A79' points='392.07 0 383.5 29.11 383.5 873.74 392.07 882.29 784.13 650.54'/%3E%3Cpolygon fill='%23EC1A79' fill-opacity='0.6' points='392.07 0 0 650.54 392.07 882.29 392.07 472.33'/%3E%3Cpolygon fill='%239E1165' points='392.07 956.52 387.24 962.41 387.24 1263.28 392.07 1277.38 784.37 724.89'/%3E%3Cpolygon fill='%23EC1A79' fill-opacity='0.6' points='392.07 1277.38 392.07 956.52 0 724.89'/%3E%3Cpolygon fill='%239E1165' points='392.07 882.29 784.13 650.54 392.07 472.33'/%3E%3Cpolygon fill='%23EC1A79' fill-opacity='0.2' points='0 650.54 392.07 882.29 392.07 472.33'/%3E%3C/svg%3E"
 };
 function getChainIcon(chainId) {
@@ -415,7 +466,9 @@ async function signEnableSessionWithOwner(rhinestoneAccount, sessionDetails, sig
     ...originalOwners?.type === "ecdsa" && originalOwners.module ? { module: originalOwners.module } : {}
   };
   try {
-    return await rhinestoneAccount.experimental_signEnableSession(sessionDetails);
+    return await rhinestoneAccount.experimental_signEnableSession(
+      sessionDetails
+    );
   } finally {
     rhinestoneAccount.config.owners = originalOwners;
   }
@@ -427,7 +480,11 @@ async function getSessionDetails(rhinestoneAccount, targetChain, signerAddress,
   }
   const sessions = allChains.map((chain) => buildSession(chain, signerAddress));
   const sessionDetails = await rhinestoneAccount.experimental_getSessionDetails(sessions);
-  const enableSignature = sessionSigner ? await signEnableSessionWithOwner(rhinestoneAccount, sessionDetails, sessionSigner) : await rhinestoneAccount.experimental_signEnableSession(sessionDetails);
+  const enableSignature = sessionSigner ? await signEnableSessionWithOwner(
+    rhinestoneAccount,
+    sessionDetails,
+    sessionSigner
+  ) : await rhinestoneAccount.experimental_signEnableSession(sessionDetails);
   if (!sessionDetails.hashesAndChainIds?.length) {
     throw new Error("Session details missing chain digests");
   }
@@ -2429,15 +2486,14 @@ function DepositModal({
   walletClient,
   publicClient,
   address,
-  targetChain,
+  targetChain: targetChainProp,
   targetToken,
   isOpen,
   onClose,
   inline,
   switchChain,
-  sourceChain,
+  sourceChain: sourceChainProp,
   sourceToken,
-  amount,
   defaultAmount,
   recipient,
   backendUrl = DEFAULT_BACKEND_URL,
@@ -2448,20 +2504,29 @@ function DepositModal({
   theme,
   branding,
   className,
+  onReady,
   onConnected,
   onDepositSubmitted,
   onDepositComplete,
   onDepositFailed,
   onError
 }) {
-  const resolvedAmount = amount ?? defaultAmount;
   const modalRef = useRef5(null);
+  const targetChain = getChainId(targetChainProp);
+  const sourceChain = sourceChainProp ? getChainId(sourceChainProp) : void 0;
   const service = useMemo5(() => createDepositService(backendUrl), [backendUrl]);
   useEffect7(() => {
     if (isOpen && modalRef.current) {
       applyTheme(modalRef.current, theme);
     }
   }, [isOpen, theme]);
+  const hasCalledReady = useRef5(false);
+  useEffect7(() => {
+    if (isOpen && !hasCalledReady.current) {
+      hasCalledReady.current = true;
+      onReady?.();
+    }
+  }, [isOpen, onReady]);
   const logoUrl = branding?.logoUrl ?? "https://github.com/rhinestonewtf.png";
   const title = branding?.title ?? "Rhinestone";
   return /* @__PURE__ */ jsx12(
@@ -2535,7 +2600,7 @@ function DepositModal({
             switchChain,
             sourceChain,
             sourceToken,
-            amount: resolvedAmount,
+            amount: defaultAmount,
             recipient,
             signerAddress,
             waitForFinalTx,
@@ -2558,8 +2623,23 @@ export {
   DEFAULT_BACKEND_URL,
   DEFAULT_SIGNER_ADDRESS,
   DepositModal,
+  NATIVE_TOKEN_ADDRESS,
   SOURCE_CHAINS,
-  USDC_ADDRESSES,
+  SUPPORTED_CHAINS,
+  chainRegistry,
+  findChainIdForToken,
+  getChainBadge,
+  getChainIcon,
+  getChainId,
   getChainName,
-  getExplorerTxUrl
+  getChainObject,
+  getExplorerName,
+  getExplorerTxUrl,
+  getExplorerUrl,
+  getTokenAddress,
+  getTokenDecimals,
+  getTokenIcon,
+  getTokenSymbol,
+  getUsdcAddress,
+  getUsdcDecimals
 };

package/dist/styles.d.ts

@@ -0,0 +1,3 @@
+// Type declaration for CSS side-effect import
+declare const styles: void;
+export default styles;

package/package.json

@@ -1,12 +1,10 @@
 {
   "name": "@rhinestone/deposit-modal",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "React modal component for Rhinestone cross-chain deposits",
-  "author": "Rhinestone <hello@rhinestone.wtf>",
-  "license": "MIT",
-  "homepage": "https://github.com/rhinestonewtf/deposit/tree/main/deposit-modal#readme",
+  "author": "Rhinestone <dev@rhinestone.wtf>",
   "bugs": {
-    "url": "https://github.com/rhinestonewtf/deposit/issues"
+    "url": "https://github.com/rhinestonewtf/deposit-modal/issues"
   },
   "type": "module",
   "main": "./dist/index.cjs",
@@ -18,7 +16,10 @@
       "import": "./dist/index.mjs",
       "require": "./dist/index.cjs"
     },
-    "./styles.css": "./dist/styles.css"
+    "./styles.css": {
+      "types": "./dist/styles.d.ts",
+      "default": "./dist/styles.css"
+    }
   },
   "files": [
     "dist",
@@ -28,7 +29,7 @@
     "*.css"
   ],
   "scripts": {
-    "build": "tsup",
+    "build": "tsup && bun run scripts/postbuild.ts",
     "clean": "rm -rf dist",
     "typecheck": "tsc --noEmit",
     "prepublishOnly": "bun run clean && bun run build && bun run typecheck"
@@ -39,11 +40,13 @@
     "viem": ">=2.0.0"
   },
   "dependencies": {
-    "@rhinestone/sdk": "^1.2.9"
+    "@rhinestone/sdk": "^1.2.9",
+    "@rhinestone/shared-configs": "^1.4.91"
   },
   "devDependencies": {
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
+    "bun-types": "^1.3.8",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "tsup": "^8.0.0",
@@ -61,6 +64,6 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/rhinestonewtf/deposit"
+    "url": "https://github.com/rhinestonewtf/deposit-modal"
   }
 }