@rhinestone/deposit-modal 0.1.29 → 0.1.31

package/dist/{chunk-5QJNOPNF.cjs → chunk-MU2BOEDN.cjs}

@@ -21,7 +21,7 @@
 
 
 
-var _chunk7ZCUANBTcjs = require('./chunk-7ZCUANBT.cjs');
+var _chunkG2RDCQHLcjs = require('./chunk-G2RDCQHL.cjs');
 
 
 
@@ -36,7 +36,7 @@ var _chunk7ZCUANBTcjs = require('./chunk-7ZCUANBT.cjs');
 
 
 
-var _chunkDLYVHOMEcjs = require('./chunk-DLYVHOME.cjs');
+var _chunkPE6OK3FHcjs = require('./chunk-PE6OK3FH.cjs');
 
 // src/DepositModal.tsx
 
@@ -56,15 +56,15 @@ var _react = require('react');
 
 var _jsxruntime = require('react/jsx-runtime');
 async function resolveSessionOwner(eoaAddress) {
-  const localOwner = _chunk7ZCUANBTcjs.loadSessionOwnerFromStorage.call(void 0, eoaAddress);
+  const localOwner = _chunkG2RDCQHLcjs.loadSessionOwnerFromStorage.call(void 0, eoaAddress);
   if (localOwner) {
     return {
-      account: _chunk7ZCUANBTcjs.accountFromPrivateKey.call(void 0, localOwner.privateKey),
+      account: _chunkG2RDCQHLcjs.accountFromPrivateKey.call(void 0, localOwner.privateKey),
       address: localOwner.address
     };
   }
-  const created = _chunk7ZCUANBTcjs.createSessionOwnerKey.call(void 0, );
-  _chunk7ZCUANBTcjs.saveSessionOwnerToStorage.call(void 0, eoaAddress, created.privateKey, created.address);
+  const created = _chunkG2RDCQHLcjs.createSessionOwnerKey.call(void 0, );
+  _chunkG2RDCQHLcjs.saveSessionOwnerToStorage.call(void 0, eoaAddress, created.privateKey, created.address);
   return {
     account: created.account,
     address: created.address
@@ -126,7 +126,7 @@ function SetupStep({
         primaryType: typedData.primaryType,
         message: typedData.message
       });
-      const sessionDetails = _chunk7ZCUANBTcjs.buildSessionDetails.call(void 0, setup.sessionDetailsUnsigned, signature);
+      const sessionDetails = _chunkG2RDCQHLcjs.buildSessionDetails.call(void 0, setup.sessionDetailsUnsigned, signature);
       setState({ type: "registering" });
       await service.registerAccount({
         address: smartAccount,
@@ -197,7 +197,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, _chunk7ZCUANBTcjs.Spinner, { className: "rs-spinner--lg rs-text-accent" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkG2RDCQHLcjs.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 +234,7 @@ function SetupStep({
         ] })
       ] })
     ] }),
-    isError && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-step-footer", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7ZCUANBTcjs.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, _chunkG2RDCQHLcjs.Button, { onClick: handleRetry, variant: "default", fullWidth: true, children: "Try Again" }) })
   ] });
 }
 
@@ -257,7 +257,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 _chunk7ZCUANBTcjs.getAssetId.call(void 0, {
+    return _chunkG2RDCQHLcjs.getAssetId.call(void 0, {
       chainId: defaultSourceChain,
       token: defaultSourceToken
     });
@@ -274,10 +274,10 @@ function AssetSelectStep({
       try {
         const portfolio = await service.fetchPortfolio(address);
         if (!active) return;
-        const portfolioAssets = _chunk7ZCUANBTcjs.portfolioToAssets.call(void 0, portfolio.tokens);
+        const portfolioAssets = _chunkG2RDCQHLcjs.portfolioToAssets.call(void 0, portfolio.tokens);
         setAssets(portfolioAssets);
         const hasNative = portfolioAssets.some(
-          (asset) => asset.token.toLowerCase() === _chunkDLYVHOMEcjs.NATIVE_TOKEN_ADDRESS
+          (asset) => asset.token.toLowerCase() === _chunkPE6OK3FHcjs.NATIVE_TOKEN_ADDRESS
         );
         if (!hasNative) {
           const nativeAssets = await fetchNativeAssets(
@@ -342,7 +342,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 _chunk7ZCUANBTcjs.tokenFormatter.format(numeric);
+      return _chunkG2RDCQHLcjs.tokenFormatter.format(numeric);
     } catch (e3) {
       return asset.balance;
     }
@@ -356,7 +356,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, _chunk7ZCUANBTcjs.Spinner, { className: "rs-text-tertiary" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkG2RDCQHLcjs.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 +389,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 = _chunkDLYVHOMEcjs.getChainBadge.call(void 0, asset.chainId);
-            const tokenIcon = _chunkDLYVHOMEcjs.getTokenIcon.call(void 0, asset.symbol);
-            const chainIcon = _chunkDLYVHOMEcjs.getChainIcon.call(void 0, asset.chainId);
+            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);
             return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
               "button",
               {
@@ -415,7 +415,7 @@ function AssetSelectStep({
                         "img",
                         {
                           src: chainIcon,
-                          alt: _chunkDLYVHOMEcjs.getChainName.call(void 0, asset.chainId),
+                          alt: _chunkPE6OK3FHcjs.getChainName.call(void 0, asset.chainId),
                           className: "rs-asset-chain-badge"
                         }
                       ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -436,7 +436,7 @@ function AssetSelectStep({
                         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-asset-chain", children: [
                           " ",
                           "on ",
-                          _chunkDLYVHOMEcjs.getChainName.call(void 0, asset.chainId)
+                          _chunkPE6OK3FHcjs.getChainName.call(void 0, asset.chainId)
                         ] })
                       ] }),
                       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-asset-balance-small", children: [
@@ -446,7 +446,7 @@ function AssetSelectStep({
                       ] })
                     ] })
                   ] }),
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-asset-balance", children: asset.balanceUsd !== void 0 ? _chunk7ZCUANBTcjs.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 ? _chunkG2RDCQHLcjs.currencyFormatter.format(asset.balanceUsd) : tokenAmount !== "--" ? `${tokenAmount} ${asset.symbol}` : "--" })
                 ]
               },
               asset.id
@@ -456,7 +456,7 @@ function AssetSelectStep({
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-step-footer", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk7ZCUANBTcjs.Button,
+      _chunkG2RDCQHLcjs.Button,
       {
         onClick: () => selectedAsset && onContinue(selectedAsset),
         disabled: !selectedAsset,
@@ -464,17 +464,17 @@ function AssetSelectStep({
         children: "Continue"
       }
     ) }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7ZCUANBTcjs.PoweredBy, {})
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkG2RDCQHLcjs.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]);
   if (!connectedChainId) return [];
