@rhinestone/deposit-modal 0.1.41 → 0.1.42

package/README.md

@@ -88,6 +88,7 @@ Notes:
 | `defaultAmount`      | `string`               | No       | Pre-filled amount                                                            |
 | `recipient`          | `Address`              | No       | Custom recipient address                                                     |
 | `backendUrl`         | `string`               | No       | Backend URL                                                                  |
+| `solanaRpcUrl`       | `string`               | No       | Optional Solana RPC URL override (default: `https://api.mainnet.solana.com`) |
 | `rhinestoneApiKey`   | `string`               | No       | Optional SDK api key forwarded to `RhinestoneSDK` during smart-account setup |
 | `signerAddress`      | `Address`              | No       | Session signer address                                                       |
 | `waitForFinalTx`     | `boolean`              | No       | Wait for destination tx (default: true)                                      |

package/dist/{DepositModalReown-WS6WNWJP.mjs → DepositModalReown-3GPEVG26.mjs}

@@ -1,6 +1,6 @@
 import {
   DepositModalInner
-} from "./chunk-6PRJUXTM.mjs";
+} from "./chunk-NLL42V7D.mjs";
 import {
   ReownWalletProvider,
   useReownWallet

package/dist/{DepositModalReown-GAQLILGK.cjs → DepositModalReown-EEXNSXI4.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkPTSYSG4Ucjs = require('./chunk-PTSYSG4U.cjs');
+var _chunkCDHUGROMcjs = require('./chunk-CDHUGROM.cjs');
 
 
 
@@ -29,7 +29,7 @@ function DepositModalWithReown(props) {
     reown.disconnect();
   }, [reown.disconnect]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkPTSYSG4Ucjs.DepositModalInner,
+    _chunkCDHUGROMcjs.DepositModalInner,
     {
       ...props,
       reownWallet: reownWithSolana,

package/dist/{chunk-PTSYSG4U.cjs → chunk-CDHUGROM.cjs}

@@ -56,6 +56,7 @@ var _react = require('react');
 
 // src/DepositFlow.tsx
 
+var _viem = require('viem');
 
 // src/components/steps/SetupStep.tsx
 
@@ -245,7 +246,7 @@ function SetupStep({
 
 // src/components/steps/AssetSelectStep.tsx
 
-var _viem = require('viem');
+
 
 function AssetSelectStep({
   address,
@@ -1262,9 +1263,14 @@ var SOLANA_TOKENS = [
     decimals: 6
   }
 ];
-var DEFAULT_SOLANA_RPC_URL = "https://api.mainnet-beta.solana.com";
+var DEFAULT_SOLANA_RPC_URL = "https://api.mainnet.solana.com";
 var configuredSolanaRpcUrl = null;
 var cachedConnections = /* @__PURE__ */ new Map();
+function configureSolanaRpcUrl(rpcUrl) {
+  const normalized = _optionalChain([rpcUrl, 'optionalAccess', _17 => _17.trim, 'call', _18 => _18()]);
+  configuredSolanaRpcUrl = normalized ? normalized : null;
+  cachedConnections.clear();
+}
 function getSolanaRpcUrl() {
   return _nullishCoalesce(configuredSolanaRpcUrl, () => ( DEFAULT_SOLANA_RPC_URL));
 }
@@ -1396,7 +1402,7 @@ function resolveSolanaTokenMeta(token) {
   return {};
 }
 function getDepositEventDetails(event) {
-  if (!_optionalChain([event, 'optionalAccess', _17 => _17.type]) || !isRecord(event.data)) return {};
+  if (!_optionalChain([event, 'optionalAccess', _19 => _19.type]) || !isRecord(event.data)) return {};
   if (event.type === "deposit-received") {
     const chainId = asChainId(event.data.chain);
     const token = asString(event.data.token);
@@ -1410,12 +1416,12 @@ function getDepositEventDetails(event) {
   }
   if (event.type === "bridge-started") {
     const source = isRecord(event.data.source) ? event.data.source : void 0;
-    const chainId = asChainId(_optionalChain([source, 'optionalAccess', _18 => _18.chain]));
-    const token = asString(_optionalChain([source, 'optionalAccess', _19 => _19.asset]));
+    const chainId = asChainId(_optionalChain([source, 'optionalAccess', _20 => _20.chain]));
+    const token = asString(_optionalChain([source, 'optionalAccess', _21 => _21.asset]));
     const solanaMeta = chainId === "solana" ? resolveSolanaTokenMeta(token) : {};
     return {
       chainId,
-      amount: asAmount(_optionalChain([source, 'optionalAccess', _20 => _20.amount])),
+      amount: asAmount(_optionalChain([source, 'optionalAccess', _22 => _22.amount])),
       token,
       ...solanaMeta
     };
@@ -1468,9 +1474,9 @@ function DepositAddressStep({
       const matched = _nullishCoalesce(SOLANA_TOKENS.find((t) => t.symbol === sourceTokenSymbol), () => ( SOLANA_TOKENS[0]));
       sourceSelectionRef.current = {
         chainId: "solana",
-        token: _optionalChain([matched, 'optionalAccess', _21 => _21.mint]),
-        sourceSymbol: _optionalChain([matched, 'optionalAccess', _22 => _22.symbol]),
-        sourceDecimals: _optionalChain([matched, 'optionalAccess', _23 => _23.decimals])
+        token: _optionalChain([matched, 'optionalAccess', _23 => _23.mint]),
+        sourceSymbol: _optionalChain([matched, 'optionalAccess', _24 => _24.symbol]),
+        sourceDecimals: _optionalChain([matched, 'optionalAccess', _25 => _25.decimals])
       };
       return;
     }
@@ -1486,8 +1492,8 @@ function DepositAddressStep({
     function handlePointerDown(event) {
       const target = event.target;
       if (!target) return;
-      const clickedChainDropdown = _optionalChain([chainDropdownRef, 'access', _24 => _24.current, 'optionalAccess', _25 => _25.contains, 'call', _26 => _26(target)]);
-      const clickedTokenDropdown = _optionalChain([tokenDropdownRef, 'access', _27 => _27.current, 'optionalAccess', _28 => _28.contains, 'call', _29 => _29(target)]);
+      const clickedChainDropdown = _optionalChain([chainDropdownRef, 'access', _26 => _26.current, 'optionalAccess', _27 => _27.contains, 'call', _28 => _28(target)]);
+      const clickedTokenDropdown = _optionalChain([tokenDropdownRef, 'access', _29 => _29.current, 'optionalAccess', _30 => _30.contains, 'call', _31 => _31(target)]);
       if (clickedChainDropdown || clickedTokenDropdown) return;
       setChainDropdownOpen(false);
       setTokenDropdownOpen(false);
@@ -1563,7 +1569,7 @@ function DepositAddressStep({
         if (!cancelled) {
           const msg = err instanceof Error ? err.message : "Failed to check status";
           setPollingError(msg);
-          _optionalChain([onError, 'optionalCall', _30 => _30(msg, "STATUS_POLL_ERROR")]);
+          _optionalChain([onError, 'optionalCall', _32 => _32(msg, "STATUS_POLL_ERROR")]);
         }
       }
       if (!cancelled && !depositHandledRef.current) {
@@ -1844,7 +1850,7 @@ function SolanaTokenSelectStep({
       setTokenBalances(results);
       setLoading(false);
       const totalUsd = results.reduce((sum, r) => sum + r.balanceUsd, 0);
-      _optionalChain([onTotalBalanceComputed, 'optionalCall', _31 => _31(totalUsd)]);
+      _optionalChain([onTotalBalanceComputed, 'optionalCall', _33 => _33(totalUsd)]);
     }
     void loadBalances();
     return () => {
@@ -2179,6 +2185,8 @@ function SolanaConfirmStep({
   solanaDepositAddress,
   token,
   amount,
+  targetAmount,
+  targetTokenPriceUsd,
   targetChain,
   targetToken,
   service,
@@ -2192,6 +2200,18 @@ function SolanaConfirmStep({
   const targetSymbol = _chunkNELAYNA3cjs.getTokenSymbol.call(void 0, targetToken, targetChain);
   const isSameToken = token.symbol.toUpperCase() === targetSymbol.toUpperCase();
   const formattedAmount = amount && !Number.isNaN(Number(amount)) ? Number(amount).toLocaleString("en-US", { maximumFractionDigits: 6 }) : "0";
+  const formattedReceiveAmount = (() => {
+    if (isSameToken) return formattedAmount;
+    const dollarValue = Number(targetAmount);
+    if (!Number.isFinite(dollarValue) || dollarValue <= 0)
+      return formattedAmount;
+    if (targetTokenPriceUsd !== null && targetTokenPriceUsd > 0) {
+      const tokenAmount = dollarValue / targetTokenPriceUsd;
+      return tokenAmount.toLocaleString("en-US", { maximumFractionDigits: 6 });
+    }
+    return formattedAmount;
+  })();
+  const receiveAmount = isSameToken ? formattedReceiveAmount : `~ ${formattedReceiveAmount}`;
   const handleConfirm = async () => {
     if (!solanaProvider) {
       _chunkLT3QKJI2cjs.debugLog.call(void 0, debug, "solana-confirm", "submit:blocked", {
@@ -2253,7 +2273,7 @@ function SolanaConfirmStep({
       _chunkLT3QKJI2cjs.debugLog.call(void 0, debug, "solana-confirm", "tx:build:success", {
         token: token.symbol,
         instructionCount: transaction.instructions.length,
-        feePayer: _optionalChain([transaction, 'access', _32 => _32.feePayer, 'optionalAccess', _33 => _33.toBase58, 'call', _34 => _34()]),
+        feePayer: _optionalChain([transaction, 'access', _34 => _34.feePayer, 'optionalAccess', _35 => _35.toBase58, 'call', _36 => _36()]),
         recentBlockhash: transaction.recentBlockhash
       });
       const txHash = await sendSolanaTransaction(
@@ -2275,7 +2295,7 @@ function SolanaConfirmStep({
         amount
       });
       setError(message);
-      _optionalChain([onError, 'optionalCall', _35 => _35(message, "SOLANA_TRANSFER_ERROR")]);
+      _optionalChain([onError, 'optionalCall', _37 => _37(message, "SOLANA_TRANSFER_ERROR")]);
     } finally {
       setIsSubmitting(false);
     }
@@ -2371,7 +2391,9 @@ function SolanaConfirmStep({
                     style: { width: 16, height: 16, borderRadius: "50%" }
                   }
                 ),
-                isSameToken ? `~ ${formattedAmount} ${targetSymbol}` : `~ equivalent in ${targetSymbol}`
+                receiveAmount,
+                " ",
+                targetSymbol
               ]
             }
           )
@@ -2489,12 +2511,12 @@ function DepositFlow({
     return null;
   }, []);
   const dappSwitchChain = _react.useMemo.call(void 0, () => {
-    if (!_optionalChain([dappWalletClient, 'optionalAccess', _36 => _36.switchChain])) return void 0;
+    if (!_optionalChain([dappWalletClient, 'optionalAccess', _38 => _38.switchChain])) return void 0;
     return async (chainId) => {
-      await _optionalChain([dappWalletClient, 'access', _37 => _37.switchChain, 'optionalCall', _38 => _38({ id: chainId })]);
+      await _optionalChain([dappWalletClient, 'access', _39 => _39.switchChain, 'optionalCall', _40 => _40({ id: chainId })]);
     };
   }, [dappWalletClient]);
-  const connectedWalletAddress = _nullishCoalesce(_optionalChain([dappWalletClient, 'optionalAccess', _39 => _39.account, 'optionalAccess', _40 => _40.address]), () => ( null));
+  const connectedWalletAddress = _nullishCoalesce(_optionalChain([dappWalletClient, 'optionalAccess', _41 => _41.account, 'optionalAccess', _42 => _42.address]), () => ( null));
   const walletOptions = _react.useMemo.call(void 0, () => {
     const options = [];
     const seen = /* @__PURE__ */ new Set();
@@ -2508,7 +2530,7 @@ function DepositFlow({
       });
       seen.add(id);
     }
-    if (_optionalChain([reownWallet, 'optionalAccess', _41 => _41.isConnected]) && reownWallet.isSolana && reownWallet.solanaAddress && dappAddress) {
+    if (_optionalChain([reownWallet, 'optionalAccess', _43 => _43.isConnected]) && reownWallet.isSolana && reownWallet.solanaAddress && dappAddress) {
       const id = _nullishCoalesce(reownWallet.caipAddress, () => ( `solana:${reownWallet.solanaAddress}`));
       if (!seen.has(id)) {
         options.push({
@@ -2520,7 +2542,7 @@ function DepositFlow({
         });
         seen.add(id);
       }
-    } else if (_optionalChain([reownWallet, 'optionalAccess', _42 => _42.address]) && reownWallet.isConnected && reownWallet.walletClient && reownWallet.publicClient && !seen.has(`evm:${reownWallet.address.toLowerCase()}`)) {
+    } else if (_optionalChain([reownWallet, 'optionalAccess', _44 => _44.address]) && reownWallet.isConnected && reownWallet.walletClient && reownWallet.publicClient && !seen.has(`evm:${reownWallet.address.toLowerCase()}`)) {
       const id = `evm:${reownWallet.address.toLowerCase()}`;
       if (!seen.has(id)) {
         options.push({
@@ -2537,19 +2559,19 @@ function DepositFlow({
   }, [
     connectedWalletAddress,
     dappAddress,
-    _optionalChain([reownWallet, 'optionalAccess', _43 => _43.address]),
-    _optionalChain([reownWallet, 'optionalAccess', _44 => _44.isConnected]),
-    _optionalChain([reownWallet, 'optionalAccess', _45 => _45.walletClient]),
-    _optionalChain([reownWallet, 'optionalAccess', _46 => _46.publicClient]),
-    _optionalChain([reownWallet, 'optionalAccess', _47 => _47.icon]),
-    _optionalChain([reownWallet, 'optionalAccess', _48 => _48.isSolana]),
-    _optionalChain([reownWallet, 'optionalAccess', _49 => _49.solanaAddress]),
-    _optionalChain([reownWallet, 'optionalAccess', _50 => _50.caipAddress])
+    _optionalChain([reownWallet, 'optionalAccess', _45 => _45.address]),
+    _optionalChain([reownWallet, 'optionalAccess', _46 => _46.isConnected]),
+    _optionalChain([reownWallet, 'optionalAccess', _47 => _47.walletClient]),
+    _optionalChain([reownWallet, 'optionalAccess', _48 => _48.publicClient]),
+    _optionalChain([reownWallet, 'optionalAccess', _49 => _49.icon]),
+    _optionalChain([reownWallet, 'optionalAccess', _50 => _50.isSolana]),
+    _optionalChain([reownWallet, 'optionalAccess', _51 => _51.solanaAddress]),
+    _optionalChain([reownWallet, 'optionalAccess', _52 => _52.caipAddress])
   ]);
-  const canAutoLock = _optionalChain([dappWalletClient, 'optionalAccess', _51 => _51.account]) && dappAddress && !reownWallet;
+  const canAutoLock = _optionalChain([dappWalletClient, 'optionalAccess', _53 => _53.account]) && dappAddress && !reownWallet;
   const hasWalletOptions = walletOptions.length > 0;
   const hasReownSession = Boolean(
-    _optionalChain([reownWallet, 'optionalAccess', _52 => _52.isConnected]) || _optionalChain([reownWallet, 'optionalAccess', _53 => _53.address])
+    _optionalChain([reownWallet, 'optionalAccess', _54 => _54.isConnected]) || _optionalChain([reownWallet, 'optionalAccess', _55 => _55.address])
   );
   const showConnectStep = flowMode === null && !canAutoLock && !isConnectSelectionConfirmed;
   const walletSelectionKey = _react.useMemo.call(void 0, () => {
@@ -2580,7 +2602,7 @@ function DepositFlow({
       };
     }
     if (canAutoLock) {
-      const fallbackChainId = _nullishCoalesce(_optionalChain([dappWalletClient, 'optionalAccess', _54 => _54.chain, 'optionalAccess', _55 => _55.id]), () => ( targetChain));
+      const fallbackChainId = _nullishCoalesce(_optionalChain([dappWalletClient, 'optionalAccess', _56 => _56.chain, 'optionalAccess', _57 => _57.id]), () => ( targetChain));
       return {
         ownerAddress: dappWalletClient.account.address,
         walletClient: dappWalletClient,
@@ -2589,7 +2611,9 @@ function DepositFlow({
       };
     }
     if (!isConnectSelectionConfirmed || !selectedWalletId) return null;
-    const selectedOption = walletOptions.find((option) => option.id === selectedWalletId);
+    const selectedOption = walletOptions.find(
+      (option) => option.id === selectedWalletId
+    );
     if (!selectedOption) return null;
     if (selectedOption.kind === "solana") {
       if (!dappAddress) return null;
@@ -2600,8 +2624,8 @@ function DepositFlow({
         switchChain: void 0
       };
     }
-    if (selectedOption.kind === "connected" && _optionalChain([dappWalletClient, 'optionalAccess', _56 => _56.account]) && selectedOption.address && dappWalletClient.account.address.toLowerCase() === selectedOption.address.toLowerCase()) {
-      const fallbackChainId = _nullishCoalesce(_optionalChain([dappWalletClient, 'optionalAccess', _57 => _57.chain, 'optionalAccess', _58 => _58.id]), () => ( targetChain));
+    if (selectedOption.kind === "connected" && _optionalChain([dappWalletClient, 'optionalAccess', _58 => _58.account]) && selectedOption.address && dappWalletClient.account.address.toLowerCase() === selectedOption.address.toLowerCase()) {
+      const fallbackChainId = _nullishCoalesce(_optionalChain([dappWalletClient, 'optionalAccess', _59 => _59.chain, 'optionalAccess', _60 => _60.id]), () => ( targetChain));
       return {
         ownerAddress: dappWalletClient.account.address,
         walletClient: dappWalletClient,
@@ -2609,7 +2633,7 @@ function DepositFlow({
         switchChain: dappSwitchChain
       };
     }
-    if (selectedOption.kind === "external" && _optionalChain([reownWallet, 'optionalAccess', _59 => _59.address]) && selectedOption.address && reownWallet.address.toLowerCase() === selectedOption.address.toLowerCase()) {
+    if (selectedOption.kind === "external" && _optionalChain([reownWallet, 'optionalAccess', _61 => _61.address]) && selectedOption.address && reownWallet.address.toLowerCase() === selectedOption.address.toLowerCase()) {
       return {
         ownerAddress: reownWallet.address,
         walletClient: reownWallet.walletClient,
@@ -2673,7 +2697,7 @@ function DepositFlow({
     walletSignerContext,
     walletSelectionKey
   ]);
-  const sessionKeyAddress = _nullishCoalesce(_nullishCoalesce(dappAddress, () => ( _optionalChain([signerContext, 'optionalAccess', _60 => _60.ownerAddress]))), () => ( null));
+  const sessionKeyAddress = _nullishCoalesce(_nullishCoalesce(dappAddress, () => ( _optionalChain([signerContext, 'optionalAccess', _62 => _62.ownerAddress]))), () => ( null));
   const lastTargetRef = _react.useRef.call(void 0, null);
   _react.useEffect.call(void 0, () => {
     const prev = lastTargetRef.current;
@@ -2749,7 +2773,7 @@ function DepositFlow({
   const stepIndex = step.type === "setup" ? 0 : step.type === "deposit-address" ? 1 : step.type === "select-asset" ? 1 : step.type === "solana-token-select" ? 1 : step.type === "solana-amount" ? 2 : step.type === "amount" ? 2 : step.type === "confirm" ? 3 : step.type === "solana-confirm" ? 3 : 4;
   const currentBackHandler = step.type === "deposit-address" ? handleBackFromDepositAddress : step.type === "select-asset" && signerContext && !canAutoLock ? handleBackFromSelectAsset : step.type === "solana-token-select" ? handleBackFromSolanaTokenSelect : step.type === "solana-amount" ? handleBackFromSolanaAmount : step.type === "solana-confirm" ? handleBackFromSolanaConfirm : step.type === "amount" ? handleBackFromAmount : step.type === "confirm" ? handleBackFromConfirm : void 0;
   _react.useEffect.call(void 0, () => {
-    _optionalChain([onStepChange, 'optionalCall', _61 => _61(stepIndex, currentBackHandler)]);
+    _optionalChain([onStepChange, 'optionalCall', _63 => _63(stepIndex, currentBackHandler)]);
   }, [stepIndex, currentBackHandler, onStepChange]);
   _react.useEffect.call(void 0, () => {
     logFlow("state:changed", {
@@ -2768,7 +2792,7 @@ function DepositFlow({
     targetToken
   ]);
   _react.useEffect.call(void 0, () => {
-    _optionalChain([onTotalBalanceChange, 'optionalCall', _62 => _62(totalBalanceUsd)]);
+    _optionalChain([onTotalBalanceChange, 'optionalCall', _64 => _64(totalBalanceUsd)]);
   }, [totalBalanceUsd, onTotalBalanceChange]);
   const isDepositAddressMode = flowMode === "deposit-address";
   const isSolanaWalletMode = flowMode === "solana-wallet";
@@ -2794,12 +2818,23 @@ function DepositFlow({
         flowMode: isDepositAddressMode ? "deposit-address" : isSolanaWalletMode ? "solana-wallet" : "wallet"
       });
       if (isDepositAddressMode) {
-        setStep({ type: "deposit-address", smartAccount, solanaDepositAddress });
+        setStep({
+          type: "deposit-address",
+          smartAccount,
+          solanaDepositAddress
+        });
       } else if (isSolanaWalletMode) {
         if (solanaDepositAddress) {
-          setStep({ type: "solana-token-select", smartAccount, solanaDepositAddress });
+          setStep({
+            type: "solana-token-select",
+            smartAccount,
+            solanaDepositAddress
+          });
         } else {
-          _optionalChain([onError, 'optionalCall', _63 => _63({ message: "Solana deposit address not available. Please try again.", code: "SOLANA_SETUP_FAILED" })]);
+          _optionalChain([onError, 'optionalCall', _65 => _65({
+            message: "Solana deposit address not available. Please try again.",
+            code: "SOLANA_SETUP_FAILED"
+          })]);
         }
       } else {
         setStep({ type: "select-asset", smartAccount });
@@ -2831,7 +2866,7 @@ function DepositFlow({
           directTransfer
         };
       });
-      _optionalChain([onDepositSubmitted, 'optionalCall', _64 => _64({ txHash, sourceChain: chainId, amount })]);
+      _optionalChain([onDepositSubmitted, 'optionalCall', _66 => _66({ txHash, sourceChain: chainId, amount })]);
     },
     [onDepositSubmitted, targetChain, targetToken]
   );
@@ -2854,24 +2889,37 @@ function DepositFlow({
   );
   const handleSolanaAmountContinue = _react.useCallback.call(void 0, 
     (token, amount) => {
+      const targetSym = _chunkNELAYNA3cjs.getTokenSymbol.call(void 0, targetToken, targetChain);
+      const isTargetStable = _chunkNELAYNA3cjs.isStablecoinSymbol.call(void 0, targetSym);
+      const targetTokenPriceUsd = isTargetStable ? 1 : getTokenPriceUsd(targetSym);
       logFlow("solana:amount:continue", {
         token: token.symbol,
-        amount
+        amount,
+        targetSymbol: targetSym,
+        targetTokenPriceUsd
       });
       setStep((prev) => {
         if (prev.type !== "solana-amount") return prev;
+        const sourceBalance = Number(
+          _viem.formatUnits.call(void 0, prev.balance, prev.token.decimals)
+        );
+        const sourceTokenPriceUsd = Number.isFinite(sourceBalance) && sourceBalance > 0 && prev.balanceUsd > 0 ? prev.balanceUsd / sourceBalance : null;
+        const parsedAmount = Number(amount);
+        const targetAmount = sourceTokenPriceUsd !== null && Number.isFinite(parsedAmount) && parsedAmount > 0 ? (parsedAmount * sourceTokenPriceUsd).toString() : amount;
         return {
           type: "solana-confirm",
           smartAccount: prev.smartAccount,
           solanaDepositAddress: prev.solanaDepositAddress,
           token,
           amount,
+          targetAmount,
+          targetTokenPriceUsd,
           balance: prev.balance,
           balanceUsd: prev.balanceUsd
         };
       });
     },
-    [logFlow]
+    [targetToken, targetChain, getTokenPriceUsd, logFlow]
   );
   const handleSolanaConfirmed = _react.useCallback.call(void 0, 
     (txHash, amountUnits) => {
@@ -2893,7 +2941,7 @@ function DepositFlow({
           sourceDecimals: prev.token.decimals
         };
       });
-      _optionalChain([onDepositSubmitted, 'optionalCall', _65 => _65({
+      _optionalChain([onDepositSubmitted, 'optionalCall', _67 => _67({
         txHash,
         sourceChain: "solana",
         amount: amountUnits
@@ -2903,7 +2951,7 @@ function DepositFlow({
   );
   const handleConnected = _react.useCallback.call(void 0, 
     (addr, smartAccount) => {
-      _optionalChain([onConnected, 'optionalCall', _66 => _66({ address: addr, smartAccount })]);
+      _optionalChain([onConnected, 'optionalCall', _68 => _68({ address: addr, smartAccount })]);
     },
     [onConnected]
   );
@@ -2966,28 +3014,28 @@ function DepositFlow({
   );
   const handleDepositSubmittedCallback = _react.useCallback.call(void 0, 
     (txHash, sourceChain, amount) => {
-      _optionalChain([onDepositSubmitted, 'optionalCall', _67 => _67({ txHash, sourceChain, amount })]);
+      _optionalChain([onDepositSubmitted, 'optionalCall', _69 => _69({ txHash, sourceChain, amount })]);
     },
     [onDepositSubmitted]
   );
   const handleDepositComplete = _react.useCallback.call(void 0, 
     (txHash, destinationTxHash) => {
       logFlow("deposit:complete", { txHash, destinationTxHash });
-      _optionalChain([onDepositComplete, 'optionalCall', _68 => _68({ txHash, destinationTxHash })]);
+      _optionalChain([onDepositComplete, 'optionalCall', _70 => _70({ txHash, destinationTxHash })]);
     },
     [logFlow, onDepositComplete]
   );
   const handleDepositFailed = _react.useCallback.call(void 0, 
     (txHash, error) => {
       logFlowError("deposit:failed", error, { txHash });
-      _optionalChain([onDepositFailed, 'optionalCall', _69 => _69({ txHash, error })]);
+      _optionalChain([onDepositFailed, 'optionalCall', _71 => _71({ txHash, error })]);
     },
     [logFlowError, onDepositFailed]
   );
   const handleError = _react.useCallback.call(void 0, 
     (message, code) => {
       logFlowError("flow:error", message, { code });
-      _optionalChain([onError, 'optionalCall', _70 => _70({ message, code })]);
+      _optionalChain([onError, 'optionalCall', _72 => _72({ message, code })]);
     },
     [logFlowError, onError]
   );
@@ -3030,7 +3078,7 @@ function DepositFlow({
       if (walletId) {
         const selectedOption = walletOptions.find((o) => o.id === walletId);
         setSelectedWalletId(walletId);
-        if (_optionalChain([selectedOption, 'optionalAccess', _71 => _71.kind]) === "solana") {
+        if (_optionalChain([selectedOption, 'optionalAccess', _73 => _73.kind]) === "solana") {
           handleSelectSolanaWallet();
         } else {
           handleSelectProvider();
@@ -3076,7 +3124,7 @@ function DepositFlow({
           const selectedOption = walletOptions.find(
             (o) => o.id === selectedWalletIdEffective
           );
-          if (_optionalChain([selectedOption, 'optionalAccess', _72 => _72.kind]) === "solana") {
+          if (_optionalChain([selectedOption, 'optionalAccess', _74 => _74.kind]) === "solana") {
             handleSelectSolanaWallet();
           } else {
             handleSelectProvider();
@@ -3142,8 +3190,8 @@ function DepositFlow({
   }
   if (isSolanaWalletMode) {
     if (!sessionKeyAddress) return null;
-    const solanaAddr = _optionalChain([reownWallet, 'optionalAccess', _73 => _73.solanaAddress]);
-    const solanaProvider = _optionalChain([reownWallet, 'optionalAccess', _74 => _74.solanaProvider]);
+    const solanaAddr = _optionalChain([reownWallet, 'optionalAccess', _75 => _75.solanaAddress]);
+    const solanaProvider = _optionalChain([reownWallet, 'optionalAccess', _76 => _76.solanaProvider]);
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-modal-body", children: [
       step.type === "setup" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         SetupStep,
@@ -3189,6 +3237,8 @@ function DepositFlow({
           solanaDepositAddress: step.solanaDepositAddress,
           token: step.token,
           amount: step.amount,
+          targetAmount: step.targetAmount,
+          targetTokenPriceUsd: step.targetTokenPriceUsd,
           targetChain,
           targetToken,
           service,
@@ -3199,13 +3249,37 @@ function DepositFlow({
         }
       ) : step.type === "solana-confirm" ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-step", children: [
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-loading-state", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-step-icon rs-step-icon--error", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z" }) }) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-step-icon rs-step-icon--error", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "svg",
+            {
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  d: "M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z"
+                }
+              )
+            }
+          ) }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-loading-text", children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-loading-title rs-text-error", children: "Wallet disconnected" }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-loading-subtitle", children: "Please reconnect your Solana wallet to continue." })
           ] })
         ] }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-step-footer", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { type: "button", className: "rs-button rs-button--default rs-button--full-width", onClick: handleBackFromSolanaConfirm, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Go Back" }) }) })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-step-footer", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "button",
+          {
+            type: "button",
+            className: "rs-button rs-button--default rs-button--full-width",
+            onClick: handleBackFromSolanaConfirm,
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Go Back" })
+          }
+        ) })
       ] }) : null,
       step.type === "processing" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         _chunkLT3QKJI2cjs.ProcessingStep,
@@ -3231,13 +3305,13 @@ function DepositFlow({
       )
     ] });
   }
-  if (!_optionalChain([signerContext, 'optionalAccess', _75 => _75.walletClient]) || !_optionalChain([signerContext, 'optionalAccess', _76 => _76.publicClient])) {
+  if (!_optionalChain([signerContext, 'optionalAccess', _77 => _77.walletClient]) || !_optionalChain([signerContext, 'optionalAccess', _78 => _78.publicClient])) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-modal-body", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-step", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-loading-state", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-loading-text", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-loading-title", children: "Connecting wallet..." }) }) }) }) });
   }
   const ownerAddress = signerContext.ownerAddress;
-  const ownerChainId = _nullishCoalesce(_nullishCoalesce(_optionalChain([signerContext, 'access', _77 => _77.walletClient, 'optionalAccess', _78 => _78.chain, 'optionalAccess', _79 => _79.id]), () => ( _optionalChain([signerContext, 'access', _80 => _80.publicClient, 'access', _81 => _81.chain, 'optionalAccess', _82 => _82.id]))), () => ( targetChain));
+  const ownerChainId = _nullishCoalesce(_nullishCoalesce(_optionalChain([signerContext, 'access', _79 => _79.walletClient, 'optionalAccess', _80 => _80.chain, 'optionalAccess', _81 => _81.id]), () => ( _optionalChain([signerContext, 'access', _82 => _82.publicClient, 'access', _83 => _83.chain, 'optionalAccess', _84 => _84.id]))), () => ( targetChain));
   const getReadClientForChain = (chainId) => {
-    if (_optionalChain([signerContext, 'access', _83 => _83.publicClient, 'access', _84 => _84.chain, 'optionalAccess', _85 => _85.id]) === chainId) {
+    if (_optionalChain([signerContext, 'access', _85 => _85.publicClient, 'access', _86 => _86.chain, 'optionalAccess', _87 => _87.id]) === chainId) {
       return signerContext.publicClient;
     }
     return _chunkLT3QKJI2cjs.getPublicClient.call(void 0, chainId);
@@ -3336,7 +3410,7 @@ function DepositFlow({
 // src/DepositModal.tsx
 
 var ReownDepositInner = _react.lazy.call(void 0, 
-  () => Promise.resolve().then(() => _interopRequireWildcard(require("./DepositModalReown-GAQLILGK.cjs"))).then((m) => ({ default: m.DepositModalReown }))
+  () => Promise.resolve().then(() => _interopRequireWildcard(require("./DepositModalReown-EEXNSXI4.cjs"))).then((m) => ({ default: m.DepositModalReown }))
 );
 function DepositModal(props) {
   const needsReown = !!props.reownAppId;
@@ -3360,6 +3434,7 @@ function DepositModalInner({
   defaultAmount,
   recipient,
   backendUrl = _chunkNELAYNA3cjs.DEFAULT_BACKEND_URL,
+  solanaRpcUrl,
   signerAddress = _chunkNELAYNA3cjs.DEFAULT_SIGNER_ADDRESS,
   sessionChainIds,
   forceRegister = false,
@@ -3388,7 +3463,10 @@ function DepositModalInner({
   const targetChain = _chunkNELAYNA3cjs.getChainId.call(void 0, targetChainProp);
   const sourceChain = sourceChainProp ? _chunkNELAYNA3cjs.getChainId.call(void 0, sourceChainProp) : void 0;
   const service = _react.useMemo.call(void 0, 
-    () => _chunkLT3QKJI2cjs.createDepositService.call(void 0, backendUrl, { debug, debugScope: "service:deposit" }),
+    () => _chunkLT3QKJI2cjs.createDepositService.call(void 0, backendUrl, {
+      debug,
+      debugScope: "service:deposit"
+    }),
     [backendUrl, debug]
   );
   _react.useEffect.call(void 0, () => {
@@ -3396,11 +3474,14 @@ function DepositModalInner({
       _chunkLT3QKJI2cjs.applyTheme.call(void 0, modalRef.current, theme);
     }
   }, [isOpen, theme]);
+  _react.useEffect.call(void 0, () => {
+    configureSolanaRpcUrl(solanaRpcUrl);
+  }, [solanaRpcUrl]);
   const hasCalledReady = _react.useRef.call(void 0, false);
   _react.useEffect.call(void 0, () => {
     if (isOpen && !hasCalledReady.current) {
       hasCalledReady.current = true;
-      _optionalChain([onReady, 'optionalCall', _86 => _86()]);
+      _optionalChain([onReady, 'optionalCall', _88 => _88()]);
     }
   }, [isOpen, onReady]);
   _react.useEffect.call(void 0, () => {
@@ -3419,14 +3500,14 @@ function DepositModalInner({
     setTotalBalanceUsd(balance2);
   }, []);
   const handleBack = _react.useCallback.call(void 0, () => {
-    _optionalChain([backHandlerRef, 'access', _87 => _87.current, 'optionalCall', _88 => _88()]);
+    _optionalChain([backHandlerRef, 'access', _89 => _89.current, 'optionalCall', _90 => _90()]);
   }, []);
-  const showLogo = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _89 => _89.showLogo]), () => ( false));
-  const showStepper = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _90 => _90.showStepper]), () => ( false));
-  const showBackButton = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _91 => _91.showBackButton]), () => ( true));
-  const balance = _optionalChain([uiConfig, 'optionalAccess', _92 => _92.balance]);
-  const logoUrl = _nullishCoalesce(_optionalChain([branding, 'optionalAccess', _93 => _93.logoUrl]), () => ( "https://github.com/rhinestonewtf.png"));
-  const title = _nullishCoalesce(_optionalChain([branding, 'optionalAccess', _94 => _94.title]), () => ( "Deposit"));
+  const showLogo = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _91 => _91.showLogo]), () => ( false));
+  const showStepper = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _92 => _92.showStepper]), () => ( false));
+  const showBackButton = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _93 => _93.showBackButton]), () => ( true));
+  const balance = _optionalChain([uiConfig, 'optionalAccess', _94 => _94.balance]);
+  const logoUrl = _nullishCoalesce(_optionalChain([branding, 'optionalAccess', _95 => _95.logoUrl]), () => ( "https://github.com/rhinestonewtf.png"));
+  const title = _nullishCoalesce(_optionalChain([branding, 'optionalAccess', _96 => _96.title]), () => ( "Deposit"));
   const canGoBack = currentStepIndex > 0 && currentStepIndex < 4 && backHandlerRef.current !== void 0;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _chunkLT3QKJI2cjs.Modal,

package/dist/{chunk-6PRJUXTM.mjs → chunk-NLL42V7D.mjs}

@@ -56,6 +56,7 @@ import {
 
 // src/DepositFlow.tsx
 import { useState as useState10, useCallback as useCallback3, useMemo as useMemo7, useEffect as useEffect8, useRef as useRef5 } from "react";
+import { formatUnits as formatUnits5 } from "viem";
 
 // src/components/steps/SetupStep.tsx
 import { useState, useEffect, useRef, useCallback } from "react";
@@ -1262,9 +1263,14 @@ var SOLANA_TOKENS = [
     decimals: 6
   }
 ];
-var DEFAULT_SOLANA_RPC_URL = "https://api.mainnet-beta.solana.com";
+var DEFAULT_SOLANA_RPC_URL = "https://api.mainnet.solana.com";
 var configuredSolanaRpcUrl = null;
 var cachedConnections = /* @__PURE__ */ new Map();
+function configureSolanaRpcUrl(rpcUrl) {
+  const normalized = rpcUrl?.trim();
+  configuredSolanaRpcUrl = normalized ? normalized : null;
+  cachedConnections.clear();
+}
 function getSolanaRpcUrl() {
   return configuredSolanaRpcUrl ?? DEFAULT_SOLANA_RPC_URL;
 }
@@ -2179,6 +2185,8 @@ function SolanaConfirmStep({
   solanaDepositAddress,
   token,
   amount,
+  targetAmount,
+  targetTokenPriceUsd,
   targetChain,
   targetToken,
   service,
@@ -2192,6 +2200,18 @@ function SolanaConfirmStep({
   const targetSymbol = getTokenSymbol(targetToken, targetChain);
   const isSameToken = token.symbol.toUpperCase() === targetSymbol.toUpperCase();
   const formattedAmount = amount && !Number.isNaN(Number(amount)) ? Number(amount).toLocaleString("en-US", { maximumFractionDigits: 6 }) : "0";
+  const formattedReceiveAmount = (() => {
+    if (isSameToken) return formattedAmount;
+    const dollarValue = Number(targetAmount);
+    if (!Number.isFinite(dollarValue) || dollarValue <= 0)
+      return formattedAmount;
+    if (targetTokenPriceUsd !== null && targetTokenPriceUsd > 0) {
+      const tokenAmount = dollarValue / targetTokenPriceUsd;
+      return tokenAmount.toLocaleString("en-US", { maximumFractionDigits: 6 });
+    }
+    return formattedAmount;
+  })();
+  const receiveAmount = isSameToken ? formattedReceiveAmount : `~ ${formattedReceiveAmount}`;
   const handleConfirm = async () => {
     if (!solanaProvider) {
       debugLog(debug, "solana-confirm", "submit:blocked", {
@@ -2371,7 +2391,9 @@ function SolanaConfirmStep({
                     style: { width: 16, height: 16, borderRadius: "50%" }
                   }
                 ),
-                isSameToken ? `~ ${formattedAmount} ${targetSymbol}` : `~ equivalent in ${targetSymbol}`
+                receiveAmount,
+                " ",
+                targetSymbol
               ]
             }
           )
@@ -2589,7 +2611,9 @@ function DepositFlow({
       };
     }
     if (!isConnectSelectionConfirmed || !selectedWalletId) return null;
-    const selectedOption = walletOptions.find((option) => option.id === selectedWalletId);
+    const selectedOption = walletOptions.find(
+      (option) => option.id === selectedWalletId
+    );
     if (!selectedOption) return null;
     if (selectedOption.kind === "solana") {
       if (!dappAddress) return null;
@@ -2794,12 +2818,23 @@ function DepositFlow({
         flowMode: isDepositAddressMode ? "deposit-address" : isSolanaWalletMode ? "solana-wallet" : "wallet"
       });
       if (isDepositAddressMode) {
-        setStep({ type: "deposit-address", smartAccount, solanaDepositAddress });
+        setStep({
+          type: "deposit-address",
+          smartAccount,
+          solanaDepositAddress
+        });
       } else if (isSolanaWalletMode) {
         if (solanaDepositAddress) {
-          setStep({ type: "solana-token-select", smartAccount, solanaDepositAddress });
+          setStep({
+            type: "solana-token-select",
+            smartAccount,
+            solanaDepositAddress
+          });
         } else {
-          onError?.({ message: "Solana deposit address not available. Please try again.", code: "SOLANA_SETUP_FAILED" });
+          onError?.({
+            message: "Solana deposit address not available. Please try again.",
+            code: "SOLANA_SETUP_FAILED"
+          });
         }
       } else {
         setStep({ type: "select-asset", smartAccount });
@@ -2854,24 +2889,37 @@ function DepositFlow({
   );
   const handleSolanaAmountContinue = useCallback3(
     (token, amount) => {
+      const targetSym = getTokenSymbol(targetToken, targetChain);
+      const isTargetStable = isStablecoinSymbol(targetSym);
+      const targetTokenPriceUsd = isTargetStable ? 1 : getTokenPriceUsd(targetSym);
       logFlow("solana:amount:continue", {
         token: token.symbol,
-        amount
+        amount,
+        targetSymbol: targetSym,
+        targetTokenPriceUsd
       });
       setStep((prev) => {
         if (prev.type !== "solana-amount") return prev;
+        const sourceBalance = Number(
+          formatUnits5(prev.balance, prev.token.decimals)
+        );
+        const sourceTokenPriceUsd = Number.isFinite(sourceBalance) && sourceBalance > 0 && prev.balanceUsd > 0 ? prev.balanceUsd / sourceBalance : null;
+        const parsedAmount = Number(amount);
+        const targetAmount = sourceTokenPriceUsd !== null && Number.isFinite(parsedAmount) && parsedAmount > 0 ? (parsedAmount * sourceTokenPriceUsd).toString() : amount;
         return {
           type: "solana-confirm",
           smartAccount: prev.smartAccount,
           solanaDepositAddress: prev.solanaDepositAddress,
           token,
           amount,
+          targetAmount,
+          targetTokenPriceUsd,
           balance: prev.balance,
           balanceUsd: prev.balanceUsd
         };
       });
     },
-    [logFlow]
+    [targetToken, targetChain, getTokenPriceUsd, logFlow]
   );
   const handleSolanaConfirmed = useCallback3(
     (txHash, amountUnits) => {
@@ -3189,6 +3237,8 @@ function DepositFlow({
           solanaDepositAddress: step.solanaDepositAddress,
           token: step.token,
           amount: step.amount,
+          targetAmount: step.targetAmount,
+          targetTokenPriceUsd: step.targetTokenPriceUsd,
           targetChain,
           targetToken,
           service,
@@ -3199,13 +3249,37 @@ function DepositFlow({
         }
       ) : step.type === "solana-confirm" ? /* @__PURE__ */ jsxs10("div", { className: "rs-step", children: [
         /* @__PURE__ */ jsxs10("div", { className: "rs-loading-state", children: [
-          /* @__PURE__ */ jsx10("div", { className: "rs-step-icon rs-step-icon--error", children: /* @__PURE__ */ jsx10("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx10("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z" }) }) }),
+          /* @__PURE__ */ jsx10("div", { className: "rs-step-icon rs-step-icon--error", children: /* @__PURE__ */ jsx10(
+            "svg",
+            {
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              children: /* @__PURE__ */ jsx10(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  d: "M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z"
+                }
+              )
+            }
+          ) }),
           /* @__PURE__ */ jsxs10("div", { className: "rs-loading-text", children: [
             /* @__PURE__ */ jsx10("div", { className: "rs-loading-title rs-text-error", children: "Wallet disconnected" }),
             /* @__PURE__ */ jsx10("div", { className: "rs-loading-subtitle", children: "Please reconnect your Solana wallet to continue." })
           ] })
         ] }),
-        /* @__PURE__ */ jsx10("div", { className: "rs-step-footer", children: /* @__PURE__ */ jsx10("button", { type: "button", className: "rs-button rs-button--default rs-button--full-width", onClick: handleBackFromSolanaConfirm, children: /* @__PURE__ */ jsx10("span", { children: "Go Back" }) }) })
+        /* @__PURE__ */ jsx10("div", { className: "rs-step-footer", children: /* @__PURE__ */ jsx10(
+          "button",
+          {
+            type: "button",
+            className: "rs-button rs-button--default rs-button--full-width",
+            onClick: handleBackFromSolanaConfirm,
+            children: /* @__PURE__ */ jsx10("span", { children: "Go Back" })
+          }
+        ) })
       ] }) : null,
       step.type === "processing" && /* @__PURE__ */ jsx10(
         ProcessingStep,
@@ -3336,7 +3410,7 @@ function DepositFlow({
 // src/DepositModal.tsx
 import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
 var ReownDepositInner = lazy(
-  () => import("./DepositModalReown-WS6WNWJP.mjs").then((m) => ({ default: m.DepositModalReown }))
+  () => import("./DepositModalReown-3GPEVG26.mjs").then((m) => ({ default: m.DepositModalReown }))
 );
 function DepositModal(props) {
   const needsReown = !!props.reownAppId;
@@ -3360,6 +3434,7 @@ function DepositModalInner({
   defaultAmount,
   recipient,
   backendUrl = DEFAULT_BACKEND_URL,
+  solanaRpcUrl,
   signerAddress = DEFAULT_SIGNER_ADDRESS,
   sessionChainIds,
   forceRegister = false,
@@ -3388,7 +3463,10 @@ function DepositModalInner({
   const targetChain = getChainId(targetChainProp);
   const sourceChain = sourceChainProp ? getChainId(sourceChainProp) : void 0;
   const service = useMemo8(
-    () => createDepositService(backendUrl, { debug, debugScope: "service:deposit" }),
+    () => createDepositService(backendUrl, {
+      debug,
+      debugScope: "service:deposit"
+    }),
     [backendUrl, debug]
   );
   useEffect9(() => {
@@ -3396,6 +3474,9 @@ function DepositModalInner({
       applyTheme(modalRef.current, theme);
     }
   }, [isOpen, theme]);
+  useEffect9(() => {
+    configureSolanaRpcUrl(solanaRpcUrl);
+  }, [solanaRpcUrl]);
   const hasCalledReady = useRef6(false);
   useEffect9(() => {
     if (isOpen && !hasCalledReady.current) {

package/dist/deposit.cjs

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkPTSYSG4Ucjs = require('./chunk-PTSYSG4U.cjs');
+var _chunkCDHUGROMcjs = require('./chunk-CDHUGROM.cjs');
 require('./chunk-LT3QKJI2.cjs');
 require('./chunk-NELAYNA3.cjs');
 
 
-exports.DepositModal = _chunkPTSYSG4Ucjs.DepositModal;
+exports.DepositModal = _chunkCDHUGROMcjs.DepositModal;

package/dist/deposit.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { d as DepositModalProps } from './types-CybmMKTE.cjs';
-export { A as AssetOption, a as ConnectedEventData, D as DepositCompleteEventData, b as DepositFailedEventData, c as DepositModalBranding, e as DepositModalTheme, f as DepositModalUIConfig, g as DepositSubmittedEventData, E as ErrorEventData } from './types-CybmMKTE.cjs';
+import { d as DepositModalProps } from './types-CyUiKQ4H.cjs';
+export { A as AssetOption, a as ConnectedEventData, D as DepositCompleteEventData, b as DepositFailedEventData, c as DepositModalBranding, e as DepositModalTheme, f as DepositModalUIConfig, g as DepositSubmittedEventData, E as ErrorEventData } from './types-CyUiKQ4H.cjs';
 import 'viem';
 import './safe.cjs';
 

package/dist/deposit.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { d as DepositModalProps } from './types-e8CHSm2u.js';
-export { A as AssetOption, a as ConnectedEventData, D as DepositCompleteEventData, b as DepositFailedEventData, c as DepositModalBranding, e as DepositModalTheme, f as DepositModalUIConfig, g as DepositSubmittedEventData, E as ErrorEventData } from './types-e8CHSm2u.js';
+import { d as DepositModalProps } from './types-DQG7NEBI.js';
+export { A as AssetOption, a as ConnectedEventData, D as DepositCompleteEventData, b as DepositFailedEventData, c as DepositModalBranding, e as DepositModalTheme, f as DepositModalUIConfig, g as DepositSubmittedEventData, E as ErrorEventData } from './types-DQG7NEBI.js';
 import 'viem';
 import './safe.js';
 

package/dist/deposit.mjs

@@ -1,6 +1,6 @@
 import {
   DepositModal
-} from "./chunk-6PRJUXTM.mjs";
+} from "./chunk-NLL42V7D.mjs";
 import "./chunk-QIK6ONMQ.mjs";
 import "./chunk-ZJQZEIHA.mjs";
 export {

package/dist/index.cjs

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkPTSYSG4Ucjs = require('./chunk-PTSYSG4U.cjs');
+var _chunkCDHUGROMcjs = require('./chunk-CDHUGROM.cjs');
 
 
 var _chunk37CTMJMOcjs = require('./chunk-37CTMJMO.cjs');
@@ -66,4 +66,4 @@ var _chunkNELAYNA3cjs = require('./chunk-NELAYNA3.cjs');
 
 
 
-exports.CHAIN_BY_ID = _chunkNELAYNA3cjs.CHAIN_BY_ID; exports.DEFAULT_BACKEND_URL = _chunkNELAYNA3cjs.DEFAULT_BACKEND_URL; exports.DEFAULT_SIGNER_ADDRESS = _chunkNELAYNA3cjs.DEFAULT_SIGNER_ADDRESS; exports.DepositModal = _chunkPTSYSG4Ucjs.DepositModal; exports.NATIVE_TOKEN_ADDRESS = _chunkNELAYNA3cjs.NATIVE_TOKEN_ADDRESS; exports.SOURCE_CHAINS = _chunkNELAYNA3cjs.SOURCE_CHAINS; exports.SUPPORTED_CHAINS = _chunkNELAYNA3cjs.SUPPORTED_CHAINS; exports.WithdrawModal = _chunk37CTMJMOcjs.WithdrawModal; exports.chainRegistry = _chunkNELAYNA3cjs.chainRegistry; exports.findChainIdForToken = _chunkNELAYNA3cjs.findChainIdForToken; exports.getChainBadge = _chunkNELAYNA3cjs.getChainBadge; exports.getChainIcon = _chunkNELAYNA3cjs.getChainIcon; exports.getChainId = _chunkNELAYNA3cjs.getChainId; exports.getChainName = _chunkNELAYNA3cjs.getChainName; exports.getChainObject = _chunkNELAYNA3cjs.getChainObject; exports.getExplorerName = _chunkNELAYNA3cjs.getExplorerName; exports.getExplorerTxUrl = _chunkNELAYNA3cjs.getExplorerTxUrl; exports.getExplorerUrl = _chunkNELAYNA3cjs.getExplorerUrl; exports.getSupportedChainIds = _chunkNELAYNA3cjs.getSupportedChainIds; exports.getSupportedTargetTokens = _chunkNELAYNA3cjs.getSupportedTargetTokens; exports.getSupportedTokenSymbolsForChain = _chunkNELAYNA3cjs.getSupportedTokenSymbolsForChain; exports.getTargetTokenSymbolsForChain = _chunkNELAYNA3cjs.getTargetTokenSymbolsForChain; exports.getTokenAddress = _chunkNELAYNA3cjs.getTokenAddress; exports.getTokenDecimals = _chunkNELAYNA3cjs.getTokenDecimals; exports.getTokenDecimalsByAddress = _chunkNELAYNA3cjs.getTokenDecimalsByAddress; exports.getTokenIcon = _chunkNELAYNA3cjs.getTokenIcon; exports.getTokenSymbol = _chunkNELAYNA3cjs.getTokenSymbol; exports.getUsdcAddress = _chunkNELAYNA3cjs.getUsdcAddress; exports.getUsdcDecimals = _chunkNELAYNA3cjs.getUsdcDecimals; exports.isSupportedTokenAddressForChain = _chunkNELAYNA3cjs.isSupportedTokenAddressForChain;
+exports.CHAIN_BY_ID = _chunkNELAYNA3cjs.CHAIN_BY_ID; exports.DEFAULT_BACKEND_URL = _chunkNELAYNA3cjs.DEFAULT_BACKEND_URL; exports.DEFAULT_SIGNER_ADDRESS = _chunkNELAYNA3cjs.DEFAULT_SIGNER_ADDRESS; exports.DepositModal = _chunkCDHUGROMcjs.DepositModal; exports.NATIVE_TOKEN_ADDRESS = _chunkNELAYNA3cjs.NATIVE_TOKEN_ADDRESS; exports.SOURCE_CHAINS = _chunkNELAYNA3cjs.SOURCE_CHAINS; exports.SUPPORTED_CHAINS = _chunkNELAYNA3cjs.SUPPORTED_CHAINS; exports.WithdrawModal = _chunk37CTMJMOcjs.WithdrawModal; exports.chainRegistry = _chunkNELAYNA3cjs.chainRegistry; exports.findChainIdForToken = _chunkNELAYNA3cjs.findChainIdForToken; exports.getChainBadge = _chunkNELAYNA3cjs.getChainBadge; exports.getChainIcon = _chunkNELAYNA3cjs.getChainIcon; exports.getChainId = _chunkNELAYNA3cjs.getChainId; exports.getChainName = _chunkNELAYNA3cjs.getChainName; exports.getChainObject = _chunkNELAYNA3cjs.getChainObject; exports.getExplorerName = _chunkNELAYNA3cjs.getExplorerName; exports.getExplorerTxUrl = _chunkNELAYNA3cjs.getExplorerTxUrl; exports.getExplorerUrl = _chunkNELAYNA3cjs.getExplorerUrl; exports.getSupportedChainIds = _chunkNELAYNA3cjs.getSupportedChainIds; exports.getSupportedTargetTokens = _chunkNELAYNA3cjs.getSupportedTargetTokens; exports.getSupportedTokenSymbolsForChain = _chunkNELAYNA3cjs.getSupportedTokenSymbolsForChain; exports.getTargetTokenSymbolsForChain = _chunkNELAYNA3cjs.getTargetTokenSymbolsForChain; exports.getTokenAddress = _chunkNELAYNA3cjs.getTokenAddress; exports.getTokenDecimals = _chunkNELAYNA3cjs.getTokenDecimals; exports.getTokenDecimalsByAddress = _chunkNELAYNA3cjs.getTokenDecimalsByAddress; exports.getTokenIcon = _chunkNELAYNA3cjs.getTokenIcon; exports.getTokenSymbol = _chunkNELAYNA3cjs.getTokenSymbol; exports.getUsdcAddress = _chunkNELAYNA3cjs.getUsdcAddress; exports.getUsdcDecimals = _chunkNELAYNA3cjs.getUsdcDecimals; exports.isSupportedTokenAddressForChain = _chunkNELAYNA3cjs.isSupportedTokenAddressForChain;

package/dist/index.d.cts

@@ -1,6 +1,6 @@
 export { DepositModal } from './deposit.cjs';
 export { WithdrawModal } from './withdraw.cjs';
-export { A as AssetOption, C as ChainId, a as ConnectedEventData, D as DepositCompleteEventData, b as DepositFailedEventData, c as DepositModalBranding, d as DepositModalProps, e as DepositModalTheme, f as DepositModalUIConfig, g as DepositSubmittedEventData, E as ErrorEventData, W as WithdrawCompleteEventData, h as WithdrawFailedEventData, i as WithdrawModalProps, j as WithdrawSubmittedEventData } from './types-CybmMKTE.cjs';
+export { A as AssetOption, C as ChainId, a as ConnectedEventData, D as DepositCompleteEventData, b as DepositFailedEventData, c as DepositModalBranding, d as DepositModalProps, e as DepositModalTheme, f as DepositModalUIConfig, g as DepositSubmittedEventData, E as ErrorEventData, W as WithdrawCompleteEventData, h as WithdrawFailedEventData, i as WithdrawModalProps, j as WithdrawSubmittedEventData } from './types-CyUiKQ4H.cjs';
 export { CHAIN_BY_ID, DEFAULT_BACKEND_URL, DEFAULT_SIGNER_ADDRESS, NATIVE_TOKEN_ADDRESS, SOURCE_CHAINS, SUPPORTED_CHAINS, chainRegistry, findChainIdForToken, getChainBadge, getChainIcon, getChainId, getChainName, getChainObject, getExplorerName, getExplorerTxUrl, getExplorerUrl, getSupportedChainIds, getSupportedTargetTokens, getSupportedTokenSymbolsForChain, getTargetTokenSymbolsForChain, getTokenAddress, getTokenDecimals, getTokenDecimalsByAddress, getTokenIcon, getTokenSymbol, getUsdcAddress, getUsdcDecimals, isSupportedTokenAddressForChain } from './constants.cjs';
 export { SafeTransactionRequest } from './safe.cjs';
 import 'react/jsx-runtime';

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 export { DepositModal } from './deposit.js';
 export { WithdrawModal } from './withdraw.js';
-export { A as AssetOption, C as ChainId, a as ConnectedEventData, D as DepositCompleteEventData, b as DepositFailedEventData, c as DepositModalBranding, d as DepositModalProps, e as DepositModalTheme, f as DepositModalUIConfig, g as DepositSubmittedEventData, E as ErrorEventData, W as WithdrawCompleteEventData, h as WithdrawFailedEventData, i as WithdrawModalProps, j as WithdrawSubmittedEventData } from './types-e8CHSm2u.js';
+export { A as AssetOption, C as ChainId, a as ConnectedEventData, D as DepositCompleteEventData, b as DepositFailedEventData, c as DepositModalBranding, d as DepositModalProps, e as DepositModalTheme, f as DepositModalUIConfig, g as DepositSubmittedEventData, E as ErrorEventData, W as WithdrawCompleteEventData, h as WithdrawFailedEventData, i as WithdrawModalProps, j as WithdrawSubmittedEventData } from './types-DQG7NEBI.js';
 export { CHAIN_BY_ID, DEFAULT_BACKEND_URL, DEFAULT_SIGNER_ADDRESS, NATIVE_TOKEN_ADDRESS, SOURCE_CHAINS, SUPPORTED_CHAINS, chainRegistry, findChainIdForToken, getChainBadge, getChainIcon, getChainId, getChainName, getChainObject, getExplorerName, getExplorerTxUrl, getExplorerUrl, getSupportedChainIds, getSupportedTargetTokens, getSupportedTokenSymbolsForChain, getTargetTokenSymbolsForChain, getTokenAddress, getTokenDecimals, getTokenDecimalsByAddress, getTokenIcon, getTokenSymbol, getUsdcAddress, getUsdcDecimals, isSupportedTokenAddressForChain } from './constants.js';
 export { SafeTransactionRequest } from './safe.js';
 import 'react/jsx-runtime';

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import {
   DepositModal
-} from "./chunk-6PRJUXTM.mjs";
+} from "./chunk-NLL42V7D.mjs";
 import {
   WithdrawModal
 } from "./chunk-KWAFKVV6.mjs";

package/dist/reown.cjs

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkPTSYSG4Ucjs = require('./chunk-PTSYSG4U.cjs');
+var _chunkCDHUGROMcjs = require('./chunk-CDHUGROM.cjs');
 
 
 var _chunk37CTMJMOcjs = require('./chunk-37CTMJMO.cjs');
@@ -9,4 +9,4 @@ require('./chunk-NELAYNA3.cjs');
 
 
 
-exports.DepositModal = _chunkPTSYSG4Ucjs.DepositModal; exports.WithdrawModal = _chunk37CTMJMOcjs.WithdrawModal;
+exports.DepositModal = _chunkCDHUGROMcjs.DepositModal; exports.WithdrawModal = _chunk37CTMJMOcjs.WithdrawModal;

package/dist/reown.d.cts

@@ -1,6 +1,6 @@
 export { DepositModal } from './deposit.cjs';
 export { WithdrawModal } from './withdraw.cjs';
-export { A as AssetOption, a as ConnectedEventData, D as DepositCompleteEventData, b as DepositFailedEventData, c as DepositModalBranding, d as DepositModalProps, e as DepositModalTheme, f as DepositModalUIConfig, g as DepositSubmittedEventData, E as ErrorEventData, W as WithdrawCompleteEventData, h as WithdrawFailedEventData, i as WithdrawModalProps, j as WithdrawSubmittedEventData } from './types-CybmMKTE.cjs';
+export { A as AssetOption, a as ConnectedEventData, D as DepositCompleteEventData, b as DepositFailedEventData, c as DepositModalBranding, d as DepositModalProps, e as DepositModalTheme, f as DepositModalUIConfig, g as DepositSubmittedEventData, E as ErrorEventData, W as WithdrawCompleteEventData, h as WithdrawFailedEventData, i as WithdrawModalProps, j as WithdrawSubmittedEventData } from './types-CyUiKQ4H.cjs';
 export { SafeTransactionRequest } from './safe.cjs';
 import 'react/jsx-runtime';
 import 'viem';

package/dist/reown.d.ts

@@ -1,6 +1,6 @@
 export { DepositModal } from './deposit.js';
 export { WithdrawModal } from './withdraw.js';
-export { A as AssetOption, a as ConnectedEventData, D as DepositCompleteEventData, b as DepositFailedEventData, c as DepositModalBranding, d as DepositModalProps, e as DepositModalTheme, f as DepositModalUIConfig, g as DepositSubmittedEventData, E as ErrorEventData, W as WithdrawCompleteEventData, h as WithdrawFailedEventData, i as WithdrawModalProps, j as WithdrawSubmittedEventData } from './types-e8CHSm2u.js';
+export { A as AssetOption, a as ConnectedEventData, D as DepositCompleteEventData, b as DepositFailedEventData, c as DepositModalBranding, d as DepositModalProps, e as DepositModalTheme, f as DepositModalUIConfig, g as DepositSubmittedEventData, E as ErrorEventData, W as WithdrawCompleteEventData, h as WithdrawFailedEventData, i as WithdrawModalProps, j as WithdrawSubmittedEventData } from './types-DQG7NEBI.js';
 export { SafeTransactionRequest } from './safe.js';
 import 'react/jsx-runtime';
 import 'viem';

package/dist/reown.mjs

@@ -1,6 +1,6 @@
 import {
   DepositModal
-} from "./chunk-6PRJUXTM.mjs";
+} from "./chunk-NLL42V7D.mjs";
 import {
   WithdrawModal
 } from "./chunk-KWAFKVV6.mjs";

package/dist/styles.css

@@ -1655,6 +1655,8 @@
 }
 
 .rs-amount-token-value {
+  width: 100%;
+  text-align: center;
   font-size: 14px;
   color: var(--rs-muted);
   margin-top: 2px;

package/dist/{types-CybmMKTE.d.cts → types-CyUiKQ4H.d.cts}

@@ -77,6 +77,7 @@ interface DepositModalProps {
     defaultAmount?: string;
     recipient: Address;
     backendUrl?: string;
+    solanaRpcUrl?: string;
     rhinestoneApiKey?: string;
     signerAddress?: Address;
     sessionChainIds?: number[];

package/dist/{types-e8CHSm2u.d.ts → types-DQG7NEBI.d.ts}

@@ -77,6 +77,7 @@ interface DepositModalProps {
     defaultAmount?: string;
     recipient: Address;
     backendUrl?: string;
+    solanaRpcUrl?: string;
     rhinestoneApiKey?: string;
     signerAddress?: Address;
     sessionChainIds?: number[];

package/dist/withdraw.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { i as WithdrawModalProps } from './types-CybmMKTE.cjs';
-export { A as AssetOption, a as ConnectedEventData, E as ErrorEventData, W as WithdrawCompleteEventData, h as WithdrawFailedEventData, j as WithdrawSubmittedEventData } from './types-CybmMKTE.cjs';
+import { i as WithdrawModalProps } from './types-CyUiKQ4H.cjs';
+export { A as AssetOption, a as ConnectedEventData, E as ErrorEventData, W as WithdrawCompleteEventData, h as WithdrawFailedEventData, j as WithdrawSubmittedEventData } from './types-CyUiKQ4H.cjs';
 export { SafeTransactionRequest } from './safe.cjs';
 import 'viem';
 

package/dist/withdraw.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { i as WithdrawModalProps } from './types-e8CHSm2u.js';
-export { A as AssetOption, a as ConnectedEventData, E as ErrorEventData, W as WithdrawCompleteEventData, h as WithdrawFailedEventData, j as WithdrawSubmittedEventData } from './types-e8CHSm2u.js';
+import { i as WithdrawModalProps } from './types-DQG7NEBI.js';
+export { A as AssetOption, a as ConnectedEventData, E as ErrorEventData, W as WithdrawCompleteEventData, h as WithdrawFailedEventData, j as WithdrawSubmittedEventData } from './types-DQG7NEBI.js';
 export { SafeTransactionRequest } from './safe.js';
 import 'viem';
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rhinestone/deposit-modal",
-  "version": "0.1.41",
+  "version": "0.1.42",
   "description": "React modal component for Rhinestone cross-chain deposits",
   "author": "Rhinestone <dev@rhinestone.wtf>",
   "bugs": {
@@ -65,9 +65,9 @@
     "react-dom": ">=18",
     "viem": ">=2",
     "wagmi": ">=3",
-    "@reown/appkit": ">=1",
-    "@reown/appkit-adapter-wagmi": ">=1",
-    "@reown/appkit-adapter-solana": ">=1",
+    "@reown/appkit": ">=1.6.0",
+    "@reown/appkit-adapter-wagmi": ">=1.6.0",
+    "@reown/appkit-adapter-solana": ">=1.6.0",
     "@solana/web3.js": ">=1",
     "@solana/spl-token": ">=0.4",
     "@tanstack/react-query": ">=5"
@@ -87,9 +87,9 @@
     "qrcode-generator": "^2.0.4"
   },
   "devDependencies": {
-    "@reown/appkit": "^1.8.17",
-    "@reown/appkit-adapter-solana": "^1.8.18",
-    "@reown/appkit-adapter-wagmi": "^1.8.17",
+    "@reown/appkit": "1.8.19",
+    "@reown/appkit-adapter-solana": "1.8.19",
+    "@reown/appkit-adapter-wagmi": "1.8.19",
     "@size-limit/preset-small-lib": "^12.0.0",
     "@solana/spl-token": "^0.4.14",
     "@solana/web3.js": "^1.98.4",
@@ -158,5 +158,8 @@
   "repository": {
     "type": "git",
     "url": "https://github.com/rhinestonewtf/deposit-modal"
+  },
+  "overrides": {
+    "@reown/appkit-common": "1.8.19"
   }
 }