useClaim

function useClaim(): {
  claim: (args?: {
    to?: string;
    execution?: "endstate_relay" | "client_broadcast";
    idempotencyKey?: string;
    wait?: boolean;
  }) => Promise<Claim>;
  status: ClaimStatus;
  data: Claim | null;
  error: Error | null;
  reset: () => void;
};

type ClaimStatus =
  | "idle"
  | "claiming"
  | "settling"
  | "claimed"
  | "expired"
  | "failed"
  | "error";

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

export function ClaimButton() {
  const { item } = useSession();
  const { claim, status, error } = useClaim();

  if (!item) return null;
  if (status === "claimed") return <p>Yours. Enjoy {item.name}.</p>;

  return (
    <div>
      <button
        onClick={() => claim()}
        disabled={status === "claiming" || status === "settling"}
      >
        {status === "settling" ? "Finishing..." : "Claim this item"}
      </button>
      {status === "error" && <p>Could not claim: {error?.message}</p>}
    </div>
  );
}

await claim({ to: "0x..." });