@rhinestone/deposit-modal 0.1.31 → 0.1.32

package/dist/{chunk-MU2BOEDN.cjs → chunk-NYEWO4NW.cjs}

@@ -21,7 +21,7 @@
 
 
 
-var _chunkG2RDCQHLcjs = require('./chunk-G2RDCQHL.cjs');
+var _chunkYIHOACM3cjs = require('./chunk-YIHOACM3.cjs');
 
 
 
@@ -36,7 +36,8 @@ var _chunkG2RDCQHLcjs = require('./chunk-G2RDCQHL.cjs');
 
 
 
-var _chunkPE6OK3FHcjs = require('./chunk-PE6OK3FH.cjs');
+
+var _chunkS4UBVD3Hcjs = require('./chunk-S4UBVD3H.cjs');
 
 // src/DepositModal.tsx
 
@@ -56,15 +57,15 @@ var _react = require('react');
 
 var _jsxruntime = require('react/jsx-runtime');
 async function resolveSessionOwner(eoaAddress) {
-  const localOwner = _chunkG2RDCQHLcjs.loadSessionOwnerFromStorage.call(void 0, eoaAddress);
+  const localOwner = _chunkYIHOACM3cjs.loadSessionOwnerFromStorage.call(void 0, eoaAddress);
   if (localOwner) {
     return {
-      account: _chunkG2RDCQHLcjs.accountFromPrivateKey.call(void 0, localOwner.privateKey),
+      account: _chunkYIHOACM3cjs.accountFromPrivateKey.call(void 0, localOwner.privateKey),
       address: localOwner.address
     };
   }
-  const created = _chunkG2RDCQHLcjs.createSessionOwnerKey.call(void 0, );
-  _chunkG2RDCQHLcjs.saveSessionOwnerToStorage.call(void 0, eoaAddress, created.privateKey, created.address);
+  const created = _chunkYIHOACM3cjs.createSessionOwnerKey.call(void 0, );
+  _chunkYIHOACM3cjs.saveSessionOwnerToStorage.call(void 0, eoaAddress, created.privateKey, created.address);
   return {
     account: created.account,
     address: created.address
@@ -126,7 +127,7 @@ function SetupStep({
         primaryType: typedData.primaryType,
         message: typedData.message
       });
-      const sessionDetails = _chunkG2RDCQHLcjs.buildSessionDetails.call(void 0, setup.sessionDetailsUnsigned, signature);
+      const sessionDetails = _chunkYIHOACM3cjs.buildSessionDetails.call(void 0, setup.sessionDetailsUnsigned, signature);
       setState({ type: "registering" });
       await service.registerAccount({
         address: smartAccount,
@@ -197,7 +198,7 @@ function SetupStep({
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-step", children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-loading-state", children: [
       isLoading && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkG2RDCQHLcjs.Spinner, { className: "rs-spinner--lg rs-text-accent" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYIHOACM3cjs.Spinner, { className: "rs-spinner--lg rs-text-accent" }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-loading-text", children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-loading-title", children: renderStateMessage() }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-loading-subtitle", children: "This may take a moment" })
@@ -234,7 +235,7 @@ function SetupStep({
         ] })
       ] })
     ] }),
-    isError && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-step-footer", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkG2RDCQHLcjs.Button, { onClick: handleRetry, variant: "default", fullWidth: true, children: "Try Again" }) })
+    isError && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-step-footer", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYIHOACM3cjs.Button, { onClick: handleRetry, variant: "default", fullWidth: true, children: "Try Again" }) })
   ] });
 }
 