-  if (!_chunkDLYVHOMEcjs.SOURCE_CHAINS.some((chain) => chain.id === connectedChainId)) return [];
-  const id = _chunk7ZCUANBTcjs.getAssetId.call(void 0, {
+  if (!_chunkPE6OK3FHcjs.SOURCE_CHAINS.some((chain) => chain.id === connectedChainId)) return [];
+  const id = _chunkG2RDCQHLcjs.getAssetId.call(void 0, {
     chainId: connectedChainId,
-    token: _chunkDLYVHOMEcjs.NATIVE_TOKEN_ADDRESS
+    token: _chunkPE6OK3FHcjs.NATIVE_TOKEN_ADDRESS
   });
   if (existingIds.has(id)) return [];
   try {
@@ -483,7 +483,7 @@ async function fetchNativeAssets(address, publicClient, existing) {
       {
         id,
         chainId: connectedChainId,
-        token: _chunkDLYVHOMEcjs.NATIVE_TOKEN_ADDRESS,
+        token: _chunkPE6OK3FHcjs.NATIVE_TOKEN_ADDRESS,
         symbol: "ETH",
         name: "Ethereum",
         decimals: 18,
@@ -525,7 +525,7 @@ function AmountStep({
   onBalanceUsdChange,
   onContinue
 }) {
-  const [amountUsd, setAmountUsd] = _react.useState.call(void 0, "");
+  const [amount, setAmount] = _react.useState.call(void 0, "");
   const [balance, setBalance] = _react.useState.call(void 0, null);
   const [error, setError] = _react.useState.call(void 0, null);
   const [isSwitching, setIsSwitching] = _react.useState.call(void 0, false);
@@ -534,25 +534,29 @@ function AmountStep({
     _optionalChain([walletClient, 'optionalAccess', _7 => _7.chain, 'optionalAccess', _8 => _8.id]) && walletClient.chain.id !== asset.chainId
   );
   const tokenPriceUsd = _react.useMemo.call(void 0, () => {
-    if (tokenPriceUsdOverride !== void 0) return tokenPriceUsdOverride;
-    if (asset.balanceUsd === void 0 || !asset.balance) return null;
+    if (tokenPriceUsdOverride !== void 0 && tokenPriceUsdOverride > 0)
+      return tokenPriceUsdOverride;
+    if (asset.balanceUsd === void 0 || !asset.balanceUsd || !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;
+      const price = asset.balanceUsd / balanceUnits;
+      return price > 0 ? price : null;
     } catch (e5) {
       return null;
     }
   }, [tokenPriceUsdOverride, asset.balanceUsd, asset.balance, asset.decimals]);
+  const hasPricing = tokenPriceUsd !== null;
   _react.useEffect.call(void 0, () => {
     let active = true;
     async function fetchBalance() {
       const balanceTarget = _nullishCoalesce(balanceAddress, () => ( address));
       if (!balanceTarget || !publicClient) return;
       try {
-        const bal = _chunk7ZCUANBTcjs.isNativeAsset.call(void 0, asset) ? await publicClient.getBalance({ address: balanceTarget }) : await publicClient.readContract({
+        const bal = _chunkG2RDCQHLcjs.isNativeAsset.call(void 0, asset) ? await publicClient.getBalance({ address: balanceTarget }) : await publicClient.readContract({
           address: asset.token,
           abi: _viem.erc20Abi,
           functionName: "balanceOf",
@@ -585,14 +589,18 @@ function AmountStep({
     }
   }, [chainMismatch, switchChain, asset.chainId]);
   _react.useEffect.call(void 0, () => {
-    if (defaultAmount && tokenPriceUsd !== null && !amountUsd) {
+    if (defaultAmount && !amount) {
       const parsed = Number(defaultAmount);
       if (Number.isFinite(parsed) && parsed > 0) {
-        const usdValue = parsed * tokenPriceUsd;
-        setAmountUsd(usdValue.toFixed(2));
+        if (hasPricing) {
+          const usdValue = parsed * tokenPriceUsd;
+          setAmount(usdValue.toFixed(2));
+        } else {
+          setAmount(parsed.toString());
+        }
       }
     }
-  }, [defaultAmount, tokenPriceUsd, amountUsd]);
+  }, [defaultAmount, tokenPriceUsd, hasPricing, amount]);
   const balanceUsd = _react.useMemo.call(void 0, () => {
     if (balance === null || tokenPriceUsd === null) return null;
     try {
@@ -604,8 +612,7 @@ function AmountStep({
     }
   }, [balance, tokenPriceUsd, asset.decimals]);
   _react.useEffect.call(void 0, () => {
-    if (balanceUsd === null) return;
-    _optionalChain([onBalanceUsdChange, 'optionalCall', _9 => _9(balanceUsd)]);
+    _optionalChain([onBalanceUsdChange, 'optionalCall', _9 => _9(_nullishCoalesce(balanceUsd, () => ( 0)))]);
   }, [balanceUsd, onBalanceUsdChange]);
   const formattedBalance = _react.useMemo.call(void 0, () => {
     if (balance === null) return "...";
@@ -613,63 +620,78 @@ function AmountStep({
       const raw = _viem.formatUnits.call(void 0, balance, asset.decimals);
       const numeric = Number(raw);
       if (!Number.isFinite(numeric)) return raw;
-      return _chunk7ZCUANBTcjs.tokenFormatter.format(numeric);
+      return _chunkG2RDCQHLcjs.tokenFormatter.format(numeric);
     } catch (e8) {
       return "...";
     }
   }, [balance, asset.decimals]);
   const tokenAmount = _react.useMemo.call(void 0, () => {
-    if (!amountUsd || tokenPriceUsd === null || tokenPriceUsd === 0)
-      return null;
-    const usd = Number(amountUsd);
-    if (!Number.isFinite(usd) || usd <= 0) return null;
-    return usd / tokenPriceUsd;
-  }, [amountUsd, tokenPriceUsd]);
+    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 _chunk7ZCUANBTcjs.tokenFormatter.format(tokenAmount);
+    return _chunkG2RDCQHLcjs.tokenFormatter.format(tokenAmount);
   }, [tokenAmount]);
-  const targetSymbol = _chunkDLYVHOMEcjs.getTokenSymbol.call(void 0, targetToken, targetChain);
+  const targetSymbol = _chunkPE6OK3FHcjs.getTokenSymbol.call(void 0, targetToken, targetChain);
   const handlePresetClick = (percentage) => {
-    if (balanceUsd === null) return;
-    const value = balanceUsd * percentage / 100;
-    setAmountUsd(value.toFixed(2));
+    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;
+      }
+    }
     if (error) setError(null);
   };
   const handleContinue = () => {
-    const usdValue = parseFloat(amountUsd);
-    if (isNaN(usdValue) || usdValue <= 0) {
+    const numericAmount = parseFloat(amount);
+    if (isNaN(numericAmount) || numericAmount <= 0) {
       setError("Please enter a valid amount");
       return;
     }
-    if (_optionalChain([uiConfig, 'optionalAccess', _10 => _10.maxDepositUsd]) && usdValue > uiConfig.maxDepositUsd) {
-      setError(
-        `Maximum deposit is ${_chunk7ZCUANBTcjs.currencyFormatter.format(uiConfig.maxDepositUsd)}`
-      );
-      return;
-    }
-    if (_optionalChain([uiConfig, 'optionalAccess', _11 => _11.minDepositUsd]) && usdValue < uiConfig.minDepositUsd) {
-      setError(
-        `Minimum deposit is ${_chunk7ZCUANBTcjs.currencyFormatter.format(uiConfig.minDepositUsd)}`
-      );
-      return;
-    }
-    if (tokenPriceUsd === null || tokenPriceUsd === 0) {
-      setError("Unable to determine token price");
-      return;
+    let tokenAmountStr;
+    if (hasPricing) {
+      if (_optionalChain([uiConfig, 'optionalAccess', _10 => _10.maxDepositUsd]) && numericAmount > uiConfig.maxDepositUsd) {
+        setError(
+          `Maximum deposit is ${_chunkG2RDCQHLcjs.currencyFormatter.format(uiConfig.maxDepositUsd)}`
+        );
+        return;
+      }
+      if (_optionalChain([uiConfig, 'optionalAccess', _11 => _11.minDepositUsd]) && numericAmount < uiConfig.minDepositUsd) {
+        setError(
+          `Minimum deposit is ${_chunkG2RDCQHLcjs.currencyFormatter.format(uiConfig.minDepositUsd)}`
+        );
+        return;
+      }
+      tokenAmountStr = (numericAmount / tokenPriceUsd).toString();
+    } else {
+      tokenAmountStr = numericAmount.toString();
     }
-    const tokenAmountValue = usdValue / tokenPriceUsd;
-    let tokenAmountStr = tokenAmountValue.toString();
     let amountInUnits;
     try {
       amountInUnits = _viem.parseUnits.call(void 0, tokenAmountStr, asset.decimals);
-    } catch (e9) {
+    } catch (e10) {
       setError("Please enter a valid amount");
       return;
     }
     if (balance !== null && amountInUnits > balance) {
-      amountInUnits = balance;
-      tokenAmountStr = _viem.formatUnits.call(void 0, balance, asset.decimals);
+      setError("Insufficient balance");
+      return;
     }
     setError(null);
     onContinue(tokenAmountStr, _nullishCoalesce(balance, () => ( void 0)));
@@ -689,41 +711,67 @@ 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: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-amount-input-wrapper", children: hasPricing ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "input",
           {
             type: "text",
             inputMode: "decimal",
             className: "rs-amount-input-large",
             placeholder: "$0.00",
-            value: amountUsd ? `$${amountUsd}` : "",
+            value: amount ? `$${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
+          }
+        ) : /* @__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;
-              setAmountUsd(raw);
+              setAmount(raw);
               if (error) setError(null);
             },
             autoFocus: true
           }
         ) }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-amount-token-value", children: [
-          formattedTokenAmount,
-          " ",
-          asset.symbol
-        ] }),
-        /* @__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",
-          balanceUsd !== null && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { style: { color: "var(--rs-muted-foreground)" }, children: [
+        (_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,
             " ",
-            "(",
-            _chunk7ZCUANBTcjs.currencyFormatter.format(balanceUsd),
-            ")"
-          ] })
-        ] }) })
+            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),
+              ")"
+            ] })
+          ] }) })
+        ] })
       ] }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "div",
@@ -734,26 +782,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: _chunkDLYVHOMEcjs.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: _chunkPE6OK3FHcjs.getTokenIcon.call(void 0, asset.symbol) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                     "img",
                     {
-                      src: _chunkDLYVHOMEcjs.getTokenIcon.call(void 0, asset.symbol),
+                      src: _chunkPE6OK3FHcjs.getTokenIcon.call(void 0, asset.symbol),
                       alt: asset.symbol
                     }
                   ) : asset.symbol.slice(0, 2) }),
                   (() => {
-                    const chainIcon = _chunkDLYVHOMEcjs.getChainIcon.call(void 0, asset.chainId);
+                    const chainIcon = _chunkPE6OK3FHcjs.getChainIcon.call(void 0, asset.chainId);
                     if (chainIcon) {
                       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                         "img",
                         {
                           src: chainIcon,
-                          alt: _chunkDLYVHOMEcjs.getChainName.call(void 0, asset.chainId),
+                          alt: _chunkPE6OK3FHcjs.getChainName.call(void 0, asset.chainId),
                           className: "rs-flow-pill-chain-badge"
                         }
                       );
                     }
-                    const badge = _chunkDLYVHOMEcjs.getChainBadge.call(void 0, asset.chainId);
+                    const badge = _chunkPE6OK3FHcjs.getChainBadge.call(void 0, asset.chainId);
                     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                       "div",
                       {
@@ -791,26 +839,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: _chunkDLYVHOMEcjs.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: _chunkPE6OK3FHcjs.getTokenIcon.call(void 0, targetSymbol) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                     "img",
                     {
-                      src: _chunkDLYVHOMEcjs.getTokenIcon.call(void 0, targetSymbol),
+                      src: _chunkPE6OK3FHcjs.getTokenIcon.call(void 0, targetSymbol),
                       alt: targetSymbol
                     }
                   ) : targetSymbol.slice(0, 2) }),
                   (() => {
-                    const chainIcon = _chunkDLYVHOMEcjs.getChainIcon.call(void 0, targetChain);
+                    const chainIcon = _chunkPE6OK3FHcjs.getChainIcon.call(void 0, targetChain);
                     if (chainIcon) {
                       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                         "img",
                         {
                           src: chainIcon,
-                          alt: _chunkDLYVHOMEcjs.getChainName.call(void 0, targetChain),
+                          alt: _chunkPE6OK3FHcjs.getChainName.call(void 0, targetChain),
                           className: "rs-flow-pill-chain-badge"
                         }
                       );
                     }
-                    const badge = _chunkDLYVHOMEcjs.getChainBadge.call(void 0, targetChain);
+                    const badge = _chunkPE6OK3FHcjs.getChainBadge.call(void 0, targetChain);
                     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                       "div",
                       {
@@ -837,7 +885,7 @@ function AmountStep({
             type: "button",
             className: "rs-amount-preset-btn",
             onClick: () => handlePresetClick(pct),
-            disabled: balanceUsd === null,
+            disabled: balance === null,
             children: [
               pct,
               "%"
@@ -851,7 +899,7 @@ function AmountStep({
             type: "button",
             className: "rs-amount-preset-btn",
             onClick: () => handlePresetClick(100),
-            disabled: balanceUsd === null,
+            disabled: balance === null,
             children: "Max"
           }
         )
@@ -859,11 +907,11 @@ function AmountStep({
       chainMismatch && /* @__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 ",
-          _chunkDLYVHOMEcjs.getChainName.call(void 0, asset.chainId),
+          _chunkPE6OK3FHcjs.getChainName.call(void 0, asset.chainId),
           " to continue."
         ] }),
         switchChain && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk7ZCUANBTcjs.Button,
+          _chunkG2RDCQHLcjs.Button,
           {
             variant: "outline",
             size: "small",
@@ -896,15 +944,15 @@ function AmountStep({
       ] })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-step-footer", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk7ZCUANBTcjs.Button,
+      _chunkG2RDCQHLcjs.Button,
       {
         onClick: handleContinue,
         fullWidth: true,
-        disabled: !amountUsd || chainMismatch,
+        disabled: !amount || chainMismatch,
         children: "Continue"
       }
     ) }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7ZCUANBTcjs.PoweredBy, {})
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkG2RDCQHLcjs.PoweredBy, {})
   ] });
 }
 
@@ -931,9 +979,9 @@ function ConfirmStep({
   const [isSubmitting, setIsSubmitting] = _react.useState.call(void 0, false);
   const [error, setError] = _react.useState.call(void 0, null);
   const [isSwitching, setIsSwitching] = _react.useState.call(void 0, false);
-  const chainMismatch = _optionalChain([walletClient, 'optionalAccess', _12 => _12.chain, 'optionalAccess', _13 => _13.id]) && walletClient.chain.id !== asset.chainId;
+  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 : _chunkDLYVHOMEcjs.getTokenSymbol.call(void 0, targetToken, targetChain);
+  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;
@@ -943,7 +991,7 @@ function ConfirmStep({
       );
       if (!Number.isFinite(balanceUnits) || balanceUnits <= 0) return null;
       return asset.balanceUsd / balanceUnits;
-    } catch (e10) {
+    } catch (e11) {
       return null;
     }
   }, [asset.balanceUsd, asset.balance, asset.decimals]);
@@ -974,7 +1022,7 @@ function ConfirmStep({
     return receiveAmountUsd / targetTokenPriceUsd;
   }, [sameRoute, amount, receiveAmountUsd, targetTokenPriceUsd]);
   const formattedReceiveAmount = _react.useMemo.call(void 0, () => {
-    if (receiveTokenAmount === null) return `~ ${formattedAmount}`;
+    if (receiveTokenAmount === null) return formattedAmount;
     return receiveTokenAmount.toLocaleString("en-US", {
       maximumFractionDigits: 6
     });
@@ -986,7 +1034,7 @@ function ConfirmStep({
       return;
     }
     if (chainMismatch) {
-      setError(`Switch to ${_chunkDLYVHOMEcjs.getChainName.call(void 0, asset.chainId)} to sign`);
+      setError(`Switch to ${_chunkPE6OK3FHcjs.getChainName.call(void 0, asset.chainId)} to sign`);
       return;
     }
     const parsedAmount = parseFloat(amount);
@@ -997,7 +1045,7 @@ function ConfirmStep({
     let amountUnits;
     try {
       amountUnits = _viem.parseUnits.call(void 0, amount, asset.decimals);
-    } catch (e11) {
+    } catch (e12) {
       setError("Please enter a valid amount");
       return;
     }
@@ -1014,7 +1062,7 @@ function ConfirmStep({
         throw new Error("Wallet not properly connected");
       }
       const transferTo = sameRoute ? recipient : smartAccount;
-      const hash = _chunk7ZCUANBTcjs.isNativeAsset.call(void 0, asset) ? await walletClient.sendTransaction({
+      const hash = _chunkG2RDCQHLcjs.isNativeAsset.call(void 0, asset) ? await walletClient.sendTransaction({
         account,
         chain,
         to: transferTo,
@@ -1027,13 +1075,13 @@ function ConfirmStep({
         functionName: "transfer",
         args: [transferTo, amountUnits]
       });
-      _optionalChain([onDepositSubmitted, 'optionalCall', _14 => _14(hash, asset.chainId, amountUnits.toString())]);
+      _optionalChain([onDepositSubmitted, 'optionalCall', _15 => _15(hash, asset.chainId, amountUnits.toString())]);
       onConfirm(hash, asset.chainId, amountUnits.toString(), asset.token);
     } catch (err) {
       const raw = err instanceof Error ? err.message : "Transfer failed";
-      const message = _chunk7ZCUANBTcjs.formatUserError.call(void 0, raw);
+      const message = _chunkG2RDCQHLcjs.formatUserError.call(void 0, raw);
       setError(message);
-      _optionalChain([onError, 'optionalCall', _15 => _15(message, "TRANSFER_ERROR")]);
+      _optionalChain([onError, 'optionalCall', _16 => _16(message, "TRANSFER_ERROR")]);
     } finally {
       setIsSubmitting(false);
     }
@@ -1045,7 +1093,7 @@ function ConfirmStep({
       await switchChain(asset.chainId);
     } catch (err) {
       const raw = err instanceof Error ? err.message : "Failed to switch chain";
-      setError(_chunk7ZCUANBTcjs.formatUserError.call(void 0, raw));
+      setError(_chunkG2RDCQHLcjs.formatUserError.call(void 0, raw));
     } finally {
       setIsSwitching(false);
     }
@@ -1062,15 +1110,15 @@ function ConfirmStep({
               className: "rs-card-value",
               style: { display: "flex", alignItems: "center", gap: 8 },
               children: [
-                _chunkDLYVHOMEcjs.getChainIcon.call(void 0, asset.chainId) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _chunkPE6OK3FHcjs.getChainIcon.call(void 0, asset.chainId) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                   "img",
                   {
-                    src: _chunkDLYVHOMEcjs.getChainIcon.call(void 0, asset.chainId),
+                    src: _chunkPE6OK3FHcjs.getChainIcon.call(void 0, asset.chainId),
                     alt: "",
-                    style: { width: 16, height: 16, borderRadius: "50%" }
+                    style: { width: 16, height: 16, borderRadius: 3 }
                   }
                 ),
-                _chunkDLYVHOMEcjs.getChainName.call(void 0, asset.chainId)
+                _chunkPE6OK3FHcjs.getChainName.call(void 0, asset.chainId)
               ]
             }
           )
@@ -1083,15 +1131,15 @@ function ConfirmStep({
               className: "rs-card-value",
               style: { display: "flex", alignItems: "center", gap: 8 },
               children: [
-                _chunkDLYVHOMEcjs.getChainIcon.call(void 0, targetChain) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _chunkPE6OK3FHcjs.getChainIcon.call(void 0, targetChain) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                   "img",
                   {
-                    src: _chunkDLYVHOMEcjs.getChainIcon.call(void 0, targetChain),
+                    src: _chunkPE6OK3FHcjs.getChainIcon.call(void 0, targetChain),
                     alt: "",
-                    style: { width: 16, height: 16, borderRadius: "50%" }
+                    style: { width: 16, height: 16, borderRadius: 3 }
                   }
                 ),
-                _chunkDLYVHOMEcjs.getChainName.call(void 0, targetChain)
+                _chunkPE6OK3FHcjs.getChainName.call(void 0, targetChain)
               ]
             }
           )
@@ -1110,10 +1158,10 @@ function ConfirmStep({
               className: "rs-card-value",
               style: { display: "flex", alignItems: "center", gap: 6 },
               children: [
-                _chunkDLYVHOMEcjs.getTokenIcon.call(void 0, asset.symbol) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _chunkPE6OK3FHcjs.getTokenIcon.call(void 0, asset.symbol) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                   "img",
                   {
-                    src: _chunkDLYVHOMEcjs.getTokenIcon.call(void 0, asset.symbol),
+                    src: _chunkPE6OK3FHcjs.getTokenIcon.call(void 0, asset.symbol),
                     alt: "",
                     style: { width: 16, height: 16, borderRadius: "50%" }
                   }
@@ -1133,10 +1181,10 @@ function ConfirmStep({
               className: "rs-card-value",
               style: { display: "flex", alignItems: "center", gap: 6 },
               children: [
-                _chunkDLYVHOMEcjs.getTokenIcon.call(void 0, targetSymbol) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _chunkPE6OK3FHcjs.getTokenIcon.call(void 0, targetSymbol) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                   "img",
                   {
-                    src: _chunkDLYVHOMEcjs.getTokenIcon.call(void 0, targetSymbol),
+                    src: _chunkPE6OK3FHcjs.getTokenIcon.call(void 0, targetSymbol),
                     alt: "",
                     style: { width: 16, height: 16, borderRadius: "50%" }
                   }
@@ -1150,17 +1198,17 @@ 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: _chunk7ZCUANBTcjs.currencyFormatter.format(receiveAmountUsd) })
+          /* @__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 ",
-          _chunkDLYVHOMEcjs.getChainName.call(void 0, asset.chainId),
+          _chunkPE6OK3FHcjs.getChainName.call(void 0, asset.chainId),
           " to sign."
         ] }),
         switchChain && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk7ZCUANBTcjs.Button,
+          _chunkG2RDCQHLcjs.Button,
           {
             variant: "outline",
             size: "small",
@@ -1193,7 +1241,7 @@ function ConfirmStep({
       ] })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-step-footer", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk7ZCUANBTcjs.Button,
+      _chunkG2RDCQHLcjs.Button,
       {
         onClick: handleConfirm,
         loading: isSubmitting,
@@ -1202,7 +1250,7 @@ function ConfirmStep({
         children: "Confirm Order"
       }
     ) }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7ZCUANBTcjs.PoweredBy, {})
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkG2RDCQHLcjs.PoweredBy, {})
   ] });
 }
 
@@ -1324,7 +1372,7 @@ function asAddress(value) {
   return /^0x[a-fA-F0-9]{40}$/.test(value) ? value : void 0;
 }
 function getDepositEventDetails(event) {
-  if (!_optionalChain([event, 'optionalAccess', _16 => _16.type]) || !isRecord(event.data)) return {};
+  if (!_optionalChain([event, 'optionalAccess', _17 => _17.type]) || !isRecord(event.data)) return {};
   if (event.type === "deposit-received") {
     return {
       chainId: asNumber(event.data.chain),
@@ -1335,8 +1383,8 @@ function getDepositEventDetails(event) {
   if (event.type === "bridge-started") {
     const source = isRecord(event.data.source) ? event.data.source : void 0;
     return {
-      chainId: asNumber(_optionalChain([source, 'optionalAccess', _17 => _17.chain])),
-      token: asAddress(_optionalChain([source, 'optionalAccess', _18 => _18.asset]))
+      chainId: asNumber(_optionalChain([source, 'optionalAccess', _18 => _18.chain])),
+      token: asAddress(_optionalChain([source, 'optionalAccess', _19 => _19.asset]))
     };
   }
   return {};
@@ -1347,12 +1395,12 @@ function DepositAddressStep({
   onDepositDetected,
   onError
 }) {
-  const supportedChainIds = _react.useMemo.call(void 0, () => _chunkDLYVHOMEcjs.getSupportedChainIds.call(void 0, ), []);
+  const supportedChainIds = _react.useMemo.call(void 0, () => _chunkPE6OK3FHcjs.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, 
-    () => _chunkDLYVHOMEcjs.getSupportedTokenSymbolsForChain.call(void 0, sourceChainId),
+    () => _chunkPE6OK3FHcjs.getTargetTokenSymbolsForChain.call(void 0, sourceChainId),
     [sourceChainId]
   );
   const defaultToken = tokensForChain.includes("USDC") ? "USDC" : _nullishCoalesce(tokensForChain[0], () => ( "USDC"));
@@ -1382,7 +1430,7 @@ function DepositAddressStep({
       await navigator.clipboard.writeText(smartAccount);
       setCopied(true);
       setTimeout(() => setCopied(false), 2e3);
-    } catch (e12) {
+    } catch (e13) {
       const textarea = document.createElement("textarea");
       textarea.value = smartAccount;
       textarea.style.position = "fixed";
@@ -1407,7 +1455,7 @@ function DepositAddressStep({
         const status = await service.fetchLatestStatus(smartAccount);
         if (cancelled || depositHandledRef.current) return;
         const event = status.lastEvent;
-        const eventTxHash = _chunk7ZCUANBTcjs.isDepositEvent.call(void 0, event) ? _nullishCoalesce(_optionalChain([_chunk7ZCUANBTcjs.getEventTxHash.call(void 0, event), 'optionalAccess', _19 => _19.toLowerCase, 'call', _20 => _20()]), () => ( null)) : null;
+        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;
         if (baselineTxHash === void 0) {
           baselineTxHash = eventTxHash;
         } else if (eventTxHash && eventTxHash !== baselineTxHash) {
@@ -1415,7 +1463,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, () => ( _chunkDLYVHOMEcjs.getTokenAddress.call(void 0, fallback.tokenSymbol, fallback.chainId)));
+          const token = _nullishCoalesce(details.token, () => ( _chunkPE6OK3FHcjs.getTokenAddress.call(void 0, fallback.tokenSymbol, fallback.chainId)));
           if (token) {
             depositHandledRef.current = true;
             onDepositDetected(eventTxHash, chainId, amount, token);
@@ -1427,7 +1475,7 @@ function DepositAddressStep({
         if (!cancelled) {
           const msg = err instanceof Error ? err.message : "Failed to check status";
           setPollingError(msg);
-          _optionalChain([onError, 'optionalCall', _21 => _21(msg, "STATUS_POLL_ERROR")]);
+          _optionalChain([onError, 'optionalCall', _22 => _22(msg, "STATUS_POLL_ERROR")]);
         }
       }
       if (!cancelled && !depositHandledRef.current) {
@@ -1440,12 +1488,12 @@ function DepositAddressStep({
       clearTimeout(timeoutId);
     };
   }, [smartAccount, service, onDepositDetected, onError]);
-  const chainIconSrc = _chunkDLYVHOMEcjs.getChainIcon.call(void 0, sourceChainId);
+  const chainIconSrc = _chunkPE6OK3FHcjs.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: [
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-deposit-address-dropdown", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-deposit-address-dropdown-label", children: "Supported token" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-deposit-address-dropdown-label", children: "Fallback token" }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
             "button",
             {
@@ -1456,10 +1504,10 @@ function DepositAddressStep({
                 setChainDropdownOpen(false);
               },
               children: [
-                _chunkDLYVHOMEcjs.getTokenIcon.call(void 0, sourceTokenSymbol) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _chunkPE6OK3FHcjs.getTokenIcon.call(void 0, sourceTokenSymbol) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                   "img",
                   {
-                    src: _chunkDLYVHOMEcjs.getTokenIcon.call(void 0, sourceTokenSymbol),
+                    src: _chunkPE6OK3FHcjs.getTokenIcon.call(void 0, sourceTokenSymbol),
                     alt: "",
                     className: "rs-deposit-address-dropdown-icon"
                   }
@@ -1496,10 +1544,10 @@ function DepositAddressStep({
                 setTokenDropdownOpen(false);
               },
               children: [
-                _chunkDLYVHOMEcjs.getTokenIcon.call(void 0, symbol) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _chunkPE6OK3FHcjs.getTokenIcon.call(void 0, symbol) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                   "img",
                   {
-                    src: _chunkDLYVHOMEcjs.getTokenIcon.call(void 0, symbol),
+                    src: _chunkPE6OK3FHcjs.getTokenIcon.call(void 0, symbol),
                     alt: "",
                     className: "rs-deposit-address-dropdown-icon"
                   }
@@ -1511,7 +1559,7 @@ function DepositAddressStep({
           )) })
         ] }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-deposit-address-dropdown", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-deposit-address-dropdown-label", children: "Supported chain" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-deposit-address-dropdown-label", children: "Fallback chain" }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
             "button",
             {
@@ -1522,15 +1570,15 @@ function DepositAddressStep({
                 setTokenDropdownOpen(false);
               },
               children: [
-                _chunkDLYVHOMEcjs.getChainIcon.call(void 0, sourceChainId) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _chunkPE6OK3FHcjs.getChainIcon.call(void 0, sourceChainId) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                   "img",
                   {
-                    src: _chunkDLYVHOMEcjs.getChainIcon.call(void 0, sourceChainId),
+                    src: _chunkPE6OK3FHcjs.getChainIcon.call(void 0, sourceChainId),
                     alt: "",
                     className: "rs-deposit-address-dropdown-icon"
                   }
                 ),
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: _chunkDLYVHOMEcjs.getChainName.call(void 0, sourceChainId) }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: _chunkPE6OK3FHcjs.getChainName.call(void 0, sourceChainId) }),
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                   "svg",
                   {
@@ -1562,15 +1610,15 @@ function DepositAddressStep({
                 setChainDropdownOpen(false);
               },
               children: [
-                _chunkDLYVHOMEcjs.getChainIcon.call(void 0, chainId) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _chunkPE6OK3FHcjs.getChainIcon.call(void 0, chainId) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                   "img",
                   {
-                    src: _chunkDLYVHOMEcjs.getChainIcon.call(void 0, chainId),
+                    src: _chunkPE6OK3FHcjs.getChainIcon.call(void 0, chainId),
                     alt: "",
                     className: "rs-deposit-address-dropdown-icon"
                   }
                 ),
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: _chunkDLYVHOMEcjs.getChainName.call(void 0, chainId) })
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: _chunkPE6OK3FHcjs.getChainName.call(void 0, chainId) })
               ]
             },
             chainId
@@ -1620,7 +1668,7 @@ function DepositAddressStep({
       ] }),
       pollingError && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-deposit-address-error", children: pollingError })
     ] }) }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7ZCUANBTcjs.PoweredBy, {})
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkG2RDCQHLcjs.PoweredBy, {})
   ] });
 }
 DepositAddressStep.displayName = "DepositAddressStep";
@@ -1641,7 +1689,7 @@ function DepositFlow({
   sourceToken: defaultSourceToken,
   amount: defaultAmount,
   recipient,
-  signerAddress = _chunkDLYVHOMEcjs.DEFAULT_SIGNER_ADDRESS,
+  signerAddress = _chunkPE6OK3FHcjs.DEFAULT_SIGNER_ADDRESS,
   sessionChainIds,
   forceRegister = false,
   waitForFinalTx = true,
@@ -1666,15 +1714,15 @@ function DepositFlow({
   const [isConnectSelectionConfirmed, setIsConnectSelectionConfirmed] = _react.useState.call(void 0, false);
   const [selectedConnectAddress, setSelectedConnectAddress] = _react.useState.call(void 0, null);
   const dappSwitchChain = _react.useMemo.call(void 0, () => {
-    if (!_optionalChain([dappWalletClient, 'optionalAccess', _22 => _22.switchChain])) return void 0;
+    if (!_optionalChain([dappWalletClient, 'optionalAccess', _23 => _23.switchChain])) return void 0;
     return async (chainId) => {
-      await _optionalChain([dappWalletClient, 'access', _23 => _23.switchChain, 'optionalCall', _24 => _24({ id: chainId })]);
+      await _optionalChain([dappWalletClient, 'access', _24 => _24.switchChain, 'optionalCall', _25 => _25({ id: chainId })]);
     };
   }, [dappWalletClient]);
   const walletOptions = _react.useMemo.call(void 0, () => {
     const options = [];
     const seen = /* @__PURE__ */ new Set();
-    if (_optionalChain([dappWalletClient, 'optionalAccess', _25 => _25.account]) && dappAddress) {
+    if (_optionalChain([dappWalletClient, 'optionalAccess', _26 => _26.account]) && dappAddress) {
       options.push({
         address: dappWalletClient.account.address,
         label: "Connected Wallet",
@@ -1682,21 +1730,23 @@ function DepositFlow({
       });
       seen.add(dappWalletClient.account.address.toLowerCase());
     }
-    if (_optionalChain([reownWallet, 'optionalAccess', _26 => _26.address]) && reownWallet.isConnected && !seen.has(reownWallet.address.toLowerCase())) {
+    if (_optionalChain([reownWallet, 'optionalAccess', _27 => _27.address]) && reownWallet.isConnected && !seen.has(reownWallet.address.toLowerCase())) {
       options.push({
         address: reownWallet.address,
         label: "External Wallet",
-        kind: "external"
+        kind: "external",
+        icon: reownWallet.icon
       });
     }
     return options;
   }, [
     dappWalletClient,
     dappAddress,
-    _optionalChain([reownWallet, 'optionalAccess', _27 => _27.address]),
-    _optionalChain([reownWallet, 'optionalAccess', _28 => _28.isConnected])
+    _optionalChain([reownWallet, 'optionalAccess', _28 => _28.address]),
+    _optionalChain([reownWallet, 'optionalAccess', _29 => _29.isConnected]),
+    _optionalChain([reownWallet, 'optionalAccess', _30 => _30.icon])
   ]);
-  const canAutoLock = _optionalChain([dappWalletClient, 'optionalAccess', _29 => _29.account]) && dappAddress && !reownWallet;
+  const canAutoLock = _optionalChain([dappWalletClient, 'optionalAccess', _31 => _31.account]) && dappAddress && !reownWallet;
   const hasWalletOptions = walletOptions.length > 0;
   const showConnectStep = !canAutoLock && !isConnectSelectionConfirmed;
   const signerContext = _react.useMemo.call(void 0, () => {
@@ -1705,30 +1755,30 @@ function DepositFlow({
       return {
         ownerAddress: dappAddress,
         walletClient: void 0,
-        publicClient: _nullishCoalesce(dappPublicClient, () => ( _chunk7ZCUANBTcjs.getPublicClient.call(void 0, targetChain))),
+        publicClient: _nullishCoalesce(dappPublicClient, () => ( _chunkG2RDCQHLcjs.getPublicClient.call(void 0, targetChain))),
         switchChain: void 0
       };
     }
     if (canAutoLock) {
-      const fallbackChainId = _nullishCoalesce(_optionalChain([dappWalletClient, 'optionalAccess', _30 => _30.chain, 'optionalAccess', _31 => _31.id]), () => ( targetChain));
+      const fallbackChainId = _nullishCoalesce(_optionalChain([dappWalletClient, 'optionalAccess', _32 => _32.chain, 'optionalAccess', _33 => _33.id]), () => ( targetChain));
       return {
         ownerAddress: dappWalletClient.account.address,
         walletClient: dappWalletClient,
-        publicClient: _nullishCoalesce(dappPublicClient, () => ( _chunk7ZCUANBTcjs.getPublicClient.call(void 0, fallbackChainId))),
+        publicClient: _nullishCoalesce(dappPublicClient, () => ( _chunkG2RDCQHLcjs.getPublicClient.call(void 0, fallbackChainId))),
         switchChain: dappSwitchChain
       };
     }
     if (!isConnectSelectionConfirmed || !selectedConnectAddress) return null;
-    if (_optionalChain([dappWalletClient, 'optionalAccess', _32 => _32.account]) && dappWalletClient.account.address.toLowerCase() === selectedConnectAddress.toLowerCase()) {
-      const fallbackChainId = _nullishCoalesce(_optionalChain([dappWalletClient, 'optionalAccess', _33 => _33.chain, 'optionalAccess', _34 => _34.id]), () => ( targetChain));
+    if (_optionalChain([dappWalletClient, 'optionalAccess', _34 => _34.account]) && dappWalletClient.account.address.toLowerCase() === selectedConnectAddress.toLowerCase()) {
+      const fallbackChainId = _nullishCoalesce(_optionalChain([dappWalletClient, 'optionalAccess', _35 => _35.chain, 'optionalAccess', _36 => _36.id]), () => ( targetChain));
       return {
         ownerAddress: dappWalletClient.account.address,
         walletClient: dappWalletClient,
-        publicClient: _nullishCoalesce(dappPublicClient, () => ( _chunk7ZCUANBTcjs.getPublicClient.call(void 0, fallbackChainId))),
+        publicClient: _nullishCoalesce(dappPublicClient, () => ( _chunkG2RDCQHLcjs.getPublicClient.call(void 0, fallbackChainId))),
         switchChain: dappSwitchChain
       };
     }
-    if (_optionalChain([reownWallet, 'optionalAccess', _35 => _35.address, 'optionalAccess', _36 => _36.toLowerCase, 'call', _37 => _37()]) === selectedConnectAddress.toLowerCase() && reownWallet.walletClient && reownWallet.publicClient) {
+    if (_optionalChain([reownWallet, 'optionalAccess', _37 => _37.address, 'optionalAccess', _38 => _38.toLowerCase, 'call', _39 => _39()]) === selectedConnectAddress.toLowerCase() && reownWallet.walletClient && reownWallet.publicClient) {
       return {
         ownerAddress: reownWallet.address,
         walletClient: reownWallet.walletClient,
@@ -1749,7 +1799,7 @@ function DepositFlow({
     reownWallet,
     targetChain
   ]);
-  const sessionKeyAddress = _nullishCoalesce(_nullishCoalesce(dappAddress, () => ( _optionalChain([signerContext, 'optionalAccess', _38 => _38.ownerAddress]))), () => ( null));
+  const sessionKeyAddress = _nullishCoalesce(_nullishCoalesce(dappAddress, () => ( _optionalChain([signerContext, 'optionalAccess', _40 => _40.ownerAddress]))), () => ( null));
   const lastTargetRef = _react.useRef.call(void 0, null);
   _react.useEffect.call(void 0, () => {
     const prev = lastTargetRef.current;
@@ -1768,6 +1818,7 @@ function DepositFlow({
   }, []);
   const handleBackFromSelectAsset = _react.useCallback.call(void 0, () => {
     if (hasWalletOptions || reownWallet) {
+      hasNavigatedBackRef.current = true;
       setIsConnectSelectionConfirmed(false);
     }
   }, [hasWalletOptions, reownWallet]);
@@ -1775,6 +1826,7 @@ function DepositFlow({
     setFlowMode(null);
     setStep({ type: "setup" });
     if (hasWalletOptions || reownWallet) {
+      hasNavigatedBackRef.current = true;
       setIsConnectSelectionConfirmed(false);
     }
   }, [hasWalletOptions, reownWallet]);
@@ -1792,10 +1844,10 @@ function DepositFlow({
   const stepIndex = step.type === "setup" ? 0 : step.type === "deposit-address" ? 1 : step.type === "select-asset" ? 1 : step.type === "amount" ? 2 : step.type === "confirm" ? 3 : 4;
   const currentBackHandler = step.type === "deposit-address" ? handleBackFromDepositAddress : step.type === "select-asset" && signerContext && !canAutoLock ? handleBackFromSelectAsset : step.type === "amount" ? handleBackFromAmount : step.type === "confirm" ? handleBackFromConfirm : void 0;
   _react.useEffect.call(void 0, () => {
-    _optionalChain([onStepChange, 'optionalCall', _39 => _39(stepIndex, currentBackHandler)]);
+    _optionalChain([onStepChange, 'optionalCall', _41 => _41(stepIndex, currentBackHandler)]);
   }, [stepIndex, currentBackHandler, onStepChange]);
   _react.useEffect.call(void 0, () => {
-    _optionalChain([onTotalBalanceChange, 'optionalCall', _40 => _40(totalBalanceUsd)]);
+    _optionalChain([onTotalBalanceChange, 'optionalCall', _42 => _42(totalBalanceUsd)]);
   }, [totalBalanceUsd, onTotalBalanceChange]);
   const isDepositAddressMode = flowMode === "deposit-address";
   const handleSelectProvider = _react.useCallback.call(void 0, () => {
@@ -1833,13 +1885,13 @@ function DepositFlow({
           directTransfer: isSameRoute(chainId, token, targetChain, targetToken)
         };
       });
-      _optionalChain([onDepositSubmitted, 'optionalCall', _41 => _41({ txHash, sourceChain: chainId, amount })]);
+      _optionalChain([onDepositSubmitted, 'optionalCall', _43 => _43({ txHash, sourceChain: chainId, amount })]);
     },
     [onDepositSubmitted, targetChain, targetToken]
   );
   const handleConnected = _react.useCallback.call(void 0, 
     (addr, smartAccount) => {
-      _optionalChain([onConnected, 'optionalCall', _42 => _42({ address: addr, smartAccount })]);
+      _optionalChain([onConnected, 'optionalCall', _44 => _44({ address: addr, smartAccount })]);
     },
     [onConnected]
   );
@@ -1891,25 +1943,25 @@ function DepositFlow({
   );
   const handleDepositSubmittedCallback = _react.useCallback.call(void 0, 
     (txHash, sourceChain, amount) => {
-      _optionalChain([onDepositSubmitted, 'optionalCall', _43 => _43({ txHash, sourceChain, amount })]);
+      _optionalChain([onDepositSubmitted, 'optionalCall', _45 => _45({ txHash, sourceChain, amount })]);
     },
     [onDepositSubmitted]
   );
   const handleDepositComplete = _react.useCallback.call(void 0, 
     (txHash, destinationTxHash) => {
-      _optionalChain([onDepositComplete, 'optionalCall', _44 => _44({ txHash, destinationTxHash })]);
+      _optionalChain([onDepositComplete, 'optionalCall', _46 => _46({ txHash, destinationTxHash })]);
     },
     [onDepositComplete]
   );
   const handleDepositFailed = _react.useCallback.call(void 0, 
     (txHash, error) => {
-      _optionalChain([onDepositFailed, 'optionalCall', _45 => _45({ txHash, error })]);
+      _optionalChain([onDepositFailed, 'optionalCall', _47 => _47({ txHash, error })]);
     },
     [onDepositFailed]
   );
   const handleError = _react.useCallback.call(void 0, 
     (message, code) => {
-      _optionalChain([onError, 'optionalCall', _46 => _46({ message, code })]);
+      _optionalChain([onError, 'optionalCall', _48 => _48({ message, code })]);
     },
     [onError]
   );
@@ -1927,12 +1979,39 @@ function DepositFlow({
     () => walletOptions.map((option) => option.address.toLowerCase()).join(","),
     [walletOptions]
   );
+  const hasNavigatedBackRef = _react.useRef.call(void 0, false);
   _react.useEffect.call(void 0, () => {
     setIsConnectSelectionConfirmed(false);
-  }, [walletOptionsKey, selectedConnectAddressEffective]);
+  }, [walletOptionsKey]);
+  _react.useEffect.call(void 0, () => {
+    if (hasNavigatedBackRef.current || isConnectSelectionConfirmed || flowMode) {
+      return;
+    }
+    if (hasWalletOptions) {
+      const address = selectedConnectAddressEffective;
+      if (address) {
+        setSelectedConnectAddress(address);
+        handleSelectProvider();
+        setIsConnectSelectionConfirmed(true);
+        return;
+      }
+    }
+    if (!hasWalletOptions && dappAddress) {
+      handleSelectTransferCrypto();
+      setIsConnectSelectionConfirmed(true);
+    }
+  }, [
+    hasWalletOptions,
+    isConnectSelectionConfirmed,
+    flowMode,
+    selectedConnectAddressEffective,
+    dappAddress,
+    handleSelectProvider,
+    handleSelectTransferCrypto
+  ]);
   if (showConnectStep) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-modal-body", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk7ZCUANBTcjs.ConnectStep,
+      _chunkG2RDCQHLcjs.ConnectStep,
       {
         walletOptions,
         selectedAddress: selectedConnectAddressEffective,
@@ -1983,7 +2062,7 @@ function DepositFlow({
         }
       ),
       step.type === "processing" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk7ZCUANBTcjs.ProcessingStep,
+        _chunkG2RDCQHLcjs.ProcessingStep,
         {
           smartAccount: step.smartAccount,
           txHash: step.txHash,
@@ -2005,16 +2084,16 @@ function DepositFlow({
       )
     ] });
   }
-  if (!_optionalChain([signerContext, 'optionalAccess', _47 => _47.walletClient]) || !_optionalChain([signerContext, 'optionalAccess', _48 => _48.publicClient])) {
+  if (!_optionalChain([signerContext, 'optionalAccess', _49 => _49.walletClient]) || !_optionalChain([signerContext, 'optionalAccess', _50 => _50.publicClient])) {
     return null;
   }
   const ownerAddress = signerContext.ownerAddress;
-  const ownerChainId = _nullishCoalesce(_nullishCoalesce(_optionalChain([signerContext, 'access', _49 => _49.walletClient, 'optionalAccess', _50 => _50.chain, 'optionalAccess', _51 => _51.id]), () => ( _optionalChain([signerContext, 'access', _52 => _52.publicClient, 'access', _53 => _53.chain, 'optionalAccess', _54 => _54.id]))), () => ( targetChain));
+  const ownerChainId = _nullishCoalesce(_nullishCoalesce(_optionalChain([signerContext, 'access', _51 => _51.walletClient, 'optionalAccess', _52 => _52.chain, 'optionalAccess', _53 => _53.id]), () => ( _optionalChain([signerContext, 'access', _54 => _54.publicClient, 'access', _55 => _55.chain, 'optionalAccess', _56 => _56.id]))), () => ( targetChain));
   const getReadClientForChain = (chainId) => {
-    if (_optionalChain([signerContext, 'access', _55 => _55.publicClient, 'access', _56 => _56.chain, 'optionalAccess', _57 => _57.id]) === chainId) {
+    if (_optionalChain([signerContext, 'access', _57 => _57.publicClient, 'access', _58 => _58.chain, 'optionalAccess', _59 => _59.id]) === chainId) {
       return signerContext.publicClient;
     }
-    return _chunk7ZCUANBTcjs.getPublicClient.call(void 0, chainId);
+    return _chunkG2RDCQHLcjs.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, 
@@ -2080,7 +2159,7 @@ function DepositFlow({
       }
     ),
     step.type === "processing" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk7ZCUANBTcjs.ProcessingStep,
+      _chunkG2RDCQHLcjs.ProcessingStep,
       {
         smartAccount: step.smartAccount,
         txHash: step.txHash,
@@ -2105,7 +2184,7 @@ function DepositFlow({
 // src/DepositModal.tsx
 
 var ReownDepositInner = _react.lazy.call(void 0, 
-  () => Promise.resolve().then(() => _interopRequireWildcard(require("./DepositModalReown-4PFOMSC6.cjs"))).then((m) => ({ default: m.DepositModalReown }))
+  () => Promise.resolve().then(() => _interopRequireWildcard(require("./DepositModalReown-N7GCYZF7.cjs"))).then((m) => ({ default: m.DepositModalReown }))
 );
 function DepositModal(props) {
   const needsReown = !!props.reownAppId;
@@ -2128,8 +2207,8 @@ function DepositModalInner({
   sourceToken,
   defaultAmount,
   recipient,
-  backendUrl = _chunkDLYVHOMEcjs.DEFAULT_BACKEND_URL,
-  signerAddress = _chunkDLYVHOMEcjs.DEFAULT_SIGNER_ADDRESS,
+  backendUrl = _chunkPE6OK3FHcjs.DEFAULT_BACKEND_URL,
+  signerAddress = _chunkPE6OK3FHcjs.DEFAULT_SIGNER_ADDRESS,
   sessionChainIds,
   forceRegister = false,
   waitForFinalTx = true,
@@ -2153,19 +2232,19 @@ 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 = _chunkDLYVHOMEcjs.getChainId.call(void 0, targetChainProp);
-  const sourceChain = sourceChainProp ? _chunkDLYVHOMEcjs.getChainId.call(void 0, sourceChainProp) : void 0;
-  const service = _react.useMemo.call(void 0, () => _chunk7ZCUANBTcjs.createDepositService.call(void 0, backendUrl), [backendUrl]);
+  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]);
   _react.useEffect.call(void 0, () => {
     if (isOpen && modalRef.current) {
-      _chunk7ZCUANBTcjs.applyTheme.call(void 0, modalRef.current, theme);
+      _chunkG2RDCQHLcjs.applyTheme.call(void 0, modalRef.current, theme);
     }
   }, [isOpen, theme]);
   const hasCalledReady = _react.useRef.call(void 0, false);
   _react.useEffect.call(void 0, () => {
     if (isOpen && !hasCalledReady.current) {
       hasCalledReady.current = true;
-      _optionalChain([onReady, 'optionalCall', _58 => _58()]);
+      _optionalChain([onReady, 'optionalCall', _60 => _60()]);
     }
   }, [isOpen, onReady]);
   _react.useEffect.call(void 0, () => {
@@ -2180,21 +2259,21 @@ function DepositModalInner({
     },
     []
   );
-  const handleTotalBalanceChange = _react.useCallback.call(void 0, (balance) => {
-    setTotalBalanceUsd(balance);
+  const handleTotalBalanceChange = _react.useCallback.call(void 0, (balance2) => {
+    setTotalBalanceUsd(balance2);
   }, []);
   const handleBack = _react.useCallback.call(void 0, () => {
-    _optionalChain([backHandlerRef, 'access', _59 => _59.current, 'optionalCall', _60 => _60()]);
+    _optionalChain([backHandlerRef, 'access', _61 => _61.current, 'optionalCall', _62 => _62()]);
   }, []);
-  const showLogo = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _61 => _61.showLogo]), () => ( false));
-  const showStepper = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _62 => _62.showStepper]), () => ( false));
-  const showBackButton = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _63 => _63.showBackButton]), () => ( true));
-  const balanceTitle = _optionalChain([uiConfig, 'optionalAccess', _64 => _64.balanceTitle]);
-  const logoUrl = _nullishCoalesce(_optionalChain([branding, 'optionalAccess', _65 => _65.logoUrl]), () => ( "https://github.com/rhinestonewtf.png"));
-  const title = _nullishCoalesce(_optionalChain([branding, 'optionalAccess', _66 => _66.title]), () => ( "Deposit"));
+  const showLogo = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _63 => _63.showLogo]), () => ( false));
+  const showStepper = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _64 => _64.showStepper]), () => ( false));
+  const showBackButton = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _65 => _65.showBackButton]), () => ( true));
+  const balance = _optionalChain([uiConfig, 'optionalAccess', _66 => _66.balance]);
+  const logoUrl = _nullishCoalesce(_optionalChain([branding, 'optionalAccess', _67 => _67.logoUrl]), () => ( "https://github.com/rhinestonewtf.png"));
+  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, 
-    _chunk7ZCUANBTcjs.Modal,
+    _chunkG2RDCQHLcjs.Modal,
     {
       isOpen,
       onClose,
@@ -2250,12 +2329,12 @@ function DepositModalInner({
                 i
               )) })
             ] }),
-            balanceTitle && totalBalanceUsd !== null && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-modal-header-balance", children: [
+            balance && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-modal-header-balance", children: [
               /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { children: [
-                balanceTitle,
+                balance.title,
                 ":"
               ] }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-modal-header-balance-value", children: _chunk7ZCUANBTcjs.currencyFormatter.format(totalBalanceUsd) })
+              /* @__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, "div", { className: "rs-modal-header-nav-right", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,