@rhinestone/deposit-modal 0.16.0 → 0.17.0

package/dist/{chunk-H4O22O7Y.cjs → chunk-QGNJFDEO.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
 
-var _chunk5CM3ZQ5Ucjs = require('./chunk-5CM3ZQ5U.cjs');
+var _chunkJCWJ6HW7cjs = require('./chunk-JCWJ6HW7.cjs');
 
 
 
@@ -650,12 +650,37 @@ function parseQuotePreview(raw) {
   );
   if (Math.abs(totalUsd - breakdownTotalUsd) > 1e-6) return null;
   const breakdown = Object.fromEntries(parsedEntries);
+  const timing = parseDepositTiming(obj.timing);
   return {
     settlementLayer: obj.settlementLayer,
     expiresAt: obj.expiresAt,
     estimatedFillTimeSeconds: obj.estimatedFillTimeSeconds,
     fees: { total: { usd: totalUsd }, breakdown },
-    output
+    output,
+    ...timing ? { timing } : {}
+  };
+}
+function parseDepositTiming(raw) {
+  if (typeof raw !== "object" || raw === null) return void 0;
+  const o = raw;
+  const seconds = (value) => typeof value === "number" && Number.isFinite(value) && value >= 0 ? value : void 0;
+  const expectedSeconds = seconds(o.expectedSeconds);
+  const softDelaySeconds = seconds(o.softDelaySeconds);
+  const escalatedDelaySeconds = seconds(o.escalatedDelaySeconds);
+  if (expectedSeconds === void 0 || softDelaySeconds === void 0 || escalatedDelaySeconds === void 0) {
+    return void 0;
+  }
+  return { expectedSeconds, softDelaySeconds, escalatedDelaySeconds };
+}
+function normalizeHistoryTiming(raw) {
+  if (typeof raw !== "object" || raw === null || Array.isArray(raw)) {
+    return raw;
+  }
+  const { timing: rawTiming, ...row } = raw;
+  const timing = parseDepositTiming(rawTiming);
+  return {
+    ...row,
+    ...timing ? { timing } : {}
   };
 }
 function parseQuoteOutput(raw) {
@@ -765,7 +790,7 @@ function createDepositService(baseUrl, options) {
     try {
       const response = await fetch(apiUrl("/qr/tokens"), {
         method: "GET",
-        headers: _chunk5CM3ZQ5Ucjs.serviceHeaders.call(void 0, )
+        headers: _chunkJCWJ6HW7cjs.serviceHeaders.call(void 0, )
       });
       if (!response.ok) {
         debugLog(debug, scope, "getTopTokens:unavailable", {
@@ -792,7 +817,7 @@ function createDepositService(baseUrl, options) {
     try {
       const response = await fetch(apiUrl("/chains"), {
         method: "GET",
-        headers: _chunk5CM3ZQ5Ucjs.serviceHeaders.call(void 0, )
+        headers: _chunkJCWJ6HW7cjs.serviceHeaders.call(void 0, )
       });
       if (!response.ok) {
         debugLog(debug, scope, "getChains:unavailable", {
@@ -846,7 +871,7 @@ function createDepositService(baseUrl, options) {
       });
       const response = await fetch(url, {
         method: "POST",
-        headers: _chunk5CM3ZQ5Ucjs.serviceHeaders.call(void 0, ),
+        headers: _chunkJCWJ6HW7cjs.serviceHeaders.call(void 0, ),
         body: JSON.stringify({ account: params })
       });
       if (!response.ok) {
@@ -881,7 +906,7 @@ function createDepositService(baseUrl, options) {
           debugLog(debug, scope, "fetchPortfolio:request", { url, address });
           const response = await fetch(url, {
             method: "GET",
-            headers: _chunk5CM3ZQ5Ucjs.serviceHeaders.call(void 0, )
+            headers: _chunkJCWJ6HW7cjs.serviceHeaders.call(void 0, )
           });
           if (!response.ok) {
             const error = await response.json().catch(() => ({ error: "Unknown error" }));
@@ -932,7 +957,7 @@ function createDepositService(baseUrl, options) {
           });
           const response = await fetch(url, {
             method: "GET",
-            headers: _chunk5CM3ZQ5Ucjs.serviceHeaders.call(void 0, )
+            headers: _chunkJCWJ6HW7cjs.serviceHeaders.call(void 0, )
           });
           if (!response.ok) {
             const error = await response.json().catch(() => ({ error: "Unknown error" }));
@@ -961,7 +986,7 @@ function createDepositService(baseUrl, options) {
       debugLog(debug, scope, "checkAccount:request", { url, address });
       const response = await fetch(url, {
         method: "GET",
-        headers: _chunk5CM3ZQ5Ucjs.serviceHeaders.call(void 0, )
+        headers: _chunkJCWJ6HW7cjs.serviceHeaders.call(void 0, )
       });
       if (!response.ok) {
         const error = await response.json().catch(() => ({ error: "Unknown error" }));
@@ -997,7 +1022,7 @@ function createDepositService(baseUrl, options) {
       );
       const response = await fetch(url, {
         method: "GET",
-        headers: _chunk5CM3ZQ5Ucjs.serviceHeaders.call(void 0, ),
+        headers: _chunkJCWJ6HW7cjs.serviceHeaders.call(void 0, ),
         cache: "no-store"
       });
       if (!response.ok) {
@@ -1025,7 +1050,7 @@ function createDepositService(baseUrl, options) {
       );
       const response = await fetch(url, {
         method: "GET",
-        headers: _chunk5CM3ZQ5Ucjs.serviceHeaders.call(void 0, ),
+        headers: _chunkJCWJ6HW7cjs.serviceHeaders.call(void 0, ),
         cache: "no-store"
       });
       if (!response.ok) {
@@ -1049,7 +1074,7 @@ function createDepositService(baseUrl, options) {
       );
       const response = await fetch(url, {
         method: "GET",
-        headers: _chunk5CM3ZQ5Ucjs.serviceHeaders.call(void 0, ),
+        headers: _chunkJCWJ6HW7cjs.serviceHeaders.call(void 0, ),
         cache: "no-store"
       });
       if (!response.ok) {
@@ -1071,7 +1096,7 @@ function createDepositService(baseUrl, options) {
     async getPositions(address) {
       const url = apiUrl(`/positions/${address}`);
       debugLog(debug, scope, "getPositions:request", { url, address });
-      const response = await fetch(url, { headers: _chunk5CM3ZQ5Ucjs.serviceHeaders.call(void 0, ) });
+      const response = await fetch(url, { headers: _chunkJCWJ6HW7cjs.serviceHeaders.call(void 0, ) });
       if (!response.ok) {
         const error = await response.json().catch(() => ({ error: "Unknown error" }));
         debugError(debug, scope, "getPositions:failed", error, {
@@ -1105,7 +1130,7 @@ function createDepositService(baseUrl, options) {
       });
       const response = await fetch(url, {
         method: "POST",
-        headers: _chunk5CM3ZQ5Ucjs.serviceHeaders.call(void 0, ),
+        headers: _chunkJCWJ6HW7cjs.serviceHeaders.call(void 0, ),
         body: JSON.stringify({ account, market, chainId, asset, amount })
       });
       if (!response.ok) {
@@ -1141,7 +1166,7 @@ function createDepositService(baseUrl, options) {
       });
       const response = await fetch(url, {
         method: "POST",
-        headers: _chunk5CM3ZQ5Ucjs.serviceHeaders.call(void 0, ),
+        headers: _chunkJCWJ6HW7cjs.serviceHeaders.call(void 0, ),
         body: JSON.stringify({
           depositWallet,
           owner,
@@ -1183,7 +1208,7 @@ function createDepositService(baseUrl, options) {
       });
       const response = await fetch(url, {
         method: "GET",
-        headers: _chunk5CM3ZQ5Ucjs.serviceHeaders.call(void 0, ),
+        headers: _chunkJCWJ6HW7cjs.serviceHeaders.call(void 0, ),
         cache: "no-store"
       });
       if (!response.ok) {
@@ -1197,7 +1222,7 @@ function createDepositService(baseUrl, options) {
         );
       }
       const data = await response.json();
-      const deposits = Array.isArray(_optionalChain([data, 'optionalAccess', _36 => _36.deposits])) ? data.deposits : [];
+      const deposits = Array.isArray(_optionalChain([data, 'optionalAccess', _36 => _36.deposits])) ? data.deposits.map(normalizeHistoryTiming) : [];
       const nextCursor = _nullishCoalesce(_nullishCoalesce(_optionalChain([data, 'optionalAccess', _37 => _37.nextCursor]), () => ( _optionalChain([data, 'optionalAccess', _38 => _38.next_cursor]))), () => ( null));
       debugLog(debug, scope, "fetchDepositHistory:success", {
         recipient: shortRef(params.recipient),
@@ -1233,7 +1258,7 @@ function createDepositService(baseUrl, options) {
       });
       const response = await fetch(url, {
         method: "GET",
-        headers: _chunk5CM3ZQ5Ucjs.serviceHeaders.call(void 0, ),
+        headers: _chunkJCWJ6HW7cjs.serviceHeaders.call(void 0, ),
         cache: "no-store"
       });
       if (!response.ok) {
@@ -1281,7 +1306,7 @@ function createDepositService(baseUrl, options) {
       try {
         const response = await fetch(url, {
           method: "POST",
-          headers: _chunk5CM3ZQ5Ucjs.serviceHeaders.call(void 0, ),
+          headers: _chunkJCWJ6HW7cjs.serviceHeaders.call(void 0, ),
           body: JSON.stringify(body),
           cache: "no-store"
         });
@@ -1321,7 +1346,7 @@ function createDepositService(baseUrl, options) {
       try {
         const response = await fetch(url, {
           method: "POST",
-          headers: _chunk5CM3ZQ5Ucjs.serviceHeaders.call(void 0, ),
+          headers: _chunkJCWJ6HW7cjs.serviceHeaders.call(void 0, ),
           body: JSON.stringify({ ...params, kind: "auto" }),
           cache: "no-store"
         });
@@ -1415,7 +1440,7 @@ function createDepositService(baseUrl, options) {
       try {
         response = await fetch(url, {
           method: "POST",
-          headers: _chunk5CM3ZQ5Ucjs.serviceHeaders.call(void 0, ),
+          headers: _chunkJCWJ6HW7cjs.serviceHeaders.call(void 0, ),
           body: JSON.stringify(params)
         });
       } catch (error) {
@@ -1466,7 +1491,7 @@ function createDepositService(baseUrl, options) {
       try {
         const response = await fetch(url, {
           method: "GET",
-          headers: _chunk5CM3ZQ5Ucjs.serviceHeaders.call(void 0, ),
+          headers: _chunkJCWJ6HW7cjs.serviceHeaders.call(void 0, ),
           cache: "no-store"
         });
         if (!response.ok) {
@@ -1498,7 +1523,7 @@ function createDepositService(baseUrl, options) {
       try {
         const response = await fetch(url, {
           method: "GET",
-          headers: _chunk5CM3ZQ5Ucjs.serviceHeaders.call(void 0, ),
+          headers: _chunkJCWJ6HW7cjs.serviceHeaders.call(void 0, ),
           cache: "no-store"
         });
         if (!response.ok) {
@@ -1523,7 +1548,7 @@ function createDepositService(baseUrl, options) {
       });
       const response = await fetch(url, {
         method: "POST",
-        headers: _chunk5CM3ZQ5Ucjs.serviceHeaders.call(void 0, ),
+        headers: _chunkJCWJ6HW7cjs.serviceHeaders.call(void 0, ),
         body: JSON.stringify(params)
       });
       if (!response.ok) {
@@ -1555,7 +1580,7 @@ function createDepositService(baseUrl, options) {
       });
       const response = await fetch(url, {
         method: "POST",
-        headers: _chunk5CM3ZQ5Ucjs.serviceHeaders.call(void 0, ),
+        headers: _chunkJCWJ6HW7cjs.serviceHeaders.call(void 0, ),
         body: JSON.stringify(params)
       });
       if (!response.ok) {
@@ -1592,7 +1617,7 @@ function createDepositService(baseUrl, options) {
       debugLog(debug, scope, "getSwappedConnectExchanges:request");
       const response = await fetch(url, {
         method: "GET",
-        headers: _chunk5CM3ZQ5Ucjs.serviceHeaders.call(void 0, ),
+        headers: _chunkJCWJ6HW7cjs.serviceHeaders.call(void 0, ),
         cache: "no-store"
       });
       if (!response.ok) {
@@ -1645,7 +1670,7 @@ function createDepositService(baseUrl, options) {
       try {
         const response = await fetch(url, {
           method: "GET",
-          headers: _chunk5CM3ZQ5Ucjs.serviceHeaders.call(void 0, ),
+          headers: _chunkJCWJ6HW7cjs.serviceHeaders.call(void 0, ),
           cache: "no-store"
         });
         if (!response.ok) {
@@ -1731,7 +1756,7 @@ function createDepositService(baseUrl, options) {
       try {
         const response = await fetch(url, {
           method: "GET",
-          headers: _chunk5CM3ZQ5Ucjs.serviceHeaders.call(void 0, ),
+          headers: _chunkJCWJ6HW7cjs.serviceHeaders.call(void 0, ),
           cache: "no-store"
         });
         if (!response.ok) {
@@ -1758,7 +1783,7 @@ function createDepositService(baseUrl, options) {
       );
       const response = await fetch(url, {
         method: "GET",
-        headers: _chunk5CM3ZQ5Ucjs.serviceHeaders.call(void 0, ),
+        headers: _chunkJCWJ6HW7cjs.serviceHeaders.call(void 0, ),
         cache: "no-store"
       });
       if (!response.ok) return null;
@@ -2539,7 +2564,7 @@ function createIngestTransport(options) {
     try {
       response = await fetchImpl(mintUrl, {
         method: "POST",
-        headers: _chunk5CM3ZQ5Ucjs.serviceHeaders.call(void 0, ),
+        headers: _chunkJCWJ6HW7cjs.serviceHeaders.call(void 0, ),
         signal: _optionalChain([controller, 'optionalAccess', _113 => _113.signal])
       });
     } catch (e6) {
@@ -2800,7 +2825,7 @@ function AnalyticsSession(props) {
         type: "analytics_ingest_failure",
         session_id: sessionIdRef.current,
         modal,
-        widget_version: _chunk5CM3ZQ5Ucjs.MODAL_VERSION,
+        widget_version: _chunkJCWJ6HW7cjs.MODAL_VERSION,
         timestamp: nowRef.current().toISOString(),
         reason,
         ...status === void 0 ? {} : { status },
@@ -2828,7 +2853,7 @@ function AnalyticsSession(props) {
         proxyOrigin,
         sessionId: sessionIdRef.current,
         modal,
-        widgetVersion: _chunk5CM3ZQ5Ucjs.MODAL_VERSION,
+        widgetVersion: _chunkJCWJ6HW7cjs.MODAL_VERSION,
         sessionProperties: sessionPropertiesRef.current,
         onFailure: (failure) => emitFailure(failure),
         fetchImpl: props.fetchImpl,
@@ -2884,7 +2909,7 @@ function AnalyticsSession(props) {
         ...payload,
         session_id: sessionIdRef.current,
         modal,
-        widget_version: _chunk5CM3ZQ5Ucjs.MODAL_VERSION,
+        widget_version: _chunkJCWJ6HW7cjs.MODAL_VERSION,
         timestamp: nowRef.current().toISOString(),
         session_properties: sessionPropertiesRef.current,
         funding_method: fundingMethod
@@ -2903,7 +2928,7 @@ function AnalyticsSession(props) {
         ...payload,
         session_id: sessionIdRef.current,
         modal,
-        widget_version: _chunk5CM3ZQ5Ucjs.MODAL_VERSION,
+        widget_version: _chunkJCWJ6HW7cjs.MODAL_VERSION,
         timestamp: nowRef.current().toISOString(),
         session_properties: sessionPropertiesRef.current
       };
@@ -2919,7 +2944,7 @@ function AnalyticsSession(props) {
         ...payload,
         session_id: sessionIdRef.current,
         modal,
-        widget_version: _chunk5CM3ZQ5Ucjs.MODAL_VERSION,
+        widget_version: _chunkJCWJ6HW7cjs.MODAL_VERSION,
         timestamp: nowRef.current().toISOString(),
         session_properties: sessionPropertiesRef.current
       };
@@ -3351,8 +3376,84 @@ function TokenIcon({ symbol, className, fallback }) {
 }
 TokenIcon.displayName = "TokenIcon";
 
+// src/core/deposit-timing.ts
+var FALLBACK_SOFT_DELAY_MS = {
+  confirming: 90 * 1e3,
+  received: 90 * 1e3,
+  bridging: 4 * 60 * 1e3
+};
+var FALLBACK_ESCALATED_DELAY_MS = 10 * 60 * 1e3;
+var MIN_SOFT_DELAY_MS = 90 * 1e3;
+function formatExpectedDuration(seconds) {
+  if (!Number.isFinite(seconds) || seconds <= 0) return "a few seconds";
+  if (seconds < 60) {
+    const whole = Math.round(seconds);
+    return `~${whole} second${whole === 1 ? "" : "s"}`;
+  }
+  return `~${Math.max(1, Math.round(seconds / 60))} min`;
+}
+function resolveServedThresholds(timing) {
+  const softMs = Math.max(timing.softDelaySeconds * 1e3, MIN_SOFT_DELAY_MS);
+  return {
+    softMs,
+    escalatedMs: Math.max(timing.escalatedDelaySeconds * 1e3, softMs)
+  };
+}
+function resolveServedTimingState(timing, totalElapsedMs) {
+  const { softMs, escalatedMs } = resolveServedThresholds(timing);
+  if (totalElapsedMs >= escalatedMs) return "escalated";
+  if (totalElapsedMs >= softMs) return "soft";
+  return "expected";
+}
+function resolvePendingTimingState({
+  timing,
+  totalElapsedMs,
+  phaseId,
+  phaseElapsedMs
+}) {
+  if (timing) return resolveServedTimingState(timing, totalElapsedMs);
+  if (totalElapsedMs >= FALLBACK_ESCALATED_DELAY_MS) return "escalated";
+  if (phaseId && phaseElapsedMs >= FALLBACK_SOFT_DELAY_MS[phaseId]) {
+    return "soft";
+  }
+  return "expected";
+}
+var STATE_ORDER = {
+  expected: 0,
+  soft: 1,
+  escalated: 2
+};
+function advancePendingTimingState(previous, next) {
+  return STATE_ORDER[next] > STATE_ORDER[previous] ? next : previous;
+}
+
+// src/core/history-timing.ts
+var TIMED_HISTORY_STATUSES = /* @__PURE__ */ new Set(["pending", "processing", "delayed"]);
+function resolveHistoryTiming({
+  status,
+  timing,
+  createdAt,
+  nowMs
+}) {
+  if (!TIMED_HISTORY_STATUSES.has(status) || !timing || !createdAt) {
+    return void 0;
+  }
+  const createdAtMs = Date.parse(createdAt);
+  if (!Number.isFinite(createdAtMs)) return void 0;
+  const elapsedMs = Math.max(0, nowMs - createdAtMs);
+  const state = resolveServedTimingState(timing, elapsedMs);
+  const { softMs, escalatedMs } = resolveServedThresholds(timing);
+  const nextTransitionAtMs = state === "expected" ? createdAtMs + softMs : state === "soft" ? createdAtMs + escalatedMs : void 0;
+  return {
+    state,
+    expectedDuration: formatExpectedDuration(timing.expectedSeconds),
+    ...nextTransitionAtMs !== void 0 ? { nextTransitionAtMs } : {}
+  };
+}
+
 // src/components/history/DepositHistoryPanel.tsx
 
+var MAX_TIMER_DELAY_MS = 2147e6;
 function shortenHash(hash) {
   if (hash.length <= 14) return hash;
   return `${hash.slice(0, 6)}\u2026${hash.slice(-4)}`;
@@ -3472,6 +3573,48 @@ function DepositHistoryPanel({
     () => filterVisibleDeposits(deposits),
     [deposits]
   );
+  const [nowMs, setNowMs] = _react.useState.call(void 0, () => Date.now());
+  const timingPresentations = _react.useMemo.call(void 0, 
+    () => visibleDeposits.map(
+      (deposit) => resolveHistoryTiming({
+        status: deposit.status,
+        timing: deposit.timing,
+        createdAt: deposit.createdAt,
+        nowMs
+      })
+    ),
+    [nowMs, visibleDeposits]
+  );
+  _react.useEffect.call(void 0, () => {
+    setNowMs(Date.now());
+  }, [visibleDeposits]);
+  _react.useEffect.call(void 0, () => {
+    const nextBoundary = timingPresentations.reduce(
+      (earliest, presentation) => {
+        const next = _optionalChain([presentation, 'optionalAccess', _141 => _141.nextTransitionAtMs]);
+        if (next === void 0) return earliest;
+        return earliest === void 0 || next < earliest ? next : earliest;
+      },
+      void 0
+    );
+    if (nextBoundary === void 0) return;
+    let timeout;
+    const updateAtBoundary = () => {
+      const current = Date.now();
+      if (current < nextBoundary) {
+        timeout = setTimeout(
+          updateAtBoundary,
+          Math.min(nextBoundary - current, MAX_TIMER_DELAY_MS)
+        );
+        return;
+      }
+      setNowMs(current);
+    };
+    updateAtBoundary();
+    return () => {
+      if (timeout !== void 0) clearTimeout(timeout);
+    };
+  }, [timingPresentations]);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
     {
@@ -3548,6 +3691,7 @@ function DepositHistoryPanel({
                 HistoryCard,
                 {
                   deposit,
+                  timing: timingPresentations[i],
                   position: i,
                   recipient,
                   onRecover,
@@ -3575,6 +3719,7 @@ function DepositHistoryPanel({
 }
 function HistoryCard({
   deposit,
+  timing,
   position,
   recipient,
   onRecover,
@@ -3608,7 +3753,7 @@ function HistoryCard({
     setExpanded(next);
     const depositId = _nullishCoalesce(deposit.id, () => ( deposit.txHash));
     if (!next || !depositId) return;
-    _optionalChain([onRowView, 'optionalCall', _141 => _141({
+    _optionalChain([onRowView, 'optionalCall', _142 => _142({
       depositId,
       status,
       recoverable: eligible !== null,
@@ -3682,10 +3827,20 @@ function HistoryCard({
               }
             )
           ] }),
+          timing && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "span",
+            {
+              className: "rs-history-card-timing",
+              "data-state": timing.state,
+              "aria-live": "polite",
+              "aria-atomic": "true",
+              children: timing.state === "expected" ? `Usually arrives in ${timing.expectedDuration}` : timing.state === "soft" ? "Taking longer than usual" : "Taking much longer than usual"
+            }
+          ),
           recoverable && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
             Button,
             {
-              onClick: () => _optionalChain([onRecover, 'optionalCall', _142 => _142(recoverable)]),
+              onClick: () => _optionalChain([onRecover, 'optionalCall', _143 => _143(recoverable)]),
               fullWidth: true,
               className: "rs-history-card-recover",
               children: [
@@ -3750,7 +3905,7 @@ function ListRow({
       if (disabled) return;
       if (e.key === "Enter" || e.key === " ") {
         e.preventDefault();
-        _optionalChain([onClick, 'optionalCall', _143 => _143(e)]);
+        _optionalChain([onClick, 'optionalCall', _144 => _144(e)]);
       }
     };
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -3760,7 +3915,7 @@ function ListRow({
         role: "button",
         tabIndex: disabled ? -1 : 0,
         "aria-disabled": disabled || void 0,
-        onClick: disabled ? void 0 : (e) => _optionalChain([onClick, 'optionalCall', _144 => _144(e)]),
+        onClick: disabled ? void 0 : (e) => _optionalChain([onClick, 'optionalCall', _145 => _145(e)]),
         onKeyDown: handleKey,
         children: inner
       }
@@ -3818,7 +3973,7 @@ var RECOVERY_LOOKUP_MISS_COPY = {
 };
 function classifyRecoveryLookup(rows, options = {}) {
   const inScope = options.recipient ? rows.filter(
-    (row) => _optionalChain([row, 'access', _145 => _145.recipient, 'optionalAccess', _146 => _146.toLowerCase, 'call', _147 => _147()]) === _optionalChain([options, 'access', _148 => _148.recipient, 'optionalAccess', _149 => _149.toLowerCase, 'call', _150 => _150()])
+    (row) => _optionalChain([row, 'access', _146 => _146.recipient, 'optionalAccess', _147 => _147.toLowerCase, 'call', _148 => _148()]) === _optionalChain([options, 'access', _149 => _149.recipient, 'optionalAccess', _150 => _150.toLowerCase, 'call', _151 => _151()])
   ) : rows;
   const eligible = inScope.map((row) => toRecoverableDeposit(row, options)).filter((deposit) => deposit !== null);
   return {
@@ -3846,7 +4001,7 @@ function RecoveryLookupScreen({
   const valid = isRecoveryTxHash(trimmed);
   _react.useEffect.call(void 0, () => {
     if (trimmed.length > 0 && !valid) {
-      _optionalChain([onInvalidRef, 'access', _151 => _151.current, 'optionalCall', _152 => _152()]);
+      _optionalChain([onInvalidRef, 'access', _152 => _152.current, 'optionalCall', _153 => _153()]);
     }
   }, [trimmed, valid, onInvalidRef]);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-screen", children: [
@@ -3931,15 +4086,15 @@ function resolveTokenDisplay(token, chain, fallback) {
       const decimals = _chunkOY5N3E6Lcjs.findTokenDecimals.call(void 0, token, chain);
       if (symbol !== "Token" || decimals !== void 0) {
         return {
-          symbol: symbol !== "Token" ? symbol : _nullishCoalesce(_optionalChain([fallback, 'optionalAccess', _153 => _153.symbol]), () => ( symbol)),
-          decimals: _nullishCoalesce(decimals, () => ( _optionalChain([fallback, 'optionalAccess', _154 => _154.decimals])))
+          symbol: symbol !== "Token" ? symbol : _nullishCoalesce(_optionalChain([fallback, 'optionalAccess', _154 => _154.symbol]), () => ( symbol)),
+          decimals: _nullishCoalesce(decimals, () => ( _optionalChain([fallback, 'optionalAccess', _155 => _155.decimals])))
         };
       }
     }
   }
   return {
-    symbol: _nullishCoalesce(_optionalChain([fallback, 'optionalAccess', _155 => _155.symbol]), () => ( "Token")),
-    decimals: _optionalChain([fallback, 'optionalAccess', _156 => _156.decimals])
+    symbol: _nullishCoalesce(_optionalChain([fallback, 'optionalAccess', _156 => _156.symbol]), () => ( "Token")),
+    decimals: _optionalChain([fallback, 'optionalAccess', _157 => _157.decimals])
   };
 }
 function maxFractionDigitsFor(symbol) {
@@ -4193,7 +4348,7 @@ async function submitSignedRecovery(params) {
       // The shared const, so recovery carries `x-deposit-modal-version` like
       // every other backend call. Without it this path would be invisible in the
       // per-client version telemetry the processor records.
-      headers: _chunk5CM3ZQ5Ucjs.serviceHeaders.call(void 0, ),
+      headers: _chunkJCWJ6HW7cjs.serviceHeaders.call(void 0, ),
       // `depositId` as a string: it is a uint256 upstream and JSON numbers lose
       // precision well before that range.
       body: JSON.stringify({ depositId, destination, signature })
@@ -4789,7 +4944,7 @@ function RecoveryReviewScreen({
   const onDestinationInvalidRef = useLatestRef(onDestinationInvalid);
   _react.useEffect.call(void 0, () => {
     if (destination.length > 0 && !destinationValid) {
-      _optionalChain([onDestinationInvalidRef, 'access', _157 => _157.current, 'optionalCall', _158 => _158()]);
+      _optionalChain([onDestinationInvalidRef, 'access', _158 => _158.current, 'optionalCall', _159 => _159()]);
     }
   }, [destination, destinationValid, onDestinationInvalidRef]);
   const txUrl = txHash ? explorerTxUrl(chainId, txHash) : null;
@@ -4947,11 +5102,11 @@ function HistoryRecoveryFlow({
       } catch (err) {
         const recoveryError = err instanceof RecoveryError ? err : void 0;
         setError(
-          _nullishCoalesce(_optionalChain([recoveryError, 'optionalAccess', _159 => _159.message]), () => ( formatUserError(
+          _nullishCoalesce(_optionalChain([recoveryError, 'optionalAccess', _160 => _160.message]), () => ( formatUserError(
             err instanceof Error ? err.message : "Recovery failed"
           )))
         );
-        const canRetry = _nullishCoalesce(_optionalChain([recoveryError, 'optionalAccess', _160 => _160.retryable]), () => ( true));
+        const canRetry = _nullishCoalesce(_optionalChain([recoveryError, 'optionalAccess', _161 => _161.retryable]), () => ( true));
         setRetryable(canRetry);
         setPhase("failed");
         const reason = claimFailureReasonForError(err);
@@ -5092,8 +5247,8 @@ function HistoryOverlay({
   const endAttempt = _react.useCallback.call(void 0, 
     (source, reason) => {
       const claim = claimControllerRef.current;
-      _optionalChain([claim, 'optionalAccess', _161 => _161.abandon, 'call', _162 => _162(reason)]);
-      _optionalChain([claim, 'optionalAccess', _163 => _163.close, 'call', _164 => _164(source)]);
+      _optionalChain([claim, 'optionalAccess', _162 => _162.abandon, 'call', _163 => _163(reason)]);
+      _optionalChain([claim, 'optionalAccess', _164 => _164.close, 'call', _165 => _165(source)]);
       claimControllerRef.current = null;
       setAttempt(null);
     },
@@ -5151,8 +5306,8 @@ function HistoryOverlay({
     if (!attempt) return;
     return () => {
       const claim = claimControllerRef.current;
-      _optionalChain([claim, 'optionalAccess', _165 => _165.abandon, 'call', _166 => _166("modal_close")]);
-      _optionalChain([claim, 'optionalAccess', _167 => _167.close, 'call', _168 => _168("host_controlled")]);
+      _optionalChain([claim, 'optionalAccess', _166 => _166.abandon, 'call', _167 => _167("modal_close")]);
+      _optionalChain([claim, 'optionalAccess', _168 => _168.close, 'call', _169 => _169("host_controlled")]);
     };
   }, [attempt]);
   const claimSessionProperties = _react.useMemo.call(void 0, 
@@ -5178,7 +5333,7 @@ function HistoryOverlay({
       HistoryRecoveryFlow,
       {
         deposit: recovering,
-        entrySource: _nullishCoalesce(_optionalChain([attempt, 'optionalAccess', _169 => _169.entrySource]), () => ( "history_row")),
+        entrySource: _nullishCoalesce(_optionalChain([attempt, 'optionalAccess', _170 => _170.entrySource]), () => ( "history_row")),
         backendUrl,
         signRecovery,
         debug,
@@ -5318,7 +5473,7 @@ function useHistoryPanel({
   );
   const openPanel = _react.useCallback.call(void 0, () => {
     setIsPanelOpen(true);
-    _optionalChain([analytics, 'optionalAccess', _170 => _170.visitOpened, 'call', _171 => _171(badge)]);
+    _optionalChain([analytics, 'optionalAccess', _171 => _171.visitOpened, 'call', _172 => _172(badge)]);
     if (!loadedRef.current || staleRef.current) {
       fetchHistory("initial");
     }
@@ -5326,10 +5481,10 @@ function useHistoryPanel({
   const closePanel = _react.useCallback.call(void 0, () => {
     if (recovering) return;
     setIsPanelOpen(false);
-    _optionalChain([analytics, 'optionalAccess', _172 => _172.visitEnded, 'call', _173 => _173()]);
+    _optionalChain([analytics, 'optionalAccess', _173 => _173.visitEnded, 'call', _174 => _174()]);
   }, [analytics, recovering]);
   const loadMore = _react.useCallback.call(void 0, () => {
-    _optionalChain([analytics, 'optionalAccess', _174 => _174.loadMore, 'call', _175 => _175(filterVisibleDeposits(deposits).length)]);
+    _optionalChain([analytics, 'optionalAccess', _175 => _175.loadMore, 'call', _176 => _176(filterVisibleDeposits(deposits).length)]);
     fetchHistory("more");
   }, [analytics, deposits, fetchHistory]);
   const markStale = _react.useCallback.call(void 0, () => {
@@ -5357,7 +5512,7 @@ function useHistoryPanel({
   _react.useEffect.call(void 0, () => {
     if (isOpen) return;
     setIsPanelOpen(false);
-    _optionalChain([analytics, 'optionalAccess', _176 => _176.visitEnded, 'call', _177 => _177()]);
+    _optionalChain([analytics, 'optionalAccess', _177 => _177.visitEnded, 'call', _178 => _178()]);
     setDeposits([]);
     setHasMore(false);
     setError(null);
@@ -5516,11 +5671,11 @@ var NOTHING_TO_STOP = () => {
 };
 function resolveThemeMode(mode) {
   if (mode !== "system") return mode;
-  return _optionalChain([globalThis, 'access', _178 => _178.matchMedia, 'optionalCall', _179 => _179(DARK_SCHEME_QUERY), 'access', _180 => _180.matches]) ? "dark" : "light";
+  return _optionalChain([globalThis, 'access', _179 => _179.matchMedia, 'optionalCall', _180 => _180(DARK_SCHEME_QUERY), 'access', _181 => _181.matches]) ? "dark" : "light";
 }
 function followSystemAppearance(mode, onChange) {
   if (mode !== "system") return NOTHING_TO_STOP;
-  const query = _optionalChain([globalThis, 'access', _181 => _181.matchMedia, 'optionalCall', _182 => _182(DARK_SCHEME_QUERY)]);
+  const query = _optionalChain([globalThis, 'access', _182 => _182.matchMedia, 'optionalCall', _183 => _183(DARK_SCHEME_QUERY)]);
   if (!query) return NOTHING_TO_STOP;
   query.addEventListener("change", onChange);
   return () => query.removeEventListener("change", onChange);
@@ -5528,22 +5683,22 @@ function followSystemAppearance(mode, onChange) {
 function applyTheme(element, theme) {
   if (!element) return NOTHING_TO_STOP;
   const parent = element.parentElement;
-  const targets = _optionalChain([parent, 'optionalAccess', _183 => _183.classList, 'access', _184 => _184.contains, 'call', _185 => _185("rs-modal-content")]) ? [element, parent] : [element];
+  const targets = _optionalChain([parent, 'optionalAccess', _184 => _184.classList, 'access', _185 => _185.contains, 'call', _186 => _186("rs-modal-content")]) ? [element, parent] : [element];
   const paintMode = () => {
-    const resolved = resolveThemeMode(_optionalChain([theme, 'optionalAccess', _186 => _186.mode]));
+    const resolved = resolveThemeMode(_optionalChain([theme, 'optionalAccess', _187 => _187.mode]));
     for (const t of targets) {
       if (resolved) t.setAttribute("data-theme", resolved);
       else t.removeAttribute("data-theme");
     }
   };
   paintMode();
-  if (_optionalChain([theme, 'optionalAccess', _187 => _187.fontColor])) {
+  if (_optionalChain([theme, 'optionalAccess', _188 => _188.fontColor])) {
     setVar(targets, "--rs-foreground", theme.fontColor);
   }
-  if (_optionalChain([theme, 'optionalAccess', _188 => _188.iconColor])) {
+  if (_optionalChain([theme, 'optionalAccess', _189 => _189.iconColor])) {
     setVar(targets, "--rs-icon", theme.iconColor);
   }
-  if (_optionalChain([theme, 'optionalAccess', _189 => _189.ctaColor])) {
+  if (_optionalChain([theme, 'optionalAccess', _190 => _190.ctaColor])) {
     const derived = deriveCustomPrimary(theme.ctaColor);
     if (derived) {
       setVar(targets, "--rs-primary", derived.base);
@@ -5568,25 +5723,25 @@ function applyTheme(element, theme) {
     }
   } else {
     for (const v of CUSTOM_PRIMARY_VARS) clearVar(targets, v);
-    if (_optionalChain([theme, 'optionalAccess', _190 => _190.ctaHoverColor])) {
+    if (_optionalChain([theme, 'optionalAccess', _191 => _191.ctaHoverColor])) {
       setVar(targets, "--rs-primary-hover", theme.ctaHoverColor);
     }
   }
-  if (_optionalChain([theme, 'optionalAccess', _191 => _191.borderColor])) {
+  if (_optionalChain([theme, 'optionalAccess', _192 => _192.borderColor])) {
     setVar(targets, "--rs-border", theme.borderColor);
     setVar(targets, "--rs-border-surface", theme.borderColor);
   }
-  if (_optionalChain([theme, 'optionalAccess', _192 => _192.backgroundColor])) {
+  if (_optionalChain([theme, 'optionalAccess', _193 => _193.backgroundColor])) {
     setVar(targets, "--rs-background", theme.backgroundColor);
   }
-  if (_optionalChain([theme, 'optionalAccess', _193 => _193.radius])) {
+  if (_optionalChain([theme, 'optionalAccess', _194 => _194.radius])) {
     const scale = RADIUS_SCALE[theme.radius];
     setVar(targets, "--rs-radius-sm", scale.sm);
     setVar(targets, "--rs-radius-md", scale.md);
     setVar(targets, "--rs-radius-lg", scale.lg);
     setVar(targets, "--rs-radius", scale.md);
   }
-  return followSystemAppearance(_optionalChain([theme, 'optionalAccess', _194 => _194.mode]), paintMode);
+  return followSystemAppearance(_optionalChain([theme, 'optionalAccess', _195 => _195.mode]), paintMode);
 }
 
 // src/core/removed-props.ts
@@ -5675,20 +5830,20 @@ function sinkFor(source) {
   if (source.modal === "deposit") {
     const at2 = () => source.controllerRef.current;
     return {
-      opened: (detail) => _optionalChain([at2, 'call', _195 => _195(), 'optionalAccess', _196 => _196.historyOpened, 'call', _197 => _197({ ...detail, step: _nullishCoalesce(_optionalChain([at2, 'call', _198 => _198(), 'optionalAccess', _199 => _199.step]), () => ( null)) })]),
-      rowViewed: (detail) => _optionalChain([at2, 'call', _200 => _200(), 'optionalAccess', _201 => _201.historyRowViewed, 'call', _202 => _202(detail)]),
-      loadMore: (detail) => _optionalChain([at2, 'call', _203 => _203(), 'optionalAccess', _204 => _204.historyLoadMore, 'call', _205 => _205(detail)]),
-      fallbackOpened: (detail) => _optionalChain([at2, 'call', _206 => _206(), 'optionalAccess', _207 => _207.historyFallbackOpened, 'call', _208 => _208(detail)]),
-      recoveryStarted: (detail) => _optionalChain([at2, 'call', _209 => _209(), 'optionalAccess', _210 => _210.historyRecoveryStarted, 'call', _211 => _211(detail)])
+      opened: (detail) => _optionalChain([at2, 'call', _196 => _196(), 'optionalAccess', _197 => _197.historyOpened, 'call', _198 => _198({ ...detail, step: _nullishCoalesce(_optionalChain([at2, 'call', _199 => _199(), 'optionalAccess', _200 => _200.step]), () => ( null)) })]),
+      rowViewed: (detail) => _optionalChain([at2, 'call', _201 => _201(), 'optionalAccess', _202 => _202.historyRowViewed, 'call', _203 => _203(detail)]),
+      loadMore: (detail) => _optionalChain([at2, 'call', _204 => _204(), 'optionalAccess', _205 => _205.historyLoadMore, 'call', _206 => _206(detail)]),
+      fallbackOpened: (detail) => _optionalChain([at2, 'call', _207 => _207(), 'optionalAccess', _208 => _208.historyFallbackOpened, 'call', _209 => _209(detail)]),
+      recoveryStarted: (detail) => _optionalChain([at2, 'call', _210 => _210(), 'optionalAccess', _211 => _211.historyRecoveryStarted, 'call', _212 => _212(detail)])
     };
   }
   const at = () => source.controllerRef.current;
   return {
-    opened: (detail) => _optionalChain([at, 'call', _212 => _212(), 'optionalAccess', _213 => _213.historyOpened, 'call', _214 => _214({ ...detail, step: _nullishCoalesce(_optionalChain([at, 'call', _215 => _215(), 'optionalAccess', _216 => _216.step]), () => ( null)) })]),
-    rowViewed: (detail) => _optionalChain([at, 'call', _217 => _217(), 'optionalAccess', _218 => _218.historyRowViewed, 'call', _219 => _219(detail)]),
-    loadMore: (detail) => _optionalChain([at, 'call', _220 => _220(), 'optionalAccess', _221 => _221.historyLoadMore, 'call', _222 => _222(detail)]),
-    fallbackOpened: (detail) => _optionalChain([at, 'call', _223 => _223(), 'optionalAccess', _224 => _224.historyFallbackOpened, 'call', _225 => _225(detail)]),
-    recoveryStarted: (detail) => _optionalChain([at, 'call', _226 => _226(), 'optionalAccess', _227 => _227.historyRecoveryStarted, 'call', _228 => _228(detail)])
+    opened: (detail) => _optionalChain([at, 'call', _213 => _213(), 'optionalAccess', _214 => _214.historyOpened, 'call', _215 => _215({ ...detail, step: _nullishCoalesce(_optionalChain([at, 'call', _216 => _216(), 'optionalAccess', _217 => _217.step]), () => ( null)) })]),
+    rowViewed: (detail) => _optionalChain([at, 'call', _218 => _218(), 'optionalAccess', _219 => _219.historyRowViewed, 'call', _220 => _220(detail)]),
+    loadMore: (detail) => _optionalChain([at, 'call', _221 => _221(), 'optionalAccess', _222 => _222.historyLoadMore, 'call', _223 => _223(detail)]),
+    fallbackOpened: (detail) => _optionalChain([at, 'call', _224 => _224(), 'optionalAccess', _225 => _225.historyFallbackOpened, 'call', _226 => _226(detail)]),
+    recoveryStarted: (detail) => _optionalChain([at, 'call', _227 => _227(), 'optionalAccess', _228 => _228.historyRecoveryStarted, 'call', _229 => _229(detail)])
   };
 }
 function badgeState(badge) {
@@ -5714,7 +5869,7 @@ function createHistoryAnalytics(source) {
       sink.opened({
         history_visit_id: visitId,
         badge: badgeState(badge),
-        badge_count: _nullishCoalesce(_optionalChain([badge, 'optionalAccess', _229 => _229.count]), () => ( 0))
+        badge_count: _nullishCoalesce(_optionalChain([badge, 'optionalAccess', _230 => _230.count]), () => ( 0))
       });
     },
     visitEnded() {
@@ -5778,7 +5933,7 @@ function resolveChain(targetChain) {
   return _chunkOY5N3E6Lcjs.targetChainToCaip2.call(void 0, targetChain);
 }
 function resolveToken(targetToken) {
-  const raw = _optionalChain([targetToken, 'optionalAccess', _230 => _230.trim, 'call', _231 => _231()]);
+  const raw = _optionalChain([targetToken, 'optionalAccess', _231 => _231.trim, 'call', _232 => _232()]);
   if (!raw) return void 0;
   if (HEX_TOKEN.test(raw)) return raw.toLowerCase();
   if (BASE58_TOKEN.test(raw)) return raw;
@@ -5836,8 +5991,8 @@ function Tooltip({ content, children, className }) {
     function handleOutside(event) {
       const target = event.target;
       if (!target) return;
-      if (_optionalChain([triggerRef, 'access', _232 => _232.current, 'optionalAccess', _233 => _233.contains, 'call', _234 => _234(target)])) return;
-      if (_optionalChain([bubbleRef, 'access', _235 => _235.current, 'optionalAccess', _236 => _236.contains, 'call', _237 => _237(target)])) return;
+      if (_optionalChain([triggerRef, 'access', _233 => _233.current, 'optionalAccess', _234 => _234.contains, 'call', _235 => _235(target)])) return;
+      if (_optionalChain([bubbleRef, 'access', _236 => _236.current, 'optionalAccess', _237 => _237.contains, 'call', _238 => _238(target)])) return;
       setOpen(false);
     }
     function handleKey(event) {
@@ -6066,7 +6221,7 @@ function asNumber(value) {
   const trimmed = value.trim();
   if (!trimmed) return void 0;
   const caipMatch = trimmed.match(/^eip155:(\d+)$/);
-  if (_optionalChain([caipMatch, 'optionalAccess', _238 => _238[1]])) {
+  if (_optionalChain([caipMatch, 'optionalAccess', _239 => _239[1]])) {
     const parsed2 = Number(caipMatch[1]);
     return Number.isFinite(parsed2) ? parsed2 : void 0;
   }
@@ -6085,24 +6240,24 @@ function asAddress(value) {
   return /^0x[a-fA-F0-9]{40}$/.test(value) ? value : void 0;
 }
 function getEventTxHash(event) {
-  if (!_optionalChain([event, 'optionalAccess', _239 => _239.type])) return void 0;
+  if (!_optionalChain([event, 'optionalAccess', _240 => _240.type])) return void 0;
   if (event.type === "deposit-received") {
-    return asString(_optionalChain([event, 'access', _240 => _240.data, 'optionalAccess', _241 => _241.transactionHash]));
+    return asString(_optionalChain([event, 'access', _241 => _241.data, 'optionalAccess', _242 => _242.transactionHash]));
   }
   if (event.type === "bridge-started" || event.type === "bridge-complete") {
-    const deposit = isRecord(_optionalChain([event, 'access', _242 => _242.data, 'optionalAccess', _243 => _243.deposit])) ? event.data.deposit : void 0;
-    const source = isRecord(_optionalChain([event, 'access', _244 => _244.data, 'optionalAccess', _245 => _245.source])) ? event.data.source : void 0;
-    return _nullishCoalesce(asString(_optionalChain([deposit, 'optionalAccess', _246 => _246.transactionHash])), () => ( asString(_optionalChain([source, 'optionalAccess', _247 => _247.transactionHash]))));
+    const deposit = isRecord(_optionalChain([event, 'access', _243 => _243.data, 'optionalAccess', _244 => _244.deposit])) ? event.data.deposit : void 0;
+    const source = isRecord(_optionalChain([event, 'access', _245 => _245.data, 'optionalAccess', _246 => _246.source])) ? event.data.source : void 0;
+    return _nullishCoalesce(asString(_optionalChain([deposit, 'optionalAccess', _247 => _247.transactionHash])), () => ( asString(_optionalChain([source, 'optionalAccess', _248 => _248.transactionHash]))));
   }
   if (event.type === "bridge-failed" || event.type === "error") {
-    const deposit = isRecord(_optionalChain([event, 'access', _248 => _248.data, 'optionalAccess', _249 => _249.deposit])) ? event.data.deposit : void 0;
-    const source = isRecord(_optionalChain([event, 'access', _250 => _250.data, 'optionalAccess', _251 => _251.source])) ? event.data.source : void 0;
-    return _nullishCoalesce(asString(_optionalChain([deposit, 'optionalAccess', _252 => _252.transactionHash])), () => ( asString(_optionalChain([source, 'optionalAccess', _253 => _253.transactionHash]))));
+    const deposit = isRecord(_optionalChain([event, 'access', _249 => _249.data, 'optionalAccess', _250 => _250.deposit])) ? event.data.deposit : void 0;
+    const source = isRecord(_optionalChain([event, 'access', _251 => _251.data, 'optionalAccess', _252 => _252.source])) ? event.data.source : void 0;
+    return _nullishCoalesce(asString(_optionalChain([deposit, 'optionalAccess', _253 => _253.transactionHash])), () => ( asString(_optionalChain([source, 'optionalAccess', _254 => _254.transactionHash]))));
   }
   return void 0;
 }
 function getEventSourceDetails(event) {
-  if (!_optionalChain([event, 'optionalAccess', _254 => _254.type]) || !isRecord(event.data)) return {};
+  if (!_optionalChain([event, 'optionalAccess', _255 => _255.type]) || !isRecord(event.data)) return {};
   if (event.type === "deposit-received") {
     return {
       chainId: asNumber(event.data.chain),
@@ -6114,9 +6269,9 @@ function getEventSourceDetails(event) {
   const deposit = isRecord(event.data.deposit) ? event.data.deposit : void 0;
   if (event.type === "bridge-started" || event.type === "bridge-complete" || event.type === "bridge-failed" || event.type === "error") {
     return {
-      chainId: _nullishCoalesce(asNumber(_optionalChain([source, 'optionalAccess', _255 => _255.chain])), () => ( asNumber(_optionalChain([deposit, 'optionalAccess', _256 => _256.chain])))),
-      amount: _nullishCoalesce(asAmount(_optionalChain([source, 'optionalAccess', _257 => _257.amount])), () => ( asAmount(_optionalChain([deposit, 'optionalAccess', _258 => _258.amount])))),
-      token: _nullishCoalesce(_nullishCoalesce(asAddress(_optionalChain([source, 'optionalAccess', _259 => _259.asset])), () => ( asAddress(_optionalChain([deposit, 'optionalAccess', _260 => _260.asset])))), () => ( asAddress(_optionalChain([deposit, 'optionalAccess', _261 => _261.token]))))
+      chainId: _nullishCoalesce(asNumber(_optionalChain([source, 'optionalAccess', _256 => _256.chain])), () => ( asNumber(_optionalChain([deposit, 'optionalAccess', _257 => _257.chain])))),
+      amount: _nullishCoalesce(asAmount(_optionalChain([source, 'optionalAccess', _258 => _258.amount])), () => ( asAmount(_optionalChain([deposit, 'optionalAccess', _259 => _259.amount])))),
+      token: _nullishCoalesce(_nullishCoalesce(asAddress(_optionalChain([source, 'optionalAccess', _260 => _260.asset])), () => ( asAddress(_optionalChain([deposit, 'optionalAccess', _261 => _261.asset])))), () => ( asAddress(_optionalChain([deposit, 'optionalAccess', _262 => _262.token]))))
     };
   }
   return {};
@@ -6130,7 +6285,7 @@ function asChain(value) {
   return asNumber(value);
 }
 function getEventDestinationDetails(event) {
-  if (!_optionalChain([event, 'optionalAccess', _262 => _262.type]) || !isRecord(event.data)) return {};
+  if (!_optionalChain([event, 'optionalAccess', _263 => _263.type]) || !isRecord(event.data)) return {};
   if (event.type !== "bridge-started" && event.type !== "bridge-complete") {
     return {};
   }
@@ -6140,14 +6295,14 @@ function getEventDestinationDetails(event) {
   return {
     chainId: asChain(destination.chain),
     amount: asAmount(destination.amount),
-    token: _optionalChain([token, 'optionalAccess', _263 => _263.trim, 'call', _264 => _264()]) || void 0
+    token: _optionalChain([token, 'optionalAccess', _264 => _264.trim, 'call', _265 => _265()]) || void 0
   };
 }
 function isDepositEvent(event) {
-  return _optionalChain([event, 'optionalAccess', _265 => _265.type]) === "deposit-received" || _optionalChain([event, 'optionalAccess', _266 => _266.type]) === "bridge-started" || _optionalChain([event, 'optionalAccess', _267 => _267.type]) === "bridge-complete" || _optionalChain([event, 'optionalAccess', _268 => _268.type]) === "bridge-failed" || _optionalChain([event, 'optionalAccess', _269 => _269.type]) === "error";
+  return _optionalChain([event, 'optionalAccess', _266 => _266.type]) === "deposit-received" || _optionalChain([event, 'optionalAccess', _267 => _267.type]) === "bridge-started" || _optionalChain([event, 'optionalAccess', _268 => _268.type]) === "bridge-complete" || _optionalChain([event, 'optionalAccess', _269 => _269.type]) === "bridge-failed" || _optionalChain([event, 'optionalAccess', _270 => _270.type]) === "error";
 }
 function isFailedEvent(event) {
-  return _optionalChain([event, 'optionalAccess', _270 => _270.type]) === "bridge-failed" || _optionalChain([event, 'optionalAccess', _271 => _271.type]) === "error";
+  return _optionalChain([event, 'optionalAccess', _271 => _271.type]) === "bridge-failed" || _optionalChain([event, 'optionalAccess', _272 => _272.type]) === "error";
 }
 function isHexString(value) {
   return value.startsWith("0x") || value.startsWith("0X");
@@ -6159,7 +6314,7 @@ function txRefsMatch(a, b) {
   return a === b;
 }
 function formatBridgeFailedMessage(event) {
-  const eventData = _nullishCoalesce(_optionalChain([event, 'optionalAccess', _272 => _272.data]), () => ( {}));
+  const eventData = _nullishCoalesce(_optionalChain([event, 'optionalAccess', _273 => _273.data]), () => ( {}));
   const code = typeof eventData.errorCode === "string" ? eventData.errorCode : void 0;
   const backendMessage = typeof eventData.message === "string" ? eventData.message.trim() : "";
   function toUserFacingFailure(raw) {
@@ -6187,7 +6342,7 @@ function formatBridgeFailedMessage(event) {
   return { message: "Bridge failed" };
 }
 function failureMessageForEvent(event) {
-  if (_optionalChain([event, 'optionalAccess', _273 => _273.type]) === "error") {
+  if (_optionalChain([event, 'optionalAccess', _274 => _274.type]) === "error") {
     const message = isRecord(event.data) ? asString(event.data.message) : void 0;
     return _nullishCoalesce(message, () => ( "Unknown error"));
   }
@@ -6226,7 +6381,7 @@ async function fetchTokenPriceUsd(service, token) {
 }
 function useTokenPrices(service, tokens) {
   const [prices, setPrices] = _react.useState.call(void 0, {});
-  const defined = tokens.filter((t) => Boolean(_optionalChain([t, 'optionalAccess', _274 => _274.symbol])));
+  const defined = tokens.filter((t) => Boolean(_optionalChain([t, 'optionalAccess', _275 => _275.symbol])));
   const entries = [
     ...new Map(
       defined.flatMap((token) => {
@@ -6325,12 +6480,6 @@ var MAX_POLL_INTERVAL = 3e4;
 var BACKOFF_MULTIPLIER = 1.5;
 var SWAPPED_RECEIPT_STATUS_RETRY_INTERVAL_MS = 1e3;
 var SWAPPED_FIAT_STATUS_MAX_ATTEMPTS = 12;
-var ESCALATED_DELAY_MS = 10 * 60 * 1e3;
-var SOFT_DELAY_MS = {
-  confirming: 90 * 1e3,
-  received: 90 * 1e3,
-  bridging: 4 * 60 * 1e3
-};
 var PHASE_TIMINGS_PREFIX = "rhinestone:phase-timings";
 var PAYMENT_METHOD_LABELS = {
   creditcard: "Card",
@@ -6415,12 +6564,12 @@ function isEventForTx(event, txHash) {
   return txRefsMatch(eventTxHash, txHash);
 }
 function parseWebhookTimestamp(event) {
-  if (typeof _optionalChain([event, 'optionalAccess', _275 => _275.time]) !== "string") return void 0;
+  if (typeof _optionalChain([event, 'optionalAccess', _276 => _276.time]) !== "string") return void 0;
   const timestamp = Date.parse(event.time);
   return Number.isFinite(timestamp) ? timestamp : void 0;
 }
 function syncPhaseTimings(previous, event) {
-  if (!_optionalChain([event, 'optionalAccess', _276 => _276.type])) return previous;
+  if (!_optionalChain([event, 'optionalAccess', _277 => _277.type])) return previous;
   const timestamp = _nullishCoalesce(parseWebhookTimestamp(event), () => ( Date.now()));
   const setReceived = (event.type === "deposit-received" || event.type === "bridge-started" || event.type === "bridge-complete" || event.type === "bridge-failed" || event.type === "error") && previous.receivedAt === void 0;
   const setBridging = (event.type === "bridge-started" || event.type === "bridge-complete") && previous.bridgingAt === void 0;
@@ -6482,46 +6631,46 @@ function getCurrentPhaseId(state, phaseTimings) {
   if (state.type === "complete") {
     return void 0;
   }
-  if (_optionalChain([state, 'access', _277 => _277.lastEvent, 'optionalAccess', _278 => _278.type]) === "bridge-started" || _optionalChain([state, 'access', _279 => _279.lastEvent, 'optionalAccess', _280 => _280.type]) === "bridge-complete")
+  if (_optionalChain([state, 'access', _278 => _278.lastEvent, 'optionalAccess', _279 => _279.type]) === "bridge-started" || _optionalChain([state, 'access', _280 => _280.lastEvent, 'optionalAccess', _281 => _281.type]) === "bridge-complete")
     return "bridging";
-  if (_optionalChain([state, 'access', _281 => _281.lastEvent, 'optionalAccess', _282 => _282.type]) === "deposit-received") return "received";
+  if (_optionalChain([state, 'access', _282 => _282.lastEvent, 'optionalAccess', _283 => _283.type]) === "deposit-received") return "received";
   return "confirming";
 }
 function getCompletionDestinationTxHash(event) {
-  const eventData = _optionalChain([event, 'optionalAccess', _283 => _283.data]);
-  const swapTxHash = _optionalChain([eventData, 'optionalAccess', _284 => _284.swap, 'optionalAccess', _285 => _285.transactionHash]);
-  const destinationTxHash = _optionalChain([eventData, 'optionalAccess', _286 => _286.destination, 'optionalAccess', _287 => _287.transactionHash]);
+  const eventData = _optionalChain([event, 'optionalAccess', _284 => _284.data]);
+  const swapTxHash = _optionalChain([eventData, 'optionalAccess', _285 => _285.swap, 'optionalAccess', _286 => _286.transactionHash]);
+  const destinationTxHash = _optionalChain([eventData, 'optionalAccess', _287 => _287.destination, 'optionalAccess', _288 => _288.transactionHash]);
   return _nullishCoalesce(swapTxHash, () => ( destinationTxHash));
 }
 function getTerminalProcessingOutcome(event) {
-  if (_optionalChain([event, 'optionalAccess', _288 => _288.type]) === "post-bridge-swap-complete") {
+  if (_optionalChain([event, 'optionalAccess', _289 => _289.type]) === "post-bridge-swap-complete") {
     return {
       type: "complete",
       destinationTxHash: getCompletionDestinationTxHash(event)
     };
   }
-  if (_optionalChain([event, 'optionalAccess', _289 => _289.type]) === "post-bridge-swap-failed") {
+  if (_optionalChain([event, 'optionalAccess', _290 => _290.type]) === "post-bridge-swap-failed") {
     return {
       type: "failed",
       message: formatBridgeFailedMessage(event).message
     };
   }
-  if (_optionalChain([event, 'optionalAccess', _290 => _290.type]) === "bridge-complete") {
+  if (_optionalChain([event, 'optionalAccess', _291 => _291.type]) === "bridge-complete") {
     return {
       type: "complete",
       destinationTxHash: getCompletionDestinationTxHash(event)
     };
   }
-  if (_optionalChain([event, 'optionalAccess', _291 => _291.type]) === "bridge-failed") {
+  if (_optionalChain([event, 'optionalAccess', _292 => _292.type]) === "bridge-failed") {
     return {
       type: "failed",
       message: formatBridgeFailedMessage(event).message
     };
   }
-  if (_optionalChain([event, 'optionalAccess', _292 => _292.type]) === "error") {
+  if (_optionalChain([event, 'optionalAccess', _293 => _293.type]) === "error") {
     return {
       type: "failed",
-      message: _nullishCoalesce(_optionalChain([event, 'access', _293 => _293.data, 'optionalAccess', _294 => _294.message]), () => ( "Unknown error"))
+      message: _nullishCoalesce(_optionalChain([event, 'access', _294 => _294.data, 'optionalAccess', _295 => _295.message]), () => ( "Unknown error"))
     };
   }
   return null;
@@ -6529,10 +6678,10 @@ function getTerminalProcessingOutcome(event) {
 function getInitialProcessingState(event, txHash) {
   if (!event || !isEventForTx(event, txHash)) return null;
   const terminal = getTerminalProcessingOutcome(event);
-  if (_optionalChain([terminal, 'optionalAccess', _295 => _295.type]) === "complete") {
+  if (_optionalChain([terminal, 'optionalAccess', _296 => _296.type]) === "complete") {
     return { type: "complete", lastEvent: event };
   }
-  if (_optionalChain([terminal, 'optionalAccess', _296 => _296.type]) === "failed") {
+  if (_optionalChain([terminal, 'optionalAccess', _297 => _297.type]) === "failed") {
     return { type: "failed", message: terminal.message, lastEvent: event };
   }
   if (isDepositEvent(event)) {
@@ -6541,7 +6690,7 @@ function getInitialProcessingState(event, txHash) {
   return null;
 }
 function getSettledSourceTxHash(event, fallbackTxHash) {
-  return _nullishCoalesce(_optionalChain([event, 'optionalAccess', _297 => _297.data, 'optionalAccess', _298 => _298.source, 'optionalAccess', _299 => _299.transactionHash]), () => ( fallbackTxHash));
+  return _nullishCoalesce(_optionalChain([event, 'optionalAccess', _298 => _298.data, 'optionalAccess', _299 => _299.source, 'optionalAccess', _300 => _300.transactionHash]), () => ( fallbackTxHash));
 }
 function ProcessingStep({
   smartAccount,
@@ -6610,7 +6759,6 @@ function ProcessingStep({
     }
     return { type: "processing" };
   });
-  const [elapsedSeconds, setElapsedSeconds] = _react.useState.call(void 0, 0);
   const [phaseTimings, setPhaseTimings] = _react.useState.call(void 0, () => {
     const saved = loadPhaseTimings(txHash);
     if (saved) {
@@ -6619,7 +6767,15 @@ function ProcessingStep({
     }
     return { startedAt: startTimeRef.current };
   });
-  const [hasEscalatedDelay, setHasEscalatedDelay] = _react.useState.call(void 0, false);
+  const [elapsedSeconds, setElapsedSeconds] = _react.useState.call(void 0, 
+    () => Math.max(0, Math.floor((Date.now() - startTimeRef.current) / 1e3))
+  );
+  const [latchedTiming, setLatchedTiming] = _react.useState.call(void 0, _optionalChain([quote, 'optionalAccess', _301 => _301.timing]));
+  if (latchedTiming === void 0 && _optionalChain([quote, 'optionalAccess', _302 => _302.timing]) !== void 0) {
+    setLatchedTiming(quote.timing);
+  }
+  const timingStateRef = _react.useRef.call(void 0, "expected");
+  const servedTimingLatchRef = _react.useRef.call(void 0, false);
   const updatePhaseTimings = _react.useCallback.call(void 0, 
     (updater) => {
       setPhaseTimings((previous) => {
@@ -6646,7 +6802,7 @@ function ProcessingStep({
       flowLabel
     });
     const context = processingContextRef.current;
-    _optionalChain([onDepositCompleteRef, 'access', _300 => _300.current, 'optionalCall', _301 => _301(txHash, void 0, {
+    _optionalChain([onDepositCompleteRef, 'access', _303 => _303.current, 'optionalCall', _304 => _304(txHash, void 0, {
       amount: context.amount,
       sourceChain: context.sourceChain,
       sourceToken: context.sourceToken,
@@ -6679,7 +6835,7 @@ function ProcessingStep({
         destinationTxHash: outcome.destinationTxHash,
         event: event.type
       });
-      _optionalChain([onDepositCompleteRef, 'access', _302 => _302.current, 'optionalCall', _303 => _303(
+      _optionalChain([onDepositCompleteRef, 'access', _305 => _305.current, 'optionalCall', _306 => _306(
         sourceTxHash2,
         outcome.destinationTxHash,
         {
@@ -6699,7 +6855,7 @@ function ProcessingStep({
       message: outcome.message,
       event: event.type
     });
-    _optionalChain([onDepositFailedRef, 'access', _304 => _304.current, 'optionalCall', _305 => _305(txHash, outcome.message)]);
+    _optionalChain([onDepositFailedRef, 'access', _307 => _307.current, 'optionalCall', _308 => _308(txHash, outcome.message)]);
   }, [
     debug,
     onDepositCompleteRef,
@@ -6710,8 +6866,8 @@ function ProcessingStep({
   const onSettledChangeRef = _react.useRef.call(void 0, onSettledChange);
   onSettledChangeRef.current = onSettledChange;
   _react.useEffect.call(void 0, () => {
-    _optionalChain([onSettledChangeRef, 'access', _306 => _306.current, 'optionalCall', _307 => _307(state.type !== "processing")]);
-    return () => _optionalChain([onSettledChangeRef, 'access', _308 => _308.current, 'optionalCall', _309 => _309(false)]);
+    _optionalChain([onSettledChangeRef, 'access', _309 => _309.current, 'optionalCall', _310 => _310(state.type !== "processing")]);
+    return () => _optionalChain([onSettledChangeRef, 'access', _311 => _311.current, 'optionalCall', _312 => _312(false)]);
   }, [state.type]);
   _react.useEffect.call(void 0, () => {
     if (directTransfer || state.type !== "processing") return;
@@ -6737,13 +6893,13 @@ function ProcessingStep({
     updatePhaseTimings(
       (previous) => syncPhaseTimings(previous, state.lastEvent)
     );
-  }, [_optionalChain([state, 'access', _310 => _310.lastEvent, 'optionalAccess', _311 => _311.time]), _optionalChain([state, 'access', _312 => _312.lastEvent, 'optionalAccess', _313 => _313.type]), updatePhaseTimings]);
+  }, [_optionalChain([state, 'access', _313 => _313.lastEvent, 'optionalAccess', _314 => _314.time]), _optionalChain([state, 'access', _315 => _315.lastEvent, 'optionalAccess', _316 => _316.type]), updatePhaseTimings]);
   const [swappedFiatContext, setSwappedFiatContext] = _react.useState.call(void 0, null);
   _react.useEffect.call(void 0, () => {
     let cancelled = false;
     let timeoutId;
-    const isFiatSwappedOrder = isSwappedOrder && _optionalChain([swappedContext, 'optionalAccess', _314 => _314.variant]) === "fiat";
-    const expectedOrderUuid = _nullishCoalesce(_optionalChain([swappedContext, 'optionalAccess', _315 => _315.expectedOrderUuid]), () => ( null));
+    const isFiatSwappedOrder = isSwappedOrder && _optionalChain([swappedContext, 'optionalAccess', _317 => _317.variant]) === "fiat";
+    const expectedOrderUuid = _nullishCoalesce(_optionalChain([swappedContext, 'optionalAccess', _318 => _318.expectedOrderUuid]), () => ( null));
     setSwappedFiatContext(null);
     if (isFiatSwappedOrder && !expectedOrderUuid) {
       return () => {
@@ -6793,8 +6949,8 @@ function ProcessingStep({
     smartAccount,
     txHash,
     isSwappedOrder,
-    _optionalChain([swappedContext, 'optionalAccess', _316 => _316.variant]),
-    _optionalChain([swappedContext, 'optionalAccess', _317 => _317.expectedOrderUuid])
+    _optionalChain([swappedContext, 'optionalAccess', _319 => _319.variant]),
+    _optionalChain([swappedContext, 'optionalAccess', _320 => _320.expectedOrderUuid])
   ]);
   _react.useEffect.call(void 0, () => {
     if (directTransfer) return;
@@ -6820,17 +6976,17 @@ function ProcessingStep({
           debugLog(debug, "processing", "poll:event", {
             type: lastEvent2.type,
             matchesTx: eventMatchesTx,
-            intentId: _optionalChain([eventData, 'optionalAccess', _318 => _318.intentId])
+            intentId: _optionalChain([eventData, 'optionalAccess', _321 => _321.intentId])
           });
         }
         if (!isMounted) return;
-        if (_optionalChain([eventForCurrentTx, 'optionalAccess', _319 => _319.type]) === "bridge-complete") {
+        if (_optionalChain([eventForCurrentTx, 'optionalAccess', _322 => _322.type]) === "bridge-complete") {
           setState({ type: "complete", lastEvent: eventForCurrentTx });
           const sourceTxHash2 = getSettledSourceTxHash(
             eventForCurrentTx,
             txHash
           );
-          const destinationTxHash2 = _optionalChain([eventForCurrentTx, 'access', _320 => _320.data, 'optionalAccess', _321 => _321.destination, 'optionalAccess', _322 => _322.transactionHash]);
+          const destinationTxHash2 = _optionalChain([eventForCurrentTx, 'access', _323 => _323.data, 'optionalAccess', _324 => _324.destination, 'optionalAccess', _325 => _325.transactionHash]);
           debugLog(debug, "processing", "state:complete", {
             txHash,
             sourceTxHash: sourceTxHash2,
@@ -6838,7 +6994,7 @@ function ProcessingStep({
             event: eventForCurrentTx.type
           });
           const context = processingContextRef.current;
-          _optionalChain([onDepositCompleteRef, 'access', _323 => _323.current, 'optionalCall', _324 => _324(sourceTxHash2, destinationTxHash2, {
+          _optionalChain([onDepositCompleteRef, 'access', _326 => _326.current, 'optionalCall', _327 => _327(sourceTxHash2, destinationTxHash2, {
             amount: context.amount,
             sourceChain: context.sourceChain,
             sourceToken: context.sourceToken,
@@ -6849,7 +7005,7 @@ function ProcessingStep({
           })]);
           return;
         }
-        if (_optionalChain([eventForCurrentTx, 'optionalAccess', _325 => _325.type]) === "bridge-failed") {
+        if (_optionalChain([eventForCurrentTx, 'optionalAccess', _328 => _328.type]) === "bridge-failed") {
           const formatted = formatBridgeFailedMessage(eventForCurrentTx);
           setState({
             type: "failed",
@@ -6861,11 +7017,11 @@ function ProcessingStep({
             message: formatted.message,
             code: formatted.code
           });
-          _optionalChain([onDepositFailedRef, 'access', _326 => _326.current, 'optionalCall', _327 => _327(txHash, formatted.message)]);
+          _optionalChain([onDepositFailedRef, 'access', _329 => _329.current, 'optionalCall', _330 => _330(txHash, formatted.message)]);
           return;
         }
-        if (_optionalChain([eventForCurrentTx, 'optionalAccess', _328 => _328.type]) === "error") {
-          const errorMessage = _nullishCoalesce(_optionalChain([eventForCurrentTx, 'access', _329 => _329.data, 'optionalAccess', _330 => _330.message]), () => ( "Unknown error"));
+        if (_optionalChain([eventForCurrentTx, 'optionalAccess', _331 => _331.type]) === "error") {
+          const errorMessage = _nullishCoalesce(_optionalChain([eventForCurrentTx, 'access', _332 => _332.data, 'optionalAccess', _333 => _333.message]), () => ( "Unknown error"));
           setState({
             type: "failed",
             message: errorMessage,
@@ -6875,7 +7031,7 @@ function ProcessingStep({
             txHash,
             message: errorMessage
           });
-          _optionalChain([onDepositFailedRef, 'access', _331 => _331.current, 'optionalCall', _332 => _332(txHash, errorMessage)]);
+          _optionalChain([onDepositFailedRef, 'access', _334 => _334.current, 'optionalCall', _335 => _335(txHash, errorMessage)]);
           return;
         }
         setState((previous) => ({
@@ -6925,21 +7081,6 @@ function ProcessingStep({
     state.type,
     txHash
   ]);
-  _react.useEffect.call(void 0, () => {
-    if (directTransfer || state.type !== "processing") return;
-    const timeoutId = setTimeout(() => {
-      if (escalatedDelayRef.current) return;
-      escalatedDelayRef.current = true;
-      setHasEscalatedDelay(true);
-      const message = "Transfer is taking longer than expected. Your funds are safe and processing will continue automatically.";
-      debugLog(debug, "processing", "state:delay-escalated", {
-        txHash,
-        timeoutMs: ESCALATED_DELAY_MS
-      });
-      _optionalChain([onErrorRef, 'access', _333 => _333.current, 'optionalCall', _334 => _334(message, "PROCESS_TIMEOUT")]);
-    }, ESCALATED_DELAY_MS);
-    return () => clearTimeout(timeoutId);
-  }, [debug, directTransfer, onErrorRef, state.type, txHash]);
   const isComplete = state.type === "complete";
   const isFailed = state.type === "failed";
   const isProcessing = state.type === "processing";
@@ -6948,18 +7089,18 @@ function ProcessingStep({
   const timelineNowMs = _nullishCoalesce(phaseTimings.endedAt, () => ( Date.now()));
   const flowNoun = flowLabel === "withdraw" ? "withdrawal" : "deposit";
   const flowCapitalized = flowLabel === "withdraw" ? "Withdrawal" : "Deposit";
-  const destinationTxHash = _optionalChain([lastEvent, 'optionalAccess', _335 => _335.data, 'optionalAccess', _336 => _336.destination, 'optionalAccess', _337 => _337.transactionHash]) || null;
+  const destinationTxHash = _optionalChain([lastEvent, 'optionalAccess', _336 => _336.data, 'optionalAccess', _337 => _337.destination, 'optionalAccess', _338 => _338.transactionHash]) || null;
   const sourceTxHash = getSettledSourceTxHash(lastEvent, txHash);
   const sourceDetails = getEventSourceDetails(lastEvent);
   const displaySourceChain = _nullishCoalesce(sourceDetails.chainId, () => ( sourceChain));
   const displaySourceToken = _nullishCoalesce(sourceDetails.token, () => ( sourceToken));
   const displayAmount = _nullishCoalesce(sourceDetails.amount, () => ( amount));
   const targetChainId = _chunkOY5N3E6Lcjs.targetChainToChainId.call(void 0, targetChain);
-  const settledSourceTxHash = _optionalChain([lastEvent, 'optionalAccess', _338 => _338.data, 'optionalAccess', _339 => _339.source, 'optionalAccess', _340 => _340.transactionHash]);
+  const settledSourceTxHash = _optionalChain([lastEvent, 'optionalAccess', _339 => _339.data, 'optionalAccess', _340 => _340.source, 'optionalAccess', _341 => _341.transactionHash]);
   const sourceExplorerHash = _nullishCoalesce(settledSourceTxHash, () => ( (sourceTxHashPending ? null : sourceTxHash)));
   _react.useEffect.call(void 0, () => {
     if (sourceTxHashPending && settledSourceTxHash) {
-      _optionalChain([onSourceTransactionObserved, 'optionalCall', _341 => _341(settledSourceTxHash)]);
+      _optionalChain([onSourceTransactionObserved, 'optionalCall', _342 => _342(settledSourceTxHash)]);
     }
   }, [onSourceTransactionObserved, settledSourceTxHash, sourceTxHashPending]);
   const sourceExplorerUrl = sourceExplorerHash ? explorerTxUrl(displaySourceChain, sourceExplorerHash) : null;
@@ -7039,16 +7180,50 @@ function ProcessingStep({
   const currentPhaseId = getCurrentPhaseId(state, phaseTimings);
   const activePhaseStartedAt = currentPhaseId ? getPhaseStartTime(currentPhaseId, phaseTimings) : void 0;
   const activePhaseElapsedMs = isProcessing && activePhaseStartedAt !== void 0 ? timelineNowMs - activePhaseStartedAt : 0;
-  const delayPhaseId = isProcessing && currentPhaseId && activePhaseElapsedMs >= SOFT_DELAY_MS[currentPhaseId] ? currentPhaseId : void 0;
-  void delayPhaseId;
-  void hasEscalatedDelay;
+  if (latchedTiming !== void 0 && !servedTimingLatchRef.current) {
+    servedTimingLatchRef.current = true;
+    timingStateRef.current = "expected";
+  }
+  const timingState = isProcessing ? advancePendingTimingState(
+    timingStateRef.current,
+    resolvePendingTimingState({
+      timing: latchedTiming,
+      totalElapsedMs: elapsedSeconds * 1e3,
+      phaseId: currentPhaseId,
+      phaseElapsedMs: activePhaseElapsedMs
+    })
+  ) : timingStateRef.current;
+  timingStateRef.current = timingState;
+  const expectedDuration = latchedTiming && timingState === "expected" ? formatExpectedDuration(latchedTiming.expectedSeconds) : void 0;
+  _react.useEffect.call(void 0, () => {
+    if (directTransfer || !isProcessing || timingState !== "escalated") return;
+    if (escalatedDelayRef.current) return;
+    escalatedDelayRef.current = true;
+    debugLog(debug, "processing", "state:delay-escalated", {
+      txHash,
+      timeoutMs: latchedTiming ? resolveServedThresholds(latchedTiming).escalatedMs : FALLBACK_ESCALATED_DELAY_MS,
+      served: latchedTiming !== void 0
+    });
+    _optionalChain([onErrorRef, 'access', _343 => _343.current, 'optionalCall', _344 => _344(
+      "Transfer is taking longer than expected. Your funds are safe and processing will continue automatically.",
+      "PROCESS_TIMEOUT"
+    )]);
+  }, [
+    debug,
+    directTransfer,
+    isProcessing,
+    latchedTiming,
+    onErrorRef,
+    timingState,
+    txHash
+  ]);
   const sourceChainIcon = _chunkOY5N3E6Lcjs.getChainIcon.call(void 0, displaySourceChain);
   const targetChainIcon = _chunkOY5N3E6Lcjs.getChainIcon.call(void 0, targetChainId);
   const sourceChainName = _chunkOY5N3E6Lcjs.getChainName.call(void 0, displaySourceChain);
   const targetChainName = _chunkOY5N3E6Lcjs.getChainName.call(void 0, targetChainId);
   const timerText = formatTimer(elapsedSeconds);
-  const feeSponsored = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _342 => _342.feeSponsored]), () => ( false));
-  const feeTooltip = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _343 => _343.feeTooltip]), () => ( (feeSponsored ? "Network fees are sponsored for this deposit." : "Network fees apply.")));
+  const feeSponsored = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _345 => _345.feeSponsored]), () => ( false));
+  const feeTooltip = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _346 => _346.feeTooltip]), () => ( (feeSponsored ? "Network fees are sponsored for this deposit." : "Network fees apply.")));
   const stateTitle = isComplete ? `${flowCapitalized} successful` : isFailed ? `${flowCapitalized} failed` : "Processing...";
   const handleRetry = _nullishCoalesce(onRetry, () => ( onNewDeposit));
   const headerContent = isComplete ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-body-header", children: [
@@ -7059,20 +7234,20 @@ function ProcessingStep({
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-body-header-text", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "rs-body-header-title", children: stateTitle }) })
   ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BodyHeader, { icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, WalletIcon, {}), title: stateTitle });
   if (isComplete && isSwappedOrder) {
-    const effectivePaymentMethod = _nullishCoalesce(_nullishCoalesce(_optionalChain([swappedContext, 'optionalAccess', _344 => _344.method]), () => ( _optionalChain([swappedFiatContext, 'optionalAccess', _345 => _345.paymentMethod]))), () => ( null));
+    const effectivePaymentMethod = _nullishCoalesce(_nullishCoalesce(_optionalChain([swappedContext, 'optionalAccess', _347 => _347.method]), () => ( _optionalChain([swappedFiatContext, 'optionalAccess', _348 => _348.paymentMethod]))), () => ( null));
     const onrampMethod = effectivePaymentMethod ? formatPaymentMethod(effectivePaymentMethod) : null;
-    const onrampMethodIcon = _optionalChain([swappedContext, 'optionalAccess', _346 => _346.variant]) === "connect" && effectivePaymentMethod ? getExchangeLogoSrc(
+    const onrampMethodIcon = _optionalChain([swappedContext, 'optionalAccess', _349 => _349.variant]) === "connect" && effectivePaymentMethod ? getExchangeLogoSrc(
       _nullishCoalesce(onrampMethod, () => ( effectivePaymentMethod)),
       effectivePaymentMethod
     ) : null;
-    const connectPaidAmount = _optionalChain([swappedContext, 'optionalAccess', _347 => _347.variant]) === "connect" ? `${formattedSentAmount} ${sourceSymbol}` : null;
-    const amountPaid = _nullishCoalesce(connectPaidAmount, () => ( (_optionalChain([swappedFiatContext, 'optionalAccess', _348 => _348.paidAmountUsd]) != null ? `$${swappedFiatContext.paidAmountUsd.toFixed(2)}` : null)));
+    const connectPaidAmount = _optionalChain([swappedContext, 'optionalAccess', _350 => _350.variant]) === "connect" ? `${formattedSentAmount} ${sourceSymbol}` : null;
+    const amountPaid = _nullishCoalesce(connectPaidAmount, () => ( (_optionalChain([swappedFiatContext, 'optionalAccess', _351 => _351.paidAmountUsd]) != null ? `$${swappedFiatContext.paidAmountUsd.toFixed(2)}` : null)));
     const depositedAmount = receiveDisplay;
-    const onrampFeeUsd = _nullishCoalesce(_optionalChain([swappedFiatContext, 'optionalAccess', _349 => _349.onrampFeeUsd]), () => ( null));
+    const onrampFeeUsd = _nullishCoalesce(_optionalChain([swappedFiatContext, 'optionalAccess', _352 => _352.onrampFeeUsd]), () => ( null));
     const sponsoredFeeTooltip = "This fee is sponsored for this deposit.";
     const feesTooltip = feeSponsored ? "On-ramp fees are charged by the payment provider. Market and network fees are sponsored for this deposit." : "Fees include on-ramp, market, and network costs for this deposit.";
     const { rows: quoteFeeRows, chargeableUsd } = buildQuoteFeeRows(
-      _optionalChain([quote, 'optionalAccess', _350 => _350.fees, 'access', _351 => _351.breakdown]),
+      _optionalChain([quote, 'optionalAccess', _353 => _353.fees, 'access', _354 => _354.breakdown]),
       sponsoredFeeTooltip
     );
     const feeRows = [];
@@ -7159,7 +7334,7 @@ function ProcessingStep({
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-review-detail-value", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Ticker, { value: timerText }) })
         ] }),
         isSwappedOrder ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-          _optionalChain([swappedFiatContext, 'optionalAccess', _352 => _352.paidAmountUsd]) != null && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-review-detail-row", children: [
+          _optionalChain([swappedFiatContext, 'optionalAccess', _355 => _355.paidAmountUsd]) != null && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-review-detail-row", children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "You pay" }),
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-review-detail-value", children: [
               "$",
@@ -7171,7 +7346,7 @@ function ProcessingStep({
               ] })
             ] })
           ] }),
-          _optionalChain([swappedFiatContext, 'optionalAccess', _353 => _353.onrampFeeUsd]) != null && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-review-detail-row", children: [
+          _optionalChain([swappedFiatContext, 'optionalAccess', _356 => _356.onrampFeeUsd]) != null && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-review-detail-row", children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "On-ramp fee" }),
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-review-detail-value", children: [
               "$",
@@ -7238,7 +7413,7 @@ function ProcessingStep({
             ) })
           ] })
         ] }) : (() => {
-          const { display, struck } = quoteFeeRow(_optionalChain([quote, 'optionalAccess', _354 => _354.fees]));
+          const { display, struck } = quoteFeeRow(_optionalChain([quote, 'optionalAccess', _357 => _357.fees]));
           if (display !== null) {
             return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-review-detail-row", children: [
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Fees" }),
@@ -7270,6 +7445,11 @@ function ProcessingStep({
         })()
       ] }),
       isFailed && failureMessage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Callout, { variant: "error", children: failureMessage }),
+      isProcessing && expectedDuration !== void 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "rs-pending-expectation", children: [
+        "Usually arrives in ",
+        expectedDuration
+      ] }),
+      isProcessing && latchedTiming !== void 0 && timingState !== "expected" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Callout, { variant: "warning", children: timingState === "soft" ? "Taking longer than usual. Your funds are safe and this will complete automatically." : "This is taking much longer than usual. Your funds are safe and processing continues automatically." }),
       isProcessing && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         Button,
         {
@@ -7382,7 +7562,7 @@ var setupRequestDedupe = /* @__PURE__ */ new Map();
 function readDedupedAccountSetupResult(requestKey) {
   const now = Date.now();
   const existing = setupRequestDedupe.get(requestKey);
-  if (_optionalChain([existing, 'optionalAccess', _355 => _355.settled]) && existing.expiresAt > now && existing.result) {
+  if (_optionalChain([existing, 'optionalAccess', _358 => _358.settled]) && existing.expiresAt > now && existing.result) {
     return existing.result;
   }
   return null;
@@ -7416,7 +7596,7 @@ async function runAccountSetup(input, deps) {
         chain: _chunkOY5N3E6Lcjs.targetChainToCaip2.call(void 0, input.targetChain),
         token: input.targetToken,
         recipient: input.recipient,
-        ..._optionalChain([input, 'access', _356 => _356.outputTokenRules, 'optionalAccess', _357 => _357.length]) && {
+        ..._optionalChain([input, 'access', _359 => _359.outputTokenRules, 'optionalAccess', _360 => _360.length]) && {
           outputTokenRules: input.outputTokenRules
         },
         ...input.rejectUnmapped != null && {
@@ -7596,4 +7776,5 @@ function mapError(error) {
 
 
 
-exports.Modal = Modal; exports.WalletIcon = WalletIcon; exports.ExternalLinkIcon = ExternalLinkIcon; exports.CheckIcon = CheckIcon; exports.TransferCryptoIcon = TransferCryptoIcon; exports.ChevronLeftIcon = ChevronLeftIcon; exports.ChevronDownIcon = ChevronDownIcon; exports.CloseIcon = CloseIcon; exports.HandCoinsIcon = HandCoinsIcon; exports.InfoIcon = InfoIcon; exports.CopyIcon = CopyIcon; exports.CircleArrowOutUpLeftIcon = CircleArrowOutUpLeftIcon; exports.CardIcon = CardIcon; exports.BankIcon = BankIcon; exports.UnplugIcon = UnplugIcon; exports.MigrateAssetsIcon = MigrateAssetsIcon; exports.AppleIcon = AppleIcon; exports.BodyHeader = BodyHeader; exports.CdnIcon = CdnIcon; exports.ListRow = ListRow; exports.PoweredBy = PoweredBy; exports.Spinner = Spinner; exports.catalogKeyForChain = catalogKeyForChain; exports.debugLog = debugLog; exports.debugError = debugError; exports.getAssetId = getAssetId; exports.chainIdsByValue = chainIdsByValue; exports.portfolioToAssets = portfolioToAssets; exports.isNativeAsset = isNativeAsset; exports.quoteFeeRow = quoteFeeRow; exports.SwappedConnectFeeChangedError = SwappedConnectFeeChangedError; exports.SUPPORTED_CONNECT_EXCHANGE_COUNT = SUPPORTED_CONNECT_EXCHANGE_COUNT; exports.resolveAppFeeBps = resolveAppFeeBps; exports.PermitDepositSubmitError = PermitDepositSubmitError; exports.createDepositService = createDepositService; exports.rpcUrlFor = rpcUrlFor; exports.RpcUrlsProvider = RpcUrlsProvider; exports.useRpcUrls = useRpcUrls; exports.useStableRpcUrls = useStableRpcUrls; exports.getPublicClient = getPublicClient; exports.peekRuntimeChains = peekRuntimeChains; exports.primeRuntimeChains = primeRuntimeChains; exports.useChainCatalog = useChainCatalog; exports.useCatalogChain = useCatalogChain; exports.useDepositChainIds = useDepositChainIds; exports.useDestinationChains = useDestinationChains; exports.useTargetTokens = useTargetTokens; exports.useIsDepositChain = useIsDepositChain; exports.useChainName = useChainName; exports.useReadClient = useReadClient; exports.useExplorerTxUrl = useExplorerTxUrl; exports.ChainCatalogProvider = ChainCatalogProvider; exports.getExchangeLogoSrc = getExchangeLogoSrc; exports.getExchangeLogo = getExchangeLogo; exports.useLatestRef = useLatestRef; exports.Button = Button; exports.Callout = Callout; exports.TokenIcon = TokenIcon; exports.currencyFormatter = currencyFormatter; exports.tokenFormatter = tokenFormatter; exports.isUnsupportedChainSwitchError = isUnsupportedChainSwitchError; exports.formatUserError = formatUserError; exports.Tooltip = Tooltip; exports.markSubmissionUncertain = markSubmissionUncertain; exports.isSubmissionUncertain = isSubmissionUncertain; exports.formatTokenAmount = formatTokenAmount; exports.isDisplayStablecoinSymbol = isDisplayStablecoinSymbol; exports.isRecognizedToken = isRecognizedToken; exports.formatQuotedReceive = formatQuotedReceive; exports.formatReceiveEstimate = formatReceiveEstimate; exports.getEventTxHash = getEventTxHash; exports.getEventSourceDetails = getEventSourceDetails; exports.isDepositEvent = isDepositEvent; exports.isFailedEvent = isFailedEvent; exports.txRefsMatch = txRefsMatch; exports.failureMessageForEvent = failureMessageForEvent; exports.fetchTokenPriceUsd = fetchTokenPriceUsd; exports.useTokenPrices = useTokenPrices; exports.ProcessingStep = ProcessingStep; exports.AnalyticsSession = AnalyticsSession; exports.useDepositAnalyticsEmitter = useDepositAnalyticsEmitter; exports.useWithdrawAnalyticsEmitter = useWithdrawAnalyticsEmitter; exports.SetupError = SetupError; exports.deriveAccountSalt = deriveAccountSalt; exports.computeRequestKey = computeRequestKey; exports.computeCacheKey = computeCacheKey; exports.computeIsCacheable = computeIsCacheable; exports.readDedupedAccountSetupResult = readDedupedAccountSetupResult; exports.runAccountSetupDeduped = runAccountSetupDeduped; exports.HistoryEntryButton = HistoryEntryButton; exports.HistoryOverlay = HistoryOverlay; exports.useHistoryPanel = useHistoryPanel; exports.resolveThemeMode = resolveThemeMode; exports.followSystemAppearance = followSystemAppearance; exports.applyTheme = applyTheme; exports.warnRemovedProps = warnRemovedProps; exports.checkBackendUrl = checkBackendUrl; exports.isHistoryEntryVisible = isHistoryEntryVisible; exports.createHistoryAnalytics = createHistoryAnalytics; exports.analyticsTargetProperties = analyticsTargetProperties;
+
+exports.Modal = Modal; exports.WalletIcon = WalletIcon; exports.ExternalLinkIcon = ExternalLinkIcon; exports.CheckIcon = CheckIcon; exports.TransferCryptoIcon = TransferCryptoIcon; exports.ChevronLeftIcon = ChevronLeftIcon; exports.ChevronDownIcon = ChevronDownIcon; exports.CloseIcon = CloseIcon; exports.HandCoinsIcon = HandCoinsIcon; exports.InfoIcon = InfoIcon; exports.CopyIcon = CopyIcon; exports.CircleArrowOutUpLeftIcon = CircleArrowOutUpLeftIcon; exports.CardIcon = CardIcon; exports.BankIcon = BankIcon; exports.UnplugIcon = UnplugIcon; exports.MigrateAssetsIcon = MigrateAssetsIcon; exports.AppleIcon = AppleIcon; exports.BodyHeader = BodyHeader; exports.CdnIcon = CdnIcon; exports.ListRow = ListRow; exports.PoweredBy = PoweredBy; exports.Spinner = Spinner; exports.catalogKeyForChain = catalogKeyForChain; exports.debugLog = debugLog; exports.debugError = debugError; exports.getAssetId = getAssetId; exports.chainIdsByValue = chainIdsByValue; exports.portfolioToAssets = portfolioToAssets; exports.isNativeAsset = isNativeAsset; exports.quoteFeeRow = quoteFeeRow; exports.SwappedConnectFeeChangedError = SwappedConnectFeeChangedError; exports.SUPPORTED_CONNECT_EXCHANGE_COUNT = SUPPORTED_CONNECT_EXCHANGE_COUNT; exports.resolveAppFeeBps = resolveAppFeeBps; exports.PermitDepositSubmitError = PermitDepositSubmitError; exports.createDepositService = createDepositService; exports.rpcUrlFor = rpcUrlFor; exports.RpcUrlsProvider = RpcUrlsProvider; exports.useRpcUrls = useRpcUrls; exports.useStableRpcUrls = useStableRpcUrls; exports.getPublicClient = getPublicClient; exports.peekRuntimeChains = peekRuntimeChains; exports.primeRuntimeChains = primeRuntimeChains; exports.useChainCatalog = useChainCatalog; exports.useCatalogChain = useCatalogChain; exports.useDepositChainIds = useDepositChainIds; exports.useDestinationChains = useDestinationChains; exports.useTargetTokens = useTargetTokens; exports.useIsDepositChain = useIsDepositChain; exports.useChainName = useChainName; exports.useReadClient = useReadClient; exports.useExplorerTxUrl = useExplorerTxUrl; exports.ChainCatalogProvider = ChainCatalogProvider; exports.getExchangeLogoSrc = getExchangeLogoSrc; exports.getExchangeLogo = getExchangeLogo; exports.useLatestRef = useLatestRef; exports.Button = Button; exports.Callout = Callout; exports.TokenIcon = TokenIcon; exports.currencyFormatter = currencyFormatter; exports.tokenFormatter = tokenFormatter; exports.isUnsupportedChainSwitchError = isUnsupportedChainSwitchError; exports.formatUserError = formatUserError; exports.Tooltip = Tooltip; exports.formatExpectedDuration = formatExpectedDuration; exports.markSubmissionUncertain = markSubmissionUncertain; exports.isSubmissionUncertain = isSubmissionUncertain; exports.formatTokenAmount = formatTokenAmount; exports.isDisplayStablecoinSymbol = isDisplayStablecoinSymbol; exports.isRecognizedToken = isRecognizedToken; exports.formatQuotedReceive = formatQuotedReceive; exports.formatReceiveEstimate = formatReceiveEstimate; exports.getEventTxHash = getEventTxHash; exports.getEventSourceDetails = getEventSourceDetails; exports.isDepositEvent = isDepositEvent; exports.isFailedEvent = isFailedEvent; exports.txRefsMatch = txRefsMatch; exports.failureMessageForEvent = failureMessageForEvent; exports.fetchTokenPriceUsd = fetchTokenPriceUsd; exports.useTokenPrices = useTokenPrices; exports.ProcessingStep = ProcessingStep; exports.AnalyticsSession = AnalyticsSession; exports.useDepositAnalyticsEmitter = useDepositAnalyticsEmitter; exports.useWithdrawAnalyticsEmitter = useWithdrawAnalyticsEmitter; exports.SetupError = SetupError; exports.deriveAccountSalt = deriveAccountSalt; exports.computeRequestKey = computeRequestKey; exports.computeCacheKey = computeCacheKey; exports.computeIsCacheable = computeIsCacheable; exports.readDedupedAccountSetupResult = readDedupedAccountSetupResult; exports.runAccountSetupDeduped = runAccountSetupDeduped; exports.HistoryEntryButton = HistoryEntryButton; exports.HistoryOverlay = HistoryOverlay; exports.useHistoryPanel = useHistoryPanel; exports.resolveThemeMode = resolveThemeMode; exports.followSystemAppearance = followSystemAppearance; exports.applyTheme = applyTheme; exports.warnRemovedProps = warnRemovedProps; exports.checkBackendUrl = checkBackendUrl; exports.isHistoryEntryVisible = isHistoryEntryVisible; exports.createHistoryAnalytics = createHistoryAnalytics; exports.analyticsTargetProperties = analyticsTargetProperties;