@rhinestone/deposit-modal 0.3.1 → 0.4.1

package/dist/{DepositModalReown-G7UX4IBZ.mjs → DepositModalReown-EXI7MW65.mjs}

@@ -1,14 +1,14 @@
 import {
   DepositModalInner
-} from "./chunk-QYSCCX4K.mjs";
-import "./chunk-BAEB5AFZ.mjs";
+} from "./chunk-RTAIW3WW.mjs";
+import "./chunk-FJWLC4AM.mjs";
 import {
   ReownWalletProvider,
   useReownWallet
-} from "./chunk-R5WDHHVM.mjs";
-import "./chunk-3C35DVPE.mjs";
-import "./chunk-TQ2AYMWS.mjs";
-import "./chunk-6YRDD462.mjs";
+} from "./chunk-43RTPRQY.mjs";
+import "./chunk-A33QFRKD.mjs";
+import "./chunk-F7P4MV72.mjs";
+import "./chunk-WJX3TJFK.mjs";
 
 // src/DepositModalReown.tsx
 import { useCallback, useMemo } from "react";

package/dist/{DepositModalReown-MECHBE6P.cjs → DepositModalReown-FMAPWBQM.cjs}

@@ -1,14 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
 
-var _chunkSPUZLWQScjs = require('./chunk-SPUZLWQS.cjs');
-require('./chunk-R5CPOBCF.cjs');
+var _chunkBTDRUAPJcjs = require('./chunk-BTDRUAPJ.cjs');
+require('./chunk-NRNJAQUA.cjs');
 
 
 
-var _chunkULEAK63Tcjs = require('./chunk-ULEAK63T.cjs');
-require('./chunk-MQIJZNTP.cjs');
-require('./chunk-AJHFNHG3.cjs');
-require('./chunk-MILJQWPT.cjs');
+var _chunkULCCXH2Acjs = require('./chunk-ULCCXH2A.cjs');
+require('./chunk-LJJCPDZO.cjs');
+require('./chunk-UEKPBRBY.cjs');
+require('./chunk-ABVRVW3P.cjs');
 
 // src/DepositModalReown.tsx
 var _react = require('react');
@@ -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 = _chunkULEAK63Tcjs.useReownWallet.call(void 0, );
+  const reown = _chunkULCCXH2Acjs.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, 
-    _chunkSPUZLWQScjs.DepositModalInner,
+    _chunkBTDRUAPJcjs.DepositModalInner,
     {
       ...props,
       reownWallet: reownWithSolana,
@@ -48,7 +48,7 @@ function DepositModalWithReown(props) {
 }
 function DepositModalReown(props) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkULEAK63Tcjs.ReownWalletProvider,
+    _chunkULCCXH2Acjs.ReownWalletProvider,
     {
       projectId: props.reownAppId,
       theme: props.theme,

package/dist/{WithdrawModalReown-WJ6VBZKK.cjs → WithdrawModalReown-CTT3EXMG.cjs}

@@ -1,19 +1,19 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkLEL6GMEQcjs = require('./chunk-LEL6GMEQ.cjs');
+var _chunkJHT2MJ42cjs = require('./chunk-JHT2MJ42.cjs');
 
 
 
-var _chunkULEAK63Tcjs = require('./chunk-ULEAK63T.cjs');
-require('./chunk-MQIJZNTP.cjs');
-require('./chunk-AJHFNHG3.cjs');
-require('./chunk-MILJQWPT.cjs');
+var _chunkULCCXH2Acjs = require('./chunk-ULCCXH2A.cjs');
+require('./chunk-LJJCPDZO.cjs');
+require('./chunk-UEKPBRBY.cjs');
+require('./chunk-ABVRVW3P.cjs');
 
 // src/WithdrawModalReown.tsx
 var _react = require('react');
 var _jsxruntime = require('react/jsx-runtime');
 function WithdrawModalWithReown(props) {
-  const reown = _chunkULEAK63Tcjs.useReownWallet.call(void 0, );
+  const reown = _chunkULCCXH2Acjs.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, 
-    _chunkLEL6GMEQcjs.WithdrawModalInner,
+    _chunkJHT2MJ42cjs.WithdrawModalInner,
     {
       ...props,
       reownWallet: reown,
@@ -31,7 +31,7 @@ function WithdrawModalWithReown(props) {
   );
 }
 function WithdrawModalReown(props) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkULEAK63Tcjs.ReownWalletProvider, { projectId: props.reownAppId, theme: props.theme, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, WithdrawModalWithReown, { ...props }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkULCCXH2Acjs.ReownWalletProvider, { projectId: props.reownAppId, theme: props.theme, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, WithdrawModalWithReown, { ...props }) });
 }
 
 

package/dist/{WithdrawModalReown-CUJAFUQM.mjs → WithdrawModalReown-G7EM6HXO.mjs}

@@ -1,13 +1,13 @@
 import {
   WithdrawModalInner
-} from "./chunk-DZQD3DAV.mjs";
+} from "./chunk-3GLQC2KQ.mjs";
 import {
   ReownWalletProvider,
   useReownWallet
-} from "./chunk-R5WDHHVM.mjs";
-import "./chunk-3C35DVPE.mjs";
-import "./chunk-TQ2AYMWS.mjs";
-import "./chunk-6YRDD462.mjs";
+} from "./chunk-43RTPRQY.mjs";
+import "./chunk-A33QFRKD.mjs";
+import "./chunk-F7P4MV72.mjs";
+import "./chunk-WJX3TJFK.mjs";
 
 // src/WithdrawModalReown.tsx
 import { useCallback } from "react";

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

