@rhinestone/deposit-modal 0.0.0-dev-20260727172000 → 0.0.0-dev-20260728133107

package/README.md

@@ -98,7 +98,7 @@ The user picks the destination chain, token, recipient, and amount in the modal;
 
 ## Claim a failed deposit
 
-`ClaimModal` lets a user get a failed or rejected EVM deposit sent back to them on its source chain. They paste the deposit's transaction hash and name a destination — **no wallet connection is involved at any point**.
+`ClaimModal` lets a user get a failed or rejected EVM deposit sent back to them on its source chain. They paste the deposit's transaction hash and name a destination — **no wallet connection is involved at any point**, and there is no chain to pick: the hash is looked up across every chain, including ones the deposit flow itself doesn't list.
 
 ```tsx
 import { ClaimModal } from "@rhinestone/deposit-modal/claim";
@@ -107,8 +107,7 @@ import { ClaimModal } from "@rhinestone/deposit-modal/claim";
   isOpen={claimOpen}
   onClose={() => setClaimOpen(false)}
   refundEndpoint="/api/refund"
-  // Optional lookup/destination prefills:
-  defaultSourceChain={42161}
+  // Optional prefills:
   defaultTxHash={depositTxHash}
   onLifecycle={(event) => console.log(event)}
 />

package/dist/{DepositModalReown-XIJUAOYR.mjs → DepositModalReown-5OJ5W7UF.mjs}

@@ -1,13 +1,13 @@
 import {
   DepositModalInner
-} from "./chunk-7PLFGGXC.mjs";
-import "./chunk-ESWMFZEV.mjs";
-import "./chunk-PGBW524J.mjs";
+} from "./chunk-3HNPIAZ2.mjs";
+import "./chunk-3RS2MAZQ.mjs";
+import "./chunk-DVGQIPR3.mjs";
 import {
   isUnsupportedChainSwitchError,
   rpcUrlFor
-} from "./chunk-5S7WGG7V.mjs";
-import "./chunk-62PQAA3X.mjs";
+} from "./chunk-NGHW6KWC.mjs";
+import "./chunk-OVBGVQ3N.mjs";
 import "./chunk-YJP274QC.mjs";
 import {
   SUPPORTED_CHAINS,

package/dist/{DepositModalReown-2VJFCAUT.cjs → DepositModalReown-ITBBFOT5.cjs}

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _chunkONPO2OFCcjs = require('./chunk-ONPO2OFC.cjs');
-require('./chunk-UIN4SMPX.cjs');
-require('./chunk-UKS5VK74.cjs');
+var _chunkUIZAZSPMcjs = require('./chunk-UIZAZSPM.cjs');
+require('./chunk-MGY6ZIRN.cjs');
+require('./chunk-OO3YA7KN.cjs');
 
 
 
-var _chunk4ALOTMS6cjs = require('./chunk-4ALOTMS6.cjs');
-require('./chunk-7RZPE5KV.cjs');
+var _chunkYK7VHKW7cjs = require('./chunk-YK7VHKW7.cjs');
+require('./chunk-WS5LFG34.cjs');
 require('./chunk-W3WWC4LD.cjs');
 
 
@@ -88,14 +88,14 @@ function buildTransports(rpcUrls) {
   const transports = {};
   for (const network of EVM_NETWORKS) {
     const id = Number(network.id);
-    transports[id] = _viem.http.call(void 0, _chunk4ALOTMS6cjs.rpcUrlFor.call(void 0, rpcUrls, id));
+    transports[id] = _viem.http.call(void 0, _chunkYK7VHKW7cjs.rpcUrlFor.call(void 0, rpcUrls, id));
   }
   return transports;
 }
 function getEvmRpcFingerprint(rpcUrls) {
   return EVM_NETWORKS.map((network) => {
     const id = Number(network.id);
-    return `${id}=${_nullishCoalesce(_chunk4ALOTMS6cjs.rpcUrlFor.call(void 0, rpcUrls, id), () => ( ""))}`;
+    return `${id}=${_nullishCoalesce(_chunkYK7VHKW7cjs.rpcUrlFor.call(void 0, rpcUrls, id), () => ( ""))}`;
   }).join("|");
 }
 var cachedAdapter = null;
@@ -189,7 +189,7 @@ function useReownWallet() {
           await switchChainAsync({ chainId });
         }
       } catch (err) {
-        if (_chunk4ALOTMS6cjs.isUnsupportedChainSwitchError.call(void 0, err)) {
+        if (_chunkYK7VHKW7cjs.isUnsupportedChainSwitchError.call(void 0, err)) {
           throw new Error(
             `Switch to ${_chunkEGB3NWMLcjs.getChainName.call(void 0, chainId)} in your wallet to continue`
           );
@@ -226,7 +226,7 @@ function DepositModalWithReown(props) {
     reown.disconnect();
   }, [reown.disconnect]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkONPO2OFCcjs.DepositModalInner,
+    _chunkUIZAZSPMcjs.DepositModalInner,
     {
       ...props,
       reownWallet: reownWithSolana,

package/dist/{chunk-7PLFGGXC.mjs → chunk-3HNPIAZ2.mjs}

@@ -18,10 +18,10 @@ import {
   readDedupedAccountSetupResult,
   runAccountSetupDeduped,
   txRefsMatch
-} from "./chunk-ESWMFZEV.mjs";
+} from "./chunk-3RS2MAZQ.mjs";
 import {
   ListRow
-} from "./chunk-PGBW524J.mjs";
+} from "./chunk-DVGQIPR3.mjs";
 import {
   AlertTriangleIcon,
   AppleIcon,
@@ -49,6 +49,7 @@ import {
   PoweredBy,
   RpcUrlsProvider,
   Spinner,
+  SwappedConnectFeeChangedError,
   TokenIcon,
   TransferCryptoIcon,
   UnplugIcon,
@@ -73,7 +74,7 @@ import {
   useLatestRef,
   useRpcUrls,
   useStableRpcUrls
-} from "./chunk-5S7WGG7V.mjs";
+} from "./chunk-NGHW6KWC.mjs";
 import {
   POLYMARKET_COLLATERAL_OFFRAMP_ADDRESS,
   POLYMARKET_ICON_URL,
@@ -3210,6 +3211,7 @@ function ExchangeConnectStep({
   smartAccount,
   service,
   connection,
+  loadUrl: loadPreparedUrl,
   onSwappedComplete,
   onSwappedFailed,
   onClose,
@@ -3218,12 +3220,13 @@ function ExchangeConnectStep({
   onImmersiveChange
 }) {
   const loadUrl = useCallback4(async () => {
+    if (loadPreparedUrl) return loadPreparedUrl();
     const res = await service.getSwappedConnectUrl({
       smartAccount,
       connection
     });
     return res;
-  }, [service, smartAccount, connection]);
+  }, [loadPreparedUrl, service, smartAccount, connection]);
   return /* @__PURE__ */ jsx16(
     SwappedIframeStep,
     {
@@ -3263,6 +3266,9 @@ function ExchangeLogo({ exchange }) {
     }
   );
 }
+function formatFeeRate(bps) {
+  return `${(bps / 100).toFixed(2).replace(/\.?0+$/, "")}%`;
+}
 function ExchangeSelectStep({
   service,
   onSelectExchange,
@@ -3272,6 +3278,11 @@ function ExchangeSelectStep({
   const [loading, setLoading] = useState8(true);
   const [error, setError] = useState8(null);
   const [retryToken, setRetryToken] = useState8(0);
+  const [exchangeFeeBps, setExchangeFeeBps] = useState8(0);
+  const [selectingConnection, setSelectingConnection] = useState8(
+    null
+  );
+  const [selectionNotice, setSelectionNotice] = useState8(null);
   const retry = useCallback5(() => {
     setRetryToken((n) => n + 1);
   }, []);
@@ -3282,10 +3293,12 @@ function ExchangeSelectStep({
     service.getSwappedConnectExchanges().then((res) => {
       if (cancelled) return;
       setExchanges(res.exchanges);
+      setExchangeFeeBps(res.exchangeFeeBps ?? 0);
     }).catch((err) => {
       if (cancelled) return;
       const message = err instanceof Error ? err.message : "Failed to load exchanges";
       setExchanges([]);
+      setExchangeFeeBps(0);
       setError(message);
       onError?.(message, "SWAPPED_CONNECT_EXCHANGES_FAILED");
     }).finally(() => {
@@ -3295,6 +3308,31 @@ function ExchangeSelectStep({
       cancelled = true;
     };
   }, [service, retryToken, onError]);
+  const selectExchange = useCallback5(
+    async (connection) => {
+      setSelectingConnection(connection);
+      setSelectionNotice(null);
+      try {
+        const actualFeeBps = await onSelectExchange(
+          connection,
+          exchangeFeeBps
+        );
+        if (actualFeeBps !== exchangeFeeBps) {
+          setExchangeFeeBps(actualFeeBps);
+          setSelectionNotice(
+            "The Exchange Fee changed. Review the updated rate and select your exchange again."
+          );
+        }
+      } catch (err) {
+        const message = err instanceof Error ? err.message : "Failed to prepare Connect";
+        setSelectionNotice(message);
+        onError?.(message, "SWAPPED_CONNECT_URL_FAILED");
+      } finally {
+        setSelectingConnection(null);
+      }
+    },
+    [exchangeFeeBps, onError, onSelectExchange]
+  );
   return /* @__PURE__ */ jsxs14("div", { className: "rs-screen rs-exchange-select", children: [
     /* @__PURE__ */ jsxs14("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
       /* @__PURE__ */ jsx17(
@@ -3337,7 +3375,9 @@ function ExchangeSelectStep({
           {
             type: "button",
             className: "rs-exchange-card",
-            onClick: () => onSelectExchange(exchange.connection),
+            onClick: () => void selectExchange(exchange.connection),
+            disabled: selectingConnection !== null,
+            "aria-busy": selectingConnection === exchange.connection,
             "aria-label": `Select ${exchange.name}`,
             children: [
               /* @__PURE__ */ jsx17(
@@ -3354,7 +3394,13 @@ function ExchangeSelectStep({
         );
       }) })
     ] }),
-    /* @__PURE__ */ jsx17(PoweredBy, {})
+    /* @__PURE__ */ jsx17(PoweredBy, {}),
+    exchangeFeeBps > 0 && /* @__PURE__ */ jsxs14("p", { className: "rs-exchange-select-fee-note", children: [
+      "A ",
+      formatFeeRate(exchangeFeeBps),
+      " Exchange Fee applies to your deposit."
+    ] }),
+    selectionNotice && /* @__PURE__ */ jsx17("p", { className: "rs-exchange-select-fee-note", role: "status", children: selectionNotice })
   ] });
 }
 ExchangeSelectStep.displayName = "ExchangeSelectStep";
@@ -6819,14 +6865,79 @@ function DepositFlow({
   const handleSelectExchange = useCallback7(() => {
     storeApi.dispatch({ type: "connect/exchange-selected" });
   }, [storeApi]);
+  const swappedConnectUrlRef = useRef8(/* @__PURE__ */ new Map());
+  const acknowledgedConnectFeeRef = useRef8(/* @__PURE__ */ new Map());
   const handleSelectExchangeConnection = useCallback7(
-    (connection) => {
+    async (connection, disclosedFeeBps) => {
+      if (setupSlice.status !== "ready" || !setupSlice.smartAccount) {
+        throw new Error("Deposit account is not ready");
+      }
+      const smartAccount = setupSlice.smartAccount;
+      const owner = smartAccount.toLowerCase();
+      const key = `${owner}:${connection}`;
+      let entry = swappedConnectUrlRef.current.get(key);
+      if (!entry) {
+        let response;
+        try {
+          response = await service.getSwappedConnectUrl({
+            smartAccount,
+            connection,
+            acceptedExchangeFeeBps: disclosedFeeBps
+          });
+        } catch (error) {
+          if (error instanceof SwappedConnectFeeChangedError) {
+            return error.exchangeFeeBps;
+          }
+          throw error;
+        }
+        entry = { smartAccount: owner, response };
+      }
+      const currentAccount = storeApi.getState().setup.smartAccount;
+      if (currentAccount?.toLowerCase() !== owner) {
+        swappedConnectUrlRef.current.delete(key);
+        throw new Error("Deposit account changed. Select your exchange again.");
+      }
+      const actualFeeBps = entry.response.exchangeFeeBps ?? 0;
+      if (actualFeeBps !== disclosedFeeBps) {
+        swappedConnectUrlRef.current.delete(key);
+        acknowledgedConnectFeeRef.current.delete(key);
+        return actualFeeBps;
+      }
+      swappedConnectUrlRef.current.set(key, entry);
+      acknowledgedConnectFeeRef.current.set(key, actualFeeBps);
       storeApi.dispatch({
         type: "exchange/connection-selected",
         connection
       });
+      return actualFeeBps;
     },
-    [storeApi]
+    [service, setupSlice.status, setupSlice.smartAccount, storeApi]
+  );
+  const loadSwappedConnectUrl = useCallback7(
+    async (smartAccount, connection) => {
+      const key = `${smartAccount.toLowerCase()}:${connection}`;
+      const entry = swappedConnectUrlRef.current.get(key);
+      const expectedFeeBps = acknowledgedConnectFeeRef.current.get(key);
+      if (expectedFeeBps === void 0) {
+        throw new Error(
+          "The Exchange Fee changed. Go back and select your exchange again."
+        );
+      }
+      swappedConnectUrlRef.current.delete(key);
+      const response = entry?.smartAccount === smartAccount.toLowerCase() ? entry.response : await service.getSwappedConnectUrl({
+        smartAccount,
+        connection,
+        acceptedExchangeFeeBps: expectedFeeBps
+      });
+      const actualFeeBps = response.exchangeFeeBps ?? 0;
+      if (actualFeeBps !== expectedFeeBps) {
+        throw new Error(
+          "The Exchange Fee changed. Go back and select your exchange again."
+        );
+      }
+      return response;
+    },
+    [service]
   );
   const swappedUrlPrefetchRef = useRef8(/* @__PURE__ */ new Map());
   const prefetchSwappedWidgetUrl = useCallback7(
@@ -6866,7 +6977,9 @@ function DepositFlow({
   );
   useEffect11(() => {
     swappedUrlPrefetchRef.current.clear();
-  }, [dappAddress]);
+    swappedConnectUrlRef.current.clear();
+    acknowledgedConnectFeeRef.current.clear();
+  }, [dappAddress, setupSlice.smartAccount]);
   const handleNewDeposit = useCallback7(() => {
     onLifecycleRef.current?.({
       type: "smart-account-changed",
@@ -6877,6 +6990,8 @@ function DepositFlow({
     stableWalletSignerRef.current = null;
     stableWalletSelectionKeyRef.current = null;
     swappedUrlPrefetchRef.current.clear();
+    swappedConnectUrlRef.current.clear();
+    acknowledgedConnectFeeRef.current.clear();
     lastSmartAccountLifecycleKeyRef.current = null;
   }, [onLifecycleRef, storeApi]);
   const setupInput = useMemo7(
@@ -7504,6 +7619,7 @@ function DepositFlow({
               smartAccount: step.smartAccount,
               service,
               connection: step.connection,
+              loadUrl: () => loadSwappedConnectUrl(step.smartAccount, step.connection),
               onSwappedComplete: handleSwappedComplete,
               onSwappedFailed: handleDepositFailed,
               onClose: onClose ?? (() => {
@@ -8159,7 +8275,7 @@ DepositHistoryPanel.displayName = "DepositHistoryPanel";
 // src/DepositModal.tsx
 import { jsx as jsx27, jsxs as jsxs24 } from "react/jsx-runtime";
 var ReownDepositInner = lazy2(
-  () => import("./DepositModalReown-XIJUAOYR.mjs").then((m) => ({ default: m.DepositModalReown }))
+  () => import("./DepositModalReown-5OJ5W7UF.mjs").then((m) => ({ default: m.DepositModalReown }))
 );
 function sortByCreatedAtDesc(items) {
   return [...items].sort((a, b) => {

package/dist/{chunk-ESWMFZEV.mjs → chunk-3RS2MAZQ.mjs}

@@ -20,7 +20,7 @@ import {
   rpcUrlFor,
   tokenAmountToNumber,
   useLatestRef
-} from "./chunk-5S7WGG7V.mjs";
+} from "./chunk-NGHW6KWC.mjs";
 import {
   CHAIN_BY_ID,
   NATIVE_TOKEN_ADDRESS,

package/dist/{chunk-VZKUD5IN.mjs → chunk-73ONCSU4.mjs}

@@ -1,6 +1,6 @@
 import {
   ListRow
-} from "./chunk-PGBW524J.mjs";
+} from "./chunk-DVGQIPR3.mjs";
 import {
   AlertTriangleIcon,
   BodyHeader,
@@ -8,7 +8,6 @@ import {
   Callout,
   CdnIcon,
   CheckIcon,
-  ChevronDownIcon,
   ChevronLeftIcon,
   CloseIcon,
   CoinsIcon,
@@ -26,12 +25,10 @@ import {
   formatUserError,
   useLatestRef,
   useStableRpcUrls
-} from "./chunk-5S7WGG7V.mjs";
+} from "./chunk-NGHW6KWC.mjs";
 import {
   DEFAULT_BACKEND_URL,
-  SOURCE_CHAINS,
   getChainIcon,
-  getChainId,
   getChainName,
   getExplorerTxUrl,
   getTokenDecimalsByAddress,
@@ -252,7 +249,6 @@ function ClaimModal({
   closeOnOverlayClick,
   backendUrl = DEFAULT_BACKEND_URL,
   rpcUrls: rpcUrlsProp,
-  defaultSourceChain,
   defaultTxHash,
   defaultRecipient,
   theme,
@@ -342,7 +338,6 @@ function ClaimModal({
             refundEndpoint,
             getUserToken,
             debug,
-            defaultSourceChain,
             defaultTxHash,
             defaultRecipient,
             onClose: handleClose,
@@ -364,7 +359,6 @@ function ClaimBody({
   refundEndpoint,
   getUserToken,
   debug,
-  defaultSourceChain,
   defaultTxHash,
   defaultRecipient,
   onClose,
@@ -380,7 +374,6 @@ function ClaimBody({
         LookupStep,
         {
           service,
-          defaultSourceChain,
           defaultTxHash,
           operationEpochRef,
           isOpenRef,
@@ -517,83 +510,8 @@ function ClaimBody({
     }
   }
 }
-function ChainDropdown({
-  value,
-  onChange
-}) {
-  const [open, setOpen] = useState(false);
-  const ref = useRef(null);
-  useEffect(() => {
-    if (!open) return;
-    function onPointerDown(event) {
-      const target = event.target;
-      if (target && ref.current?.contains(target)) return;
-      setOpen(false);
-    }
-    document.addEventListener("mousedown", onPointerDown);
-    document.addEventListener("touchstart", onPointerDown, { passive: true });
-    return () => {
-      document.removeEventListener("mousedown", onPointerDown);
-      document.removeEventListener("touchstart", onPointerDown);
-    };
-  }, [open]);
-  const icon = getChainIcon(value);
-  return /* @__PURE__ */ jsxs2("div", { className: "rs-deposit-address-dropdown", ref, children: [
-    /* @__PURE__ */ jsx2("div", { className: "rs-deposit-address-dropdown-label", children: "Source chain" }),
-    /* @__PURE__ */ jsxs2(
-      "button",
-      {
-        type: "button",
-        className: `rs-deposit-address-dropdown-trigger ${open ? "rs-deposit-address-dropdown-trigger--open" : ""}`,
-        "aria-expanded": open,
-        onClick: () => setOpen((v) => !v),
-        children: [
-          /* @__PURE__ */ jsx2(CdnIcon, { src: icon, className: "rs-deposit-address-dropdown-icon" }),
-          /* @__PURE__ */ jsx2("span", { children: getChainName(value) }),
-          /* @__PURE__ */ jsx2(ChevronDownIcon, { className: "rs-deposit-address-dropdown-chevron" })
-        ]
-      }
-    ),
-    open && // Cap to the space below the trigger in this compact modal (~172px
-    // before the modal body clips) so the full menu stays visible and
-    // scrolls internally — a peek of the next row signals more chains.
-    /* @__PURE__ */ jsx2(
-      "div",
-      {
-        className: "rs-deposit-address-dropdown-menu",
-        style: { maxHeight: 168 },
-        children: SOURCE_CHAINS.map((c) => {
-          const optionIcon = getChainIcon(c.id);
-          return /* @__PURE__ */ jsxs2(
-            "button",
-            {
-              type: "button",
-              className: `rs-deposit-address-dropdown-item ${c.id === value ? "rs-deposit-address-dropdown-item--active" : ""}`,
-              onClick: () => {
-                onChange(c.id);
-                setOpen(false);
-              },
-              children: [
-                /* @__PURE__ */ jsx2(
-                  CdnIcon,
-                  {
-                    src: optionIcon,
-                    className: "rs-deposit-address-dropdown-icon"
-                  }
-                ),
-                /* @__PURE__ */ jsx2("span", { children: getChainName(c.id) })
-              ]
-            },
-            c.id
-          );
-        })
-      }
-    )
-  ] });
-}
 function LookupStep({
   service,
-  defaultSourceChain,
   defaultTxHash,
   operationEpochRef,
   isOpenRef,
@@ -602,13 +520,6 @@ function LookupStep({
   onEventRef,
   onErrorRef
 }) {
-  const [chainId, setChainId] = useState(() => {
-    const requested = defaultSourceChain != null ? getChainId(defaultSourceChain) : void 0;
-    if (requested != null && SOURCE_CHAINS.some((c) => c.id === requested)) {
-      return requested;
-    }
-    return SOURCE_CHAINS[0]?.id ?? 1;
-  });
   const [txHash, setTxHash] = useState(defaultTxHash ?? "");
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState(null);
@@ -619,22 +530,18 @@ function LookupStep({
     const isCurrentOperation = () => isOpenRef.current && operationEpochRef.current === operationEpoch;
     setError(null);
     setLoading(true);
-    const chain = `eip155:${chainId}`;
     try {
       const deposits = await service.lookupRecoverableDeposits({
-        chain,
         txHash: trimmed
       });
       if (!isCurrentOperation()) return;
       onLifecycleRef.current?.({
         type: "lookup",
-        chain: chainId,
         txHash: trimmed,
         matches: deposits.length
       });
       onEventRef.current?.({
         type: "claim_modal_lookup",
-        chain,
         matches: deposits.length
       });
       if (deposits.length === 0) {
@@ -659,7 +566,6 @@ function LookupStep({
       if (isCurrentOperation()) setLoading(false);
     }
   }, [
-    chainId,
     trimmed,
     service,
     operationEpochRef,
@@ -679,7 +585,6 @@ function LookupStep({
           subtitle: "Get funds from a failed deposit sent back to you on the source chain."
         }
       ),
-      /* @__PURE__ */ jsx2("div", { className: "rs-deposit-address-selectors", children: /* @__PURE__ */ jsx2(ChainDropdown, { value: chainId, onChange: setChainId }) }),
       /* @__PURE__ */ jsx2(
         Input,
         {