@rhinestone/deposit-modal 0.2.0 → 0.2.2

package/dist/{chunk-XW4M7WDI.cjs → chunk-T2KOQH57.cjs}

@@ -1680,6 +1680,7 @@ function getCurrentPhaseId(state, phaseTimings, isEarlyComplete) {
 }
 function ProcessingStep({
   smartAccount,
+  solanaDepositAddress,
   txHash,
   sourceChain,
   sourceToken,
@@ -1792,12 +1793,13 @@ function ProcessingStep({
     let isMounted = true;
     async function pollStatus() {
       try {
+        const account = sourceChain === "solana" && solanaDepositAddress ? solanaDepositAddress : smartAccount;
         debugLog(debug, "processing", "poll:request", {
-          smartAccount,
+          account,
           txHash,
           intervalMs: pollIntervalRef.current
         });
-        const data = await service.fetchStatus(smartAccount, txHash);
+        const data = await service.fetchStatus(account, txHash);
         const lastEvent2 = data.lastEvent;
         const eventMatchesTx = isEventForTx(lastEvent2, txHash);
         const eventForCurrentTx = eventMatchesTx ? lastEvent2 : void 0;
@@ -1949,6 +1951,8 @@ function ProcessingStep({
     processingContextRef,
     service,
     smartAccount,
+    solanaDepositAddress,
+    sourceChain,
     state.type,
     txHash
   ]);

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

@@ -28,7 +28,7 @@ import {
   tokenFormatter,
   txRefsMatch,
   useLatestRef
-} from "./chunk-3CRG5NPG.mjs";
+} from "./chunk-JRNGXHWQ.mjs";
 import {
   DEFAULT_BACKEND_URL,
   DEFAULT_SIGNER_ADDRESS,
@@ -1451,6 +1451,7 @@ var txLinkIcon = /* @__PURE__ */ jsx7(
 function DepositNotification({
   deposit,
   smartAccount,
+  solanaDepositAddress,
   targetChain,
   targetToken,
   waitForFinalTx,
@@ -1521,7 +1522,8 @@ function DepositNotification({
     let isMounted = true;
     async function pollStatus() {
       try {
-        const data = await service.fetchStatus(smartAccount, txHash);
+        const account = sourceChain === "solana" && solanaDepositAddress ? solanaDepositAddress : smartAccount;
+        const data = await service.fetchStatus(account, txHash);
         if (!isMounted) return;
         const lastEvent = data.lastEvent;
         const eventForTx = isEventForTx(lastEvent, txHash) ? lastEvent : void 0;
@@ -1582,6 +1584,8 @@ function DepositNotification({
     handleFailed,
     service,
     smartAccount,
+    solanaDepositAddress,
+    sourceChain,
     status,
     txHash
   ]);
@@ -2116,8 +2120,23 @@ function DepositAddressStep({
         return;
       }
       try {
-        const status = await service.fetchLatestStatus(smartAccount);
+        const accounts = [smartAccount];
+        if (solanaDepositAddress) accounts.push(solanaDepositAddress);
+        const results = await Promise.all(
+          accounts.map(
+            (addr) => service.fetchLatestStatus(addr).catch(() => ({ lastEvent: void 0 }))
+          )
+        );
         if (cancelled) return;
+        const events = results.map((r) => r.lastEvent).filter((e) => Boolean(e));
+        const status = {
+          lastEvent: events.reduce((latest, ev) => {
+            if (!latest) return ev;
+            const a = ev.time ? Date.parse(ev.time) : 0;
+            const b = latest.time ? Date.parse(latest.time) : 0;
+            return a > b ? ev : latest;
+          }, void 0)
+        };
         if (isTrackingRef.current) {
           if (!cancelled) {
             timeoutId = setTimeout(poll, POLL_INTERVAL_MS);
@@ -2183,7 +2202,7 @@ function DepositAddressStep({
       cancelled = true;
       clearTimeout(timeoutId);
     };
-  }, [smartAccount, service]);
+  }, [smartAccount, solanaDepositAddress, service]);
   const handleNotificationComplete = useCallback4(
     (txHash, destinationTxHash, context) => {
       isTrackingRef.current = false;
@@ -2362,9 +2381,29 @@ function DepositAddressStep({
       /* @__PURE__ */ jsx8("div", { className: "rs-deposit-address-qr", children: /* @__PURE__ */ jsx8(QRCode, { value: displayAddress, size: 150, iconSrc: qrIconSrc }) }),
       /* @__PURE__ */ jsxs7("div", { className: "rs-deposit-address-info", children: [
         /* @__PURE__ */ jsxs7("div", { className: "rs-deposit-address-label", children: [
-          "Your ",
-          isSolana ? "Solana" : "EVM",
-          " deposit address"
+          /* @__PURE__ */ jsx8("span", { children: "Your deposit address" }),
+          /* @__PURE__ */ jsx8(Tooltip, { content: "Send any accepted token to this address and it will auto swap to your account.", children: /* @__PURE__ */ jsxs7(
+            "svg",
+            {
+              className: "rs-deposit-address-label-icon",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              "aria-hidden": "true",
+              children: [
+                /* @__PURE__ */ jsx8("circle", { cx: "12", cy: "12", r: "9" }),
+                /* @__PURE__ */ jsx8(
+                  "path",
+                  {
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    d: "M12 8h.01M11 12h1v4h1"
+                  }
+                )
+              ]
+            }
+          ) })
         ] }),
         /* @__PURE__ */ jsx8("div", { className: "rs-deposit-address-value", children: displayAddress }),
         /* @__PURE__ */ jsxs7(
@@ -2529,6 +2568,7 @@ function DepositAddressStep({
       {
         deposit,
         smartAccount,
+        solanaDepositAddress,
         targetChain,
         targetToken,
         waitForFinalTx,
@@ -3851,6 +3891,7 @@ function DepositFlow({
         return {
           type: "processing",
           smartAccount: prev.smartAccount,
+          solanaDepositAddress: prev.solanaDepositAddress,
           txHash,
           sourceChain: "solana",
           sourceToken: prev.token.mint,
@@ -4238,6 +4279,7 @@ function DepositFlow({
         ProcessingStep,
         {
           smartAccount: step.smartAccount,
+          solanaDepositAddress: step.solanaDepositAddress,
           txHash: step.txHash,
           sourceChain: step.sourceChain,
           sourceToken: step.sourceToken,
@@ -4362,6 +4404,7 @@ function DepositFlow({
       ProcessingStep,
       {
         smartAccount: step.smartAccount,
+        solanaDepositAddress: step.solanaDepositAddress,
         txHash: step.txHash,
         sourceChain: step.sourceChain,
         sourceToken: step.sourceToken,
@@ -4478,10 +4521,12 @@ function getTxExplorerUrl(txHash, chainId) {
   if (!base) return null;
   return `${base}/tx/${txHash}`;
 }
-function normalizeStatus(raw) {
+function normalizeStatus(raw, isSpam) {
   const lower = raw.toLowerCase();
   if (lower === "completed" || lower === "complete" || lower === "bridge-complete" || lower === "processed") return "completed";
-  if (lower === "failed" || lower === "error" || lower === "bridge-failed") return "failed";
+  if (lower === "failed" || lower === "error" || lower === "bridge-failed") {
+    return isSpam ? "spam" : "failed";
+  }
   if (lower === "processing" || lower === "submitted" || lower === "bridging") return "processing";
   return "pending";
 }
@@ -4489,7 +4534,8 @@ var STATUS_LABEL = {
   pending: "Pending",
   processing: "Processing",
   completed: "Completed",
-  failed: "Failed"
+  failed: "Failed",
+  spam: "Spam token"
 };
 function ExternalLinkIcon() {
   return /* @__PURE__ */ jsx13("svg", { className: "rs-history-ext-icon", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ jsx13("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4.5 1.5H2.25A.75.75 0 0 0 1.5 2.25v7.5c0 .414.336.75.75.75h7.5a.75.75 0 0 0 .75-.75V7.5m-3-6h3m0 0v3m0-3L6 6" }) });
@@ -4570,7 +4616,7 @@ function DepositHistoryPanel({
   );
 }
 function HistoryRow({ deposit }) {
-  const status = normalizeStatus(deposit.status);
+  const status = normalizeStatus(deposit.status, deposit.isSpam);
   const sourceChainId = resolveChainId(deposit.chain);
   const targetChainId = resolveChainId(deposit.targetChain);
   const sourceChainName = sourceChainId ? getChainName(sourceChainId) : null;
@@ -4651,7 +4697,7 @@ DepositHistoryPanel.displayName = "DepositHistoryPanel";
 // src/DepositModal.tsx
 import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
 var ReownDepositInner = lazy(
-  () => import("./DepositModalReown-PROPLCBI.mjs").then((m) => ({ default: m.DepositModalReown }))
+  () => import("./DepositModalReown-3H4EAZIF.mjs").then((m) => ({ default: m.DepositModalReown }))
 );
 function DepositModal(props) {
   const needsReown = !!props.reownAppId;

package/dist/deposit.cjs

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkUHQSFV5Vcjs = require('./chunk-UHQSFV5V.cjs');
-require('./chunk-XW4M7WDI.cjs');
+var _chunkOPCYL3OIcjs = require('./chunk-OPCYL3OI.cjs');
+require('./chunk-T2KOQH57.cjs');
 require('./chunk-MUWVDVY4.cjs');
 
 
-exports.DepositModal = _chunkUHQSFV5Vcjs.DepositModal;
+exports.DepositModal = _chunkOPCYL3OIcjs.DepositModal;

package/dist/deposit.mjs

@@ -1,7 +1,7 @@
 import {
   DepositModal
-} from "./chunk-7NEVAAPY.mjs";
-import "./chunk-3CRG5NPG.mjs";
+} from "./chunk-UTQ7EYXO.mjs";
+import "./chunk-JRNGXHWQ.mjs";
 import "./chunk-SDZKKUCJ.mjs";
 export {
   DepositModal

package/dist/index.cjs

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkUHQSFV5Vcjs = require('./chunk-UHQSFV5V.cjs');
+var _chunkOPCYL3OIcjs = require('./chunk-OPCYL3OI.cjs');
 
 
-var _chunk7TEGUTU4cjs = require('./chunk-7TEGUTU4.cjs');
+var _chunk5EU7N73Mcjs = require('./chunk-5EU7N73M.cjs');
 
 
 var _chunkYQFH2WSWcjs = require('./chunk-YQFH2WSW.cjs');
-require('./chunk-XW4M7WDI.cjs');
+require('./chunk-T2KOQH57.cjs');
 
 
 
@@ -70,4 +70,4 @@ var _chunkMUWVDVY4cjs = require('./chunk-MUWVDVY4.cjs');
 
 
 
-exports.CHAIN_BY_ID = _chunkMUWVDVY4cjs.CHAIN_BY_ID; exports.DEFAULT_BACKEND_URL = _chunkMUWVDVY4cjs.DEFAULT_BACKEND_URL; exports.DEFAULT_SIGNER_ADDRESS = _chunkMUWVDVY4cjs.DEFAULT_SIGNER_ADDRESS; exports.DepositModal = _chunkUHQSFV5Vcjs.DepositModal; exports.NATIVE_TOKEN_ADDRESS = _chunkMUWVDVY4cjs.NATIVE_TOKEN_ADDRESS; exports.SOURCE_CHAINS = _chunkMUWVDVY4cjs.SOURCE_CHAINS; exports.SUPPORTED_CHAINS = _chunkMUWVDVY4cjs.SUPPORTED_CHAINS; exports.WithdrawModal = _chunk7TEGUTU4cjs.WithdrawModal; exports.chainRegistry = _chunkMUWVDVY4cjs.chainRegistry; exports.disconnectWallet = _chunkYQFH2WSWcjs.disconnectWallet; exports.findChainIdForToken = _chunkMUWVDVY4cjs.findChainIdForToken; exports.getChainBadge = _chunkMUWVDVY4cjs.getChainBadge; exports.getChainIcon = _chunkMUWVDVY4cjs.getChainIcon; exports.getChainId = _chunkMUWVDVY4cjs.getChainId; exports.getChainName = _chunkMUWVDVY4cjs.getChainName; exports.getChainObject = _chunkMUWVDVY4cjs.getChainObject; exports.getExplorerName = _chunkMUWVDVY4cjs.getExplorerName; exports.getExplorerTxUrl = _chunkMUWVDVY4cjs.getExplorerTxUrl; exports.getExplorerUrl = _chunkMUWVDVY4cjs.getExplorerUrl; exports.getSupportedChainIds = _chunkMUWVDVY4cjs.getSupportedChainIds; exports.getSupportedTargetTokens = _chunkMUWVDVY4cjs.getSupportedTargetTokens; exports.getSupportedTokenSymbolsForChain = _chunkMUWVDVY4cjs.getSupportedTokenSymbolsForChain; exports.getTargetTokenSymbolsForChain = _chunkMUWVDVY4cjs.getTargetTokenSymbolsForChain; exports.getTokenAddress = _chunkMUWVDVY4cjs.getTokenAddress; exports.getTokenDecimals = _chunkMUWVDVY4cjs.getTokenDecimals; exports.getTokenDecimalsByAddress = _chunkMUWVDVY4cjs.getTokenDecimalsByAddress; exports.getTokenIcon = _chunkMUWVDVY4cjs.getTokenIcon; exports.getTokenSymbol = _chunkMUWVDVY4cjs.getTokenSymbol; exports.getUsdcAddress = _chunkMUWVDVY4cjs.getUsdcAddress; exports.getUsdcDecimals = _chunkMUWVDVY4cjs.getUsdcDecimals; exports.isSupportedTokenAddressForChain = _chunkMUWVDVY4cjs.isSupportedTokenAddressForChain;
+exports.CHAIN_BY_ID = _chunkMUWVDVY4cjs.CHAIN_BY_ID; exports.DEFAULT_BACKEND_URL = _chunkMUWVDVY4cjs.DEFAULT_BACKEND_URL; exports.DEFAULT_SIGNER_ADDRESS = _chunkMUWVDVY4cjs.DEFAULT_SIGNER_ADDRESS; exports.DepositModal = _chunkOPCYL3OIcjs.DepositModal; exports.NATIVE_TOKEN_ADDRESS = _chunkMUWVDVY4cjs.NATIVE_TOKEN_ADDRESS; exports.SOURCE_CHAINS = _chunkMUWVDVY4cjs.SOURCE_CHAINS; exports.SUPPORTED_CHAINS = _chunkMUWVDVY4cjs.SUPPORTED_CHAINS; exports.WithdrawModal = _chunk5EU7N73Mcjs.WithdrawModal; exports.chainRegistry = _chunkMUWVDVY4cjs.chainRegistry; exports.disconnectWallet = _chunkYQFH2WSWcjs.disconnectWallet; exports.findChainIdForToken = _chunkMUWVDVY4cjs.findChainIdForToken; exports.getChainBadge = _chunkMUWVDVY4cjs.getChainBadge; exports.getChainIcon = _chunkMUWVDVY4cjs.getChainIcon; exports.getChainId = _chunkMUWVDVY4cjs.getChainId; exports.getChainName = _chunkMUWVDVY4cjs.getChainName; exports.getChainObject = _chunkMUWVDVY4cjs.getChainObject; exports.getExplorerName = _chunkMUWVDVY4cjs.getExplorerName; exports.getExplorerTxUrl = _chunkMUWVDVY4cjs.getExplorerTxUrl; exports.getExplorerUrl = _chunkMUWVDVY4cjs.getExplorerUrl; exports.getSupportedChainIds = _chunkMUWVDVY4cjs.getSupportedChainIds; exports.getSupportedTargetTokens = _chunkMUWVDVY4cjs.getSupportedTargetTokens; exports.getSupportedTokenSymbolsForChain = _chunkMUWVDVY4cjs.getSupportedTokenSymbolsForChain; exports.getTargetTokenSymbolsForChain = _chunkMUWVDVY4cjs.getTargetTokenSymbolsForChain; exports.getTokenAddress = _chunkMUWVDVY4cjs.getTokenAddress; exports.getTokenDecimals = _chunkMUWVDVY4cjs.getTokenDecimals; exports.getTokenDecimalsByAddress = _chunkMUWVDVY4cjs.getTokenDecimalsByAddress; exports.getTokenIcon = _chunkMUWVDVY4cjs.getTokenIcon; exports.getTokenSymbol = _chunkMUWVDVY4cjs.getTokenSymbol; exports.getUsdcAddress = _chunkMUWVDVY4cjs.getUsdcAddress; exports.getUsdcDecimals = _chunkMUWVDVY4cjs.getUsdcDecimals; exports.isSupportedTokenAddressForChain = _chunkMUWVDVY4cjs.isSupportedTokenAddressForChain;

package/dist/index.mjs

@@ -1,13 +1,13 @@
 import {
   DepositModal
-} from "./chunk-7NEVAAPY.mjs";
+} from "./chunk-UTQ7EYXO.mjs";
 import {
   WithdrawModal
-} from "./chunk-TKTOPC2W.mjs";
+} from "./chunk-MKO5TNVQ.mjs";
 import {
   disconnectWallet
 } from "./chunk-5YXAQB6A.mjs";
-import "./chunk-3CRG5NPG.mjs";
+import "./chunk-JRNGXHWQ.mjs";
 import {
   CHAIN_BY_ID,
   DEFAULT_BACKEND_URL,

package/dist/reown.cjs

@@ -1,16 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkUHQSFV5Vcjs = require('./chunk-UHQSFV5V.cjs');
+var _chunkOPCYL3OIcjs = require('./chunk-OPCYL3OI.cjs');
 
 
-var _chunk7TEGUTU4cjs = require('./chunk-7TEGUTU4.cjs');
+var _chunk5EU7N73Mcjs = require('./chunk-5EU7N73M.cjs');
 
 
 var _chunkYQFH2WSWcjs = require('./chunk-YQFH2WSW.cjs');
-require('./chunk-XW4M7WDI.cjs');
+require('./chunk-T2KOQH57.cjs');
 require('./chunk-MUWVDVY4.cjs');
 
 
 
 
-exports.DepositModal = _chunkUHQSFV5Vcjs.DepositModal; exports.WithdrawModal = _chunk7TEGUTU4cjs.WithdrawModal; exports.disconnectWallet = _chunkYQFH2WSWcjs.disconnectWallet;
+exports.DepositModal = _chunkOPCYL3OIcjs.DepositModal; exports.WithdrawModal = _chunk5EU7N73Mcjs.WithdrawModal; exports.disconnectWallet = _chunkYQFH2WSWcjs.disconnectWallet;

package/dist/reown.mjs

@@ -1,13 +1,13 @@
 import {
   DepositModal
-} from "./chunk-7NEVAAPY.mjs";
+} from "./chunk-UTQ7EYXO.mjs";
 import {
   WithdrawModal
-} from "./chunk-TKTOPC2W.mjs";
+} from "./chunk-MKO5TNVQ.mjs";
 import {
   disconnectWallet
 } from "./chunk-5YXAQB6A.mjs";
-import "./chunk-3CRG5NPG.mjs";
+import "./chunk-JRNGXHWQ.mjs";
 import "./chunk-SDZKKUCJ.mjs";
 export {
   DepositModal,

package/dist/styles.css

@@ -2845,12 +2845,22 @@
 }
 
 .rs-deposit-address-label {
+  display: flex;
+  align-items: center;
+  gap: 5px;
   font-size: 13px;
   font-weight: 600;
   color: var(--rs-muted);
   margin-bottom: 8px;
 }
 
+.rs-deposit-address-label-icon {
+  width: 13px;
+  height: 13px;
+  display: block;
+  color: var(--rs-muted-foreground);
+}
+
 .rs-deposit-address-value {
   font-size: 12px;
   font-family:
@@ -3686,6 +3696,10 @@
   background: var(--color-red9);
 }
 
+.rs-history-dot--spam {
+  background: var(--rs-muted-foreground);
+}
+
 @keyframes rs-history-dot-pulse {
   0%, 100% { opacity: 1; }
   50% { opacity: 0.4; }
@@ -3707,6 +3721,10 @@
   color: var(--color-amber8);
 }
 
+.rs-history-status--spam {
+  color: var(--rs-muted-foreground);
+}
+
 /* Row secondary: amount + time */
 
 .rs-history-row-secondary {

package/dist/withdraw.cjs

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk7TEGUTU4cjs = require('./chunk-7TEGUTU4.cjs');
-require('./chunk-XW4M7WDI.cjs');
+var _chunk5EU7N73Mcjs = require('./chunk-5EU7N73M.cjs');
+require('./chunk-T2KOQH57.cjs');
 require('./chunk-MUWVDVY4.cjs');
 
 
-exports.WithdrawModal = _chunk7TEGUTU4cjs.WithdrawModal;
+exports.WithdrawModal = _chunk5EU7N73Mcjs.WithdrawModal;

package/dist/withdraw.mjs

@@ -1,7 +1,7 @@
 import {
   WithdrawModal
-} from "./chunk-TKTOPC2W.mjs";
-import "./chunk-3CRG5NPG.mjs";
+} from "./chunk-MKO5TNVQ.mjs";
+import "./chunk-JRNGXHWQ.mjs";
 import "./chunk-SDZKKUCJ.mjs";
 export {
   WithdrawModal

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rhinestone/deposit-modal",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "description": "React modal component for Rhinestone cross-chain deposits",
   "author": "Rhinestone <dev@rhinestone.wtf>",
   "bugs": {