@rhinestone/deposit-modal 0.1.69 → 0.2.0

package/dist/{DepositModalReown-3GU5B776.cjs → DepositModalReown-66DE7NAY.cjs}

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
 
-var _chunk6W42ROABcjs = require('./chunk-6W42ROAB.cjs');
+var _chunkUHQSFV5Vcjs = require('./chunk-UHQSFV5V.cjs');
 
 
 
 var _chunkYQFH2WSWcjs = require('./chunk-YQFH2WSW.cjs');
-require('./chunk-TCILEYM5.cjs');
+require('./chunk-XW4M7WDI.cjs');
 require('./chunk-MUWVDVY4.cjs');
 
 // src/DepositModalReown.tsx
@@ -32,7 +32,7 @@ function DepositModalWithReown(props) {
     reown.disconnect();
   }, [reown.disconnect]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk6W42ROABcjs.DepositModalInner,
+    _chunkUHQSFV5Vcjs.DepositModalInner,
     {
       ...props,
       reownWallet: reownWithSolana,

package/dist/{DepositModalReown-WN2E3EQ3.mjs → DepositModalReown-PROPLCBI.mjs}

@@ -1,11 +1,11 @@
 import {
   DepositModalInner
-} from "./chunk-3RV2B6JM.mjs";
+} from "./chunk-7NEVAAPY.mjs";
 import {
   ReownWalletProvider,
   useReownWallet
 } from "./chunk-5YXAQB6A.mjs";
-import "./chunk-DA3XVDNQ.mjs";
+import "./chunk-3CRG5NPG.mjs";
 import "./chunk-SDZKKUCJ.mjs";
 
 // src/DepositModalReown.tsx

package/dist/{WithdrawModalReown-WIV5IEIW.cjs → WithdrawModalReown-HXTXSZCJ.cjs}

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk2ATEEBQZcjs = require('./chunk-2ATEEBQZ.cjs');
+var _chunk7TEGUTU4cjs = require('./chunk-7TEGUTU4.cjs');
 
 
 
 var _chunkYQFH2WSWcjs = require('./chunk-YQFH2WSW.cjs');
-require('./chunk-TCILEYM5.cjs');
+require('./chunk-XW4M7WDI.cjs');
 require('./chunk-MUWVDVY4.cjs');
 
 // src/WithdrawModalReown.tsx
@@ -20,7 +20,7 @@ function WithdrawModalWithReown(props) {
     reown.disconnect();
   }, [reown.disconnect]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk2ATEEBQZcjs.WithdrawModalInner,
+    _chunk7TEGUTU4cjs.WithdrawModalInner,
     {
       ...props,
       reownWallet: reown,

package/dist/{WithdrawModalReown-6ZBCJOPK.mjs → WithdrawModalReown-URF6AERQ.mjs}

@@ -1,11 +1,11 @@
 import {
   WithdrawModalInner
-} from "./chunk-P3CGKXXZ.mjs";
+} from "./chunk-TKTOPC2W.mjs";
 import {
   ReownWalletProvider,
   useReownWallet
 } from "./chunk-5YXAQB6A.mjs";
-import "./chunk-DA3XVDNQ.mjs";
+import "./chunk-3CRG5NPG.mjs";
 import "./chunk-SDZKKUCJ.mjs";
 
 // src/WithdrawModalReown.tsx

package/dist/{chunk-DA3XVDNQ.mjs → chunk-3CRG5NPG.mjs}

@@ -703,6 +703,50 @@ function createDepositService(baseUrl, options) {
         hasMore: Boolean(nextCursor)
       });
       return { deposits, nextCursor };
