@rhinestone/deposit-modal 0.14.1 → 0.16.0

package/dist/{chunk-5Q5CSVKF.mjs → chunk-F6ROQ6RJ.mjs}

@@ -1,33 +1,6 @@
 import {
-  ProcessingStep,
-  SetupError,
-  Tooltip,
-  analyticsTargetProperties,
-  computeCacheKey,
-  computeIsCacheable,
-  computeRequestKey,
-  failureMessageForEvent,
-  fetchTokenPriceUsd,
-  getEventSourceDetails,
-  getEventTxHash,
-  getExchangeLogo,
-  getExchangeLogoSrc,
-  isDepositEvent,
-  isFailedEvent,
-  isSubmissionUncertain,
-  readDedupedAccountSetupResult,
-  runAccountSetupDeduped,
-  txRefsMatch,
-  warnRemovedProps
-} from "./chunk-XCTRKCNM.mjs";
-import {
-  ListRow
-} from "./chunk-R5UQ3TN4.mjs";
-import {
-  AlertTriangleIcon,
   AnalyticsSession,
   AppleIcon,
-  ArrowUpRightIcon,
   BankIcon,
   BodyHeader,
   Button,
@@ -42,53 +15,78 @@ import {
   CopyIcon,
   ExternalLinkIcon,
   HandCoinsIcon,
-  HistoryIcon,
+  HistoryEntryButton,
+  HistoryOverlay,
   InfoIcon,
+  ListRow,
   MigrateAssetsIcon,
   Modal,
   PermitDepositSubmitError,
   PoweredBy,
+  ProcessingStep,
   RpcUrlsProvider,
   SUPPORTED_CONNECT_EXCHANGE_COUNT,
+  SetupError,
   Spinner,
   SwappedConnectFeeChangedError,
   TokenIcon,
+  Tooltip,
   TransferCryptoIcon,
   UnplugIcon,
   WalletIcon,
+  analyticsTargetProperties,
   applyTheme,
   catalogKeyForChain,
   chainIdsByValue,
   checkBackendUrl,
+  computeCacheKey,
+  computeIsCacheable,
+  computeRequestKey,
   createDepositService,
+  createHistoryAnalytics,
   currencyFormatter,
   debugError,
   debugLog,
+  failureMessageForEvent,
+  fetchTokenPriceUsd,
   formatQuotedReceive,
   formatReceiveEstimate,
   formatTokenAmount,
   formatUserError,
   getAssetId,
+  getEventSourceDetails,
+  getEventTxHash,
+  getExchangeLogo,
+  getExchangeLogoSrc,
   getPublicClient,
+  isDepositEvent,
   isDisplayStablecoinSymbol,
+  isFailedEvent,
+  isHistoryEntryVisible,
   isNativeAsset,
   isRecognizedToken,
+  isSubmissionUncertain,
   portfolioToAssets,
   quoteFeeRow,
+  readDedupedAccountSetupResult,
   resolveAppFeeBps,
   rpcUrlFor,
+  runAccountSetupDeduped,
   tokenFormatter,
+  txRefsMatch,
   useCatalogChain,
   useChainCatalog,
   useChainName,
   useDepositAnalyticsEmitter,
   useDepositChainIds,
   useExplorerTxUrl,
+  useHistoryPanel,
   useIsDepositChain,
   useLatestRef,
   useRpcUrls,
-  useStableRpcUrls
-} from "./chunk-UX35GYLM.mjs";
+  useStableRpcUrls,
+  warnRemovedProps
+} from "./chunk-EA5CE2UZ.mjs";
 import {
   MULTICALL3_ADDRESS,
   POLYMARKET_COLLATERAL_OFFRAMP_ADDRESS,
@@ -100,7 +98,7 @@ import {
   executePolymarketSafeTransfer,
   fetchPolymarketProxyWallet,
   readPolymarketBalances
-} from "./chunk-RN5VKWI6.mjs";
+} from "./chunk-FTWKAJGN.mjs";
 import {
   HYPERCORE_CHAIN_ID,
   HYPERCORE_MIN_DEPOSIT_USD,
@@ -119,19 +117,15 @@ import {
   getSupportedChainIds,
   getTargetTokenSymbol,
   getTargetTokenSymbolsForChain,
-  getTokenDecimalsByAddress,
-  getTokenSymbol,
-  isHyperCoreCaip2,
   isHyperCoreDestination,
   isNativeSol,
-  isSolanaCaip2,
   isStablecoinSymbol,
   isVirtualDestination,
   parseEvmChainId,
   publishShortlistTokens,
   targetChainToChainId,
   toEvmCaip2
-} from "./chunk-VUATPOWJ.mjs";
+} from "./chunk-EAGMY3QE.mjs";
 
 // src/core/reown-dependencies.ts
 var dependencies;
