useVault

function useVault(): {
  vault: (args: { vaultId: string }) => Promise<VaultRequest>;
  status: "idle" | "pending" | "success" | "error";
  data: VaultRequest | null;
  error: Error | null;
  reset: () => void;
};

"use client";
import { useCanVault, useVault } from "@endstate-sdk/web/react";

function VaultButton() {
  const { data: eligibility } = useCanVault();
  const { vault, status, data } = useVault();
  if (data) return <p>Vault request {data.status}.</p>;
  if (!eligibility?.vaultable || !eligibility.vault) return null;
  return (
    <button
      disabled={status === "pending"}
      onClick={() => vault({ vaultId: eligibility.vault!.id })}
    >
      Vault this item with {eligibility.vault.name}?
    </button>
  );
}