feat(web+api): contatos vinculados a clientes com sync ERP e base WhatsApp

DB:
- sar.vw_contatos: view sobre gestao.contato com join sig.corrent
  (id_entidade CHAR20 = id_corrent; cod_vendedor para filtro por rep)
- sar.contatos_novos: staging com nome, cargo, departamento, telefone,
  celular, whatsapp, email, dt_aniversario, anotacoes
- trg_contato_novo: AFTER INSERT → gestao.contato; grava id_contato_erp

API:
- GET  /clients/:id/contacts  — lista contatos ativos do cliente
- POST /clients/:id/contacts  — cria via staging; retorna { idContatoErp, sincronizado }

Web:
- ClientContacts: tabela de contatos no detalhe do cliente
- Links diretos WhatsApp (wa.me) + mailto por contato
- Modal "Novo Contato" com todos os campos; feedback de código ERP no sucesso
- whatsapp é o campo principal para envio futuro via ChatWoot

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-06-24 17:25:48 +00:00
parent 236dd69eba
commit 34368e8006
8 changed files with 574 additions and 0 deletions

View File

@@ -3,12 +3,18 @@ import {
ClientDetailSchema,
ClientListResponseSchema,
ClientNovoResultSchema,
ContatoResultSchema,
ContatoSchema,
type ClientDetail,
type ClientListQuery,
type ClientListResponse,
type ClientNovoResult,
type Contato,
type ContatoResult,
type CreateClientNovo,
type CreateContato,
} from '@sar/api-interface';
import { z } from 'zod';
import { apiFetch } from '../api-client';
export const CLIENT_KEYS = {
@@ -46,6 +52,34 @@ export function useClientDetail(id: number | string | undefined) {
});
}
export function useClientContacts(idCliente: number | undefined) {
return useQuery<Contato[]>({
queryKey: ['clients', 'contacts', idCliente],
queryFn: async () => {
const res = await apiFetch(`/clients/${idCliente}/contacts`);
return z.array(ContatoSchema).parse(res);
},
enabled: !!idCliente,
});
}
export function useCreateContato(idCliente: number | undefined) {
const queryClient = useQueryClient();
return useMutation<ContatoResult, Error, CreateContato>({
mutationFn: async (data) => {
const res = await apiFetch(`/clients/${idCliente}/contacts`, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify(data),
});
return ContatoResultSchema.parse(res);
},
onSuccess: () => {
void queryClient.invalidateQueries({ queryKey: ['clients', 'contacts', idCliente] });
},
});
}
export function useCreateClientNovo() {
const queryClient = useQueryClient();
return useMutation<ClientNovoResult, Error, CreateClientNovo>({