+    },
+    async checkLiquidity(params) {
+      const searchParams = new URLSearchParams({
+        sourceChainId: String(params.sourceChainId),
+        sourceToken: params.sourceToken,
+        destinationChainId: String(params.destinationChainId),
+        destinationToken: params.destinationToken,
+        amount: params.amount
+      });
+      const url = apiUrl(`/liquidity?${searchParams.toString()}`);
+      debugLog(debug, scope, "checkLiquidity:request", {
+        url,
+        sourceChainId: params.sourceChainId,
+        destinationChainId: params.destinationChainId,
+        amount: params.amount
+      });
+      const response = await fetch(url, {
+        method: "GET",
+        headers: { "Content-Type": "application/json" },
+        cache: "no-store"
+      });
+      if (!response.ok) {
+        const error = await response.json().catch(() => ({ error: "Unknown error" }));
+        debugError(debug, scope, "checkLiquidity:failed", error, {
+          status: response.status
+        });
+        throw new Error(
+          error.error || `Liquidity check failed: ${response.status}`
+        );
+      }
+      const data = await response.json();
+      const result = {
+        hasLiquidity: data.hasLiquidity === true,
+        symbol: typeof data.symbol === "string" ? data.symbol : "",
+        decimals: typeof data.decimals === "number" ? data.decimals : 0,
+        unlimited: data.unlimited === true,
+        maxAmount: typeof data.maxAmount === "string" ? data.maxAmount : null
+      };
+      debugLog(debug, scope, "checkLiquidity:success", {
+        hasLiquidity: result.hasLiquidity,
+        unlimited: result.unlimited,
+        maxAmount: result.maxAmount
+      });
+      return result;
     }
   };
 }

package/dist/{chunk-3RV2B6JM.mjs → chunk-7NEVAAPY.mjs}

