"use client"; import { useCallback, useEffect, useMemo, useState } from "react"; import { Check, Loader2, Package, Search, Wrench, X } from "lucide-react"; import { pedirFiscal } from "@/components/fiscal/comum"; import { Dica } from "@/components/fiscal/dica"; import { pedeCest } from "@/lib/fiscal/tabelas"; import { Aviso } from "@/components/ui/aviso"; import { CustomSelect } from "@/components/ui/custom-select"; import { Dialog, DialogContent, DialogDescription, DialogTitle } from "@/components/ui/dialog"; import type { ProdutoFiscal, ServicoFiscal } from "@/lib/fiscal/servidor/produtos"; import { soDigitos, type PainelNaTela } from "./campos"; type MudancaDeProduto = Partial>; type MudancaDeServico = Partial>; function cestFormatado(valor: string | null | undefined) { const d = soDigitos(valor).slice(0, 7); if (d.length <= 2) return d; if (d.length <= 5) return `${d.slice(0, 2)}.${d.slice(2)}`; return `${d.slice(0, 2)}.${d.slice(2, 5)}.${d.slice(5)}`; } function ncmFormatado(valor: string | null | undefined) { const d = soDigitos(valor).slice(0, 8); if (d.length <= 4) return d; if (d.length <= 6) return `${d.slice(0, 4)}.${d.slice(4)}`; return `${d.slice(0, 4)}.${d.slice(4, 6)}.${d.slice(6)}`; } /** * Os produtos e o código fiscal de cada um (NCM). Todo produto que sai em nota * de produto ou cupom fiscal precisa dele; o que é serviço sai na nota de * serviço e dispensa o código. */ export function ProdutosSemNcm({ painel, aoFechar, aoSalvar }: { painel: PainelNaTela; aoFechar: () => void; aoSalvar: () => Promise }) { const [produtos, setProdutos] = useState([]); const [servicos, setServicos] = useState([]); const [carregando, setCarregando] = useState(true); const [erro, setErro] = useState(null); const [ok, setOk] = useState(null); const [filtro, setFiltro] = useState<"falta" | "todos" | "servicos">("falta"); const [busca, setBusca] = useState(""); const [mudancas, setMudancas] = useState>({}); const [mudancasDeServico, setMudancasDeServico] = useState>({}); const [selecionados, setSelecionados] = useState>(new Set()); const [salvando, setSalvando] = useState(false); const [ncmEmLote, setNcmEmLote] = useState(""); const [buscaNcm, setBuscaNcm] = useState<{ produtoId: string | "lote"; termo: string } | null>(null); const [resultadosNcm, setResultadosNcm] = useState>([]); const [buscandoNcm, setBuscandoNcm] = useState(false); const perfisDeMercadoria = painel.perfis.filter((p) => p.ativo && p.tipo === "mercadoria"); /* O CEST só aparece para produto com substituição tributária — para os outros seria mais um código sem sentido na tela. */ const precisaDeCest = (perfilId: string | null | undefined) => { const perfil = perfilId ? painel.perfis.find((p) => p.id === perfilId) : painel.perfis.find((p) => p.padrao && p.tipo === "mercadoria"); if (!perfil) return false; const regras = perfil.regras as { cstIcms?: number | null; csosn?: number | null }; return pedeCest({ cstIcms: regras?.cstIcms ?? null, csosn: regras?.csosn ?? null }); }; const perfisDeServico = painel.perfis.filter((p) => p.ativo && p.tipo === "servico"); const nfseLigada = Boolean(painel.emissor?.nfse.ativo); const carregar = useCallback(async () => { setCarregando(true); try { const json = await pedirFiscal<{ produtos: ProdutoFiscal[]; servicos: ServicoFiscal[] }>("/api/fiscal/produtos"); setProdutos(json.produtos); setServicos(json.servicos); } catch (e) { setErro(e instanceof Error ? e.message : "Não foi possível carregar os produtos."); } finally { setCarregando(false); } }, []); useEffect(() => { void carregar(); }, [carregar]); useEffect(() => { if (!buscaNcm || buscaNcm.termo.trim().length < 3) return; const relogio = setTimeout(async () => { setBuscandoNcm(true); try { const json = await pedirFiscal<{ resultados: Array<{ codigo: string; descricao: string }> }>(`/api/fiscal/consultas/ncm?q=${encodeURIComponent(buscaNcm.termo.trim())}`); setResultadosNcm(json.resultados); } catch { setResultadosNcm([]); } finally { setBuscandoNcm(false); } }, 350); return () => clearTimeout(relogio); }, [buscaNcm]); const atual = useCallback((produto: ProdutoFiscal): ProdutoFiscal => ({ ...produto, ...(mudancas[produto.id] ?? {}) }), [mudancas]); const visiveis = useMemo(() => { const termo = busca.trim().toLowerCase(); return produtos .map(atual) .filter((p) => p.ativo || mudancas[p.id]) .filter((p) => { if (filtro === "servicos") return p.fiscalTipo === "servico"; if (filtro === "falta") return p.fiscalTipo !== "servico" && soDigitos(p.ncm).length !== 8; return true; }) .filter((p) => !termo || p.nome.toLowerCase().includes(termo) || (p.sku ?? "").toLowerCase().includes(termo)); }, [produtos, atual, filtro, busca, mudancas]); const semNcm = produtos.map(atual).filter((p) => p.ativo && p.fiscalTipo !== "servico" && soDigitos(p.ncm).length !== 8).length; const quantasMudancas = Object.keys(mudancas).length + Object.keys(mudancasDeServico).length; const mudar = (id: string, parcial: MudancaDeProduto) => { setOk(null); setMudancas((antes) => ({ ...antes, [id]: { ...(antes[id] ?? {}), ...parcial } })); }; const aplicarNcmEmLote = (codigo: string) => { const ncm = soDigitos(codigo); if (ncm.length !== 8 || !selecionados.size) return; setMudancas((antes) => { const proximo = { ...antes }; for (const id of selecionados) proximo[id] = { ...(proximo[id] ?? {}), ncm, fiscalTipo: "mercadoria" }; return proximo; }); setSelecionados(new Set()); setNcmEmLote(""); }; const salvar = async () => { const invalido = Object.entries(mudancas).find(([, m]) => m.ncm && soDigitos(m.ncm).length !== 8); if (invalido) { setErro("Há código fiscal com menos de 8 números. Complete ou apague antes de salvar."); return; } setSalvando(true); setErro(null); try { const json = await pedirFiscal<{ produtos: number; servicos: number }>("/api/fiscal/produtos", { method: "PATCH", json: { produtos: Object.entries(mudancas).map(([id, m]) => ({ id, ...m, ncm: m.ncm === undefined ? undefined : soDigitos(m.ncm) || null, cest: m.cest === undefined ? undefined : soDigitos(m.cest) || null, })), servicos: Object.entries(mudancasDeServico).map(([id, m]) => ({ id, ...m })), }, }); setMudancas({}); setMudancasDeServico({}); await Promise.all([carregar(), aoSalvar()]); const total = json.produtos + json.servicos; setOk(`${total} ${total === 1 ? "cadastro atualizado" : "cadastros atualizados"}.`); } catch (e) { setErro(e instanceof Error ? e.message : "Não foi possível salvar."); } finally { setSalvando(false); } }; return ( ); }

Código fiscal dos produtos (NCM)

Serviços opcionais dos produtos