@rhinestone/deposit-modal 0.14.1 → 0.15.0

package/dist/{chunk-XCTRKCNM.mjs → chunk-UCBUCX2W.mjs}

@@ -1,40 +1,1246 @@
 import {
+  AlertTriangleIcon,
+  AnalyticsSession,
+  ArrowUpRightIcon,
   BodyHeader,
   Button,
   Callout,
   CdnIcon,
   CheckIcon,
   ChevronDownIcon,
+  ChevronLeftIcon,
+  ChevronRightIcon,
+  ClaimAnalyticsControllerProvider,
+  CloseIcon,
+  CoinsIcon,
   ExternalLinkIcon,
+  HistoryIcon,
   InfoIcon,
+  ListRow,
   PoweredBy,
+  RECOVERY_LOOKUP_MISS_COPY,
+  RecoveryError,
+  RecoveryLookupScreen,
+  RecoveryOutcomeScreen,
+  RecoveryReviewScreen,
+  RegistrationError,
+  Spinner,
   TokenIcon,
   WalletIcon,
+  claimFailureReasonForError,
+  classifyRecoveryLookup,
   debugError,
   debugLog,
+  describeRecoveryDeposit,
   estimateReceiveAmount,
   formatFeeUsd,
   formatQuotedReceive,
   formatRawTokenAmount,
+  formatRecoveryAmount,
   formatTokenAmount,
+  formatUserError,
   isRecognizedToken,
   quoteFeeGroups,
   quoteFeeRow,
+  randomUuid,
+  recoveryFailureCause,
   resolveTokenDisplay,
+  submitSignedRecovery,
+  toRecoverableDeposit,
   tokenAmountToNumber,
+  useClaimAnalyticsController,
   useExplorerTxUrl,
   useLatestRef
-} from "./chunk-UX35GYLM.mjs";
+} from "./chunk-5VONFVQN.mjs";
 import {
+  HYPERCORE_CHAIN_ID,
   NATIVE_TOKEN_ADDRESS,
   SOLANA_MAINNET_CAIP2,
+  SOLANA_TOKENS,
   cdnIconUrl,
+  displayChainIdForCaip2,
   getChainIcon,
   getChainName,
+  getTokenDecimalsByAddress,
+  getTokenSymbol,
   targetChainToCaip2,
   targetChainToChainId,
-  toEvmCaip2
-} from "./chunk-VUATPOWJ.mjs";
+  toEvmCaip2,
+  tokenIconUrl
+} from "./chunk-EAGMY3QE.mjs";
+
+// src/core/history-status.ts
+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" || lower === "rejected") {
+    return isSpam ? "spam" : "failed";
+  }
+  if (lower === "refunded") return "refunded";
+  if (lower === "processing" || lower === "submitted" || lower === "bridging")
+    return "processing";
+  return "pending";
+}
+var STATUS_LABEL = {
+  pending: "Pending",
+  processing: "Processing",
+  completed: "Completed",
+  failed: "Failed",
+  refunded: "Refunded",
+  spam: "Spam token"
+};
+function filterVisibleDeposits(deposits) {
+  const sourceHashes = new Set(
+    deposits.map((d) => d.sourceTxHash?.toLowerCase()).filter((h) => Boolean(h))
+  );
+  return deposits.filter(
+    (d) => !(d.txHash && sourceHashes.has(d.txHash.toLowerCase()))
+  );
+}
+
+// src/core/history-badge.ts
+function deriveHistoryBadge(deposits, { recipient, canRecover }) {
+  const visible = filterVisibleDeposits(deposits);
+  if (canRecover) {
+    const needsYou = visible.filter(
+      (row) => toRecoverableDeposit(row, { recipient }) !== null
+    ).length;
+    if (needsYou > 0) return { state: "needs-you", count: needsYou };
+  }
+  const inProgress = visible.filter((row) => {
+    const status = normalizeStatus(row.status, row.isSpam);
+    return status === "pending" || status === "processing";
+  }).length;
+  if (inProgress > 0) return { state: "progress", count: inProgress };
+  return null;
+}
+function historyBadgeAriaLabel(badge) {
+  if (!badge) return "Deposit history";
+  const single = badge.count === 1;
+  const noun = single ? "deposit" : "deposits";
+  const state = badge.state === "needs-you" ? single ? "needs you" : "need you" : "in progress";
+  return `Deposit history \u2014 ${badge.count} ${noun} ${state}`;
+}
+
+// src/components/history/HistoryEntryButton.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function HistoryEntryButton({
+  badge,
+  onClick,
+  disabled
+}) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      className: "rs-modal-header-history",
+      "aria-label": historyBadgeAriaLabel(badge),
+      onClick,
+      disabled,
+      children: [
+        /* @__PURE__ */ jsx(HistoryIcon, {}),
+        badge && /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: `rs-history-dot rs-history-dot--${badge.state}`,
+            "aria-hidden": "true"
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/components/history/HistoryOverlay.tsx
+import { useCallback as useCallback4, useEffect as useEffect4, useMemo as useMemo2, useRef as useRef4, useState as useState4 } from "react";
+
+// src/components/history/DepositHistoryPanel.tsx
+import {
+  useCallback,
+  useEffect,
+  useId,
+  useMemo,
+  useRef,
+  useState
+} from "react";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function shortenHash(hash) {
+  if (hash.length <= 14) return hash;
+  return `${hash.slice(0, 6)}\u2026${hash.slice(-4)}`;
+}
+function formatDate(iso) {
+  try {
+    const date = new Date(iso);
+    if (Number.isNaN(date.getTime())) return iso;
+    return date.toLocaleDateString("en-US", {
+      day: "numeric",
+      month: "short",
+      year: "numeric"
+    });
+  } catch {
+    return iso;
+  }
+}
+function resolveChainId(value) {
+  if (value === void 0 || value === null) return null;
+  if (typeof value === "number") return value;
+  const display = displayChainIdForCaip2(value);
+  if (display !== null) return display;
+  if (value === "solana" || value === "hypercore") return value;
+  const num = Number(value);
+  return Number.isFinite(num) ? num : null;
+}
+function resolveTokenSymbol(token, chainId) {
+  if (!token) return "";
+  if (chainId === "solana") {
+    const normalized = token.toLowerCase();
+    const matched = SOLANA_TOKENS.find(
+      (entry) => entry.mint.toLowerCase() === normalized
+    );
+    if (matched) return matched.symbol;
+    if (normalized === "native" || normalized === "11111111111111111111111111111111" || normalized === "so11111111111111111111111111111111111111112") {
+      return "SOL";
+    }
+  }
+  if (chainId !== null && chainId !== void 0 && chainId !== "solana" && // Both callers pass the SOURCE chain, and `/chains` reports
+  // `deposit: false` for Tron and Stellar — so neither can appear here, and
+  // neither has an EVM token table to look one up in if it did.
+  chainId !== "tron" && chainId !== "stellar" && /^0x[a-fA-F0-9]{40}$/.test(token)) {
+    const evmChainId = chainId === "hypercore" ? HYPERCORE_CHAIN_ID : chainId;
+    const sym = getTokenSymbol(token, evmChainId);
+    if (sym !== "Token") return sym;
+  }
+  return shortenHash(token);
+}
+function formatAmount(rawAmount, token, chainId) {
+  if (!rawAmount) return "";
+  let decimals = 18;
+  if (token && chainId !== null && chainId !== void 0) {
+    if (chainId === "solana") {
+      const normalized = token.toLowerCase();
+      const matched = SOLANA_TOKENS.find(
+        (entry) => entry.mint.toLowerCase() === normalized
+      );
+      if (matched) {
+        decimals = matched.decimals;
+      } else if (normalized === "native" || normalized === "11111111111111111111111111111111" || normalized === "so11111111111111111111111111111111111111112") {
+        decimals = 9;
+      }
+    } else if (
+      // See `resolveTokenSymbol`: this reads the source chain, which Tron and
+      // Stellar cannot be.
+      chainId !== "tron" && chainId !== "stellar" && /^0x[a-fA-F0-9]{40}$/.test(token)
+    ) {
+      const evmChainId = chainId === "hypercore" ? HYPERCORE_CHAIN_ID : chainId;
+      decimals = getTokenDecimalsByAddress(token, evmChainId);
+    }
+  }
+  try {
+    const raw = BigInt(rawAmount);
+    const divisor = 10n ** BigInt(decimals);
+    const whole = raw / divisor;
+    const remainder = raw % divisor;
+    const fracStr = remainder.toString().padStart(decimals, "0");
+    let frac = fracStr.slice(0, 5).replace(/0+$/, "");
+    if (frac.length < 2) frac = frac.padEnd(2, "0");
+    return `${whole}.${frac}`;
+  } catch {
+    return rawAmount;
+  }
+}
+function DepositHistoryPanel({
+  deposits,
+  isLoading,
+  error,
+  hasMore,
+  isLoadingMore,
+  onLoadMore,
+  onClose,
+  onCloseModal,
+  backLabel,
+  title = "History",
+  recipient,
+  onRecover,
+  onFindByTxHash,
+  onRowView,
+  obscured
+}) {
+  const rootRef = useRef(null);
+  useEffect(() => {
+    rootRef.current?.toggleAttribute("inert", Boolean(obscured));
+  }, [obscured]);
+  const handleKeyDown = useCallback(
+    (e) => {
+      if (obscured) return;
+      if (e.key === "Escape") {
+        e.stopPropagation();
+        onClose();
+      }
+    },
+    [onClose, obscured]
+  );
+  const visibleDeposits = useMemo(
+    () => filterVisibleDeposits(deposits),
+    [deposits]
+  );
+  return /* @__PURE__ */ jsxs2(
+    "div",
+    {
+      ref: rootRef,
+      className: "rs-history-panel",
+      role: "dialog",
+      "aria-label": "Deposit history",
+      "aria-hidden": obscured || void 0,
+      onKeyDown: handleKeyDown,
+      children: [
+        /* @__PURE__ */ jsxs2("div", { className: "rs-modal-header--redesigned", children: [
+          /* @__PURE__ */ jsx2("div", { className: "rs-modal-header-nav-left", children: /* @__PURE__ */ jsxs2(
+            "button",
+            {
+              type: "button",
+              className: `rs-modal-header-back${backLabel ? " rs-modal-header-back--labelled" : ""}`,
+              "aria-label": backLabel ? `Back to ${backLabel.toLowerCase()}` : "Back",
+              onClick: onClose,
+              children: [
+                /* @__PURE__ */ jsx2(ChevronLeftIcon, {}),
+                backLabel && /* @__PURE__ */ jsx2("span", { children: backLabel })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsx2("div", { className: "rs-modal-header-nav-right", children: onCloseModal && /* @__PURE__ */ jsx2(
+            "button",
+            {
+              type: "button",
+              className: "rs-modal-close",
+              "aria-label": "Close",
+              onClick: onCloseModal,
+              children: /* @__PURE__ */ jsx2(CloseIcon, {})
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsxs2("div", { className: "rs-history-screen", children: [
+          /* @__PURE__ */ jsxs2("div", { className: "rs-history-screen-body", children: [
+            /* @__PURE__ */ jsx2(BodyHeader, { icon: /* @__PURE__ */ jsx2(HistoryIcon, {}), title }),
+            onFindByTxHash && /* @__PURE__ */ jsxs2(
+              "button",
+              {
+                type: "button",
+                className: "rs-history-hint",
+                onClick: onFindByTxHash,
+                children: [
+                  /* @__PURE__ */ jsx2("span", { children: "Deposit missing?" }),
+                  /* @__PURE__ */ jsx2("strong", { children: "Find it by transaction hash" })
+                ]
+              }
+            ),
+            isLoading && deposits.length === 0 && /* @__PURE__ */ jsxs2("div", { className: "rs-history-empty", children: [
+              /* @__PURE__ */ jsx2("span", { className: "rs-history-empty-glyph", "aria-hidden": "true", children: /* @__PURE__ */ jsx2(HistoryIcon, {}) }),
+              /* @__PURE__ */ jsxs2("div", { className: "rs-history-empty-text", children: [
+                /* @__PURE__ */ jsx2(Spinner, { className: "rs-spinner--sm" }),
+                /* @__PURE__ */ jsx2("span", { className: "rs-history-empty-hint", children: "Loading history\u2026" })
+              ] })
+            ] }),
+            error && !isLoading && /* @__PURE__ */ jsxs2("div", { className: "rs-history-empty", children: [
+              /* @__PURE__ */ jsx2("span", { className: "rs-history-empty-glyph", "aria-hidden": "true", children: /* @__PURE__ */ jsx2(AlertTriangleIcon, {}) }),
+              /* @__PURE__ */ jsxs2("div", { className: "rs-history-empty-text", children: [
+                /* @__PURE__ */ jsx2("span", { className: "rs-history-empty-title", children: "Couldn't load history" }),
+                /* @__PURE__ */ jsx2("span", { className: "rs-history-empty-hint", children: error })
+              ] })
+            ] }),
+            !isLoading && !error && visibleDeposits.length === 0 && /* @__PURE__ */ jsxs2("div", { className: "rs-history-empty", children: [
+              /* @__PURE__ */ jsx2("span", { className: "rs-history-empty-glyph", "aria-hidden": "true", children: /* @__PURE__ */ jsx2(HistoryIcon, {}) }),
+              /* @__PURE__ */ jsxs2("div", { className: "rs-history-empty-text", children: [
+                /* @__PURE__ */ jsx2("span", { className: "rs-history-empty-title", children: "No deposits yet" }),
+                /* @__PURE__ */ jsx2("span", { className: "rs-history-empty-hint", children: "Your deposit history will appear here" })
+              ] })
+            ] }),
+            visibleDeposits.length > 0 && /* @__PURE__ */ jsxs2("div", { className: "rs-history-list", children: [
+              visibleDeposits.map((deposit, i) => /* @__PURE__ */ jsx2(
+                HistoryCard,
+                {
+                  deposit,
+                  position: i,
+                  recipient,
+                  onRecover,
+                  onRowView
+                },
+                deposit.txHash || i
+              )),
+              hasMore && /* @__PURE__ */ jsx2(
+                "button",
+                {
+                  type: "button",
+                  className: "rs-history-load-more",
+                  onClick: onLoadMore,
+                  disabled: isLoadingMore,
+                  children: isLoadingMore ? "Loading\u2026" : "Load more"
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx2(PoweredBy, {})
+        ] })
+      ]
+    }
+  );
+}
+function HistoryCard({
+  deposit,
+  position,
+  recipient,
+  onRecover,
+  onRowView
+}) {
+  const explorerTxUrl = useExplorerTxUrl();
+  const [expanded, setExpanded] = useState(false);
+  const panelId = useId();
+  const status = normalizeStatus(deposit.status, deposit.isSpam);
+  const sourceChainId = resolveChainId(deposit.chain);
+  const targetChainId = resolveChainId(deposit.targetChain);
+  const sourceChainName = sourceChainId ? getChainName(sourceChainId) : null;
+  const targetChainName = targetChainId ? getChainName(targetChainId) : null;
+  const sourceChainIcon = sourceChainId ? getChainIcon(sourceChainId) : void 0;
+  const targetChainIcon = targetChainId ? getChainIcon(targetChainId) : void 0;
+  const sourceSymbol = resolveTokenSymbol(deposit.token, sourceChainId);
+  const rawAmount = deposit.sourceAmount && deposit.sourceAmount !== "0" ? deposit.sourceAmount : deposit.amount;
+  const formattedAmount = rawAmount ? formatAmount(rawAmount, deposit.token, sourceChainId) : null;
+  const displayAmount = formattedAmount ? sourceSymbol && /^USD/.test(sourceSymbol) ? `$${Number(formattedAmount).toLocaleString("en-US", {
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2
+  })}` : `${formattedAmount} ${sourceSymbol}` : "\u2014";
+  const date = deposit.createdAt ? formatDate(deposit.createdAt) : null;
+  const txTypeLabel = `Deposit${sourceSymbol ? ` ${sourceSymbol}` : ""}`;
+  const srcTxHash = sourceChainId === "hypercore" ? deposit.txHash : deposit.sourceTxHash;
+  const srcTxUrl = srcTxHash && sourceChainId ? explorerTxUrl(sourceChainId, srcTxHash) : null;
+  const eligible = toRecoverableDeposit(deposit, { recipient });
+  const recoverable = onRecover ? eligible : null;
+  const toggleExpanded = () => {
+    const next = !expanded;
+    setExpanded(next);
+    const depositId = deposit.id ?? deposit.txHash;
+    if (!next || !depositId) return;
+    onRowView?.({
+      depositId,
+      status,
+      recoverable: eligible !== null,
+      position
+    });
+  };
+  return /* @__PURE__ */ jsxs2(
+    "div",
+    {
+      className: `rs-history-card ${expanded ? "rs-history-card--expanded" : ""}`,
+      children: [
+        /* @__PURE__ */ jsx2(
+          "button",
+          {
+            type: "button",
+            className: "rs-history-card-trigger",
+            onClick: toggleExpanded,
+            "aria-expanded": expanded,
+            "aria-controls": panelId,
+            children: /* @__PURE__ */ jsxs2("div", { className: "rs-history-card-row", children: [
+              /* @__PURE__ */ jsxs2("div", { className: "rs-history-card-icons", children: [
+                /* @__PURE__ */ jsx2("span", { className: "rs-history-card-token", children: /* @__PURE__ */ jsx2(
+                  TokenIcon,
+                  {
+                    symbol: sourceSymbol,
+                    fallback: sourceSymbol.slice(0, 2)
+                  }
+                ) }),
+                sourceChainIcon && /* @__PURE__ */ jsx2("span", { className: "rs-history-card-chain", children: /* @__PURE__ */ jsx2(CdnIcon, { src: sourceChainIcon }) })
+              ] }),
+              /* @__PURE__ */ jsxs2("div", { className: "rs-history-card-text", children: [
+                /* @__PURE__ */ jsx2("span", { className: "rs-history-card-title", children: txTypeLabel }),
+                date && /* @__PURE__ */ jsx2("span", { className: "rs-history-card-date", children: date })
+              ] }),
+              /* @__PURE__ */ jsxs2("div", { className: "rs-history-card-side", children: [
+                /* @__PURE__ */ jsx2("span", { className: "rs-history-card-amount", children: displayAmount }),
+                /* @__PURE__ */ jsx2("span", { className: `rs-history-badge rs-history-badge--${status}`, children: STATUS_LABEL[status] })
+              ] })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsx2("div", { className: "rs-history-card-panel", id: panelId, children: /* @__PURE__ */ jsx2("div", { className: "rs-history-card-panel-inner", children: /* @__PURE__ */ jsxs2("div", { className: "rs-history-card-details", children: [
+          (status === "failed" || recoverable) && /* @__PURE__ */ jsx2(Callout, { variant: "error", children: recoveryFailureCause(sourceChainName) }),
+          sourceChainName && /* @__PURE__ */ jsxs2("div", { className: "rs-amount-detail-row", children: [
+            /* @__PURE__ */ jsx2("span", { children: "Source chain" }),
+            /* @__PURE__ */ jsxs2("span", { className: "rs-amount-detail-value", children: [
+              /* @__PURE__ */ jsx2("span", { children: sourceChainName }),
+              sourceChainIcon && /* @__PURE__ */ jsx2("span", { className: "rs-amount-detail-icon", children: /* @__PURE__ */ jsx2(CdnIcon, { src: sourceChainIcon }) })
+            ] })
+          ] }),
+          targetChainName && /* @__PURE__ */ jsxs2("div", { className: "rs-amount-detail-row", children: [
+            /* @__PURE__ */ jsx2("span", { children: "Destination chain" }),
+            /* @__PURE__ */ jsxs2("span", { className: "rs-amount-detail-value", children: [
+              /* @__PURE__ */ jsx2("span", { children: targetChainName }),
+              targetChainIcon && /* @__PURE__ */ jsx2("span", { className: "rs-amount-detail-icon", children: /* @__PURE__ */ jsx2(CdnIcon, { src: targetChainIcon }) })
+            ] })
+          ] }),
+          srcTxUrl && srcTxHash && /* @__PURE__ */ jsxs2("div", { className: "rs-amount-detail-row", children: [
+            /* @__PURE__ */ jsx2("span", { children: "Transaction details" }),
+            /* @__PURE__ */ jsxs2(
+              "a",
+              {
+                href: srcTxUrl,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                className: "rs-history-card-link",
+                children: [
+                  /* @__PURE__ */ jsx2("span", { children: shortenHash(srcTxHash) }),
+                  /* @__PURE__ */ jsx2(ArrowUpRightIcon, {})
+                ]
+              }
+            )
+          ] }),
+          recoverable && /* @__PURE__ */ jsxs2(
+            Button,
+            {
+              onClick: () => onRecover?.(recoverable),
+              fullWidth: true,
+              className: "rs-history-card-recover",
+              children: [
+                /* @__PURE__ */ jsxs2("span", { children: [
+                  "Recover ",
+                  displayAmount
+                ] }),
+                /* @__PURE__ */ jsx2(ChevronRightIcon, {})
+              ]
+            }
+          )
+        ] }) }) })
+      ]
+    }
+  );
+}
+DepositHistoryPanel.displayName = "DepositHistoryPanel";
+
+// src/components/history/HistoryFallbackFlow.tsx
+import { useCallback as useCallback2, useEffect as useEffect2, useRef as useRef2, useState as useState2 } from "react";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function HistoryFallbackFlow({
+  service,
+  recipient,
+  onBack,
+  onCloseModal,
+  onFound
+}) {
+  const analytics = useClaimAnalyticsController();
+  const [loading, setLoading] = useState2(false);
+  const [error, setError] = useState2(null);
+  const [matches, setMatches] = useState2(null);
+  useEffect2(() => {
+    analytics.openStep("lookup");
+  }, [analytics]);
+  const epochRef = useRef2(0);
+  useEffect2(() => {
+    setMatches(null);
+    setError(null);
+    setLoading(false);
+    return () => {
+      epochRef.current += 1;
+    };
+  }, [recipient]);
+  const reportSelection = useCallback2(
+    (match, autoSelected) => {
+      analytics.selectDeposit({
+        depositId: match.depositId,
+        transactionHash: match.sourceTxHash ?? null,
+        autoSelected
+      });
+    },
+    [analytics]
+  );
+  const lookup = useCallback2(
+    async (txHash) => {
+      const epoch = epochRef.current;
+      const isCurrentLookup = () => epochRef.current === epoch;
+      setError(null);
+      setLoading(true);
+      analytics.rearmStep("lookup");
+      try {
+        const rows = await service.lookupRecoverableDeposits({ txHash });
+        if (!isCurrentLookup()) return;
+        const outcome = classifyRecoveryLookup(newestFirst(rows), {
+          recipient
+        });
+        const { eligible, miss } = outcome;
+        analytics.lookupResult(outcome.rows.length, eligible.length);
+        if (miss) {
+          analytics.friction(
+            miss === "not_found" ? "lookup_no_deposits_found" : "lookup_no_eligible_deposits",
+            "lookup"
+          );
+          setError(RECOVERY_LOOKUP_MISS_COPY[miss]);
+          return;
+        }
+        analytics.completeStep("lookup");
+        if (eligible.length === 1) {
+          reportSelection(eligible[0], true);
+          onFound(eligible[0]);
+          return;
+        }
+        analytics.openStep("select");
+        setMatches(eligible);
+      } catch (err) {
+        if (!isCurrentLookup()) return;
+        analytics.failure("lookup_failed", true, "lookup");
+        setError(
+          formatUserError(err instanceof Error ? err.message : "Lookup failed")
+        );
+      } finally {
+        if (isCurrentLookup()) setLoading(false);
+      }
+    },
+    [analytics, service, recipient, onFound, reportSelection]
+  );
+  const selectMatch = useCallback2(
+    (match) => {
+      analytics.completeStep("select");
+      reportSelection(match, false);
+      onFound(match);
+    },
+    [analytics, onFound, reportSelection]
+  );
+  const handleKeyDown = useCallback2(
+    (e) => {
+      if (e.key === "Escape") {
+        e.stopPropagation();
+        onBack("escape");
+      }
+    },
+    [onBack]
+  );
+  return /* @__PURE__ */ jsxs3(
+    "div",
+    {
+      className: "rs-history-lookup",
+      role: "dialog",
+      "aria-label": "Find a deposit",
+      onKeyDown: handleKeyDown,
+      children: [
+        /* @__PURE__ */ jsxs3("div", { className: "rs-modal-header--redesigned", children: [
+          /* @__PURE__ */ jsx3("div", { className: "rs-modal-header-nav-left", children: /* @__PURE__ */ jsxs3(
+            "button",
+            {
+              type: "button",
+              className: "rs-modal-header-back rs-modal-header-back--labelled",
+              "aria-label": "Back to history",
+              onClick: () => onBack(),
+              children: [
+                /* @__PURE__ */ jsx3(ChevronLeftIcon, {}),
+                /* @__PURE__ */ jsx3("span", { children: "History" })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsx3("div", { className: "rs-modal-header-nav-right", children: /* @__PURE__ */ jsx3(
+            "button",
+            {
+              type: "button",
+              className: "rs-modal-close",
+              "aria-label": "Close",
+              onClick: onCloseModal,
+              children: /* @__PURE__ */ jsx3(CloseIcon, {})
+            }
+          ) })
+        ] }),
+        matches ? /* @__PURE__ */ jsxs3("div", { className: "rs-screen", children: [
+          /* @__PURE__ */ jsxs3("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
+            /* @__PURE__ */ jsx3(
+              BodyHeader,
+              {
+                icon: /* @__PURE__ */ jsx3(CoinsIcon, {}),
+                title: "Select a deposit",
+                subtitle: "This transaction produced multiple deposits. Choose the one to recover."
+              }
+            ),
+            /* @__PURE__ */ jsx3("div", { className: "rs-list", children: matches.map((match) => {
+              const { symbol, amount, chainName } = describeRecoveryDeposit({
+                chainId: match.sourceChainId,
+                token: match.token,
+                amountRaw: match.amountRaw
+              });
+              return /* @__PURE__ */ jsx3(
+                ListRow,
+                {
+                  leadingMedia: tokenIconUrl(symbol),
+                  title: `${amount} ${symbol}`,
+                  subtitle: chainName,
+                  onClick: () => selectMatch(match)
+                },
+                match.depositId
+              );
+            }) })
+          ] }),
+          /* @__PURE__ */ jsx3(PoweredBy, {})
+        ] }) : /* @__PURE__ */ jsx3(
+          RecoveryLookupScreen,
+          {
+            title: "Find a deposit",
+            subtitle: "Some deposits don't appear in your history. Look one up by the transaction that sent the funds.",
+            hint: "The transaction hash from the wallet or exchange you sent from.",
+            loading,
+            error,
+            onSubmit: lookup,
+            onInvalid: () => analytics.friction("lookup_transaction_hash_invalid", "lookup")
+          }
+        )
+      ]
+    }
+  );
+}
+function newestFirst(rows) {
+  return [...rows].sort(
+    (a, b) => (b.createdAt ? Date.parse(b.createdAt) : 0) - (a.createdAt ? Date.parse(a.createdAt) : 0)
+  );
+}
+HistoryFallbackFlow.displayName = "HistoryFallbackFlow";
+
+// src/components/history/HistoryRecoveryFlow.tsx
+import { useCallback as useCallback3, useEffect as useEffect3, useRef as useRef3, useState as useState3 } from "react";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function HistoryRecoveryFlow({
+  deposit,
+  entrySource,
+  backendUrl,
+  signRecovery,
+  debug,
+  onBack,
+  onCloseModal,
+  onSubmittingChange,
+  onRecovered
+}) {
+  const analytics = useClaimAnalyticsController();
+  const [phase, setPhase] = useState3("review");
+  const [outcome, setOutcome] = useState3(null);
+  const [error, setError] = useState3(null);
+  const [retryable, setRetryable] = useState3(false);
+  const lastFailureRef = useRef3(null);
+  useEffect3(() => {
+    if (entrySource === "history_row") {
+      analytics.selectDeposit({
+        depositId: deposit.depositId,
+        transactionHash: deposit.sourceTxHash ?? null,
+        autoSelected: true
+      });
+    }
+    analytics.openStep("review");
+  }, [analytics, deposit, entrySource]);
+  const { symbol, decimals } = describeRecoveryDeposit({
+    chainId: deposit.sourceChainId,
+    token: deposit.token,
+    amountRaw: deposit.amountRaw
+  });
+  const submit = useCallback3(
+    async (destination) => {
+      setPhase("submitting");
+      onSubmittingChange(true);
+      analytics.completeStep("review");
+      analytics.openStep("submit");
+      try {
+        const result = await submitSignedRecovery({
+          backendUrl,
+          // The target chain: the processor verifies where the recipient wallet
+          // lives, not where the refund pays out.
+          chainId: deposit.targetChainId,
+          depositId: deposit.depositId,
+          signer: deposit.signer,
+          destination,
+          signRecovery,
+          debug
+        });
+        setOutcome({
+          // No destination to reconcile: it is inside the signed struct, so the
+          // processor cannot have paid anywhere else.
+          destination,
+          txHash: result.transactionHash,
+          symbol,
+          amountDisplay: formatRecoveryAmount(
+            result.amount ?? deposit.amountRaw,
+            decimals,
+            symbol
+          )
+        });
+        setPhase("success");
+        analytics.handoff(
+          {
+            depositId: deposit.depositId,
+            transactionHash: deposit.sourceTxHash ?? null,
+            refundTransactionHash: result.transactionHash
+          },
+          "submit"
+        );
+        analytics.completeStep("submit");
+        analytics.outcome("completed");
+        onRecovered();
+      } catch (err) {
+        const recoveryError = err instanceof RecoveryError ? err : void 0;
+        setError(
+          recoveryError?.message ?? formatUserError(
+            err instanceof Error ? err.message : "Recovery failed"
+          )
+        );
+        const canRetry = recoveryError?.retryable ?? true;
+        setRetryable(canRetry);
+        setPhase("failed");
+        const reason = claimFailureReasonForError(err);
+        lastFailureRef.current = canRetry ? reason : null;
+        analytics.failure(reason, canRetry, "submit");
+        analytics.outcome("failed");
+      } finally {
+        onSubmittingChange(false);
+      }
+    },
+    [
+      analytics,
+      backendUrl,
+      debug,
+      decimals,
+      deposit,
+      onRecovered,
+      onSubmittingChange,
+      signRecovery,
+      symbol
+    ]
+  );
+  const retry = useCallback3(() => {
+    const reason = lastFailureRef.current;
+    if (reason) {
+      lastFailureRef.current = null;
+      analytics.retry(reason, "submit");
+    }
+    setError(null);
+    setPhase("review");
+  }, [analytics]);
+  const submitting = phase === "submitting";
+  return /* @__PURE__ */ jsxs4(
+    "div",
+    {
+      className: "rs-history-recovery",
+      role: "dialog",
+      "aria-label": "Recover deposit",
+      children: [
+        /* @__PURE__ */ jsxs4("div", { className: "rs-modal-header--redesigned", children: [
+          /* @__PURE__ */ jsx4("div", { className: "rs-modal-header-nav-left", children: !submitting && /* @__PURE__ */ jsxs4(
+            "button",
+            {
+              type: "button",
+              className: "rs-modal-header-back rs-modal-header-back--labelled",
+              "aria-label": "Back to history",
+              onClick: onBack,
+              children: [
+                /* @__PURE__ */ jsx4(ChevronLeftIcon, {}),
+                /* @__PURE__ */ jsx4("span", { children: "History" })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsx4("div", { className: "rs-modal-header-nav-right", children: /* @__PURE__ */ jsx4(
+            "button",
+            {
+              type: "button",
+              className: "rs-modal-close",
+              "aria-label": "Close",
+              onClick: onCloseModal,
+              disabled: submitting,
+              children: /* @__PURE__ */ jsx4(CloseIcon, {})
+            }
+          ) })
+        ] }),
+        (phase === "review" || submitting) && /* @__PURE__ */ jsx4(
+          RecoveryReviewScreen,
+          {
+            chainId: deposit.sourceChainId,
+            token: deposit.token,
+            amountRaw: deposit.amountRaw,
+            txHash: deposit.sourceTxHash,
+            defaultDestination: deposit.destinationPrefill,
+            destinationHint: "Prefilled with the account this deposit was for. Editable.",
+            submitting,
+            onSubmit: submit,
+            onDestinationInvalid: () => analytics.friction("refund_destination_invalid", "review")
+          }
+        ),
+        phase === "success" && outcome && /* @__PURE__ */ jsx4(
+          RecoveryOutcomeScreen,
+          {
+            result: { ...outcome, chainId: deposit.sourceChainId },
+            children: /* @__PURE__ */ jsx4(Button, { variant: "outline", onClick: onBack, fullWidth: true, children: "Back to history" })
+          }
+        ),
+        phase === "failed" && /* @__PURE__ */ jsxs4(RecoveryOutcomeScreen, { error, children: [
+          /* @__PURE__ */ jsx4(Button, { variant: "outline", onClick: onBack, fullWidth: true, children: "Back to history" }),
+          retryable && /* @__PURE__ */ jsx4(Button, { onClick: retry, fullWidth: true, children: "Try again" })
+        ] })
+      ]
+    }
+  );
+}
+HistoryRecoveryFlow.displayName = "HistoryRecoveryFlow";
+
+// src/components/history/HistoryOverlay.tsx
+import { Fragment, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+function HistoryOverlay({
+  controller,
+  backLabel,
+  title,
+  recipient,
+  backendUrl,
+  service,
+  signRecovery,
+  debug,
+  onCloseModal,
+  analytics,
+  inline,
+  closeOnOverlayClick,
+  enableAnalyticsIngest,
+  analyticsIngestUrl,
+  onEvent
+}) {
+  const recovering = signRecovery ? controller.recovering : null;
+  const [fallbackOpen, setFallbackOpen] = useState4(false);
+  const [attempt, setAttempt] = useState4(null);
+  const claimControllerRef = useRef4(null);
+  const beginAttempt = useCallback4(
+    (entrySource) => {
+      const id = randomUuid();
+      const started = {
+        id,
+        entrySource,
+        correlation: {
+          entry_source: entrySource,
+          ...analytics.sourceSessionId ? { source_session_id: analytics.sourceSessionId } : {},
+          ...analytics.visitId ? { history_visit_id: analytics.visitId } : {},
+          claim_attempt_id: id
+        }
+      };
+      setAttempt(started);
+      return started;
+    },
+    [analytics]
+  );
+  const endAttempt = useCallback4(
+    (source, reason) => {
+      const claim = claimControllerRef.current;
+      claim?.abandon(reason);
+      claim?.close(source);
+      claimControllerRef.current = null;
+      setAttempt(null);
+    },
+    []
+  );
+  const openFallback = useCallback4(() => {
+    const started = beginAttempt("history_fallback");
+    analytics.fallbackOpened(started.id);
+    setFallbackOpen(true);
+  }, [analytics, beginAttempt]);
+  const closeFallback = useCallback4(
+    (via) => {
+      endAttempt(via === "escape" ? "escape" : "history_back", "back");
+      setFallbackOpen(false);
+    },
+    [endAttempt]
+  );
+  const canLookup = Boolean(signRecovery) && Boolean(recipient);
+  useEffect4(() => {
+    if (canLookup) return;
+    setFallbackOpen(false);
+    if (fallbackOpen && !recovering) endAttempt("host_controlled", "back");
+  }, [canLookup, fallbackOpen, recovering, endAttempt]);
+  const startRecoveryFromRow = useCallback4(
+    (deposit) => {
+      const started = beginAttempt("history_row");
+      analytics.recoveryStarted(started.id, "history_row", deposit.depositId);
+      controller.startRecovery(deposit);
+    },
+    [analytics, beginAttempt, controller]
+  );
+  const startRecoveryFromLookup = useCallback4(
+    (deposit) => {
+      if (attempt) {
+        analytics.recoveryStarted(
+          attempt.id,
+          attempt.entrySource,
+          deposit.depositId
+        );
+      }
+      setFallbackOpen(false);
+      controller.startRecovery(deposit);
+    },
+    [analytics, attempt, controller]
+  );
+  const cancelRecovery = useCallback4(() => {
+    endAttempt("history_back", "back");
+    controller.cancelRecovery();
+  }, [controller, endAttempt]);
+  const closeModal = useCallback4(() => {
+    endAttempt("header_button", "modal_close");
+    onCloseModal();
+  }, [endAttempt, onCloseModal]);
+  useEffect4(() => {
+    if (!attempt) return;
+    return () => {
+      const claim = claimControllerRef.current;
+      claim?.abandon("modal_close");
+      claim?.close("host_controlled");
+    };
+  }, [attempt]);
+  const claimSessionProperties = useMemo2(
+    () => ({
+      presentation: inline ? "inline" : "overlay",
+      overlay_close_enabled: !inline && Boolean(closeOnOverlayClick),
+      prefills: { transaction_hash: false, refund_destination: true }
+    }),
+    [inline, closeOnOverlayClick]
+  );
+  const layers = /* @__PURE__ */ jsxs5(Fragment, { children: [
+    fallbackOpen && recipient && !recovering && /* @__PURE__ */ jsx5(
+      HistoryFallbackFlow,
+      {
+        service,
+        recipient,
+        onBack: closeFallback,
+        onCloseModal: closeModal,
+        onFound: startRecoveryFromLookup
+      }
+    ),
+    recovering && signRecovery && /* @__PURE__ */ jsx5(
+      HistoryRecoveryFlow,
+      {
+        deposit: recovering,
+        entrySource: attempt?.entrySource ?? "history_row",
+        backendUrl,
+        signRecovery,
+        debug,
+        onBack: cancelRecovery,
+        onCloseModal: closeModal,
+        onSubmittingChange: controller.setRecoverySubmitting,
+        onRecovered: controller.markStale
+      }
+    )
+  ] });
+  return /* @__PURE__ */ jsxs5(Fragment, { children: [
+    /* @__PURE__ */ jsx5(
+      DepositHistoryPanel,
+      {
+        deposits: controller.deposits,
+        isLoading: controller.isLoading,
+        error: controller.error,
+        hasMore: controller.hasMore,
+        isLoadingMore: controller.isLoadingMore,
+        onLoadMore: controller.loadMore,
+        onClose: controller.closePanel,
+        onCloseModal: closeModal,
+        backLabel,
+        title,
+        recipient,
+        onRecover: signRecovery ? startRecoveryFromRow : void 0,
+        onFindByTxHash: canLookup ? openFallback : void 0,
+        onRowView: analytics.rowViewed,
+        obscured: Boolean(recovering) || fallbackOpen
+      }
+    ),
+    attempt ? /* @__PURE__ */ jsx5(
+      AnalyticsSession,
+      {
+        modal: "claim",
+        sessionProperties: claimSessionProperties,
+        onEvent,
+        backendUrl,
+        enableIngest: enableAnalyticsIngest,
+        ingestUrl: analyticsIngestUrl,
+        children: /* @__PURE__ */ jsx5(
+          ClaimAnalyticsControllerProvider,
+          {
+            controllerRef: claimControllerRef,
+            correlation: attempt.correlation,
+            children: layers
+          }
+        )
+      },
+      attempt.id
+    ) : layers
+  ] });
+}
+
+// src/components/history/useHistoryPanel.ts
+import { useCallback as useCallback5, useEffect as useEffect5, useMemo as useMemo3, useRef as useRef5, useState as useState5 } from "react";
+function sortByCreatedAtDesc(items) {
+  return [...items].sort((a, b) => {
+    const at = a.createdAt ? Date.parse(a.createdAt) : 0;
+    const bt = b.createdAt ? Date.parse(b.createdAt) : 0;
+    return bt - at;
+  });
+}
+function useHistoryPanel({
+  isOpen,
+  recipient,
+  service,
+  canRecover,
+  analytics
+}) {
+  const [isPanelOpen, setIsPanelOpen] = useState5(false);
+  const [deposits, setDeposits] = useState5([]);
+  const [hasMore, setHasMore] = useState5(false);
+  const [isLoading, setIsLoading] = useState5(false);
+  const [isLoadingMore, setIsLoadingMore] = useState5(false);
+  const [error, setError] = useState5(null);
+  const cursorRef = useRef5(null);
+  const staleRef = useRef5(false);
+  const loadedRef = useRef5(false);
+  const recipientRef = useRef5(recipient);
+  const requestRef = useRef5(0);
+  const [recovering, setRecovering] = useState5(null);
+  const [recoverySubmitting, setRecoverySubmitting] = useState5(false);
+  const fetchHistory = useCallback5(
+    async (mode = "initial") => {
+      if (!recipient) return;
+      const isInitial = mode === "initial";
+      const requestId = isInitial ? ++requestRef.current : requestRef.current;
+      const isCurrent = () => recipientRef.current === recipient && requestId === requestRef.current;
+      if (isInitial) {
+        setIsLoading(true);
+      } else {
+        setIsLoadingMore(true);
+      }
+      setError(null);
+      try {
+        const cursor = isInitial ? null : cursorRef.current;
+        if (!isInitial && !cursor) {
+          setHasMore(false);
+          return;
+        }
+        const result = await service.fetchDepositHistory({
+          recipient,
+          limit: 20,
+          cursor: cursor ?? void 0
+        });
+        if (!isCurrent()) return;
+        const incoming = result.deposits;
+        const nextCursor = result.nextCursor ?? null;
+        if (isInitial) {
+          setDeposits(sortByCreatedAtDesc(incoming));
+        } else {
+          setDeposits((prev) => sortByCreatedAtDesc([...prev, ...incoming]));
+        }
+        cursorRef.current = nextCursor;
+        setHasMore(Boolean(nextCursor));
+        staleRef.current = false;
+        loadedRef.current = true;
+      } catch (err) {
+        if (!isCurrent()) return;
+        setError(err instanceof Error ? err.message : "Failed to load history");
+      } finally {
+        if (isCurrent()) {
+          if (isInitial) {
+            setIsLoading(false);
+          } else {
+            setIsLoadingMore(false);
+          }
+        }
+      }
+    },
+    [recipient, service]
+  );
+  const badge = useMemo3(
+    () => deriveHistoryBadge(deposits, { recipient, canRecover }),
+    [deposits, recipient, canRecover]
+  );
+  const openPanel = useCallback5(() => {
+    setIsPanelOpen(true);
+    analytics?.visitOpened(badge);
+    if (!loadedRef.current || staleRef.current) {
+      fetchHistory("initial");
+    }
+  }, [analytics, badge, fetchHistory]);
+  const closePanel = useCallback5(() => {
+    if (recovering) return;
+    setIsPanelOpen(false);
+    analytics?.visitEnded();
+  }, [analytics, recovering]);
+  const loadMore = useCallback5(() => {
+    analytics?.loadMore(filterVisibleDeposits(deposits).length);
+    fetchHistory("more");
+  }, [analytics, deposits, fetchHistory]);
+  const markStale = useCallback5(() => {
+    staleRef.current = true;
+    if (isOpen) {
+      fetchHistory("initial");
+    }
+  }, [isOpen, fetchHistory]);
+  useEffect5(() => {
+    if (recipientRef.current === recipient) return;
+    recipientRef.current = recipient;
+    setDeposits([]);
+    setHasMore(false);
+    setError(null);
+    cursorRef.current = null;
+    staleRef.current = false;
+    loadedRef.current = false;
+  }, [recipient]);
+  useEffect5(() => {
+    if (!isOpen || !recipient) return;
+    if (!loadedRef.current || staleRef.current) {
+      fetchHistory("initial");
+    }
+  }, [isOpen, recipient, fetchHistory]);
+  useEffect5(() => {
+    if (isOpen) return;
+    setIsPanelOpen(false);
+    analytics?.visitEnded();
+    setDeposits([]);
+    setHasMore(false);
+    setError(null);
+    cursorRef.current = null;
+    staleRef.current = false;
+    loadedRef.current = false;
+    requestRef.current += 1;
+    setRecovering(null);
+    setRecoverySubmitting(false);
+  }, [isOpen, analytics]);
+  const invalidate = useCallback5(() => {
+    staleRef.current = true;
+  }, []);
+  const cancelRecovery = useCallback5(() => setRecovering(null), []);
+  return useMemo3(
+    () => ({
+      deposits,
+      isLoading,
+      isLoadingMore,
+      error,
+      hasMore,
+      badge,
+      isPanelOpen,
+      openPanel,
+      closePanel,
+      loadMore,
+      markStale,
+      invalidate,
+      recovering,
+      startRecovery: setRecovering,
+      cancelRecovery,
+      recoverySubmitting,
+      setRecoverySubmitting
+    }),
+    [
+      deposits,
+      isLoading,
+      isLoadingMore,
+      error,
+      hasMore,
+      badge,
+      isPanelOpen,
+      openPanel,
+      closePanel,
+      loadMore,
+      markStale,
+      invalidate,
+      recovering,
+      cancelRecovery,
+      recoverySubmitting
+    ]
+  );
+}
 
 // src/core/removed-props.ts
 var MANAGED_ACCOUNT_REMOVALS = {
@@ -97,6 +1303,104 @@ function warnRemovedProps(component, props) {
   }
 }
 
+// src/core/history-entry.ts
+var PROVIDER_SCREENS = /* @__PURE__ */ new Set(["fiat-onramp", "exchange-connect"]);
+function isHistoryEntryVisible(input) {
+  if (input.submitting) return false;
+  if (input.screen === "processing") return input.settled;
+  if (PROVIDER_SCREENS.has(input.screen)) return false;
+  return true;
+}
+
+// src/core/history-analytics.ts
+function sinkFor(source) {
+  if (source.modal === "deposit") {
+    const at2 = () => source.controllerRef.current;
+    return {
+      opened: (detail) => at2()?.historyOpened({ ...detail, step: at2()?.step ?? null }),
+      rowViewed: (detail) => at2()?.historyRowViewed(detail),
+      loadMore: (detail) => at2()?.historyLoadMore(detail),
+      fallbackOpened: (detail) => at2()?.historyFallbackOpened(detail),
+      recoveryStarted: (detail) => at2()?.historyRecoveryStarted(detail)
+    };
+  }
+  const at = () => source.controllerRef.current;
+  return {
+    opened: (detail) => at()?.historyOpened({ ...detail, step: at()?.step ?? null }),
+    rowViewed: (detail) => at()?.historyRowViewed(detail),
+    loadMore: (detail) => at()?.historyLoadMore(detail),
+    fallbackOpened: (detail) => at()?.historyFallbackOpened(detail),
+    recoveryStarted: (detail) => at()?.historyRecoveryStarted(detail)
+  };
+}
+function badgeState(badge) {
+  if (!badge) return "none";
+  return badge.state === "needs-you" ? "needs_you" : "progress";
+}
+function createHistoryAnalytics(source) {
+  const sink = sinkFor(source);
+  let visitId = null;
+  let loadMorePresses = 0;
+  let viewedRows = /* @__PURE__ */ new Set();
+  return {
+    get sourceSessionId() {
+      return source.sessionIdRef.current;
+    },
+    get visitId() {
+      return visitId;
+    },
+    visitOpened(badge) {
+      visitId = randomUuid();
+      loadMorePresses = 0;
+      viewedRows = /* @__PURE__ */ new Set();
+      sink.opened({
+        history_visit_id: visitId,
+        badge: badgeState(badge),
+        badge_count: badge?.count ?? 0
+      });
+    },
+    visitEnded() {
+      visitId = null;
+    },
+    rowViewed({ depositId, status, recoverable, position }) {
+      if (!visitId || viewedRows.has(depositId)) return;
+      viewedRows.add(depositId);
+      sink.rowViewed({
+        history_visit_id: visitId,
+        deposit_id: depositId,
+        status,
+        recoverable,
+        position
+      });
+    },
+    loadMore(loadedRows) {
+      if (!visitId) return;
+      loadMorePresses += 1;
+      sink.loadMore({
+        history_visit_id: visitId,
+        page: loadMorePresses,
+        loaded_rows: loadedRows
+      });
+    },
+    fallbackOpened(claimAttemptId) {
+      if (!visitId) return;
+      sink.fallbackOpened({
+        history_visit_id: visitId,
+        claim_attempt_id: claimAttemptId
+      });
+    },
+    recoveryStarted(claimAttemptId, entrySource, depositId) {
+      if (!visitId) return;
+      sink.recoveryStarted({
+        history_visit_id: visitId,
+        claim_attempt_id: claimAttemptId,
+        entry_source: entrySource,
+        deposit_id: depositId
+      });
+    }
+  };
+}
+
 // src/core/analytics-target.ts
 var HEX_TOKEN = /^0x(?:[0-9a-f]{32}|[0-9a-f]{40})$/i;
 var BASE58_TOKEN = /^[1-9A-HJ-NP-Za-km-z]{32,44}$/;
@@ -143,23 +1447,23 @@ function isSubmissionUncertain(error) {
 }
 
 // src/components/steps/ProcessingStep.tsx
-import { useCallback as useCallback2, useEffect as useEffect3, useRef as useRef2, useState as useState4 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect8, useRef as useRef7, useState as useState9 } from "react";
 
 // src/components/ui/Tooltip.tsx
 import {
-  useState,
-  useRef,
-  useEffect,
-  useCallback
+  useState as useState6,
+  useRef as useRef6,
+  useEffect as useEffect6,
+  useCallback as useCallback6
 } from "react";
 import { createPortal } from "react-dom";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 function Tooltip({ content, children, className }) {
-  const [open, setOpen] = useState(false);
-  const [position, setPosition] = useState(null);
-  const triggerRef = useRef(null);
-  const bubbleRef = useRef(null);
-  const updatePosition = useCallback(() => {
+  const [open, setOpen] = useState6(false);
+  const [position, setPosition] = useState6(null);
+  const triggerRef = useRef6(null);
+  const bubbleRef = useRef6(null);
+  const updatePosition = useCallback6(() => {
     const trigger = triggerRef.current;
     if (!trigger) return;
     const rect = trigger.getBoundingClientRect();
@@ -168,7 +1472,7 @@ function Tooltip({ content, children, className }) {
       left: rect.left + rect.width / 2
     });
   }, []);
-  useEffect(() => {
+  useEffect6(() => {
     if (!open) return;
     updatePosition();
     function handleOutside(event) {
@@ -194,7 +1498,7 @@ function Tooltip({ content, children, className }) {
       window.removeEventListener("resize", updatePosition);
     };
   }, [open, updatePosition]);
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs6(
     "span",
     {
       ref: triggerRef,
@@ -202,7 +1506,7 @@ function Tooltip({ content, children, className }) {
       onMouseEnter: () => setOpen(true),
       onMouseLeave: () => setOpen(false),
       children: [
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx6(
           "span",
           {
             className: "rs-tooltip-trigger",
@@ -224,7 +1528,7 @@ function Tooltip({ content, children, className }) {
           }
         ),
         open && position && typeof document !== "undefined" && createPortal(
-          /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx6(
             "span",
             {
               ref: bubbleRef,
@@ -243,18 +1547,18 @@ function Tooltip({ content, children, className }) {
 Tooltip.displayName = "Tooltip";
 
 // src/components/ui/FeesAccordion.tsx
-import { useState as useState2 } from "react";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { useState as useState7 } from "react";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 function FeesAccordion({ total, rows, tooltip }) {
-  const [open, setOpen] = useState2(false);
+  const [open, setOpen] = useState7(false);
   const expandable = rows.length > 0;
-  return /* @__PURE__ */ jsxs2("div", { className: "rs-fees-accordion", children: [
-    /* @__PURE__ */ jsxs2("div", { className: "rs-fees-accordion-summary", children: [
-      /* @__PURE__ */ jsxs2("span", { className: "rs-fees-accordion-label", children: [
-        /* @__PURE__ */ jsx2("span", { children: "Fees" }),
-        tooltip && /* @__PURE__ */ jsx2(Tooltip, { content: tooltip, children: /* @__PURE__ */ jsx2("span", { className: "rs-review-detail-info", "aria-label": "Fees info", children: /* @__PURE__ */ jsx2(InfoIcon, {}) }) })
+  return /* @__PURE__ */ jsxs7("div", { className: "rs-fees-accordion", children: [
+    /* @__PURE__ */ jsxs7("div", { className: "rs-fees-accordion-summary", children: [
+      /* @__PURE__ */ jsxs7("span", { className: "rs-fees-accordion-label", children: [
+        /* @__PURE__ */ jsx7("span", { children: "Fees" }),
+        tooltip && /* @__PURE__ */ jsx7(Tooltip, { content: tooltip, children: /* @__PURE__ */ jsx7("span", { className: "rs-review-detail-info", "aria-label": "Fees info", children: /* @__PURE__ */ jsx7(InfoIcon, {}) }) })
       ] }),
-      /* @__PURE__ */ jsxs2(
+      /* @__PURE__ */ jsxs7(
         "button",
         {
           type: "button",
@@ -264,35 +1568,35 @@ function FeesAccordion({ total, rows, tooltip }) {
           disabled: !expandable,
           onClick: () => expandable && setOpen((o) => !o),
           children: [
-            /* @__PURE__ */ jsx2("span", { children: total }),
-            expandable && /* @__PURE__ */ jsx2(
+            /* @__PURE__ */ jsx7("span", { children: total }),
+            expandable && /* @__PURE__ */ jsx7(
               "span",
               {
                 className: `rs-fees-accordion-chevron${open ? " rs-fees-accordion-chevron--open" : ""}`,
                 "aria-hidden": "true",
-                children: /* @__PURE__ */ jsx2(ChevronDownIcon, {})
+                children: /* @__PURE__ */ jsx7(ChevronDownIcon, {})
               }
             )
           ]
         }
       )
     ] }),
-    expandable && open && /* @__PURE__ */ jsx2("div", { className: "rs-fees-accordion-rows", children: rows.map((row, i) => /* @__PURE__ */ jsxs2("div", { className: "rs-fees-accordion-row", children: [
-      /* @__PURE__ */ jsx2("span", { children: row.label }),
-      /* @__PURE__ */ jsxs2("span", { className: "rs-review-detail-value", children: [
-        /* @__PURE__ */ jsx2(
+    expandable && open && /* @__PURE__ */ jsx7("div", { className: "rs-fees-accordion-rows", children: rows.map((row, i) => /* @__PURE__ */ jsxs7("div", { className: "rs-fees-accordion-row", children: [
+      /* @__PURE__ */ jsx7("span", { children: row.label }),
+      /* @__PURE__ */ jsxs7("span", { className: "rs-review-detail-value", children: [
+        /* @__PURE__ */ jsx7(
           "span",
           {
             className: row.strike ? "rs-review-detail-value--strike" : void 0,
             children: row.value
           }
         ),
-        row.tooltip && /* @__PURE__ */ jsx2(Tooltip, { content: row.tooltip, children: /* @__PURE__ */ jsx2(
+        row.tooltip && /* @__PURE__ */ jsx7(Tooltip, { content: row.tooltip, children: /* @__PURE__ */ jsx7(
           "span",
           {
             className: "rs-review-detail-info",
             "aria-label": `${row.label} info`,
-            children: /* @__PURE__ */ jsx2(InfoIcon, {})
+            children: /* @__PURE__ */ jsx7(InfoIcon, {})
           }
         ) })
       ] })
@@ -302,7 +1606,7 @@ function FeesAccordion({ total, rows, tooltip }) {
 FeesAccordion.displayName = "FeesAccordion";
 
 // src/components/steps/SwappedReceipt.tsx
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 function SwappedReceipt({
   onrampMethod,
   onrampMethodIcon,
@@ -316,29 +1620,29 @@ function SwappedReceipt({
   onNewDeposit,
   onClose
 }) {
-  return /* @__PURE__ */ jsxs3("div", { className: "rs-screen", children: [
-    /* @__PURE__ */ jsxs3("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
-      /* @__PURE__ */ jsx3(BodyHeader, { icon: /* @__PURE__ */ jsx3(CheckIcon, {}), title: "Deposit successful" }),
-      /* @__PURE__ */ jsxs3("div", { className: "rs-review-details", children: [
-        onrampMethod && /* @__PURE__ */ jsxs3("div", { className: "rs-review-detail-row", children: [
-          /* @__PURE__ */ jsx3("span", { children: "Onramp method" }),
-          /* @__PURE__ */ jsxs3("span", { className: "rs-review-detail-value", children: [
-            /* @__PURE__ */ jsx3("span", { children: onrampMethod }),
-            onrampMethodIcon && /* @__PURE__ */ jsx3("span", { className: "rs-review-detail-icon rs-review-detail-icon--square", children: /* @__PURE__ */ jsx3(CdnIcon, { src: onrampMethodIcon }) })
+  return /* @__PURE__ */ jsxs8("div", { className: "rs-screen", children: [
+    /* @__PURE__ */ jsxs8("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
+      /* @__PURE__ */ jsx8(BodyHeader, { icon: /* @__PURE__ */ jsx8(CheckIcon, {}), title: "Deposit successful" }),
+      /* @__PURE__ */ jsxs8("div", { className: "rs-review-details", children: [
+        onrampMethod && /* @__PURE__ */ jsxs8("div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ jsx8("span", { children: "Onramp method" }),
+          /* @__PURE__ */ jsxs8("span", { className: "rs-review-detail-value", children: [
+            /* @__PURE__ */ jsx8("span", { children: onrampMethod }),
+            onrampMethodIcon && /* @__PURE__ */ jsx8("span", { className: "rs-review-detail-icon rs-review-detail-icon--square", children: /* @__PURE__ */ jsx8(CdnIcon, { src: onrampMethodIcon }) })
           ] })
         ] }),
-        amountPaid && /* @__PURE__ */ jsxs3("div", { className: "rs-review-detail-row", children: [
-          /* @__PURE__ */ jsx3("span", { children: "Amount paid" }),
-          /* @__PURE__ */ jsx3("span", { className: "rs-review-detail-value", children: amountPaid })
+        amountPaid && /* @__PURE__ */ jsxs8("div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ jsx8("span", { children: "Amount paid" }),
+          /* @__PURE__ */ jsx8("span", { className: "rs-review-detail-value", children: amountPaid })
         ] }),
-        /* @__PURE__ */ jsxs3("div", { className: "rs-review-detail-row", children: [
-          /* @__PURE__ */ jsx3("span", { children: "Deposited amount" }),
-          /* @__PURE__ */ jsxs3("span", { className: "rs-review-detail-value", children: [
-            /* @__PURE__ */ jsx3("span", { children: depositedAmount }),
-            depositedSymbol && /* @__PURE__ */ jsx3("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx3(TokenIcon, { symbol: depositedSymbol }) })
+        /* @__PURE__ */ jsxs8("div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ jsx8("span", { children: "Deposited amount" }),
+          /* @__PURE__ */ jsxs8("span", { className: "rs-review-detail-value", children: [
+            /* @__PURE__ */ jsx8("span", { children: depositedAmount }),
+            depositedSymbol && /* @__PURE__ */ jsx8("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx8(TokenIcon, { symbol: depositedSymbol }) })
           ] })
         ] }),
-        feesTotal != null && /* @__PURE__ */ jsx3(
+        feesTotal != null && /* @__PURE__ */ jsx8(
           FeesAccordion,
           {
             total: feesTotal,
@@ -347,18 +1651,18 @@ function SwappedReceipt({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs3("div", { className: "rs-screen-button-row", children: [
-        onNewDeposit && /* @__PURE__ */ jsx3(Button, { variant: "outline", onClick: onNewDeposit, fullWidth: true, children: newLabel }),
-        onClose && /* @__PURE__ */ jsx3(Button, { onClick: onClose, fullWidth: true, children: "Done" })
+      /* @__PURE__ */ jsxs8("div", { className: "rs-screen-button-row", children: [
+        onNewDeposit && /* @__PURE__ */ jsx8(Button, { variant: "outline", onClick: onNewDeposit, fullWidth: true, children: newLabel }),
+        onClose && /* @__PURE__ */ jsx8(Button, { onClick: onClose, fullWidth: true, children: "Done" })
       ] })
     ] }),
-    /* @__PURE__ */ jsx3(PoweredBy, {})
+    /* @__PURE__ */ jsx8(PoweredBy, {})
   ] });
 }
 SwappedReceipt.displayName = "SwappedReceipt";
 
 // src/components/ui/ExchangeLogos.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 var EXCHANGE_SLUGS = [
   "binance",
   "bitfinex",
@@ -388,7 +1692,7 @@ function getExchangeLogoSrc(name, connection) {
 }
 function getExchangeLogo(name, connection) {
   const src = getExchangeLogoSrc(name, connection);
-  return src ? /* @__PURE__ */ jsx4(CdnIcon, { src }) : null;
+  return src ? /* @__PURE__ */ jsx9(CdnIcon, { src }) : null;
 }
 
 // src/core/webhook.ts
@@ -533,7 +1837,7 @@ function failureMessageForEvent(event) {
 }
 
 // src/core/useTokenPrices.ts
-import { useEffect as useEffect2, useState as useState3 } from "react";
+import { useEffect as useEffect7, useState as useState8 } from "react";
 var PRICE_SERVICE_NATIVE = "0xeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee";
 var WRAPPED_SOL_MINT = "So11111111111111111111111111111111111111112";
 var SOL_SYSTEM_PROGRAM = "11111111111111111111111111111111";
@@ -563,7 +1867,7 @@ async function fetchTokenPriceUsd(service, token) {
   return typeof price === "number" && price > 0 ? price : null;
 }
 function useTokenPrices(service, tokens) {
-  const [prices, setPrices] = useState3({});
+  const [prices, setPrices] = useState8({});
   const defined = tokens.filter((t) => Boolean(t?.symbol));
   const entries = [
     ...new Map(
@@ -574,7 +1878,7 @@ function useTokenPrices(service, tokens) {
     ).values()
   ].sort((a, b) => a.caip2.localeCompare(b.caip2));
   const key = JSON.stringify(entries);
-  useEffect2(() => {
+  useEffect7(() => {
     if (key === "[]") return;
     let cancelled = false;
     const parsed = JSON.parse(key);
@@ -597,9 +1901,9 @@ function useTokenPrices(service, tokens) {
 }
 
 // src/components/steps/ProcessingStep.tsx
-import { Fragment, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 function SuccessBadge() {
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs9(
     "svg",
     {
       width: "40",
@@ -609,7 +1913,7 @@ function SuccessBadge() {
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ jsx5(
+        /* @__PURE__ */ jsx10(
           "rect",
           {
             width: "40",
@@ -618,7 +1922,7 @@ function SuccessBadge() {
             fill: "var(--rs-icon-wrapper-bg)"
           }
         ),
-        /* @__PURE__ */ jsx5(
+        /* @__PURE__ */ jsx10(
           "path",
           {
             d: "M28 14L17 25L12 20",
@@ -633,7 +1937,7 @@ function SuccessBadge() {
   );
 }
 function FailedBadge() {
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs9(
     "svg",
     {
       width: "40",
@@ -643,8 +1947,8 @@ function FailedBadge() {
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ jsx5("rect", { width: "40", height: "40", rx: "8", fill: "#FB2C36" }),
-        /* @__PURE__ */ jsx5(
+        /* @__PURE__ */ jsx10("rect", { width: "40", height: "40", rx: "8", fill: "#FB2C36" }),
+        /* @__PURE__ */ jsx10(
           "path",
           {
             d: "M26 14L14 26M14 14L26 26",
@@ -778,10 +2082,10 @@ function formatTimer(seconds) {
   return `${mins}:${String(secs).padStart(2, "0")}`;
 }
 function TickerChar({ value }) {
-  const [current, setCurrent] = useState4(value);
-  const [previous, setPrevious] = useState4(null);
-  const [animKey, setAnimKey] = useState4(0);
-  useEffect3(() => {
+  const [current, setCurrent] = useState9(value);
+  const [previous, setPrevious] = useState9(null);
+  const [animKey, setAnimKey] = useState9(0);
+  useEffect8(() => {
     if (value === current) return;
     setPrevious(current);
     setCurrent(value);
@@ -789,16 +2093,16 @@ function TickerChar({ value }) {
     const timeout = setTimeout(() => setPrevious(null), 360);
     return () => clearTimeout(timeout);
   }, [value, current]);
-  return /* @__PURE__ */ jsxs4("span", { className: "rs-ticker-slot", children: [
-    previous !== null && /* @__PURE__ */ jsx5("span", { className: "rs-ticker-out", children: previous }, `out-${animKey}`),
-    /* @__PURE__ */ jsx5("span", { className: "rs-ticker-in", children: current }, `in-${animKey}`)
+  return /* @__PURE__ */ jsxs9("span", { className: "rs-ticker-slot", children: [
+    previous !== null && /* @__PURE__ */ jsx10("span", { className: "rs-ticker-out", children: previous }, `out-${animKey}`),
+    /* @__PURE__ */ jsx10("span", { className: "rs-ticker-in", children: current }, `in-${animKey}`)
   ] });
 }
 function Ticker({ value }) {
-  return /* @__PURE__ */ jsx5("span", { className: "rs-ticker", "aria-label": value, children: value.split("").map((char, index) => (
+  return /* @__PURE__ */ jsx10("span", { className: "rs-ticker", "aria-label": value, children: value.split("").map((char, index) => (
     // Position-stable key so each slot keeps its own animation state.
     // eslint-disable-next-line react/no-array-index-key
-    /* @__PURE__ */ jsx5(TickerChar, { value: char }, index)
+    /* @__PURE__ */ jsx10(TickerChar, { value: char }, index)
   )) });
 }
 function getPhaseStartTime(phaseId, phaseTimings) {
@@ -912,12 +2216,13 @@ function ProcessingStep({
   onDepositComplete,
   onDepositFailed,
   onSourceTransactionObserved,
+  onSettledChange,
   onError
 }) {
-  const startTimeRef = useRef2(Date.now());
-  const pollIntervalRef = useRef2(INITIAL_POLL_INTERVAL);
-  const pollTimeoutRef = useRef2(null);
-  const escalatedDelayRef = useRef2(false);
+  const startTimeRef = useRef7(Date.now());
+  const pollIntervalRef = useRef7(INITIAL_POLL_INTERVAL);
+  const pollTimeoutRef = useRef7(null);
+  const escalatedDelayRef = useRef7(false);
   const processingContextRef = useLatestRef({
     amount,
     sourceChain,
@@ -931,9 +2236,9 @@ function ProcessingStep({
   const onDepositFailedRef = useLatestRef(onDepositFailed);
   const onErrorRef = useLatestRef(onError);
   const explorerTxUrl = useExplorerTxUrl();
-  const initialTerminalEventRef = useRef2(null);
-  const completedDirectTransferTxHashRef = useRef2(null);
-  const [state, setState] = useState4(() => {
+  const initialTerminalEventRef = useRef7(null);
+  const completedDirectTransferTxHashRef = useRef7(null);
+  const [state, setState] = useState9(() => {
     if (directTransfer) return { type: "complete" };
     const initial = getInitialProcessingState(
       initialEvent,
@@ -947,8 +2252,8 @@ function ProcessingStep({
     }
     return { type: "processing" };
   });
-  const [elapsedSeconds, setElapsedSeconds] = useState4(0);
-  const [phaseTimings, setPhaseTimings] = useState4(() => {
+  const [elapsedSeconds, setElapsedSeconds] = useState9(0);
+  const [phaseTimings, setPhaseTimings] = useState9(() => {
     const saved = loadPhaseTimings(txHash);
     if (saved) {
       startTimeRef.current = saved.startedAt;
@@ -956,8 +2261,8 @@ function ProcessingStep({
     }
     return { startedAt: startTimeRef.current };
   });
-  const [hasEscalatedDelay, setHasEscalatedDelay] = useState4(false);
-  const updatePhaseTimings = useCallback2(
+  const [hasEscalatedDelay, setHasEscalatedDelay] = useState9(false);
+  const updatePhaseTimings = useCallback7(
     (updater) => {
       setPhaseTimings((previous) => {
         const next = updater(previous);
@@ -967,7 +2272,7 @@ function ProcessingStep({
     },
     [txHash]
   );
-  useEffect3(() => {
+  useEffect8(() => {
     if (!directTransfer || completedDirectTransferTxHashRef.current === txHash) {
       return;
     }
@@ -1001,7 +2306,7 @@ function ProcessingStep({
     txHash,
     updatePhaseTimings
   ]);
-  useEffect3(() => {
+  useEffect8(() => {
     const event = initialTerminalEventRef.current;
     if (!event) return;
     initialTerminalEventRef.current = null;
@@ -1044,7 +2349,13 @@ function ProcessingStep({
     processingContextRef,
     txHash
   ]);
-  useEffect3(() => {
+  const onSettledChangeRef = useRef7(onSettledChange);
+  onSettledChangeRef.current = onSettledChange;
+  useEffect8(() => {
+    onSettledChangeRef.current?.(state.type !== "processing");
+    return () => onSettledChangeRef.current?.(false);
+  }, [state.type]);
+  useEffect8(() => {
     if (directTransfer || state.type !== "processing") return;
     const updateElapsed = () => {
       setElapsedSeconds(
@@ -1055,7 +2366,7 @@ function ProcessingStep({
     const intervalId = setInterval(updateElapsed, 1e3);
     return () => clearInterval(intervalId);
   }, [directTransfer, state.type]);
-  useEffect3(() => {
+  useEffect8(() => {
     if (state.type === "processing") return;
     const endedAt = state.type === "complete" ? phaseTimings.completedAt ?? Date.now() : Date.now();
     setElapsedSeconds(Math.floor((endedAt - startTimeRef.current) / 1e3));
@@ -1063,14 +2374,14 @@ function ProcessingStep({
       (previous) => previous.endedAt !== void 0 ? previous : { ...previous, endedAt }
     );
   }, [phaseTimings.completedAt, state.type, updatePhaseTimings]);
-  useEffect3(() => {
+  useEffect8(() => {
     if (!state.lastEvent) return;
     updatePhaseTimings(
       (previous) => syncPhaseTimings(previous, state.lastEvent)
     );
   }, [state.lastEvent?.time, state.lastEvent?.type, updatePhaseTimings]);
-  const [swappedFiatContext, setSwappedFiatContext] = useState4(null);
-  useEffect3(() => {
+  const [swappedFiatContext, setSwappedFiatContext] = useState9(null);
+  useEffect8(() => {
     let cancelled = false;
     let timeoutId;
     const isFiatSwappedOrder = isSwappedOrder && swappedContext?.variant === "fiat";
@@ -1127,7 +2438,7 @@ function ProcessingStep({
     swappedContext?.variant,
     swappedContext?.expectedOrderUuid
   ]);
-  useEffect3(() => {
+  useEffect8(() => {
     if (directTransfer) return;
     if (state.type !== "processing") {
       pollIntervalRef.current = INITIAL_POLL_INTERVAL;
@@ -1256,7 +2567,7 @@ function ProcessingStep({
     state.type,
     txHash
   ]);
-  useEffect3(() => {
+  useEffect8(() => {
     if (directTransfer || state.type !== "processing") return;
     const timeoutId = setTimeout(() => {
       if (escalatedDelayRef.current) return;
@@ -1288,7 +2599,7 @@ function ProcessingStep({
   const targetChainId = targetChainToChainId(targetChain);
   const settledSourceTxHash = lastEvent?.data?.source?.transactionHash;
   const sourceExplorerHash = settledSourceTxHash ?? (sourceTxHashPending ? null : sourceTxHash);
-  useEffect3(() => {
+  useEffect8(() => {
     if (sourceTxHashPending && settledSourceTxHash) {
       onSourceTransactionObserved?.(settledSourceTxHash);
     }
@@ -1382,13 +2693,13 @@ function ProcessingStep({
   const feeTooltip = uiConfig?.feeTooltip ?? (feeSponsored ? "Network fees are sponsored for this deposit." : "Network fees apply.");
   const stateTitle = isComplete ? `${flowCapitalized} successful` : isFailed ? `${flowCapitalized} failed` : "Processing...";
   const handleRetry = onRetry ?? onNewDeposit;
-  const headerContent = isComplete ? /* @__PURE__ */ jsxs4("div", { className: "rs-body-header", children: [
-    /* @__PURE__ */ jsx5(SuccessBadge, {}),
-    /* @__PURE__ */ jsx5("div", { className: "rs-body-header-text", children: /* @__PURE__ */ jsx5("h2", { className: "rs-body-header-title", children: stateTitle }) })
-  ] }) : isFailed ? /* @__PURE__ */ jsxs4("div", { className: "rs-body-header", children: [
-    /* @__PURE__ */ jsx5(FailedBadge, {}),
-    /* @__PURE__ */ jsx5("div", { className: "rs-body-header-text", children: /* @__PURE__ */ jsx5("h2", { className: "rs-body-header-title", children: stateTitle }) })
-  ] }) : /* @__PURE__ */ jsx5(BodyHeader, { icon: /* @__PURE__ */ jsx5(WalletIcon, {}), title: stateTitle });
+  const headerContent = isComplete ? /* @__PURE__ */ jsxs9("div", { className: "rs-body-header", children: [
+    /* @__PURE__ */ jsx10(SuccessBadge, {}),
+    /* @__PURE__ */ jsx10("div", { className: "rs-body-header-text", children: /* @__PURE__ */ jsx10("h2", { className: "rs-body-header-title", children: stateTitle }) })
+  ] }) : isFailed ? /* @__PURE__ */ jsxs9("div", { className: "rs-body-header", children: [
+    /* @__PURE__ */ jsx10(FailedBadge, {}),
+    /* @__PURE__ */ jsx10("div", { className: "rs-body-header-text", children: /* @__PURE__ */ jsx10("h2", { className: "rs-body-header-title", children: stateTitle }) })
+  ] }) : /* @__PURE__ */ jsx10(BodyHeader, { icon: /* @__PURE__ */ jsx10(WalletIcon, {}), title: stateTitle });
   if (isComplete && isSwappedOrder) {
     const effectivePaymentMethod = swappedContext?.method ?? swappedFiatContext?.paymentMethod ?? null;
     const onrampMethod = effectivePaymentMethod ? formatPaymentMethod(effectivePaymentMethod) : null;
@@ -1428,7 +2739,7 @@ function ProcessingStep({
     const feesTotal = feeRows.length > 0 ? formatFeeUsd(
       (onrampFeeUsd ?? 0) + chargeableUsd + fallbackChargeableUsd
     ) : null;
-    return /* @__PURE__ */ jsx5(
+    return /* @__PURE__ */ jsx10(
       SwappedReceipt,
       {
         onrampMethod,
@@ -1445,16 +2756,16 @@ function ProcessingStep({
       }
     );
   }
-  return /* @__PURE__ */ jsxs4("div", { className: "rs-screen", children: [
-    /* @__PURE__ */ jsxs4("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
+  return /* @__PURE__ */ jsxs9("div", { className: "rs-screen", children: [
+    /* @__PURE__ */ jsxs9("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
       headerContent,
-      /* @__PURE__ */ jsxs4("div", { className: "rs-review-details", children: [
-        /* @__PURE__ */ jsxs4("div", { className: "rs-review-detail-row", children: [
-          /* @__PURE__ */ jsx5("span", { children: "Source chain" }),
-          /* @__PURE__ */ jsxs4("span", { className: "rs-review-detail-value", children: [
-            /* @__PURE__ */ jsx5("span", { children: sourceChainName }),
-            sourceChainIcon && /* @__PURE__ */ jsx5("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx5(CdnIcon, { src: sourceChainIcon }) }),
-            sourceExplorerUrl && /* @__PURE__ */ jsx5(
+      /* @__PURE__ */ jsxs9("div", { className: "rs-review-details", children: [
+        /* @__PURE__ */ jsxs9("div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ jsx10("span", { children: "Source chain" }),
+          /* @__PURE__ */ jsxs9("span", { className: "rs-review-detail-value", children: [
+            /* @__PURE__ */ jsx10("span", { children: sourceChainName }),
+            sourceChainIcon && /* @__PURE__ */ jsx10("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx10(CdnIcon, { src: sourceChainIcon }) }),
+            sourceExplorerUrl && /* @__PURE__ */ jsx10(
               "a",
               {
                 href: sourceExplorerUrl,
@@ -1462,17 +2773,17 @@ function ProcessingStep({
                 rel: "noopener noreferrer",
                 className: "rs-review-detail-link",
                 "aria-label": "View source transaction",
-                children: /* @__PURE__ */ jsx5(ExternalLinkIcon, {})
+                children: /* @__PURE__ */ jsx10(ExternalLinkIcon, {})
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsxs4("div", { className: "rs-review-detail-row", children: [
-          /* @__PURE__ */ jsx5("span", { children: "Destination chain" }),
-          /* @__PURE__ */ jsxs4("span", { className: "rs-review-detail-value", children: [
-            /* @__PURE__ */ jsx5("span", { children: targetChainName }),
-            targetChainIcon && /* @__PURE__ */ jsx5("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx5(CdnIcon, { src: targetChainIcon }) }),
-            destExplorerUrl && /* @__PURE__ */ jsx5(
+        /* @__PURE__ */ jsxs9("div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ jsx10("span", { children: "Destination chain" }),
+          /* @__PURE__ */ jsxs9("span", { className: "rs-review-detail-value", children: [
+            /* @__PURE__ */ jsx10("span", { children: targetChainName }),
+            targetChainIcon && /* @__PURE__ */ jsx10("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx10(CdnIcon, { src: targetChainIcon }) }),
+            destExplorerUrl && /* @__PURE__ */ jsx10(
               "a",
               {
                 href: destExplorerUrl,
@@ -1480,75 +2791,75 @@ function ProcessingStep({
                 rel: "noopener noreferrer",
                 className: "rs-review-detail-link",
                 "aria-label": "View destination transaction",
-                children: /* @__PURE__ */ jsx5(ExternalLinkIcon, {})
+                children: /* @__PURE__ */ jsx10(ExternalLinkIcon, {})
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsxs4("div", { className: "rs-review-detail-row", children: [
-          /* @__PURE__ */ jsx5("span", { children: isProcessing ? "Time elapsed" : "Total time" }),
-          /* @__PURE__ */ jsx5("span", { className: "rs-review-detail-value", children: /* @__PURE__ */ jsx5(Ticker, { value: timerText }) })
+        /* @__PURE__ */ jsxs9("div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ jsx10("span", { children: isProcessing ? "Time elapsed" : "Total time" }),
+          /* @__PURE__ */ jsx10("span", { className: "rs-review-detail-value", children: /* @__PURE__ */ jsx10(Ticker, { value: timerText }) })
         ] }),
-        isSwappedOrder ? /* @__PURE__ */ jsxs4(Fragment, { children: [
-          swappedFiatContext?.paidAmountUsd != null && /* @__PURE__ */ jsxs4("div", { className: "rs-review-detail-row", children: [
-            /* @__PURE__ */ jsx5("span", { children: "You pay" }),
-            /* @__PURE__ */ jsxs4("span", { className: "rs-review-detail-value", children: [
+        isSwappedOrder ? /* @__PURE__ */ jsxs9(Fragment2, { children: [
+          swappedFiatContext?.paidAmountUsd != null && /* @__PURE__ */ jsxs9("div", { className: "rs-review-detail-row", children: [
+            /* @__PURE__ */ jsx10("span", { children: "You pay" }),
+            /* @__PURE__ */ jsxs9("span", { className: "rs-review-detail-value", children: [
               "$",
               swappedFiatContext.paidAmountUsd.toFixed(2),
-              swappedFiatContext.paymentMethod && /* @__PURE__ */ jsxs4("span", { style: { color: "#71717b", marginLeft: 6 }, children: [
+              swappedFiatContext.paymentMethod && /* @__PURE__ */ jsxs9("span", { style: { color: "#71717b", marginLeft: 6 }, children: [
                 "via",
                 " ",
                 formatPaymentMethod(swappedFiatContext.paymentMethod)
               ] })
             ] })
           ] }),
-          swappedFiatContext?.onrampFeeUsd != null && /* @__PURE__ */ jsxs4("div", { className: "rs-review-detail-row", children: [
-            /* @__PURE__ */ jsx5("span", { children: "On-ramp fee" }),
-            /* @__PURE__ */ jsxs4("span", { className: "rs-review-detail-value", children: [
+          swappedFiatContext?.onrampFeeUsd != null && /* @__PURE__ */ jsxs9("div", { className: "rs-review-detail-row", children: [
+            /* @__PURE__ */ jsx10("span", { children: "On-ramp fee" }),
+            /* @__PURE__ */ jsxs9("span", { className: "rs-review-detail-value", children: [
               "$",
               swappedFiatContext.onrampFeeUsd.toFixed(2)
             ] })
           ] }),
-          formattedBridgingCost && /* @__PURE__ */ jsxs4("div", { className: "rs-review-detail-row", children: [
-            /* @__PURE__ */ jsx5("span", { children: "Bridging cost" }),
-            /* @__PURE__ */ jsxs4("span", { className: "rs-review-detail-value", children: [
-              /* @__PURE__ */ jsxs4("span", { children: [
+          formattedBridgingCost && /* @__PURE__ */ jsxs9("div", { className: "rs-review-detail-row", children: [
+            /* @__PURE__ */ jsx10("span", { children: "Bridging cost" }),
+            /* @__PURE__ */ jsxs9("span", { className: "rs-review-detail-value", children: [
+              /* @__PURE__ */ jsxs9("span", { children: [
                 formattedBridgingCost,
                 " ",
                 sourceSymbol
               ] }),
-              /* @__PURE__ */ jsx5("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx5(TokenIcon, { symbol: sourceSymbol }) })
+              /* @__PURE__ */ jsx10("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx10(TokenIcon, { symbol: sourceSymbol }) })
             ] })
           ] })
-        ] }) : /* @__PURE__ */ jsxs4("div", { className: "rs-review-detail-row", children: [
-          /* @__PURE__ */ jsx5("span", { children: isProcessing ? "You send" : "You sent" }),
-          /* @__PURE__ */ jsxs4("span", { className: "rs-review-detail-value", children: [
-            /* @__PURE__ */ jsxs4("span", { children: [
+        ] }) : /* @__PURE__ */ jsxs9("div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ jsx10("span", { children: isProcessing ? "You send" : "You sent" }),
+          /* @__PURE__ */ jsxs9("span", { className: "rs-review-detail-value", children: [
+            /* @__PURE__ */ jsxs9("span", { children: [
               formattedSentAmount,
               " ",
               sourceSymbol
             ] }),
-            /* @__PURE__ */ jsx5("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx5(TokenIcon, { symbol: sourceSymbol }) })
+            /* @__PURE__ */ jsx10("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx10(TokenIcon, { symbol: sourceSymbol }) })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs4("div", { className: "rs-review-detail-row", children: [
-          /* @__PURE__ */ jsx5("span", { children: isProcessing ? "Receive" : "Received" }),
-          /* @__PURE__ */ jsxs4("span", { className: "rs-review-detail-value", children: [
-            /* @__PURE__ */ jsx5("span", { children: receiveDisplay }),
-            /* @__PURE__ */ jsx5("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx5(TokenIcon, { symbol: targetSymbol }) })
+        /* @__PURE__ */ jsxs9("div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ jsx10("span", { children: isProcessing ? "Receive" : "Received" }),
+          /* @__PURE__ */ jsxs9("span", { className: "rs-review-detail-value", children: [
+            /* @__PURE__ */ jsx10("span", { children: receiveDisplay }),
+            /* @__PURE__ */ jsx10("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx10(TokenIcon, { symbol: targetSymbol }) })
           ] })
         ] }),
-        isFailed && balanceAfterUsd !== void 0 && /* @__PURE__ */ jsxs4("div", { className: "rs-review-detail-row", children: [
-          /* @__PURE__ */ jsx5("span", { children: "Balance" }),
-          /* @__PURE__ */ jsxs4("span", { className: "rs-review-detail-value", children: [
+        isFailed && balanceAfterUsd !== void 0 && /* @__PURE__ */ jsxs9("div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ jsx10("span", { children: "Balance" }),
+          /* @__PURE__ */ jsxs9("span", { className: "rs-review-detail-value", children: [
             "$",
             balanceAfterUsd.toFixed(2)
           ] })
         ] }),
-        isSwappedOrder ? quotedFeeAmount !== void 0 && /* @__PURE__ */ jsxs4("div", { className: "rs-review-detail-row", children: [
-          /* @__PURE__ */ jsx5("span", { children: "Fees" }),
-          /* @__PURE__ */ jsxs4("span", { className: "rs-review-detail-value", children: [
-            /* @__PURE__ */ jsxs4(
+        isSwappedOrder ? quotedFeeAmount !== void 0 && /* @__PURE__ */ jsxs9("div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ jsx10("span", { children: "Fees" }),
+          /* @__PURE__ */ jsxs9("span", { className: "rs-review-detail-value", children: [
+            /* @__PURE__ */ jsxs9(
               "span",
               {
                 style: feeSponsored ? { textDecoration: "line-through" } : void 0,
@@ -1559,21 +2870,21 @@ function ProcessingStep({
                 ]
               }
             ),
-            /* @__PURE__ */ jsx5(Tooltip, { content: feeTooltip, children: /* @__PURE__ */ jsx5(
+            /* @__PURE__ */ jsx10(Tooltip, { content: feeTooltip, children: /* @__PURE__ */ jsx10(
               "span",
               {
                 className: "rs-review-detail-info",
                 "aria-label": "Fee info",
-                children: /* @__PURE__ */ jsx5(InfoIcon, {})
+                children: /* @__PURE__ */ jsx10(InfoIcon, {})
               }
             ) })
           ] })
         ] }) : (() => {
           const { display, struck } = quoteFeeRow(quote?.fees);
           if (display !== null) {
-            return /* @__PURE__ */ jsxs4("div", { className: "rs-review-detail-row", children: [
-              /* @__PURE__ */ jsx5("span", { children: "Fees" }),
-              /* @__PURE__ */ jsx5("span", { className: "rs-review-detail-value", children: /* @__PURE__ */ jsx5(
+            return /* @__PURE__ */ jsxs9("div", { className: "rs-review-detail-row", children: [
+              /* @__PURE__ */ jsx10("span", { children: "Fees" }),
+              /* @__PURE__ */ jsx10("span", { className: "rs-review-detail-value", children: /* @__PURE__ */ jsx10(
                 "span",
                 {
                   style: struck ? { textDecoration: "line-through" } : void 0,
@@ -1584,9 +2895,9 @@ function ProcessingStep({
           }
           const feeValue = quotedFeeAmount ?? formattedBridgingCost;
           if (feeValue === void 0) return null;
-          return /* @__PURE__ */ jsxs4("div", { className: "rs-review-detail-row", children: [
-            /* @__PURE__ */ jsx5("span", { children: "Fees" }),
-            /* @__PURE__ */ jsx5("span", { className: "rs-review-detail-value", children: /* @__PURE__ */ jsxs4(
+          return /* @__PURE__ */ jsxs9("div", { className: "rs-review-detail-row", children: [
+            /* @__PURE__ */ jsx10("span", { children: "Fees" }),
+            /* @__PURE__ */ jsx10("span", { className: "rs-review-detail-value", children: /* @__PURE__ */ jsxs9(
               "span",
               {
                 style: feeSponsored ? { textDecoration: "line-through" } : void 0,
@@ -1600,8 +2911,8 @@ function ProcessingStep({
           ] });
         })()
       ] }),
-      isFailed && failureMessage && /* @__PURE__ */ jsx5(Callout, { variant: "error", children: failureMessage }),
-      isProcessing && /* @__PURE__ */ jsx5(
+      isFailed && failureMessage && /* @__PURE__ */ jsx10(Callout, { variant: "error", children: failureMessage }),
+      isProcessing && /* @__PURE__ */ jsx10(
         Button,
         {
           fullWidth: true,
@@ -1611,15 +2922,15 @@ function ProcessingStep({
           children: "Submitting transaction\u2026"
         }
       ),
-      isComplete && /* @__PURE__ */ jsxs4("div", { className: "rs-screen-button-row", children: [
-        onNewDeposit && /* @__PURE__ */ jsxs4(Button, { variant: "outline", onClick: onNewDeposit, fullWidth: true, children: [
+      isComplete && /* @__PURE__ */ jsxs9("div", { className: "rs-screen-button-row", children: [
+        onNewDeposit && /* @__PURE__ */ jsxs9(Button, { variant: "outline", onClick: onNewDeposit, fullWidth: true, children: [
           "New ",
           flowNoun
         ] }),
-        onClose && /* @__PURE__ */ jsx5(Button, { onClick: () => onClose("success_done"), fullWidth: true, children: "Done" })
+        onClose && /* @__PURE__ */ jsx10(Button, { onClick: () => onClose("success_done"), fullWidth: true, children: "Done" })
       ] }),
-      isFailed && /* @__PURE__ */ jsxs4("div", { className: "rs-screen-button-row", children: [
-        onClose && /* @__PURE__ */ jsx5(
+      isFailed && /* @__PURE__ */ jsxs9("div", { className: "rs-screen-button-row", children: [
+        onClose && /* @__PURE__ */ jsx10(
           Button,
           {
             variant: "outline",
@@ -1628,10 +2939,10 @@ function ProcessingStep({
             children: "Cancel"
           }
         ),
-        handleRetry && /* @__PURE__ */ jsx5(Button, { onClick: handleRetry, fullWidth: true, children: "Try again" })
+        handleRetry && /* @__PURE__ */ jsx10(Button, { onClick: handleRetry, fullWidth: true, children: "Try again" })
       ] })
     ] }),
-    /* @__PURE__ */ jsx5(PoweredBy, {})
+    /* @__PURE__ */ jsx10(PoweredBy, {})
   ] });
 }
 
@@ -1660,9 +2971,22 @@ function normalizeKeyToken(value) {
   if (value === void 0) return void 0;
   return value.startsWith("0x") ? value.toLowerCase() : value;
 }
-var SOLANA_ADDRESS_PATTERN = /^[1-9A-HJ-NP-Za-km-z]{32,44}$/;
+var RECIPIENT_PATTERNS = {
+  solana: /^[1-9A-HJ-NP-Za-km-z]{32,44}$/,
+  tron: /^T[1-9A-HJ-NP-Za-km-z]{33}$/,
+  stellar: /^G[A-Z2-7]{55}$/
+};
+var RECIPIENT_HINTS = {
+  solana: "A Solana destination needs a base58 recipient address.",
+  tron: "A Tron destination needs a base58 recipient address starting with T.",
+  stellar: "A Stellar destination needs a recipient account ID starting with G."
+};
+function recipientNamespace(targetChain) {
+  return targetChainToCaip2(targetChain).split(":")[0] ?? "";
+}
 function recipientMatchesTarget(recipient, targetChain) {
-  return targetChainToCaip2(targetChain).startsWith("solana:") ? SOLANA_ADDRESS_PATTERN.test(recipient) : isAddress(recipient);
+  const pattern = RECIPIENT_PATTERNS[recipientNamespace(targetChain)];
+  return pattern ? pattern.test(recipient) : isAddress(recipient);
 }
 function deriveAccountSalt(input) {
   return keccak256(
@@ -1716,7 +3040,7 @@ async function runAccountSetup(input, deps) {
   }
   if (!recipientMatchesTarget(input.recipient, input.targetChain)) {
     throw new SetupError(
-      input.targetChain === "solana" ? "A Solana destination needs a base58 recipient address." : "An EVM destination needs a 0x recipient address.",
+      RECIPIENT_HINTS[recipientNamespace(input.targetChain)] ?? "An EVM destination needs a 0x recipient address.",
       "client"
     );
   }
@@ -1798,22 +3122,14 @@ function mapError(error) {
       "network"
     );
   }
-  if (error instanceof Error) {
-    const statusMatch = error.message.match(/\b(4\d{2}|5\d{2})\b/);
-    if (statusMatch) {
-      const status = Number(statusMatch[1]);
-      if (status >= 500) {
-        return new SetupError(
-          "Deposit service is temporarily unavailable. Please try again shortly.",
-          "server"
-        );
-      }
-      return new SetupError(error.message, "client");
+  if (error instanceof RegistrationError) {
+    if (error.status >= 500) {
+      return new SetupError(
+        "Deposit service is temporarily unavailable. Please try again shortly.",
+        "server"
+      );
     }
-    return new SetupError(
-      "Deposit service is temporarily unavailable. Please try again shortly.",
-      "unknown"
-    );
+    return new SetupError(error.message, "client");
   }
   return new SetupError(
     "Deposit service is temporarily unavailable. Please try again shortly.",
@@ -1843,6 +3159,11 @@ export {
   computeIsCacheable,
   readDedupedAccountSetupResult,
   runAccountSetupDeduped,
+  HistoryEntryButton,
+  HistoryOverlay,
+  useHistoryPanel,
   warnRemovedProps,
+  isHistoryEntryVisible,
+  createHistoryAnalytics,
   analyticsTargetProperties
 };