🚀 WhatsApp Web Components v3.0

Todos os componentes disponíveis para teste — React + SignalR + Identidade Visual Mitis

Lista de Conversas <whatsapp-conversation-list>
Lista de conversas com busca, filtros por status, setor e operador. Atualização em tempo real via SignalR.
<whatsapp-conversation-list tenant-id="tenant-001" token="Bearer eyJ..." hub-url="http://localhost:3003/chatHub" ></whatsapp-conversation-list>
Visualização de Conversa <whatsapp-conversation-view>
Chat completo com suporte a todos os tipos de mídia (texto, imagem, áudio, vídeo, documento, sticker, localização, contato, nota de voz, GIF).
<whatsapp-conversation-view token="Bearer eyJ..." operator-id="op-001" hub-url="http://localhost:3003/chatHub" ></whatsapp-conversation-view>
Chat (Legado v2) <whatsapp-chat>
Componente de chat legado com suporte a WebSocket e gerenciamento de conversas.
<whatsapp-chat ws-url="http://localhost:3003/chatHub?domainId=27517" auto-connect="true" theme="light" ></whatsapp-chat>
Gestão de Números WhatsApp <whatsapp-number-management>
Cadastro e gestão de números WhatsApp com integração a Z-API, Meta Cloud API e Evolution API. Inclui QR Code para conexão.
<whatsapp-number-management tenant-id="tenant-001" token="Bearer eyJ..." api-base-url="https://api.seucrm.com" ></whatsapp-number-management>
Gestão de Setores e Operadores <whatsapp-sector-management>
Cadastro de setores/departamentos, vinculação de operadores, configuração de horários e capacidade de atendimento.
<whatsapp-sector-management tenant-id="tenant-001" token="Bearer eyJ..." api-base-url="https://api.seucrm.com" ></whatsapp-sector-management>
Editor de Fluxo Visual (estilo n8n) <whatsapp-flow-editor>
Editor visual de fluxos de atendimento com nós arrastáveis: Mensagem, Pergunta, Condição, Transferir, Aguardar, IA, Webhook e Encerrar.
<whatsapp-flow-editor tenant-id="tenant-001" token="Bearer eyJ..." api-base-url="https://api.seucrm.com" ></whatsapp-flow-editor>
Configuração Z-API <whatsapp-zapi-config>
Tela de integração com a Z-API: criar instância, conectar via QR Code e gerenciar status da conexão.
<whatsapp-zapi-config theme="light" ></whatsapp-zapi-config>
Configuração de API (Multi-provedor) <whatsapp-api-config>
Gerenciador de canais WhatsApp: Meta Cloud API, Z-API, Twilio, Evolution, Baileys e WWebJS.
<whatsapp-api-config theme="light" ></whatsapp-api-config>
Gestão de Operadores (Legado v2) <whatsapp-operator-management>
Gerenciador de operadores com filtros, busca avançada e controle de capacidade de atendimento.
<whatsapp-operator-management theme="light" ></whatsapp-operator-management>