@rhinestone/deposit-modal 0.1.29 → 0.1.30

package/dist/{DepositModalReown-BVHWFWIG.mjs → DepositModalReown-OHTRNISJ.mjs}

@@ -1,12 +1,12 @@
 import {
   DepositModalInner
-} from "./chunk-XTTTHW3W.mjs";
+} from "./chunk-BOKLFGNS.mjs";
 import {
   ReownWalletProvider,
   useReownWallet
 } from "./chunk-LBEP3A2Z.mjs";
-import "./chunk-N6T4TKXI.mjs";
-import "./chunk-CSQRKM4Y.mjs";
+import "./chunk-CIAKCO7G.mjs";
+import "./chunk-VL47TLTE.mjs";
 
 // src/DepositModalReown.tsx
 import { useCallback } from "react";

package/dist/{DepositModalReown-4PFOMSC6.cjs → DepositModalReown-ZD3ROLZG.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk5QJNOPNFcjs = require('./chunk-5QJNOPNF.cjs');
+var _chunkWDDONQLVcjs = require('./chunk-WDDONQLV.cjs');
 
 
 
 var _chunk6VJ2ZTNQcjs = require('./chunk-6VJ2ZTNQ.cjs');
-require('./chunk-7ZCUANBT.cjs');
-require('./chunk-DLYVHOME.cjs');
+require('./chunk-KIRDZLOS.cjs');
+require('./chunk-WB3ZJJBH.cjs');
 
 // src/DepositModalReown.tsx
 var _react = require('react');
@@ -17,7 +17,7 @@ function DepositModalWithReown(props) {
     reown.openConnect();
   }, [reown.openConnect]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk5QJNOPNFcjs.DepositModalInner,
+    _chunkWDDONQLVcjs.DepositModalInner,
     {
       ...props,
       reownWallet: reown,

package/dist/{WithdrawModalReown-CJCNT7SA.mjs → WithdrawModalReown-IJAMIPSY.mjs}

@@ -1,12 +1,12 @@
 import {
   WithdrawModalInner
-} from "./chunk-K6YG3I6O.mjs";
+} from "./chunk-S76PY7GZ.mjs";
 import {
   ReownWalletProvider,
   useReownWallet
 } from "./chunk-LBEP3A2Z.mjs";
-import "./chunk-N6T4TKXI.mjs";
-import "./chunk-CSQRKM4Y.mjs";
+import "./chunk-CIAKCO7G.mjs";
+import "./chunk-VL47TLTE.mjs";
 
 // src/WithdrawModalReown.tsx
 import { useCallback } from "react";

package/dist/{WithdrawModalReown-YREQR7DV.cjs → WithdrawModalReown-SVZQKH2X.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkCPIQJR47cjs = require('./chunk-CPIQJR47.cjs');
+var _chunkK4YSUWITcjs = require('./chunk-K4YSUWIT.cjs');
 
 
 
 var _chunk6VJ2ZTNQcjs = require('./chunk-6VJ2ZTNQ.cjs');
-require('./chunk-7ZCUANBT.cjs');
-require('./chunk-DLYVHOME.cjs');
+require('./chunk-KIRDZLOS.cjs');
+require('./chunk-WB3ZJJBH.cjs');
 
 // src/WithdrawModalReown.tsx
 var _react = require('react');
@@ -17,7 +17,7 @@ function WithdrawModalWithReown(props) {
     reown.openConnect();
   }, [reown.openConnect]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkCPIQJR47cjs.WithdrawModalInner,
+    _chunkK4YSUWITcjs.WithdrawModalInner,
     {
       ...props,
       reownWallet: reown,

package/dist/{chunk-XTTTHW3W.mjs → chunk-BOKLFGNS.mjs}

@@ -21,7 +21,7 @@ import {
   portfolioToAssets,
   saveSessionOwnerToStorage,
   tokenFormatter
-} from "./chunk-N6T4TKXI.mjs";
+} from "./chunk-CIAKCO7G.mjs";
 import {
   DEFAULT_BACKEND_URL,
   DEFAULT_SIGNER_ADDRESS,
@@ -32,11 +32,11 @@ import {
   getChainId,
   getChainName,
   getSupportedChainIds,
-  getSupportedTokenSymbolsForChain,
+  getTargetTokenSymbolsForChain,
   getTokenAddress,
   getTokenIcon,
   getTokenSymbol
-} from "./chunk-CSQRKM4Y.mjs";
+} from "./chunk-VL47TLTE.mjs";
 
 // src/DepositModal.tsx
 import {
@@ -446,7 +446,7 @@ function AssetSelectStep({
                       ] })
                     ] })
                   ] }),
