@rhinestone/deposit-modal 0.4.1 → 0.4.2

package/dist/{chunk-A33QFRKD.mjs → chunk-7EQQD7B4.mjs}

@@ -3059,6 +3059,23 @@ function estimateReceiveAmount(params) {
   if (targetPrice === void 0) return void 0;
   return usdValue / targetPrice;
 }
+function formatQuotedReceive(output, fallbackSymbol) {
+  if (output.decimals === null) return void 0;
+  let raw;
+  try {
+    raw = BigInt(output.amount);
+  } catch {
+    return void 0;
+  }
+  if (raw <= 0n) return void 0;
+  const symbol = output.symbol ?? fallbackSymbol;
+  const formatted = formatRawTokenAmount(raw, {
+    symbol,
+    decimals: output.decimals
+  });
+  if (formatted === void 0) return void 0;
+  return `~${formatted} ${symbol}`;
+}
 function formatReceiveEstimate(params) {
   const estimate = estimateReceiveAmount(params);
   if (estimate === void 0) return void 0;
@@ -4014,6 +4031,7 @@ export {
   formatUserError,
   Tooltip,
   formatTokenAmount,
+  formatQuotedReceive,
   formatReceiveEstimate,
   getEventTxHash,
   getEventSourceDetails,

package/dist/{chunk-3GLQC2KQ.mjs → chunk-7JVBUMFE.mjs}

@@ -30,7 +30,7 @@ import {
   saveSessionOwnerToStorage,
   useLatestRef,
   useTokenPrices
-} from "./chunk-A33QFRKD.mjs";
+} from "./chunk-7EQQD7B4.mjs";
 import {
   buildSafeTransaction,
   executeSafeErc20Transfer,
@@ -1564,7 +1564,7 @@ function deriveStepView(step, _registration) {
 // src/WithdrawModal.tsx
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var ReownWithdrawInner = lazy(
-  () => import("./WithdrawModalReown-G7EM6HXO.mjs").then((m) => ({
+  () => import("./WithdrawModalReown-L4SWLONE.mjs").then((m) => ({
     default: m.WithdrawModalReown
   }))
 );

package/dist/{chunk-RTAIW3WW.mjs → chunk-ANPDY6NJ.mjs}

@@ -45,6 +45,7 @@ import {
   debugError,
   debugLog,
   failureMessageForEvent,
+  formatQuotedReceive,
   formatReceiveEstimate,
   formatTokenAmount,
   formatUserError,
@@ -63,7 +64,7 @@ import {
   tokenFormatter,
   txRefsMatch,
   useLatestRef
-} from "./chunk-A33QFRKD.mjs";
+} from "./chunk-7EQQD7B4.mjs";
 import {
   SAFE_ABI
 } from "./chunk-F7P4MV72.mjs";
@@ -119,7 +120,6 @@ import {
   useLayoutEffect as useLayoutEffect2,
   useRef as useRef8
 } from "react";
-import { formatUnits as formatUnits7 } from "viem";
 
 // src/components/steps/AssetSelectStep.tsx
 import { useEffect, useMemo, useState } from "react";
@@ -134,7 +134,6 @@ function AssetSelectStep({
   service,
   onContinue,
   onTotalBalanceComputed,
-  onAssetsLoaded,
   onDisconnect
 }) {
   const [assets, setAssets] = useState([]);
@@ -149,7 +148,6 @@ function AssetSelectStep({
     });
   }, [defaultSourceChain, defaultSourceToken]);
   const onTotalBalanceComputedRef = useLatestRef(onTotalBalanceComputed);
-  const onAssetsLoadedRef = useLatestRef(onAssetsLoaded);
   useEffect(() => {
     let active = true;
     function emitAssetsUpdate(currentAssets) {
@@ -158,7 +156,6 @@ function AssetSelectStep({
         0
       );
       onTotalBalanceComputedRef.current?.(total);
-      if (currentAssets.length > 0) onAssetsLoadedRef.current?.(currentAssets);
     }
     async function loadPortfolio() {
       if (!address) {
@@ -202,7 +199,7 @@ function AssetSelectStep({
     return () => {
       active = false;
     };
-  }, [address, publicClient, service, onTotalBalanceComputedRef, onAssetsLoadedRef]);
+  }, [address, publicClient, service, onTotalBalanceComputedRef]);
   useEffect(() => {
     if (!defaultAssetId || selectedAssetId) return;
     if (assets.some((asset) => asset.id === defaultAssetId)) {
@@ -706,32 +703,34 @@ function AmountStep({
     }
     setError(null);
     onCtaClick?.("continue");
-    setIsCheckingLiquidity(true);
     let liquidityWarning;
-    try {
-      const liquidity = await service.checkLiquidity({
-        sourceChainId: liquiditySource?.chainId ?? asset.chainId,
-        sourceToken: liquiditySource?.token ?? 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" };
+    if (uiConfig?.checkLiquidity) {
+      setIsCheckingLiquidity(true);
+      try {
+        const liquidity = await service.checkLiquidity({
+          sourceChainId: liquiditySource?.chainId ?? asset.chainId,
+          sourceToken: liquiditySource?.token ?? 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);
       }
-    } catch {
-      liquidityWarning = { kind: "check-failed" };
-    } finally {
-      setIsCheckingLiquidity(false);
     }
     onContinue(
       sourceAmount.toString(),
@@ -882,6 +881,10 @@ function ConfirmStep({
   const formattedSendAmount = amount && Number.isFinite(Number(amount)) ? formatTokenAmount(Number(amount), asset.symbol) ?? "0" : "0";
   const receiveDisplay = (() => {
     if (sameRoute) return `${formattedSendAmount} ${asset.symbol}`;
+    if (quote) {
+      const quoted = formatQuotedReceive(quote.output, targetSymbol);
+      if (quoted !== void 0) return quoted;
+    }
     const usdValue = Number(targetAmount);
     const sourceAmountUsd = Number.isFinite(usdValue) && usdValue > 0 ? usdValue : void 0;
     const estimate = formatReceiveEstimate({
@@ -892,7 +895,7 @@ function ConfirmStep({
       prices: targetTokenPriceUsd !== null && targetTokenPriceUsd > 0 ? { [targetSymbol.toUpperCase()]: targetTokenPriceUsd } : {}
     });
     if (estimate !== void 0) return estimate;
-    return sourceAmountUsd !== void 0 ? `~$${sourceAmountUsd.toFixed(2)}` : `${formattedSendAmount} ${asset.symbol}`;
+    return targetSymbol;
   })();
   const feeSponsored = uiConfig?.feeSponsored ?? false;
   const feeTooltip = uiConfig?.feeTooltip ?? (feeSponsored ? "Network fees are sponsored for this deposit." : "Network fees apply.");
@@ -3480,7 +3483,7 @@ function SolanaConfirmStep({
       prices: targetTokenPriceUsd !== null && targetTokenPriceUsd > 0 ? { [targetSymbol.toUpperCase()]: targetTokenPriceUsd } : {}
     });
     if (estimate !== void 0) return estimate;
-    return sourceAmountUsd !== void 0 ? `~$${sourceAmountUsd.toFixed(2)}` : `${formattedAmount} ${token.symbol}`;
+    return targetSymbol;
   })();
   const handleConfirm = async () => {
     if (!solanaProvider) {
@@ -5370,7 +5373,6 @@ function DepositFlow({
   const isConnectSelectionConfirmed = flowSlice.isConnectSelectionConfirmed;
   const selectedWalletId = useDepositStore(selectedWalletIdSelector);
   const [totalBalanceUsd, setTotalBalanceUsd] = useState11(0);
-  const portfolioAssetsRef = useRef8([]);
   const stableWalletSignerRef = useRef8(null);
   const stableWalletSelectionKeyRef = useRef8(null);
   const logFlow = useCallback7(
@@ -5385,24 +5387,6 @@ function DepositFlow({
     },
     [debug]
   );
-  const handleAssetsLoaded = useCallback7((assets) => {
-    portfolioAssetsRef.current = assets;
-  }, []);
-  const getTokenPriceUsd = useCallback7((symbol) => {
-    const sym = symbol.toLowerCase();
-    for (const asset of portfolioAssetsRef.current) {
-      if (asset.symbol.toLowerCase() === sym && asset.balanceUsd && asset.balance) {
-        try {
-          const balanceUnits = Number(
-            formatUnits7(BigInt(asset.balance), asset.decimals)
-          );
-          if (balanceUnits > 0) return asset.balanceUsd / balanceUnits;
-        } catch {
-        }
-      }
-    }
-    return null;
-  }, []);
   const dappSwitchChain = useMemo7(() => {
     if (!dappWalletClient?.switchChain) return void 0;
     return async (chainId) => {
@@ -5714,14 +5698,10 @@ function DepositFlow({
   );
   const step = effectiveStep;
   const handleBack = useCallback7(() => {
-    const stepBeforeBack = storeApi.getState().flow.step;
     storeApi.dispatch({
       type: "back/requested",
       hasWalletOptions: hasWalletOptions || Boolean(reownWallet)
     });
-    if (stepBeforeBack === "deposit-address" || stepBeforeBack === "select-asset" || stepBeforeBack === "solana-token-select") {
-      portfolioAssetsRef.current = [];
-    }
   }, [storeApi, hasWalletOptions, reownWallet]);
   const canGoBackFromHere = effectiveStep.type === "deposit-address" || effectiveStep.type === "solana-token-select" || effectiveStep.type === "solana-amount" || effectiveStep.type === "solana-confirm" || effectiveStep.type === "amount" || effectiveStep.type === "confirm" || // Escape hatch from a slow or stuck pre-routed resolve. Mode-gated so
   // the chevron doesn't linger if a disconnect cleared the mode out from
@@ -6120,7 +6100,6 @@ function DepositFlow({
       solana: null
     });
     storeApi.dispatch({ type: "flow/reset" });
-    portfolioAssetsRef.current = [];
     stableWalletSignerRef.current = null;
     stableWalletSelectionKeyRef.current = null;
   }, [onLifecycleRef, storeApi]);
@@ -6294,7 +6273,7 @@ function DepositFlow({
     (token, sourceAmount, inputAmountUsd) => {
       const targetSym = getTargetTokenSymbol(targetToken, targetChain);
       const isTargetStable = isStablecoinSymbol(targetSym);
-      const targetTokenPriceUsd = isTargetStable ? 1 : getTokenPriceUsd(targetSym) ?? targetMarketPriceRef.current;
+      const targetTokenPriceUsd = isTargetStable ? 1 : targetMarketPriceRef.current;
       logFlow("solana:amount:continue", {
         token: token.symbol,
         sourceAmount,
@@ -6310,7 +6289,7 @@ function DepositFlow({
         targetTokenPriceUsd
       });
     },
-    [targetToken, targetChain, getTokenPriceUsd, logFlow, storeApi]
+    [targetToken, targetChain, logFlow, storeApi]
   );
   const handleSolanaConfirmed = useCallback7(
     (txHash, amountUnits) => {
@@ -6371,7 +6350,7 @@ function DepositFlow({
       if (entry.status !== "ready") return;
       const targetSym = getTargetTokenSymbol(targetToken, targetChain);
       const isTargetStable = isStablecoinSymbol(targetSym);
-      const targetTokenPriceUsd = isTargetStable ? 1 : getTokenPriceUsd(targetSym) ?? targetMarketPriceRef.current;
+      const targetTokenPriceUsd = isTargetStable ? 1 : targetMarketPriceRef.current;
       storeApi.dispatch({
         type: "amount/entered",
         amount,
@@ -6381,7 +6360,7 @@ function DepositFlow({
         liquidityWarning
       });
     },
-    [targetToken, targetChain, getTokenPriceUsd, storeApi, activeOwner]
+    [targetToken, targetChain, storeApi, activeOwner]
   );
   const handleDepositSubmitted = useCallback7(
     (txHash, chainId, amount, token) => {
@@ -6942,7 +6921,6 @@ function DepositFlow({
         service,
         onContinue: handleAssetContinue,
         onTotalBalanceComputed: handleTotalBalanceComputed,
-        onAssetsLoaded: handleAssetsLoaded,
         onDisconnect: onDisconnect ? () => {
           onDisconnect();
           handleBack();
@@ -7347,7 +7325,7 @@ DepositHistoryPanel.displayName = "DepositHistoryPanel";
 // src/DepositModal.tsx
 import { jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
 var ReownDepositInner = lazy2(
-  () => import("./DepositModalReown-EXI7MW65.mjs").then((m) => ({ default: m.DepositModalReown }))
+  () => import("./DepositModalReown-ORSBSEMO.mjs").then((m) => ({ default: m.DepositModalReown }))
 );
 function sortByCreatedAtDesc(items) {
   return [...items].sort((a, b) => {

package/dist/{chunk-LJJCPDZO.cjs → chunk-EDUWRMQI.cjs}

@@ -3059,6 +3059,23 @@ function estimateReceiveAmount(params) {
   if (targetPrice === void 0) return void 0;
   return usdValue / targetPrice;
 }
+function formatQuotedReceive(output, fallbackSymbol) {
+  if (output.decimals === null) return void 0;
+  let raw;
+  try {
+    raw = BigInt(output.amount);
+  } catch (e5) {
+    return void 0;
+  }
+  if (raw <= 0n) return void 0;
+  const symbol = _nullishCoalesce(output.symbol, () => ( fallbackSymbol));
+  const formatted = formatRawTokenAmount(raw, {
+    symbol,
+    decimals: output.decimals
+  });
+  if (formatted === void 0) return void 0;
+  return `~${formatted} ${symbol}`;
+}
 function formatReceiveEstimate(params) {
   const estimate = estimateReceiveAmount(params);
   if (estimate === void 0) return void 0;
@@ -3196,7 +3213,7 @@ function loadPhaseTimings(txHash) {
     const parsed = JSON.parse(raw);
     if (typeof parsed.startedAt !== "number") return null;
     return parsed;
-  } catch (e5) {
+  } catch (e6) {
     return null;
   }
 }
@@ -3207,7 +3224,7 @@ function savePhaseTimings(txHash, timings) {
       `${PHASE_TIMINGS_PREFIX}:${txHash}`,
       JSON.stringify(timings)
     );
-  } catch (e6) {
+  } catch (e7) {
   }
 }
 function isEventForTx(event, txHash) {
@@ -3945,7 +3962,7 @@ function loadSessionOwnerFromStorage(eoaAddress) {
       privateKey: parsed.privateKey,
       address: account.address
     };
-  } catch (e7) {
+  } catch (e8) {
     return null;
   }
 }
@@ -4030,4 +4047,5 @@ function accountFromPrivateKey(privateKey) {
 
 
 
-exports.Modal = Modal; exports.WalletIcon = WalletIcon; exports.ExternalLinkIcon = ExternalLinkIcon; exports.CheckIcon = CheckIcon; exports.TransferCryptoIcon = TransferCryptoIcon; exports.ChevronLeftIcon = ChevronLeftIcon; exports.ChevronDownIcon = ChevronDownIcon; exports.CloseIcon = CloseIcon; exports.HandCoinsIcon = HandCoinsIcon; exports.HistoryIcon = HistoryIcon; exports.InfoIcon = InfoIcon; exports.CopyIcon = CopyIcon; exports.ArrowUpRightIcon = ArrowUpRightIcon; exports.AlertTriangleIcon = AlertTriangleIcon; exports.PercentIcon = PercentIcon; exports.ClockIcon = ClockIcon; exports.PlusCircleIcon = PlusCircleIcon; exports.CircleArrowOutUpLeftIcon = CircleArrowOutUpLeftIcon; exports.BankIcon = BankIcon; exports.UnplugIcon = UnplugIcon; exports.Callout = Callout; exports.BodyHeader = BodyHeader; exports.PoweredBy = PoweredBy; exports.Spinner = Spinner; exports.getExchangeLogo = getExchangeLogo; exports.ConnectStep = ConnectStep; exports.useLatestRef = useLatestRef; exports.Button = Button; exports.debugLog = debugLog; exports.debugError = debugError; exports.getAssetId = getAssetId; exports.portfolioToAssets = portfolioToAssets; exports.isNativeAsset = isNativeAsset; exports.buildSessionDetails = buildSessionDetails; exports.createDepositService = createDepositService; exports.currencyFormatter = currencyFormatter; exports.tokenFormatter = tokenFormatter; exports.isUnsupportedChainSwitchError = isUnsupportedChainSwitchError; exports.formatUserError = formatUserError; exports.Tooltip = Tooltip; exports.formatTokenAmount = formatTokenAmount; exports.formatReceiveEstimate = formatReceiveEstimate; exports.getEventTxHash = getEventTxHash; exports.getEventSourceDetails = getEventSourceDetails; exports.isDepositEvent = isDepositEvent; exports.isFailedEvent = isFailedEvent; exports.txRefsMatch = txRefsMatch; exports.failureMessageForEvent = failureMessageForEvent; exports.useTokenPrices = useTokenPrices; exports.ProcessingStep = ProcessingStep; exports.getPublicClient = getPublicClient; exports.getHyperEvmReadClient = getHyperEvmReadClient; exports.loadSessionOwnerFromStorage = loadSessionOwnerFromStorage; exports.saveSessionOwnerToStorage = saveSessionOwnerToStorage; exports.createSessionOwnerKey = createSessionOwnerKey; exports.accountFromPrivateKey = accountFromPrivateKey; exports.applyTheme = applyTheme;
+
+exports.Modal = Modal; exports.WalletIcon = WalletIcon; exports.ExternalLinkIcon = ExternalLinkIcon; exports.CheckIcon = CheckIcon; exports.TransferCryptoIcon = TransferCryptoIcon; exports.ChevronLeftIcon = ChevronLeftIcon; exports.ChevronDownIcon = ChevronDownIcon; exports.CloseIcon = CloseIcon; exports.HandCoinsIcon = HandCoinsIcon; exports.HistoryIcon = HistoryIcon; exports.InfoIcon = InfoIcon; exports.CopyIcon = CopyIcon; exports.ArrowUpRightIcon = ArrowUpRightIcon; exports.AlertTriangleIcon = AlertTriangleIcon; exports.PercentIcon = PercentIcon; exports.ClockIcon = ClockIcon; exports.PlusCircleIcon = PlusCircleIcon; exports.CircleArrowOutUpLeftIcon = CircleArrowOutUpLeftIcon; exports.BankIcon = BankIcon; exports.UnplugIcon = UnplugIcon; exports.Callout = Callout; exports.BodyHeader = BodyHeader; exports.PoweredBy = PoweredBy; exports.Spinner = Spinner; exports.getExchangeLogo = getExchangeLogo; exports.ConnectStep = ConnectStep; exports.useLatestRef = useLatestRef; exports.Button = Button; exports.debugLog = debugLog; exports.debugError = debugError; exports.getAssetId = getAssetId; exports.portfolioToAssets = portfolioToAssets; exports.isNativeAsset = isNativeAsset; exports.buildSessionDetails = buildSessionDetails; exports.createDepositService = createDepositService; exports.currencyFormatter = currencyFormatter; exports.tokenFormatter = tokenFormatter; exports.isUnsupportedChainSwitchError = isUnsupportedChainSwitchError; exports.formatUserError = formatUserError; exports.Tooltip = Tooltip; exports.formatTokenAmount = formatTokenAmount; exports.formatQuotedReceive = formatQuotedReceive; exports.formatReceiveEstimate = formatReceiveEstimate; exports.getEventTxHash = getEventTxHash; exports.getEventSourceDetails = getEventSourceDetails; exports.isDepositEvent = isDepositEvent; exports.isFailedEvent = isFailedEvent; exports.txRefsMatch = txRefsMatch; exports.failureMessageForEvent = failureMessageForEvent; exports.useTokenPrices = useTokenPrices; exports.ProcessingStep = ProcessingStep; exports.getPublicClient = getPublicClient; exports.getHyperEvmReadClient = getHyperEvmReadClient; exports.loadSessionOwnerFromStorage = loadSessionOwnerFromStorage; exports.saveSessionOwnerToStorage = saveSessionOwnerToStorage; exports.createSessionOwnerKey = createSessionOwnerKey; exports.accountFromPrivateKey = accountFromPrivateKey; exports.applyTheme = applyTheme;