Flujos, estados y beneficios
Flujos de Usuario
A) Recepción en Tiempo Real 🔔
- Ocurre un Evento (ej. 'Saldo actualizado').
- Alerta en Header: La campana se anima ✨ y muestra el badge numérico.
- Card Emergente: Aparece la card emergente (toast) por 8 segundos ⏳.
- Acciones del Afiliado: El afiliado puede hacer clic en la card para ir a la sección, o
abrir el sidesheet (panel lateral) desde la campana.
B) Consulta y Gestión desde el Sidesheet 📖
- Acceso: Abrir el sidesheet desde la campana.
- Filtrar: Usar los chips 🏷️ para clasificar por sección (General, Informes, Wallet,
Configuración).
- Gestión Individual: Marcar como leída ✔️ o eliminar 🗑️ una card (con hover en Desktop o
swipe en Mobile).
- Acciones Globales: Usar los botones superiores para: Marcar todo como leído / Eliminar
todas / Ir a configuración ⚙️.
C) Preferencias (Personalización) 🔧
- Navegar: Ir a Configuración → Notificaciones.
- Generales: Activar/desactivar sonido 🔊 y cards emergentes.
- Por Evento: Elegir el canal por evento (Web y/o Correo) 📧.
- Finalizar: Guardar cambios ✅.
💾 Estados
- Indicador Visual: Badge para marcar el estado leído/no leído.
- Sincronización: El estado se sincroniza en tiempo real entre todos los dispositivos 🔄.
- Retención: Las notificaciones leídas se limpian automáticamente al cumplir 1 mes 🗓️.
❤️ Beneficios
- Visibilidad Inmediata: Feedback claro con campana + toast (card emergente) 📲.
- Control: Personalización por sección y canal.
- Historial Centralizado: Sidesheet con acciones rápidas.
- Garantía en lo Esencial: Envío por ambos canales (Web y Correo).
- Higiene Automática: Limpieza del historial de leídas al mes 🗑️.