@@ -249,7 +250,8 @@ function AssetSelectStep({
   defaultSourceToken,
   service,
   onContinue,
-  onTotalBalanceComputed
+  onTotalBalanceComputed,
+  onAssetsLoaded
 }) {
   const [assets, setAssets] = _react.useState.call(void 0, []);
   const [selectedAssetId, setSelectedAssetId] = _react.useState.call(void 0, null);
@@ -257,7 +259,7 @@ function AssetSelectStep({
   const [error, setError] = _react.useState.call(void 0, null);
   const defaultAssetId = _react.useMemo.call(void 0, () => {
     if (!defaultSourceChain || !defaultSourceToken) return null;
-    return _chunkG2RDCQHLcjs.getAssetId.call(void 0, {
+    return _chunkYIHOACM3cjs.getAssetId.call(void 0, {
       chainId: defaultSourceChain,
       token: defaultSourceToken
     });
@@ -274,10 +276,10 @@ function AssetSelectStep({
       try {
         const portfolio = await service.fetchPortfolio(address);
         if (!active) return;
-        const portfolioAssets = _chunkG2RDCQHLcjs.portfolioToAssets.call(void 0, portfolio.tokens);
+        const portfolioAssets = _chunkYIHOACM3cjs.portfolioToAssets.call(void 0, portfolio.tokens);
         setAssets(portfolioAssets);
         const hasNative = portfolioAssets.some(
-          (asset) => asset.token.toLowerCase() === _chunkPE6OK3FHcjs.NATIVE_TOKEN_ADDRESS
+          (asset) => asset.token.toLowerCase() === _chunkS4UBVD3Hcjs.NATIVE_TOKEN_ADDRESS
         );
         if (!hasNative) {
           const nativeAssets = await fetchNativeAssets(
@@ -316,7 +318,8 @@ function AssetSelectStep({
       0
     );
     _optionalChain([onTotalBalanceComputed, 'optionalCall', _4 => _4(total)]);
-  }, [assets, onTotalBalanceComputed]);
+    if (assets.length > 0) _optionalChain([onAssetsLoaded, 'optionalCall', _5 => _5(assets)]);
+  }, [assets, onTotalBalanceComputed, onAssetsLoaded]);
   const rows = _react.useMemo.call(void 0, () => {
     return assets.filter((a) => {
       try {
@@ -342,7 +345,7 @@ function AssetSelectStep({
       const raw = _viem.formatUnits.call(void 0, BigInt(asset.balance), asset.decimals);
       const numeric = Number(raw);
       if (!Number.isFinite(numeric)) return raw;
-      return _chunkG2RDCQHLcjs.tokenFormatter.format(numeric);
+      return _chunkYIHOACM3cjs.tokenFormatter.format(numeric);
     } catch (e3) {
       return asset.balance;
     }
@@ -356,7 +359,7 @@ function AssetSelectStep({
         style: { paddingTop: 4, overflow: "auto", maxHeight: 340 },
         children: [
           loading && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-loading-state", style: { padding: "40px 12px" }, children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkG2RDCQHLcjs.Spinner, { className: "rs-text-tertiary" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYIHOACM3cjs.Spinner, { className: "rs-text-tertiary" }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-text-sm rs-text-tertiary", children: "Loading balances" })
           ] }),
           error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-alert rs-alert--error", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-alert-text", children: error }) }),
@@ -389,9 +392,9 @@ function AssetSelectStep({
           !loading && !error && rows.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-asset-list", children: rows.map((asset) => {
             const isSelected = selectedAssetId === asset.id;
             const tokenAmount = formatBalance(asset);
-            const badge = _chunkPE6OK3FHcjs.getChainBadge.call(void 0, asset.chainId);
-            const tokenIcon = _chunkPE6OK3FHcjs.getTokenIcon.call(void 0, asset.symbol);
-            const chainIcon = _chunkPE6OK3FHcjs.getChainIcon.call(void 0, asset.chainId);
+            const badge = _chunkS4UBVD3Hcjs.getChainBadge.call(void 0, asset.chainId);
+            const tokenIcon = _chunkS4UBVD3Hcjs.getTokenIcon.call(void 0, asset.symbol);
+            const chainIcon = _chunkS4UBVD3Hcjs.getChainIcon.call(void 0, asset.chainId);
             return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
               "button",
               {
@@ -415,7 +418,7 @@ function AssetSelectStep({
                         "img",
                         {
                           src: chainIcon,
-                          alt: _chunkPE6OK3FHcjs.getChainName.call(void 0, asset.chainId),
+                          alt: _chunkS4UBVD3Hcjs.getChainName.call(void 0, asset.chainId),
                           className: "rs-asset-chain-badge"
                         }
                       ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -436,7 +439,7 @@ function AssetSelectStep({
                         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-asset-chain", children: [
                           " ",
                           "on ",
-                          _chunkPE6OK3FHcjs.getChainName.call(void 0, asset.chainId)
+                          _chunkS4UBVD3Hcjs.getChainName.call(void 0, asset.chainId)
                         ] })
                       ] }),
                       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-asset-balance-small", children: [
@@ -446,7 +449,7 @@ function AssetSelectStep({
                       ] })
                     ] })
                   ] }),
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-asset-balance", children: asset.balanceUsd !== void 0 && asset.balanceUsd > 0 ? _chunkG2RDCQHLcjs.currencyFormatter.format(asset.balanceUsd) : tokenAmount !== "--" ? `${tokenAmount} ${asset.symbol}` : "--" })
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-asset-balance", children: asset.balanceUsd !== void 0 && asset.balanceUsd > 0 ? _chunkYIHOACM3cjs.currencyFormatter.format(asset.balanceUsd) : tokenAmount !== "--" ? `${tokenAmount} ${asset.symbol}` : "--" })
                 ]
               },
               asset.id
@@ -456,7 +459,7 @@ function AssetSelectStep({
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-step-footer", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkG2RDCQHLcjs.Button,
+      _chunkYIHOACM3cjs.Button,
       {
         onClick: () => selectedAsset && onContinue(selectedAsset),
         disabled: !selectedAsset,
@@ -464,17 +467,17 @@ function AssetSelectStep({
         children: "Continue"
       }
     ) }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkG2RDCQHLcjs.PoweredBy, {})
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYIHOACM3cjs.PoweredBy, {})
   ] });
 }
 async function fetchNativeAssets(address, publicClient, existing) {
   const existingIds = new Set(existing.map((asset) => asset.id));
-  const connectedChainId = _optionalChain([publicClient, 'access', _5 => _5.chain, 'optionalAccess', _6 => _6.id]);
+  const connectedChainId = _optionalChain([publicClient, 'access', _6 => _6.chain, 'optionalAccess', _7 => _7.id]);
   if (!connectedChainId) return [];
-  if (!_chunkPE6OK3FHcjs.SOURCE_CHAINS.some((chain) => chain.id === connectedChainId)) return [];
-  const id = _chunkG2RDCQHLcjs.getAssetId.call(void 0, {
+  if (!_chunkS4UBVD3Hcjs.SOURCE_CHAINS.some((chain) => chain.id === connectedChainId)) return [];
+  const id = _chunkYIHOACM3cjs.getAssetId.call(void 0, {
     chainId: connectedChainId,
-    token: _chunkPE6OK3FHcjs.NATIVE_TOKEN_ADDRESS
+    token: _chunkS4UBVD3Hcjs.NATIVE_TOKEN_ADDRESS
   });
   if (existingIds.has(id)) return [];
   try {
@@ -483,7 +486,7 @@ async function fetchNativeAssets(address, publicClient, existing) {
       {
         id,
         chainId: connectedChainId,
-        token: _chunkPE6OK3FHcjs.NATIVE_TOKEN_ADDRESS,
+        token: _chunkS4UBVD3Hcjs.NATIVE_TOKEN_ADDRESS,
         symbol: "ETH",
         name: "Ethereum",
         decimals: 18,
@@ -531,8 +534,10 @@ function AmountStep({
   const [isSwitching, setIsSwitching] = _react.useState.call(void 0, false);
   const hasAttemptedSwitch = _react.useRef.call(void 0, false);
   const chainMismatch = Boolean(
-    _optionalChain([walletClient, 'optionalAccess', _7 => _7.chain, 'optionalAccess', _8 => _8.id]) && walletClient.chain.id !== asset.chainId
+    _optionalChain([walletClient, 'optionalAccess', _8 => _8.chain, 'optionalAccess', _9 => _9.id]) && walletClient.chain.id !== asset.chainId
   );
+  const targetSymbol = _chunkS4UBVD3Hcjs.getTokenSymbol.call(void 0, targetToken, targetChain);
+  const isSourceStablecoin = _chunkS4UBVD3Hcjs.isStablecoinSymbol.call(void 0, asset.symbol);
   const tokenPriceUsd = _react.useMemo.call(void 0, () => {
     if (tokenPriceUsdOverride !== void 0 && tokenPriceUsdOverride > 0)
       return tokenPriceUsdOverride;
@@ -556,7 +561,7 @@ function AmountStep({
       const balanceTarget = _nullishCoalesce(balanceAddress, () => ( address));
       if (!balanceTarget || !publicClient) return;
       try {
-        const bal = _chunkG2RDCQHLcjs.isNativeAsset.call(void 0, asset) ? await publicClient.getBalance({ address: balanceTarget }) : await publicClient.readContract({
+        const bal = _chunkYIHOACM3cjs.isNativeAsset.call(void 0, asset) ? await publicClient.getBalance({ address: balanceTarget }) : await publicClient.readContract({
           address: asset.token,
           abi: _viem.erc20Abi,
           functionName: "balanceOf",
@@ -592,15 +597,10 @@ function AmountStep({
     if (defaultAmount && !amount) {
       const parsed = Number(defaultAmount);
       if (Number.isFinite(parsed) && parsed > 0) {
-        if (hasPricing) {
-          const usdValue = parsed * tokenPriceUsd;
-          setAmount(usdValue.toFixed(2));
-        } else {
-          setAmount(parsed.toString());
-        }
+        setAmount(parsed.toString());
       }
     }
-  }, [defaultAmount, tokenPriceUsd, hasPricing, amount]);
+  }, [defaultAmount, amount]);
   const balanceUsd = _react.useMemo.call(void 0, () => {
     if (balance === null || tokenPriceUsd === null) return null;
     try {
@@ -612,7 +612,7 @@ function AmountStep({
     }
   }, [balance, tokenPriceUsd, asset.decimals]);
   _react.useEffect.call(void 0, () => {
-    _optionalChain([onBalanceUsdChange, 'optionalCall', _9 => _9(_nullishCoalesce(balanceUsd, () => ( 0)))]);
+    _optionalChain([onBalanceUsdChange, 'optionalCall', _10 => _10(_nullishCoalesce(balanceUsd, () => ( 0)))]);
   }, [balanceUsd, onBalanceUsdChange]);
   const formattedBalance = _react.useMemo.call(void 0, () => {
     if (balance === null) return "...";
@@ -620,41 +620,29 @@ function AmountStep({
       const raw = _viem.formatUnits.call(void 0, balance, asset.decimals);
       const numeric = Number(raw);
       if (!Number.isFinite(numeric)) return raw;
-      return _chunkG2RDCQHLcjs.tokenFormatter.format(numeric);
+      return _chunkYIHOACM3cjs.tokenFormatter.format(numeric);
     } catch (e8) {
       return "...";
     }
   }, [balance, asset.decimals]);
-  const tokenAmount = _react.useMemo.call(void 0, () => {
-    if (!amount) return null;
-    if (hasPricing) {
-      const usd = Number(amount);
-      if (!Number.isFinite(usd) || usd <= 0) return null;
-      return usd / tokenPriceUsd;
-    }
-    const val = Number(amount);
-    return Number.isFinite(val) && val > 0 ? val : null;
-  }, [amount, tokenPriceUsd, hasPricing]);
-  const formattedTokenAmount = _react.useMemo.call(void 0, () => {
-    if (tokenAmount === null) return "0.00";
-    return _chunkG2RDCQHLcjs.tokenFormatter.format(tokenAmount);
-  }, [tokenAmount]);
-  const targetSymbol = _chunkPE6OK3FHcjs.getTokenSymbol.call(void 0, targetToken, targetChain);
   const handlePresetClick = (percentage) => {
     if (balance === null) return;
-    if (hasPricing && balanceUsd !== null) {
-      const value = balanceUsd * percentage / 100;
-      setAmount(value.toFixed(2));
-    } else {
-      try {
-        const balanceUnits = Number(_viem.formatUnits.call(void 0, balance, asset.decimals));
-        if (Number.isFinite(balanceUnits)) {
-          const value = balanceUnits * percentage / 100;
-          setAmount(value.toString());
-        }
-      } catch (e9) {
-        return;
+    try {
+      const balanceUnits = Number(_viem.formatUnits.call(void 0, balance, asset.decimals));
+      if (!Number.isFinite(balanceUnits)) return;
+      let value;
+      if (isSourceStablecoin || !hasPricing) {
+        value = balanceUnits * percentage / 100;
+      } else {
+        value = (_nullishCoalesce(balanceUsd, () => ( 0))) * percentage / 100;
       }
+      const maxDecimals = 3;
+      const factor = 10 ** maxDecimals;
+      const truncated = Math.floor(value * factor) / factor;
+      const formatted = truncated.toFixed(maxDecimals).replace(/\.?0+$/, "");
+      setAmount(formatted);
+    } catch (e9) {
+      return;
     }
     if (error) setError(null);
   };
@@ -664,24 +652,28 @@ function AmountStep({
       setError("Please enter a valid amount");
       return;
     }
-    let tokenAmountStr;
+    let sourceAmount;
+    if (isSourceStablecoin || !hasPricing) {
+      sourceAmount = numericAmount;
+    } else {
+      sourceAmount = numericAmount / tokenPriceUsd;
+    }
     if (hasPricing) {
-      if (_optionalChain([uiConfig, 'optionalAccess', _10 => _10.maxDepositUsd]) && numericAmount > uiConfig.maxDepositUsd) {
+      const usdValue = numericAmount;
+      if (_optionalChain([uiConfig, 'optionalAccess', _11 => _11.maxDepositUsd]) && usdValue > uiConfig.maxDepositUsd) {
         setError(
-          `Maximum deposit is ${_chunkG2RDCQHLcjs.currencyFormatter.format(uiConfig.maxDepositUsd)}`
+          `Maximum deposit is ${_chunkYIHOACM3cjs.currencyFormatter.format(uiConfig.maxDepositUsd)}`
         );
         return;
       }
-      if (_optionalChain([uiConfig, 'optionalAccess', _11 => _11.minDepositUsd]) && numericAmount < uiConfig.minDepositUsd) {
+      if (_optionalChain([uiConfig, 'optionalAccess', _12 => _12.minDepositUsd]) && usdValue < uiConfig.minDepositUsd) {
         setError(
-          `Minimum deposit is ${_chunkG2RDCQHLcjs.currencyFormatter.format(uiConfig.minDepositUsd)}`
+          `Minimum deposit is ${_chunkYIHOACM3cjs.currencyFormatter.format(uiConfig.minDepositUsd)}`
         );
         return;
       }
-      tokenAmountStr = (numericAmount / tokenPriceUsd).toString();
-    } else {
-      tokenAmountStr = numericAmount.toString();
     }
+    const tokenAmountStr = sourceAmount.toString();
     let amountInUnits;
     try {
       amountInUnits = _viem.parseUnits.call(void 0, tokenAmountStr, asset.decimals);
@@ -694,7 +686,7 @@ function AmountStep({
       return;
     }
     setError(null);
-    onContinue(tokenAmountStr, _nullishCoalesce(balance, () => ( void 0)));
+    onContinue(tokenAmountStr, amount, _nullishCoalesce(balance, () => ( void 0)));
   };
   const handleSwitch = async () => {
     if (!asset.chainId || !switchChain) return;
@@ -711,7 +703,7 @@ function AmountStep({
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-step", children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-step-body", style: { paddingTop: 0 }, children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-amount-display", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-amount-input-wrapper", children: hasPricing ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-amount-input-wrapper", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "input",
           {
             type: "text",
@@ -728,50 +720,19 @@ function AmountStep({
             },
             autoFocus: true
           }
-        ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "input",
-          {
-            type: "text",
-            inputMode: "decimal",
-            className: "rs-amount-input-large",
-            placeholder: `0.00 ${asset.symbol}`,
-            value: amount,
-            onChange: (e) => {
-              const raw = e.target.value.replace(/[^0-9.]/g, "");
-              const parts = raw.split(".");
-              if (parts.length > 2) return;
-              setAmount(raw);
-              if (error) setError(null);
-            },
-            autoFocus: true
-          }
         ) }),
-        (_nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _12 => _12.showTokenBalance]), () => ( false))) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-          hasPricing ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-amount-token-value", children: [
-            formattedTokenAmount,
+        !isSourceStablecoin && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-amount-available", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-amount-available-value", children: [
+          formattedBalance,
+          " ",
+          asset.symbol,
+          " available",
+          hasPricing && balanceUsd !== null && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { style: { color: "var(--rs-muted-foreground)" }, children: [
             " ",
-            asset.symbol
-          ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "div",
-            {
-              className: "rs-amount-token-value",
-              style: { color: "var(--rs-muted-foreground)" },
-              children: "Price unavailable"
-            }
-          ),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-amount-available", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-amount-available-value", children: [
-            formattedBalance,
-            " ",
-            asset.symbol,
-            " available",
-            hasPricing && balanceUsd !== null && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { style: { color: "var(--rs-muted-foreground)" }, children: [
-              " ",
-              "(",
-              _chunkG2RDCQHLcjs.currencyFormatter.format(balanceUsd),
-              ")"
-            ] })
-          ] }) })
-        ] })
+            "(",
+            _chunkYIHOACM3cjs.currencyFormatter.format(balanceUsd),
+            ")"
+          ] })
+        ] }) })
       ] }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "div",
@@ -782,26 +743,26 @@ function AmountStep({
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-flow-pill-label", children: "You send" }),
               /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-flow-pill-token", children: [
                 /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-flow-pill-token-icon-wrapper", children: [
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-flow-pill-token-icon", children: _chunkPE6OK3FHcjs.getTokenIcon.call(void 0, asset.symbol) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-flow-pill-token-icon", children: _chunkS4UBVD3Hcjs.getTokenIcon.call(void 0, asset.symbol) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                     "img",
                     {
-                      src: _chunkPE6OK3FHcjs.getTokenIcon.call(void 0, asset.symbol),
+                      src: _chunkS4UBVD3Hcjs.getTokenIcon.call(void 0, asset.symbol),
                       alt: asset.symbol
                     }
                   ) : asset.symbol.slice(0, 2) }),
                   (() => {
-                    const chainIcon = _chunkPE6OK3FHcjs.getChainIcon.call(void 0, asset.chainId);
+                    const chainIcon = _chunkS4UBVD3Hcjs.getChainIcon.call(void 0, asset.chainId);
                     if (chainIcon) {
                       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                         "img",
                         {
                           src: chainIcon,
-                          alt: _chunkPE6OK3FHcjs.getChainName.call(void 0, asset.chainId),
+                          alt: _chunkS4UBVD3Hcjs.getChainName.call(void 0, asset.chainId),
                           className: "rs-flow-pill-chain-badge"
                         }
                       );
                     }
-                    const badge = _chunkPE6OK3FHcjs.getChainBadge.call(void 0, asset.chainId);
+                    const badge = _chunkS4UBVD3Hcjs.getChainBadge.call(void 0, asset.chainId);
                     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                       "div",
                       {
@@ -839,26 +800,26 @@ function AmountStep({
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-flow-pill-label", children: "You receive" }),
               /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-flow-pill-token", children: [
                 /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-flow-pill-token-icon-wrapper", children: [
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-flow-pill-token-icon", children: _chunkPE6OK3FHcjs.getTokenIcon.call(void 0, targetSymbol) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-flow-pill-token-icon", children: _chunkS4UBVD3Hcjs.getTokenIcon.call(void 0, targetSymbol) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                     "img",
                     {
-                      src: _chunkPE6OK3FHcjs.getTokenIcon.call(void 0, targetSymbol),
+                      src: _chunkS4UBVD3Hcjs.getTokenIcon.call(void 0, targetSymbol),
                       alt: targetSymbol
                     }
                   ) : targetSymbol.slice(0, 2) }),
                   (() => {
-                    const chainIcon = _chunkPE6OK3FHcjs.getChainIcon.call(void 0, targetChain);
+                    const chainIcon = _chunkS4UBVD3Hcjs.getChainIcon.call(void 0, targetChain);
                     if (chainIcon) {
                       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                         "img",
                         {
                           src: chainIcon,
-                          alt: _chunkPE6OK3FHcjs.getChainName.call(void 0, targetChain),
+                          alt: _chunkS4UBVD3Hcjs.getChainName.call(void 0, targetChain),
                           className: "rs-flow-pill-chain-badge"
                         }
                       );
                     }
-                    const badge = _chunkPE6OK3FHcjs.getChainBadge.call(void 0, targetChain);
+                    const badge = _chunkS4UBVD3Hcjs.getChainBadge.call(void 0, targetChain);
                     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                       "div",
                       {
@@ -904,22 +865,13 @@ function AmountStep({
           }
         )
       ] }),
-      chainMismatch && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-chain-switch", style: { marginTop: 16 }, children: [
+      chainMismatch && !isSwitching && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-chain-switch", style: { marginTop: 16 }, children: [
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-chain-switch-text", children: [
           "Switch your wallet to ",
-          _chunkPE6OK3FHcjs.getChainName.call(void 0, asset.chainId),
+          _chunkS4UBVD3Hcjs.getChainName.call(void 0, asset.chainId),
           " to continue."
         ] }),
-        switchChain && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkG2RDCQHLcjs.Button,
-          {
-            variant: "outline",
-            size: "small",
-            loading: isSwitching,
-            onClick: handleSwitch,
-            children: "Switch"
-          }
-        )
+        switchChain && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYIHOACM3cjs.Button, { variant: "outline", size: "small", onClick: handleSwitch, children: "Switch" })
       ] }),
       error && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-amount-error", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -944,7 +896,7 @@ function AmountStep({
       ] })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-step-footer", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkG2RDCQHLcjs.Button,
