Ver plan actual

Consulta la información completa de tu suscripción activa.

Pasos

1. Ve a Configuración > Suscripción
2. En la tarjeta superior verás:
   • Nombre del plan actual
   • Estado de la suscripción (Activa / En prueba / Vencida)
   • Fecha de renovación
   • Días restantes de prueba (si aplica)
3. Los badges indican:
   • 🟢 Activa: Suscripción pagada y funcional
   • 🔵 Prueba: Período de prueba activo (14 días)
   • 🟡 Pago pendiente: Requiere actualizar método de pago
   • 🔴 Cancelada: Sin acceso al sistema

Errores comunes

“No se pudo cargar la suscripción”

Causa: Error de conexión con la base de datos o permisos insuficientes.

Solución:

1. Recarga la página
2. Verifica que tengas rol de Owner del negocio
3. Si persiste, contacta a soporte

Detalles técnicos

Implementación

Hook: useSubscriptionStatus

Ubicación: src/hooks/useSubscriptionStatus.ts

Query:

const { data: subscription } = await supabase
  .from('business_subscriptions')
  .select(`
    *,
    subscription_plans(name, slug, limits)
  `)
  .eq('business_id', currentBusinessId)
  .in('status', ['active', 'trialing', 'past_due', 'canceled'])
  .order('created_at', { ascending: false })
  .limit(1)
  .maybeSingle();

Cálculo de días de prueba restantes:

const trialDaysRemaining = trialEnd && !isPast(trialEnd)
  ? Math.max(0, differenceInDays(trialEnd, now))
  : undefined;

Estados posibles:

• active: Suscripción pagada
• trialing: En período de prueba
• past_due: Pago pendiente (7 días de gracia)
• canceled: Cancelada (sin acceso)
• none: Sin suscripción activa

---