Introduction

import { CavosProvider, useCavos } from '@cavos/react';

function App() {
  return (
    <CavosProvider 
      config={{ 
        appId: 'your-app-id',
        session: {
          defaultPolicy: {
            allowedContracts: ['0x049d...'],
            spendingLimits: [{ token: '0x049d...', limit: 10n * 10n**18n }],
            maxCallsPerTx: 10
          }
        }
      }}
    >
      <WalletDemo />
    </CavosProvider>
  );
}

function WalletDemo() {
  const { login, register, address, execute, isAuthenticated } = useCavos();

  // Social Login
  const handleSocialLogin = async () => {
    await login('google');  // or 'apple'
    // Wallet is ready! Ephemeral key generated automatically
  };

  // Email/Password Registration
  const handleRegister = async () => {
    await register('firebase', {
      email: 'user@example.com',
      password: 'secure123'
    });
    // User receives verification email
  };

  // Email/Password Login
  const handleEmailLogin = async () => {
    await login('firebase', {
      email: 'user@example.com',
      password: 'secure123'
    });
    // Must verify email before login succeeds
  };

  if (!isAuthenticated || !address) {
    return (
      <div>
        <button onClick={handleSocialLogin}>Login with Google</button>
        <button onClick={handleRegister}>Register with Email</button>
      </div>
    );
  }

  // Transactions are signed automatically with session key
  const handleTransfer = async () => {
    const txHash = await execute({
      contractAddress: '0x049d36570d4e46f48e99674bd3fcc84644ddd6b96f7c741b1562b82f9e004dc7',
      entrypoint: 'transfer',
      calldata: ['0x...recipient', '1000000000000000000', '0'],
    });
    console.log('Transaction hash:', txHash);
  };

  return (
    <div>
      <p>Connected: {address}</p>
      <button onClick={handleTransfer}>Send Transfer (Gasless)</button>
    </div>
  );
}