@@ -28,7 +28,7 @@ import {
   tokenFormatter,
   txRefsMatch,
   useLatestRef
-} from "./chunk-DA3XVDNQ.mjs";
+} from "./chunk-3CRG5NPG.mjs";
 import {
   DEFAULT_BACKEND_URL,
   DEFAULT_SIGNER_ADDRESS,
@@ -62,7 +62,7 @@ import {
 
 // src/DepositFlow.tsx
 import { useState as useState11, useCallback as useCallback5, useMemo as useMemo6, useEffect as useEffect10, useRef as useRef7 } from "react";
-import { formatUnits as formatUnits5 } from "viem";
+import { formatUnits as formatUnits6 } from "viem";
 
 // src/components/steps/SetupStep.tsx
 import { useState, useEffect, useRef, useCallback } from "react";
@@ -582,12 +582,14 @@ function AmountStep({
   tokenPriceUsdOverride,
   onBalanceUsdChange,
   onContinue,
-  onCtaClick
+  onCtaClick,
+  service
 }) {
   const [amount, setAmount] = useState3("");
   const [balance, setBalance] = useState3(null);
   const [error, setError] = useState3(null);
   const [isSwitching, setIsSwitching] = useState3(false);
+  const [isCheckingLiquidity, setIsCheckingLiquidity] = useState3(false);
   const hasAttemptedSwitch = useRef2(false);
   const chainMismatch = Boolean(
     walletClient?.chain?.id && walletClient.chain.id !== asset.chainId
@@ -707,7 +709,7 @@ function AmountStep({
     }
     if (error) setError(null);
   };
-  const handleContinue = () => {
+  const handleContinue = async () => {
     const numericAmount = parseFloat(amount);
     if (isNaN(numericAmount) || numericAmount <= 0) {
       setError("Please enter a valid amount");
@@ -747,7 +749,34 @@ function AmountStep({
     }
     setError(null);
     onCtaClick?.("continue");
-    onContinue(tokenAmountStr, amount, balance ?? void 0);
+    setIsCheckingLiquidity(true);
+    let liquidityWarning;
+    try {
+      const liquidity = await service.checkLiquidity({
+        sourceChainId: asset.chainId,
+        sourceToken: asset.token,
+        destinationChainId: targetChain,
+        destinationToken: targetToken,
+        amount: amountInUnits.toString()
+      });
+      if (liquidity.unlimited || liquidity.hasLiquidity) {
+        liquidityWarning = void 0;
+      } else if (liquidity.maxAmount !== null) {
+        liquidityWarning = {
+          kind: "low",
+          maxAmount: liquidity.maxAmount,
+          decimals: liquidity.decimals,
+          symbol: liquidity.symbol
+        };
+      } else {
+        liquidityWarning = { kind: "unavailable" };
+      }
+    } catch {
+      liquidityWarning = { kind: "check-failed" };
+    } finally {
+      setIsCheckingLiquidity(false);
+    }
+    onContinue(tokenAmountStr, amount, balance ?? void 0, liquidityWarning);
   };
   return /* @__PURE__ */ jsxs3("div", { className: "rs-step", children: [
     /* @__PURE__ */ jsxs3("div", { className: "rs-step-body", style: { paddingTop: 0 }, children: [
@@ -945,8 +974,8 @@ function AmountStep({
       {
         onClick: handleContinue,
         fullWidth: true,
-        disabled: !amount || chainMismatch,
-        children: uiConfig?.minDepositUsd && parseFloat(amount) > 0 && parseFloat(amount) < uiConfig.minDepositUsd ? "Update order" : "Continue"
+        disabled: !amount || chainMismatch || isCheckingLiquidity,
+        children: isCheckingLiquidity ? "Checking liquidity\u2026" : uiConfig?.minDepositUsd && parseFloat(amount) > 0 && parseFloat(amount) < uiConfig.minDepositUsd ? "Update order" : "Continue"
       }
     ) }),
     /* @__PURE__ */ jsx3(PoweredBy, {})
@@ -970,6 +999,7 @@ function ConfirmStep({
   targetChain,
   targetToken,
   switchChain,
+  liquidityWarning,
   onConfirm,
   onError,
   onDepositSubmitted
@@ -1165,6 +1195,19 @@ function ConfirmStep({
           )
         ] })
       ] }),
+      liquidityWarning && (liquidityWarning.kind === "unavailable" || liquidityWarning.kind === "check-failed") && /* @__PURE__ */ jsx4(
+        "div",
+        {
+          style: {
+            fontSize: 11,
+            color: "var(--color-amber8)",
+            marginTop: 8,
+            textAlign: "center",
+            opacity: 0.85
+          },
+          children: liquidityWarning.kind === "unavailable" ? "Route may be unavailable" : "Liquidity check failed"
+        }
+      ),
       error && /* @__PURE__ */ jsxs4("div", { className: "rs-alert rs-alert--error", children: [
         /* @__PURE__ */ jsx4(
           "svg",
@@ -1203,6 +1246,7 @@ function ConfirmStep({
 
 // src/components/steps/DepositAddressStep.tsx
 import { useState as useState7, useEffect as useEffect7, useCallback as useCallback4, useRef as useRef6, useMemo as useMemo3 } from "react";
+import { formatUnits as formatUnits3 } from "viem";
 
 // src/components/ui/QRCode.tsx
 import { QRCode as QRCodeCanvas } from "react-qrcode-logo";
@@ -1949,6 +1993,59 @@ function DepositAddressStep({
       sourceSymbol: sourceTokenSymbol
     };
   }, [sourceChainId, sourceTokenSymbol, isSolana]);
+  const [liquidityHelper, setLiquidityHelper] = useState7({
+    kind: "idle"
+  });
+  useEffect7(() => {
+    if (isSolana) {
+      setLiquidityHelper({ kind: "idle" });
+      return;
+    }
+    const sourceTokenAddress = getTokenAddress(
+      sourceTokenSymbol,
+      sourceChainId
+    );
+    if (!sourceTokenAddress) {
+      setLiquidityHelper({ kind: "idle" });
+      return;
+    }
+    let cancelled = false;
+    setLiquidityHelper({ kind: "loading" });
+    service.checkLiquidity({
+      sourceChainId,
+      sourceToken: sourceTokenAddress,
+      destinationChainId: targetChain,
+      destinationToken: targetToken,
+      amount: "1"
+    }).then((result) => {
+      if (cancelled) return;
+      if (result.unlimited) {
+        setLiquidityHelper({ kind: "unlimited" });
+      } else if (result.maxAmount === null) {
+        setLiquidityHelper({ kind: "unavailable" });
+      } else {
+        setLiquidityHelper({
+          kind: "max",
+          maxAmount: result.maxAmount,
+          decimals: result.decimals,
+          symbol: result.symbol || sourceTokenSymbol
+        });
+      }
+    }).catch(() => {
+      if (cancelled) return;
+      setLiquidityHelper({ kind: "error" });
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [
+    isSolana,
+    sourceChainId,
+    sourceTokenSymbol,
+    targetChain,
+    targetToken,
+    service
+  ]);
   const displayAddress = isSolana && solanaDepositAddress ? solanaDepositAddress : smartAccount;
   useEffect7(() => {
     if (!chainDropdownOpen && !tokenDropdownOpen) return;
@@ -2376,7 +2473,7 @@ function DepositAddressStep({
                 ] }) }),
                 /* @__PURE__ */ jsxs7("span", { className: "rs-price-impact-label", children: [
                   "Max slippage: ",
-                  /* @__PURE__ */ jsx8("strong", { children: "Auto \u2022 0.1%" })
+                  /* @__PURE__ */ jsx8("strong", { children: "0.2%" })
                 ] }),
                 /* @__PURE__ */ jsx8(
                   Tooltip,
@@ -2399,6 +2496,27 @@ function DepositAddressStep({
                   "Processing time: ",
                   /* @__PURE__ */ jsx8("strong", { children: "< 1 min" })
                 ] })
+              ] }),
+              /* @__PURE__ */ jsxs7("div", { className: "rs-price-impact-row", children: [
+                /* @__PURE__ */ jsx8("span", { className: "rs-price-impact-row-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsxs7("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", children: [
+                  /* @__PURE__ */ jsx8("circle", { cx: "12", cy: "12", r: "9" }),
+                  /* @__PURE__ */ jsx8(
+                    "path",
+                    {
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      d: "M8 12h8M12 8v8"
+                    }
+                  )
+                ] }) }),
+                /* @__PURE__ */ jsxs7("span", { className: "rs-price-impact-label", children: [
+                  "Max deposit:",
+                  " ",
+                  /* @__PURE__ */ jsx8("strong", { children: liquidityHelper.kind === "max" ? `${formatUnits3(
+                    BigInt(liquidityHelper.maxAmount),
+                    liquidityHelper.decimals
+                  )} ${liquidityHelper.symbol}` : liquidityHelper.kind === "unlimited" ? "Unlimited" : liquidityHelper.kind === "unavailable" ? "Unavailable" : liquidityHelper.kind === "error" ? "\u2014" : "\u2026" })
+                ] })
               ] })
             ] }) })
           ]
@@ -2429,7 +2547,7 @@ DepositAddressStep.displayName = "DepositAddressStep";
 
 // src/components/steps/SolanaTokenSelectStep.tsx
 import { useState as useState8, useEffect as useEffect8, useMemo as useMemo4 } from "react";
-import { formatUnits as formatUnits3 } from "viem";
+import { formatUnits as formatUnits4 } from "viem";
 import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 function SolanaTokenSelectStep({
   solanaAddress,
@@ -2570,7 +2688,7 @@ function SolanaTokenSelectStep({
             const chainIcon = getChainIcon("solana");
             let formattedBalance;
             try {
-              const raw = formatUnits3(entry.balance, entry.token.decimals);
+              const raw = formatUnits4(entry.balance, entry.token.decimals);
               const numeric = Number(raw);
               formattedBalance = Number.isFinite(numeric) ? tokenFormatter.format(numeric) : raw;
             } catch {
@@ -2644,7 +2762,7 @@ function SolanaTokenSelectStep({
 
 // src/components/steps/SolanaAmountStep.tsx
 import { useEffect as useEffect9, useMemo as useMemo5, useState as useState9 } from "react";
-import { formatUnits as formatUnits4, parseUnits as parseUnits3 } from "viem";
+import { formatUnits as formatUnits5, parseUnits as parseUnits3 } from "viem";
 import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 var SOL_FEE_RESERVE_LAMPORTS = 1000000n;
 function SolanaAmountStep({
@@ -2662,7 +2780,7 @@ function SolanaAmountStep({
   const tokenPriceUsd = useMemo5(() => {
     if (isSourceStablecoin) return 1;
     try {
-      const balanceUnits = Number(formatUnits4(balance, token.decimals));
+      const balanceUnits = Number(formatUnits5(balance, token.decimals));
       if (!Number.isFinite(balanceUnits) || balanceUnits <= 0 || balanceUsd <= 0) {
         return null;
       }
@@ -2683,7 +2801,7 @@ function SolanaAmountStep({
   }, [defaultAmount, amount]);
   const formattedBalance = useMemo5(() => {
     try {
-      const raw = formatUnits4(balance, token.decimals);
+      const raw = formatUnits5(balance, token.decimals);
       const numeric = Number(raw);
       if (!Number.isFinite(numeric)) return raw;
       return tokenFormatter.format(numeric);
@@ -2693,7 +2811,7 @@ function SolanaAmountStep({
   }, [balance, token.decimals]);
   const computedBalanceUsd = useMemo5(() => {
     try {
-      const balanceUnits = Number(formatUnits4(balance, token.decimals));
+      const balanceUnits = Number(formatUnits5(balance, token.decimals));
       if (!Number.isFinite(balanceUnits) || balanceUnits < 0) return null;
       if (tokenPriceUsd !== null) return balanceUnits * tokenPriceUsd;
       if (Number.isFinite(balanceUsd) && balanceUsd > 0) return balanceUsd;
@@ -2712,7 +2830,7 @@ function SolanaAmountStep({
   }, [balance, token]);
   const spendableBalanceUsd = useMemo5(() => {
     try {
-      const spendableUnits = Number(formatUnits4(spendableBalance, token.decimals));
+      const spendableUnits = Number(formatUnits5(spendableBalance, token.decimals));
       if (!Number.isFinite(spendableUnits) || spendableUnits < 0) return null;
       if (tokenPriceUsd !== null) return spendableUnits * tokenPriceUsd;
       return null;
@@ -2722,7 +2840,7 @@ function SolanaAmountStep({
   }, [spendableBalance, token.decimals, tokenPriceUsd]);
   const handlePresetClick = (percentage) => {
     try {
-      const spendableUnits = Number(formatUnits4(spendableBalance, token.decimals));
+      const spendableUnits = Number(formatUnits5(spendableBalance, token.decimals));
       if (!Number.isFinite(spendableUnits) || spendableUnits <= 0) return;
       const value = isSourceStablecoin || !hasPricing ? spendableUnits * percentage / 100 : (spendableBalanceUsd ?? 0) * percentage / 100;
       const maxDecimals = 3;
@@ -3255,7 +3373,7 @@ function DepositFlow({
       if (asset.symbol.toLowerCase() === sym && asset.balanceUsd && asset.balance) {
         try {
           const balanceUnits = Number(
-            formatUnits5(BigInt(asset.balance), asset.decimals)
+            formatUnits6(BigInt(asset.balance), asset.decimals)
           );
           if (balanceUnits > 0) return asset.balanceUsd / balanceUnits;
         } catch {
@@ -3778,7 +3896,7 @@ function DepositFlow({
     [defaultAmount, onEvent, totalBalanceUsd]
   );
   const handleAmountContinue = useCallback5(
-    (amount, targetAmount, balance) => {
+    (amount, targetAmount, balance, liquidityWarning) => {
       const targetSym = getTokenSymbol(targetToken, targetChain);
       const isTargetStable = isStablecoinSymbol(targetSym);
       const targetTokenPriceUsd = isTargetStable ? 1 : getTokenPriceUsd(targetSym);
@@ -3791,7 +3909,8 @@ function DepositFlow({
           amount,
           targetAmount,
           targetTokenPriceUsd,
-          balance
+          balance,
+          liquidityWarning
         };
       });
     },
@@ -4204,6 +4323,7 @@ function DepositFlow({
         targetChain,
         targetToken,
         uiConfig,
+        service,
         onContinue: handleAmountContinue,
         onCtaClick: (ctaName) => {
           const receiveSymbol = getTokenSymbol(targetToken, targetChain);
@@ -4232,6 +4352,7 @@ function DepositFlow({
         targetChain,
         targetToken,
         switchChain: signerContext.switchChain,
+        liquidityWarning: step.liquidityWarning,
         onConfirm: handleDepositSubmitted,
         onDepositSubmitted: handleDepositSubmittedCallback,
         onError: handleError
@@ -4530,7 +4651,7 @@ DepositHistoryPanel.displayName = "DepositHistoryPanel";
 // src/DepositModal.tsx
 import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
 var ReownDepositInner = lazy(
-  () => import("./DepositModalReown-WN2E3EQ3.mjs").then((m) => ({ default: m.DepositModalReown }))
+  () => import("./DepositModalReown-PROPLCBI.mjs").then((m) => ({ default: m.DepositModalReown }))
 );
 function DepositModal(props) {
   const needsReown = !!props.reownAppId;