@@ -20,19 +20,22 @@ import {
   currencyFormatter,
   debugError,
   debugLog,
+  formatReceiveEstimate,
+  formatTokenAmount,
   formatUserError,
   getAssetId,
   getPublicClient,
   isNativeAsset,
   loadSessionOwnerFromStorage,
   saveSessionOwnerToStorage,
-  useLatestRef
-} from "./chunk-3C35DVPE.mjs";
+  useLatestRef,
+  useTokenPrices
+} from "./chunk-A33QFRKD.mjs";
 import {
   buildSafeTransaction,
   executeSafeErc20Transfer,
   executeSafeEthTransfer
-} from "./chunk-TQ2AYMWS.mjs";
+} from "./chunk-F7P4MV72.mjs";
 import {
   DEFAULT_BACKEND_URL,
   DEFAULT_SIGNER_ADDRESS,
@@ -46,7 +49,7 @@ import {
   getTokenIcon,
   getTokenSymbol,
   toEvmCaip2
-} from "./chunk-6YRDD462.mjs";
+} from "./chunk-WJX3TJFK.mjs";
 
 // src/WithdrawModal.tsx
 import {
@@ -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: "" }) })
           ] })
         ] }),
@@ -774,6 +784,7 @@ import { encodeFunctionData, erc20Abi as erc20Abi2, parseUnits as parseUnits2 }
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var ADDR_REGEX = /^0x[a-fA-F0-9]{40}$/;
 var REGISTRATION_DEBOUNCE_MS = 600;