+      _chunkYIHOACM3cjs.Button,
       {
         onClick: handleContinue,
         fullWidth: true,
@@ -952,7 +904,7 @@ function AmountStep({
         children: "Continue"
       }
     ) }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkG2RDCQHLcjs.PoweredBy, {})
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYIHOACM3cjs.PoweredBy, {})
   ] });
 }
 
@@ -960,7 +912,6 @@ function AmountStep({
 
 
 
-var STABLECOIN_SYMBOLS = /* @__PURE__ */ new Set(["USDC", "USDT", "DAI"]);
 function ConfirmStep({
   walletClient,
   address,
@@ -968,6 +919,8 @@ function ConfirmStep({
   recipient,
   asset,
   amount,
+  targetAmount,
+  targetTokenPriceUsd,
   balance,
   targetChain,
   targetToken,
@@ -981,52 +934,18 @@ function ConfirmStep({
   const [isSwitching, setIsSwitching] = _react.useState.call(void 0, false);
   const chainMismatch = _optionalChain([walletClient, 'optionalAccess', _13 => _13.chain, 'optionalAccess', _14 => _14.id]) && walletClient.chain.id !== asset.chainId;
   const sameRoute = targetChain === asset.chainId && targetToken.toLowerCase() === asset.token.toLowerCase();
-  const targetSymbol = sameRoute ? asset.symbol : _chunkPE6OK3FHcjs.getTokenSymbol.call(void 0, targetToken, targetChain);
-  const formattedAmount = amount && !Number.isNaN(Number(amount)) ? Number(amount).toLocaleString("en-US", { maximumFractionDigits: 6 }) : "0";
-  const tokenPriceUsd = _react.useMemo.call(void 0, () => {
-    if (asset.balanceUsd === void 0 || !asset.balance) return null;
-    try {
-      const balanceUnits = Number(
-        _viem.formatUnits.call(void 0, BigInt(asset.balance), asset.decimals)
-      );
-      if (!Number.isFinite(balanceUnits) || balanceUnits <= 0) return null;
-      return asset.balanceUsd / balanceUnits;
-    } catch (e11) {
-      return null;
+  const targetSymbol = sameRoute ? asset.symbol : _chunkS4UBVD3Hcjs.getTokenSymbol.call(void 0, targetToken, targetChain);
+  const formattedSendAmount = amount && !Number.isNaN(Number(amount)) ? Number(amount).toLocaleString("en-US", { maximumFractionDigits: 6 }) : "0";
+  const formattedReceiveAmount = (() => {
+    if (sameRoute) return formattedSendAmount;
+    const dollarValue = Number(targetAmount);
+    if (!Number.isFinite(dollarValue) || dollarValue <= 0) return formattedSendAmount;
+    if (targetTokenPriceUsd !== null && targetTokenPriceUsd > 0) {
+      const tokenAmount = dollarValue / targetTokenPriceUsd;
+      return tokenAmount.toLocaleString("en-US", { maximumFractionDigits: 6 });
     }
-  }, [asset.balanceUsd, asset.balance, asset.decimals]);
-  const amountUsd = _react.useMemo.call(void 0, () => {
-    if (!amount || tokenPriceUsd === null) return null;
-    const parsed = Number(amount);
-    if (!Number.isFinite(parsed) || parsed <= 0) return null;
-    return parsed * tokenPriceUsd;
-  }, [amount, tokenPriceUsd]);
-  const targetTokenPriceUsd = _react.useMemo.call(void 0, () => {
-    const targetSym = targetSymbol.toUpperCase();
-    const sourceSym = asset.symbol.toUpperCase();
-    if (STABLECOIN_SYMBOLS.has(targetSym)) return 1;
-    if (targetSym === sourceSym && tokenPriceUsd !== null) return tokenPriceUsd;
-    return null;
-  }, [targetSymbol, asset.symbol, tokenPriceUsd]);
-  const receiveAmountUsd = _react.useMemo.call(void 0, () => {
-    if (amountUsd === null) return null;
-    return sameRoute ? amountUsd : amountUsd * 0.99;
-  }, [amountUsd, sameRoute]);
-  const receiveTokenAmount = _react.useMemo.call(void 0, () => {
-    if (sameRoute) {
-      const parsed = Number(amount);
-      return Number.isFinite(parsed) ? parsed : null;
-    }
-    if (receiveAmountUsd === null || targetTokenPriceUsd === null || targetTokenPriceUsd === 0)
-      return null;
-    return receiveAmountUsd / targetTokenPriceUsd;
-  }, [sameRoute, amount, receiveAmountUsd, targetTokenPriceUsd]);
-  const formattedReceiveAmount = _react.useMemo.call(void 0, () => {
-    if (receiveTokenAmount === null) return formattedAmount;
-    return receiveTokenAmount.toLocaleString("en-US", {
-      maximumFractionDigits: 6
-    });
-  }, [receiveTokenAmount, formattedAmount]);
+    return formattedSendAmount;
+  })();
   const receiveAmount = sameRoute ? formattedReceiveAmount : `~ ${formattedReceiveAmount}`;
   const handleConfirm = async () => {
     if (!address || !walletClient) {
@@ -1034,7 +953,7 @@ function ConfirmStep({
       return;
     }
     if (chainMismatch) {
-      setError(`Switch to ${_chunkPE6OK3FHcjs.getChainName.call(void 0, asset.chainId)} to sign`);
+      setError(`Switch to ${_chunkS4UBVD3Hcjs.getChainName.call(void 0, asset.chainId)} to sign`);
       return;
     }
     const parsedAmount = parseFloat(amount);
@@ -1045,7 +964,7 @@ function ConfirmStep({
     let amountUnits;
     try {
       amountUnits = _viem.parseUnits.call(void 0, amount, asset.decimals);
-    } catch (e12) {
+    } catch (e11) {
       setError("Please enter a valid amount");
       return;
     }
@@ -1062,7 +981,7 @@ function ConfirmStep({
         throw new Error("Wallet not properly connected");
       }
       const transferTo = sameRoute ? recipient : smartAccount;
-      const hash = _chunkG2RDCQHLcjs.isNativeAsset.call(void 0, asset) ? await walletClient.sendTransaction({
+      const hash = _chunkYIHOACM3cjs.isNativeAsset.call(void 0, asset) ? await walletClient.sendTransaction({
         account,
         chain,
         to: transferTo,
@@ -1079,7 +998,7 @@ function ConfirmStep({
       onConfirm(hash, asset.chainId, amountUnits.toString(), asset.token);
     } catch (err) {
       const raw = err instanceof Error ? err.message : "Transfer failed";
-      const message = _chunkG2RDCQHLcjs.formatUserError.call(void 0, raw);
+      const message = _chunkYIHOACM3cjs.formatUserError.call(void 0, raw);
       setError(message);
       _optionalChain([onError, 'optionalCall', _16 => _16(message, "TRANSFER_ERROR")]);
     } finally {
@@ -1093,7 +1012,7 @@ function ConfirmStep({
       await switchChain(asset.chainId);
     } catch (err) {
       const raw = err instanceof Error ? err.message : "Failed to switch chain";
-      setError(_chunkG2RDCQHLcjs.formatUserError.call(void 0, raw));
+      setError(_chunkYIHOACM3cjs.formatUserError.call(void 0, raw));
     } finally {
       setIsSwitching(false);
     }
@@ -1110,15 +1029,15 @@ function ConfirmStep({
               className: "rs-card-value",
               style: { display: "flex", alignItems: "center", gap: 8 },
               children: [
-                _chunkPE6OK3FHcjs.getChainIcon.call(void 0, asset.chainId) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _chunkS4UBVD3Hcjs.getChainIcon.call(void 0, asset.chainId) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                   "img",
                   {
-                    src: _chunkPE6OK3FHcjs.getChainIcon.call(void 0, asset.chainId),
+                    src: _chunkS4UBVD3Hcjs.getChainIcon.call(void 0, asset.chainId),
                     alt: "",
                     style: { width: 16, height: 16, borderRadius: 3 }
                   }
                 ),
-                _chunkPE6OK3FHcjs.getChainName.call(void 0, asset.chainId)
+                _chunkS4UBVD3Hcjs.getChainName.call(void 0, asset.chainId)
               ]
             }
           )
@@ -1131,15 +1050,15 @@ function ConfirmStep({
               className: "rs-card-value",
               style: { display: "flex", alignItems: "center", gap: 8 },
               children: [
-                _chunkPE6OK3FHcjs.getChainIcon.call(void 0, targetChain) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _chunkS4UBVD3Hcjs.getChainIcon.call(void 0, targetChain) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                   "img",
                   {
-                    src: _chunkPE6OK3FHcjs.getChainIcon.call(void 0, targetChain),
+                    src: _chunkS4UBVD3Hcjs.getChainIcon.call(void 0, targetChain),
                     alt: "",
                     style: { width: 16, height: 16, borderRadius: 3 }
                   }
                 ),
-                _chunkPE6OK3FHcjs.getChainName.call(void 0, targetChain)
+                _chunkS4UBVD3Hcjs.getChainName.call(void 0, targetChain)
               ]
             }
           )
@@ -1158,15 +1077,15 @@ function ConfirmStep({
               className: "rs-card-value",
               style: { display: "flex", alignItems: "center", gap: 6 },
               children: [
-                _chunkPE6OK3FHcjs.getTokenIcon.call(void 0, asset.symbol) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _chunkS4UBVD3Hcjs.getTokenIcon.call(void 0, asset.symbol) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                   "img",
                   {
-                    src: _chunkPE6OK3FHcjs.getTokenIcon.call(void 0, asset.symbol),
+                    src: _chunkS4UBVD3Hcjs.getTokenIcon.call(void 0, asset.symbol),
                     alt: "",
                     style: { width: 16, height: 16, borderRadius: "50%" }
                   }
                 ),
-                formattedAmount,
+                formattedSendAmount,
                 " ",
                 asset.symbol
               ]
@@ -1181,10 +1100,10 @@ function ConfirmStep({
               className: "rs-card-value",
               style: { display: "flex", alignItems: "center", gap: 6 },
               children: [
-                _chunkPE6OK3FHcjs.getTokenIcon.call(void 0, targetSymbol) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _chunkS4UBVD3Hcjs.getTokenIcon.call(void 0, targetSymbol) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                   "img",
                   {
-                    src: _chunkPE6OK3FHcjs.getTokenIcon.call(void 0, targetSymbol),
+                    src: _chunkS4UBVD3Hcjs.getTokenIcon.call(void 0, targetSymbol),
                     alt: "",
                     style: { width: 16, height: 16, borderRadius: "50%" }
                   }
@@ -1195,20 +1114,16 @@ function ConfirmStep({
               ]
             }
           )
-        ] }),
-        receiveAmountUsd !== null && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-card-row", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-card-label", children: "Value" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-card-value", children: _chunkG2RDCQHLcjs.currencyFormatter.format(receiveAmountUsd) })
         ] })
       ] }),
       chainMismatch && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-chain-switch", children: [
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-chain-switch-text", children: [
           "Switch your wallet to ",
-          _chunkPE6OK3FHcjs.getChainName.call(void 0, asset.chainId),
+          _chunkS4UBVD3Hcjs.getChainName.call(void 0, asset.chainId),
           " to sign."
         ] }),
         switchChain && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkG2RDCQHLcjs.Button,
+          _chunkYIHOACM3cjs.Button,
           {
             variant: "outline",
             size: "small",
@@ -1241,7 +1156,7 @@ function ConfirmStep({
       ] })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-step-footer", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkG2RDCQHLcjs.Button,
+      _chunkYIHOACM3cjs.Button,
       {
         onClick: handleConfirm,
         loading: isSubmitting,
@@ -1250,7 +1165,7 @@ function ConfirmStep({
         children: "Confirm Order"
       }
     ) }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkG2RDCQHLcjs.PoweredBy, {})
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYIHOACM3cjs.PoweredBy, {})
   ] });
 }
 
@@ -1395,12 +1310,12 @@ function DepositAddressStep({
   onDepositDetected,
   onError
 }) {
-  const supportedChainIds = _react.useMemo.call(void 0, () => _chunkPE6OK3FHcjs.getSupportedChainIds.call(void 0, ), []);
+  const supportedChainIds = _react.useMemo.call(void 0, () => _chunkS4UBVD3Hcjs.getSupportedChainIds.call(void 0, ), []);
   const BASE_CHAIN_ID = 8453;
   const defaultChainId = supportedChainIds.includes(BASE_CHAIN_ID) ? BASE_CHAIN_ID : supportedChainIds[0];
   const [sourceChainId, setSourceChainId] = _react.useState.call(void 0, defaultChainId);
   const tokensForChain = _react.useMemo.call(void 0, 
-    () => _chunkPE6OK3FHcjs.getTargetTokenSymbolsForChain.call(void 0, sourceChainId),
+    () => _chunkS4UBVD3Hcjs.getTargetTokenSymbolsForChain.call(void 0, sourceChainId),
     [sourceChainId]
   );
   const defaultToken = tokensForChain.includes("USDC") ? "USDC" : _nullishCoalesce(tokensForChain[0], () => ( "USDC"));
@@ -1430,7 +1345,7 @@ function DepositAddressStep({
       await navigator.clipboard.writeText(smartAccount);
       setCopied(true);
       setTimeout(() => setCopied(false), 2e3);
-    } catch (e13) {
+    } catch (e12) {
       const textarea = document.createElement("textarea");
       textarea.value = smartAccount;
       textarea.style.position = "fixed";
@@ -1455,7 +1370,7 @@ function DepositAddressStep({
         const status = await service.fetchLatestStatus(smartAccount);
         if (cancelled || depositHandledRef.current) return;
         const event = status.lastEvent;
-        const eventTxHash = _chunkG2RDCQHLcjs.isDepositEvent.call(void 0, event) ? _nullishCoalesce(_optionalChain([_chunkG2RDCQHLcjs.getEventTxHash.call(void 0, event), 'optionalAccess', _20 => _20.toLowerCase, 'call', _21 => _21()]), () => ( null)) : null;
+        const eventTxHash = _chunkYIHOACM3cjs.isDepositEvent.call(void 0, event) ? _nullishCoalesce(_optionalChain([_chunkYIHOACM3cjs.getEventTxHash.call(void 0, event), 'optionalAccess', _20 => _20.toLowerCase, 'call', _21 => _21()]), () => ( null)) : null;
         if (baselineTxHash === void 0) {
           baselineTxHash = eventTxHash;
         } else if (eventTxHash && eventTxHash !== baselineTxHash) {
@@ -1463,7 +1378,7 @@ function DepositAddressStep({
           const fallback = sourceSelectionRef.current;
           const chainId = _nullishCoalesce(details.chainId, () => ( fallback.chainId));
           const amount = _nullishCoalesce(details.amount, () => ( "0"));
-          const token = _nullishCoalesce(details.token, () => ( _chunkPE6OK3FHcjs.getTokenAddress.call(void 0, fallback.tokenSymbol, fallback.chainId)));
+          const token = _nullishCoalesce(details.token, () => ( _chunkS4UBVD3Hcjs.getTokenAddress.call(void 0, fallback.tokenSymbol, fallback.chainId)));
           if (token) {
             depositHandledRef.current = true;
             onDepositDetected(eventTxHash, chainId, amount, token);
@@ -1488,7 +1403,7 @@ function DepositAddressStep({
       clearTimeout(timeoutId);
     };
   }, [smartAccount, service, onDepositDetected, onError]);
-  const chainIconSrc = _chunkPE6OK3FHcjs.getChainIcon.call(void 0, sourceChainId);
+  const chainIconSrc = _chunkS4UBVD3Hcjs.getChainIcon.call(void 0, sourceChainId);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-step", children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-step-body", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-deposit-address", children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-deposit-address-selectors", children: [
@@ -1504,10 +1419,10 @@ function DepositAddressStep({
                 setChainDropdownOpen(false);
               },
               children: [
-                _chunkPE6OK3FHcjs.getTokenIcon.call(void 0, sourceTokenSymbol) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _chunkS4UBVD3Hcjs.getTokenIcon.call(void 0, sourceTokenSymbol) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                   "img",
                   {
-                    src: _chunkPE6OK3FHcjs.getTokenIcon.call(void 0, sourceTokenSymbol),
+                    src: _chunkS4UBVD3Hcjs.getTokenIcon.call(void 0, sourceTokenSymbol),
                     alt: "",
                     className: "rs-deposit-address-dropdown-icon"
                   }
@@ -1544,10 +1459,10 @@ function DepositAddressStep({
                 setTokenDropdownOpen(false);
               },
               children: [
-                _chunkPE6OK3FHcjs.getTokenIcon.call(void 0, symbol) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _chunkS4UBVD3Hcjs.getTokenIcon.call(void 0, symbol) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                   "img",
                   {
-                    src: _chunkPE6OK3FHcjs.getTokenIcon.call(void 0, symbol),
+                    src: _chunkS4UBVD3Hcjs.getTokenIcon.call(void 0, symbol),
                     alt: "",
                     className: "rs-deposit-address-dropdown-icon"
                   }
@@ -1570,15 +1485,15 @@ function DepositAddressStep({
                 setTokenDropdownOpen(false);
               },
               children: [
-                _chunkPE6OK3FHcjs.getChainIcon.call(void 0, sourceChainId) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _chunkS4UBVD3Hcjs.getChainIcon.call(void 0, sourceChainId) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                   "img",
                   {
-                    src: _chunkPE6OK3FHcjs.getChainIcon.call(void 0, sourceChainId),
+                    src: _chunkS4UBVD3Hcjs.getChainIcon.call(void 0, sourceChainId),
                     alt: "",
                     className: "rs-deposit-address-dropdown-icon"
                   }
                 ),
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: _chunkPE6OK3FHcjs.getChainName.call(void 0, sourceChainId) }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: _chunkS4UBVD3Hcjs.getChainName.call(void 0, sourceChainId) }),
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                   "svg",
                   {
@@ -1610,15 +1525,15 @@ function DepositAddressStep({
                 setChainDropdownOpen(false);
               },
               children: [
-                _chunkPE6OK3FHcjs.getChainIcon.call(void 0, chainId) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _chunkS4UBVD3Hcjs.getChainIcon.call(void 0, chainId) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                   "img",
                   {
-                    src: _chunkPE6OK3FHcjs.getChainIcon.call(void 0, chainId),
+                    src: _chunkS4UBVD3Hcjs.getChainIcon.call(void 0, chainId),
                     alt: "",
                     className: "rs-deposit-address-dropdown-icon"
                   }
                 ),
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: _chunkPE6OK3FHcjs.getChainName.call(void 0, chainId) })
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: _chunkS4UBVD3Hcjs.getChainName.call(void 0, chainId) })
               ]
             },
             chainId
@@ -1668,7 +1583,7 @@ function DepositAddressStep({
       ] }),
       pollingError && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-deposit-address-error", children: pollingError })
     ] }) }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkG2RDCQHLcjs.PoweredBy, {})
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYIHOACM3cjs.PoweredBy, {})
   ] });
 }
 DepositAddressStep.displayName = "DepositAddressStep";
@@ -1689,12 +1604,13 @@ function DepositFlow({
   sourceToken: defaultSourceToken,
   amount: defaultAmount,
   recipient,
-  signerAddress = _chunkPE6OK3FHcjs.DEFAULT_SIGNER_ADDRESS,
+  signerAddress = _chunkS4UBVD3Hcjs.DEFAULT_SIGNER_ADDRESS,
   sessionChainIds,
   forceRegister = false,
   waitForFinalTx = true,
   reownWallet,
   onConnect,
+  onDisconnect,
   onRequestConnect,
   connectButtonLabel,
   uiConfig,
@@ -1713,6 +1629,23 @@ function DepositFlow({
   const [totalBalanceUsd, setTotalBalanceUsd] = _react.useState.call(void 0, 0);
   const [isConnectSelectionConfirmed, setIsConnectSelectionConfirmed] = _react.useState.call(void 0, false);
   const [selectedConnectAddress, setSelectedConnectAddress] = _react.useState.call(void 0, null);
+  const portfolioAssetsRef = _react.useRef.call(void 0, []);
+  const handleAssetsLoaded = _react.useCallback.call(void 0, (assets) => {
+    portfolioAssetsRef.current = assets;
+  }, []);
+  const getTokenPriceUsd = _react.useCallback.call(void 0, (symbol) => {
+    const sym = symbol.toLowerCase();
+    for (const asset of portfolioAssetsRef.current) {
+      if (asset.symbol.toLowerCase() === sym && asset.balanceUsd && asset.balance) {
+        try {
+          const balanceUnits = Number(asset.balance) / 10 ** asset.decimals;
+          if (balanceUnits > 0) return asset.balanceUsd / balanceUnits;
+        } catch (e13) {
+        }
+      }
+    }
+    return null;
+  }, []);
   const dappSwitchChain = _react.useMemo.call(void 0, () => {
     if (!_optionalChain([dappWalletClient, 'optionalAccess', _23 => _23.switchChain])) return void 0;
     return async (chainId) => {
@@ -1755,7 +1688,7 @@ function DepositFlow({
       return {
         ownerAddress: dappAddress,
         walletClient: void 0,
-        publicClient: _nullishCoalesce(dappPublicClient, () => ( _chunkG2RDCQHLcjs.getPublicClient.call(void 0, targetChain))),
+        publicClient: _nullishCoalesce(dappPublicClient, () => ( _chunkYIHOACM3cjs.getPublicClient.call(void 0, targetChain))),
         switchChain: void 0
       };
     }
@@ -1764,7 +1697,7 @@ function DepositFlow({
       return {
         ownerAddress: dappWalletClient.account.address,
         walletClient: dappWalletClient,
-        publicClient: _nullishCoalesce(dappPublicClient, () => ( _chunkG2RDCQHLcjs.getPublicClient.call(void 0, fallbackChainId))),
+        publicClient: _nullishCoalesce(dappPublicClient, () => ( _chunkYIHOACM3cjs.getPublicClient.call(void 0, fallbackChainId))),
         switchChain: dappSwitchChain
       };
     }
@@ -1774,7 +1707,7 @@ function DepositFlow({
       return {
         ownerAddress: dappWalletClient.account.address,
         walletClient: dappWalletClient,
-        publicClient: _nullishCoalesce(dappPublicClient, () => ( _chunkG2RDCQHLcjs.getPublicClient.call(void 0, fallbackChainId))),
+        publicClient: _nullishCoalesce(dappPublicClient, () => ( _chunkYIHOACM3cjs.getPublicClient.call(void 0, fallbackChainId))),
         switchChain: dappSwitchChain
       };
     }
@@ -1836,8 +1769,7 @@ function DepositFlow({
       return {
         type: "amount",
         smartAccount: prev.smartAccount,
-        asset: prev.asset,
-        amount: prev.amount
+        asset: prev.asset
       };
     });
   }, []);
@@ -1910,7 +1842,10 @@ function DepositFlow({
     [defaultAmount]
   );
   const handleAmountContinue = _react.useCallback.call(void 0, 
-    (amount, balance) => {
+    (amount, targetAmount, balance) => {
+      const targetSym = _chunkS4UBVD3Hcjs.getTokenSymbol.call(void 0, targetToken, targetChain);
+      const isTargetStable = _chunkS4UBVD3Hcjs.isStablecoinSymbol.call(void 0, targetSym);
+      const targetTokenPriceUsd = isTargetStable ? 1 : getTokenPriceUsd(targetSym);
       setStep((prev) => {
         if (prev.type !== "amount") return prev;
         return {
@@ -1918,11 +1853,13 @@ function DepositFlow({
           smartAccount: prev.smartAccount,
           asset: prev.asset,
           amount,
+          targetAmount,
+          targetTokenPriceUsd,
           balance
         };
       });
     },
-    []
+    [targetToken, targetChain, getTokenPriceUsd]
   );
   const handleDepositSubmitted = _react.useCallback.call(void 0, 
     (txHash, chainId, amount, token) => {
@@ -2011,7 +1948,7 @@ function DepositFlow({
   ]);
   if (showConnectStep) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-modal-body", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkG2RDCQHLcjs.ConnectStep,
+      _chunkYIHOACM3cjs.ConnectStep,
       {
         walletOptions,
         selectedAddress: selectedConnectAddressEffective,
@@ -2022,6 +1959,7 @@ function DepositFlow({
         } : void 0,
         onRequestConnect,
         onConnect,
+        onDisconnect,
         onContinue: () => {
           if (selectedConnectAddressEffective) {
             setSelectedConnectAddress(selectedConnectAddressEffective);
@@ -2062,14 +2000,13 @@ function DepositFlow({
         }
       ),
       step.type === "processing" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkG2RDCQHLcjs.ProcessingStep,
+        _chunkYIHOACM3cjs.ProcessingStep,
         {
           smartAccount: step.smartAccount,
           txHash: step.txHash,
           sourceChain: step.sourceChain,
           sourceToken: step.sourceToken,
           targetChain,
-          targetToken,
           amount: step.amount,
           waitForFinalTx,
           service,
@@ -2093,7 +2030,7 @@ function DepositFlow({
     if (_optionalChain([signerContext, 'access', _57 => _57.publicClient, 'access', _58 => _58.chain, 'optionalAccess', _59 => _59.id]) === chainId) {
       return signerContext.publicClient;
     }
-    return _chunkG2RDCQHLcjs.getPublicClient.call(void 0, chainId);
+    return _chunkYIHOACM3cjs.getPublicClient.call(void 0, chainId);
   };
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-modal-body", children: [
     step.type === "setup" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -2122,7 +2059,8 @@ function DepositFlow({
         defaultSourceToken,
         service,
         onContinue: handleAssetContinue,
-        onTotalBalanceComputed: handleTotalBalanceComputed
+        onTotalBalanceComputed: handleTotalBalanceComputed,
+        onAssetsLoaded: handleAssetsLoaded
       }
     ),
     step.type === "amount" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -2149,6 +2087,8 @@ function DepositFlow({
         recipient,
         asset: step.asset,
         amount: step.amount,
+        targetAmount: step.targetAmount,
+        targetTokenPriceUsd: step.targetTokenPriceUsd,
         balance: step.balance,
         targetChain,
         targetToken,
@@ -2159,14 +2099,13 @@ function DepositFlow({
       }
     ),
     step.type === "processing" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkG2RDCQHLcjs.ProcessingStep,
+      _chunkYIHOACM3cjs.ProcessingStep,
       {
         smartAccount: step.smartAccount,
         txHash: step.txHash,
         sourceChain: step.sourceChain,
         sourceToken: step.sourceToken,
         targetChain,
-        targetToken,
         amount: step.amount,
         waitForFinalTx,
         service,
@@ -2184,7 +2123,7 @@ function DepositFlow({
 // src/DepositModal.tsx
 
 var ReownDepositInner = _react.lazy.call(void 0, 
-  () => Promise.resolve().then(() => _interopRequireWildcard(require("./DepositModalReown-N7GCYZF7.cjs"))).then((m) => ({ default: m.DepositModalReown }))
+  () => Promise.resolve().then(() => _interopRequireWildcard(require("./DepositModalReown-XUAEWIW7.cjs"))).then((m) => ({ default: m.DepositModalReown }))
 );
 function DepositModal(props) {
   const needsReown = !!props.reownAppId;
@@ -2207,13 +2146,14 @@ function DepositModalInner({
   sourceToken,
   defaultAmount,
   recipient,
-  backendUrl = _chunkPE6OK3FHcjs.DEFAULT_BACKEND_URL,
-  signerAddress = _chunkPE6OK3FHcjs.DEFAULT_SIGNER_ADDRESS,
+  backendUrl = _chunkS4UBVD3Hcjs.DEFAULT_BACKEND_URL,
+  signerAddress = _chunkS4UBVD3Hcjs.DEFAULT_SIGNER_ADDRESS,
   sessionChainIds,
   forceRegister = false,
   waitForFinalTx = true,
   reownWallet,
   onConnect,
+  onDisconnect,
   onRequestConnect,
   connectButtonLabel,
   theme,
@@ -2232,12 +2172,12 @@ function DepositModalInner({
   const [currentStepIndex, setCurrentStepIndex] = _react.useState.call(void 0, 0);
   const [totalBalanceUsd, setTotalBalanceUsd] = _react.useState.call(void 0, null);
   const backHandlerRef = _react.useRef.call(void 0, void 0);
-  const targetChain = _chunkPE6OK3FHcjs.getChainId.call(void 0, targetChainProp);
-  const sourceChain = sourceChainProp ? _chunkPE6OK3FHcjs.getChainId.call(void 0, sourceChainProp) : void 0;
-  const service = _react.useMemo.call(void 0, () => _chunkG2RDCQHLcjs.createDepositService.call(void 0, backendUrl), [backendUrl]);
+  const targetChain = _chunkS4UBVD3Hcjs.getChainId.call(void 0, targetChainProp);
+  const sourceChain = sourceChainProp ? _chunkS4UBVD3Hcjs.getChainId.call(void 0, sourceChainProp) : void 0;
+  const service = _react.useMemo.call(void 0, () => _chunkYIHOACM3cjs.createDepositService.call(void 0, backendUrl), [backendUrl]);
   _react.useEffect.call(void 0, () => {
     if (isOpen && modalRef.current) {
-      _chunkG2RDCQHLcjs.applyTheme.call(void 0, modalRef.current, theme);
+      _chunkYIHOACM3cjs.applyTheme.call(void 0, modalRef.current, theme);
     }
   }, [isOpen, theme]);
   const hasCalledReady = _react.useRef.call(void 0, false);
@@ -2273,7 +2213,7 @@ function DepositModalInner({
   const title = _nullishCoalesce(_optionalChain([branding, 'optionalAccess', _68 => _68.title]), () => ( "Deposit"));
   const canGoBack = currentStepIndex > 0 && currentStepIndex < 4 && backHandlerRef.current !== void 0;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkG2RDCQHLcjs.Modal,
+    _chunkYIHOACM3cjs.Modal,
     {
       isOpen,
       onClose,
@@ -2334,7 +2274,7 @@ function DepositModalInner({
                 balance.title,
                 ":"
               ] }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-modal-header-balance-value", children: _nullishCoalesce(balance.amount, () => ( (totalBalanceUsd !== null ? _chunkG2RDCQHLcjs.currencyFormatter.format(totalBalanceUsd) : null))) })
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-modal-header-balance-value", children: _nullishCoalesce(balance.amount, () => ( (totalBalanceUsd !== null ? _chunkYIHOACM3cjs.currencyFormatter.format(totalBalanceUsd) : null))) })
             ] })
           ] }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-modal-header-nav-right", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -2383,6 +2323,7 @@ function DepositModalInner({
             waitForFinalTx,
             reownWallet,
             onConnect,
+            onDisconnect,
             onRequestConnect,
             connectButtonLabel,
             uiConfig,