useCancelUnvault

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

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

// requestId is the id vault() returned, kept by your server.
function KeepInVaultButton({ requestId }: { requestId: string }) {
  const { cancelUnvault, status, error } = useCancelUnvault();
  return (
    <>
      <button
        disabled={status === "pending" || status === "success"}
        // `error` shows a refusal, so the click drops the rejection.
        onClick={() => cancelUnvault({ requestId }).catch(() => {})}
      >
        Keep this item in the vault
      </button>
      {error && <p role="alert">{error.message}</p>}
    </>
  );
}