apiUrl: string

apiUrl: 'http://localhost:3001'

whatsappNumber: string

whatsappNumber: '+1234567890'

pinLength?: number

pinLength: 8

expiresIn?: number

expiresIn: 300  // 5 minutos

maxAutoRegenerations?: number

maxAutoRegenerations: 5

autoGenerate?: boolean

autoGenerate: true

messagePrefix?: string

messagePrefix: 'Código:'

onPinGenerated?: (pin: string, emojis: string[]) => void

onPinGenerated: (pin, emojis) => {
  console.log('PIN generado:', pin);
  console.log('Emojis:', emojis);
}

onSuccess?: (user: User) => void

onSuccess: (user) => {
  console.log('Usuario autenticado:', user);
  localStorage.setItem('token', user.token);
}

onError?: (error: CamarauthError) => void

onError: (error) => {
  console.error('Error:', error.message);
  alert('Error: ' + error.message);
}

onExpire?: () => void

onExpire: () => {
  console.log('PIN expirado');
  alert('El código ha expirado. Por favor genera uno nuevo.');
}

onMaxRegenerationsReached?: () => void

onMaxRegenerationsReached: () => {
  console.log('Máximo de intentos alcanzado');
  alert('Has alcanzado el máximo de intentos.');
}

import { usePinAuth } from '@camarauth/sdk/react';

function LoginComponent() {
  const auth = usePinAuth({
    // Requeridas
    apiUrl: 'http://localhost:3001',
    whatsappNumber: '+1234567890',
    
    // Opcionales
    pinLength: 6,
    expiresIn: 180,
    maxAutoRegenerations: 3,
    autoGenerate: false,
    messagePrefix: 'PIN:',
    
    // Callbacks
    onPinGenerated: (pin, emojis) => {
      console.log('PIN:', pin);
    },
    onSuccess: (user) => {
      console.log('Éxito:', user);
    },
    onError: (error) => {
      console.error('Error:', error);
    },
    onExpire: () => {
      console.log('Expirado');
    },
    onMaxRegenerationsReached: () => {
      console.log('Máximo alcanzado');
    }
  });

  return (
    <button onClick={auth.generate}>
      Generar PIN
    </button>
  );
}