Upgrade an EOA (EIP-7702)

npm install @coinbase/cdp-core @coinbase/cdp-hooks @coinbase/cdp-api-client

import { EvmEip7702DelegationNetwork } from "@coinbase/cdp-api-client";
import { useCreateEvmEip7702Delegation, useCurrentUser } from "@coinbase/cdp-hooks";

function DelegateAccount() {
  const { createEvmEip7702Delegation, data, status: operation, error } = useCreateEvmEip7702Delegation();
  const { currentUser } = useCurrentUser();

  const handleDelegate = async () => {
    const eoaAddress = currentUser?.evmAccountObjects?.[0]?.address;
    if (!eoaAddress) return;

    try {
      const result = await createEvmEip7702Delegation({
        address: eoaAddress,
        network: EvmEip7702DelegationNetwork["base-sepolia"],
        enableSpendPermissions: false, // set to true to enable spend permissions
      });

      console.log("Delegation started:", result.delegationOperationId);
    } catch (err) {
      console.error("Delegation failed:", err);
    }
  };

  // data is set immediately when the delegation is created;
  // operation is only set once polling reaches a terminal state.
  const isInProgress = !!data && !operation && !error;

  return (
    <div>
      {!data && <p>Ready to delegate</p>}

      {isInProgress && <p>Waiting for delegation to complete...</p>}

      {operation?.status === "COMPLETED" && (
        <div>
          <p>Delegation complete!</p>
          <p>Transaction: {operation.transactionHash}</p>
          <p>Delegate address: {operation.delegateAddress}</p>
        </div>
      )}

      {operation?.status === "FAILED" && <p>Delegation failed. Please try again.</p>}

      {error && <p>Error: {error.message}</p>}

      <button onClick={handleDelegate} disabled={isInProgress}>
        {isInProgress ? "Delegating..." : "Delegate Account"}
      </button>
    </div>
  );
}

import { useWaitForEvmEip7702Delegation } from "@coinbase/cdp-hooks";

function DelegationStatus({ delegationOperationId }: { delegationOperationId: string }) {
  const { data, error } = useWaitForEvmEip7702Delegation({
    delegationOperationId,
    enabled: true, // set to false to pause polling
  });

  if (error) return <p>Error: {error.message}</p>;
  if (!data) return <p>Loading...</p>;

  return (
    <div>
      <p>Status: {data.status}</p>
      {data.transactionHash && <p>TX: {data.transactionHash}</p>}
      {data.delegateAddress && <p>Delegate: {data.delegateAddress}</p>}
    </div>
  );
}

import { useGetEvmEip7702DelegationOperation } from "@coinbase/cdp-hooks";

function CheckStatus() {
  const { getEvmEip7702DelegationOperation, data, error, status } = useGetEvmEip7702DelegationOperation();

  const handleCheck = async () => {
    await getEvmEip7702DelegationOperation({ delegationOperationId: "your-operation-id" });
  };

  return (
    <div>
      <button onClick={handleCheck}>Check Status</button>
      {data && <p>Status: {data.status}</p>}
    </div>
  );
}

import { createEvmEip7702Delegation, waitForEvmEip7702Delegation, getEvmEip7702DelegationOperation } from "@coinbase/cdp-core";

// Create the delegation
const { delegationOperationId } = await createEvmEip7702Delegation({
  address: eoaAddress,
  network: "base-sepolia",
});

// Wait for completion (polls every 1s, timeout 60s)
const operation = await waitForEvmEip7702Delegation({
  delegationOperationId,
  intervalMs: 2000,   // optional, default: 2000
  timeoutMs: 120000,  // optional, default: 120000
});

// Or check status once
const status = await getEvmEip7702DelegationOperation({ delegationOperationId });