omnichannel-frontend/docs/modulo-chat.md
Rafael Lopes 8e29dde2a1 Initial commit
- Telas iniciais do projeto criadas
- Estrutura de pastas e arquivos definida
- Componentes instalados e linguagem definida
- Vite configurado para React e build de dev rapida
- Mockups de dados criados para desenvolvimento dos módulos
- Documentação inicial criada para guiar o desenvolvimento e uso do projeto
2026-03-19 18:22:18 -03:00

913 B

Módulo Chat

Objetivo

Simular um atendimento em tempo real com aparência próxima de um produto de operação real.

Tela principal

  • ChatPage.jsx

Componentes e lógica

  • ChatConversationList.jsx: lista de contatos e canais
  • ChatWindow.jsx: header, mensagens e input
  • ChatTransferPanel.jsx: fluxo visual de transferência
  • useChat.js: estado do chat, envio e resposta simulada
  • chatMocks.js: contatos, áreas, atendentes e mensagens iniciais

Funcionalidades simuladas

  • alternar entre conversas
  • enviar mensagem
  • receber resposta mock automática
  • rolagem automática
  • transferência para outra área
  • escolha de atendente de destino
  • observação opcional na transferência

Canais representados

  • WhatsApp
  • SMS
  • Email

Papel na apresentação

O módulo de chat demonstra como a plataforma concentra diferentes canais em uma única experiência operacional.