useRequestUnvault

function useRequestUnvault(): {
  requestUnvault: (args: { requestId: string }) => Promise<WalletSubmission>;
  status: "idle" | "pending" | "success" | "error";
  data: WalletSubmission | null;
  error: Error | null;
  reset: () => void;
};

"use client";
import { useRequestUnvault } from "@endstate-sdk/web/react";

// requestId is the id vault() returned, kept by your server.
function UnvaultButton({ requestId }: { requestId: string }) {
  const { requestUnvault, status, error } = useRequestUnvault();
  if (status === "success") return <p>We asked the vault for your item.</p>;
  return (
    <>
      <button
        disabled={status === "pending"}
        // `error` shows a refusal, so the click drops the rejection.
        onClick={() => requestUnvault({ requestId }).catch(() => {})}
      >
        Send this item back to me
      </button>
      {error && <p role="alert">{error.message}</p>}
    </>
  );
}