Sistema de Notificações
O sistema de notificações tem como objetivo informar os afiliados em tempo real sobre eventos-chave da plataforma. real** sobre **eventos-chave** da plataforma.
Por que é importante?
O sistema de notificações alerta os afiliados sobre:
- Campanhas
- Pagamentos
- Atualizações operacionais
- Alterações de configuração
Os alertas podem ser recebidos:
- No app por ícone de sino, cards pop-up e painel lateral
- Por e-mail
Permite ações diretas para navegar até a seção relacionada ao evento. Este documento descreve o escopo do MVP (Produto Mínimo Viável).
Componentes chave do sistema
| Componente | Descrição |
|---|---|
| Configurações → Notificações | Gerencia preferências: som e notificações pop-up. Permite ativar por seção (Geral, Relatórios, Wallet, Configurações) e escolher canal por evento: Web (dentro da plataforma) e/ou E-mail. |
| Sino (Cabeçalho) | Anima quando chega uma notificação e mostra um badge com a quantidade de não lidas. Ao clicar, abre o painel lateral (sidesheet). |
| Card pop-up (toast) | Aparece automaticamente quando se está na plataforma. Desktop: canto superior direito. Mobile: parte inferior. Oculta-se aos 8 segundos. Clique → navega para a seção associada. |
| Sidesheet (painel lateral) | Lista de notificações com chips para classificá-las por seção. Ações globais: Marcar tudo como lido, Excluir todas, Ir para configurações. Mostra todas por padrão. |
| Cards do sidesheet | Incluem ícone de seção, título, descrição breve, data/hora e status (badge se não lida). Interações: Desktop (hover) para marcar como lida ou excluir; Mobile (swipe) para mostrar as mesmas. |
| Card pop-up (toast) | Aparece automaticamente quando se está na plataforma. Desktop: canto superior direito. Mobile: parte inferior. Oculta-se aos 8 segundos. Clique → navega para a seção associada. | | Sidesheet (painel lateral) | Lista de notificações com chips para classificá-las por seção. Ações globais: Marcar tudo como lido, Excluir todas, Ir para configurações. Mostra todas por padrão. | | Cards do sidesheet | Incluem ícone de seção, título, descrição breve, data/hora e status (badge se não lida). Interações: Desktop (hover) para marcar como lida ou excluir; Mobile (swipe) para mostrar as mesmas. |