@@ -163,11 +157,11 @@ function getReownDependencies() {
 
 // src/DepositModal.tsx
 import {
-  useMemo as useMemo10,
-  useEffect as useEffect13,
-  useRef as useRef9,
-  useState as useState15,
-  useCallback as useCallback9,
+  useMemo as useMemo9,
+  useEffect as useEffect14,
+  useRef as useRef10,
+  useState as useState14,
+  useCallback as useCallback8,
   lazy as lazy2,
   Suspense as Suspense2
 } from "react";
@@ -177,9 +171,9 @@ import {
   useState as useState13,
   useCallback as useCallback7,
   useMemo as useMemo8,
-  useEffect as useEffect12,
+  useEffect as useEffect13,
   useLayoutEffect as useLayoutEffect2,
-  useRef as useRef8
+  useRef as useRef9
 } from "react";
 
 // src/components/steps/ConnectStep.tsx
@@ -4704,7 +4698,7 @@ function SolanaAmountStep({
 }
 
 // src/components/steps/SolanaConfirmStep.tsx
-import { useState as useState12 } from "react";
+import { useEffect as useEffect12, useRef as useRef8, useState as useState12 } from "react";
 import { parseUnits as parseUnits5 } from "viem";
 
 // src/core/solana.ts
@@ -4836,11 +4830,18 @@ function SolanaConfirmStep({
   estimatedTime = "< 1 min",
   onConfirm,
   onError,
+  onSubmittingChange,
   debug
 }) {
   const rpcUrls = useRpcUrls();
   const [isSubmitting, setIsSubmitting] = useState12(false);
   const [error, setError] = useState12(null);
+  const onSubmittingChangeRef = useRef8(onSubmittingChange);
+  onSubmittingChangeRef.current = onSubmittingChange;
+  useEffect12(() => {
+    onSubmittingChangeRef.current?.(isSubmitting);
+    return () => onSubmittingChangeRef.current?.(false);
+  }, [isSubmitting]);
   const targetChainId = targetChainToChainId(targetChain);
   const targetSymbol = getTargetTokenSymbol(targetToken, targetChainId);
   const sourceChainName = getChainName("solana");
@@ -5910,6 +5911,10 @@ function createDepositAnalyticsController(emit) {
     dedupe.add(key);
     emit(...args);
   };
+  const sendHistory = (type, detail) => {
+    controller.openSession();
+    emit(...[{ type, ...detail }, method]);
+  };
   const controller = {
     emit,
     openSession() {
@@ -5917,6 +5922,21 @@ function createDepositAnalyticsController(emit) {
       opened = true;
       emit({ type: "deposit_modal_open" }, null);
     },
+    historyOpened(detail) {
+      sendHistory("deposit_modal_history_open", detail);
+    },
+    historyRowViewed(detail) {
+      sendHistory("deposit_modal_history_row_view", detail);
+    },
+    historyLoadMore(detail) {
+      sendHistory("deposit_modal_history_load_more", detail);
+    },
+    historyFallbackOpened(detail) {
+      sendHistory("deposit_modal_history_fallback_open", detail);
+    },
+    historyRecoveryStarted(detail) {
+      sendHistory("deposit_modal_history_recovery_start", detail);
+    },
     selectMethod(...args) {
       const [nextMethod, entrySource, identifiers] = args;
       controller.openSession();
@@ -7394,6 +7414,7 @@ function DepositFlow({
   onSwappedImmersiveChange,
   openExternally,
   onSubmittingChange,
+  onProcessingSettledChange,
   onClose,
   onLifecycle,
   onError,
@@ -7416,8 +7437,8 @@ function DepositFlow({
   const isConnectSelectionConfirmed = flowSlice.isConnectSelectionConfirmed;
   const selectedWalletId = useDepositStore(selectedWalletIdSelector);
   const [totalBalanceUsd, setTotalBalanceUsd] = useState13(0);
-  const stableWalletSignerRef = useRef8(null);
-  const stableWalletSelectionKeyRef = useRef8(null);
+  const stableWalletSignerRef = useRef9(null);
+  const stableWalletSelectionKeyRef = useRef9(null);
   const logFlow = useCallback7(
     (message, data) => {
       debugLog(debug, "deposit-flow", message, data);
@@ -7431,7 +7452,7 @@ function DepositFlow({
     [debug]
   );
   const enableSwappedPreconnect = enableFiatOnramp || enableExchangeConnect;
-  useEffect12(() => {
+  useEffect13(() => {
     if (!enableSwappedPreconnect) return;
     if (typeof document === "undefined") return;
     const links = [];
@@ -7551,8 +7572,8 @@ function DepositFlow({
   const targetChainId = targetChainToChainId(targetChain);
   const targetSymbol = getTargetTokenSymbol(targetToken, targetChainId);
   const isTargetStablecoin = isStablecoinSymbol(targetSymbol);
-  const targetMarketPriceRef = useRef8(null);
-  useEffect12(() => {
+  const targetMarketPriceRef = useRef9(null);
+  useEffect13(() => {
     targetMarketPriceRef.current = null;
     if (isTargetStablecoin || targetSymbol === "Token") {
       return;
@@ -7630,7 +7651,7 @@ function DepositFlow({
     setupChainId,
     rpcUrls
   ]);
-  useEffect12(() => {
+  useEffect13(() => {
     if (flowMode !== "wallet" && flowMode !== "dapp-import") {
       stableWalletSelectionKeyRef.current = null;
       stableWalletSignerRef.current = null;
@@ -7702,8 +7723,8 @@ function DepositFlow({
     ]
   );
   const activeEntry = setupSlice;
-  const lastSmartAccountLifecycleKeyRef = useRef8(null);
-  useEffect12(() => {
+  const lastSmartAccountLifecycleKeyRef = useRef9(null);
+  useEffect13(() => {
     if (activeEntry.status !== "ready" || !activeEntry.smartAccount) return;
     const lifecycleKey = [
       activeEntry.smartAccount.toLowerCase(),
@@ -7722,8 +7743,8 @@ function DepositFlow({
     activeEntry.solanaDepositAddress,
     onLifecycleRef
   ]);
-  const lastConnectedLifecycleKeyRef = useRef8(null);
-  useEffect12(() => {
+  const lastConnectedLifecycleKeyRef = useRef9(null);
+  useEffect13(() => {
     if (!flowMode || !isConnectSelectionConfirmed) {
       lastConnectedLifecycleKeyRef.current = null;
       return;
@@ -7821,7 +7842,7 @@ function DepositFlow({
   const qrSourceAsset = effectiveStep.type === "qr-amount" ? effectiveStep.asset : null;
   const qrSourceKey = qrSourceAsset ? `${qrSourceAsset.chainId}:${qrSourceAsset.token}` : null;
   const [qrSourcePrice, setQrSourcePrice] = useState13({ resolved: false, usd: null });
-  useEffect12(() => {
+  useEffect13(() => {
     setQrSourcePrice({ resolved: false, usd: null });
     if (!qrSourceAsset) return;
     let cancelled = false;
@@ -7847,12 +7868,12 @@ function DepositFlow({
   effectiveStep.type === "dapp-import-resolving" && flowMode === "dapp-import" || effectiveStep.type === "dapp-import-select" || effectiveStep.type === "dapp-import-asset-select" || effectiveStep.type === "fiat-onramp" || effectiveStep.type === "exchange-select" || effectiveStep.type === "exchange-connect" || effectiveStep.type === "select-asset" && signerContext && !canAutoLock;
   const currentBackHandler = canGoBackFromHere ? handleBack : void 0;
   const currentScreen = showConnectStep ? "connect" : effectiveStep.type;
-  useEffect12(() => {
+  useEffect13(() => {
     onStepChangeRef.current?.(currentBackHandler, currentScreen);
   }, [currentBackHandler, currentScreen, onStepChangeRef]);
-  const lastModalHeightRef = useRef8(0);
-  const modalContentElRef = useRef8(null);
-  useEffect12(() => {
+  const lastModalHeightRef = useRef9(0);
+  const modalContentElRef = useRef9(null);
+  useEffect13(() => {
     const mc = document.querySelector(".rs-modal-content");
     if (!mc) return;
     modalContentElRef.current = mc;
@@ -7869,7 +7890,7 @@ function DepositFlow({
     };
   }, []);
   const stepPinKey = `${flowMode ?? "none"}:${step.type}`;
-  const prevStepPinKeyRef = useRef8(stepPinKey);
+  const prevStepPinKeyRef = useRef9(stepPinKey);
   useLayoutEffect2(() => {
     if (prevStepPinKeyRef.current === stepPinKey) return;
     prevStepPinKeyRef.current = stepPinKey;
@@ -7891,18 +7912,18 @@ function DepositFlow({
     analyticsMethod,
     showConnectStep ? "connect" : effectiveStep.type
   );
-  useEffect12(() => {
+  useEffect13(() => {
     analytics.openSession();
     analytics.openStep(analyticsStep);
   }, [analytics, analyticsStep]);
-  useEffect12(() => {
+  useEffect13(() => {
     if (setupSlice.status === "loading") {
       analytics.friction("account_setup_pending", "account_setup");
     } else if (setupSlice.status === "error") {
       analytics.failure("account_setup_failed", true, "account_setup");
     }
   }, [analytics, setupSlice.status]);
-  useEffect12(() => {
+  useEffect13(() => {
     logFlow("state:changed", {
       step: effectiveStep.type,
       flowMode,
@@ -7918,7 +7939,7 @@ function DepositFlow({
     targetChain,
     targetToken
   ]);
-  useEffect12(() => {
+  useEffect13(() => {
     onLifecycleRef.current?.({
       type: "balance-changed",
       totalUsd: totalBalanceUsd
@@ -7995,7 +8016,7 @@ function DepositFlow({
   const dappImportAttemptNonce = useDepositStore(
     (s) => s.dappImport.attemptNonce
   );
-  useEffect12(() => {
+  useEffect13(() => {
     if (!dappImportOwner || enabledDappImportProviders.length === 0) {
       storeApi.dispatch({ type: "dapp-import/availability-cleared" });
       return;
@@ -8128,7 +8149,7 @@ function DepositFlow({
   ]);
   const isBootResolving = isDappImportMode && flowSlice.step === "dapp-import-resolving";
   const [hasResolveDeadlinePassed, setHasResolveDeadlinePassed] = useState13(false);
-  useEffect12(() => {
+  useEffect13(() => {
     setHasResolveDeadlinePassed(false);
     if (!isBootResolving || dappImportBootError) return;
     const timeout = window.setTimeout(() => {
@@ -8136,7 +8157,7 @@ function DepositFlow({
     }, DAPP_IMPORT_RESOLVE_TIMEOUT_MS);
     return () => window.clearTimeout(timeout);
   }, [isBootResolving, dappImportBootError]);
-  useEffect12(() => {
+  useEffect13(() => {
     if (!isBootResolving || dappImportBootError) return;
     const providerId = activeDappImportProviderId;
     if (!providerId) return;
@@ -8241,7 +8262,7 @@ function DepositFlow({
     analytics.selectMethod("exchange_connect", "user");
     storeApi.dispatch({ type: "connect/exchange-selected" });
   }, [analytics, storeApi]);
-  const swappedAnalyticsCorrelatorRef = useRef8(null);
+  const swappedAnalyticsCorrelatorRef = useRef9(null);
   const handleSwappedAttemptConsumed = useCallback7((externalCustomerId) => {
     swappedAnalyticsCorrelatorRef.current = externalCustomerId;
   }, []);
@@ -8261,8 +8282,8 @@ function DepositFlow({
     );
     swappedAnalyticsCorrelatorRef.current = null;
   }, [analytics, flowMode]);
-  const swappedConnectUrlRef = useRef8(/* @__PURE__ */ new Map());
-  const acknowledgedConnectFeeRef = useRef8(/* @__PURE__ */ new Map());
+  const swappedConnectUrlRef = useRef9(/* @__PURE__ */ new Map());
+  const acknowledgedConnectFeeRef = useRef9(/* @__PURE__ */ new Map());
   const handleSelectExchangeConnection = useCallback7(
     async (connection, disclosedFeeBps) => {
       if (setupSlice.status !== "ready" || !setupSlice.smartAccount) {
@@ -8338,7 +8359,7 @@ function DepositFlow({
     },
     [service]
   );
-  const swappedUrlPrefetchRef = useRef8(/* @__PURE__ */ new Map());
+  const swappedUrlPrefetchRef = useRef9(/* @__PURE__ */ new Map());
   const prefetchSwappedWidgetUrl = useCallback7(
     (smartAccount, method, methodSelectionSource) => {
       const cache = swappedUrlPrefetchRef.current;
@@ -8390,7 +8411,7 @@ function DepositFlow({
       prefetchSwappedWidgetUrl
     ]
   );
-  useEffect12(() => {
+  useEffect13(() => {
     swappedUrlPrefetchRef.current.clear();
     swappedConnectUrlRef.current.clear();
     acknowledgedConnectFeeRef.current.clear();
@@ -8402,7 +8423,7 @@ function DepositFlow({
     methods: [],
     recommendedMethod: null
   });
-  useEffect12(() => {
+  useEffect13(() => {
     if (!fiatEnabled || hasConfiguredFiatMethods) return;
     let cancelled = false;
     setRegionalMethods({
@@ -8460,7 +8481,7 @@ function DepositFlow({
     offeredFiatMethods,
     regionalMethods
   ]);
-  useEffect12(() => {
+  useEffect13(() => {
     if (cashDisplay.kind === "hidden" && fiatEnabled) {
       analytics.friction(
         "regional_methods_empty",
@@ -8524,7 +8545,7 @@ function DepositFlow({
   );
   const desiredSetupRequestKey = computeRequestKey(setupInput);
   const setupReady = setupSlice.status === "ready" && setupSlice.requestKey === desiredSetupRequestKey;
-  useEffect12(() => {
+  useEffect13(() => {
     void (async () => {
       const requestKey = computeRequestKey(setupInput);
       const cacheKey = computeCacheKey(setupInput);
@@ -8595,7 +8616,7 @@ function DepositFlow({
     // eslint-disable-next-line react-hooks/exhaustive-deps -- keyed on the stable id-join, not the walletOptions array identity
     [walletOptionsKey]
   );
-  useEffect12(() => {
+  useEffect13(() => {
     storeApi.dispatch({
       type: "portfolio/reconciled",
       wallets: desiredPortfolios
@@ -8942,7 +8963,7 @@ function DepositFlow({
   const handleTotalBalanceComputed = useCallback7((total) => {
     setTotalBalanceUsd(total);
   }, []);
-  useEffect12(() => {
+  useEffect13(() => {
     if (storeApi.getState().flow.mode) {
       return;
     }
@@ -8952,7 +8973,7 @@ function DepositFlow({
       storeApi.dispatch({ type: "flow/step-set", step: "connect" });
     }
   }, [walletOptionsKey]);
-  useEffect12(() => {
+  useEffect13(() => {
     if (!showConnectStep && isConnectSelectionConfirmed && (flowMode === "wallet" || flowMode === "dapp-import") && flowSlice.step !== "dapp-import-resolving" && flowSlice.step !== "dapp-import-select" && !signerContext) {
       storeApi.dispatch({ type: "wallet/cleared" });
     }
@@ -9207,7 +9228,8 @@ function DepositFlow({
               onDepositComplete: handleDepositComplete,
               onDepositFailed: handleDepositFailed,
               onError: handleError,
-              debug
+              debug,
+              onSettledChange: onProcessingSettledChange
             }
           )
         ]
@@ -9286,7 +9308,8 @@ function DepositFlow({
               onDepositComplete: handleDepositComplete,
               onDepositFailed: handleDepositFailed,
               onError: handleError,
-              debug
+              debug,
+              onSettledChange: onProcessingSettledChange
             }
           )
         ]
@@ -9350,7 +9373,8 @@ function DepositFlow({
           uiConfig,
           onConfirm: handleSolanaConfirmed,
           onError: handleError,
-          debug
+          debug,
+          onSubmittingChange
         }
       ) : effectiveStep.type === "solana-confirm" ? /* @__PURE__ */ jsxs23("div", { className: "rs-step", children: [
         /* @__PURE__ */ jsxs23("div", { className: "rs-loading-state", children: [
@@ -9410,7 +9434,8 @@ function DepositFlow({
           onDepositComplete: handleDepositComplete,
           onDepositFailed: handleDepositFailed,
           onError: handleError,
-          debug
+          debug,
+          onSettledChange: onProcessingSettledChange
         }
       )
     ] });
@@ -9607,308 +9632,20 @@ function DepositFlow({
         onDepositComplete: handleDepositComplete,
         onDepositFailed: handleDepositFailed,
         onError: handleError,
-        debug
+        debug,
+        onSettledChange: onProcessingSettledChange
       }
     )
   ] });
 }
 
-// src/components/history/DepositHistoryPanel.tsx
-import { useCallback as useCallback8, useMemo as useMemo9, useState as useState14 } from "react";
-import { jsx as jsx29, jsxs as jsxs24 } 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;
-  if (isSolanaCaip2(value) || value === "solana") return "solana";
-  if (isHyperCoreCaip2(value) || value === "hypercore") return "hypercore";
-  const parsed = parseEvmChainId(value);
-  if (parsed !== null) return parsed;
-  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" && /^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 (/^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 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 isSpam ? "spam" : "failed";
-  }
-  if (lower === "processing" || lower === "submitted" || lower === "bridging")
-    return "processing";
-  return "pending";
-}
-var STATUS_LABEL = {
-  pending: "Pending",
-  processing: "Processing",
-  completed: "Completed",
-  failed: "Failed",
-  spam: "Spam token"
-};
-function DepositHistoryPanel({
-  deposits,
-  isLoading,
-  error,
-  hasMore,
-  isLoadingMore,
-  onLoadMore,
-  onClose,
-  onCloseModal
-}) {
-  const handleKeyDown = useCallback8(
-    (e) => {
-      if (e.key === "Escape") {
-        e.stopPropagation();
-        onClose();
-      }
-    },
-    [onClose]
-  );
-  const visibleDeposits = useMemo9(() => {
-    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()))
-    );
-  }, [deposits]);
-  return /* @__PURE__ */ jsxs24(
-    "div",
-    {
-      className: "rs-history-panel",
-      role: "dialog",
-      "aria-label": "Deposit history",
-      onKeyDown: handleKeyDown,
-      children: [
-        /* @__PURE__ */ jsxs24("div", { className: "rs-modal-header--redesigned", children: [
-          /* @__PURE__ */ jsx29("div", { className: "rs-modal-header-nav-left", children: /* @__PURE__ */ jsx29(
-            "button",
-            {
-              type: "button",
-              className: "rs-modal-header-back",
-              "aria-label": "Back",
-              onClick: onClose,
-              children: /* @__PURE__ */ jsx29(ChevronLeftIcon, {})
-            }
-          ) }),
-          /* @__PURE__ */ jsx29("div", { className: "rs-modal-header-nav-right", children: onCloseModal && /* @__PURE__ */ jsx29(
-            "button",
-            {
-              type: "button",
-              className: "rs-modal-close",
-              "aria-label": "Close",
-              onClick: onCloseModal,
-              children: /* @__PURE__ */ jsx29(CloseIcon, {})
-            }
-          ) })
-        ] }),
-        /* @__PURE__ */ jsxs24("div", { className: "rs-history-screen", children: [
-          /* @__PURE__ */ jsxs24("div", { className: "rs-history-screen-body", children: [
-            /* @__PURE__ */ jsx29(BodyHeader, { icon: /* @__PURE__ */ jsx29(HistoryIcon, {}), title: "History" }),
-            isLoading && deposits.length === 0 && /* @__PURE__ */ jsxs24("div", { className: "rs-history-empty", children: [
-              /* @__PURE__ */ jsx29("span", { className: "rs-history-empty-glyph", "aria-hidden": "true", children: /* @__PURE__ */ jsx29(HistoryIcon, {}) }),
-              /* @__PURE__ */ jsxs24("div", { className: "rs-history-empty-text", children: [
-                /* @__PURE__ */ jsx29(Spinner, { className: "rs-spinner--sm" }),
-                /* @__PURE__ */ jsx29("span", { className: "rs-history-empty-hint", children: "Loading history\u2026" })
-              ] })
-            ] }),
-            error && !isLoading && /* @__PURE__ */ jsxs24("div", { className: "rs-history-empty", children: [
-              /* @__PURE__ */ jsx29("span", { className: "rs-history-empty-glyph", "aria-hidden": "true", children: /* @__PURE__ */ jsx29(AlertTriangleIcon, {}) }),
-              /* @__PURE__ */ jsxs24("div", { className: "rs-history-empty-text", children: [
-                /* @__PURE__ */ jsx29("span", { className: "rs-history-empty-title", children: "Couldn't load history" }),
-                /* @__PURE__ */ jsx29("span", { className: "rs-history-empty-hint", children: error })
-              ] })
-            ] }),
-            !isLoading && !error && visibleDeposits.length === 0 && /* @__PURE__ */ jsxs24("div", { className: "rs-history-empty", children: [
-              /* @__PURE__ */ jsx29("span", { className: "rs-history-empty-glyph", "aria-hidden": "true", children: /* @__PURE__ */ jsx29(HistoryIcon, {}) }),
-              /* @__PURE__ */ jsxs24("div", { className: "rs-history-empty-text", children: [
-                /* @__PURE__ */ jsx29("span", { className: "rs-history-empty-title", children: "No deposits yet" }),
-                /* @__PURE__ */ jsx29("span", { className: "rs-history-empty-hint", children: "Your deposit history will appear here" })
-              ] })
-            ] }),
-            visibleDeposits.length > 0 && /* @__PURE__ */ jsxs24("div", { className: "rs-history-list", children: [
-              visibleDeposits.map((deposit, i) => /* @__PURE__ */ jsx29(HistoryCard, { deposit }, deposit.txHash || i)),
-              hasMore && /* @__PURE__ */ jsx29(
-                "button",
-                {
-                  type: "button",
-                  className: "rs-history-load-more",
-                  onClick: onLoadMore,
-                  disabled: isLoadingMore,
-                  children: isLoadingMore ? "Loading\u2026" : "Load more"
-                }
-              )
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx29(PoweredBy, {})
-        ] })
-      ]
-    }
-  );
-}
-function HistoryCard({ deposit }) {
-  const explorerTxUrl = useExplorerTxUrl();
-  const [expanded, setExpanded] = useState14(false);
-  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;
-  return /* @__PURE__ */ jsxs24(
-    "button",
-    {
-      type: "button",
-      className: `rs-history-card ${expanded ? "rs-history-card--expanded" : ""}`,
-      onClick: () => setExpanded((v) => !v),
-      "aria-expanded": expanded,
-      children: [
-        /* @__PURE__ */ jsxs24("div", { className: "rs-history-card-row", children: [
-          /* @__PURE__ */ jsxs24("div", { className: "rs-history-card-icons", children: [
-            /* @__PURE__ */ jsx29("span", { className: "rs-history-card-token", children: /* @__PURE__ */ jsx29(TokenIcon, { symbol: sourceSymbol, fallback: sourceSymbol.slice(0, 2) }) }),
-            sourceChainIcon && /* @__PURE__ */ jsx29("span", { className: "rs-history-card-chain", children: /* @__PURE__ */ jsx29(CdnIcon, { src: sourceChainIcon }) })
-          ] }),
-          /* @__PURE__ */ jsxs24("div", { className: "rs-history-card-text", children: [
-            /* @__PURE__ */ jsx29("span", { className: "rs-history-card-title", children: txTypeLabel }),
-            date && /* @__PURE__ */ jsx29("span", { className: "rs-history-card-date", children: date })
-          ] }),
-          /* @__PURE__ */ jsxs24("div", { className: "rs-history-card-side", children: [
-            /* @__PURE__ */ jsx29("span", { className: "rs-history-card-amount", children: displayAmount }),
-            /* @__PURE__ */ jsx29("span", { className: `rs-history-badge rs-history-badge--${status}`, children: STATUS_LABEL[status] })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx29("div", { className: "rs-history-card-panel", children: /* @__PURE__ */ jsx29("div", { className: "rs-history-card-panel-inner", children: /* @__PURE__ */ jsxs24("div", { className: "rs-history-card-details", children: [
-          sourceChainName && /* @__PURE__ */ jsxs24("div", { className: "rs-amount-detail-row", children: [
-            /* @__PURE__ */ jsx29("span", { children: "Source chain" }),
-            /* @__PURE__ */ jsxs24("span", { className: "rs-amount-detail-value", children: [
-              /* @__PURE__ */ jsx29("span", { children: sourceChainName }),
-              sourceChainIcon && /* @__PURE__ */ jsx29("span", { className: "rs-amount-detail-icon", children: /* @__PURE__ */ jsx29(CdnIcon, { src: sourceChainIcon }) })
-            ] })
-          ] }),
-          targetChainName && /* @__PURE__ */ jsxs24("div", { className: "rs-amount-detail-row", children: [
-            /* @__PURE__ */ jsx29("span", { children: "Destination chain" }),
-            /* @__PURE__ */ jsxs24("span", { className: "rs-amount-detail-value", children: [
-              /* @__PURE__ */ jsx29("span", { children: targetChainName }),
-              targetChainIcon && /* @__PURE__ */ jsx29("span", { className: "rs-amount-detail-icon", children: /* @__PURE__ */ jsx29(CdnIcon, { src: targetChainIcon }) })
-            ] })
-          ] }),
-          srcTxUrl && srcTxHash && /* @__PURE__ */ jsxs24("div", { className: "rs-amount-detail-row", children: [
-            /* @__PURE__ */ jsx29("span", { children: "Transaction details" }),
-            /* @__PURE__ */ jsxs24(
-              "a",
-              {
-                href: srcTxUrl,
-                target: "_blank",
-                rel: "noopener noreferrer",
-                className: "rs-history-card-link",
-                onClick: (e) => e.stopPropagation(),
-                children: [
-                  /* @__PURE__ */ jsx29("span", { children: shortenHash(srcTxHash) }),
-                  /* @__PURE__ */ jsx29(ArrowUpRightIcon, {})
-                ]
-              }
-            )
-          ] })
-        ] }) }) })
-      ]
-    }
-  );
-}
-DepositHistoryPanel.displayName = "DepositHistoryPanel";
-
 // src/DepositModal.tsx
-import { jsx as jsx30, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs24 } from "react/jsx-runtime";
 var ReownDepositInner = lazy2(async () => {
   await loadReownDependencies();
-  const module = await import("./DepositModalReown-2EVV64OA.mjs");
+  const module = await import("./DepositModalReown-R7UROJPJ.mjs");
   return { default: module.DepositModalReown };
 });
-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 buildDepositAnalyticsSessionProperties({
   enableWallet = true,
   enableFiatOnramp = false,
@@ -9968,7 +9705,7 @@ function DepositModal(props) {
   const needsReown = !!props.reownAppId;
   const hasWalletClientProp = hasSuppliedWalletClient(props);
   if (needsReown) {
-    return /* @__PURE__ */ jsx30(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx30(
+    return /* @__PURE__ */ jsx29(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx29(
       ReownDepositInner,
       {
         ...props,
@@ -9976,7 +9713,7 @@ function DepositModal(props) {
       }
     ) });
   }
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx29(
     DepositModalInner,
     {
       ...props,
@@ -10029,43 +9766,61 @@ function DepositModalInner({
   onUiState,
   openExternally,
   walletIntegration: walletIntegrationProp,
+  signRecovery,
   debug
 }) {
-  const modalRef = useRef9(null);
-  const analyticsControllerRef = useRef9(null);
-  const previousOpenRef = useRef9(isOpen);
+  const modalRef = useRef10(null);
+  const analyticsControllerRef = useRef10(null);
+  const analyticsSessionIdRef = useRef10(null);
+  const previousOpenRef = useRef10(isOpen);
   const onReadyRef = useLatestRef(onReady);
   const onUiStateRef = useLatestRef(onUiState);
-  const [currentScreen, setCurrentScreen] = useState15("connect");
-  const [swappedImmersive, setSwappedImmersive] = useState15(false);
-  const [submitting, setSubmitting] = useState15(false);
-  const [backHandler, setBackHandler] = useState15(
+  const [currentScreen, setCurrentScreen] = useState14("connect");
+  const [swappedImmersive, setSwappedImmersive] = useState14(false);
+  const [submitting, setSubmitting] = useState14(false);
+  const [backHandler, setBackHandler] = useState14(
     void 0
   );
-  const historyButtonVisible = currentScreen === "connect";
-  const [historyOpen, setHistoryOpen] = useState15(false);
-  const [historyDeposits, setHistoryDeposits] = useState15([]);
-  const [hasMoreHistory, setHasMoreHistory] = useState15(false);
-  const [historyLoading, setHistoryLoading] = useState15(false);
-  const [historyLoadingMore, setHistoryLoadingMore] = useState15(false);
-  const [historyError, setHistoryError] = useState15(null);
-  const cursorRef = useRef9(null);
-  const historyStaleRef = useRef9(false);
-  const historyLoadedRef = useRef9(false);
-  const targetChain = targetChainProp === "solana" || targetChainProp === HYPERCORE_SPOT_CAIP2 ? targetChainProp : getChainId(targetChainProp);
+  const [processingSettled, setProcessingSettled] = useState14(false);
+  const historyButtonVisible = isHistoryEntryVisible({
+    screen: currentScreen,
+    submitting,
+    settled: processingSettled
+  });
+  const targetChain = typeof targetChainProp === "string" ? targetChainProp : getChainId(targetChainProp);
   const sourceChain = sourceChainProp ? getChainId(sourceChainProp) : void 0;
   const rpcUrls = useStableRpcUrls(rpcUrlsProp);
-  const service = useMemo10(
+  const service = useMemo9(
     () => createDepositService(backendUrl, {
       debug,
       debugScope: "service:deposit"
     }),
     [backendUrl, debug]
   );
-  const [clientSetup, setClientSetup] = useState15(
+  const historyAnalytics = useMemo9(
+    () => createHistoryAnalytics({
+      modal: "deposit",
+      controllerRef: analyticsControllerRef,
+      sessionIdRef: analyticsSessionIdRef
+    }),
+    []
+  );
+  const history = useHistoryPanel({
+    isOpen,
+    recipient,
+    service,
+    canRecover: Boolean(signRecovery),
+    analytics: historyAnalytics
+  });
+  const {
+    markStale: markHistoryStale,
+    invalidate: invalidateHistory,
+    recoverySubmitting
+  } = history;
+  const [clientSetup, setClientSetup] = useState14(
     null
   );
-  useEffect13(() => {
+  useEffect14(() => {
     if (!isOpen) return;
     let active = true;
     service.getSetup().then((config) => {
@@ -10075,131 +9830,74 @@ function DepositModalInner({
       active = false;
     };
   }, [isOpen, service]);
-  useEffect13(() => {
+  useEffect14(() => {
     if (debug && clientSetup) {
       console.debug("[deposit] client setup config (not shown yet)", clientSetup);
     }
   }, [debug, clientSetup]);
-  const store = useMemo10(
+  const store = useMemo9(
     () => createDepositStore({ targetChain, targetToken }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
-  useEffect13(() => {
+  useEffect14(() => {
     store.dispatch({ type: "target/changed", targetChain, targetToken });
   }, [store, targetChain, targetToken]);
-  useEffect13(() => {
+  useEffect14(() => {
     if (!isOpen || !modalRef.current) return;
     return applyTheme(modalRef.current, theme);
   }, [isOpen, theme]);
-  useEffect13(() => {
+  useEffect14(() => {
     if (isOpen) {
       onReadyRef.current?.();
     }
   }, [isOpen, onReadyRef]);
-  useEffect13(() => {
+  useEffect14(() => {
     onUiStateRef.current?.({
       screen: currentScreen,
       back: backHandler,
-      submitting
+      // A recovery in flight is a submission whose outcome is unknown, so a
+      // native host's dismissal lock has to hold through it too.
+      submitting: submitting || recoverySubmitting
     });
-  }, [currentScreen, backHandler, submitting, onUiStateRef]);
-  const handleStepChange = useCallback9(
+  }, [
+    currentScreen,
+    backHandler,
+    submitting,
+    recoverySubmitting,
+    onUiStateRef
+  ]);
+  const handleStepChange = useCallback8(
     (onBack, screen) => {
       setBackHandler(() => onBack);
       if (screen) setCurrentScreen(screen);
     },
     []
   );
-  const fetchHistory = useCallback9(
-    async (mode = "initial") => {
-      if (!recipient) return;
-      const isInitial = mode === "initial";
-      if (isInitial) {
-        setHistoryLoading(true);
-      } else {
-        setHistoryLoadingMore(true);
-      }
-      setHistoryError(null);
-      try {
-        const cursor = isInitial ? null : cursorRef.current;
-        if (!isInitial && !cursor) {
-          setHasMoreHistory(false);
-          return;
-        }
-        const result = await service.fetchDepositHistory({
-          recipient,
-          limit: 20,
-          cursor: cursor ?? void 0
-        });
-        const incoming = result.deposits;
-        const nextCursor = result.nextCursor ?? null;
-        if (isInitial) {
-          setHistoryDeposits(sortByCreatedAtDesc(incoming));
-        } else {
-          setHistoryDeposits(
-            (prev) => sortByCreatedAtDesc([...prev, ...incoming])
-          );
-        }
-        cursorRef.current = nextCursor;
-        setHasMoreHistory(Boolean(nextCursor));
-        historyStaleRef.current = false;
-        historyLoadedRef.current = true;
-      } catch (err) {
-        setHistoryError(
-          err instanceof Error ? err.message : "Failed to load history"
-        );
-      } finally {
-        if (isInitial) {
-          setHistoryLoading(false);
-        } else {
-          setHistoryLoadingMore(false);
-        }
-      }
-    },
-    [recipient, service]
-  );
-  const handleHistoryOpen = useCallback9(() => {
-    setHistoryOpen(true);
-    if (!historyLoadedRef.current || historyStaleRef.current) {
-      fetchHistory("initial");
-    }
-  }, [fetchHistory]);
-  const handleHistoryClose = useCallback9(() => {
-    setHistoryOpen(false);
-  }, []);
-  const handleHistoryLoadMore = useCallback9(() => {
-    fetchHistory("more");
-  }, [fetchHistory]);
-  const markHistoryStale = useCallback9(() => {
-    historyStaleRef.current = true;
-    if (historyOpen) {
-      fetchHistory("initial");
-    }
-  }, [historyOpen, fetchHistory]);
   const onLifecycleRef = useLatestRef(onLifecycle);
-  const handleLifecycle = useCallback9(
+  const handleLifecycle = useCallback8(
     (event) => {
       onLifecycleRef.current?.(event);
       if (event.type === "smart-account-changed" && !event.evm && !event.solana) {
-        historyStaleRef.current = true;
+        invalidateHistory();
       }
       if (event.type === "submitted" || event.type === "complete" || event.type === "failed") {
         markHistoryStale();
       }
     },
-    [onLifecycleRef, markHistoryStale]
+    [onLifecycleRef, markHistoryStale, invalidateHistory]
   );
-  const closeWithSource = useCallback9(
+  const closeWithSource = useCallback8(
     (source) => {
+      if (recoverySubmitting) return;
       const analytics = analyticsControllerRef.current;
       analytics?.abandon(source === "provider_back" ? "provider_back" : "modal_close");
       analytics?.close(source);
       onClose();
     },
-    [onClose]
+    [onClose, recoverySubmitting]
   );
-  const handleModalDismiss = useCallback9(
+  const handleModalDismiss = useCallback8(
     (reason) => {
       closeWithSource(
         reason === "escape" ? "escape" : reason === "overlay" ? "overlay" : "header_button"
@@ -10207,7 +9905,7 @@ function DepositModalInner({
     },
     [closeWithSource]
   );
-  useEffect13(() => {
+  useEffect14(() => {
     if (previousOpenRef.current && !isOpen) {
       const analytics = analyticsControllerRef.current;
       analytics?.abandon("modal_close");
@@ -10215,22 +9913,16 @@ function DepositModalInner({
     }
     previousOpenRef.current = isOpen;
   }, [isOpen]);
-  useEffect13(() => {
+  useEffect14(() => {
     if (!isOpen) {
-      setHistoryOpen(false);
-      setHistoryDeposits([]);
-      setHasMoreHistory(false);
-      setHistoryError(null);
-      cursorRef.current = null;
-      historyStaleRef.current = false;
-      historyLoadedRef.current = false;
       setCurrentScreen("connect");
       setBackHandler(void 0);
       setSwappedImmersive(false);
       setSubmitting(false);
+      setProcessingSettled(false);
     }
   }, [isOpen]);
-  useEffect13(() => {
+  useEffect14(() => {
     if (!isOpen) {
       store.dispatch({ type: "flow/reset" });
     }
@@ -10258,7 +9950,7 @@ function DepositModalInner({
   const canGoBack = backHandler !== void 0;
   const hideHeaderChrome = swappedImmersive;
   const modalClassName = `rs-modal${hideHeaderChrome ? " rs-modal--swapped-iframe" : ""}`;
-  return /* @__PURE__ */ jsx30(RpcUrlsProvider, { value: rpcUrls, children: /* @__PURE__ */ jsx30(ChainCatalogProvider, { service, rpcUrls, children: /* @__PURE__ */ jsx30(DepositStoreProvider, { store, children: /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx29(RpcUrlsProvider, { value: rpcUrls, children: /* @__PURE__ */ jsx29(ChainCatalogProvider, { service, rpcUrls, children: /* @__PURE__ */ jsx29(DepositStoreProvider, { store, children: /* @__PURE__ */ jsx29(
     Modal,
     {
       isOpen,
@@ -10266,7 +9958,8 @@ function DepositModalInner({
       className,
       inline,
       closeOnOverlayClick,
-      children: /* @__PURE__ */ jsx30(
+      ariaLabel: "Deposit",
+      children: /* @__PURE__ */ jsx29(
         AnalyticsSession,
         {
           modal: "deposit",
@@ -10275,47 +9968,45 @@ function DepositModalInner({
           backendUrl,
           enableIngest: enableAnalyticsIngest,
           ingestUrl: analyticsIngestUrl,
-          children: /* @__PURE__ */ jsx30(
+          sessionIdRef: analyticsSessionIdRef,
+          children: /* @__PURE__ */ jsx29(
             DepositAnalyticsControllerProvider,
             {
               controllerRef: analyticsControllerRef,
-              children: /* @__PURE__ */ jsxs25("div", { ref: modalRef, className: modalClassName, children: [
-                !hideHeaderChrome && /* @__PURE__ */ jsxs25("div", { className: "rs-modal-header--redesigned", children: [
-                  /* @__PURE__ */ jsx30("div", { className: "rs-modal-header-nav-left", children: showBackButton && canGoBack && backHandler && /* @__PURE__ */ jsx30(
+              children: /* @__PURE__ */ jsxs24("div", { ref: modalRef, className: modalClassName, children: [
+                !hideHeaderChrome && /* @__PURE__ */ jsxs24("div", { className: "rs-modal-header--redesigned", children: [
+                  /* @__PURE__ */ jsx29("div", { className: "rs-modal-header-nav-left", children: showBackButton && canGoBack && backHandler && /* @__PURE__ */ jsx29(
                     "button",
                     {
                       type: "button",
                       className: "rs-modal-header-back",
                       "aria-label": "Go back",
                       onClick: backHandler,
-                      children: /* @__PURE__ */ jsx30(ChevronLeftIcon, {})
+                      children: /* @__PURE__ */ jsx29(ChevronLeftIcon, {})
                     }
                   ) }),
-                  /* @__PURE__ */ jsxs25("div", { className: "rs-modal-header-nav-right", children: [
-                    historyButtonVisible && /* @__PURE__ */ jsx30(
-                      "button",
+                  /* @__PURE__ */ jsxs24("div", { className: "rs-modal-header-nav-right", children: [
+                    historyButtonVisible && /* @__PURE__ */ jsx29(
+                      HistoryEntryButton,
                       {
-                        type: "button",
-                        className: "rs-modal-header-history",
-                        "aria-label": "Deposit history",
-                        onClick: handleHistoryOpen,
-                        disabled: !recipient,
-                        children: /* @__PURE__ */ jsx30(HistoryIcon, {})
+                        badge: history.badge,
+                        onClick: history.openPanel,
+                        disabled: !recipient
                       }
                     ),
-                    /* @__PURE__ */ jsx30(
+                    /* @__PURE__ */ jsx29(
                       "button",
                       {
                         type: "button",
                         onClick: () => closeWithSource("header_button"),
                         className: "rs-modal-close",
                         "aria-label": "Close",
-                        children: /* @__PURE__ */ jsx30(CloseIcon, {})
+                        children: /* @__PURE__ */ jsx29(CloseIcon, {})
                       }
                     )
                   ] })
                 ] }),
-                /* @__PURE__ */ jsx30(
+                /* @__PURE__ */ jsx29(
                   DepositFlow,
                   {
                     walletClientProp,
@@ -10352,23 +10043,30 @@ function DepositModalInner({
                     onSwappedImmersiveChange: setSwappedImmersive,
                     openExternally,
                     onSubmittingChange: setSubmitting,
+                    onProcessingSettledChange: setProcessingSettled,
                     onClose: (source) => closeWithSource(source ?? "header_button"),
                     onLifecycle: handleLifecycle,
                     onError,
                     debug
                   }
                 ),
-                historyOpen && /* @__PURE__ */ jsx30(
-                  DepositHistoryPanel,
+                history.isPanelOpen && /* @__PURE__ */ jsx29(
+                  HistoryOverlay,
                   {
-                    deposits: historyDeposits,
-                    isLoading: historyLoading,
-                    error: historyError,
-                    hasMore: hasMoreHistory,
-                    isLoadingMore: historyLoadingMore,
-                    onLoadMore: handleHistoryLoadMore,
-                    onClose: handleHistoryClose,
-                    onCloseModal: () => closeWithSource("header_button")
+                    controller: history,
+                    backLabel: "Deposit",
+                    recipient,
+                    backendUrl,
+                    service,
+                    signRecovery,
+                    debug,
+                    onCloseModal: () => closeWithSource("header_button"),
+                    analytics: historyAnalytics,
+                    inline,
+                    closeOnOverlayClick,
+                    enableAnalyticsIngest,
+                    analyticsIngestUrl,
+                    onEvent
                   }
                 )
               ] })