@rhinestone/deposit-modal 0.0.0-dev-20260611141108 → 0.0.0-dev-20260612113238

package/dist/{DepositModalReown-O4VWVJYG.mjs → DepositModalReown-2CSLOVXS.mjs}

@@ -1,12 +1,12 @@
 import {
   DepositModalInner
-} from "./chunk-NWCRGZG3.mjs";
+} from "./chunk-GG2M5CRZ.mjs";
 import "./chunk-BAEB5AFZ.mjs";
 import {
   ReownWalletProvider,
   useReownWallet
-} from "./chunk-KAYBLYUS.mjs";
-import "./chunk-E25DOT37.mjs";
+} from "./chunk-ZQL3RTYF.mjs";
+import "./chunk-PWQZ5P6R.mjs";
 import "./chunk-TQ2AYMWS.mjs";
 import "./chunk-6YRDD462.mjs";
 

package/dist/{DepositModalReown-QVVFHL2N.cjs → DepositModalReown-LB5JQWXH.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
 
-var _chunkMMPRPDLScjs = require('./chunk-MMPRPDLS.cjs');
+var _chunkVDAUVW57cjs = require('./chunk-VDAUVW57.cjs');
 require('./chunk-R5CPOBCF.cjs');
 
 
 
-var _chunk7KHWMSIDcjs = require('./chunk-7KHWMSID.cjs');
-require('./chunk-GQCEQZGF.cjs');
+var _chunkROE4VOGOcjs = require('./chunk-ROE4VOGO.cjs');
+require('./chunk-LYVRC3RK.cjs');
 require('./chunk-AJHFNHG3.cjs');
 require('./chunk-MILJQWPT.cjs');
 
@@ -16,7 +16,7 @@ var _react3 = require('@reown/appkit/react');
 var _react5 = require('@reown/appkit-adapter-solana/react');
 var _jsxruntime = require('react/jsx-runtime');
 function DepositModalWithReown(props) {
-  const reown = _chunk7KHWMSIDcjs.useReownWallet.call(void 0, );
+  const reown = _chunkROE4VOGOcjs.useReownWallet.call(void 0, );
   const enableSolana = _nullishCoalesce(props.enableSolana, () => ( true));
   const { walletProvider: solanaWalletProvider } = _react3.useAppKitProvider.call(void 0, 
     enableSolana ? "solana" : "eip155"
@@ -37,7 +37,7 @@ function DepositModalWithReown(props) {
     reown.disconnect();
   }, [reown.disconnect]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkMMPRPDLScjs.DepositModalInner,
+    _chunkVDAUVW57cjs.DepositModalInner,
     {
       ...props,
       reownWallet: reownWithSolana,
@@ -48,7 +48,7 @@ function DepositModalWithReown(props) {
 }
 function DepositModalReown(props) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk7KHWMSIDcjs.ReownWalletProvider,
+    _chunkROE4VOGOcjs.ReownWalletProvider,
     {
       projectId: props.reownAppId,
       theme: props.theme,

package/dist/{WithdrawModalReown-GLOHYSUG.mjs → WithdrawModalReown-AZVFB573.mjs}

@@ -1,11 +1,11 @@
 import {
   WithdrawModalInner
-} from "./chunk-RVBLNCWE.mjs";
+} from "./chunk-IIWW4GG4.mjs";
 import {
   ReownWalletProvider,
   useReownWallet
-} from "./chunk-KAYBLYUS.mjs";
-import "./chunk-E25DOT37.mjs";
+} from "./chunk-ZQL3RTYF.mjs";
+import "./chunk-PWQZ5P6R.mjs";
 import "./chunk-TQ2AYMWS.mjs";
 import "./chunk-6YRDD462.mjs";
 

package/dist/{WithdrawModalReown-3GK2F2AF.cjs → WithdrawModalReown-UTBJ5ZGJ.cjs}

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk7AADPL52cjs = require('./chunk-7AADPL52.cjs');
+var _chunkYR2ZP47Acjs = require('./chunk-YR2ZP47A.cjs');
 
 
 
-var _chunk7KHWMSIDcjs = require('./chunk-7KHWMSID.cjs');
-require('./chunk-GQCEQZGF.cjs');
+var _chunkROE4VOGOcjs = require('./chunk-ROE4VOGO.cjs');
+require('./chunk-LYVRC3RK.cjs');
 require('./chunk-AJHFNHG3.cjs');
 require('./chunk-MILJQWPT.cjs');
 
@@ -13,7 +13,7 @@ require('./chunk-MILJQWPT.cjs');
 var _react = require('react');
 var _jsxruntime = require('react/jsx-runtime');
 function WithdrawModalWithReown(props) {
-  const reown = _chunk7KHWMSIDcjs.useReownWallet.call(void 0, );
+  const reown = _chunkROE4VOGOcjs.useReownWallet.call(void 0, );
   const handleConnect = _react.useCallback.call(void 0, () => {
     reown.openConnect();
   }, [reown.openConnect]);
@@ -21,7 +21,7 @@ function WithdrawModalWithReown(props) {
     reown.disconnect();
   }, [reown.disconnect]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk7AADPL52cjs.WithdrawModalInner,
+    _chunkYR2ZP47Acjs.WithdrawModalInner,
     {
       ...props,
       reownWallet: reown,
@@ -31,7 +31,7 @@ function WithdrawModalWithReown(props) {
   );
 }
 function WithdrawModalReown(props) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7KHWMSIDcjs.ReownWalletProvider, { projectId: props.reownAppId, theme: props.theme, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, WithdrawModalWithReown, { ...props }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkROE4VOGOcjs.ReownWalletProvider, { projectId: props.reownAppId, theme: props.theme, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, WithdrawModalWithReown, { ...props }) });
 }
 
 

package/dist/{chunk-NWCRGZG3.mjs → chunk-GG2M5CRZ.mjs}

@@ -45,6 +45,8 @@ import {
   debugError,
   debugLog,
   failureMessageForEvent,
+  formatReceiveEstimate,
+  formatTokenAmount,
   formatUserError,
   getAssetId,
   getEventSourceDetails,
@@ -60,7 +62,7 @@ import {
   tokenFormatter,
   txRefsMatch,
   useLatestRef
-} from "./chunk-E25DOT37.mjs";
+} from "./chunk-PWQZ5P6R.mjs";
 import {
   SAFE_ABI
 } from "./chunk-TQ2AYMWS.mjs";
@@ -876,25 +878,21 @@ function ConfirmStep({
   const targetChainIcon = getChainIcon(targetChain);
   const sourceTokenIcon = getTokenIcon(asset.symbol);
   const targetTokenIcon = getTokenIcon(targetSymbol);
-  const formattedSendAmount = amount && !Number.isNaN(Number(amount)) ? Number(amount).toLocaleString("en-US", {
-    minimumFractionDigits: 2,
-    maximumFractionDigits: 6
-  }) : "0";
-  const formattedReceiveAmount = (() => {
-    if (sameRoute) return formattedSendAmount;
-    const dollarValue = Number(targetAmount);
-    if (!Number.isFinite(dollarValue) || dollarValue <= 0)
-      return formattedSendAmount;
-    if (targetTokenPriceUsd !== null && targetTokenPriceUsd > 0) {
-      const tokenAmount = dollarValue / targetTokenPriceUsd;
-      return tokenAmount.toLocaleString("en-US", {
-        minimumFractionDigits: 2,
-        maximumFractionDigits: 6
-      });
-    }
-    return formattedSendAmount;
+  const formattedSendAmount = amount && Number.isFinite(Number(amount)) ? formatTokenAmount(Number(amount), asset.symbol) ?? "0" : "0";
+  const receiveDisplay = (() => {
+    if (sameRoute) return `${formattedSendAmount} ${asset.symbol}`;
+    const usdValue = Number(targetAmount);
+    const sourceAmountUsd = Number.isFinite(usdValue) && usdValue > 0 ? usdValue : void 0;
+    const estimate = formatReceiveEstimate({
+      sourceAmount: Number.isFinite(Number(amount)) ? Number(amount) : void 0,
+      sourceSymbol: asset.symbol,
+      targetSymbol,
+      sourceAmountUsd,
+      prices: targetTokenPriceUsd !== null && targetTokenPriceUsd > 0 ? { [targetSymbol.toUpperCase()]: targetTokenPriceUsd } : {}
+    });
+    if (estimate !== void 0) return estimate;
+    return sourceAmountUsd !== void 0 ? `~$${sourceAmountUsd.toFixed(2)}` : `${formattedSendAmount} ${asset.symbol}`;
   })();
-  const receiveAmount = sameRoute ? formattedReceiveAmount : `~${formattedReceiveAmount}`;
   const feeSponsored = uiConfig?.feeSponsored ?? false;
   const feeTooltip = uiConfig?.feeTooltip ?? (feeSponsored ? "Network fees are sponsored for this deposit." : "Network fees apply.");
   const feeDisplay = quote ? `$${quote.fees.totalUsd.toFixed(2)}` : null;
@@ -1048,11 +1046,7 @@ function ConfirmStep({
         /* @__PURE__ */ jsxs4("div", { className: "rs-review-detail-row", children: [
           /* @__PURE__ */ jsx4("span", { children: "Receive" }),
           /* @__PURE__ */ jsxs4("span", { className: "rs-review-detail-value", children: [
-            /* @__PURE__ */ jsxs4("span", { children: [
-              receiveAmount,
-              " ",
-              targetSymbol
-            ] }),
+            /* @__PURE__ */ jsx4("span", { children: receiveDisplay }),
             targetTokenIcon && /* @__PURE__ */ jsx4("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx4("img", { src: targetTokenIcon, alt: "" }) })
           ] })
         ] }),
@@ -3579,7 +3573,6 @@ function SolanaConfirmStep({
   const [isSubmitting, setIsSubmitting] = useState10(false);
   const [error, setError] = useState10(null);
   const targetSymbol = getTargetTokenSymbol(targetToken, targetChain);
-  const isSameToken = token.symbol.toUpperCase() === targetSymbol.toUpperCase();
   const sourceChainName = getChainName("solana");
   const targetChainName = getChainName(targetChain);
   const sourceChainIcon = getChainIcon("solana");
@@ -3588,25 +3581,20 @@ function SolanaConfirmStep({
   const targetTokenIcon = getTokenIcon(targetSymbol);
   const feeSponsored = uiConfig?.feeSponsored ?? false;
   const feeTooltip = uiConfig?.feeTooltip ?? (feeSponsored ? "Network fees are sponsored for this deposit." : "Network fees apply.");
-  const formattedAmount = sourceAmount && !Number.isNaN(Number(sourceAmount)) ? Number(sourceAmount).toLocaleString("en-US", {
-    minimumFractionDigits: 2,
-    maximumFractionDigits: 6
-  }) : "0";
-  const formattedReceiveAmount = (() => {
-    if (isSameToken) return formattedAmount;
-    const dollarValue = Number(targetAmount);
-    if (!Number.isFinite(dollarValue) || dollarValue <= 0)
-      return formattedAmount;
-    if (targetTokenPriceUsd !== null && targetTokenPriceUsd > 0) {
-      const tokenAmount = dollarValue / targetTokenPriceUsd;
-      return tokenAmount.toLocaleString("en-US", {
-        minimumFractionDigits: 2,
-        maximumFractionDigits: 6
-      });
-    }
-    return formattedAmount;
+  const formattedAmount = sourceAmount && Number.isFinite(Number(sourceAmount)) ? formatTokenAmount(Number(sourceAmount), token.symbol) ?? "0" : "0";
+  const receiveDisplay = (() => {
+    const usdValue = Number(targetAmount);
+    const sourceAmountUsd = Number.isFinite(usdValue) && usdValue > 0 ? usdValue : void 0;
+    const estimate = formatReceiveEstimate({
+      sourceAmount: Number.isFinite(Number(sourceAmount)) ? Number(sourceAmount) : void 0,
+      sourceSymbol: token.symbol,
+      targetSymbol,
+      sourceAmountUsd,
+      prices: targetTokenPriceUsd !== null && targetTokenPriceUsd > 0 ? { [targetSymbol.toUpperCase()]: targetTokenPriceUsd } : {}
+    });
+    if (estimate !== void 0) return estimate;
+    return sourceAmountUsd !== void 0 ? `~$${sourceAmountUsd.toFixed(2)}` : `${formattedAmount} ${token.symbol}`;
   })();
-  const receiveAmount = isSameToken ? formattedReceiveAmount : `~${formattedReceiveAmount}`;
   const handleConfirm = async () => {
     if (!solanaProvider) {
       debugLog(debug, "solana-confirm", "submit:blocked", {
@@ -3732,11 +3720,7 @@ function SolanaConfirmStep({
         /* @__PURE__ */ jsxs15("div", { className: "rs-review-detail-row", children: [
           /* @__PURE__ */ jsx17("span", { children: "Receive" }),
           /* @__PURE__ */ jsxs15("span", { className: "rs-review-detail-value", children: [
-            /* @__PURE__ */ jsxs15("span", { children: [
-              receiveAmount,
-              " ",
-              targetSymbol
-            ] }),
+            /* @__PURE__ */ jsx17("span", { children: receiveDisplay }),
             targetTokenIcon && /* @__PURE__ */ jsx17("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx17("img", { src: targetTokenIcon, alt: "" }) })
           ] })
         ] }),
@@ -7519,7 +7503,7 @@ DepositHistoryPanel.displayName = "DepositHistoryPanel";
 // src/DepositModal.tsx
 import { jsx as jsx22, jsxs as jsxs20 } from "react/jsx-runtime";
 var ReownDepositInner = lazy2(
-  () => import("./DepositModalReown-O4VWVJYG.mjs").then((m) => ({ default: m.DepositModalReown }))
+  () => import("./DepositModalReown-2CSLOVXS.mjs").then((m) => ({ default: m.DepositModalReown }))
 );
 function sortByCreatedAtDesc(items) {
   return [...items].sort((a, b) => {

package/dist/{chunk-RVBLNCWE.mjs → chunk-IIWW4GG4.mjs}

@@ -20,14 +20,17 @@ import {
   currencyFormatter,
   debugError,
   debugLog,
+  formatReceiveEstimate,
+  formatTokenAmount,
   formatUserError,
   getAssetId,
   getPublicClient,
   isNativeAsset,
   loadSessionOwnerFromStorage,
   saveSessionOwnerToStorage,
-  useLatestRef
-} from "./chunk-E25DOT37.mjs";
+  useLatestRef,
+  useTokenPrices
+} from "./chunk-PWQZ5P6R.mjs";
 import {
   buildSafeTransaction,
   executeSafeErc20Transfer,
@@ -668,6 +671,7 @@ function WithdrawReviewStep({
   estimatedTime = "< 1 min",
   registrationPending = false,
   registrationError = null,
+  service,
   onConfirm,
   onError
 }) {
@@ -680,6 +684,16 @@ function WithdrawReviewStep({
   const targetChainIcon = getChainIcon(targetChain);
   const sourceTokenIcon = getTokenIcon(sourceSymbol);
   const targetTokenIcon = getTokenIcon(targetSymbol);
+  const amountNumber = Number(amount);
+  const formattedSendAmount = formatTokenAmount(amountNumber, sourceSymbol) ?? amount;
+  const prices = useTokenPrices(service, [sourceSymbol, targetSymbol]);
+  const receiveDisplay = formatReceiveEstimate({
+    sourceAmount: Number.isFinite(amountNumber) ? amountNumber : void 0,
+    sourceSymbol,
+    targetSymbol,
+    prices
+  }) ?? // No price for the target token — an honest dash beats a wrong number.
+  "\u2014";
   const handleConfirm = async () => {
     setError(null);
     setIsSubmitting(true);
@@ -709,7 +723,7 @@ function WithdrawReviewStep({
           /* @__PURE__ */ jsx2("span", { children: "You send" }),
           /* @__PURE__ */ jsxs2("span", { className: "rs-review-detail-value", children: [
             /* @__PURE__ */ jsxs2("span", { children: [
-              amount,
+              formattedSendAmount,
               " ",
               sourceSymbol
             ] }),
@@ -730,11 +744,7 @@ function WithdrawReviewStep({
         /* @__PURE__ */ jsxs2("div", { className: "rs-review-detail-row", children: [
           /* @__PURE__ */ jsx2("span", { children: "Receive" }),
           /* @__PURE__ */ jsxs2("span", { className: "rs-review-detail-value", children: [
-            /* @__PURE__ */ jsxs2("span", { children: [
-              amount,
-              " ",
-              targetSymbol
-            ] }),
+            /* @__PURE__ */ jsx2("span", { children: receiveDisplay }),
             targetTokenIcon && /* @__PURE__ */ jsx2("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx2("img", { src: targetTokenIcon, alt: "" }) })
           ] })
         ] }),
@@ -1456,6 +1466,7 @@ function WithdrawFlow({
         targetToken,
         amount: storeApi.getState().amount ?? "0",
         recipient: storeApi.getState().recipient ?? recipientForRegistration ?? "0x0",
+        service,
         registrationPending: registration.kind === "pending" || registration.kind === "stale",
         registrationError: registration.kind === "failed" ? registration.error : null,
         onConfirm: handleReviewConfirm,
@@ -1471,7 +1482,9 @@ function WithdrawFlow({
         sourceToken,
         targetChain,
         targetToken,
-        amount: storeApi.getState().amount ?? "0",
+        amount: toBaseUnits(storeApi.getState().amount ?? "0", asset.decimals),
+        sourceSymbol: asset.symbol,
+        sourceDecimals: asset.decimals,
         directTransfer: isSameRoute,
         service,
         flowLabel: "withdraw",
@@ -1485,6 +1498,13 @@ function WithdrawFlow({
     )
   ] });
 }
+function toBaseUnits(amount, decimals) {
+  try {
+    return parseUnits2(amount, decimals).toString();
+  } catch {
+    return "0";
+  }
+}
 function deriveStepView(step, _registration) {
   if (step === "review") return "review";
   if (step === "processing" || step === "complete" || step === "failed") {
@@ -1496,7 +1516,7 @@ function deriveStepView(step, _registration) {
 // src/WithdrawModal.tsx
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var ReownWithdrawInner = lazy(
-  () => import("./WithdrawModalReown-GLOHYSUG.mjs").then((m) => ({
+  () => import("./WithdrawModalReown-AZVFB573.mjs").then((m) => ({
     default: m.WithdrawModalReown
   }))
 );