+var WITHDRAW_INDEXING_DELAY_MS = 2e3;
 function resolveSessionOwner(eoaAddress) {
   const localOwner = loadSessionOwnerFromStorage(eoaAddress);
   if (localOwner) {
@@ -822,6 +833,14 @@ function WithdrawFlow({
   const onEventRef = useLatestRef(onEvent);
   const onLifecycleRef = useLatestRef(onLifecycle);
   const onErrorRef = useLatestRef(onError);
+  const isFlowActiveRef = useRef2(true);
+  const submitGenerationRef = useRef2(0);
+  useEffect2(() => {
+    isFlowActiveRef.current = true;
+    return () => {
+      isFlowActiveRef.current = false;
+    };
+  }, []);
   const logFlow = useCallback2(
     (message, data) => {
       debugLog(debug, "withdraw-flow", message, data);
@@ -895,6 +914,7 @@ function WithdrawFlow({
   const selectedWalletId = useWithdrawStore((s) => s.selectedWalletId);
   const registration = useWithdrawStore((s) => s.registration);
   const flowStep = useWithdrawStore((s) => s.step);
+  const reviewedRecipient = useWithdrawStore((s) => s.recipient);
   const setSelectedWalletId = useCallback2(
     (walletId) => storeApi.dispatch({ type: "wallet/id-selected", walletId }),
     [storeApi]
@@ -955,7 +975,7 @@ function WithdrawFlow({
     return ADDR_REGEX.test(recipientInput) ? recipientInput : void 0;
   }, [recipientInput]);
   useEffect2(() => {
-    if (!ownerAddress) return;
+    if (!ownerAddress || !recipientForRegistration) return;
     const desiredTarget = {
       chain: targetChain,
       token: targetToken,
@@ -1088,7 +1108,14 @@ function WithdrawFlow({
   }, [sourceChain, sourceToken]);
   const isSourceNative = sourceToken.toLowerCase() === NATIVE_TOKEN_ADDRESS.toLowerCase();
   const isSameRoute = targetChain === sourceChain && targetToken.toLowerCase() === sourceToken.toLowerCase();
+  const reviewedTarget = reviewedRecipient ? {
+    chain: targetChain,
+    token: targetToken,
+    recipient: reviewedRecipient
+  } : null;
+  const isReviewedTargetReady = registration.kind === "ready" && reviewedTarget !== null && targetsEqual(registration.registeredTarget, reviewedTarget);
   const reviewBackHandler = useCallback2(() => {
+    submitGenerationRef.current += 1;
     storeApi.dispatch({ type: "review/back" });
   }, [storeApi]);
   useEffect2(() => {
@@ -1163,19 +1190,38 @@ function WithdrawFlow({
   const handleReviewConfirm = useCallback2(
     async () => {
       const state = storeApi.getState();
-      if (state.registration.kind !== "ready") {
-        throw new Error("Session not ready");
-      }
-      const smartAccount = state.registration.smartAccount;
       const recipient = state.recipient;
       const amountValue = state.amount;
       if (!recipient || !amountValue) {
         throw new Error("Missing recipient or amount");
       }
+      const desiredTarget = {
+        chain: targetChain,
+        token: targetToken,
+        recipient
+      };
+      const getMatchingRegistration = () => {
+        const current = storeApi.getState().registration;
+        return current.kind === "ready" && targetsEqual(current.registeredTarget, desiredTarget) ? current : null;
+      };
+      const matchingRegistration = getMatchingRegistration();
+      if (!matchingRegistration) {
+        throw new Error("Withdrawal target is still being prepared");
+      }
+      const smartAccount = matchingRegistration.smartAccount;
       if (!onSignTransaction && !signerContext?.walletClient) {
         throw new Error("Wallet not connected");
       }
+      const submitGeneration = submitGenerationRef.current += 1;
+      const isSubmissionLive = () => isFlowActiveRef.current && submitGenerationRef.current === submitGeneration;
       try {
+        await new Promise((resolve) => {
+          setTimeout(resolve, WITHDRAW_INDEXING_DELAY_MS);
+        });
+        if (!isSubmissionLive()) return;
+        if (!getMatchingRegistration()) {
+          throw new Error("Withdrawal target changed before submission");
+        }
         logFlow("submit:start", {
           smartAccount,
           recipient,
@@ -1207,7 +1253,12 @@ function WithdrawFlow({
             data: transferData.data,
             chainId: sourceChain
           });
+          if (!isSubmissionLive()) return;
           const { signature } = await onSignTransaction(request);
+          if (!isSubmissionLive()) return;
+          if (!getMatchingRegistration()) {
+            throw new Error("Withdrawal target changed before submission");
+          }
           const relayResult = await service.relayWithdraw({
             smartAccount,
             chainId: toEvmCaip2(sourceChain),
@@ -1220,6 +1271,9 @@ function WithdrawFlow({
           }
           result = { txHash: relayResult.txHash };
         } else if (isSourceNative) {
+          if (!getMatchingRegistration()) {
+            throw new Error("Withdrawal target changed before submission");
+          }
           result = await executeSafeEthTransfer({
             walletClient: signerContext.walletClient,
             publicClient: pc,
@@ -1229,6 +1283,9 @@ function WithdrawFlow({
             chainId: sourceChain
           });
         } else {
+          if (!getMatchingRegistration()) {
+            throw new Error("Withdrawal target changed before submission");
+          }
           result = await executeSafeErc20Transfer({
             walletClient: signerContext.walletClient,
             publicClient: pc,
@@ -1239,6 +1296,7 @@ function WithdrawFlow({
             chainId: sourceChain
           });
         }
+        if (!isSubmissionLive()) return;
         logFlow("withdraw:submitted", {
           txHash: result.txHash,
           smartAccount,
@@ -1456,7 +1514,8 @@ function WithdrawFlow({
         targetToken,
         amount: storeApi.getState().amount ?? "0",
         recipient: storeApi.getState().recipient ?? recipientForRegistration ?? "0x0",
-        registrationPending: registration.kind === "pending" || registration.kind === "stale",
+        service,
+        registrationPending: registration.kind === "pending" || registration.kind === "stale" || !isReviewedTargetReady,
         registrationError: registration.kind === "failed" ? registration.error : null,
         onConfirm: handleReviewConfirm,
         onError: handleError
@@ -1471,7 +1530,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 +1546,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 +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-CUJAFUQM.mjs").then((m) => ({
+  () => import("./WithdrawModalReown-G7EM6HXO.mjs").then((m) => ({
     default: m.WithdrawModalReown
   }))
 );

package/dist/{chunk-R5WDHHVM.mjs → chunk-43RTPRQY.mjs}

@@ -1,10 +1,10 @@
 import {
   isUnsupportedChainSwitchError
-} from "./chunk-3C35DVPE.mjs";
+} from "./chunk-A33QFRKD.mjs";
 import {
   SUPPORTED_CHAINS,
   getChainName
-} from "./chunk-6YRDD462.mjs";
+} from "./chunk-WJX3TJFK.mjs";
 
 // src/core/reown.tsx
 import { useState } from "react";
@@ -33,7 +33,12 @@ import {
   base,
   bsc,
   soneium,
-  plasma
+  plasma,
+  gnosis,
+  sonic,
+  monad,
+  unichain,
+  katana
 } from "@reown/appkit/networks";
 var APPKIT_NETWORK_BY_ID = {
   [mainnet.id]: mainnet,
@@ -43,7 +48,12 @@ var APPKIT_NETWORK_BY_ID = {
   [base.id]: base,
   [bsc.id]: bsc,
   [soneium.id]: soneium,
-  [plasma.id]: plasma
+  [plasma.id]: plasma,
+  [gnosis.id]: gnosis,
+  [sonic.id]: sonic,
+  [monad.id]: monad,
+  [unichain.id]: unichain,
+  [katana.id]: katana
 };
 var EVM_NETWORKS = SUPPORTED_CHAINS.map((chain) => {
   const network = APPKIT_NETWORK_BY_ID[chain.id];