@rhinestone/deposit-modal 0.8.1 → 0.9.0

package/dist/chunk-PAGMU4RQ.cjs

@@ -0,0 +1,865 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+var _chunkT7LGQFP3cjs = require('./chunk-T7LGQFP3.cjs');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _chunkVN4BLZYCcjs = require('./chunk-VN4BLZYC.cjs');
+
+
+var _chunkNEXUCY4Bcjs = require('./chunk-NEXUCY4B.cjs');
+
+
+
+
+
+
+
+var _chunkH577RJN5cjs = require('./chunk-H577RJN5.cjs');
+
+// src/ClaimModal.tsx
+
+
+
+
+
+
+
+var _react = require('react');
+var _viem = require('viem');
+
+// src/components/ui/Input.tsx
+
+var _jsxruntime = require('react/jsx-runtime');
+var Input = _react.forwardRef.call(void 0, 
+  ({ label, error, variant, className = "", ...props }, ref) => {
+    const inputVariant = error ? "error" : variant || "default";
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-input-wrapper", children: [
+      label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { className: "rs-input-label", children: label }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "input",
+        {
+          ref,
+          className: `rs-input rs-input--${inputVariant} ${className}`,
+          ...props
+        }
+      ),
+      error && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "rs-input-error", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVN4BLZYCcjs.AlertTriangleIcon, { className: "rs-input-error-icon" }),
+        error
+      ] })
+    ] });
+  }
+);
+Input.displayName = "Input";
+
+// src/core/recovery.ts
+var RECOVER_DOMAIN = {
+  name: "Rhinestone Deposit Recovery",
+  version: "1"
+};
+var RECOVER_TYPES = {
+  RecoverDeposit: [
+    { name: "depositId", type: "uint256" },
+    { name: "destination", type: "address" }
+  ]
+};
+var RecoveryError = class extends Error {
+  constructor(message, status, code, retryable = false) {
+    super(message);
+    this.name = "RecoveryError";
+    this.status = status;
+    this.code = code;
+    this.retryable = retryable;
+  }
+};
+function formatRecoveryError(status, code, serverMessage) {
+  switch (code) {
+    case "DEPOSIT_NOT_RECOVERABLE":
+      return {
+        message: "This deposit can't be recovered \u2014 it may already have been claimed.",
+        retryable: false
+      };
+    case "RECOVERY_UNSUPPORTED":
+      return {
+        message: "This deposit can't be recovered automatically. Contact support to get your funds back.",
+        retryable: false
+      };
+    case "SIGNATURE_INVALID":
+      return {
+        message: "That signature wasn't accepted for this wallet. Contact support to recover this deposit.",
+        retryable: false
+      };
+    case "VERIFICATION_UNAVAILABLE":
+      return {
+        message: "Couldn't verify your signature just now. Try again shortly.",
+        retryable: true
+      };
+    case "REFUND_RECONCILIATION_REQUIRED":
+      return {
+        message: "Your recovery is being reviewed. Contact support with this deposit if it doesn't arrive.",
+        retryable: false
+      };
+    case "REFUND_FAILED":
+      return {
+        message: _nullishCoalesce(serverMessage, () => ( "The recovery couldn't be completed. Please try again or contact support.")),
+        retryable: true
+      };
+    default:
+      if (status === 0) {
+        return {
+          message: "Couldn't reach the recovery service. Check your connection and try again.",
+          retryable: true
+        };
+      }
+      return {
+        message: _nullishCoalesce(serverMessage, () => ( "The recovery couldn't be completed. Please try again or contact support.")),
+        retryable: true
+      };
+  }
+}
+async function submitSignedRecovery(params) {
+  const { backendUrl, depositId, signer, destination, signRecovery, debug } = params;
+  const scope = "service:recovery";
+  const typedData = {
+    domain: RECOVER_DOMAIN,
+    types: RECOVER_TYPES,
+    primaryType: "RecoverDeposit",
+    message: { depositId: BigInt(depositId), destination }
+  };
+  let signature;
+  try {
+    signature = await signRecovery({ typedData, signer, depositId, destination });
+  } catch (error) {
+    _chunkVN4BLZYCcjs.debugError.call(void 0, debug, scope, "signRecovery:failed", error);
+    throw new RecoveryError(
+      "Signature request was declined. Approve it in your wallet to recover this deposit.",
+      0,
+      void 0,
+      true
+    );
+  }
+  if (!signature) {
+    throw new RecoveryError(
+      "Signature request was declined. Approve it in your wallet to recover this deposit.",
+      0,
+      void 0,
+      true
+    );
+  }
+  const url = `${backendUrl.replace(/\/$/, "")}/deposits/recover`;
+  _chunkVN4BLZYCcjs.debugLog.call(void 0, debug, scope, "submitSignedRecovery:request", {
+    url,
+    depositId,
+    signer
+  });
+  let response;
+  try {
+    response = await fetch(url, {
+      method: "POST",
+      // 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: _chunkNEXUCY4Bcjs.SERVICE_HEADERS,
+      // `depositId` as a string: it is a uint256 upstream and JSON numbers lose
+      // precision well before that range.
+      body: JSON.stringify({ depositId, destination, signature })
+    });
+  } catch (error) {
+    _chunkVN4BLZYCcjs.debugError.call(void 0, debug, scope, "submitSignedRecovery:network", error);
+    const { message, retryable } = formatRecoveryError(0);
+    throw new RecoveryError(message, 0, void 0, retryable);
+  }
+  if (!response.ok) {
+    const body = await response.json().catch(() => ({}));
+    _chunkVN4BLZYCcjs.debugError.call(void 0, debug, scope, "submitSignedRecovery:failed", body, {
+      status: response.status
+    });
+    const { message, retryable } = formatRecoveryError(
+      response.status,
+      body.code,
+      body.error
+    );
+    throw new RecoveryError(message, response.status, body.code, retryable);
+  }
+  const result = await response.json();
+  _chunkVN4BLZYCcjs.debugLog.call(void 0, debug, scope, "submitSignedRecovery:success", {
+    transactionHash: result.transactionHash
+  });
+  return result;
+}
+
+// src/ClaimModal.tsx
+
+function evmChainIdFromCaip2(chain) {
+  if (!_optionalChain([chain, 'optionalAccess', _ => _.startsWith, 'call', _2 => _2("eip155:")])) return null;
+  const id = Number.parseInt(chain.slice("eip155:".length), 10);
+  return Number.isFinite(id) ? id : null;
+}
+function isEligible(row) {
+  return row.status === "failed" || row.status === "rejected";
+}
+function describeDeposit(row) {
+  const chainId = _nullishCoalesce(evmChainIdFromCaip2(row.chain), () => ( 0));
+  const decimals = _chunkH577RJN5cjs.getTokenDecimalsByAddress.call(void 0, row.token, chainId);
+  const symbol = _chunkH577RJN5cjs.getTokenSymbol.call(void 0, row.token, chainId);
+  const raw = BigInt(_nullishCoalesce(_nullishCoalesce(row.sourceAmount, () => ( row.amount)), () => ( "0")));
+  const human = Number(_viem.formatUnits.call(void 0, raw, decimals));
+  const amount = _nullishCoalesce(_chunkVN4BLZYCcjs.formatTokenAmount.call(void 0, human, symbol), () => ( _viem.formatUnits.call(void 0, raw, decimals)));
+  return {
+    chainId,
+    symbol,
+    amount,
+    chainName: _chunkH577RJN5cjs.getChainName.call(void 0, chainId),
+    chainIcon: _chunkH577RJN5cjs.getChainIcon.call(void 0, chainId)
+  };
+}
+function shortenHash(hash) {
+  return `${hash.slice(0, 10)}\u2026${hash.slice(-8)}`;
+}
+function shortenAddress(addr) {
+  return addr.length > 12 ? `${addr.slice(0, 6)}\u2026${addr.slice(-4)}` : addr;
+}
+function humanizeStatus(status) {
+  if (!status) return void 0;
+  const spaced = status.replace(/[_-]+/g, " ").trim();
+  return spaced.charAt(0).toUpperCase() + spaced.slice(1);
+}
+var INITIAL_STATE = {
+  step: "lookup",
+  deposits: [],
+  selected: null,
+  result: null,
+  error: null,
+  retryable: true
+};
+function claimReducer(state, action) {
+  switch (action.type) {
+    case "lookup/results":
+      return {
+        ...state,
+        deposits: action.deposits,
+        selected: action.autoSelect,
+        step: action.autoSelect ? "review" : "select",
+        error: null
+      };
+    case "select":
+      return { ...state, selected: action.deposit, step: "review", error: null };
+    case "back":
+      if (state.step === "failed") return { ...state, step: "review", error: null };
+      if (state.step === "review")
+        return {
+          ...state,
+          step: state.deposits.length > 1 ? "select" : "lookup",
+          error: null
+        };
+      if (state.step === "select") return { ...INITIAL_STATE };
+      return state;
+    case "submit":
+      return { ...state, step: "processing", error: null };
+    case "complete":
+      return {
+        ...state,
+        step: "complete",
+        result: {
+          txHash: action.txHash,
+          amount: action.amount,
+          amountDisplay: action.amountDisplay,
+          symbol: action.symbol,
+          destination: action.destination,
+          chain: action.chain
+        }
+      };
+    case "failed":
+      return {
+        ...state,
+        step: "failed",
+        error: action.error,
+        retryable: _nullishCoalesce(action.retryable, () => ( true))
+      };
+    case "reset":
+      return { ...INITIAL_STATE };
+    default:
+      return state;
+  }
+}
+function ClaimModal({
+  signRecovery,
+  isOpen,
+  onClose,
+  inline,
+  closeOnOverlayClick,
+  backendUrl,
+  rpcUrls: rpcUrlsProp,
+  defaultTxHash,
+  defaultRefundDestination,
+  theme,
+  uiConfig,
+  className,
+  onReady,
+  onLifecycle,
+  onEvent,
+  onError,
+  debug
+}) {
+  _chunkVN4BLZYCcjs.checkBackendUrl.call(void 0, "ClaimModal", backendUrl);
+  const modalRef = _react.useRef.call(void 0, null);
+  const onReadyRef = _chunkVN4BLZYCcjs.useLatestRef.call(void 0, onReady);
+  const onLifecycleRef = _chunkVN4BLZYCcjs.useLatestRef.call(void 0, onLifecycle);
+  const onEventRef = _chunkVN4BLZYCcjs.useLatestRef.call(void 0, onEvent);
+  const onErrorRef = _chunkVN4BLZYCcjs.useLatestRef.call(void 0, onError);
+  const rpcUrls = _chunkVN4BLZYCcjs.useStableRpcUrls.call(void 0, rpcUrlsProp);
+  const service = _react.useMemo.call(void 0, 
+    () => _chunkVN4BLZYCcjs.createDepositService.call(void 0, backendUrl, { debug, debugScope: "service:claim" }),
+    [backendUrl, debug]
+  );
+  const [state, dispatch] = _react.useReducer.call(void 0, claimReducer, INITIAL_STATE);
+  const operationEpochRef = _react.useRef.call(void 0, 0);
+  const isOpenRef = _react.useRef.call(void 0, isOpen);
+  isOpenRef.current = isOpen;
+  _react.useEffect.call(void 0, () => {
+    if (isOpen && modalRef.current) _chunkVN4BLZYCcjs.applyTheme.call(void 0, modalRef.current, theme);
+  }, [isOpen, theme]);
+  _react.useEffect.call(void 0, () => {
+    if (isOpen) {
+      _optionalChain([onReadyRef, 'access', _3 => _3.current, 'optionalCall', _4 => _4()]);
+      _optionalChain([onEventRef, 'access', _5 => _5.current, 'optionalCall', _6 => _6({ type: "claim_modal_open" })]);
+    }
+  }, [isOpen, onReadyRef, onEventRef]);
+  _react.useEffect.call(void 0, () => {
+    if (!isOpen) {
+      operationEpochRef.current += 1;
+      dispatch({ type: "reset" });
+    }
+  }, [isOpen]);
+  const handleClose = _react.useCallback.call(void 0, () => {
+    if (state.step !== "processing") {
+      operationEpochRef.current += 1;
+      onClose();
+    }
+  }, [state.step, onClose]);
+  const canGoBack = state.step === "select" || state.step === "review" || state.step === "failed";
+  const showBackButton = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _7 => _7.showBackButton]), () => ( true));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVN4BLZYCcjs.RpcUrlsProvider, { value: rpcUrls, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkVN4BLZYCcjs.Modal,
+    {
+      isOpen,
+      onClose: handleClose,
+      className,
+      inline,
+      closeOnOverlayClick,
+      children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref: modalRef, className: "rs-modal", children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-modal-header--redesigned", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-modal-header-nav-left", children: showBackButton && canGoBack && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "button",
+            {
+              type: "button",
+              className: "rs-modal-header-back",
+              "aria-label": "Go back",
+              onClick: () => dispatch({ type: "back" }),
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVN4BLZYCcjs.ChevronLeftIcon, {})
+            }
+          ) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-modal-header-nav-right", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "button",
+            {
+              type: "button",
+              onClick: handleClose,
+              disabled: state.step === "processing",
+              className: "rs-modal-close",
+              "aria-label": "Close",
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVN4BLZYCcjs.CloseIcon, {})
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-modal-body", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          ClaimBody,
+          {
+            state,
+            dispatch,
+            service,
+            signRecovery,
+            backendUrl,
+            debug,
+            defaultTxHash,
+            defaultRefundDestination,
+            onClose: handleClose,
+            operationEpochRef,
+            isOpenRef,
+            onLifecycleRef,
+            onEventRef,
+            onErrorRef
+          }
+        ) })
+      ] })
+    }
+  ) });
+}
+function ClaimBody({
+  state,
+  dispatch,
+  service,
+  signRecovery,
+  backendUrl,
+  debug,
+  defaultTxHash,
+  defaultRefundDestination,
+  onClose,
+  operationEpochRef,
+  isOpenRef,
+  onLifecycleRef,
+  onEventRef,
+  onErrorRef
+}) {
+  switch (state.step) {
+    case "lookup":
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        LookupStep,
+        {
+          service,
+          defaultTxHash,
+          operationEpochRef,
+          isOpenRef,
+          onResults: (deposits) => {
+            const eligible = deposits.filter(isEligible);
+            const autoSelect = deposits.length === 1 && eligible.length === 1 ? deposits[0] : null;
+            dispatch({ type: "lookup/results", deposits, autoSelect });
+          },
+          onLifecycleRef,
+          onEventRef,
+          onErrorRef
+        }
+      );
+    case "select":
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        SelectStep,
+        {
+          deposits: state.deposits,
+          onSelect: (deposit) => dispatch({ type: "select", deposit })
+        }
+      );
+    case "review":
+    case "processing":
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        ReviewStep,
+        {
+          deposit: state.selected,
+          submitting: state.step === "processing",
+          defaultRefundDestination,
+          onSubmit: (destination) => submitRecoveryRequest(destination)
+        }
+      );
+    case "complete":
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ResultStep, { result: state.result, onClose, onReset: () => dispatch({ type: "reset" }) });
+    case "failed":
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        ResultStep,
+        {
+          error: state.error,
+          onClose,
+          onRetry: state.retryable ? () => dispatch({ type: "back" }) : void 0
+        }
+      );
+    default:
+      return null;
+  }
+  async function submitRecoveryRequest(destination) {
+    const deposit = state.selected;
+    if (!deposit) return;
+    const sourceChainId = evmChainIdFromCaip2(deposit.chain);
+    if (sourceChainId == null || !deposit.id || !deposit.recipient || !deposit.depositAddress || !deposit.token || !deposit.chain) {
+      dispatch({
+        type: "failed",
+        error: "Deposit is missing data required to recover it."
+      });
+      return;
+    }
+    const signer = deposit.recipient;
+    const account = deposit.depositAddress;
+    const token = deposit.token;
+    const operationEpoch = operationEpochRef.current;
+    const isCurrentOperation = () => isOpenRef.current && operationEpochRef.current === operationEpoch;
+    dispatch({ type: "submit" });
+    _optionalChain([onEventRef, 'access', _8 => _8.current, 'optionalCall', _9 => _9({
+      type: "claim_modal_refund_click",
+      chain: `eip155:${sourceChainId}`
+    })]);
+    _optionalChain([onLifecycleRef, 'access', _10 => _10.current, 'optionalCall', _11 => _11({
+      type: "refund_requested",
+      account,
+      destination,
+      chain: sourceChainId
+    })]);
+    try {
+      const result = await submitSignedRecovery({
+        backendUrl,
+        depositId: deposit.id,
+        signer,
+        destination,
+        signRecovery,
+        debug
+      });
+      if (!isCurrentOperation()) return;
+      const paidTo = destination;
+      const decimals = _chunkH577RJN5cjs.getTokenDecimalsByAddress.call(void 0, token, sourceChainId);
+      const symbol = _chunkH577RJN5cjs.getTokenSymbol.call(void 0, token, sourceChainId);
+      const refundedRaw = BigInt(
+        _nullishCoalesce(_nullishCoalesce(_nullishCoalesce(result.amount, () => ( deposit.sourceAmount)), () => ( deposit.amount)), () => ( "0"))
+      );
+      const amountDisplay = _nullishCoalesce(_chunkVN4BLZYCcjs.formatTokenAmount.call(void 0, Number(_viem.formatUnits.call(void 0, refundedRaw, decimals)), symbol), () => ( _viem.formatUnits.call(void 0, refundedRaw, decimals)));
+      dispatch({
+        type: "complete",
+        txHash: result.transactionHash,
+        amount: result.amount,
+        amountDisplay,
+        symbol,
+        destination: paidTo,
+        chain: sourceChainId
+      });
+      _optionalChain([onEventRef, 'access', _12 => _12.current, 'optionalCall', _13 => _13({
+        type: "claim_modal_complete",
+        chain: `eip155:${sourceChainId}`
+      })]);
+      _optionalChain([onLifecycleRef, 'access', _14 => _14.current, 'optionalCall', _15 => _15({
+        type: "complete",
+        txHash: result.transactionHash,
+        account,
+        destination: paidTo,
+        chain: sourceChainId,
+        token,
+        amount: result.amount
+      })]);
+    } catch (err) {
+      if (!isCurrentOperation()) return;
+      const recoveryError = err instanceof RecoveryError ? err : void 0;
+      const status = _optionalChain([recoveryError, 'optionalAccess', _16 => _16.status]);
+      const message = _nullishCoalesce(_optionalChain([recoveryError, 'optionalAccess', _17 => _17.message]), () => ( _chunkVN4BLZYCcjs.formatUserError.call(void 0, 
+        err instanceof Error ? err.message : "Recovery failed"
+      )));
+      dispatch({
+        type: "failed",
+        error: message,
+        retryable: _nullishCoalesce(_optionalChain([recoveryError, 'optionalAccess', _18 => _18.retryable]), () => ( true))
+      });
+      _optionalChain([onEventRef, 'access', _19 => _19.current, 'optionalCall', _20 => _20({
+        type: "claim_modal_failed",
+        chain: `eip155:${sourceChainId}`,
+        status
+      })]);
+      _optionalChain([onLifecycleRef, 'access', _21 => _21.current, 'optionalCall', _22 => _22({ type: "failed", status, error: message })]);
+      _optionalChain([onErrorRef, 'access', _23 => _23.current, 'optionalCall', _24 => _24({ message, code: "CLAIM_FAILED" })]);
+    }
+  }
+}
+function LookupStep({
+  service,
+  defaultTxHash,
+  operationEpochRef,
+  isOpenRef,
+  onResults,
+  onLifecycleRef,
+  onEventRef,
+  onErrorRef
+}) {
+  const [txHash, setTxHash] = _react.useState.call(void 0, _nullishCoalesce(defaultTxHash, () => ( "")));
+  const [loading, setLoading] = _react.useState.call(void 0, false);
+  const [error, setError] = _react.useState.call(void 0, null);
+  const trimmed = txHash.trim();
+  const validTxHash = /^0x[a-fA-F0-9]{64}$/.test(trimmed);
+  const handleLookup = _react.useCallback.call(void 0, async () => {
+    const operationEpoch = operationEpochRef.current;
+    const isCurrentOperation = () => isOpenRef.current && operationEpochRef.current === operationEpoch;
+    setError(null);
+    setLoading(true);
+    try {
+      const deposits = await service.lookupRecoverableDeposits({
+        txHash: trimmed
+      });
+      if (!isCurrentOperation()) return;
+      _optionalChain([onLifecycleRef, 'access', _25 => _25.current, 'optionalCall', _26 => _26({
+        type: "lookup",
+        txHash: trimmed,
+        matches: deposits.length
+      })]);
+      _optionalChain([onEventRef, 'access', _27 => _27.current, 'optionalCall', _28 => _28({
+        type: "claim_modal_lookup",
+        matches: deposits.length
+      })]);
+      if (deposits.length === 0) {
+        setError("No deposits found for this transaction.");
+        return;
+      }
+      if (!deposits.some(isEligible)) {
+        setError(
+          "This transaction has no failed or rejected deposits available to recover."
+        );
+        return;
+      }
+      onResults(deposits);
+    } catch (err) {
+      if (!isCurrentOperation()) return;
+      const message = _chunkVN4BLZYCcjs.formatUserError.call(void 0, 
+        err instanceof Error ? err.message : "Lookup failed"
+      );
+      setError(message);
+      _optionalChain([onErrorRef, 'access', _29 => _29.current, 'optionalCall', _30 => _30({ message, code: "CLAIM_LOOKUP_FAILED" })]);
+    } finally {
+      if (isCurrentOperation()) setLoading(false);
+    }
+  }, [
+    trimmed,
+    service,
+    operationEpochRef,
+    isOpenRef,
+    onResults,
+    onLifecycleRef,
+    onEventRef,
+    onErrorRef
+  ]);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-screen", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkVN4BLZYCcjs.BodyHeader,
+        {
+          icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVN4BLZYCcjs.HandCoinsIcon, {}),
+          title: "Claim a deposit",
+          subtitle: "Get funds from a failed deposit sent back to you on the source chain."
+        }
+      ),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        Input,
+        {
+          label: "Transaction hash",
+          placeholder: "0x\u2026",
+          value: txHash,
+          onChange: (e) => setTxHash(e.target.value),
+          error: trimmed.length > 0 && !validTxHash ? "Enter a valid transaction hash" : void 0
+        }
+      ),
+      error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVN4BLZYCcjs.Callout, { variant: "error", children: error }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkVN4BLZYCcjs.Button,
+        {
+          onClick: handleLookup,
+          loading,
+          loadingText: "Searching\u2026",
+          disabled: !validTxHash,
+          fullWidth: true,
+          children: "Find deposit"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVN4BLZYCcjs.PoweredBy, {})
+  ] });
+}
+function SelectStep({
+  deposits,
+  onSelect
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-screen", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkVN4BLZYCcjs.BodyHeader,
+        {
+          icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVN4BLZYCcjs.CoinsIcon, {}),
+          title: "Select a deposit",
+          subtitle: "This transaction produced multiple deposits. Choose the one to claim."
+        }
+      ),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-list", children: deposits.map((row) => {
+        const { symbol, amount, chainName } = describeDeposit(row);
+        const eligible = isEligible(row);
+        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkT7LGQFP3cjs.ListRow,
+          {
+            leadingMedia: _chunkH577RJN5cjs.tokenIconUrl.call(void 0, symbol),
+            title: `${amount} ${symbol}`,
+            subtitle: chainName,
+            meta: eligible ? void 0 : humanizeStatus(row.status),
+            disabled: !eligible,
+            onClick: () => eligible && onSelect(row)
+          },
+          _nullishCoalesce(row.id, () => ( `${row.depositAddress}:${row.token}`))
+        );
+      }) })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVN4BLZYCcjs.PoweredBy, {})
+  ] });
+}
+function ReviewStep({
+  deposit,
+  submitting,
+  defaultRefundDestination,
+  onSubmit
+}) {
+  const { chainId, symbol, amount, chainName, chainIcon } = describeDeposit(deposit);
+  const [destination, setDestination] = _react.useState.call(void 0, _nullishCoalesce(defaultRefundDestination, () => ( "")));
+  const destinationValid = _viem.isAddress.call(void 0, destination);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-screen", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkVN4BLZYCcjs.BodyHeader,
+        {
+          icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVN4BLZYCcjs.HandCoinsIcon, {}),
+          title: "Review refund",
+          subtitle: "This returns the funds on the source chain. It does not retry the original bridge."
+        }
+      ),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-review-details", children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Amount" }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-review-detail-value", children: [
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { children: [
+              amount,
+              " ",
+              symbol
+            ] }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVN4BLZYCcjs.TokenIcon, { symbol }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Source chain" }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-review-detail-value", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: chainName }),
+            chainIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVN4BLZYCcjs.CdnIcon, { src: chainIcon }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Deposit transaction" }),
+          (() => {
+            const url = deposit.txHash ? _chunkH577RJN5cjs.getExplorerTxUrl.call(void 0, chainId, deposit.txHash) : null;
+            const short = deposit.txHash ? shortenHash(deposit.txHash) : "\u2014";
+            return url ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+              "a",
+              {
+                className: "rs-review-detail-value rs-link",
+                href: url,
+                target: "_blank",
+                rel: "noreferrer",
+                children: [
+                  short,
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVN4BLZYCcjs.ExternalLinkIcon, {})
+                ]
+              }
+            ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-review-detail-value", children: short });
+          })()
+        ] })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        Input,
+        {
+          label: "Send to",
+          placeholder: "0x\u2026",
+          value: destination,
+          onChange: (e) => setDestination(e.target.value),
+          error: destination.length > 0 && !destinationValid ? "Enter a valid address" : void 0
+        }
+      ),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkVN4BLZYCcjs.Button,
+        {
+          onClick: () => destinationValid && onSubmit(destination),
+          loading: submitting,
+          loadingText: "Refunding\u2026",
+          disabled: !destinationValid,
+          fullWidth: true,
+          children: "Claim refund"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVN4BLZYCcjs.PoweredBy, {})
+  ] });
+}
+function ResultStep({
+  result,
+  error,
+  onClose,
+  onReset,
+  onRetry
+}) {
+  const success = !!result;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-screen", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkVN4BLZYCcjs.BodyHeader,
+        {
+          icon: success ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVN4BLZYCcjs.CheckIcon, {}) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVN4BLZYCcjs.AlertTriangleIcon, {}),
+          variant: success ? "success" : "error",
+          title: success ? "Refund submitted" : "Refund failed",
+          subtitle: success ? "Your funds are being returned on the source chain." : void 0
+        }
+      ),
+      success ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-review-details", children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Amount" }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-review-detail-value", children: [
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { children: [
+              result.amountDisplay,
+              " ",
+              result.symbol
+            ] }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVN4BLZYCcjs.TokenIcon, { symbol: result.symbol }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Sent to" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-review-detail-value", children: shortenAddress(result.destination) })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Transaction" }),
+          (() => {
+            const url = _chunkH577RJN5cjs.getExplorerTxUrl.call(void 0, result.chain, result.txHash);
+            const short = shortenHash(result.txHash);
+            return url ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+              "a",
+              {
+                className: "rs-review-detail-value rs-link",
+                href: url,
+                target: "_blank",
+                rel: "noreferrer",
+                children: [
+                  short,
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVN4BLZYCcjs.ExternalLinkIcon, {})
+                ]
+              }
+            ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-review-detail-value", children: short });
+          })()
+        ] })
+      ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVN4BLZYCcjs.Callout, { variant: "error", children: error }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-screen-button-row", children: success ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+        onReset && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVN4BLZYCcjs.Button, { variant: "outline", onClick: onReset, fullWidth: true, children: "Claim another deposit" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVN4BLZYCcjs.Button, { onClick: onClose, fullWidth: true, children: "Done" })
+      ] }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVN4BLZYCcjs.Button, { variant: "outline", onClick: onClose, fullWidth: true, children: "Cancel" }),
+        onRetry && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVN4BLZYCcjs.Button, { onClick: onRetry, fullWidth: true, children: "Try again" })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVN4BLZYCcjs.PoweredBy, {})
+  ] });
+}
+
+
+
+exports.ClaimModal = ClaimModal;