-                  /* @__PURE__ */ jsx2("div", { className: "rs-asset-balance", children: asset.balanceUsd !== void 0 ? currencyFormatter.format(asset.balanceUsd) : tokenAmount !== "--" ? `${tokenAmount} ${asset.symbol}` : "--" })
+                  /* @__PURE__ */ jsx2("div", { className: "rs-asset-balance", children: asset.balanceUsd !== void 0 && asset.balanceUsd > 0 ? currencyFormatter.format(asset.balanceUsd) : tokenAmount !== "--" ? `${tokenAmount} ${asset.symbol}` : "--" })
                 ]
               },
               asset.id
@@ -525,7 +525,7 @@ function AmountStep({
   onBalanceUsdChange,
   onContinue
 }) {
-  const [amountUsd, setAmountUsd] = useState3("");
+  const [amount, setAmount] = useState3("");
   const [balance, setBalance] = useState3(null);
   const [error, setError] = useState3(null);
   const [isSwitching, setIsSwitching] = useState3(false);
@@ -534,18 +534,22 @@ function AmountStep({
     walletClient?.chain?.id && walletClient.chain.id !== asset.chainId
   );
   const tokenPriceUsd = useMemo2(() => {
-    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(
         formatUnits2(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 {
       return null;
     }
   }, [tokenPriceUsdOverride, asset.balanceUsd, asset.balance, asset.decimals]);
+  const hasPricing = tokenPriceUsd !== null;
   useEffect3(() => {
     let active = true;
     async function fetchBalance() {
@@ -585,14 +589,18 @@ function AmountStep({
     }
   }, [chainMismatch, switchChain, asset.chainId]);
   useEffect3(() => {
-    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 = useMemo2(() => {
     if (balance === null || tokenPriceUsd === null) return null;
     try {
@@ -604,8 +612,7 @@ function AmountStep({
     }
   }, [balance, tokenPriceUsd, asset.decimals]);
   useEffect3(() => {
-    if (balanceUsd === null) return;
-    onBalanceUsdChange?.(balanceUsd);
+    onBalanceUsdChange?.(balanceUsd ?? 0);
   }, [balanceUsd, onBalanceUsdChange]);
   const formattedBalance = useMemo2(() => {
     if (balance === null) return "...";
@@ -619,47 +626,62 @@ function AmountStep({
     }
   }, [balance, asset.decimals]);
   const tokenAmount = useMemo2(() => {
-    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 = useMemo2(() => {
     if (tokenAmount === null) return "0.00";
     return tokenFormatter.format(tokenAmount);
   }, [tokenAmount]);
   const targetSymbol = getTokenSymbol(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(formatUnits2(balance, asset.decimals));
+        if (Number.isFinite(balanceUnits)) {
+          const value = balanceUnits * percentage / 100;
+          setAmount(value.toString());
+        }
+      } catch {
+        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 (uiConfig?.maxDepositUsd && usdValue > uiConfig.maxDepositUsd) {
-      setError(
-        `Maximum deposit is ${currencyFormatter.format(uiConfig.maxDepositUsd)}`
-      );
-      return;
-    }
-    if (uiConfig?.minDepositUsd && usdValue < uiConfig.minDepositUsd) {
-      setError(
-        `Minimum deposit is ${currencyFormatter.format(uiConfig.minDepositUsd)}`
-      );
-      return;
-    }
-    if (tokenPriceUsd === null || tokenPriceUsd === 0) {
-      setError("Unable to determine token price");
-      return;
+    let tokenAmountStr;
+    if (hasPricing) {
+      if (uiConfig?.maxDepositUsd && numericAmount > uiConfig.maxDepositUsd) {
+        setError(
+          `Maximum deposit is ${currencyFormatter.format(uiConfig.maxDepositUsd)}`
+        );
+        return;
+      }
+      if (uiConfig?.minDepositUsd && numericAmount < uiConfig.minDepositUsd) {
+        setError(
+          `Minimum deposit is ${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 = parseUnits(tokenAmountStr, asset.decimals);
@@ -689,35 +711,52 @@ function AmountStep({
   return /* @__PURE__ */ jsxs3("div", { className: "rs-step", children: [
     /* @__PURE__ */ jsxs3("div", { className: "rs-step-body", style: { paddingTop: 0 }, children: [
       /* @__PURE__ */ jsxs3("div", { className: "rs-amount-display", children: [
-        /* @__PURE__ */ jsx3("div", { className: "rs-amount-input-wrapper", children: /* @__PURE__ */ jsx3(
+        /* @__PURE__ */ jsx3("div", { className: "rs-amount-input-wrapper", children: hasPricing ? /* @__PURE__ */ jsx3(
           "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__ */ jsx3(
+          "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__ */ jsxs3("div", { className: "rs-amount-token-value", children: [
+        hasPricing ? /* @__PURE__ */ jsxs3("div", { className: "rs-amount-token-value", children: [
           formattedTokenAmount,
           " ",
           asset.symbol
-        ] }),
+        ] }) : /* @__PURE__ */ jsx3("div", { className: "rs-amount-token-value", style: { color: "var(--rs-muted-foreground)" }, children: "Price unavailable" }),
         /* @__PURE__ */ jsx3("div", { className: "rs-amount-available", children: /* @__PURE__ */ jsxs3("span", { className: "rs-amount-available-value", children: [
           formattedBalance,
           " ",
           asset.symbol,
           " available",
-          balanceUsd !== null && /* @__PURE__ */ jsxs3("span", { style: { color: "var(--rs-muted-foreground)" }, children: [
+          hasPricing && balanceUsd !== null && /* @__PURE__ */ jsxs3("span", { style: { color: "var(--rs-muted-foreground)" }, children: [
             " ",
             "(",
             currencyFormatter.format(balanceUsd),
@@ -837,7 +876,7 @@ function AmountStep({
             type: "button",
             className: "rs-amount-preset-btn",
             onClick: () => handlePresetClick(pct),
-            disabled: balanceUsd === null,
+            disabled: balance === null,
             children: [
               pct,
               "%"
@@ -851,7 +890,7 @@ function AmountStep({
             type: "button",
             className: "rs-amount-preset-btn",
             onClick: () => handlePresetClick(100),
-            disabled: balanceUsd === null,
+            disabled: balance === null,
             children: "Max"
           }
         )
@@ -900,7 +939,7 @@ function AmountStep({
       {
         onClick: handleContinue,
         fullWidth: true,
-        disabled: !amountUsd || chainMismatch,
+        disabled: !amount || chainMismatch,
         children: "Continue"
       }
     ) }),
@@ -1352,7 +1391,7 @@ function DepositAddressStep({
   const defaultChainId = supportedChainIds.includes(BASE_CHAIN_ID) ? BASE_CHAIN_ID : supportedChainIds[0];
   const [sourceChainId, setSourceChainId] = useState6(defaultChainId);
   const tokensForChain = useMemo5(
-    () => getSupportedTokenSymbolsForChain(sourceChainId),
+    () => getTargetTokenSymbolsForChain(sourceChainId),
     [sourceChainId]
   );
   const defaultToken = tokensForChain.includes("USDC") ? "USDC" : tokensForChain[0] ?? "USDC";
@@ -1445,7 +1484,7 @@ function DepositAddressStep({
     /* @__PURE__ */ jsx6("div", { className: "rs-step-body", children: /* @__PURE__ */ jsxs6("div", { className: "rs-deposit-address", children: [
       /* @__PURE__ */ jsxs6("div", { className: "rs-deposit-address-selectors", children: [
         /* @__PURE__ */ jsxs6("div", { className: "rs-deposit-address-dropdown", children: [
-          /* @__PURE__ */ jsx6("div", { className: "rs-deposit-address-dropdown-label", children: "Supported token" }),
+          /* @__PURE__ */ jsx6("div", { className: "rs-deposit-address-dropdown-label", children: "Fallback token" }),
           /* @__PURE__ */ jsxs6(
             "button",
             {
@@ -1511,7 +1550,7 @@ function DepositAddressStep({
           )) })
         ] }),
         /* @__PURE__ */ jsxs6("div", { className: "rs-deposit-address-dropdown", children: [
-          /* @__PURE__ */ jsx6("div", { className: "rs-deposit-address-dropdown-label", children: "Supported chain" }),
+          /* @__PURE__ */ jsx6("div", { className: "rs-deposit-address-dropdown-label", children: "Fallback chain" }),
           /* @__PURE__ */ jsxs6(
             "button",
             {
@@ -2105,7 +2144,7 @@ function DepositFlow({
 // src/DepositModal.tsx
 import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 var ReownDepositInner = lazy(
-  () => import("./DepositModalReown-BVHWFWIG.mjs").then((m) => ({ default: m.DepositModalReown }))
+  () => import("./DepositModalReown-OHTRNISJ.mjs").then((m) => ({ default: m.DepositModalReown }))
 );
 function DepositModal(props) {
   const needsReown = !!props.reownAppId;

package/dist/{chunk-N6T4TKXI.mjs → chunk-CIAKCO7G.mjs}

@@ -6,9 +6,8 @@ import {
   getExplorerTxUrl,
   getTokenAddress,
   getTokenDecimalsByAddress,
-  getTokenSymbol,
-  isSupportedTokenAddressForChain
-} from "./chunk-CSQRKM4Y.mjs";
+  getTokenSymbol
+} from "./chunk-VL47TLTE.mjs";
 
 // src/components/ui/Modal.tsx
 import {
@@ -366,22 +365,15 @@ function normalizeOrchestratorPortfolio(data) {
       if (!resolvedTokenAddress) {
         continue;
       }
-      if (!isSupportedTokenAddressForChain(
-        resolvedTokenAddress,
-        chainBalance.chainId
-      )) {
-        continue;
-      }
-      const symbol = getTokenSymbol(resolvedTokenAddress, chainBalance.chainId);
+      const registrySymbol = getTokenSymbol(resolvedTokenAddress, chainBalance.chainId);
+      const symbol = registrySymbol !== "Token" ? registrySymbol : normalizedName || "Token";
+      const decimals = registrySymbol !== "Token" ? getTokenDecimalsByAddress(resolvedTokenAddress, chainBalance.chainId) : tokenData.tokenDecimals ?? 18;
       tokens.push({
         chainId: chainBalance.chainId,
         address: resolvedTokenAddress,
         symbol,
         name: symbol,
-        decimals: getTokenDecimalsByAddress(
-          resolvedTokenAddress,
-          chainBalance.chainId
-        ),
+        decimals,
         balance: unlocked,
         balanceUsd: 0
       });
@@ -405,14 +397,17 @@ function normalizeDirectToken(token) {
   ) ?? getTokenAddress(symbol, chainId);
   if (!address) return null;
   const addressAsToken = address;
-  if (!isSupportedTokenAddressForChain(addressAsToken, chainId)) return null;
   const balanceUsd = extractNumber(token, "balanceUsd") ?? extractNumber(token, "usdValue") ?? extractNumber(token, "valueUsd") ?? extractNumericString(token, "balanceUsd") ?? extractNumericString(token, "usdValue") ?? extractNumericString(token, "valueUsd") ?? 0;
+  const registrySymbol = getTokenSymbol(addressAsToken, chainId);
+  const resolvedSymbol = registrySymbol !== "Token" ? registrySymbol : symbol;
+  const backendDecimals = extractNumber(token, "decimals") ?? extractNumber(token, "tokenDecimals");
+  const resolvedDecimals = registrySymbol !== "Token" ? getTokenDecimalsByAddress(addressAsToken, chainId) : backendDecimals ?? 18;
   return {
     chainId,
     address: addressAsToken,
-    symbol: getTokenSymbol(addressAsToken, chainId),
-    name: getTokenSymbol(addressAsToken, chainId),
-    decimals: getTokenDecimalsByAddress(addressAsToken, chainId),
+    symbol: resolvedSymbol,
+    name: resolvedSymbol,
+    decimals: resolvedDecimals,
     balance: balanceValue,
     balanceUsd
   };
@@ -973,11 +968,13 @@ function getEventTxHash(event) {
   }
   if (event.type === "bridge-started" || event.type === "bridge-complete") {
     const deposit = isRecord(event.data?.deposit) ? event.data.deposit : void 0;
-    return asString(deposit?.transactionHash);
+    const source = isRecord(event.data?.source) ? event.data.source : void 0;
+    return asString(deposit?.transactionHash) ?? asString(source?.transactionHash);
   }
   if (event.type === "bridge-failed" || event.type === "error") {
     const deposit = isRecord(event.data?.deposit) ? event.data.deposit : void 0;
-    return asString(deposit?.transactionHash);
+    const source = isRecord(event.data?.source) ? event.data.source : void 0;
+    return asString(deposit?.transactionHash) ?? asString(source?.transactionHash);
   }
   return void 0;
 }