) : null}
);
}
function SupplierFormDialog({
open,
onOpenChange,
title,
description,
submitLabel,
loading,
error,
initial,
categoryHints,
cityHints,
onSubmit,
}: {
open: boolean;
onOpenChange: (value: boolean) => void;
title: string;
description: string;
submitLabel: string;
loading: boolean;
error: string | null;
initial: SupplierRow | null;
categoryHints: string[];
cityHints: string[];
onSubmit: (draft: SupplierDraft) => Promise;
}) {
const [form, setForm] = useState(DEFAULT_DRAFT);
/* O que a checagem recusou. Substitui o botao cinza sem explicacao: agora o
botao sempre responde e o problema aparece escrito, no campo certo. */
const [recusa, setRecusa] = useState(null);
const [buscandoNaReceita, setBuscandoNaReceita] = useState(false);
/* Estado, nao ref: e lido durante a renderizacao para decidir se ainda falta
consultar, e ler ref em render nao atualiza a tela. */
const [documentoConsultado, setDocumentoConsultado] = useState("");
/* Carregar o formulario e ajuste de estado a uma mudanca de prop, nao efeito
colateral: fazer isso durante a renderizacao evita o render extra com o
conteudo velho na tela, e e o padrao que o resto do admin usa. */
const chaveDoFormulario = open ? initial?.id ?? "novo" : "";
const [chaveCarregada, setChaveCarregada] = useState("");
if (chaveCarregada !== chaveDoFormulario) {
setChaveCarregada(chaveDoFormulario);
setRecusa(null);
setDocumentoConsultado("");
setForm(
initial && open
? {
name: initial.name,
cnpj: initial.cnpj,
category: initial.category,
city: initial.city,
email: initial.email,
phone: initial.phone,
paymentTermsPrimary: initial.paymentTermsPrimary,
paymentTermsSecondary: initial.paymentTermsSecondary,
status: initial.status,
notes: initial.notes || "",
}
: DEFAULT_DRAFT
);
}
const documentoGravado = digits(initial?.cnpj || "");
const documentoDigitado = digits(form.cnpj);
const documentoCompleto = documentoDigitado.length === 11 || documentoDigitado.length === 14;
/* Cadastro antigo com documento invalido continua verde enquanto ninguem
encostar nele, senao arrumar o telefone vira uma parede. */
const documentoConferido =
documentoCompleto && (documentoValido(documentoDigitado) || documentoDigitado === documentoGravado);
/* Razao social, cidade e contato pela Receita, igual ao cadastro de cliente.
So preenche campo vazio: o que a pessoa digitou tem preferencia sempre.
A marca de "buscando" e decidida na renderizacao, e nao dentro do efeito:
efeito que chama setState em linha reta dispara render em cascata. */
const precisaConsultar =
open &&
documentoDigitado.length === 14 &&
documentoValido(documentoDigitado) &&
documentoConsultado !== documentoDigitado;
if (precisaConsultar && !buscandoNaReceita) {
setBuscandoNaReceita(true);
}
useEffect(() => {
if (!precisaConsultar) return;
let cancelado = false;
fetch(`https://publica.cnpj.ws/cnpj/${documentoDigitado}`)
.then((resposta) => (resposta.ok ? resposta.json() : null))
.then((dados: Record | null) => {
if (cancelado || !dados) return;
const estabelecimento = (dados.estabelecimento ?? {}) as Record;
const cidade = (estabelecimento.cidade ?? {}) as Record;
const ddd = String(estabelecimento.ddd1 || "");
const numero = String(estabelecimento.telefone1 || "");
setForm((atual) => ({
...atual,
name: atual.name.trim() || String(dados.razao_social || ""),
city: atual.city.trim() || String(cidade.nome || ""),
email: atual.email.trim() || String(estabelecimento.email || ""),
phone: digits(atual.phone) || digits(`${ddd}${numero}`),
}));
})
.catch(() => {
/* Consulta publica que pode estar fora do ar. Nunca impede o cadastro. */
})
.finally(() => {
if (cancelado) return;
setBuscandoNaReceita(false);
/* Marca como consultado so no fim: e isto que impede a consulta de
repetir e encerra o "precisaConsultar". */
setDocumentoConsultado(documentoDigitado);
});
return () => {
cancelado = true;
};
}, [precisaConsultar, documentoDigitado]);
async function enviar() {
const problema = conferirFornecedor(
{ nome: form.name, documento: form.cnpj, email: form.email, telefone: form.phone },
{ documentoJaGravado: documentoGravado }
);
setRecusa(problema);
if (problema) return;
await onSubmit(form);
}
return (