Criado em: {new Date(doc.criadoEm).toLocaleDateString()}
{modelo.descricao}
+ {modelo.descricao} +
Status: {error.status}
Mensagem: {error.data.message || error.statusText}
+ Status: {error.status} +
+ Mensagem:{" "} + {error.data.message || error.statusText} +
Erro: {error.message}
+ Erro: {error.message} +
{error.stack}
Ocorreu um erro desconhecido.
Protocolo: {atendimento.protocolo}
+ Protocolo: {atendimento.protocolo} +
{atendimento.cliente.nome}
+ {atendimento.cliente.nome} +
{formatDate(atendimento.dataAtendimento, "PPpp")}
{atendimento.usuario.nome}
+ {atendimento.usuario.nome} +
@@ -137,7 +172,7 @@ export function AtendimentoDetalhes() { { e.preventDefault(); - window.open(anexo.url, '_blank', 'noopener,noreferrer'); + window.open(anexo.url, "_blank", "noopener,noreferrer"); }} className="ml-4 text-blue-600 hover:text-blue-800" > @@ -150,7 +185,7 @@ export function AtendimentoDetalhes() { )} {/* Adicionar botão de cancelar próximo ao cabeçalho */} - {atendimento.status !== 'CANCELADO' && ( + {atendimento.status !== "CANCELADO" && ( setCancelModalOpen(true)} className="bg-red-100 text-red-600 px-4 py-2 rounded-lg hover:bg-red-200" @@ -163,9 +198,12 @@ export function AtendimentoDetalhes() { {cancelModalOpen && ( - Cancelar Atendimento + + Cancelar Atendimento + - Esta ação não pode ser desfeita. O atendimento será marcado como cancelado, mas manterá seu protocolo e histórico. + Esta ação não pode ser desfeita. O atendimento será marcado + como cancelado, mas manterá seu protocolo e histórico. - {isCancelling ? 'Cancelando...' : 'Confirmar Cancelamento'} + {isCancelling ? "Cancelando..." : "Confirmar Cancelamento"} </button> </div> </div> @@ -195,10 +233,14 @@ export function AtendimentoDetalhes() { )} {/* Exibir informação de cancelamento se aplicável */} - {atendimento.status === 'CANCELADO' && ( + {atendimento.status === "CANCELADO" && ( <div className="mt-4 p-4 bg-red-50 border-l-4 border-red-500 rounded-r-lg"> - <h4 className="text-red-800 font-medium">Atendimento Cancelado</h4> - <p className="text-red-600 mt-1">{atendimento.justificativaCancelamento}</p> + <h4 className="text-red-800 font-medium"> + Atendimento Cancelado + </h4> + <p className="text-red-600 mt-1"> + {atendimento.justificativaCancelamento} + </p> <p className="text-sm text-red-500 mt-1"> Cancelado em: {formatDate(atendimento.dataAtualizacao, "PPpp")} </p> diff --git a/src/components/atendimentos/AtendimentoForm.tsx b/src/components/atendimentos/AtendimentoForm.tsx index 4a6a25f..27d12c2 100644 --- a/src/components/atendimentos/AtendimentoForm.tsx +++ b/src/components/atendimentos/AtendimentoForm.tsx @@ -1,13 +1,26 @@ -import { useState, useEffect, useCallback } from 'react'; -import { Dialog, DialogTitle, DialogContent, DialogActions, Button, TextField, FormControl, InputLabel, Select, MenuItem, Alert } from '@mui/material'; -import { useEditor, EditorContent } from '@tiptap/react'; -import StarterKit from '@tiptap/starter-kit'; -import Link from '@tiptap/extension-link'; -import { TipoAtendimento } from '@prisma/client'; -import api from '../../services/api'; // Adicionar esta importação -import { XMarkIcon, PaperClipIcon } from '@heroicons/react/24/outline'; // Alterado para v2 -import { useDropzone } from 'react-dropzone'; -import { uploadFile } from '../../services/upload'; +import { XMarkIcon, PaperClipIcon } from "@heroicons/react/24/outline"; // Alterado para v2 +import { + Dialog, + DialogTitle, + DialogContent, + DialogActions, + Button, + TextField, + FormControl, + InputLabel, + Select, + MenuItem, + Alert, +} from "@mui/material"; +import { TipoAtendimento } from "@prisma/client"; +import Link from "@tiptap/extension-link"; +import { useEditor, EditorContent } from "@tiptap/react"; +import StarterKit from "@tiptap/starter-kit"; +import { useState, useEffect, useCallback } from "react"; +import { useDropzone } from "react-dropzone"; + +import api from "../../services/api"; // Adicionar esta importação +import { uploadFile } from "../../services/upload"; // Implementar debounce manualmente ao invés de usar lodash function debounce(fn: Function, ms = 300) { @@ -40,19 +53,26 @@ interface AnexoTemp { erro?: string; } -export function AtendimentoForm({ open, onClose, onSave, clienteId, processoId, initialData }: AtendimentoFormProps) { - const [searchTerm, setSearchTerm] = useState(''); +export function AtendimentoForm({ + open, + onClose, + onSave, + clienteId, + processoId, + initialData, +}: AtendimentoFormProps) { + const [searchTerm, setSearchTerm] = useState(""); const [searchResults, setSearchResults] = useState<any[]>([]); const [selectedClient, setSelectedClient] = useState<any>(null); const [atendimentoInicial, setAtendimentoInicial] = useState<any>(null); const [atendimentosIniciais, setAtendimentosIniciais] = useState<any[]>([]); const [formData, setFormData] = useState({ - titulo: '', + titulo: "", tipo: TipoAtendimento.INICIAL, - conteudo: '', - clienteId: clienteId || '', - processoId: processoId || '', - atendimentoInicialId: '', + conteudo: "", + clienteId: clienteId || "", + processoId: processoId || "", + atendimentoInicialId: "", }); const [anexos, setAnexos] = useState<AnexoTemp[]>([]); const [uploading, setUploading] = useState(false); @@ -61,41 +81,42 @@ export function AtendimentoForm({ open, onClose, onSave, clienteId, processoId, useEffect(() => { if (open) { setFormData({ - titulo: '', + titulo: "", tipo: TipoAtendimento.INICIAL, - conteudo: '', - clienteId: clienteId || '', - processoId: processoId || '', - atendimentoInicialId: '', + conteudo: "", + clienteId: clienteId || "", + processoId: processoId || "", + atendimentoInicialId: "", }); } }, [open, clienteId, processoId]); useEffect(() => { if (open && initialData) { - setFormData(prev => ({ + setFormData((prev) => ({ ...prev, titulo: initialData.titulo || prev.titulo, clienteId: clienteId || prev.clienteId, processoId: processoId || prev.processoId, tipo: initialData.tipo || prev.tipo, - atendimentoInicialId: initialData.atendimentoInicialId || prev.atendimentoInicialId + atendimentoInicialId: + initialData.atendimentoInicialId || prev.atendimentoInicialId, })); } }, [open, initialData, clienteId, processoId]); const [clientes, setClientes] = useState<any[]>([]); - const [error, setError] = useState(''); + const [error, setError] = useState(""); const [isSaving, setIsSaving] = useState(false); // Adicionar estado para prevenir múltiplos submits - + // Buscar lista de clientes useEffect(() => { const fetchClientes = async () => { try { - const response = await api.get('/clientes'); + const response = await api.get("/clientes"); setClientes(response.data); } catch (err) { - console.error('Erro ao carregar clientes:', err); + console.error("Erro ao carregar clientes:", err); } }; fetchClientes(); @@ -109,18 +130,21 @@ export function AtendimentoForm({ open, onClose, onSave, clienteId, processoId, const response = await api.get(`/clientes/search?q=${term}`); setSearchResults(response.data); } catch (error) { - console.error('Erro ao buscar clientes:', error); + console.error("Erro ao buscar clientes:", error); } }, 300), - [] + [], ); // Carregar atendimentos iniciais quando selecionar cliente useEffect(() => { if (formData.clienteId && formData.tipo !== TipoAtendimento.INICIAL) { - api.get(`/atendimentos/iniciais/${formData.clienteId}`) - .then(response => setAtendimentosIniciais(response.data)) - .catch(error => console.error('Erro ao carregar atendimentos:', error)); + api + .get(`/atendimentos/iniciais/${formData.clienteId}`) + .then((response) => setAtendimentosIniciais(response.data)) + .catch((error) => + console.error("Erro ao carregar atendimentos:", error), + ); } }, [formData.clienteId, formData.tipo]); @@ -131,28 +155,28 @@ export function AtendimentoForm({ open, onClose, onSave, clienteId, processoId, openOnClick: false, }), ], - content: '', + content: "", onUpdate: ({ editor }) => { - setFormData(prev => ({ ...prev, conteudo: editor.getHTML() })); + setFormData((prev) => ({ ...prev, conteudo: editor.getHTML() })); }, }); const onDrop = useCallback((acceptedFiles: File[]) => { - const novosAnexos = acceptedFiles.map(file => ({ + const novosAnexos = acceptedFiles.map((file) => ({ file, nome: file.name, - progresso: 0 + progresso: 0, })); - setAnexos(prev => [...prev, ...novosAnexos]); + setAnexos((prev) => [...prev, ...novosAnexos]); }, []); const { getRootProps, getInputProps, isDragActive } = useDropzone({ onDrop, - maxSize: 10485760 // 10MB + maxSize: 10485760, // 10MB }); const handleRemoveAnexo = (index: number) => { - setAnexos(prev => prev.filter((_, i) => i !== index)); + setAnexos((prev) => prev.filter((_, i) => i !== index)); }; const handleSubmit = async (e: React.FormEvent) => { @@ -161,10 +185,10 @@ export function AtendimentoForm({ open, onClose, onSave, clienteId, processoId, try { setIsSaving(true); - setError(''); + setError(""); if (!formData.clienteId) { - setError('Selecione um cliente'); + setError("Selecione um cliente"); setIsSaving(false); return; } @@ -175,15 +199,15 @@ export function AtendimentoForm({ open, onClose, onSave, clienteId, processoId, const response = await api.get(`/clientes/${formData.clienteId}`); setSelectedClient(response.data); } catch (error) { - console.error('Erro ao buscar cliente:', error); - setError('Erro ao buscar dados do cliente'); + console.error("Erro ao buscar cliente:", error); + setError("Erro ao buscar dados do cliente"); setIsSaving(false); return; } } // Criar atendimento primeiro para ter o protocolo - const response = await api.post('/atendimentos', { + const response = await api.post("/atendimentos", { ...formData, agendamentoId: initialData?.agendamentoId, }); @@ -195,15 +219,15 @@ export function AtendimentoForm({ open, onClose, onSave, clienteId, processoId, if (anexos.length > 0) { const anexosPromises = anexos.map(async (anexo) => { try { - const clienteNome = selectedClient?.nome || 'cliente'; + const clienteNome = selectedClient?.nome || "cliente"; return await uploadFile( anexo.file, clienteNome, - 'atendimento', - protocolo + "atendimento", + protocolo, ); } catch (error) { - console.error('Erro no upload:', error); + console.error("Erro no upload:", error); return null; } }); @@ -213,38 +237,42 @@ export function AtendimentoForm({ open, onClose, onSave, clienteId, processoId, if (anexosSalvos.length > 0) { await api.patch(`/atendimentos/${atendimentoId}`, { - anexos: anexosSalvos + anexos: anexosSalvos, }); } } // Limpar form e fechar modal setFormData({ - titulo: '', + titulo: "", tipo: TipoAtendimento.INICIAL, - conteudo: '', - clienteId: '', - processoId: '', - atendimentoInicialId: '', + conteudo: "", + clienteId: "", + processoId: "", + atendimentoInicialId: "", }); await onSave(response.data); onClose(); - } catch (err) { - console.error('Erro ao salvar atendimento:', err); - setError(err.response?.data?.error || 'Erro ao criar atendimento'); + console.error("Erro ao salvar atendimento:", err); + setError(err.response?.data?.error || "Erro ao criar atendimento"); } finally { setIsSaving(false); } }; return ( - <div className={`fixed inset-0 bg-gray-500 bg-opacity-75 ${open ? 'flex' : 'hidden'} z-50`}> + <div + className={`fixed inset-0 bg-gray-500 bg-opacity-75 ${open ? "flex" : "hidden"} z-50`} + > <div className="relative bg-white rounded-lg max-w-4xl w-full m-auto p-6 overflow-y-auto max-h-[90vh]"> <div className="flex justify-between items-center mb-6"> <h2 className="text-2xl font-bold text-gray-900">Novo Atendimento</h2> - <button onClick={onClose} className="text-gray-400 hover:text-gray-500"> + <button + onClick={onClose} + className="text-gray-400 hover:text-gray-500" + > <XMarkIcon className="h-6 w-6" /> {/* Alterado para XMarkIcon */} </button> </div> @@ -265,22 +293,27 @@ export function AtendimentoForm({ open, onClose, onSave, clienteId, processoId, className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500" placeholder="Buscar cliente..." /> - + {searchResults.length > 0 && ( <div className="absolute z-10 w-full mt-1 bg-white border border-gray-300 rounded-lg shadow-lg"> - {searchResults.map(client => ( + {searchResults.map((client) => ( <div key={client.id} className="px-4 py-2 hover:bg-gray-100 cursor-pointer" onClick={() => { setSelectedClient(client); - setFormData(prev => ({ ...prev, clienteId: client.id })); + setFormData((prev) => ({ + ...prev, + clienteId: client.id, + })); setSearchTerm(client.nome); setSearchResults([]); }} > <div className="font-medium">{client.nome}</div> - <div className="text-sm text-gray-500">{client.cpfCnpj}</div> + <div className="text-sm text-gray-500"> + {client.cpfCnpj} + </div> </div> ))} </div> @@ -294,12 +327,17 @@ export function AtendimentoForm({ open, onClose, onSave, clienteId, processoId, </label> <select value={formData.tipo} - onChange={(e) => setFormData({ ...formData, tipo: e.target.value as TipoAtendimento })} + onChange={(e) => + setFormData({ + ...formData, + tipo: e.target.value as TipoAtendimento, + }) + } className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500" > {Object.values(TipoAtendimento).map((tipo) => ( <option key={tipo} value={tipo}> - {tipo.replace('_', ' ')} + {tipo.replace("_", " ")} </option> ))} </select> @@ -313,7 +351,12 @@ export function AtendimentoForm({ open, onClose, onSave, clienteId, processoId, </label> <select value={formData.atendimentoInicialId} - onChange={(e) => setFormData({ ...formData, atendimentoInicialId: e.target.value })} + onChange={(e) => + setFormData({ + ...formData, + atendimentoInicialId: e.target.value, + }) + } className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500" required={formData.tipo !== TipoAtendimento.INICIAL} > @@ -331,7 +374,9 @@ export function AtendimentoForm({ open, onClose, onSave, clienteId, processoId, fullWidth label="Título do Atendimento" value={formData.titulo} - onChange={(e) => setFormData({ ...formData, titulo: e.target.value })} + onChange={(e) => + setFormData({ ...formData, titulo: e.target.value }) + } required /> @@ -345,14 +390,14 @@ export function AtendimentoForm({ open, onClose, onSave, clienteId, processoId, <button type="button" onClick={() => editor?.chain().focus().toggleBold().run()} - className={`px-2 py-1 rounded ${editor?.isActive('bold') ? 'bg-gray-200' : 'hover:bg-gray-100'}`} + className={`px-2 py-1 rounded ${editor?.isActive("bold") ? "bg-gray-200" : "hover:bg-gray-100"}`} > Negrito </button> <button type="button" onClick={() => editor?.chain().focus().toggleItalic().run()} - className={`px-2 py-1 rounded ${editor?.isActive('italic') ? 'bg-gray-200' : 'hover:bg-gray-100'}`} + className={`px-2 py-1 rounded ${editor?.isActive("italic") ? "bg-gray-200" : "hover:bg-gray-100"}`} > Itálico </button> @@ -371,14 +416,16 @@ export function AtendimentoForm({ open, onClose, onSave, clienteId, processoId, <div {...getRootProps()} className={`mt-1 flex justify-center px-6 pt-5 pb-6 border-2 border-dashed rounded-md ${ - isDragActive ? 'border-blue-400 bg-blue-50' : 'border-gray-300' + isDragActive ? "border-blue-400 bg-blue-50" : "border-gray-300" }`} > <div className="space-y-1 text-center"> <PaperClipIcon className="mx-auto h-12 w-12 text-gray-400" /> <div className="flex text-sm text-gray-600"> <input {...getInputProps()} /> - <p className="pl-1">Arraste arquivos aqui ou clique para selecionar</p> + <p className="pl-1"> + Arraste arquivos aqui ou clique para selecionar + </p> </div> <p className="text-xs text-gray-500">Máximo 10MB por arquivo</p> </div> @@ -388,17 +435,26 @@ export function AtendimentoForm({ open, onClose, onSave, clienteId, processoId, {/* Lista de Anexos */} {anexos.length > 0 && ( <div className="mt-4"> - <h4 className="text-sm font-medium text-gray-700">Arquivos para upload</h4> + <h4 className="text-sm font-medium text-gray-700"> + Arquivos para upload + </h4> <ul className="mt-2 divide-y divide-gray-200"> {anexos.map((anexo, index) => ( - <li key={index} className="py-3 flex justify-between items-center"> + <li + key={index} + className="py-3 flex justify-between items-center" + > <div className="flex items-center"> <PaperClipIcon className="h-5 w-5 text-gray-400 mr-2" /> - <span className="text-sm text-gray-900">{anexo.nome}</span> + <span className="text-sm text-gray-900"> + {anexo.nome} + </span> </div> <div className="flex items-center"> {anexo.erro && ( - <span className="text-xs text-red-500 mr-2">{anexo.erro}</span> + <span className="text-xs text-red-500 mr-2"> + {anexo.erro} + </span> )} <button type="button" @@ -434,7 +490,7 @@ export function AtendimentoForm({ open, onClose, onSave, clienteId, processoId, disabled={isSaving} className="px-4 py-2 text-sm font-medium text-white bg-blue-600 rounded-md hover:bg-blue-700 disabled:opacity-50 disabled:cursor-not-allowed" > - {isSaving ? 'Salvando...' : 'Salvar'} + {isSaving ? "Salvando..." : "Salvar"} </button> </div> </form> diff --git a/src/components/atendimentos/AtendimentosPage.tsx b/src/components/atendimentos/AtendimentosPage.tsx index 009c726..31d8dbb 100644 --- a/src/components/atendimentos/AtendimentosPage.tsx +++ b/src/components/atendimentos/AtendimentosPage.tsx @@ -1,46 +1,58 @@ -import { useState } from 'react'; -import { useQuery } from 'react-query'; -import { useNavigate } from 'react-router-dom'; -import api from '../../services/api'; -import { AtendimentoForm } from './AtendimentoForm'; -import { AgendamentoCalendario } from './AgendamentoCalendario'; // Adicionar esta importação -import { formatRelative } from 'date-fns'; -import { ptBR } from 'date-fns/locale'; -import { TextField, FormControl, InputLabel, Select, MenuItem } from '@mui/material'; -import { DatePicker } from '@mui/x-date-pickers'; -import { TipoAtendimento } from '@prisma/client'; +import { + TextField, + FormControl, + InputLabel, + Select, + MenuItem, +} from "@mui/material"; +import { DatePicker } from "@mui/x-date-pickers"; +import { TipoAtendimento } from "@prisma/client"; +import { formatRelative, ptBR } from "date-fns"; +import { useState } from "react"; +import { useQuery } from "react-query"; +import { useNavigate } from "react-router-dom"; + +import api from "../../services/api"; + +import { AgendamentoCalendario } from "./AgendamentoCalendario"; // Adicionar esta importação +import { AtendimentoForm } from "./AtendimentoForm"; export const AtendimentosPage = () => { const navigate = useNavigate(); const [formOpen, setFormOpen] = useState(false); const [filtros, setFiltros] = useState({ - protocolo: '', + protocolo: "", dataInicio: null, dataFim: null, - tipo: '', - clienteId: '', - processoId: '', + tipo: "", + clienteId: "", + processoId: "", }); - const { data: atendimentos, refetch } = useQuery(['atendimentos', filtros], async () => { - const params = new URLSearchParams(); - if (filtros.protocolo) params.append('protocolo', filtros.protocolo); - if (filtros.dataInicio) params.append('dataInicio', filtros.dataInicio.toISOString()); - if (filtros.dataFim) params.append('dataFim', filtros.dataFim.toISOString()); - if (filtros.tipo) params.append('tipo', filtros.tipo); - if (filtros.clienteId) params.append('clienteId', filtros.clienteId); - if (filtros.processoId) params.append('processoId', filtros.processoId); + const { data: atendimentos, refetch } = useQuery( + ["atendimentos", filtros], + async () => { + const params = new URLSearchParams(); + if (filtros.protocolo) params.append("protocolo", filtros.protocolo); + if (filtros.dataInicio) + params.append("dataInicio", filtros.dataInicio.toISOString()); + if (filtros.dataFim) + params.append("dataFim", filtros.dataFim.toISOString()); + if (filtros.tipo) params.append("tipo", filtros.tipo); + if (filtros.clienteId) params.append("clienteId", filtros.clienteId); + if (filtros.processoId) params.append("processoId", filtros.processoId); - const response = await api.get(`/atendimentos?${params}`); - return response.data; - }); + const response = await api.get(`/atendimentos?${params}`); + return response.data; + }, + ); const handleSave = async (data: any) => { try { await refetch(); setFormOpen(false); } catch (error) { - console.error('Erro ao atualizar lista:', error); + console.error("Erro ao atualizar lista:", error); } }; @@ -48,7 +60,9 @@ export const AtendimentosPage = () => { <div className="p-6 max-w-7xl mx-auto"> <div className="space-y-6"> <div className="flex justify-between items-center"> - <h1 className="text-2xl font-semibold text-gray-900 dark:text-white">Atendimentos</h1> + <h1 className="text-2xl font-semibold text-gray-900 dark:text-white"> + Atendimentos + </h1> <button onClick={() => setFormOpen(true)} className="bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700 dark:hover:bg-blue-500 transition-colors" @@ -68,7 +82,9 @@ export const AtendimentosPage = () => { <TextField label="Protocolo" value={filtros.protocolo} - onChange={(e) => setFiltros({ ...filtros, protocolo: e.target.value })} + onChange={(e) => + setFiltros({ ...filtros, protocolo: e.target.value }) + } size="small" /> @@ -76,14 +92,14 @@ export const AtendimentosPage = () => { label="Data Início" value={filtros.dataInicio} onChange={(date) => setFiltros({ ...filtros, dataInicio: date })} - slotProps={{ textField: { size: 'small' } }} + slotProps={{ textField: { size: "small" } }} /> <DatePicker label="Data Fim" value={filtros.dataFim} onChange={(date) => setFiltros({ ...filtros, dataFim: date })} - slotProps={{ textField: { size: 'small' } }} + slotProps={{ textField: { size: "small" } }} /> <FormControl size="small"> @@ -91,12 +107,14 @@ export const AtendimentosPage = () => { <Select value={filtros.tipo} label="Tipo" - onChange={(e) => setFiltros({ ...filtros, tipo: e.target.value })} + onChange={(e) => + setFiltros({ ...filtros, tipo: e.target.value }) + } > <MenuItem value="">Todos</MenuItem> {Object.values(TipoAtendimento).map((tipo) => ( <MenuItem key={tipo} value={tipo}> - {tipo.replace('_', ' ')} + {tipo.replace("_", " ")} </MenuItem> ))} </Select> @@ -106,18 +124,22 @@ export const AtendimentosPage = () => { <div className="grid gap-6"> {atendimentos?.map((atendimento: any) => ( - <div - key={atendimento.id} + <div + key={atendimento.id} className={`bg-white dark:bg-gray-800 rounded-lg shadow p-6 cursor-pointer hover:shadow-lg transition-shadow ${ - atendimento.status === 'CANCELADO' ? 'border-l-4 border-red-500' : '' + atendimento.status === "CANCELADO" + ? "border-l-4 border-red-500" + : "" }`} onClick={() => navigate(`/atendimentos/${atendimento.id}`)} > <div className="flex justify-between items-start"> <div> <div className="flex items-center gap-2"> - <h2 className="text-lg font-medium text-gray-900 dark:text-white">{atendimento.titulo}</h2> - {atendimento.status === 'CANCELADO' && ( + <h2 className="text-lg font-medium text-gray-900 dark:text-white"> + {atendimento.titulo} + </h2> + {atendimento.status === "CANCELADO" && ( <span className="px-2 py-1 bg-red-100 text-red-800 text-xs rounded-full"> Cancelado </span> @@ -127,27 +149,48 @@ export const AtendimentosPage = () => { Protocolo: {atendimento.protocolo} </p> </div> - <span className={`px-3 py-1 rounded-full text-sm font-medium ${ - atendimento.tipo === 'INICIAL' ? 'bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200' : 'bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200' - }`}> + <span + className={`px-3 py-1 rounded-full text-sm font-medium ${ + atendimento.tipo === "INICIAL" + ? "bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200" + : "bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200" + }`} + > {atendimento.tipo} </span> </div> - <div className="mt-4 prose max-w-none" dangerouslySetInnerHTML={{ __html: atendimento.conteudo }} /> + <div + className="mt-4 prose max-w-none" + dangerouslySetInnerHTML={{ __html: atendimento.conteudo }} + /> <div className="mt-4 flex justify-between items-center text-sm text-gray-500 dark:text-gray-400"> <span> - {formatRelative(new Date(atendimento.dataAtendimento), new Date(), { locale: ptBR })} + {formatRelative( + new Date(atendimento.dataAtendimento), + new Date(), + { locale: ptBR }, + )} </span> <div className="flex items-center gap-4"> - {atendimento.status === 'CANCELADO' && ( + {atendimento.status === "CANCELADO" && ( <span className="text-red-600 text-sm"> Motivo: {atendimento.justificativaCancelamento} </span> )} {atendimento.anexos?.length > 0 && ( <span className="flex items-center"> - <svg className="w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"> - <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M15.172 7l-6.586 6.586a2 2 0 102.828 2.828l6.414-6.586a4 4 0 00-5.656-5.656l-6.415 6.585a6 6 0 108.486 8.486L20.5 13" /> + <svg + className="w-4 h-4 mr-1" + fill="none" + stroke="currentColor" + viewBox="0 0 24 24" + > + <path + strokeLinecap="round" + strokeLinejoin="round" + strokeWidth="2" + d="M15.172 7l-6.586 6.586a2 2 0 102.828 2.828l6.414-6.586a4 4 0 00-5.656-5.656l-6.415 6.585a6 6 0 108.486 8.486L20.5 13" + /> </svg> {atendimento.anexos.length} anexos </span> diff --git a/src/components/calculos/CalculosList.tsx b/src/components/calculos/CalculosList.tsx index 080f47e..3444d15 100644 --- a/src/components/calculos/CalculosList.tsx +++ b/src/components/calculos/CalculosList.tsx @@ -1,9 +1,9 @@ -import { useEffect, useState } from 'react'; -import { Link, useNavigate } from 'react-router-dom'; -import { format } from 'date-fns'; -import ptBR from 'date-fns/locale/pt-BR'; -import { toast } from 'react-toastify'; -import { useAuth } from '../../contexts/AuthContext'; +import ptBR, { format } from "date-fns"; +import { useEffect, useState } from "react"; +import { Link, useNavigate } from "react-router-dom"; +import { toast } from "react-toastify"; + +import { useAuth } from "../../contexts/AuthContext"; interface Calculo { id: string; @@ -32,114 +32,119 @@ export function CalculosList() { const [calculos, setCalculos] = useState<Calculo[]>([]); const [loading, setLoading] = useState(true); const [filtro, setFiltro] = useState({ - titulo: '', - status: '', - processoId: '', - clienteId: '' + titulo: "", + status: "", + processoId: "", + clienteId: "", }); - + useEffect(() => { // Verificar autenticação antes de carregar os dados if (isAuthenticated) { carregarCalculos(); } else { // Redirecionar para login caso não esteja autenticado - navigate('/login'); + navigate("/login"); } }, [isAuthenticated, navigate]); - + const carregarCalculos = async () => { try { setLoading(true); - + // Construir query string baseado nos filtros const queryParams = new URLSearchParams(); - if (filtro.titulo) queryParams.append('titulo', filtro.titulo); - if (filtro.status) queryParams.append('status', filtro.status); - if (filtro.processoId) queryParams.append('processoId', filtro.processoId); - if (filtro.clienteId) queryParams.append('clienteId', filtro.clienteId); - + if (filtro.titulo) queryParams.append("titulo", filtro.titulo); + if (filtro.status) queryParams.append("status", filtro.status); + if (filtro.processoId) + queryParams.append("processoId", filtro.processoId); + if (filtro.clienteId) queryParams.append("clienteId", filtro.clienteId); + // Obter token de autenticação usando o contexto const token = getToken(); if (!token) { - throw new Error('Usuário não autenticado. Faça login novamente.'); + throw new Error("Usuário não autenticado. Faça login novamente."); } - + // Incluir o token no cabeçalho da requisição const response = await fetch(`/api/calculos?${queryParams.toString()}`, { headers: { - 'Authorization': `Bearer ${token}` - } + Authorization: `Bearer ${token}`, + }, }); - + if (!response.ok) { if (response.status === 401) { // Se receber 401, o token pode estar expirado - navigate('/login'); - throw new Error('Sessão expirada. Por favor, faça login novamente.'); + navigate("/login"); + throw new Error("Sessão expirada. Por favor, faça login novamente."); } - throw new Error('Erro ao carregar cálculos'); + throw new Error("Erro ao carregar cálculos"); } - + const data = await response.json(); setCalculos(data); } catch (error) { - console.error('Erro ao carregar cálculos:', error); + console.error("Erro ao carregar cálculos:", error); toast.error(`Falha ao carregar os cálculos: ${error.message}`); } finally { setLoading(false); } }; - - const handleFiltroChange = (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement>) => { + + const handleFiltroChange = ( + e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement>, + ) => { const { name, value } = e.target; - setFiltro(prev => ({ ...prev, [name]: value })); + setFiltro((prev) => ({ ...prev, [name]: value })); }; - + const handleSubmitFiltro = (e: React.FormEvent) => { e.preventDefault(); carregarCalculos(); }; - + // Função para formatar valores monetários const formatarValor = (valor: string) => { - return new Intl.NumberFormat('pt-BR', { - style: 'currency', - currency: 'BRL' + return new Intl.NumberFormat("pt-BR", { + style: "currency", + currency: "BRL", }).format(parseFloat(valor)); }; - + // Função para formatar datas const formatarData = (data: string) => { try { - return format(new Date(data), 'dd/MM/yyyy', { locale: ptBR }); + return format(new Date(data), "dd/MM/yyyy", { locale: ptBR }); } catch (error) { - return 'Data inválida'; + return "Data inválida"; } }; - + // Status Badge const StatusBadge = ({ status }: { status: string }) => { const getStatusColor = () => { switch (status) { - case 'RASCUNHO': - return 'bg-yellow-100 text-yellow-800'; - case 'FINALIZADO': - return 'bg-green-100 text-green-800'; - case 'ARQUIVADO': - return 'bg-gray-100 text-gray-800'; + case "RASCUNHO": + return "bg-yellow-100 text-yellow-800"; + case "FINALIZADO": + return "bg-green-100 text-green-800"; + case "ARQUIVADO": + return "bg-gray-100 text-gray-800"; default: - return 'bg-blue-100 text-blue-800'; + return "bg-blue-100 text-blue-800"; } }; - + return ( - <span className={`inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ${getStatusColor()}`}> + <span + className={`inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ${getStatusColor()}`} + > {status} </span> ); }; - + return ( <div className="container mx-auto px-4 py-8"> <div className="flex justify-between items-center mb-6"> @@ -151,13 +156,19 @@ export function CalculosList() { Novo Cálculo </Link> </div> - + {/* Filtros */} <div className="bg-white shadow rounded-lg mb-6 p-4"> <h2 className="text-lg font-medium text-gray-700 mb-3">Filtros</h2> - <form onSubmit={handleSubmitFiltro} className="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4"> + <form + onSubmit={handleSubmitFiltro} + className="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4" + > <div> - <label htmlFor="titulo" className="block text-sm font-medium text-gray-700"> + <label + htmlFor="titulo" + className="block text-sm font-medium text-gray-700" + > Título </label> <input @@ -169,9 +180,12 @@ export function CalculosList() { className="mt-1 focus:ring-blue-500 focus:border-blue-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" /> </div> - + <div> - <label htmlFor="status" className="block text-sm font-medium text-gray-700"> + <label + htmlFor="status" + className="block text-sm font-medium text-gray-700" + > Status </label> <select @@ -187,7 +201,7 @@ export function CalculosList() { <option value="ARQUIVADO">Arquivado</option> </select> </div> - + <div className="sm:col-span-2 flex justify-end items-end"> <button type="submit" @@ -198,17 +212,22 @@ export function CalculosList() { </div> </form> </div> - + {/* Lista de Cálculos */} {loading ? ( <div className="flex justify-center items-center h-64"> - <div className="spinner-border animate-spin inline-block w-8 h-8 border-4 rounded-full text-blue-600" role="status"> + <div + className="spinner-border animate-spin inline-block w-8 h-8 border-4 rounded-full text-blue-600" + role="status" + > <span className="visually-hidden">Carregando...</span> </div> </div> ) : calculos.length === 0 ? ( <div className="bg-white shadow rounded-lg p-8 text-center"> - <h3 className="text-lg font-medium text-gray-900">Nenhum cálculo encontrado</h3> + <h3 className="text-lg font-medium text-gray-900"> + Nenhum cálculo encontrado + </h3> <p className="mt-2 text-sm text-gray-500"> Para criar um novo cálculo, clique no botão "Novo Cálculo". </p> @@ -218,7 +237,10 @@ export function CalculosList() { <ul className="divide-y divide-gray-200"> {calculos.map((calculo) => ( <li key={calculo.id}> - <Link to={`/calculos/${calculo.id}`} className="block hover:bg-gray-50"> + <Link + to={`/calculos/${calculo.id}`} + className="block hover:bg-gray-50" + > <div className="px-4 py-4 sm:px-6"> <div className="flex items-center justify-between"> <div className="flex items-center"> @@ -244,14 +266,16 @@ export function CalculosList() { </div> <div className="mt-2 flex items-center text-sm text-gray-500 sm:mt-0"> <p> - Criado em: {formatarData(calculo.criadoEm)} por {calculo.usuario.nome} + Criado em: {formatarData(calculo.criadoEm)} por{" "} + {calculo.usuario.nome} </p> </div> </div> {calculo.processo && ( <div className="mt-2"> <p className="text-sm text-gray-600"> - Processo: {calculo.processo.numero} - {calculo.processo.titulo} + Processo: {calculo.processo.numero} -{" "} + {calculo.processo.titulo} </p> </div> )} diff --git a/src/components/calculos/DetalhePensaoAlimenticia.tsx b/src/components/calculos/DetalhePensaoAlimenticia.tsx index 222b039..6e5f0f8 100644 --- a/src/components/calculos/DetalhePensaoAlimenticia.tsx +++ b/src/components/calculos/DetalhePensaoAlimenticia.tsx @@ -1,7 +1,8 @@ -import React, { useEffect, useState } from 'react'; -import { useParams } from 'react-router-dom'; -import { toast } from 'react-toastify'; -import api from '../../services/api'; +import React, { useEffect, useState } from "react"; +import { useParams } from "react-router-dom"; +import { toast } from "react-toastify"; + +import api from "../../services/api"; interface CalculoPensao { id: string; @@ -36,8 +37,8 @@ export function DetalhePensaoAlimenticia() { const response = await api.get(`/pensao-alimenticia/${id}`); setCalculo(response.data); } catch (error) { - console.error('Erro ao carregar cálculo:', error); - toast.error('Falha ao carregar dados do cálculo'); + console.error("Erro ao carregar cálculo:", error); + toast.error("Falha ao carregar dados do cálculo"); } finally { setLoading(false); } @@ -57,29 +58,53 @@ export function DetalhePensaoAlimenticia() { return ( <div className="bg-white shadow-md rounded-lg p-6"> <h1 className="text-2xl font-bold mb-4">{calculo.titulo}</h1> - + <div className="grid grid-cols-1 md:grid-cols-2 gap-6"> <div> <h2 className="text-lg font-semibold mb-2">Dados do Cálculo</h2> <div className="space-y-2"> - <p><span className="font-medium">Data Inicial:</span> {new Date(calculo.dataInicial).toLocaleDateString()}</p> + <p> + <span className="font-medium">Data Inicial:</span>{" "} + {new Date(calculo.dataInicial).toLocaleDateString()} + </p> {calculo.dataFinal && ( - <p><span className="font-medium">Data Final:</span> {new Date(calculo.dataFinal).toLocaleDateString()}</p> + <p> + <span className="font-medium">Data Final:</span>{" "} + {new Date(calculo.dataFinal).toLocaleDateString()} + </p> )} - <p><span className="font-medium">Percentual:</span> {calculo.percentualSalarioMinimo}%</p> + <p> + <span className="font-medium">Percentual:</span>{" "} + {calculo.percentualSalarioMinimo}% + </p> {calculo.multaPactuada && ( - <p><span className="font-medium">Multa:</span> {calculo.multaPactuada}%</p> + <p> + <span className="font-medium">Multa:</span>{" "} + {calculo.multaPactuada}% + </p> )} - <p><span className="font-medium">Índice:</span> {calculo.tipoAtualizacao}</p> + <p> + <span className="font-medium">Índice:</span>{" "} + {calculo.tipoAtualizacao} + </p> </div> </div> <div> <h2 className="text-lg font-semibold mb-2">Valores</h2> <div className="space-y-2"> - <p><span className="font-medium">Valor Base:</span> R$ {calculo.valorCalculado.toFixed(2)}</p> - <p><span className="font-medium">Valor Multa:</span> R$ {calculo.valorMulta.toFixed(2)}</p> - <p><span className="font-medium">Valor Total:</span> R$ {calculo.valorTotal.toFixed(2)}</p> + <p> + <span className="font-medium">Valor Base:</span> R${" "} + {calculo.valorCalculado.toFixed(2)} + </p> + <p> + <span className="font-medium">Valor Multa:</span> R${" "} + {calculo.valorMulta.toFixed(2)} + </p> + <p> + <span className="font-medium">Valor Total:</span> R${" "} + {calculo.valorTotal.toFixed(2)} + </p> </div> </div> </div> @@ -92,4 +117,4 @@ export function DetalhePensaoAlimenticia() { )} </div> ); -} \ No newline at end of file +} diff --git a/src/components/calculos/DetalhesCalculo.tsx b/src/components/calculos/DetalhesCalculo.tsx index c376313..ff38836 100644 --- a/src/components/calculos/DetalhesCalculo.tsx +++ b/src/components/calculos/DetalhesCalculo.tsx @@ -1,14 +1,14 @@ -import React, { useState, useEffect } from 'react'; -import { useParams, useNavigate } from 'react-router-dom'; -import { format } from 'date-fns'; -import ptBR from 'date-fns/locale/pt-BR'; -import { toast } from 'react-toastify'; -import { Card, Button, Tabs, TabList, Tab, TabPanel } from '../ui'; -import { useAuth } from '../../contexts/AuthContext'; -import { api } from '../../services/api'; -import axios from 'axios'; -import { formatarData, formatarMoeda } from '../../utils/formatters'; -import { PencilIcon, TrashIcon } from '@heroicons/react/24/outline'; +import { PencilIcon, TrashIcon } from "@heroicons/react/24/outline"; +import axios from "axios"; +import ptBR, { format } from "date-fns"; +import React, { useState, useEffect } from "react"; +import { useParams, useNavigate } from "react-router-dom"; +import { toast } from "react-toastify"; + +import { useAuth } from "../../contexts/AuthContext"; +import { api } from "../../services/api"; +import { formatarData, formatarMoeda } from "../../utils/formatters"; +import { Card, Button, Tabs, TabList, Tab, TabPanel } from "../ui"; interface Calculo { id: string; @@ -58,12 +58,12 @@ export function DetalhesCalculo() { const [calculo, setCalculo] = useState<Calculo | null>(null); const [loading, setLoading] = useState(true); const [error, setError] = useState<string | null>(null); - const [activeTab, setActiveTab] = useState('resumo'); + const [activeTab, setActiveTab] = useState("resumo"); const [formData, setFormData] = useState<CorrecaoForm>({ - indice: 'INPC', - dataInicial: '', - dataFinal: '', - valorOriginal: '' + indice: "INPC", + dataInicial: "", + dataFinal: "", + valorOriginal: "", }); const loadCalculo = async () => { @@ -76,9 +76,9 @@ export function DetalhesCalculo() { const response = await api.get(`/calculos/${calculoId}`); setCalculo(response.data); } catch (error) { - console.error('Erro ao carregar cálculo:', error); - setError('Não foi possível carregar os dados do cálculo'); - toast.error('Erro ao carregar dados do cálculo'); + console.error("Erro ao carregar cálculo:", error); + setError("Não foi possível carregar os dados do cálculo"); + toast.error("Erro ao carregar dados do cálculo"); } finally { setLoading(false); } @@ -95,20 +95,24 @@ export function DetalhesCalculo() { // Obter token de autenticação const token = getToken(); if (!token) { - throw new Error('Usuário não autenticado. Faça login novamente.'); + throw new Error("Usuário não autenticado. Faça login novamente."); } // Usar o serviço api em vez de fetch direto - await api.post(`/calculos/${calculoId}/finalizar`, {}, { - headers: { - 'Authorization': `Bearer ${token}` - } - }); + await api.post( + `/calculos/${calculoId}/finalizar`, + {}, + { + headers: { + Authorization: `Bearer ${token}`, + }, + }, + ); - toast.success('Cálculo finalizado com sucesso!'); + toast.success("Cálculo finalizado com sucesso!"); loadCalculo(); // Recarregar os dados } catch (error) { - console.error('Erro ao finalizar cálculo:', error); + console.error("Erro ao finalizar cálculo:", error); toast.error(`Falha ao finalizar cálculo: ${error.message}`); } }; @@ -116,33 +120,33 @@ export function DetalhesCalculo() { const gerarRelatorio = async () => { try { const response = await api.get(`/calculos/${calculoId}/relatorio`, { - responseType: 'blob' // Importante para receber o PDF como blob + responseType: "blob", // Importante para receber o PDF como blob }); // Criar URL do blob e abrir em uma nova aba - const blob = new Blob([response.data], { type: 'application/pdf' }); + const blob = new Blob([response.data], { type: "application/pdf" }); const url = window.URL.createObjectURL(blob); - window.open(url, '_blank'); + window.open(url, "_blank"); } catch (error) { - console.error('Erro ao gerar relatório:', error); - toast.error('Erro ao gerar relatório'); + console.error("Erro ao gerar relatório:", error); + toast.error("Erro ao gerar relatório"); } }; const exportarExcel = async () => { try { const response = await api.get(`/calculos/${calculoId}/excel`, { - responseType: 'blob' // Importante para receber o Excel como blob + responseType: "blob", // Importante para receber o Excel como blob }); // Criar URL do blob e forçar download const blob = new Blob([response.data], { - type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' + type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", }); const url = window.URL.createObjectURL(blob); // Criar link temporário para download - const link = document.createElement('a'); + const link = document.createElement("a"); link.href = url; link.download = `calculo_${calculoId}.xlsx`; link.click(); @@ -150,25 +154,25 @@ export function DetalhesCalculo() { // Limpar URL window.URL.revokeObjectURL(url); } catch (error) { - console.error('Erro ao exportar Excel:', error); - toast.error('Erro ao exportar para Excel'); + console.error("Erro ao exportar Excel:", error); + toast.error("Erro ao exportar para Excel"); } }; // Função para formatar valores monetários const formatarValor = (valor: string) => { - return new Intl.NumberFormat('pt-BR', { - style: 'currency', - currency: 'BRL' + return new Intl.NumberFormat("pt-BR", { + style: "currency", + currency: "BRL", }).format(parseFloat(valor)); }; // Função para formatar datas const formatarData = (data: string) => { try { - return format(new Date(data), 'dd/MM/yyyy', { locale: ptBR }); + return format(new Date(data), "dd/MM/yyyy", { locale: ptBR }); } catch (error) { - return 'Data inválida'; + return "Data inválida"; } }; @@ -176,19 +180,21 @@ export function DetalhesCalculo() { const StatusBadge = ({ status }: { status: string }) => { const getStatusColor = () => { switch (status) { - case 'RASCUNHO': - return 'bg-yellow-100 text-yellow-800'; - case 'FINALIZADO': - return 'bg-green-100 text-green-800'; - case 'ARQUIVADO': - return 'bg-gray-100 text-gray-800'; + case "RASCUNHO": + return "bg-yellow-100 text-yellow-800"; + case "FINALIZADO": + return "bg-green-100 text-green-800"; + case "ARQUIVADO": + return "bg-gray-100 text-gray-800"; default: - return 'bg-blue-100 text-blue-800'; + return "bg-blue-100 text-blue-800"; } }; return ( - <span className={`inline-flex items-center px-2.5 py-1 rounded-full text-sm font-medium ${getStatusColor()}`}> + <span + className={`inline-flex items-center px-2.5 py-1 rounded-full text-sm font-medium ${getStatusColor()}`} + > {status} </span> ); @@ -198,7 +204,10 @@ export function DetalhesCalculo() { return ( <div className="container mx-auto px-4 py-8"> <div className="flex justify-center items-center h-64"> - <div className="spinner-border animate-spin inline-block w-8 h-8 border-4 rounded-full text-blue-600" role="status"> + <div + className="spinner-border animate-spin inline-block w-8 h-8 border-4 rounded-full text-blue-600" + role="status" + > <span className="visually-hidden">Carregando...</span> </div> </div> @@ -212,8 +221,12 @@ export function DetalhesCalculo() { <Card> <div className="p-6 text-center"> <h2 className="text-xl font-semibold text-red-600 mb-2">Erro</h2> - <p className="text-gray-600 mb-4">{error || 'Não foi possível carregar os dados do cálculo'}</p> - <Button onClick={() => navigate('/calculos')}>Voltar para Lista</Button> + <p className="text-gray-600 mb-4"> + {error || "Não foi possível carregar os dados do cálculo"} + </p> + <Button onClick={() => navigate("/calculos")}> + Voltar para Lista + </Button> </div> </Card> </div> @@ -227,17 +240,19 @@ export function DetalhesCalculo() { <h1 className="text-2xl font-bold text-gray-900">{calculo.titulo}</h1> <div className="flex items-center mt-1 space-x-2"> <StatusBadge status={calculo.status} /> - <span className="text-gray-500 text-sm">Criado em {formatarData(calculo.criadoEm)}</span> + <span className="text-gray-500 text-sm"> + Criado em {formatarData(calculo.criadoEm)} + </span> </div> </div> <div className="flex space-x-2"> - {calculo.status === 'RASCUNHO' && ( + {calculo.status === "RASCUNHO" && ( <Button onClick={finalizarCalculo} variant="success"> Finalizar Cálculo </Button> )} - <Button onClick={() => navigate('/calculos')} variant="outline"> + <Button onClick={() => navigate("/calculos")} variant="outline"> Voltar </Button> </div> @@ -260,23 +275,39 @@ export function DetalhesCalculo() { <div className="p-4"> <div className="grid grid-cols-1 md:grid-cols-2 gap-6"> <div> - <h3 className="text-lg font-semibold text-gray-800 mb-4">Informações Gerais</h3> + <h3 className="text-lg font-semibold text-gray-800 mb-4"> + Informações Gerais + </h3> <dl className="divide-y divide-gray-200"> <div className="py-3 grid grid-cols-3"> - <dt className="text-sm font-medium text-gray-500">Data Base</dt> - <dd className="text-sm text-gray-900 col-span-2">{formatarData(calculo.dataBase)}</dd> + <dt className="text-sm font-medium text-gray-500"> + Data Base + </dt> + <dd className="text-sm text-gray-900 col-span-2"> + {formatarData(calculo.dataBase)} + </dd> </div> <div className="py-3 grid grid-cols-3"> - <dt className="text-sm font-medium text-gray-500">Data do Cálculo</dt> - <dd className="text-sm text-gray-900 col-span-2">{formatarData(calculo.dataCalculo)}</dd> + <dt className="text-sm font-medium text-gray-500"> + Data do Cálculo + </dt> + <dd className="text-sm text-gray-900 col-span-2"> + {formatarData(calculo.dataCalculo)} + </dd> </div> <div className="py-3 grid grid-cols-3"> - <dt className="text-sm font-medium text-gray-500">Responsável</dt> - <dd className="text-sm text-gray-900 col-span-2">{calculo.usuario.nome}</dd> + <dt className="text-sm font-medium text-gray-500"> + Responsável + </dt> + <dd className="text-sm text-gray-900 col-span-2"> + {calculo.usuario.nome} + </dd> </div> {calculo.processo && ( <div className="py-3 grid grid-cols-3"> - <dt className="text-sm font-medium text-gray-500">Processo</dt> + <dt className="text-sm font-medium text-gray-500"> + Processo + </dt> <dd className="text-sm text-gray-900 col-span-2"> {calculo.processo.numero} - {calculo.processo.titulo} </dd> @@ -284,62 +315,100 @@ export function DetalhesCalculo() { )} {calculo.cliente && ( <div className="py-3 grid grid-cols-3"> - <dt className="text-sm font-medium text-gray-500">Cliente</dt> - <dd className="text-sm text-gray-900 col-span-2">{calculo.cliente.nome}</dd> + <dt className="text-sm font-medium text-gray-500"> + Cliente + </dt> + <dd className="text-sm text-gray-900 col-span-2"> + {calculo.cliente.nome} + </dd> </div> )} {calculo.descricao && ( <div className="py-3 grid grid-cols-3"> - <dt className="text-sm font-medium text-gray-500">Descrição</dt> - <dd className="text-sm text-gray-900 col-span-2 whitespace-pre-line">{calculo.descricao}</dd> + <dt className="text-sm font-medium text-gray-500"> + Descrição + </dt> + <dd className="text-sm text-gray-900 col-span-2 whitespace-pre-line"> + {calculo.descricao} + </dd> </div> )} </dl> </div> <div> - <h3 className="text-lg font-semibold text-gray-800 mb-4">Valores</h3> + <h3 className="text-lg font-semibold text-gray-800 mb-4"> + Valores + </h3> <div className="bg-gray-50 p-4 rounded-lg"> <div className="mb-4"> <p className="text-sm text-gray-500">Valor Base</p> - <p className="text-2xl font-bold text-gray-900">{formatarValor(calculo.valorBase)}</p> + <p className="text-2xl font-bold text-gray-900"> + {formatarValor(calculo.valorBase)} + </p> </div> <div className="mb-4"> <p className="text-sm text-gray-500">Valor Corrigido</p> - <p className="text-2xl font-bold text-blue-600">{formatarValor(calculo.valorCorrigido)}</p> + <p className="text-2xl font-bold text-blue-600"> + {formatarValor(calculo.valorCorrigido)} + </p> </div> <div className="p-3 bg-blue-50 rounded-lg"> <p className="text-sm text-gray-500">Valor Final</p> - <p className="text-3xl font-bold text-blue-700">{formatarValor(calculo.valorFinal)}</p> + <p className="text-3xl font-bold text-blue-700"> + {formatarValor(calculo.valorFinal)} + </p> </div> </div> <div className="mt-6"> - <h4 className="text-md font-semibold text-gray-800 mb-2">Resumo de Componentes</h4> + <h4 className="text-md font-semibold text-gray-800 mb-2"> + Resumo de Componentes + </h4> <ul className="space-y-2"> <li className="flex justify-between"> - <span className="text-sm text-gray-600">Correções Monetárias:</span> - <span className="text-sm font-medium">{calculo.correcoes.length}</span> + <span className="text-sm text-gray-600"> + Correções Monetárias: + </span> + <span className="text-sm font-medium"> + {calculo.correcoes.length} + </span> </li> <li className="flex justify-between"> - <span className="text-sm text-gray-600">Juros Aplicados:</span> - <span className="text-sm font-medium">{calculo.juros.length}</span> + <span className="text-sm text-gray-600"> + Juros Aplicados: + </span> + <span className="text-sm font-medium"> + {calculo.juros.length} + </span> </li> <li className="flex justify-between"> <span className="text-sm text-gray-600">Multas:</span> - <span className="text-sm font-medium">{calculo.multas.length}</span> + <span className="text-sm font-medium"> + {calculo.multas.length} + </span> </li> <li className="flex justify-between"> - <span className="text-sm text-gray-600">Honorários:</span> - <span className="text-sm font-medium">{calculo.honorarios.length}</span> + <span className="text-sm text-gray-600"> + Honorários: + </span> + <span className="text-sm font-medium"> + {calculo.honorarios.length} + </span> </li> <li className="flex justify-between"> <span className="text-sm text-gray-600">Parcelas:</span> - <span className="text-sm font-medium">{calculo.parcelas.length}</span> + <span className="text-sm font-medium"> + {calculo.parcelas.length} + </span> </li> <li className="flex justify-between"> - <span className="text-sm text-gray-600">Descontos:</span> - <span className="text-sm font-medium">{calculo.descontos.length}</span> + <span className="text-sm text-gray-600"> + Descontos: + </span> + <span className="text-sm font-medium"> + {calculo.descontos.length} + </span> </li> </ul> </div> @@ -347,7 +416,7 @@ export function DetalhesCalculo() { </div> <div className="mt-6 flex flex-wrap gap-2"> - {calculo.status !== 'FINALIZADO' && ( + {calculo.status !== "FINALIZADO" && ( <Button onClick={finalizarCalculo} variant="primary" @@ -365,10 +434,7 @@ export function DetalhesCalculo() { Gerar Relatório PDF </Button> - <Button - onClick={exportarExcel} - variant="info" - > + <Button onClick={exportarExcel} variant="info"> Exportar Excel </Button> </div> @@ -376,7 +442,11 @@ export function DetalhesCalculo() { </TabPanel> <TabPanel id="correcao"> - <CorrecaoMonetariaTab calculo={calculo} onUpdate={loadCalculo} formatarValor={formatarValor} /> + <CorrecaoMonetariaTab + calculo={calculo} + onUpdate={loadCalculo} + formatarValor={formatarValor} + /> </TabPanel> <TabPanel id="juros"> @@ -429,28 +499,38 @@ export function DetalhesCalculo() { } // Implementação dos componentes de abas -function CorrecaoMonetariaTab({ calculo, onUpdate, formatarValor }: { calculo: Calculo, onUpdate: () => void, formatarValor: (valor: string) => string }) { +function CorrecaoMonetariaTab({ + calculo, + onUpdate, + formatarValor, +}: { + calculo: Calculo; + onUpdate: () => void; + formatarValor: (valor: string) => string; +}) { const { getToken } = useAuth(); const [loading, setLoading] = useState(false); const [formData, setFormData] = useState({ - indice: 'INPC', - dataInicial: new Date().toISOString().split('T')[0], - dataFinal: new Date().toISOString().split('T')[0], - valorOriginal: calculo.valorBase + indice: "INPC", + dataInicial: new Date().toISOString().split("T")[0], + dataFinal: new Date().toISOString().split("T")[0], + valorOriginal: calculo.valorBase, }); // Função para corrigir a formatação do valor const corrigirValorExibicao = (valor: string): string => { // Se o valor for 222.041,00, corrigir para 22.204,10 - if (valor === '222.041,00') { - return 'R$ 22.204,10'; + if (valor === "222.041,00") { + return "R$ 22.204,10"; } return valor; }; - const handleChange = (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement>) => { + const handleChange = ( + e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement>, + ) => { const { name, value } = e.target; - setFormData(prev => ({ ...prev, [name]: value })); + setFormData((prev) => ({ ...prev, [name]: value })); }; const handleSubmit = async (e: React.FormEvent) => { @@ -459,44 +539,51 @@ function CorrecaoMonetariaTab({ calculo, onUpdate, formatarValor }: { calculo: C try { await api.post(`/calculos/${calculo.id}/correcoes`, formData, { - timeout: 60000 // Aumentar timeout para 1 minuto + timeout: 60000, // Aumentar timeout para 1 minuto }); - toast.success('Correção monetária adicionada com sucesso'); + toast.success("Correção monetária adicionada com sucesso"); // Chamar o callback de atualização em vez de referenciar loadCalculo onUpdate(); } catch (error) { - console.error('Erro ao adicionar correção:', error); - toast.error('Erro ao adicionar correção monetária'); + console.error("Erro ao adicionar correção:", error); + toast.error("Erro ao adicionar correção monetária"); } finally { setLoading(false); } }; const handleDelete = async (correcaoId: string) => { - if (!confirm('Deseja realmente excluir esta correção monetária?')) return; + if (!confirm("Deseja realmente excluir esta correção monetária?")) return; try { await api.delete(`/calculos/${calculo.id}/correcoes/${correcaoId}`); - toast.success('Correção monetária removida com sucesso'); + toast.success("Correção monetária removida com sucesso"); onUpdate(); } catch (error) { - console.error('Erro ao excluir correção:', error); - toast.error('Falha ao excluir correção monetária'); + console.error("Erro ao excluir correção:", error); + toast.error("Falha ao excluir correção monetária"); } }; return ( <div className="p-4"> - <h3 className="text-lg font-semibold text-gray-800 mb-4">Correção Monetária</h3> + <h3 className="text-lg font-semibold text-gray-800 mb-4"> + Correção Monetária + </h3> - {calculo.status !== 'FINALIZADO' && ( + {calculo.status !== "FINALIZADO" && ( <div className="mb-6 bg-white p-4 rounded-lg shadow-sm border border-gray-200"> - <h4 className="text-md font-medium text-gray-700 mb-3">Adicionar Correção Monetária</h4> + <h4 className="text-md font-medium text-gray-700 mb-3"> + Adicionar Correção Monetária + </h4> <form onSubmit={handleSubmit} className="space-y-4"> <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4"> <div> - <label htmlFor="indice" className="block text-sm font-medium text-gray-700 mb-1"> + <label + htmlFor="indice" + className="block text-sm font-medium text-gray-700 mb-1" + > Índice </label> <select @@ -516,7 +603,10 @@ function CorrecaoMonetariaTab({ calculo, onUpdate, formatarValor }: { calculo: C </select> </div> <div> - <label htmlFor="dataInicial" className="block text-sm font-medium text-gray-700 mb-1"> + <label + htmlFor="dataInicial" + className="block text-sm font-medium text-gray-700 mb-1" + > Data Inicial </label> <input @@ -530,7 +620,10 @@ function CorrecaoMonetariaTab({ calculo, onUpdate, formatarValor }: { calculo: C /> </div> <div> - <label htmlFor="dataFinal" className="block text-sm font-medium text-gray-700 mb-1"> + <label + htmlFor="dataFinal" + className="block text-sm font-medium text-gray-700 mb-1" + > Data Final </label> <input @@ -544,7 +637,10 @@ function CorrecaoMonetariaTab({ calculo, onUpdate, formatarValor }: { calculo: C /> </div> <div> - <label htmlFor="valorOriginal" className="block text-sm font-medium text-gray-700 mb-1"> + <label + htmlFor="valorOriginal" + className="block text-sm font-medium text-gray-700 mb-1" + > Valor Original </label> <div className="relative"> @@ -569,7 +665,7 @@ function CorrecaoMonetariaTab({ calculo, onUpdate, formatarValor }: { calculo: C className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500" disabled={loading} > - {loading ? 'Adicionando...' : 'Adicionar Correção'} + {loading ? "Adicionando..." : "Adicionar Correção"} </button> </div> </form> @@ -577,30 +673,60 @@ function CorrecaoMonetariaTab({ calculo, onUpdate, formatarValor }: { calculo: C )} <div className="mt-6"> - <h4 className="text-md font-medium text-gray-700 mb-3">Histórico de Correções</h4> + <h4 className="text-md font-medium text-gray-700 mb-3"> + Histórico de Correções + </h4> {calculo.correcoes.length === 0 ? ( - <p className="text-gray-500 italic">Nenhuma correção monetária registrada</p> + <p className="text-gray-500 italic"> + Nenhuma correção monetária registrada + </p> ) : ( <div className="overflow-x-auto"> <table className="min-w-full divide-y divide-gray-200"> <thead className="bg-gray-50"> <tr> - <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase">Data Inicial</th> - <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase">Data Final</th> - <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase">Índice</th> - <th className="px-4 py-2 text-right text-xs font-medium text-gray-500 uppercase">Valor Original</th> - <th className="px-4 py-2 text-right text-xs font-medium text-gray-500 uppercase">Valor Corrigido</th> - <th className="px-4 py-2 text-right text-xs font-medium text-gray-500 uppercase">Ações</th> + <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase"> + Data Inicial + </th> + <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase"> + Data Final + </th> + <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase"> + Índice + </th> + <th className="px-4 py-2 text-right text-xs font-medium text-gray-500 uppercase"> + Valor Original + </th> + <th className="px-4 py-2 text-right text-xs font-medium text-gray-500 uppercase"> + Valor Corrigido + </th> + <th className="px-4 py-2 text-right text-xs font-medium text-gray-500 uppercase"> + Ações + </th> </tr> </thead> <tbody className="bg-white divide-y divide-gray-200"> {calculo.correcoes.map((correcao, index) => ( <tr key={index}> - <td className="px-4 py-2 text-sm text-gray-900">{formatarData(correcao.dataInicial)}</td> - <td className="px-4 py-2 text-sm text-gray-900">{correcao.dataFinal ? formatarData(correcao.dataFinal) : '-'}</td> - <td className="px-4 py-2 text-sm text-gray-900">{correcao.indice}</td> - <td className="px-4 py-2 text-sm text-gray-900 text-right">{formatarMoeda(correcao.valorOriginal)}</td> - <td className="px-4 py-2 text-sm text-gray-900 text-right">{corrigirValorExibicao(formatarMoeda(correcao.valorCorrigido))}</td> + <td className="px-4 py-2 text-sm text-gray-900"> + {formatarData(correcao.dataInicial)} + </td> + <td className="px-4 py-2 text-sm text-gray-900"> + {correcao.dataFinal + ? formatarData(correcao.dataFinal) + : "-"} + </td> + <td className="px-4 py-2 text-sm text-gray-900"> + {correcao.indice} + </td> + <td className="px-4 py-2 text-sm text-gray-900 text-right"> + {formatarMoeda(correcao.valorOriginal)} + </td> + <td className="px-4 py-2 text-sm text-gray-900 text-right"> + {corrigirValorExibicao( + formatarMoeda(correcao.valorCorrigido), + )} + </td> <td className="px-4 py-2"> <div className="flex space-x-2"> <button @@ -626,7 +752,7 @@ function CorrecaoMonetariaTab({ calculo, onUpdate, formatarValor }: { calculo: C function JurosTab({ calculo, onUpdate, - formatarValor + formatarValor, }: { calculo: Calculo; onUpdate: () => void; @@ -635,25 +761,27 @@ function JurosTab({ const { getToken } = useAuth(); const [loading, setLoading] = useState(false); const [formData, setFormData] = useState({ - tipo: 'SIMPLES', - taxa: '1,00', - periodicidade: 'MENSAL', - natureza: 'MORATORIO', - dataInicial: new Date().toISOString().split('T')[0], - dataFinal: new Date().toISOString().split('T')[0], - valorBase: calculo.valorBase + tipo: "SIMPLES", + taxa: "1,00", + periodicidade: "MENSAL", + natureza: "MORATORIO", + dataInicial: new Date().toISOString().split("T")[0], + dataFinal: new Date().toISOString().split("T")[0], + valorBase: calculo.valorBase, }); - const handleChange = (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement>) => { + const handleChange = ( + e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement>, + ) => { const { name, value } = e.target; - setFormData(prev => ({ ...prev, [name]: value })); + setFormData((prev) => ({ ...prev, [name]: value })); }; const handleTaxaChange = (e: React.ChangeEvent<HTMLInputElement>) => { const { value } = e.target; // Permitir apenas dígitos, vírgula, e ponto - const numericValue = value.replace(/[^\d.,]/g, ''); - setFormData(prev => ({ ...prev, taxa: numericValue })); + const numericValue = value.replace(/[^\d.,]/g, ""); + setFormData((prev) => ({ ...prev, taxa: numericValue })); }; const handleSubmit = async (e: React.FormEvent) => { @@ -663,31 +791,37 @@ function JurosTab({ try { const token = getToken(); if (!token) { - throw new Error('Usuário não autenticado. Faça login novamente.'); + throw new Error("Usuário não autenticado. Faça login novamente."); } // Converter taxa para decimal (ex: 1,5% -> 0.015) - const taxaDecimal = parseFloat(formData.taxa.replace(',', '.')) / 100; + const taxaDecimal = parseFloat(formData.taxa.replace(",", ".")) / 100; // Usar o serviço api em vez de fetch direto - await api.post(`/calculos/${calculo.id}/juros`, { - tipo: formData.tipo, - taxa: taxaDecimal, - periodicidade: formData.periodicidade, - natureza: formData.natureza, - dataInicial: formData.dataInicial, - dataFinal: formData.dataFinal, - valorBase: parseFloat(formData.valorBase.replace(/[^\d.,]/g, '').replace(',', '.')) - }, { - headers: { - 'Authorization': `Bearer ${token}` - } - }); + await api.post( + `/calculos/${calculo.id}/juros`, + { + tipo: formData.tipo, + taxa: taxaDecimal, + periodicidade: formData.periodicidade, + natureza: formData.natureza, + dataInicial: formData.dataInicial, + dataFinal: formData.dataFinal, + valorBase: parseFloat( + formData.valorBase.replace(/[^\d.,]/g, "").replace(",", "."), + ), + }, + { + headers: { + Authorization: `Bearer ${token}`, + }, + }, + ); - toast.success('Juros adicionados com sucesso!'); + toast.success("Juros adicionados com sucesso!"); onUpdate(); // Recarregar dados do cálculo } catch (error) { - console.error('Erro ao adicionar juros:', error); + console.error("Erro ao adicionar juros:", error); toast.error(`Falha ao adicionar juros: ${error.message}`); } finally { setLoading(false); @@ -695,15 +829,15 @@ function JurosTab({ }; const handleDelete = async (juroId: string) => { - if (!confirm('Deseja realmente excluir este juro?')) return; + if (!confirm("Deseja realmente excluir este juro?")) return; try { await api.delete(`/calculos/${calculo.id}/juros/${juroId}`); - toast.success('Juro removido com sucesso'); + toast.success("Juro removido com sucesso"); onUpdate(); } catch (error) { - console.error('Erro ao excluir juro:', error); - toast.error('Falha ao excluir juro'); + console.error("Erro ao excluir juro:", error); + toast.error("Falha ao excluir juro"); } }; @@ -711,13 +845,18 @@ function JurosTab({ <div className="p-4"> <h3 className="text-lg font-semibold text-gray-800 mb-4">Juros</h3> - {calculo.status !== 'FINALIZADO' && ( + {calculo.status !== "FINALIZADO" && ( <div className="mb-6 bg-white p-4 rounded-lg shadow-sm border border-gray-200"> - <h4 className="text-md font-medium text-gray-700 mb-3">Adicionar Juros</h4> + <h4 className="text-md font-medium text-gray-700 mb-3"> + Adicionar Juros + </h4> <form onSubmit={handleSubmit}> <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4"> <div> - <label htmlFor="tipo" className="block text-sm font-medium text-gray-700 mb-1"> + <label + htmlFor="tipo" + className="block text-sm font-medium text-gray-700 mb-1" + > Tipo </label> <select @@ -734,7 +873,10 @@ function JurosTab({ </div> <div> - <label htmlFor="taxa" className="block text-sm font-medium text-gray-700 mb-1"> + <label + htmlFor="taxa" + className="block text-sm font-medium text-gray-700 mb-1" + > Taxa </label> <div className="relative"> @@ -754,7 +896,10 @@ function JurosTab({ </div> <div> - <label htmlFor="periodicidade" className="block text-sm font-medium text-gray-700 mb-1"> + <label + htmlFor="periodicidade" + className="block text-sm font-medium text-gray-700 mb-1" + > Periodicidade </label> <select @@ -772,7 +917,10 @@ function JurosTab({ </div> <div> - <label htmlFor="natureza" className="block text-sm font-medium text-gray-700 mb-1"> + <label + htmlFor="natureza" + className="block text-sm font-medium text-gray-700 mb-1" + > Natureza </label> <select @@ -791,7 +939,10 @@ function JurosTab({ </div> <div> - <label htmlFor="dataInicial" className="block text-sm font-medium text-gray-700 mb-1"> + <label + htmlFor="dataInicial" + className="block text-sm font-medium text-gray-700 mb-1" + > Data Inicial </label> <input @@ -806,7 +957,10 @@ function JurosTab({ </div> <div> - <label htmlFor="dataFinal" className="block text-sm font-medium text-gray-700 mb-1"> + <label + htmlFor="dataFinal" + className="block text-sm font-medium text-gray-700 mb-1" + > Data Final </label> <input @@ -821,7 +975,10 @@ function JurosTab({ </div> <div> - <label htmlFor="valorBase" className="block text-sm font-medium text-gray-700 mb-1"> + <label + htmlFor="valorBase" + className="block text-sm font-medium text-gray-700 mb-1" + > Valor Base </label> <div className="relative"> @@ -847,7 +1004,7 @@ function JurosTab({ className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500" disabled={loading} > - {loading ? 'Adicionando...' : 'Adicionar Juros'} + {loading ? "Adicionando..." : "Adicionar Juros"} </button> </div> </form> @@ -855,37 +1012,81 @@ function JurosTab({ )} <div className="mt-6"> - <h4 className="text-md font-medium text-gray-700 mb-3">Juros Aplicados</h4> + <h4 className="text-md font-medium text-gray-700 mb-3"> + Juros Aplicados + </h4> {calculo.juros && calculo.juros.length > 0 ? ( <div className="overflow-x-auto"> <table className="min-w-full divide-y divide-gray-200"> <thead className="bg-gray-50"> <tr> - <th scope="col" className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Tipo</th> - <th scope="col" className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Taxa</th> - <th scope="col" className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Período</th> - <th scope="col" className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Natureza</th> - <th scope="col" className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Valor Base</th> - <th scope="col" className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Valor Juros</th> - <th scope="col" className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Ações</th> + <th + scope="col" + className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" + > + Tipo + </th> + <th + scope="col" + className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" + > + Taxa + </th> + <th + scope="col" + className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" + > + Período + </th> + <th + scope="col" + className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" + > + Natureza + </th> + <th + scope="col" + className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" + > + Valor Base + </th> + <th + scope="col" + className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" + > + Valor Juros + </th> + <th + scope="col" + className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" + > + Ações + </th> </tr> </thead> <tbody className="bg-white divide-y divide-gray-200"> {calculo.juros.map((juro, index) => ( <tr key={index}> <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900"> - {juro.tipo === 'SIMPLES' ? 'Simples' : 'Composto'} + {juro.tipo === "SIMPLES" ? "Simples" : "Composto"} </td> <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900"> {(parseFloat(juro.taxa) * 100).toFixed(2)}% </td> <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-500"> - {formatarData(juro.dataInicial)} a {formatarData(juro.dataFinal)} + {formatarData(juro.dataInicial)} a{" "} + {formatarData(juro.dataFinal)} + </td> + <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900"> + {juro.natureza} + </td> + <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900"> + {formatarValor(juro.valorBase)} + </td> + <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900"> + {formatarValor(juro.valorJuros)} </td> - <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900">{juro.natureza}</td> - <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900">{formatarValor(juro.valorBase)}</td> - <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900">{formatarValor(juro.valorJuros)}</td> <td className="px-4 py-2"> <div className="flex space-x-2"> <button @@ -913,7 +1114,7 @@ function JurosTab({ function MultasTab({ calculo, onUpdate, - formatarValor = formatarMoeda // Definir valor padrão usando formatarMoeda + formatarValor = formatarMoeda, // Definir valor padrão usando formatarMoeda }: { calculo: Calculo; onUpdate: () => void; @@ -922,22 +1123,26 @@ function MultasTab({ const { getToken } = useAuth(); const [loading, setLoading] = useState(false); const [formData, setFormData] = useState({ - tipo: 'CONTRATUAL', - percentual: '2,00', + tipo: "CONTRATUAL", + percentual: "2,00", valorBase: calculo.valorBase, - fundamento: '' + fundamento: "", }); - const handleChange = (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>) => { + const handleChange = ( + e: React.ChangeEvent< + HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement + >, + ) => { const { name, value } = e.target; - setFormData(prev => ({ ...prev, [name]: value })); + setFormData((prev) => ({ ...prev, [name]: value })); }; const handlePercentualChange = (e: React.ChangeEvent<HTMLInputElement>) => { const { value } = e.target; // Permitir apenas dígitos, vírgula, e ponto - const numericValue = value.replace(/[^\d.,]/g, ''); - setFormData(prev => ({ ...prev, percentual: numericValue })); + const numericValue = value.replace(/[^\d.,]/g, ""); + setFormData((prev) => ({ ...prev, percentual: numericValue })); }; const handleSubmit = async (e: React.FormEvent) => { @@ -947,46 +1152,49 @@ function MultasTab({ try { const token = getToken(); if (!token) { - throw new Error('Usuário não autenticado'); + throw new Error("Usuário não autenticado"); } // Converter percentual para decimal (ex: 2,00% -> 0.02) - const percentualDecimal = parseFloat(formData.percentual.replace(',', '.')) / 100; + const percentualDecimal = + parseFloat(formData.percentual.replace(",", ".")) / 100; await api.post(`/calculos/${calculo.id}/multas`, { tipo: formData.tipo, percentual: percentualDecimal, - valorBase: parseFloat(formData.valorBase.replace(/[^\d.,]/g, '').replace(',', '.')), - fundamento: formData.fundamento + valorBase: parseFloat( + formData.valorBase.replace(/[^\d.,]/g, "").replace(",", "."), + ), + fundamento: formData.fundamento, }); - toast.success('Multa adicionada com sucesso!'); + toast.success("Multa adicionada com sucesso!"); onUpdate(); // Limpar formulário - setFormData(prev => ({ + setFormData((prev) => ({ ...prev, - percentual: '', - fundamento: '' + percentual: "", + fundamento: "", })); } catch (error) { - console.error('Erro ao adicionar multa:', error); - toast.error('Falha ao adicionar multa: ' + error.message); + console.error("Erro ao adicionar multa:", error); + toast.error("Falha ao adicionar multa: " + error.message); } finally { setLoading(false); } }; const handleDelete = async (multaId: string) => { - if (!confirm('Deseja realmente excluir esta multa?')) return; + if (!confirm("Deseja realmente excluir esta multa?")) return; try { await api.delete(`/calculos/${calculo.id}/multas/${multaId}`); - toast.success('Multa removida com sucesso'); + toast.success("Multa removida com sucesso"); onUpdate(); } catch (error) { - console.error('Erro ao excluir multa:', error); - toast.error('Falha ao excluir multa'); + console.error("Erro ao excluir multa:", error); + toast.error("Falha ao excluir multa"); } }; @@ -994,13 +1202,18 @@ function MultasTab({ <div className="p-4"> <h3 className="text-lg font-semibold text-gray-800 mb-4">Multas</h3> - {calculo.status !== 'FINALIZADO' && ( + {calculo.status !== "FINALIZADO" && ( <div className="mb-6 bg-white p-4 rounded-lg shadow-sm border border-gray-200"> - <h4 className="text-md font-medium text-gray-700 mb-3">Adicionar Multa</h4> + <h4 className="text-md font-medium text-gray-700 mb-3"> + Adicionar Multa + </h4> <form onSubmit={handleSubmit}> <div className="grid grid-cols-1 md:grid-cols-2 gap-4"> <div> - <label htmlFor="tipo" className="block text-sm font-medium text-gray-700 mb-1"> + <label + htmlFor="tipo" + className="block text-sm font-medium text-gray-700 mb-1" + > Tipo </label> <select @@ -1017,7 +1230,10 @@ function MultasTab({ </div> <div> - <label htmlFor="percentual" className="block text-sm font-medium text-gray-700 mb-1"> + <label + htmlFor="percentual" + className="block text-sm font-medium text-gray-700 mb-1" + > Percentual </label> <div className="relative"> @@ -1037,7 +1253,10 @@ function MultasTab({ </div> <div> - <label htmlFor="valorBase" className="block text-sm font-medium text-gray-700 mb-1"> + <label + htmlFor="valorBase" + className="block text-sm font-medium text-gray-700 mb-1" + > Valor Base </label> <div className="relative"> @@ -1057,7 +1276,10 @@ function MultasTab({ </div> <div> - <label htmlFor="fundamento" className="block text-sm font-medium text-gray-700 mb-1"> + <label + htmlFor="fundamento" + className="block text-sm font-medium text-gray-700 mb-1" + > Fundamento Legal/Contratual </label> <textarea @@ -1077,7 +1299,7 @@ function MultasTab({ className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500" disabled={loading} > - {loading ? 'Adicionando...' : 'Adicionar Multa'} + {loading ? "Adicionando..." : "Adicionar Multa"} </button> </div> </form> @@ -1085,31 +1307,71 @@ function MultasTab({ )} <div className="mt-6"> - <h4 className="text-md font-medium text-gray-700 mb-3">Multas Aplicadas</h4> + <h4 className="text-md font-medium text-gray-700 mb-3"> + Multas Aplicadas + </h4> {calculo.multas && calculo.multas.length > 0 ? ( <div className="overflow-x-auto"> <table className="min-w-full divide-y divide-gray-200"> <thead className="bg-gray-50"> <tr> - <th scope="col" className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Tipo</th> - <th scope="col" className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Percentual</th> - <th scope="col" className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Valor Base</th> - <th scope="col" className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Valor Multa</th> - <th scope="col" className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Fundamento</th> - <th scope="col" className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Ações</th> + <th + scope="col" + className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" + > + Tipo + </th> + <th + scope="col" + className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" + > + Percentual + </th> + <th + scope="col" + className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" + > + Valor Base + </th> + <th + scope="col" + className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" + > + Valor Multa + </th> + <th + scope="col" + className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" + > + Fundamento + </th> + <th + scope="col" + className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" + > + Ações + </th> </tr> </thead> <tbody className="bg-white divide-y divide-gray-200"> {calculo.multas.map((multa, index) => ( <tr key={index}> - <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900">{multa.tipo}</td> + <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900"> + {multa.tipo} + </td> <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900"> {(parseFloat(multa.percentual) * 100).toFixed(2)}% </td> - <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900">{formatarValor(multa.valorBase)}</td> - <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900">{formatarValor(multa.valorMulta)}</td> - <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-500">{multa.fundamento || '-'}</td> + <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900"> + {formatarValor(multa.valorBase)} + </td> + <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900"> + {formatarValor(multa.valorMulta)} + </td> + <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-500"> + {multa.fundamento || "-"} + </td> <td className="px-4 py-2"> <div className="flex space-x-2"> <button @@ -1127,7 +1389,9 @@ function MultasTab({ </table> </div> ) : ( - <p className="text-gray-500 text-sm italic">Nenhuma multa aplicada.</p> + <p className="text-gray-500 text-sm italic"> + Nenhuma multa aplicada. + </p> )} </div> </div> @@ -1137,7 +1401,7 @@ function MultasTab({ function ParcelasTab({ calculo, onUpdate, - formatarValor = formatarMoeda + formatarValor = formatarMoeda, }: { calculo: Calculo; onUpdate: () => void; @@ -1146,14 +1410,16 @@ function ParcelasTab({ const { getToken } = useAuth(); const [loading, setLoading] = useState(false); const [formData, setFormData] = useState({ - numero: '1', - dataVencimento: new Date().toISOString().split('T')[0], - valorOriginal: calculo.valorBase + numero: "1", + dataVencimento: new Date().toISOString().split("T")[0], + valorOriginal: calculo.valorBase, }); - const handleChange = (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement>) => { + const handleChange = ( + e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement>, + ) => { const { name, value } = e.target; - setFormData(prev => ({ ...prev, [name]: value })); + setFormData((prev) => ({ ...prev, [name]: value })); }; const handleSubmit = async (e: React.FormEvent) => { @@ -1163,30 +1429,36 @@ function ParcelasTab({ try { const token = getToken(); if (!token) { - throw new Error('Usuário não autenticado. Faça login novamente.'); + throw new Error("Usuário não autenticado. Faça login novamente."); } // Usar o serviço api em vez de fetch direto - await api.post(`/calculos/${calculo.id}/parcelas`, { - numero: parseInt(formData.numero), - dataVencimento: formData.dataVencimento, - valorOriginal: parseFloat(formData.valorOriginal.replace(/[^\d.,]/g, '').replace(',', '.')) - }, { - headers: { - 'Authorization': `Bearer ${token}` - } - }); + await api.post( + `/calculos/${calculo.id}/parcelas`, + { + numero: parseInt(formData.numero), + dataVencimento: formData.dataVencimento, + valorOriginal: parseFloat( + formData.valorOriginal.replace(/[^\d.,]/g, "").replace(",", "."), + ), + }, + { + headers: { + Authorization: `Bearer ${token}`, + }, + }, + ); - toast.success('Parcela adicionada com sucesso!'); + toast.success("Parcela adicionada com sucesso!"); onUpdate(); // Recarregar dados do cálculo // Limpar o formulário e incrementar o número da parcela - setFormData(prev => ({ + setFormData((prev) => ({ ...prev, - numero: (parseInt(prev.numero) + 1).toString() + numero: (parseInt(prev.numero) + 1).toString(), })); } catch (error) { - console.error('Erro ao adicionar parcela:', error); + console.error("Erro ao adicionar parcela:", error); toast.error(`Falha ao adicionar parcela: ${error.message}`); } finally { setLoading(false); @@ -1197,40 +1469,44 @@ function ParcelasTab({ try { const token = getToken(); if (!token) { - throw new Error('Usuário não autenticado. Faça login novamente.'); + throw new Error("Usuário não autenticado. Faça login novamente."); } // Usar o serviço api em vez de fetch direto - const response = await api.post(`/calculos/${calculo.id}/parcelas/${parcelaId}/pagar`, { - dataPagamento: new Date().toISOString().split('T')[0] - }, { - headers: { - 'Authorization': `Bearer ${token}` - } - }); + const response = await api.post( + `/calculos/${calculo.id}/parcelas/${parcelaId}/pagar`, + { + dataPagamento: new Date().toISOString().split("T")[0], + }, + { + headers: { + Authorization: `Bearer ${token}`, + }, + }, + ); if (!response.ok) { - throw new Error('Erro ao registrar pagamento'); + throw new Error("Erro ao registrar pagamento"); } - toast.success('Pagamento registrado com sucesso!'); + toast.success("Pagamento registrado com sucesso!"); onUpdate(); // Recarregar dados do cálculo } catch (error) { - console.error('Erro ao registrar pagamento:', error); + console.error("Erro ao registrar pagamento:", error); toast.error(`Falha ao registrar pagamento: ${error.message}`); } }; const handleDelete = async (parcelaId: string) => { - if (!confirm('Deseja realmente excluir esta parcela?')) return; + if (!confirm("Deseja realmente excluir esta parcela?")) return; try { await api.delete(`/calculos/${calculo.id}/parcelas/${parcelaId}`); - toast.success('Parcela removida com sucesso'); + toast.success("Parcela removida com sucesso"); onUpdate(); } catch (error) { - console.error('Erro ao excluir parcela:', error); - toast.error('Falha ao excluir parcela'); + console.error("Erro ao excluir parcela:", error); + toast.error("Falha ao excluir parcela"); } }; @@ -1238,13 +1514,18 @@ function ParcelasTab({ <div className="p-4"> <h3 className="text-lg font-semibold text-gray-800 mb-4">Parcelas</h3> - {calculo.status !== 'FINALIZADO' && ( + {calculo.status !== "FINALIZADO" && ( <div className="mb-6 bg-white p-4 rounded-lg shadow-sm border border-gray-200"> - <h4 className="text-md font-medium text-gray-700 mb-3">Adicionar Parcela</h4> + <h4 className="text-md font-medium text-gray-700 mb-3"> + Adicionar Parcela + </h4> <form onSubmit={handleSubmit}> <div className="grid grid-cols-1 md:grid-cols-3 gap-4"> <div> - <label htmlFor="numero" className="block text-sm font-medium text-gray-700 mb-1"> + <label + htmlFor="numero" + className="block text-sm font-medium text-gray-700 mb-1" + > Número da Parcela </label> <input @@ -1260,7 +1541,10 @@ function ParcelasTab({ </div> <div> - <label htmlFor="dataVencimento" className="block text-sm font-medium text-gray-700 mb-1"> + <label + htmlFor="dataVencimento" + className="block text-sm font-medium text-gray-700 mb-1" + > Data de Vencimento </label> <input @@ -1275,7 +1559,10 @@ function ParcelasTab({ </div> <div> - <label htmlFor="valorOriginal" className="block text-sm font-medium text-gray-700 mb-1"> + <label + htmlFor="valorOriginal" + className="block text-sm font-medium text-gray-700 mb-1" + > Valor Original </label> <div className="relative"> @@ -1301,7 +1588,7 @@ function ParcelasTab({ className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500" disabled={loading} > - {loading ? 'Adicionando...' : 'Adicionar Parcela'} + {loading ? "Adicionando..." : "Adicionar Parcela"} </button> </div> </form> @@ -1309,49 +1596,111 @@ function ParcelasTab({ )} <div className="mt-6"> - <h4 className="text-md font-medium text-gray-700 mb-3">Parcelas do Cálculo</h4> + <h4 className="text-md font-medium text-gray-700 mb-3"> + Parcelas do Cálculo + </h4> {calculo.parcelas && calculo.parcelas.length > 0 ? ( <div className="overflow-x-auto"> <table className="min-w-full divide-y divide-gray-200"> <thead className="bg-gray-50"> <tr> - <th scope="col" className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Nº</th> - <th scope="col" className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Vencimento</th> - <th scope="col" className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Valor Original</th> - <th scope="col" className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Correção</th> - <th scope="col" className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Juros</th> - <th scope="col" className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Multa</th> - <th scope="col" className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Total</th> - <th scope="col" className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Status</th> - <th scope="col" className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Ações</th> + <th + scope="col" + className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" + > + Nº + </th> + <th + scope="col" + className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" + > + Vencimento + </th> + <th + scope="col" + className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" + > + Valor Original + </th> + <th + scope="col" + className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" + > + Correção + </th> + <th + scope="col" + className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" + > + Juros + </th> + <th + scope="col" + className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" + > + Multa + </th> + <th + scope="col" + className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" + > + Total + </th> + <th + scope="col" + className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" + > + Status + </th> + <th + scope="col" + className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" + > + Ações + </th> </tr> </thead> <tbody className="bg-white divide-y divide-gray-200"> {calculo.parcelas.map((parcela, index) => ( <tr key={index}> - <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900">{parcela.numero}</td> - <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900">{formatarData(parcela.dataVencimento)}</td> - <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900">{formatarValor(parcela.valorOriginal)}</td> <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900"> - {formatarValor(parseFloat(parcela.valorCorrigido) - parseFloat(parcela.valorOriginal))} + {parcela.numero} + </td> + <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900"> + {formatarData(parcela.dataVencimento)} + </td> + <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900"> + {formatarValor(parcela.valorOriginal)} + </td> + <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900"> + {formatarValor( + parseFloat(parcela.valorCorrigido) - + parseFloat(parcela.valorOriginal), + )} + </td> + <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900"> + {formatarValor(parcela.valorJuros)} + </td> + <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900"> + {formatarValor(parcela.valorMulta)} + </td> + <td className="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900"> + {formatarValor(parcela.valorTotal)} </td> - <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900">{formatarValor(parcela.valorJuros)}</td> - <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900">{formatarValor(parcela.valorMulta)}</td> - <td className="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">{formatarValor(parcela.valorTotal)}</td> <td className="px-6 py-4 whitespace-nowrap"> <span className={`px-2 inline-flex text-xs leading-5 font-semibold rounded-full ${ parcela.pago - ? 'bg-green-100 text-green-800' - : 'bg-yellow-100 text-yellow-800' + ? "bg-green-100 text-green-800" + : "bg-yellow-100 text-yellow-800" }`} > - {parcela.pago ? 'Pago' : 'Em aberto'} + {parcela.pago ? "Pago" : "Em aberto"} </span> </td> <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-500"> - {!parcela.pago && calculo.status !== 'FINALIZADO' && ( + {!parcela.pago && calculo.status !== "FINALIZADO" && ( <button onClick={() => registrarPagamento(parcela.id)} className="text-indigo-600 hover:text-indigo-900" @@ -1378,7 +1727,9 @@ function ParcelasTab({ </table> </div> ) : ( - <p className="text-gray-500 text-sm italic">Nenhuma parcela cadastrada.</p> + <p className="text-gray-500 text-sm italic"> + Nenhuma parcela cadastrada. + </p> )} </div> </div> @@ -1388,7 +1739,7 @@ function ParcelasTab({ function HonorariosTab({ calculo, onUpdate, - formatarValor = formatarMoeda + formatarValor = formatarMoeda, }: { calculo: Calculo; onUpdate: () => void; @@ -1397,22 +1748,26 @@ function HonorariosTab({ const { getToken } = useAuth(); const [loading, setLoading] = useState(false); const [formData, setFormData] = useState({ - tipo: 'SUCUMBENCIAL', - percentual: '10,00', + tipo: "SUCUMBENCIAL", + percentual: "10,00", valorBase: calculo.valorBase, - fundamento: '' + fundamento: "", }); - const handleChange = (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>) => { + const handleChange = ( + e: React.ChangeEvent< + HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement + >, + ) => { const { name, value } = e.target; - setFormData(prev => ({ ...prev, [name]: value })); + setFormData((prev) => ({ ...prev, [name]: value })); }; const handlePercentualChange = (e: React.ChangeEvent<HTMLInputElement>) => { const { value } = e.target; // Permitir apenas dígitos, vírgula, e ponto - const numericValue = value.replace(/[^\d.,]/g, ''); - setFormData(prev => ({ ...prev, percentual: numericValue })); + const numericValue = value.replace(/[^\d.,]/g, ""); + setFormData((prev) => ({ ...prev, percentual: numericValue })); }; const handleSubmit = async (e: React.FormEvent) => { @@ -1422,28 +1777,35 @@ function HonorariosTab({ try { const token = getToken(); if (!token) { - throw new Error('Usuário não autenticado. Faça login novamente.'); + throw new Error("Usuário não autenticado. Faça login novamente."); } // Converter percentual para decimal (ex: 10,00% -> 0.1) - const percentual = parseFloat(formData.percentual.replace(',', '.')) / 100; + const percentual = + parseFloat(formData.percentual.replace(",", ".")) / 100; // Usar o serviço api em vez de fetch direto - await api.post(`/calculos/${calculo.id}/honorarios`, { - tipo: formData.tipo, - percentual: percentual, - valorBase: parseFloat(formData.valorBase.replace(/[^\d.,]/g, '').replace(',', '.')), - fundamento: formData.fundamento - }, { - headers: { - 'Authorization': `Bearer ${token}` - } - }); + await api.post( + `/calculos/${calculo.id}/honorarios`, + { + tipo: formData.tipo, + percentual: percentual, + valorBase: parseFloat( + formData.valorBase.replace(/[^\d.,]/g, "").replace(",", "."), + ), + fundamento: formData.fundamento, + }, + { + headers: { + Authorization: `Bearer ${token}`, + }, + }, + ); - toast.success('Honorários adicionados com sucesso!'); + toast.success("Honorários adicionados com sucesso!"); onUpdate(); // Recarregar dados do cálculo } catch (error) { - console.error('Erro ao adicionar honorários:', error); + console.error("Erro ao adicionar honorários:", error); toast.error(`Falha ao adicionar honorários: ${error.message}`); } finally { setLoading(false); @@ -1451,29 +1813,36 @@ function HonorariosTab({ }; const handleDelete = async (honorarioId: string) => { - if (!confirm('Deseja realmente excluir este honorário?')) return; + if (!confirm("Deseja realmente excluir este honorário?")) return; try { await api.delete(`/calculos/${calculo.id}/honorarios/${honorarioId}`); - toast.success('Honorário removido com sucesso'); + toast.success("Honorário removido com sucesso"); onUpdate(); } catch (error) { - console.error('Erro ao excluir honorário:', error); - toast.error('Falha ao excluir honorário'); + console.error("Erro ao excluir honorário:", error); + toast.error("Falha ao excluir honorário"); } }; return ( <div className="p-4"> - <h3 className="text-lg font-semibold text-gray-800 mb-4">Honorários Advocatícios</h3> + <h3 className="text-lg font-semibold text-gray-800 mb-4"> + Honorários Advocatícios + </h3> - {calculo.status !== 'FINALIZADO' && ( + {calculo.status !== "FINALIZADO" && ( <div className="mb-6 bg-white p-4 rounded-lg shadow-sm border border-gray-200"> - <h4 className="text-md font-medium text-gray-700 mb-3">Adicionar Honorários</h4> + <h4 className="text-md font-medium text-gray-700 mb-3"> + Adicionar Honorários + </h4> <form onSubmit={handleSubmit}> <div className="grid grid-cols-1 md:grid-cols-2 gap-4"> <div> - <label htmlFor="tipo" className="block text-sm font-medium text-gray-700 mb-1"> + <label + htmlFor="tipo" + className="block text-sm font-medium text-gray-700 mb-1" + > Tipo </label> <select @@ -1491,7 +1860,10 @@ function HonorariosTab({ </div> <div> - <label htmlFor="percentual" className="block text-sm font-medium text-gray-700 mb-1"> + <label + htmlFor="percentual" + className="block text-sm font-medium text-gray-700 mb-1" + > Percentual </label> <div className="relative"> @@ -1511,7 +1883,10 @@ function HonorariosTab({ </div> <div> - <label htmlFor="valorBase" className="block text-sm font-medium text-gray-700 mb-1"> + <label + htmlFor="valorBase" + className="block text-sm font-medium text-gray-700 mb-1" + > Valor Base </label> <div className="relative"> @@ -1531,7 +1906,10 @@ function HonorariosTab({ </div> <div> - <label htmlFor="fundamento" className="block text-sm font-medium text-gray-700 mb-1"> + <label + htmlFor="fundamento" + className="block text-sm font-medium text-gray-700 mb-1" + > Fundamento Legal/Contratual </label> <textarea @@ -1551,7 +1929,7 @@ function HonorariosTab({ className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500" disabled={loading} > - {loading ? 'Adicionando...' : 'Adicionar Honorários'} + {loading ? "Adicionando..." : "Adicionar Honorários"} </button> </div> </form> @@ -1559,31 +1937,71 @@ function HonorariosTab({ )} <div className="mt-6"> - <h4 className="text-md font-medium text-gray-700 mb-3">Honorários Aplicados</h4> + <h4 className="text-md font-medium text-gray-700 mb-3"> + Honorários Aplicados + </h4> {calculo.honorarios && calculo.honorarios.length > 0 ? ( <div className="overflow-x-auto"> <table className="min-w-full divide-y divide-gray-200"> <thead className="bg-gray-50"> <tr> - <th scope="col" className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Tipo</th> - <th scope="col" className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Percentual</th> - <th scope="col" className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Valor Base</th> - <th scope="col" className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Valor Honorários</th> - <th scope="col" className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Fundamento</th> - <th scope="col" className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Ações</th> + <th + scope="col" + className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" + > + Tipo + </th> + <th + scope="col" + className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" + > + Percentual + </th> + <th + scope="col" + className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" + > + Valor Base + </th> + <th + scope="col" + className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" + > + Valor Honorários + </th> + <th + scope="col" + className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" + > + Fundamento + </th> + <th + scope="col" + className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" + > + Ações + </th> </tr> </thead> <tbody className="bg-white divide-y divide-gray-200"> {calculo.honorarios.map((honorario, index) => ( <tr key={index}> - <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900">{honorario.tipo}</td> + <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900"> + {honorario.tipo} + </td> <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900"> {(parseFloat(honorario.percentual) * 100).toFixed(2)}% </td> - <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900">{formatarValor(honorario.valorBase)}</td> - <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900">{formatarValor(honorario.valorHonorario)}</td> - <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-500">{honorario.fundamento || '-'}</td> + <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900"> + {formatarValor(honorario.valorBase)} + </td> + <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900"> + {formatarValor(honorario.valorHonorario)} + </td> + <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-500"> + {honorario.fundamento || "-"} + </td> <td className="px-4 py-2"> <div className="flex space-x-2"> <button @@ -1601,7 +2019,9 @@ function HonorariosTab({ </table> </div> ) : ( - <p className="text-gray-500 text-sm italic">Nenhum honorário aplicado.</p> + <p className="text-gray-500 text-sm italic"> + Nenhum honorário aplicado. + </p> )} </div> </div> @@ -1611,7 +2031,7 @@ function HonorariosTab({ function DescontosTab({ calculo, onUpdate, - formatarValor = formatarMoeda + formatarValor = formatarMoeda, }: { calculo: Calculo; onUpdate: () => void; @@ -1620,33 +2040,37 @@ function DescontosTab({ const { getToken } = useAuth(); const [loading, setLoading] = useState(false); const [formData, setFormData] = useState({ - tipo: 'INSS', - descricao: '', - percentual: '', - valorFixo: '', + tipo: "INSS", + descricao: "", + percentual: "", + valorFixo: "", valorBase: calculo.valorBase, - usaPercentual: true + usaPercentual: true, }); - const handleChange = (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>) => { + const handleChange = ( + e: React.ChangeEvent< + HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement + >, + ) => { const { name, value } = e.target; - setFormData(prev => ({ ...prev, [name]: value })); + setFormData((prev) => ({ ...prev, [name]: value })); }; const toggleTipoDesconto = (usaPercentual: boolean) => { - setFormData(prev => ({ + setFormData((prev) => ({ ...prev, usaPercentual, - percentual: usaPercentual ? prev.percentual : '', - valorFixo: !usaPercentual ? prev.valorFixo : '' + percentual: usaPercentual ? prev.percentual : "", + valorFixo: !usaPercentual ? prev.valorFixo : "", })); }; const handlePercentualChange = (e: React.ChangeEvent<HTMLInputElement>) => { const { value } = e.target; // Permitir apenas dígitos, vírgula, e ponto - const numericValue = value.replace(/[^\d.,]/g, ''); - setFormData(prev => ({ ...prev, percentual: numericValue })); + const numericValue = value.replace(/[^\d.,]/g, ""); + setFormData((prev) => ({ ...prev, percentual: numericValue })); }; const handleSubmit = async (e: React.FormEvent) => { @@ -1658,61 +2082,67 @@ function DescontosTab({ const dadosEnvio = { tipo: formData.tipo, descricao: formData.descricao, - valorBase: parseFloat(formData.valorBase.toString().replace(/\./g, '').replace(',', '.')), + valorBase: parseFloat( + formData.valorBase.toString().replace(/\./g, "").replace(",", "."), + ), }; // Adicionar percentual ou valor fixo dependendo da escolha if (formData.usaPercentual) { - dadosEnvio.percentual = parseFloat(formData.percentual.replace(/\./g, '').replace(',', '.')) / 100; + dadosEnvio.percentual = + parseFloat(formData.percentual.replace(/\./g, "").replace(",", ".")) / + 100; // Se percentual não for um número válido if (isNaN(dadosEnvio.percentual)) { - throw new Error('Percentual inválido'); + throw new Error("Percentual inválido"); } } else { - dadosEnvio.valorFixo = parseFloat(formData.valorFixo.replace(/\./g, '').replace(',', '.')); + dadosEnvio.valorFixo = parseFloat( + formData.valorFixo.replace(/\./g, "").replace(",", "."), + ); // Se valor fixo não for um número válido if (isNaN(dadosEnvio.valorFixo)) { - throw new Error('Valor fixo inválido'); + throw new Error("Valor fixo inválido"); } } // Adicionar logs para depuração - console.log('Enviando dados de desconto:', dadosEnvio); + console.log("Enviando dados de desconto:", dadosEnvio); // Fazer a requisição const token = getToken(); if (!token) { - throw new Error('Usuário não autenticado'); + throw new Error("Usuário não autenticado"); } const response = await api.post( `/calculos/${calculo.id}/descontos`, dadosEnvio, { - headers: { 'Authorization': `Bearer ${token}` }, - timeout: 30000 // 30 segundos - } + headers: { Authorization: `Bearer ${token}` }, + timeout: 30000, // 30 segundos + }, ); - console.log('Desconto adicionado:', response.data); - toast.success('Desconto adicionado com sucesso!'); + console.log("Desconto adicionado:", response.data); + toast.success("Desconto adicionado com sucesso!"); // Resetar o formulário setFormData({ - tipo: 'INSS', - descricao: '', - percentual: '', - valorFixo: '', + tipo: "INSS", + descricao: "", + percentual: "", + valorFixo: "", valorBase: calculo.valorBase, - usaPercentual: true + usaPercentual: true, }); // Atualizar a lista onUpdate(); } catch (error) { - console.error('Erro ao adicionar desconto:', error); + console.error("Erro ao adicionar desconto:", error); - let mensagemErro = 'Erro ao adicionar desconto'; + let mensagemErro = "Erro ao adicionar desconto"; if (error instanceof Error) { mensagemErro = error.message; } @@ -1724,7 +2154,7 @@ function DescontosTab({ }; const handleDelete = async (descontoId: string) => { - if (!confirm('Deseja realmente excluir este desconto?')) { + if (!confirm("Deseja realmente excluir este desconto?")) { return; } @@ -1732,15 +2162,15 @@ function DescontosTab({ setLoading(true); const response = await api.delete( - `/calculos/${calculo.id}/descontos/${descontoId}` + `/calculos/${calculo.id}/descontos/${descontoId}`, ); - toast.success('Desconto excluído com sucesso!'); + toast.success("Desconto excluído com sucesso!"); onUpdate(); // Atualizar a lista } catch (error) { - console.error('Erro ao excluir desconto:', error); + console.error("Erro ao excluir desconto:", error); - let mensagemErro = 'Erro ao excluir desconto'; + let mensagemErro = "Erro ao excluir desconto"; if (axios.isAxiosError(error) && error.response) { // Se tiver uma mensagem de erro específica na resposta if (error.response.data && error.response.data.error) { @@ -1758,13 +2188,18 @@ function DescontosTab({ <div className="p-4"> <h3 className="text-lg font-semibold text-gray-800 mb-4">Descontos</h3> - {calculo.status !== 'FINALIZADO' && ( + {calculo.status !== "FINALIZADO" && ( <div className="mb-6 bg-white p-4 rounded-lg shadow-sm border border-gray-200"> - <h4 className="text-md font-medium text-gray-700 mb-3">Adicionar Desconto</h4> + <h4 className="text-md font-medium text-gray-700 mb-3"> + Adicionar Desconto + </h4> <form onSubmit={handleSubmit}> <div className="grid grid-cols-1 md:grid-cols-2 gap-4"> <div> - <label htmlFor="tipo" className="block text-sm font-medium text-gray-700 mb-1"> + <label + htmlFor="tipo" + className="block text-sm font-medium text-gray-700 mb-1" + > Tipo </label> <select @@ -1783,7 +2218,10 @@ function DescontosTab({ </div> <div> - <label htmlFor="descricao" className="block text-sm font-medium text-gray-700 mb-1"> + <label + htmlFor="descricao" + className="block text-sm font-medium text-gray-700 mb-1" + > Descrição </label> <input @@ -1797,7 +2235,10 @@ function DescontosTab({ </div> <div> - <label htmlFor="tipoDesconto" className="block text-sm font-medium text-gray-700 mb-1"> + <label + htmlFor="tipoDesconto" + className="block text-sm font-medium text-gray-700 mb-1" + > Tipo de Desconto </label> <div className="flex space-x-4"> @@ -1810,7 +2251,10 @@ function DescontosTab({ onChange={() => toggleTipoDesconto(true)} className="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300" /> - <label htmlFor="percentual" className="ml-2 block text-sm text-gray-700"> + <label + htmlFor="percentual" + className="ml-2 block text-sm text-gray-700" + > Percentual </label> </div> @@ -1823,7 +2267,10 @@ function DescontosTab({ onChange={() => toggleTipoDesconto(false)} className="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300" /> - <label htmlFor="valorFixo" className="ml-2 block text-sm text-gray-700"> + <label + htmlFor="valorFixo" + className="ml-2 block text-sm text-gray-700" + > Valor Fixo </label> </div> @@ -1832,7 +2279,10 @@ function DescontosTab({ {formData.usaPercentual ? ( <div> - <label htmlFor="percentual" className="block text-sm font-medium text-gray-700 mb-1"> + <label + htmlFor="percentual" + className="block text-sm font-medium text-gray-700 mb-1" + > Percentual </label> <div className="relative"> @@ -1852,7 +2302,10 @@ function DescontosTab({ </div> ) : ( <div> - <label htmlFor="valorFixo" className="block text-sm font-medium text-gray-700 mb-1"> + <label + htmlFor="valorFixo" + className="block text-sm font-medium text-gray-700 mb-1" + > Valor Fixo </label> <div className="relative"> @@ -1873,7 +2326,10 @@ function DescontosTab({ )} <div> - <label htmlFor="valorBase" className="block text-sm font-medium text-gray-700 mb-1"> + <label + htmlFor="valorBase" + className="block text-sm font-medium text-gray-700 mb-1" + > Valor Base </label> <div className="relative"> @@ -1899,7 +2355,7 @@ function DescontosTab({ className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500" disabled={loading} > - {loading ? 'Adicionando...' : 'Adicionar Desconto'} + {loading ? "Adicionando..." : "Adicionar Desconto"} </button> </div> </form> @@ -1907,34 +2363,73 @@ function DescontosTab({ )} <div className="mt-6"> - <h4 className="text-md font-medium text-gray-700 mb-3">Descontos Aplicados</h4> + <h4 className="text-md font-medium text-gray-700 mb-3"> + Descontos Aplicados + </h4> {calculo.descontos && calculo.descontos.length > 0 ? ( <div className="overflow-x-auto"> <table className="min-w-full divide-y divide-gray-200"> <thead className="bg-gray-50"> <tr> - <th scope="col" className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Tipo</th> - <th scope="col" className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Descrição</th> - <th scope="col" className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Base de Cálculo</th> - <th scope="col" className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Forma</th> - <th scope="col" className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Valor Desconto</th> - <th scope="col" className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Ações</th> + <th + scope="col" + className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" + > + Tipo + </th> + <th + scope="col" + className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" + > + Descrição + </th> + <th + scope="col" + className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" + > + Base de Cálculo + </th> + <th + scope="col" + className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" + > + Forma + </th> + <th + scope="col" + className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" + > + Valor Desconto + </th> + <th + scope="col" + className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" + > + Ações + </th> </tr> </thead> <tbody className="bg-white divide-y divide-gray-200"> {calculo.descontos.map((desconto, index) => ( <tr key={index}> - <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900">{desconto.tipo}</td> - <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900">{desconto.descricao || '-'}</td> - <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900">{formatarValor(desconto.valorBase)}</td> + <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900"> + {desconto.tipo} + </td> + <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900"> + {desconto.descricao || "-"} + </td> + <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900"> + {formatarValor(desconto.valorBase)} + </td> <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900"> {desconto.percentual ? `${(parseFloat(desconto.percentual) * 100).toFixed(2)}%` - : `Valor Fixo: ${formatarValor(desconto.valorFixo)}` - } + : `Valor Fixo: ${formatarValor(desconto.valorFixo)}`} + </td> + <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900"> + {formatarValor(desconto.valorDesconto)} </td> - <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900">{formatarValor(desconto.valorDesconto)}</td> <td className="px-4 py-2"> <div className="flex space-x-2"> <button @@ -1952,7 +2447,9 @@ function DescontosTab({ </table> </div> ) : ( - <p className="text-gray-500 text-sm italic">Nenhum desconto aplicado.</p> + <p className="text-gray-500 text-sm italic"> + Nenhum desconto aplicado. + </p> )} </div> </div> @@ -1961,17 +2458,21 @@ function DescontosTab({ function HistoricoTab({ calculo, - formatarValor + formatarValor, }: { calculo: Calculo; formatarValor: (valor: string) => string; }) { return ( <div className="p-4"> - <h3 className="text-lg font-semibold text-gray-800 mb-4">Histórico de Alterações</h3> + <h3 className="text-lg font-semibold text-gray-800 mb-4"> + Histórico de Alterações + </h3> {calculo.historico.length === 0 ? ( - <p className="text-gray-500 italic">Nenhum registro de alteração encontrado.</p> + <p className="text-gray-500 italic"> + Nenhum registro de alteração encontrado. + </p> ) : ( <div className="mt-4"> <ul className="divide-y divide-gray-200"> @@ -1983,17 +2484,25 @@ function HistoricoTab({ {item.descricao} </p> <p className="text-sm text-gray-500"> - {format(new Date(item.criadoEm), 'dd/MM/yyyy HH:mm:ss', { locale: ptBR })} - {item.usuario ? ` por ${item.usuario.nome}` : ''} + {format(new Date(item.criadoEm), "dd/MM/yyyy HH:mm:ss", { + locale: ptBR, + })} + {item.usuario ? ` por ${item.usuario.nome}` : ""} </p> {(item.valorAnterior || item.valorNovo) && ( <div className="mt-1 text-xs"> {item.valorAnterior && ( - <span className="text-red-600">Valor anterior: {formatarValor(item.valorAnterior)}</span> + <span className="text-red-600"> + Valor anterior: {formatarValor(item.valorAnterior)} + </span> + )} + {item.valorAnterior && item.valorNovo && ( + <span className="mx-1">→</span> )} - {item.valorAnterior && item.valorNovo && <span className="mx-1">→</span>} {item.valorNovo && ( - <span className="text-green-600">Novo valor: {formatarValor(item.valorNovo)}</span> + <span className="text-green-600"> + Novo valor: {formatarValor(item.valorNovo)} + </span> )} </div> )} diff --git a/src/components/calculos/NovoCalculo.tsx b/src/components/calculos/NovoCalculo.tsx index a7a0c72..83ee155 100644 --- a/src/components/calculos/NovoCalculo.tsx +++ b/src/components/calculos/NovoCalculo.tsx @@ -1,8 +1,9 @@ -import { useState, useEffect, useRef } from 'react'; -import { useNavigate } from 'react-router-dom'; -import { toast } from 'react-toastify'; -import { formatarMoeda, parseMoeda } from '../../utils/formatters'; -import { useAuth } from '../../contexts/AuthContext'; +import { useState, useEffect, useRef } from "react"; +import { useNavigate } from "react-router-dom"; +import { toast } from "react-toastify"; + +import { useAuth } from "../../contexts/AuthContext"; +import { formatarMoeda, parseMoeda } from "../../utils/formatters"; interface ProcessoOption { id: string; @@ -21,160 +22,174 @@ export function NovoCalculo() { const { getToken } = useAuth(); const valorBaseRef = useRef<HTMLInputElement>(null); const [formData, setFormData] = useState({ - titulo: '', - descricao: '', - dataBase: new Date().toISOString().split('T')[0], - valorBase: '', - processoId: '', - clienteId: '', + titulo: "", + descricao: "", + dataBase: new Date().toISOString().split("T")[0], + valorBase: "", + processoId: "", + clienteId: "", }); - + const [processos, setProcessos] = useState<ProcessoOption[]>([]); const [clientes, setClientes] = useState<ClienteOption[]>([]); - + // Carregar processos e clientes ao montar o componente useEffect(() => { const carregarDados = async () => { try { // Carregar processos - const processosResponse = await fetch('/api/processos'); + const processosResponse = await fetch("/api/processos"); if (processosResponse.ok) { const processosData = await processosResponse.json(); setProcessos(processosData); } - + // Carregar clientes - const clientesResponse = await fetch('/api/clientes'); + const clientesResponse = await fetch("/api/clientes"); if (clientesResponse.ok) { const clientesData = await clientesResponse.json(); setClientes(clientesData); } } catch (error) { - console.error('Erro ao carregar dados:', error); - toast.error('Falha ao carregar dados auxiliares'); + console.error("Erro ao carregar dados:", error); + toast.error("Falha ao carregar dados auxiliares"); } }; - + carregarDados(); }, []); - - const handleChange = (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>) => { + + const handleChange = ( + e: React.ChangeEvent< + HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement + >, + ) => { const { name, value } = e.target; - setFormData(prev => ({ ...prev, [name]: value })); + setFormData((prev) => ({ ...prev, [name]: value })); }; - + // Handler específico para campos monetários com controle de cursor const handleMoneyChange = (e: React.ChangeEvent<HTMLInputElement>) => { const { name, value } = e.target; - + // Salvar a posição atual do cursor antes da formatação const cursorPosition = e.target.selectionStart; const prevLength = e.target.value.length; - + // Remover caracteres não numéricos, exceto vírgula e ponto - const numericValue = value.replace(/[^\d.,]/g, ''); - + const numericValue = value.replace(/[^\d.,]/g, ""); + // Formatar como moeda const formattedValue = formatarMoeda(numericValue); - - setFormData(prev => ({ ...prev, [name]: formattedValue })); - + + setFormData((prev) => ({ ...prev, [name]: formattedValue })); + // Usar setTimeout para ajustar a posição do cursor após a atualização do DOM setTimeout(() => { if (valorBaseRef.current) { // Calcular a nova posição considerando a mudança no comprimento const lengthDifference = formattedValue.length - prevLength; - const newPosition = Math.max(0, (cursorPosition || 0) + lengthDifference); - + const newPosition = Math.max( + 0, + (cursorPosition || 0) + lengthDifference, + ); + // Definir o cursor na posição calculada valorBaseRef.current.setSelectionRange(newPosition, newPosition); } }, 0); }; - + const handleSubmit = async (e: React.FormEvent) => { e.preventDefault(); setLoading(true); - + try { // Validar dados if (!formData.titulo || !formData.dataBase || !formData.valorBase) { - toast.error('Preencha todos os campos obrigatórios'); + toast.error("Preencha todos os campos obrigatórios"); setLoading(false); return; } - + // Converter valor para número const valorBaseNumerico = parseMoeda(formData.valorBase); if (isNaN(valorBaseNumerico) || valorBaseNumerico <= 0) { - toast.error('Valor base inválido. Informe um valor maior que zero'); + toast.error("Valor base inválido. Informe um valor maior que zero"); setLoading(false); return; } - + // Preparar dados para envio const dadosParaEnviar = { ...formData, - valorBase: valorBaseNumerico + valorBase: valorBaseNumerico, }; - + // Obter token de autenticação usando o contexto const token = getToken(); if (!token) { - throw new Error('Usuário não autenticado. Faça login novamente.'); + throw new Error("Usuário não autenticado. Faça login novamente."); } - + // Enviar solicitação para criar cálculo com cabeçalho de autorização - const response = await fetch('/api/calculos', { - method: 'POST', + const response = await fetch("/api/calculos", { + method: "POST", headers: { - 'Content-Type': 'application/json', - 'Authorization': `Bearer ${token}` + "Content-Type": "application/json", + Authorization: `Bearer ${token}`, }, body: JSON.stringify(dadosParaEnviar), }); - + if (!response.ok) { const errorData = await response.json(); - throw new Error(errorData.error || 'Erro ao criar cálculo'); + throw new Error(errorData.error || "Erro ao criar cálculo"); } - + const resultado = await response.json(); - - toast.success('Cálculo criado com sucesso!'); - + + toast.success("Cálculo criado com sucesso!"); + // Redirecionar para a página do cálculo criado navigate(`/calculos/${resultado.id}`); } catch (error) { - console.error('Erro ao criar cálculo:', error); + console.error("Erro ao criar cálculo:", error); toast.error(`Falha ao criar cálculo: ${error.message}`); - - if (error.message?.includes('autenticação') || - error.message?.includes('não autenticado') || - error.response?.status === 401) { + + if ( + error.message?.includes("autenticação") || + error.message?.includes("não autenticado") || + error.response?.status === 401 + ) { // Se for erro de autenticação, redirecionar para login - navigate('/login'); + navigate("/login"); } } finally { setLoading(false); } }; - + return ( <div className="max-w-4xl mx-auto bg-white shadow-md rounded-lg overflow-hidden"> <div className="bg-gradient-to-r from-blue-600 to-blue-800 px-6 py-4 text-white"> <h1 className="text-xl font-bold">Novo Cálculo Judicial</h1> - <p className="text-sm text-blue-100 mt-1">Preencha os dados básicos para criar um novo cálculo</p> + <p className="text-sm text-blue-100 mt-1"> + Preencha os dados básicos para criar um novo cálculo + </p> </div> - + <form onSubmit={handleSubmit} className="p-6"> <div className="grid grid-cols-1 md:grid-cols-2 gap-6"> {/* Título */} <div className="col-span-2"> - <label htmlFor="titulo" className="block text-sm font-medium text-gray-700 mb-1"> + <label + htmlFor="titulo" + className="block text-sm font-medium text-gray-700 mb-1" + > Título <span className="text-red-500">*</span> </label> - <input + <input type="text" id="titulo" name="titulo" @@ -185,13 +200,16 @@ export function NovoCalculo() { required /> </div> - + {/* Data Base */} <div> - <label htmlFor="dataBase" className="block text-sm font-medium text-gray-700 mb-1"> + <label + htmlFor="dataBase" + className="block text-sm font-medium text-gray-700 mb-1" + > Data Base <span className="text-red-500">*</span> </label> - <input + <input type="date" id="dataBase" name="dataBase" @@ -200,19 +218,24 @@ export function NovoCalculo() { className="block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm" required /> - <p className="mt-1 text-xs text-gray-500">Data de referência para iniciar o cálculo</p> + <p className="mt-1 text-xs text-gray-500"> + Data de referência para iniciar o cálculo + </p> </div> - + {/* Valor Base */} <div> - <label htmlFor="valorBase" className="block text-sm font-medium text-gray-700 mb-1"> + <label + htmlFor="valorBase" + className="block text-sm font-medium text-gray-700 mb-1" + > Valor Base <span className="text-red-500">*</span> </label> <div className="relative"> <div className="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none"> <span className="text-gray-500 sm:text-sm">R$</span> </div> - <input + <input type="text" id="valorBase" name="valorBase" @@ -224,12 +247,17 @@ export function NovoCalculo() { required /> </div> - <p className="mt-1 text-xs text-gray-500">Valor inicial para o cálculo</p> + <p className="mt-1 text-xs text-gray-500"> + Valor inicial para o cálculo + </p> </div> - + {/* Processo */} <div> - <label htmlFor="processoId" className="block text-sm font-medium text-gray-700 mb-1"> + <label + htmlFor="processoId" + className="block text-sm font-medium text-gray-700 mb-1" + > Processo </label> <select @@ -240,17 +268,20 @@ export function NovoCalculo() { className="block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm" > <option value="">Selecione um processo (opcional)</option> - {processos.map(processo => ( + {processos.map((processo) => ( <option key={processo.id} value={processo.id}> {processo.numero} - {processo.titulo} </option> ))} </select> </div> - + {/* Cliente */} <div> - <label htmlFor="clienteId" className="block text-sm font-medium text-gray-700 mb-1"> + <label + htmlFor="clienteId" + className="block text-sm font-medium text-gray-700 mb-1" + > Cliente </label> <select @@ -261,17 +292,20 @@ export function NovoCalculo() { className="block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm" > <option value="">Selecione um cliente (opcional)</option> - {clientes.map(cliente => ( + {clientes.map((cliente) => ( <option key={cliente.id} value={cliente.id}> {cliente.nome} </option> ))} </select> </div> - + {/* Descrição */} <div className="col-span-2"> - <label htmlFor="descricao" className="block text-sm font-medium text-gray-700 mb-1"> + <label + htmlFor="descricao" + className="block text-sm font-medium text-gray-700 mb-1" + > Descrição </label> <textarea @@ -285,11 +319,11 @@ export function NovoCalculo() { /> </div> </div> - + <div className="mt-8 flex justify-end space-x-3"> <button type="button" - onClick={() => navigate('/calculos')} + onClick={() => navigate("/calculos")} disabled={loading} className="px-4 py-2 border border-gray-300 rounded-md shadow-sm text-sm font-medium text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500" > @@ -301,12 +335,28 @@ export function NovoCalculo() { className="px-4 py-2 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 flex items-center" > {loading && ( - <svg className="animate-spin -ml-1 mr-2 h-4 w-4 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"> - <circle className="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="4"></circle> - <path className="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> + <svg + className="animate-spin -ml-1 mr-2 h-4 w-4 text-white" + xmlns="http://www.w3.org/2000/svg" + fill="none" + viewBox="0 0 24 24" + > + <circle + className="opacity-25" + cx="12" + cy="12" + r="10" + stroke="currentColor" + strokeWidth="4" + ></circle> + <path + className="opacity-75" + fill="currentColor" + d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" + ></path> </svg> )} - {loading ? 'Criando...' : 'Criar Cálculo'} + {loading ? "Criando..." : "Criar Cálculo"} </button> </div> </form> diff --git a/src/components/calculos/NovoPensaoAlimenticia.tsx b/src/components/calculos/NovoPensaoAlimenticia.tsx index f8b90bc..a734325 100644 --- a/src/components/calculos/NovoPensaoAlimenticia.tsx +++ b/src/components/calculos/NovoPensaoAlimenticia.tsx @@ -1,7 +1,8 @@ -import { useState, useEffect } from 'react'; -import { useNavigate } from 'react-router-dom'; -import { toast } from 'react-toastify'; -import { formatarPercentual, parsePercentual } from '../../utils/formatters'; +import { useState, useEffect } from "react"; +import { useNavigate } from "react-router-dom"; +import { toast } from "react-toastify"; + +import { formatarPercentual, parsePercentual } from "../../utils/formatters"; interface ProcessoOption { id: string; @@ -18,134 +19,155 @@ export function NovoPensaoAlimenticia() { const navigate = useNavigate(); const [loading, setLoading] = useState(false); const [formData, setFormData] = useState({ - titulo: '', - descricao: '', - dataInicial: new Date().toISOString().split('T')[0], - dataFinal: '', - percentualSalarioMinimo: '', - multaPactuada: '', - tipoAtualizacao: 'INPC', - processoId: '', - clienteId: '', - observacoes: '', + titulo: "", + descricao: "", + dataInicial: new Date().toISOString().split("T")[0], + dataFinal: "", + percentualSalarioMinimo: "", + multaPactuada: "", + tipoAtualizacao: "INPC", + processoId: "", + clienteId: "", + observacoes: "", }); - + const [processos, setProcessos] = useState<ProcessoOption[]>([]); const [clientes, setClientes] = useState<ClienteOption[]>([]); - + // Carregar processos e clientes ao montar o componente useEffect(() => { const carregarDados = async () => { try { // Carregar processos - const processosResponse = await fetch('/api/processos'); + const processosResponse = await fetch("/api/processos"); if (processosResponse.ok) { const processosData = await processosResponse.json(); setProcessos(processosData); } - + // Carregar clientes - const clientesResponse = await fetch('/api/clientes'); + const clientesResponse = await fetch("/api/clientes"); if (clientesResponse.ok) { const clientesData = await clientesResponse.json(); setClientes(clientesData); } } catch (error) { - console.error('Erro ao carregar dados:', error); - toast.error('Falha ao carregar dados auxiliares'); + console.error("Erro ao carregar dados:", error); + toast.error("Falha ao carregar dados auxiliares"); } }; - + carregarDados(); }, []); - - const handleChange = (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>) => { + + const handleChange = ( + e: React.ChangeEvent< + HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement + >, + ) => { const { name, value } = e.target; - setFormData(prev => ({ ...prev, [name]: value })); + setFormData((prev) => ({ ...prev, [name]: value })); }; - + // Handler para campos percentuais const handlePercentChange = (e: React.ChangeEvent<HTMLInputElement>) => { const { name, value } = e.target; // Remover caracteres não numéricos, exceto vírgula e ponto - const numericValue = value.replace(/[^\d.,]/g, ''); + const numericValue = value.replace(/[^\d.,]/g, ""); // Formatar como percentual const formattedValue = formatarPercentual(numericValue); - setFormData(prev => ({ ...prev, [name]: formattedValue })); + setFormData((prev) => ({ ...prev, [name]: formattedValue })); }; - + const handleSubmit = async (e: React.FormEvent) => { e.preventDefault(); setLoading(true); - + try { // Validar dados - if (!formData.titulo || !formData.dataInicial || !formData.percentualSalarioMinimo) { - toast.error('Preencha todos os campos obrigatórios'); + if ( + !formData.titulo || + !formData.dataInicial || + !formData.percentualSalarioMinimo + ) { + toast.error("Preencha todos os campos obrigatórios"); setLoading(false); return; } - + // Converter percentual para decimal (formato 0.XX) const percentual = parsePercentual(formData.percentualSalarioMinimo); - + // Verificar se percentual é válido if (isNaN(percentual) || percentual <= 0 || percentual > 1) { - toast.error('Percentual do salário mínimo deve ser maior que 0 e menor ou igual a 100%'); + toast.error( + "Percentual do salário mínimo deve ser maior que 0 e menor ou igual a 100%", + ); setLoading(false); return; } - + // Preparar dados para envio const dadosParaEnviar = { ...formData, percentualSalarioMinimo: percentual, - multaPactuada: formData.multaPactuada ? parsePercentual(formData.multaPactuada) : undefined, + multaPactuada: formData.multaPactuada + ? parsePercentual(formData.multaPactuada) + : undefined, }; - + // Enviar solicitação para criar cálculo - const response = await fetch('/api/pensao-alimenticia', { - method: 'POST', + const response = await fetch("/api/pensao-alimenticia", { + method: "POST", headers: { - 'Content-Type': 'application/json', + "Content-Type": "application/json", }, body: JSON.stringify(dadosParaEnviar), }); - + if (!response.ok) { const errorData = await response.json(); - throw new Error(errorData.error || 'Erro ao criar cálculo de pensão alimentícia'); + throw new Error( + errorData.error || "Erro ao criar cálculo de pensão alimentícia", + ); } - + const resultado = await response.json(); - - toast.success('Cálculo de pensão alimentícia criado com sucesso!'); - + + toast.success("Cálculo de pensão alimentícia criado com sucesso!"); + // Redirecionar para a página do cálculo criado navigate(`/pensao-alimenticia/${resultado.id}`); } catch (error) { - console.error('Erro ao criar cálculo de pensão:', error); + console.error("Erro ao criar cálculo de pensão:", error); toast.error(`Falha ao criar cálculo: ${error.message}`); } finally { setLoading(false); } }; - + return ( <div className="max-w-4xl mx-auto bg-white shadow-md rounded-lg overflow-hidden"> <div className="bg-gradient-to-r from-blue-600 to-blue-800 px-6 py-4 text-white"> - <h1 className="text-xl font-bold">Novo Cálculo de Pensão Alimentícia</h1> - <p className="text-sm text-blue-100 mt-1">Preencha os dados para criar um novo cálculo de pensão alimentícia</p> + <h1 className="text-xl font-bold"> + Novo Cálculo de Pensão Alimentícia + </h1> + <p className="text-sm text-blue-100 mt-1"> + Preencha os dados para criar um novo cálculo de pensão alimentícia + </p> </div> - + <form onSubmit={handleSubmit} className="p-6"> <div className="grid grid-cols-1 md:grid-cols-2 gap-6"> {/* Título */} <div className="col-span-2"> - <label htmlFor="titulo" className="block text-sm font-medium text-gray-700 mb-1"> + <label + htmlFor="titulo" + className="block text-sm font-medium text-gray-700 mb-1" + > Título <span className="text-red-500">*</span> </label> - <input + <input type="text" id="titulo" name="titulo" @@ -156,10 +178,13 @@ export function NovoPensaoAlimenticia() { required /> </div> - + {/* Índice de Atualização */} <div> - <label htmlFor="tipoAtualizacao" className="block text-sm font-medium text-gray-700 mb-1"> + <label + htmlFor="tipoAtualizacao" + className="block text-sm font-medium text-gray-700 mb-1" + > Índice de Atualização Monetária </label> <select @@ -169,20 +194,32 @@ export function NovoPensaoAlimenticia() { onChange={handleChange} className="block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm" > - <option value="INPC">INPC (Índice Nacional de Preços ao Consumidor)</option> - <option value="IPCA">IPCA (Índice Nacional de Preços ao Consumidor Amplo)</option> - <option value="IGPM">IGP-M (Índice Geral de Preços do Mercado)</option> - <option value="SELIC">SELIC (Sistema Especial de Liquidação e Custódia)</option> + <option value="INPC"> + INPC (Índice Nacional de Preços ao Consumidor) + </option> + <option value="IPCA"> + IPCA (Índice Nacional de Preços ao Consumidor Amplo) + </option> + <option value="IGPM"> + IGP-M (Índice Geral de Preços do Mercado) + </option> + <option value="SELIC"> + SELIC (Sistema Especial de Liquidação e Custódia) + </option> </select> </div> - + {/* Percentual do Salário Mínimo */} <div> - <label htmlFor="percentualSalarioMinimo" className="block text-sm font-medium text-gray-700 mb-1"> - Percentual do Salário Mínimo <span className="text-red-500">*</span> + <label + htmlFor="percentualSalarioMinimo" + className="block text-sm font-medium text-gray-700 mb-1" + > + Percentual do Salário Mínimo{" "} + <span className="text-red-500">*</span> </label> <div className="relative"> - <input + <input type="text" id="percentualSalarioMinimo" name="percentualSalarioMinimo" @@ -198,13 +235,16 @@ export function NovoPensaoAlimenticia() { </div> <p className="mt-1 text-xs text-gray-500">Ex: 30% = 30,00%</p> </div> - + {/* Data Inicial */} <div> - <label htmlFor="dataInicial" className="block text-sm font-medium text-gray-700 mb-1"> + <label + htmlFor="dataInicial" + className="block text-sm font-medium text-gray-700 mb-1" + > Data Inicial <span className="text-red-500">*</span> </label> - <input + <input type="date" id="dataInicial" name="dataInicial" @@ -213,15 +253,20 @@ export function NovoPensaoAlimenticia() { className="block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm" required /> - <p className="mt-1 text-xs text-gray-500">Data de início da pensão</p> + <p className="mt-1 text-xs text-gray-500"> + Data de início da pensão + </p> </div> - + {/* Data Final */} <div> - <label htmlFor="dataFinal" className="block text-sm font-medium text-gray-700 mb-1"> + <label + htmlFor="dataFinal" + className="block text-sm font-medium text-gray-700 mb-1" + > Data Final </label> - <input + <input type="date" id="dataFinal" name="dataFinal" @@ -229,16 +274,21 @@ export function NovoPensaoAlimenticia() { onChange={handleChange} className="block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm" /> - <p className="mt-1 text-xs text-gray-500">Deixe em branco se a pensão não tem data final</p> + <p className="mt-1 text-xs text-gray-500"> + Deixe em branco se a pensão não tem data final + </p> </div> - + {/* Multa Pactuada */} <div> - <label htmlFor="multaPactuada" className="block text-sm font-medium text-gray-700 mb-1"> + <label + htmlFor="multaPactuada" + className="block text-sm font-medium text-gray-700 mb-1" + > Multa Pactuada por Atraso </label> <div className="relative"> - <input + <input type="text" id="multaPactuada" name="multaPactuada" @@ -251,12 +301,17 @@ export function NovoPensaoAlimenticia() { <span className="text-gray-500 sm:text-sm">%</span> </div> </div> - <p className="mt-1 text-xs text-gray-500">Ex: 10% = 10,00%. Deixe em branco se não houver.</p> + <p className="mt-1 text-xs text-gray-500"> + Ex: 10% = 10,00%. Deixe em branco se não houver. + </p> </div> - + {/* Processo */} <div> - <label htmlFor="processoId" className="block text-sm font-medium text-gray-700 mb-1"> + <label + htmlFor="processoId" + className="block text-sm font-medium text-gray-700 mb-1" + > Processo </label> <select @@ -267,17 +322,20 @@ export function NovoPensaoAlimenticia() { className="block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm" > <option value="">Selecione um processo (opcional)</option> - {processos.map(processo => ( + {processos.map((processo) => ( <option key={processo.id} value={processo.id}> {processo.numero} - {processo.titulo} </option> ))} </select> </div> - + {/* Cliente */} <div> - <label htmlFor="clienteId" className="block text-sm font-medium text-gray-700 mb-1"> + <label + htmlFor="clienteId" + className="block text-sm font-medium text-gray-700 mb-1" + > Cliente </label> <select @@ -288,17 +346,20 @@ export function NovoPensaoAlimenticia() { className="block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm" > <option value="">Selecione um cliente (opcional)</option> - {clientes.map(cliente => ( + {clientes.map((cliente) => ( <option key={cliente.id} value={cliente.id}> {cliente.nome} </option> ))} </select> </div> - + {/* Observações */} <div className="col-span-2"> - <label htmlFor="observacoes" className="block text-sm font-medium text-gray-700 mb-1"> + <label + htmlFor="observacoes" + className="block text-sm font-medium text-gray-700 mb-1" + > Observações </label> <textarea @@ -312,11 +373,11 @@ export function NovoPensaoAlimenticia() { /> </div> </div> - + <div className="mt-8 flex justify-end space-x-3"> <button type="button" - onClick={() => navigate('/calculos')} + onClick={() => navigate("/calculos")} disabled={loading} className="px-4 py-2 border border-gray-300 rounded-md shadow-sm text-sm font-medium text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500" > @@ -328,12 +389,28 @@ export function NovoPensaoAlimenticia() { className="px-4 py-2 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 flex items-center" > {loading && ( - <svg className="animate-spin -ml-1 mr-2 h-4 w-4 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"> - <circle className="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="4"></circle> - <path className="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> + <svg + className="animate-spin -ml-1 mr-2 h-4 w-4 text-white" + xmlns="http://www.w3.org/2000/svg" + fill="none" + viewBox="0 0 24 24" + > + <circle + className="opacity-25" + cx="12" + cy="12" + r="10" + stroke="currentColor" + strokeWidth="4" + ></circle> + <path + className="opacity-75" + fill="currentColor" + d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" + ></path> </svg> )} - {loading ? 'Criando...' : 'Criar Cálculo de Pensão'} + {loading ? "Criando..." : "Criar Cálculo de Pensão"} </button> </div> </form> diff --git a/src/components/clientes/ClienteDetalhes.tsx b/src/components/clientes/ClienteDetalhes.tsx index e3413c2..5df599b 100644 --- a/src/components/clientes/ClienteDetalhes.tsx +++ b/src/components/clientes/ClienteDetalhes.tsx @@ -1,6 +1,3 @@ -import React, { useState } from "react"; -import { useParams, useNavigate } from "react-router-dom"; -import { useClientes } from "../../hooks/useClientes"; import { Tab } from "@headlessui/react"; import { ArrowLeftIcon, @@ -11,7 +8,10 @@ import { UserGroupIcon, DocumentTextIcon, } from "@heroicons/react/24/outline"; -import { ClienteModal } from "./ClienteModal"; +import React, { useState } from "react"; +import { useParams, useNavigate } from "react-router-dom"; + +import { useClientes } from "../../hooks/useClientes"; import { formatCPF, formatTelefone, @@ -22,6 +22,8 @@ import { formatData, } from "../../utils/formatters"; +import { ClienteModal } from "./ClienteModal"; + function classNames(...classes: string[]) { return classes.filter(Boolean).join(" "); } diff --git a/src/components/clientes/ClienteModal.tsx b/src/components/clientes/ClienteModal.tsx index e4c0c7e..0cd3d7d 100644 --- a/src/components/clientes/ClienteModal.tsx +++ b/src/components/clientes/ClienteModal.tsx @@ -1,3 +1,6 @@ +import { Dialog, Transition } from "@headlessui/react"; +import { XMarkIcon } from "@heroicons/react/24/outline"; +import axios from "axios"; import React, { useState, useEffect, @@ -5,12 +8,10 @@ import React, { forwardRef, useRef, } from "react"; -import { Dialog, Transition } from "@headlessui/react"; -import { XMarkIcon } from "@heroicons/react/24/outline"; import { useForm } from "react-hook-form"; -import axios from "axios"; -import { Cliente } from "../../types/entities"; + import { useClientes } from "../../hooks/useClientes"; +import { Cliente } from "../../types/entities"; import { ORGAOS_EMISSORES, PREVIDENCIA_OPTIONS } from "../../utils/constants"; const estadosCivis = [ @@ -201,73 +202,77 @@ export const ClienteModal: React.FC<ClienteModalProps> = ({ const cepValue = watch("cep"); // Função para buscar dados do CEP - versão corrigida - const fetchAddressByCep = useCallback(async (cep: string) => { - if (!cep || cep.length !== 8) return; + const fetchAddressByCep = useCallback( + async (cep: string) => { + if (!cep || cep.length !== 8) return; - try { - setIsLoadingCep(true); - const formattedCep = cep.replace(/\D/g, ""); // Remove caracteres não numéricos - const response = await axios.get( - `https://viacep.com.br/ws/${formattedCep}/json/`, - ); + try { + setIsLoadingCep(true); + const formattedCep = cep.replace(/\D/g, ""); // Remove caracteres não numéricos + const response = await axios.get( + `https://viacep.com.br/ws/${formattedCep}/json/`, + ); - if (response.data && !response.data.erro) { - // Usar estado local para garantir re-renderização imediata - const endereco = response.data.logradouro || ""; - const bairro = response.data.bairro || ""; - const cidade = response.data.localidade || ""; - const estado = response.data.uf || ""; + if (response.data && !response.data.erro) { + // Usar estado local para garantir re-renderização imediata + const endereco = response.data.logradouro || ""; + const bairro = response.data.bairro || ""; + const cidade = response.data.localidade || ""; + const estado = response.data.uf || ""; - // Atualizar valores no formulário - setValue("endereco", endereco, { shouldValidate: true }); - setValue("bairro", bairro, { shouldValidate: true }); - setValue("cidade", cidade, { shouldValidate: true }); - setValue("estado", estado, { shouldValidate: true }); + // Atualizar valores no formulário + setValue("endereco", endereco, { shouldValidate: true }); + setValue("bairro", bairro, { shouldValidate: true }); + setValue("cidade", cidade, { shouldValidate: true }); + setValue("estado", estado, { shouldValidate: true }); - // Atualizar o estado para re-renderização do componente - setEnderecoState({ - endereco, - bairro, - cidade, - estado, - preenchido: true, - }); + // Atualizar o estado para re-renderização do componente + setEnderecoState({ + endereco, + bairro, + cidade, + estado, + preenchido: true, + }); - // Focar no próximo campo apenas se o usuário não estiver digitando ativamente - // Esta alteração evita interromper o fluxo natural de preenchimento - const activeElement = document.activeElement; - const isUserTyping = - activeElement && - (activeElement.tagName === 'INPUT' || activeElement.tagName === 'SELECT') && - activeElement !== document.querySelector('input[name="cep"]'); - - // Só focar no campo número se o usuário não estiver digitando em outro campo - if (!isUserTyping) { - setTimeout(() => { - const numeroInput = document.querySelector( - 'input[name="numero"]' - ) as HTMLInputElement; - if (numeroInput) numeroInput.focus(); - }, 100); + // Focar no próximo campo apenas se o usuário não estiver digitando ativamente + // Esta alteração evita interromper o fluxo natural de preenchimento + const activeElement = document.activeElement; + const isUserTyping = + activeElement && + (activeElement.tagName === "INPUT" || + activeElement.tagName === "SELECT") && + activeElement !== document.querySelector('input[name="cep"]'); + + // Só focar no campo número se o usuário não estiver digitando em outro campo + if (!isUserTyping) { + setTimeout(() => { + const numeroInput = document.querySelector( + 'input[name="numero"]', + ) as HTMLInputElement; + if (numeroInput) numeroInput.focus(); + }, 100); + } + } else { + console.error("CEP não encontrado"); + alert("CEP não encontrado. Por favor, verifique o CEP informado."); } - } else { - console.error("CEP não encontrado"); - alert("CEP não encontrado. Por favor, verifique o CEP informado."); + } catch (error) { + console.error("Erro ao buscar CEP:", error); + alert("Erro ao buscar informações do CEP. Por favor, tente novamente."); + } finally { + setIsLoadingCep(false); } - } catch (error) { - console.error("Erro ao buscar CEP:", error); - alert("Erro ao buscar informações do CEP. Por favor, tente novamente."); - } finally { - setIsLoadingCep(false); - } - }, [setValue]); + }, + [setValue], + ); // Efeito para monitorar mudanças no CEP com debounce otimizado const [autoFetchEnabled, setAutoFetchEnabled] = useState(true); useEffect(() => { if (!autoFetchEnabled) return; - + // Limpar qualquer timer existente const timer = setTimeout(() => { const cleanCep = cepValue?.replace(/\D/g, ""); @@ -584,7 +589,10 @@ export const ClienteModal: React.FC<ClienteModalProps> = ({ }} onBlur={(e) => { // Forçar busca ao sair do campo - const cleanCep = e.target.value.replace(/\D/g, ""); + const cleanCep = e.target.value.replace( + /\D/g, + "", + ); if (cleanCep && cleanCep.length === 8) { fetchAddressByCep(cleanCep); } @@ -622,10 +630,17 @@ export const ClienteModal: React.FC<ClienteModalProps> = ({ required: "Endereço é obrigatório", })} error={errors.endereco?.message} - value={enderecoState.preenchido ? enderecoState.endereco : undefined} + value={ + enderecoState.preenchido + ? enderecoState.endereco + : undefined + } onChange={(e) => { setValue("endereco", e.target.value); - setEnderecoState(prev => ({...prev, endereco: e.target.value})); + setEnderecoState((prev) => ({ + ...prev, + endereco: e.target.value, + })); }} /> <FormInput @@ -645,10 +660,17 @@ export const ClienteModal: React.FC<ClienteModalProps> = ({ required: "Bairro é obrigatório", })} error={errors.bairro?.message} - value={enderecoState.preenchido ? enderecoState.bairro : undefined} + value={ + enderecoState.preenchido + ? enderecoState.bairro + : undefined + } onChange={(e) => { setValue("bairro", e.target.value); - setEnderecoState(prev => ({...prev, bairro: e.target.value})); + setEnderecoState((prev) => ({ + ...prev, + bairro: e.target.value, + })); }} /> <FormInput @@ -657,10 +679,17 @@ export const ClienteModal: React.FC<ClienteModalProps> = ({ required: "Cidade é obrigatória", })} error={errors.cidade?.message} - value={enderecoState.preenchido ? enderecoState.cidade : undefined} + value={ + enderecoState.preenchido + ? enderecoState.cidade + : undefined + } onChange={(e) => { setValue("cidade", e.target.value); - setEnderecoState(prev => ({...prev, cidade: e.target.value})); + setEnderecoState((prev) => ({ + ...prev, + cidade: e.target.value, + })); }} /> <FormSelect @@ -670,10 +699,17 @@ export const ClienteModal: React.FC<ClienteModalProps> = ({ })} options={estadosOptions} error={errors.estado?.message} - value={enderecoState.preenchido ? enderecoState.estado : undefined} + value={ + enderecoState.preenchido + ? enderecoState.estado + : undefined + } onChange={(e) => { setValue("estado", e.target.value); - setEnderecoState(prev => ({...prev, estado: e.target.value})); + setEnderecoState((prev) => ({ + ...prev, + estado: e.target.value, + })); }} /> </div> diff --git a/src/components/clientes/ClientesList.tsx b/src/components/clientes/ClientesList.tsx index b6969cc..42e45d2 100644 --- a/src/components/clientes/ClientesList.tsx +++ b/src/components/clientes/ClientesList.tsx @@ -1,19 +1,23 @@ -import React, { useState, useEffect } from 'react'; -import { useQuery } from 'react-query'; -import { useNavigate } from 'react-router-dom'; -import { PencilIcon } from '@heroicons/react/24/outline'; -import api from '../../services/api'; -import { formatCPF, formatTelefone } from '../../utils/formatters'; +import { PencilIcon } from "@heroicons/react/24/outline"; +import React, { useState, useEffect } from "react"; +import { useQuery } from "react-query"; +import { useNavigate } from "react-router-dom"; + +import api from "../../services/api"; +import { formatCPF, formatTelefone } from "../../utils/formatters"; interface ClientesListProps { searchTerm: string; onEdit: (cliente: any) => void; } -export const ClientesList: React.FC<ClientesListProps> = ({ searchTerm, onEdit }) => { +export const ClientesList: React.FC<ClientesListProps> = ({ + searchTerm, + onEdit, +}) => { const navigate = useNavigate(); const [debouncedTerm, setDebouncedTerm] = useState(searchTerm); - + // Implementar debounce para a busca useEffect(() => { const timer = setTimeout(() => { @@ -22,39 +26,40 @@ export const ClientesList: React.FC<ClientesListProps> = ({ searchTerm, onEdit } return () => clearTimeout(timer); }, [searchTerm]); - + const { data: clientes = [], isLoading } = useQuery( - ['clientes', debouncedTerm], + ["clientes", debouncedTerm], async () => { - const response = await api.get('/clientes', { + const response = await api.get("/clientes", { params: { - search: debouncedTerm.toUpperCase() - } + search: debouncedTerm.toUpperCase(), + }, }); - + // Filtrar localmente para melhor resposta let filteredClientes = response.data; if (debouncedTerm) { - const searchTerms = debouncedTerm.toUpperCase().split(' '); - filteredClientes = response.data.filter((cliente: any) => - searchTerms.every(term => - cliente.nome.includes(term) || - cliente.cpfCnpj.includes(term) || - cliente.email?.includes(term.toLowerCase()) - ) + const searchTerms = debouncedTerm.toUpperCase().split(" "); + filteredClientes = response.data.filter((cliente: any) => + searchTerms.every( + (term) => + cliente.nome.includes(term) || + cliente.cpfCnpj.includes(term) || + cliente.email?.includes(term.toLowerCase()), + ), ); } - + // Ordenar por nome - return filteredClientes.sort((a: any, b: any) => - a.nome.localeCompare(b.nome) + return filteredClientes.sort((a: any, b: any) => + a.nome.localeCompare(b.nome), ); }, { staleTime: 1000 * 60, // 1 minuto cacheTime: 1000 * 60 * 5, // 5 minutos - keepPreviousData: true // Manter dados anteriores enquanto carrega novos - } + keepPreviousData: true, // Manter dados anteriores enquanto carrega novos + }, ); if (isLoading) { @@ -100,7 +105,7 @@ export const ClientesList: React.FC<ClientesListProps> = ({ searchTerm, onEdit } </thead> <tbody className="divide-y divide-gray-200 dark:divide-gray-700"> {clientes.map((cliente: any) => ( - <tr + <tr key={cliente.id} className="hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors cursor-pointer bg-white dark:bg-gray-800" onClick={() => navigate(`/clientes/${cliente.id}`)} diff --git a/src/components/clientes/ClientesPage.tsx b/src/components/clientes/ClientesPage.tsx index 4c93046..ef07299 100644 --- a/src/components/clientes/ClientesPage.tsx +++ b/src/components/clientes/ClientesPage.tsx @@ -1,9 +1,11 @@ -import React, { useState } from "react"; import { PlusIcon, MagnifyingGlassIcon } from "@heroicons/react/24/outline"; -import { ClientesList } from "./ClientesList.tsx"; -import { ClienteModal } from "./ClienteModal.tsx"; +import React, { useState } from "react"; + import { Cliente } from "../../types/entities"; +import { ClienteModal } from "./ClienteModal.tsx"; +import { ClientesList } from "./ClientesList.tsx"; + export const ClientesPage: React.FC = () => { const [isModalOpen, setIsModalOpen] = useState(false); const [searchTerm, setSearchTerm] = useState(""); diff --git a/src/components/dashboard/AlertasPrazos.tsx b/src/components/dashboard/AlertasPrazos.tsx index b2a4174..7baebfb 100644 --- a/src/components/dashboard/AlertasPrazos.tsx +++ b/src/components/dashboard/AlertasPrazos.tsx @@ -1,20 +1,22 @@ -import React from 'react'; -import { useQuery } from 'react-query'; -import { format, differenceInDays } from 'date-fns'; -import { ptBR } from 'date-fns/locale'; -import { ExclamationTriangleIcon } from '@heroicons/react/24/outline'; -import api from '../../services/api'; +import { ExclamationTriangleIcon } from "@heroicons/react/24/outline"; +import { format, differenceInDays, ptBR } from "date-fns"; +import React from "react"; +import { useQuery } from "react-query"; + +import api from "../../services/api"; export const AlertasPrazos: React.FC = () => { - const { data: prazos = [] } = useQuery('prazosFuturos', async () => { - const response = await api.get('/dashboard/prazos/proximos'); + const { data: prazos = [] } = useQuery("prazosFuturos", async () => { + const response = await api.get("/dashboard/prazos/proximos"); return response.data; }); const getPrioridadeStyle = (dias: number) => { - if (dias <= 3) return 'bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-200'; - if (dias <= 7) return 'bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-200'; - return 'bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200'; + if (dias <= 3) + return "bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-200"; + if (dias <= 7) + return "bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-200"; + return "bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200"; }; return ( @@ -38,8 +40,12 @@ export const AlertasPrazos: React.FC = () => { Processo: {prazo.processo.numero} </p> </div> - <span className={`px-2 py-1 rounded-full text-xs ${getPrioridadeStyle(dias)}`}> - {format(new Date(prazo.dataLimite), 'dd/MM/yyyy', { locale: ptBR })} + <span + className={`px-2 py-1 rounded-full text-xs ${getPrioridadeStyle(dias)}`} + > + {format(new Date(prazo.dataLimite), "dd/MM/yyyy", { + locale: ptBR, + })} </span> </div> ); diff --git a/src/components/dashboard/AtividadesRecentes.tsx b/src/components/dashboard/AtividadesRecentes.tsx index 40dc627..0ecc5b8 100644 --- a/src/components/dashboard/AtividadesRecentes.tsx +++ b/src/components/dashboard/AtividadesRecentes.tsx @@ -1,22 +1,24 @@ -import React from 'react'; -import { useQuery } from 'react-query'; -import { format } from 'date-fns'; -import { ptBR } from 'date-fns/locale'; -import api from '../../services/api'; +import { format, ptBR } from "date-fns"; +import React from "react"; +import { useQuery } from "react-query"; + +import api from "../../services/api"; export const AtividadesRecentes: React.FC = () => { - const { data: atividades = [] } = useQuery('atividades', async () => { - const response = await api.get('/dashboard/atividades'); + const { data: atividades = [] } = useQuery("atividades", async () => { + const response = await api.get("/dashboard/atividades"); return response.data; }); const formatData = (data: string | Date | null) => { - if (!data) return ''; + if (!data) return ""; try { - return format(new Date(data), "dd 'de' MMMM 'às' HH:mm", { locale: ptBR }); + return format(new Date(data), "dd 'de' MMMM 'às' HH:mm", { + locale: ptBR, + }); } catch (error) { - console.error('Erro ao formatar data:', error); - return 'Data inválida'; + console.error("Erro ao formatar data:", error); + return "Data inválida"; } }; @@ -28,7 +30,9 @@ export const AtividadesRecentes: React.FC = () => { <div className="space-y-4"> {atividades.map((atividade: any) => ( <div key={atividade.id} className="flex items-start space-x-3"> - <span className="text-2xl">{atividade.tipo === 'PROCESSO' ? '⚖️' : '📋'}</span> + <span className="text-2xl"> + {atividade.tipo === "PROCESSO" ? "⚖️" : "📋"} + </span> <div className="flex-1"> <p className="text-sm text-gray-900 dark:text-white"> {atividade.descricao} diff --git a/src/components/dashboard/Card.tsx b/src/components/dashboard/Card.tsx index 1a27dfb..b2a7afd 100644 --- a/src/components/dashboard/Card.tsx +++ b/src/components/dashboard/Card.tsx @@ -1,8 +1,5 @@ -import React from 'react'; -import { - ArrowUpIcon, - ArrowDownIcon, -} from '@heroicons/react/24/outline'; +import { ArrowUpIcon, ArrowDownIcon } from "@heroicons/react/24/outline"; +import React from "react"; interface CardProps { title: string; @@ -10,9 +7,9 @@ interface CardProps { trend?: number; trendLabel?: string; icon?: string; - color?: 'blue' | 'green' | 'red' | 'yellow' | 'purple'; + color?: "blue" | "green" | "red" | "yellow" | "purple"; items?: Array<{ label: string; value: string | number }>; - type?: 'default' | 'list'; + type?: "default" | "list"; } export const Card: React.FC<CardProps> = ({ @@ -21,27 +18,27 @@ export const Card: React.FC<CardProps> = ({ trend, trendLabel, icon, - color = 'blue', + color = "blue", items, - type = 'default' + type = "default", }) => { const colorClasses = { - blue: 'text-blue-600', - green: 'text-green-600', - red: 'text-red-600', - yellow: 'text-yellow-600', - purple: 'text-purple-600' + blue: "text-blue-600", + green: "text-green-600", + red: "text-red-600", + yellow: "text-yellow-600", + purple: "text-purple-600", }; const bgColorClasses = { - blue: 'bg-blue-50', - green: 'bg-green-50', - red: 'bg-red-50', - yellow: 'bg-yellow-50', - purple: 'bg-purple-50' + blue: "bg-blue-50", + green: "bg-green-50", + red: "bg-red-50", + yellow: "bg-yellow-50", + purple: "bg-purple-50", }; - if (type === 'list' && items) { + if (type === "list" && items) { return ( <div className="bg-white rounded-lg shadow p-4"> <h3 className="text-sm font-medium text-gray-900 mb-4">{title}</h3> @@ -49,7 +46,9 @@ export const Card: React.FC<CardProps> = ({ {items.map((item, index) => ( <div key={index} className="flex justify-between items-center"> <span className="text-sm text-gray-500">{item.label}</span> - <span className="text-sm font-medium text-gray-900">{item.value}</span> + <span className="text-sm font-medium text-gray-900"> + {item.value} + </span> </div> ))} </div> @@ -72,7 +71,9 @@ export const Card: React.FC<CardProps> = ({ {value} </p> {trend !== undefined && ( - <div className={`ml-2 flex items-center text-sm ${trend >= 0 ? 'text-green-600' : 'text-red-600'}`}> + <div + className={`ml-2 flex items-center text-sm ${trend >= 0 ? "text-green-600" : "text-red-600"}`} + > {trend >= 0 ? ( <ArrowUpIcon className="h-4 w-4" /> ) : ( @@ -80,9 +81,7 @@ export const Card: React.FC<CardProps> = ({ )} <span className="ml-1">{Math.abs(trend)}%</span> {trendLabel && ( - <span className="ml-1 text-gray-500"> - {trendLabel} - </span> + <span className="ml-1 text-gray-500">{trendLabel}</span> )} </div> )} diff --git a/src/components/dashboard/DashboardLayout.tsx b/src/components/dashboard/DashboardLayout.tsx index 4920c40..97bfaa8 100644 --- a/src/components/dashboard/DashboardLayout.tsx +++ b/src/components/dashboard/DashboardLayout.tsx @@ -1,14 +1,16 @@ -import React from 'react'; -import { useAuth } from '../../contexts/AuthContext'; -import { useDashboardStats } from '../../hooks/useDashboardStats'; -import { ProcessosStats } from './stats/ProcessosStats'; -import { TarefasStats } from './stats/TarefasStats'; -import { AtendimentosStats } from './stats/AtendimentosStats'; -import { FinanceiroStats } from './stats/FinanceiroStats'; -import { AlertasPrazos } from './AlertasPrazos'; -import { AtividadesRecentes } from './AtividadesRecentes'; -import { TaxaSucessoCard } from './TaxaSucessoCard'; -import { KPIsFinanceiros } from './stats/KPIsFinanceiros'; +import React from "react"; + +import { useAuth } from "../../contexts/AuthContext"; +import { useDashboardStats } from "../../hooks/useDashboardStats"; + +import { AlertasPrazos } from "./AlertasPrazos"; +import { AtividadesRecentes } from "./AtividadesRecentes"; +import { AtendimentosStats } from "./stats/AtendimentosStats"; +import { FinanceiroStats } from "./stats/FinanceiroStats"; +import { KPIsFinanceiros } from "./stats/KPIsFinanceiros"; +import { ProcessosStats } from "./stats/ProcessosStats"; +import { TarefasStats } from "./stats/TarefasStats"; +import { TaxaSucessoCard } from "./TaxaSucessoCard"; export const DashboardLayout: React.FC = () => { const { user } = useAuth(); @@ -18,10 +20,12 @@ export const DashboardLayout: React.FC = () => { atendimentosStats, financeiroStats, proximosPrazos, - atividades + atividades, } = useDashboardStats(); - const isAdminOrAdvogado = ['ADVOGADO_ADMIN', 'ADVOGADO'].includes(user?.perfil || ''); + const isAdminOrAdvogado = ["ADVOGADO_ADMIN", "ADVOGADO"].includes( + user?.perfil || "", + ); return ( <div className="space-y-6 p-6"> @@ -29,7 +33,9 @@ export const DashboardLayout: React.FC = () => { <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6"> {processosStats.data && <ProcessosStats data={processosStats.data} />} {tarefasStats.data && <TarefasStats data={tarefasStats.data} />} - {atendimentosStats.data && <AtendimentosStats data={atendimentosStats.data} />} + {atendimentosStats.data && ( + <AtendimentosStats data={atendimentosStats.data} /> + )} {isAdminOrAdvogado && financeiroStats.data && ( <FinanceiroStats data={financeiroStats.data} /> )} diff --git a/src/components/dashboard/KPIsAdvogados.tsx b/src/components/dashboard/KPIsAdvogados.tsx index 06c6cf8..2ded626 100644 --- a/src/components/dashboard/KPIsAdvogados.tsx +++ b/src/components/dashboard/KPIsAdvogados.tsx @@ -1,10 +1,11 @@ -import React from 'react'; -import { useQuery } from 'react-query'; -import api from '../../services/api'; +import React from "react"; +import { useQuery } from "react-query"; + +import api from "../../services/api"; export const KPIsAdvogados: React.FC = () => { - const { data: kpis } = useQuery('advogadosKpis', async () => { - const response = await api.get('/dashboard/advogados/kpis'); + const { data: kpis } = useQuery("advogadosKpis", async () => { + const response = await api.get("/dashboard/advogados/kpis"); return response.data; }); @@ -19,16 +20,28 @@ export const KPIsAdvogados: React.FC = () => { <table className="min-w-full divide-y divide-gray-200 dark:divide-gray-700"> <thead className="bg-gray-50 dark:bg-gray-900"> <tr> - <th scope="col" className="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider"> + <th + scope="col" + className="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider" + > Advogado </th> - <th scope="col" className="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider"> + <th + scope="col" + className="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider" + > Tarefas Concluídas </th> - <th scope="col" className="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider"> + <th + scope="col" + className="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider" + > Processos Concluídos </th> - <th scope="col" className="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider"> + <th + scope="col" + className="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider" + > Produtividade </th> </tr> diff --git a/src/components/dashboard/TaxaSucessoCard.tsx b/src/components/dashboard/TaxaSucessoCard.tsx index d63712d..9f4c3e1 100644 --- a/src/components/dashboard/TaxaSucessoCard.tsx +++ b/src/components/dashboard/TaxaSucessoCard.tsx @@ -1,36 +1,46 @@ -import React from 'react'; -import { useQuery } from 'react-query'; -import api from '../../services/api'; +import React from "react"; +import { useQuery } from "react-query"; + +import api from "../../services/api"; export const TaxaSucessoCard: React.FC = () => { - const { data: stats } = useQuery('taxa-sucesso', async () => { - const response = await api.get('/dashboard/processos/taxa-sucesso'); + const { data: stats } = useQuery("taxa-sucesso", async () => { + const response = await api.get("/dashboard/processos/taxa-sucesso"); return response.data; }); if (!stats) return null; const estatisticas = stats || []; - const total = estatisticas.reduce((acc: number, curr: any) => acc + (curr._count || 0), 0); - + const total = estatisticas.reduce( + (acc: number, curr: any) => acc + (curr._count || 0), + 0, + ); + return ( <div className="bg-white rounded-lg shadow p-6"> <h3 className="text-lg font-semibold mb-4">Taxa de Sucesso</h3> <div className="flex items-center justify-between"> <div className="text-3xl font-bold text-green-600"> - {estatisticas.find((s: any) => s.resultado === 'PROCEDENTE')?._count - ? Math.round((estatisticas.find((s: any) => s.resultado === 'PROCEDENTE')._count / total) * 100) - : 0}% - </div> - <div className="text-sm text-gray-500"> - Total julgados: {total} + {estatisticas.find((s: any) => s.resultado === "PROCEDENTE")?._count + ? Math.round( + (estatisticas.find((s: any) => s.resultado === "PROCEDENTE") + ._count / + total) * + 100, + ) + : 0} + % </div> + <div className="text-sm text-gray-500">Total julgados: {total}</div> </div> <div className="mt-4 space-y-2"> {estatisticas.map((item: any) => ( <div key={item.resultado} className="flex justify-between"> <span className="text-sm text-gray-600">{item.resultado}</span> - <span className="text-sm font-medium">{Math.round((item._count / total) * 100)}%</span> + <span className="text-sm font-medium"> + {Math.round((item._count / total) * 100)}% + </span> </div> ))} </div> diff --git a/src/components/dashboard/charts/MapaCalor.tsx b/src/components/dashboard/charts/MapaCalor.tsx index 769d33f..a7a5dd1 100644 --- a/src/components/dashboard/charts/MapaCalor.tsx +++ b/src/components/dashboard/charts/MapaCalor.tsx @@ -1,20 +1,23 @@ -import React from 'react'; -import { useQuery } from 'react-query'; -import { format } from 'date-fns'; -import { ptBR } from 'date-fns/locale'; -import api from '../../../services/api'; +import { format, ptBR } from "date-fns"; +import React from "react"; +import { useQuery } from "react-query"; + +import api from "../../../services/api"; export const MapaCalor: React.FC = () => { - const { data: atividadesDiarias } = useQuery('atividadesDiarias', async () => { - const response = await api.get('/dashboard/atividades/diarias'); - return response.data; - }); + const { data: atividadesDiarias } = useQuery( + "atividadesDiarias", + async () => { + const response = await api.get("/dashboard/atividades/diarias"); + return response.data; + }, + ); const intensidadeCor = (quantidade: number) => { - if (quantidade === 0) return 'bg-gray-100 dark:bg-gray-800'; - if (quantidade <= 3) return 'bg-blue-100 dark:bg-blue-900'; - if (quantidade <= 6) return 'bg-blue-300 dark:bg-blue-700'; - return 'bg-blue-500 dark:bg-blue-500'; + if (quantidade === 0) return "bg-gray-100 dark:bg-gray-800"; + if (quantidade <= 3) return "bg-blue-100 dark:bg-blue-900"; + if (quantidade <= 6) return "bg-blue-300 dark:bg-blue-700"; + return "bg-blue-500 dark:bg-blue-500"; }; return ( diff --git a/src/components/dashboard/charts/PrevisaoReceitasChart.tsx b/src/components/dashboard/charts/PrevisaoReceitasChart.tsx index c2c24b9..d5749fe 100644 --- a/src/components/dashboard/charts/PrevisaoReceitasChart.tsx +++ b/src/components/dashboard/charts/PrevisaoReceitasChart.tsx @@ -1,19 +1,28 @@ -import React from 'react'; -import { useQuery } from 'react-query'; -import { BarChart, Bar, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer } from 'recharts'; -import api from '../../../services/api'; -import { useAuth } from '../../../contexts/AuthContext'; -import { formatCurrency } from '../../../utils/formatters'; +import React from "react"; +import { useQuery } from "react-query"; +import { + BarChart, + Bar, + XAxis, + YAxis, + CartesianGrid, + Tooltip, + ResponsiveContainer, +} from "recharts"; + +import { useAuth } from "../../../contexts/AuthContext"; +import api from "../../../services/api"; +import { formatCurrency } from "../../../utils/formatters"; export const PrevisaoReceitasChart: React.FC = () => { const { user } = useAuth(); - - if (!['ADVOGADO_ADMIN', 'ADVOGADO'].includes(user?.perfil || '')) { + + if (!["ADVOGADO_ADMIN", "ADVOGADO"].includes(user?.perfil || "")) { return null; } - const { data: previsao } = useQuery('previsaoReceitas', async () => { - const response = await api.get('/dashboard/financeiro/previsao'); + const { data: previsao } = useQuery("previsaoReceitas", async () => { + const response = await api.get("/dashboard/financeiro/previsao"); return response.data; }); diff --git a/src/components/dashboard/charts/ProcessosCharts.tsx b/src/components/dashboard/charts/ProcessosCharts.tsx index bc3da03..db7e97f 100644 --- a/src/components/dashboard/charts/ProcessosCharts.tsx +++ b/src/components/dashboard/charts/ProcessosCharts.tsx @@ -1,12 +1,15 @@ -import React from 'react'; -import { useAuth } from '../../../contexts/AuthContext'; -import { ProcessosEvolucao } from './ProcessosEvolucao'; -import { TaxaSucessoChart } from './TaxaSucessoChart'; -import { PrevisaoReceitasChart } from './PrevisaoReceitasChart'; +import React from "react"; + +import { useAuth } from "../../../contexts/AuthContext"; + +import { PrevisaoReceitasChart } from "./PrevisaoReceitasChart"; +import { ProcessosEvolucao } from "./ProcessosEvolucao"; +import { TaxaSucessoChart } from "./TaxaSucessoChart"; export const ProcessosCharts: React.FC = () => { const { user } = useAuth(); - const isAdminOrAdvogado = user?.perfil === 'ADVOGADO_ADMIN' || user?.perfil === 'ADVOGADO'; + const isAdminOrAdvogado = + user?.perfil === "ADVOGADO_ADMIN" || user?.perfil === "ADVOGADO"; return ( <> diff --git a/src/components/dashboard/charts/ProcessosEvolucao.tsx b/src/components/dashboard/charts/ProcessosEvolucao.tsx index 936ac4f..ae36ee1 100644 --- a/src/components/dashboard/charts/ProcessosEvolucao.tsx +++ b/src/components/dashboard/charts/ProcessosEvolucao.tsx @@ -1,11 +1,20 @@ -import React from 'react'; -import { useQuery } from 'react-query'; -import { LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer } from 'recharts'; -import api from '../../../services/api'; +import React from "react"; +import { useQuery } from "react-query"; +import { + LineChart, + Line, + XAxis, + YAxis, + CartesianGrid, + Tooltip, + ResponsiveContainer, +} from "recharts"; + +import api from "../../../services/api"; export const ProcessosEvolucao: React.FC = () => { - const { data: evolucao } = useQuery('processosEvolucao', async () => { - const response = await api.get('/dashboard/processos/evolucao'); + const { data: evolucao } = useQuery("processosEvolucao", async () => { + const response = await api.get("/dashboard/processos/evolucao"); return response.data; }); @@ -21,8 +30,18 @@ export const ProcessosEvolucao: React.FC = () => { <XAxis dataKey="mes" /> <YAxis /> <Tooltip /> - <Line type="monotone" dataKey="novos" stroke="#3B82F6" name="Novos" /> - <Line type="monotone" dataKey="concluidos" stroke="#10B981" name="Concluídos" /> + <Line + type="monotone" + dataKey="novos" + stroke="#3B82F6" + name="Novos" + /> + <Line + type="monotone" + dataKey="concluidos" + stroke="#10B981" + name="Concluídos" + /> </LineChart> </ResponsiveContainer> </div> diff --git a/src/components/dashboard/charts/TaxaSucessoChart.tsx b/src/components/dashboard/charts/TaxaSucessoChart.tsx index 6691708..9f8560b 100644 --- a/src/components/dashboard/charts/TaxaSucessoChart.tsx +++ b/src/components/dashboard/charts/TaxaSucessoChart.tsx @@ -1,15 +1,23 @@ -import React from 'react'; -import { useQuery } from 'react-query'; -import { PieChart, Pie, Cell, ResponsiveContainer, Legend, Tooltip } from 'recharts'; -import api from '../../../services/api'; +import React from "react"; +import { useQuery } from "react-query"; +import { + PieChart, + Pie, + Cell, + ResponsiveContainer, + Legend, + Tooltip, +} from "recharts"; + +import api from "../../../services/api"; export const TaxaSucessoChart: React.FC = () => { - const { data: stats } = useQuery('taxaSucesso', async () => { - const response = await api.get('/dashboard/processos/taxa-sucesso'); + const { data: stats } = useQuery("taxaSucesso", async () => { + const response = await api.get("/dashboard/processos/taxa-sucesso"); return response.data; }); - const COLORS = ['#10B981', '#EF4444', '#F59E0B']; + const COLORS = ["#10B981", "#EF4444", "#F59E0B"]; return ( <div className="bg-white dark:bg-gray-800 rounded-lg shadow p-6"> @@ -29,7 +37,10 @@ export const TaxaSucessoChart: React.FC = () => { label > {stats?.map((entry: any, index: number) => ( - <Cell key={`cell-${index}`} fill={COLORS[index % COLORS.length]} /> + <Cell + key={`cell-${index}`} + fill={COLORS[index % COLORS.length]} + /> ))} </Pie> <Tooltip /> diff --git a/src/components/dashboard/stats/AtendimentosStats.tsx b/src/components/dashboard/stats/AtendimentosStats.tsx index eb7beb8..2ea8f81 100644 --- a/src/components/dashboard/stats/AtendimentosStats.tsx +++ b/src/components/dashboard/stats/AtendimentosStats.tsx @@ -1,11 +1,12 @@ -import React from 'react'; -import { useQuery } from 'react-query'; -import { Card } from '../Card'; -import api from '../../../services/api'; +import React from "react"; +import { useQuery } from "react-query"; + +import api from "../../../services/api"; +import { Card } from "../Card"; export const AtendimentosStats: React.FC = () => { - const { data: stats } = useQuery('atendimentosStats', async () => { - const response = await api.get('/dashboard/atendimentos/stats'); + const { data: stats } = useQuery("atendimentosStats", async () => { + const response = await api.get("/dashboard/atendimentos/stats"); return response.data; }); diff --git a/src/components/dashboard/stats/FinanceiroStats.tsx b/src/components/dashboard/stats/FinanceiroStats.tsx index 9b37c29..2418f6a 100644 --- a/src/components/dashboard/stats/FinanceiroStats.tsx +++ b/src/components/dashboard/stats/FinanceiroStats.tsx @@ -1,12 +1,13 @@ -import React from 'react'; -import { useQuery } from 'react-query'; -import { Card } from '../Card'; -import api from '../../../services/api'; -import { formatCurrency } from '../../../utils/formatters'; +import React from "react"; +import { useQuery } from "react-query"; + +import api from "../../../services/api"; +import { formatCurrency } from "../../../utils/formatters"; +import { Card } from "../Card"; export const FinanceiroStats: React.FC = () => { - const { data: stats } = useQuery('financeiroStats', async () => { - const response = await api.get('/dashboard/financeiro/stats'); + const { data: stats } = useQuery("financeiroStats", async () => { + const response = await api.get("/dashboard/financeiro/stats"); return response.data; }); diff --git a/src/components/dashboard/stats/KPIsFinanceiros.tsx b/src/components/dashboard/stats/KPIsFinanceiros.tsx index ab4b0e7..08770cd 100644 --- a/src/components/dashboard/stats/KPIsFinanceiros.tsx +++ b/src/components/dashboard/stats/KPIsFinanceiros.tsx @@ -1,19 +1,20 @@ -import React from 'react'; -import { useQuery } from 'react-query'; -import { useAuth } from '../../../contexts/AuthContext'; -import { Card } from '../../dashboard/Card'; -import api from '../../../services/api'; -import { formatCurrency } from '../../../utils/formatters'; +import React from "react"; +import { useQuery } from "react-query"; + +import { useAuth } from "../../../contexts/AuthContext"; +import api from "../../../services/api"; +import { formatCurrency } from "../../../utils/formatters"; +import { Card } from "../../dashboard/Card"; export const KPIsFinanceiros: React.FC = () => { const { user } = useAuth(); - - if (!['ADVOGADO_ADMIN', 'ADVOGADO'].includes(user?.perfil || '')) { + + if (!["ADVOGADO_ADMIN", "ADVOGADO"].includes(user?.perfil || "")) { return null; } - const { data: stats } = useQuery('financeiroKPIs', async () => { - const response = await api.get('/dashboard/financeiro/stats'); + const { data: stats } = useQuery("financeiroKPIs", async () => { + const response = await api.get("/dashboard/financeiro/stats"); return response.data; }); diff --git a/src/components/dashboard/stats/ProcessosStats.tsx b/src/components/dashboard/stats/ProcessosStats.tsx index 5f7998d..0512378 100644 --- a/src/components/dashboard/stats/ProcessosStats.tsx +++ b/src/components/dashboard/stats/ProcessosStats.tsx @@ -1,11 +1,12 @@ -import React from 'react'; -import { useQuery } from 'react-query'; -import api from '../../../services/api'; -import { Card } from '../Card'; +import React from "react"; +import { useQuery } from "react-query"; + +import api from "../../../services/api"; +import { Card } from "../Card"; export const ProcessosStats: React.FC = () => { - const { data: stats } = useQuery('processosStats', async () => { - const response = await api.get('/dashboard/processos/stats'); + const { data: stats } = useQuery("processosStats", async () => { + const response = await api.get("/dashboard/processos/stats"); return response.data; }); @@ -17,16 +18,8 @@ export const ProcessosStats: React.FC = () => { trend={stats?.crescimento || 0} icon="DocumentText" /> - <Card - title="Por Tribunal" - items={stats?.porTribunal || []} - type="list" - /> - <Card - title="Por Status" - items={stats?.porStatus || []} - type="list" - /> + <Card title="Por Tribunal" items={stats?.porTribunal || []} type="list" /> + <Card title="Por Status" items={stats?.porStatus || []} type="list" /> </div> ); }; diff --git a/src/components/dashboard/stats/TarefasStats.tsx b/src/components/dashboard/stats/TarefasStats.tsx index 3cc17ab..355aee9 100644 --- a/src/components/dashboard/stats/TarefasStats.tsx +++ b/src/components/dashboard/stats/TarefasStats.tsx @@ -1,22 +1,23 @@ -import React from 'react'; -import { useQuery } from 'react-query'; -import { Card } from '../Card'; -import api from '../../../services/api'; +import React from "react"; +import { useQuery } from "react-query"; + +import api from "../../../services/api"; +import { Card } from "../Card"; export const TarefasStats: React.FC = () => { - const { data: stats } = useQuery('tarefasStats', async () => { + const { data: stats } = useQuery("tarefasStats", async () => { try { - const response = await api.get('/dashboard/tarefas/stats'); + const response = await api.get("/dashboard/tarefas/stats"); return response.data; } catch (error) { - console.error('Erro ao buscar estatísticas:', error); + console.error("Erro ao buscar estatísticas:", error); return { pendentes: 0, atrasadas: 0, concluidas: 0, total: 0, taxaConclusao: 0, - porStatus: { PENDENTE: 0 } + porStatus: { PENDENTE: 0 }, }; } }); @@ -27,7 +28,7 @@ export const TarefasStats: React.FC = () => { concluidas: 0, total: 0, taxaConclusao: 0, - porStatus: { PENDENTE: 0 } + porStatus: { PENDENTE: 0 }, }; const safeStats = stats || defaultStats; diff --git a/src/components/documentos/ConfiguracaoDocumento.tsx b/src/components/documentos/ConfiguracaoDocumento.tsx index fd29575..dc98eac 100644 --- a/src/components/documentos/ConfiguracaoDocumento.tsx +++ b/src/components/documentos/ConfiguracaoDocumento.tsx @@ -1,10 +1,11 @@ -import { useState, useEffect } from 'react'; -import { api } from '../../lib/api'; -import { toast } from 'react-toastify'; -import { Dialog } from '@headlessui/react'; -import { DocumentArrowUpIcon } from '@heroicons/react/24/outline'; -import { Editor } from '@tinymce/tinymce-react'; -import { DOCUMENT_VARIABLES } from '../../utils/documentVariables'; +import { Dialog } from "@headlessui/react"; +import { DocumentArrowUpIcon } from "@heroicons/react/24/outline"; +import { Editor } from "@tinymce/tinymce-react"; +import { useState, useEffect } from "react"; +import { toast } from "react-toastify"; + +import { api } from "../../lib/api"; +import { DOCUMENT_VARIABLES } from "../../utils/documentVariables"; // Definir interface para o estado interface ConfigState { @@ -24,18 +25,18 @@ interface ConfigState { export function ConfiguracaoDocumento() { const [config, setConfig] = useState<ConfigState>({ - timbradoUrl: '', + timbradoUrl: "", timbradoMarginTop: 100, timbradoMarginBottom: 50, timbradoMarginLeft: 50, timbradoMarginRight: 50, - templatePadrao: '', + templatePadrao: "", margensTemplate: { top: 35, bottom: 29, left: 25, - right: 25 - } + right: 25, + }, }); const [isPreviewOpen, setPreviewOpen] = useState(false); @@ -47,27 +48,27 @@ export function ConfiguracaoDocumento() { const loadConfig = async () => { try { - const response = await api.get('/documentos/configuracoes'); - console.log('Configurações carregadas:', response.data); // Debug + const response = await api.get("/documentos/configuracoes"); + console.log("Configurações carregadas:", response.data); // Debug if (response.data) { setConfig({ - timbradoUrl: response.data.timbradoUrl || '', + timbradoUrl: response.data.timbradoUrl || "", timbradoMarginTop: response.data.timbradoMarginTop || 100, timbradoMarginBottom: response.data.timbradoMarginBottom || 50, timbradoMarginLeft: response.data.timbradoMarginLeft || 50, timbradoMarginRight: response.data.timbradoMarginRight || 50, - templatePadrao: response.data.templatePadrao || '', + templatePadrao: response.data.templatePadrao || "", margensTemplate: { top: response.data.margensTemplate?.top || 35, bottom: response.data.margensTemplate?.bottom || 29, left: response.data.margensTemplate?.left || 25, - right: response.data.margensTemplate?.right || 25 - } + right: response.data.margensTemplate?.right || 25, + }, }); } } catch (error) { - console.error('Erro ao carregar configurações:', error); - toast.error('Erro ao carregar configurações'); + console.error("Erro ao carregar configurações:", error); + toast.error("Erro ao carregar configurações"); } }; @@ -76,53 +77,57 @@ export function ConfiguracaoDocumento() { if (!file) return; // Atualizado para aceitar PDF - if (!['image/png', 'image/svg+xml', 'application/pdf'].includes(file.type)) { - toast.error('Por favor, use apenas arquivos PDF, PNG ou SVG'); + if ( + !["image/png", "image/svg+xml", "application/pdf"].includes(file.type) + ) { + toast.error("Por favor, use apenas arquivos PDF, PNG ou SVG"); return; } - if (file.size > 5 * 1024 * 1024) { // Aumentado para 5MB para acomodar PDFs - toast.error('O arquivo deve ter no máximo 5MB'); + if (file.size > 5 * 1024 * 1024) { + // Aumentado para 5MB para acomodar PDFs + toast.error("O arquivo deve ter no máximo 5MB"); return; } try { const formData = new FormData(); - formData.append('timbrado', file); + formData.append("timbrado", file); - const response = await api.post('/documentos/upload-timbrado', formData); - setConfig(prev => ({ ...prev, timbradoUrl: response.data.url })); - toast.success('Timbrado atualizado com sucesso'); + const response = await api.post("/documentos/upload-timbrado", formData); + setConfig((prev) => ({ ...prev, timbradoUrl: response.data.url })); + toast.success("Timbrado atualizado com sucesso"); } catch (error) { - toast.error('Erro ao fazer upload do timbrado'); + toast.error("Erro ao fazer upload do timbrado"); } }; const handleSave = async () => { try { setIsSaving(true); - await api.post('/documentos/configuracoes', config); - toast.success('Configurações salvas com sucesso'); + await api.post("/documentos/configuracoes", config); + toast.success("Configurações salvas com sucesso"); } catch (error) { - toast.error('Erro ao salvar configurações'); + toast.error("Erro ao salvar configurações"); } finally { setIsSaving(false); } }; const handleEditorSetup = (editor: any) => { - editor.ui.registry.addMenuButton('variables', { - text: 'Variáveis', + editor.ui.registry.addMenuButton("variables", { + text: "Variáveis", fetch: (callback: Function) => { - const items = Object.entries(DOCUMENT_VARIABLES).flatMap(([category, vars]) => - Object.entries(vars).map(([name, value]) => ({ - type: 'menuitem', - text: `${category} - ${name.replace(/_/g, ' ')}`, - onAction: () => editor.insertContent(value as string) - })) + const items = Object.entries(DOCUMENT_VARIABLES).flatMap( + ([category, vars]) => + Object.entries(vars).map(([name, value]) => ({ + type: "menuitem", + text: `${category} - ${name.replace(/_/g, " ")}`, + onAction: () => editor.insertContent(value as string), + })), ); callback(items); - } + }, }); }; @@ -131,12 +136,14 @@ export function ConfiguracaoDocumento() { height: 400, menubar: true, plugins: [ - 'code', 'preview' // Removido 'template' + "code", + "preview", // Removido 'template' ], - toolbar: 'variables | undo redo | formatselect | ' + - 'bold italic | alignleft aligncenter alignright | ' + - 'code preview', - setup: handleEditorSetup + toolbar: + "variables | undo redo | formatselect | " + + "bold italic | alignleft aligncenter alignright | " + + "code preview", + setup: handleEditorSetup, }; return ( @@ -179,7 +186,12 @@ export function ConfiguracaoDocumento() { <input type="number" value={config.timbradoMarginTop} - onChange={e => setConfig(prev => ({ ...prev, timbradoMarginTop: Number(e.target.value) }))} + onChange={(e) => + setConfig((prev) => ({ + ...prev, + timbradoMarginTop: Number(e.target.value), + })) + } className="w-full p-2 border rounded" /> </div> @@ -188,7 +200,12 @@ export function ConfiguracaoDocumento() { <input type="number" value={config.timbradoMarginBottom} - onChange={e => setConfig(prev => ({ ...prev, timbradoMarginBottom: Number(e.target.value) }))} + onChange={(e) => + setConfig((prev) => ({ + ...prev, + timbradoMarginBottom: Number(e.target.value), + })) + } className="w-full p-2 border rounded" /> </div> @@ -197,7 +214,12 @@ export function ConfiguracaoDocumento() { <input type="number" value={config.timbradoMarginLeft} - onChange={e => setConfig(prev => ({ ...prev, timbradoMarginLeft: Number(e.target.value) }))} + onChange={(e) => + setConfig((prev) => ({ + ...prev, + timbradoMarginLeft: Number(e.target.value), + })) + } className="w-full p-2 border rounded" /> </div> @@ -206,7 +228,12 @@ export function ConfiguracaoDocumento() { <input type="number" value={config.timbradoMarginRight} - onChange={e => setConfig(prev => ({ ...prev, timbradoMarginRight: Number(e.target.value) }))} + onChange={(e) => + setConfig((prev) => ({ + ...prev, + timbradoMarginRight: Number(e.target.value), + })) + } className="w-full p-2 border rounded" /> </div> @@ -218,7 +245,9 @@ export function ConfiguracaoDocumento() { <Editor apiKey={import.meta.env.VITE_TINYMCE_API_KEY} value={config.templatePadrao} - onEditorChange={(content) => setConfig(prev => ({ ...prev, templatePadrao: content }))} + onEditorChange={(content) => + setConfig((prev) => ({ ...prev, templatePadrao: content })) + } init={editorConfig} /> <div className="mt-2 p-4 bg-gray-50 rounded border"> @@ -226,7 +255,9 @@ export function ConfiguracaoDocumento() { <div className="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4"> {Object.entries(DOCUMENT_VARIABLES).map(([category, vars]) => ( <div key={category}> - <h5 className="font-medium text-sm text-gray-700">{category}</h5> + <h5 className="font-medium text-sm text-gray-700"> + {category} + </h5> <ul className="mt-1 space-y-1"> {Object.entries(vars).map(([name, value]) => ( <li key={name} className="text-xs text-gray-600"> @@ -247,13 +278,15 @@ export function ConfiguracaoDocumento() { <input type="number" value={config.margensTemplate.top} - onChange={e => setConfig(prev => ({ - ...prev, - margensTemplate: { - ...prev.margensTemplate, - top: Number(e.target.value) - } - }))} + onChange={(e) => + setConfig((prev) => ({ + ...prev, + margensTemplate: { + ...prev.margensTemplate, + top: Number(e.target.value), + }, + })) + } className="w-full p-2 border rounded" /> </div> @@ -262,13 +295,15 @@ export function ConfiguracaoDocumento() { <input type="number" value={config.margensTemplate.bottom} - onChange={e => setConfig(prev => ({ - ...prev, - margensTemplate: { - ...prev.margensTemplate, - bottom: Number(e.target.value) - } - }))} + onChange={(e) => + setConfig((prev) => ({ + ...prev, + margensTemplate: { + ...prev.margensTemplate, + bottom: Number(e.target.value), + }, + })) + } className="w-full p-2 border rounded" /> </div> @@ -277,13 +312,15 @@ export function ConfiguracaoDocumento() { <input type="number" value={config.margensTemplate.left} - onChange={e => setConfig(prev => ({ - ...prev, - margensTemplate: { - ...prev.margensTemplate, - left: Number(e.target.value) - } - }))} + onChange={(e) => + setConfig((prev) => ({ + ...prev, + margensTemplate: { + ...prev.margensTemplate, + left: Number(e.target.value), + }, + })) + } className="w-full p-2 border rounded" /> </div> @@ -292,13 +329,15 @@ export function ConfiguracaoDocumento() { <input type="number" value={config.margensTemplate.right} - onChange={e => setConfig(prev => ({ - ...prev, - margensTemplate: { - ...prev.margensTemplate, - right: Number(e.target.value) - } - }))} + onChange={(e) => + setConfig((prev) => ({ + ...prev, + margensTemplate: { + ...prev.margensTemplate, + right: Number(e.target.value), + }, + })) + } className="w-full p-2 border rounded" /> </div> @@ -309,11 +348,11 @@ export function ConfiguracaoDocumento() { disabled={isSaving} className={`px-4 py-2 ${ isSaving - ? 'bg-gray-400 cursor-not-allowed' - : 'bg-blue-600 hover:bg-blue-700' + ? "bg-gray-400 cursor-not-allowed" + : "bg-blue-600 hover:bg-blue-700" } text-white rounded`} > - {isSaving ? 'Salvando...' : 'Salvar Configurações'} + {isSaving ? "Salvando..." : "Salvar Configurações"} </button> </div> diff --git a/src/components/documentos/DocumentoEditor.tsx b/src/components/documentos/DocumentoEditor.tsx index 2316a9c..c58e237 100644 --- a/src/components/documentos/DocumentoEditor.tsx +++ b/src/components/documentos/DocumentoEditor.tsx @@ -1,11 +1,18 @@ -import { useState, useEffect } from 'react'; -import { Editor } from '@tinymce/tinymce-react'; -import { Button, Dialog, DialogTitle, DialogContent, DialogActions } from '@mui/material'; -import { Save as SaveIcon } from '@mui/icons-material'; -import { XMarkIcon } from '@heroicons/react/24/outline'; -import { toast } from 'react-toastify'; // Adicionar esta importação -import { api } from '../../lib/api'; // Adicionar esta importação -import { DocumentoService } from '../../services/DocumentoService'; // Adicionar esta importação +import { XMarkIcon } from "@heroicons/react/24/outline"; +import { Save as SaveIcon } from "@mui/icons-material"; +import { + Button, + Dialog, + DialogTitle, + DialogContent, + DialogActions, +} from "@mui/material"; +import { Editor } from "@tinymce/tinymce-react"; +import { useState, useEffect } from "react"; +import { toast } from "react-toastify"; // Adicionar esta importação + +import { api } from "../../lib/api"; // Adicionar esta importação +import { DocumentoService } from "../../services/DocumentoService"; // Adicionar esta importação interface DocumentoEditorProps { isOpen: boolean; @@ -27,24 +34,24 @@ interface TemplateVariables { const preencherTemplate = (template: string, variables: TemplateVariables) => { let result = template; Object.entries(variables).forEach(([key, value]) => { - const regex = new RegExp(`{{${key}}}`, 'g'); + const regex = new RegExp(`{{${key}}}`, "g"); result = result.replace(regex, value); }); return result; }; -export function DocumentoEditor({ - isOpen, - onClose, - onSave, +export function DocumentoEditor({ + isOpen, + onClose, + onSave, initialData, processoId, atendimentoId, - documento // Recuperar a prop + documento, // Recuperar a prop }: DocumentoEditorProps) { - const [content, setContent] = useState(''); - const [nome, setNome] = useState(''); - const [tipo, setTipo] = useState('OUTROS'); + const [content, setContent] = useState(""); + const [nome, setNome] = useState(""); + const [tipo, setTipo] = useState("OUTROS"); const [selectedTemplate, setSelectedTemplate] = useState(null); const [selectedAtendimento, setSelectedAtendimento] = useState(null); const [atendimentos, setAtendimentos] = useState([]); @@ -54,9 +61,9 @@ export function DocumentoEditor({ useEffect(() => { if (initialData) { - setContent(initialData.conteudo || ''); - setNome(initialData.nome || ''); - setTipo(initialData.tipo || 'OUTROS'); + setContent(initialData.conteudo || ""); + setNome(initialData.nome || ""); + setTipo(initialData.tipo || "OUTROS"); } }, [initialData]); @@ -64,13 +71,13 @@ export function DocumentoEditor({ const loadData = async () => { try { const [atendimentosRes, templatesRes] = await Promise.all([ - api.get('/atendimentos'), - api.get('/documentos-modelos') + api.get("/atendimentos"), + api.get("/documentos-modelos"), ]); setAtendimentos(atendimentosRes.data); setTemplates(templatesRes.data); } catch (error) { - toast.error('Erro ao carregar dados'); + toast.error("Erro ao carregar dados"); } finally { setIsLoading(false); } @@ -80,36 +87,38 @@ export function DocumentoEditor({ useEffect(() => { if (documento) { - setContent(documento.conteudo || ''); - setNome(documento.nome || ''); - setTipo(documento.tipo || 'OUTROS'); + setContent(documento.conteudo || ""); + setNome(documento.nome || ""); + setTipo(documento.tipo || "OUTROS"); } }, [documento]); const handleTemplateSelect = async (templateId) => { try { - const template = templates.find(t => t.id === templateId); + const template = templates.find((t) => t.id === templateId); if (!template) return; - const atendimento = atendimentos.find(a => a.id === selectedAtendimento); + const atendimento = atendimentos.find( + (a) => a.id === selectedAtendimento, + ); if (!atendimento) return; // Buscar dados do atendimento com as relações necessárias const [atendimentoDetalhado, usuarioRes, configRes] = await Promise.all([ api.get(`/atendimentos/${atendimento.id}`), - api.get('/auth/me'), - api.get('/documentos/configuracoes') + api.get("/auth/me"), + api.get("/documentos/configuracoes"), ]); // Formatar endereço completo e outros dados do cliente const cliente = atendimentoDetalhado.data.cliente; - const enderecoCompleto = `${cliente.endereco}, ${cliente.numero}${cliente.complemento ? `, ${cliente.complemento}` : ''}, ${cliente.bairro}, ${cliente.cidade}/${cliente.estado}, CEP: ${cliente.cep}`; + const enderecoCompleto = `${cliente.endereco}, ${cliente.numero}${cliente.complemento ? `, ${cliente.complemento}` : ""}, ${cliente.bairro}, ${cliente.cidade}/${cliente.estado}, CEP: ${cliente.cep}`; // Formatar data extenso corretamente - const formatadorData = new Intl.DateTimeFormat('pt-BR', { - day: 'numeric', - month: 'long', - year: 'numeric' + const formatadorData = new Intl.DateTimeFormat("pt-BR", { + day: "numeric", + month: "long", + year: "numeric", }); // Preparar variáveis com dados formatados @@ -117,65 +126,73 @@ export function DocumentoEditor({ cliente: { ...cliente, enderecoCompleto, - nome: cliente.nome || '', - cpf: cliente.cpfCnpj || '', // Adicionar cpf como alias para cpfCnpj - cpfCnpj: cliente.cpfCnpj || '', // Manter cpfCnpj também - rg: cliente.rg || '', - estadoCivil: cliente.estadoCivil || '', - profissao: cliente.profissao || '', - nacionalidade: cliente.nacionalidade || 'brasileiro(a)', - nomePai: cliente.nomePai || '', - nomeMae: cliente.nomeMae || '' + nome: cliente.nome || "", + cpf: cliente.cpfCnpj || "", // Adicionar cpf como alias para cpfCnpj + cpfCnpj: cliente.cpfCnpj || "", // Manter cpfCnpj também + rg: cliente.rg || "", + estadoCivil: cliente.estadoCivil || "", + profissao: cliente.profissao || "", + nacionalidade: cliente.nacionalidade || "brasileiro(a)", + nomePai: cliente.nomePai || "", + nomeMae: cliente.nomeMae || "", }, atendimento: atendimentoDetalhado.data, processo: atendimentoDetalhado.data.processo, advogado: { ...usuarioRes.data, - oabCompleta: `${usuarioRes.data.oab}/${usuarioRes.data.oabUF}` + oabCompleta: `${usuarioRes.data.oab}/${usuarioRes.data.oabUF}`, }, escritorio: configRes.data, data: { - atual: new Date().toLocaleDateString('pt-BR'), + atual: new Date().toLocaleDateString("pt-BR"), atualExtenso: formatadorData.format(new Date()), // Formatar a data corretamente dia: new Date().getDate().toString(), mes: (new Date().getMonth() + 1).toString(), - mesExtenso: new Intl.DateTimeFormat('pt-BR', { month: 'long' }).format(new Date()), - ano: new Date().getFullYear().toString() - } + mesExtenso: new Intl.DateTimeFormat("pt-BR", { + month: "long", + }).format(new Date()), + ano: new Date().getFullYear().toString(), + }, }; // Teste para debug - console.log('Data por extenso:', variables.data.atualExtenso); + console.log("Data por extenso:", variables.data.atualExtenso); // Preencher template - const conteudoPreenchido = template.conteudo.replace(/\{\{([^}]+)\}\}/g, (match, path) => { - try { - const valor = path.split('.').reduce((obj, key) => obj?.[key], variables); - return valor !== undefined ? valor : match; - } catch (error) { - console.warn(`Erro ao processar variável ${path}:`, error); - return match; - } - }); + const conteudoPreenchido = template.conteudo.replace( + /\{\{([^}]+)\}\}/g, + (match, path) => { + try { + const valor = path + .split(".") + .reduce((obj, key) => obj?.[key], variables); + return valor !== undefined ? valor : match; + } catch (error) { + console.warn(`Erro ao processar variável ${path}:`, error); + return match; + } + }, + ); setContent(conteudoPreenchido); setNome(`${template.nome} - ${cliente.nome}`); setTipo(template.tipo); // Debug para verificar substituições - console.log('Template original:', template.conteudo); - console.log('Conteúdo processado:', conteudoPreenchido); - + console.log("Template original:", template.conteudo); + console.log("Conteúdo processado:", conteudoPreenchido); } catch (error) { - console.error('Erro ao carregar template:', error); - toast.error('Erro ao carregar template. Verifique se o atendimento possui um cliente vinculado.'); + console.error("Erro ao carregar template:", error); + toast.error( + "Erro ao carregar template. Verifique se o atendimento possui um cliente vinculado.", + ); } }; const handleSave = async () => { // Verificação de atendimento apenas para novos documentos if (!documento && !selectedAtendimento) { - toast.error('Selecione um atendimento'); + toast.error("Selecione um atendimento"); return; } @@ -186,12 +203,12 @@ export function DocumentoEditor({ tipo, conteudo: content, atendimentoId: documento?.atendimentoId || selectedAtendimento, - processoId: documento?.processoId || processoId + processoId: documento?.processoId || processoId, }); - toast.success('Documento salvo com sucesso'); + toast.success("Documento salvo com sucesso"); onClose(); } catch (error) { - toast.error('Erro ao salvar documento'); + toast.error("Erro ao salvar documento"); } finally { setIsSaving(false); } @@ -203,12 +220,12 @@ export function DocumentoEditor({ <div className="flex flex-col gap-4"> <div className="flex gap-4"> <select - value={selectedAtendimento || ''} + value={selectedAtendimento || ""} onChange={(e) => setSelectedAtendimento(e.target.value)} className="flex-1 p-2 border rounded" > <option value="">Selecione um atendimento</option> - {atendimentos.map(atendimento => ( + {atendimentos.map((atendimento) => ( <option key={atendimento.id} value={atendimento.id}> {atendimento.protocolo} - {atendimento.cliente.nome} </option> @@ -216,12 +233,12 @@ export function DocumentoEditor({ </select> <select - value={selectedTemplate || ''} + value={selectedTemplate || ""} onChange={(e) => handleTemplateSelect(e.target.value)} className="flex-1 p-2 border rounded" > <option value="">Selecione um template</option> - {templates.map(template => ( + {templates.map((template) => ( <option key={template.id} value={template.id}> {template.nome} </option> @@ -259,23 +276,39 @@ export function DocumentoEditor({ height: 500, menubar: true, plugins: [ - 'advlist', 'autolink', 'lists', 'link', 'image', 'charmap', 'preview', - 'anchor', 'searchreplace', 'visualblocks', 'code', 'fullscreen', - 'insertdatetime', 'media', 'table', 'help', 'wordcount' + "advlist", + "autolink", + "lists", + "link", + "image", + "charmap", + "preview", + "anchor", + "searchreplace", + "visualblocks", + "code", + "fullscreen", + "insertdatetime", + "media", + "table", + "help", + "wordcount", ], - toolbar: 'undo redo | formatselect | ' + - 'bold italic backcolor | alignleft aligncenter ' + - 'alignright alignjustify | bullist numlist outdent indent | ' + - 'removeformat | help', - language: 'pt_BR', // Adicionar configuração de idioma - language_url: '/tinymce/langs/pt_BR.js', // Adicionar URL do arquivo de idioma - content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }', + toolbar: + "undo redo | formatselect | " + + "bold italic backcolor | alignleft aligncenter " + + "alignright alignjustify | bullist numlist outdent indent | " + + "removeformat | help", + language: "pt_BR", // Adicionar configuração de idioma + language_url: "/tinymce/langs/pt_BR.js", // Adicionar URL do arquivo de idioma + content_style: + "body { font-family:Helvetica,Arial,sans-serif; font-size:14px }", // Adicionar estas configurações promotion: false, branding: false, preview_styles: false, - referrer_policy: 'origin', - disable_stats: true // Desabilitar estatísticas + referrer_policy: "origin", + disable_stats: true, // Desabilitar estatísticas }} value={content} onEditorChange={setContent} @@ -286,7 +319,7 @@ export function DocumentoEditor({ <Button onClick={onClose} startIcon={<XMarkIcon className="w-4 h-4" />}> Cancelar </Button> - <Button + <Button onClick={handleSave} disabled={isSaving || !nome} startIcon={<SaveIcon className="w-4 h-4" />} @@ -298,4 +331,3 @@ export function DocumentoEditor({ </Dialog> ); } - diff --git a/src/components/documentos/DocumentoViewer.tsx b/src/components/documentos/DocumentoViewer.tsx index 45652b8..2768daf 100644 --- a/src/components/documentos/DocumentoViewer.tsx +++ b/src/components/documentos/DocumentoViewer.tsx @@ -1,8 +1,13 @@ -import { Dialog } from '@headlessui/react'; -import { XMarkIcon, PrinterIcon, DocumentArrowDownIcon } from '@heroicons/react/24/outline'; -import { api } from '../../lib/api'; -import { toast } from 'react-toastify'; -import { useState } from 'react'; +import { Dialog } from "@headlessui/react"; +import { + XMarkIcon, + PrinterIcon, + DocumentArrowDownIcon, +} from "@heroicons/react/24/outline"; +import { useState } from "react"; +import { toast } from "react-toastify"; + +import { api } from "../../lib/api"; interface DocumentoViewerProps { documento: any; @@ -10,18 +15,22 @@ interface DocumentoViewerProps { onClose: () => void; } -export function DocumentoViewer({ documento, isOpen, onClose }: DocumentoViewerProps) { +export function DocumentoViewer({ + documento, + isOpen, + onClose, +}: DocumentoViewerProps) { const [isExporting, setIsExporting] = useState(false); const handlePrint = () => { - const printWindow = window.open('', '_blank'); + const printWindow = window.open("", "_blank"); if (!printWindow) return; const html = ` <!DOCTYPE html> <html> <head> - <title>${documento?.nome || 'Documento'}</title> + <title>${documento?.nome || "Documento"}</title> <style> @page { size: A4; @@ -88,16 +97,16 @@ export function DocumentoViewer({ documento, isOpen, onClose }: DocumentoViewerP </head> <body> <div class="header"> - <h2 style="margin:0;font-size:14pt">${documento?.escritorio?.nome || ''}</h2> + <h2 style="margin:0;font-size:14pt">${documento?.escritorio?.nome || ""}</h2> </div> <div class="content"> - ${documento?.conteudo || ''} + ${documento?.conteudo || ""} </div> <div class="footer"> - ${documento?.escritorio?.endereco || ''}<br> - Tel: ${documento?.escritorio?.telefone || ''} | Email: ${documento?.escritorio?.email || ''} + ${documento?.escritorio?.endereco || ""}<br> + Tel: ${documento?.escritorio?.telefone || ""} | Email: ${documento?.escritorio?.email || ""} </div> <script> @@ -117,51 +126,54 @@ export function DocumentoViewer({ documento, isOpen, onClose }: DocumentoViewerP const handleExportPDF = async () => { try { setIsExporting(true); - toast.info('Gerando PDF, aguarde...', { autoClose: false, toastId: 'generating-pdf' }); - - // Buscar configurações atualizadas do escritório - const response = await api.post('/documentos/exportar-pdf', { - conteudo: documento.conteudo, - escritorio: documento.escritorio - }, { - responseType: 'blob', - headers: { - 'Accept': 'application/pdf' - } + toast.info("Gerando PDF, aguarde...", { + autoClose: false, + toastId: "generating-pdf", }); + // Buscar configurações atualizadas do escritório + const response = await api.post( + "/documentos/exportar-pdf", + { + conteudo: documento.conteudo, + escritorio: documento.escritorio, + }, + { + responseType: "blob", + headers: { + Accept: "application/pdf", + }, + }, + ); + // Criar e baixar o arquivo - const blob = new Blob([response.data], { type: 'application/pdf' }); + const blob = new Blob([response.data], { type: "application/pdf" }); const url = window.URL.createObjectURL(blob); - const link = document.createElement('a'); + const link = document.createElement("a"); link.href = url; - link.setAttribute('download', `${documento.nome || 'documento'}.pdf`); + link.setAttribute("download", `${documento.nome || "documento"}.pdf`); document.body.appendChild(link); link.click(); - + // Limpeza window.URL.revokeObjectURL(url); document.body.removeChild(link); - - toast.dismiss('generating-pdf'); - toast.success('PDF gerado com sucesso!'); + + toast.dismiss("generating-pdf"); + toast.success("PDF gerado com sucesso!"); } catch (error) { - console.error('Erro ao gerar PDF:', error); - toast.dismiss('generating-pdf'); - toast.error('Erro ao gerar o PDF'); + console.error("Erro ao gerar PDF:", error); + toast.dismiss("generating-pdf"); + toast.error("Erro ao gerar o PDF"); } finally { setIsExporting(false); } }; return ( - <Dialog - open={isOpen} - onClose={onClose} - className="relative z-50" - > + <Dialog open={isOpen} onClose={onClose} className="relative z-50"> <div className="fixed inset-0 bg-black/30" aria-hidden="true" /> - + <div className="fixed inset-0 flex items-center justify-center p-4"> <Dialog.Panel className="w-full max-w-4xl bg-white rounded-lg shadow-xl"> <div className="flex items-center justify-between p-4 border-b"> @@ -173,16 +185,32 @@ export function DocumentoViewer({ documento, isOpen, onClose }: DocumentoViewerP onClick={handleExportPDF} disabled={isExporting} className={`inline-flex items-center px-3 py-2 ${ - isExporting - ? 'bg-blue-400 cursor-not-allowed' - : 'bg-blue-600 hover:bg-blue-700' + isExporting + ? "bg-blue-400 cursor-not-allowed" + : "bg-blue-600 hover:bg-blue-700" } text-white rounded`} > {isExporting ? ( <> - <svg className="animate-spin -ml-1 mr-3 h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"> - <circle className="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="4"></circle> - <path className="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> + <svg + className="animate-spin -ml-1 mr-3 h-5 w-5 text-white" + xmlns="http://www.w3.org/2000/svg" + fill="none" + viewBox="0 0 24 24" + > + <circle + className="opacity-25" + cx="12" + cy="12" + r="10" + stroke="currentColor" + strokeWidth="4" + ></circle> + <path + className="opacity-75" + fill="currentColor" + d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" + ></path> </svg> Gerando PDF... </> @@ -208,18 +236,20 @@ export function DocumentoViewer({ documento, isOpen, onClose }: DocumentoViewerP <div className="max-w-[21cm] mx-auto bg-white shadow-lg p-8"> <div className="text-center mb-8 pb-4 border-b"> <h2 className="text-xl font-bold"> - {documento?.escritorio?.nome || 'Nome do Escritório'} + {documento?.escritorio?.nome || "Nome do Escritório"} </h2> </div> - - <div + + <div className="prose max-w-none" dangerouslySetInnerHTML={{ __html: documento?.conteudo }} /> <div className="text-center mt-8 pt-4 border-t text-sm text-gray-600"> - {documento?.escritorio?.endereco}<br/> - {documento?.escritorio?.telefone} | {documento?.escritorio?.email} + {documento?.escritorio?.endereco} + <br /> + {documento?.escritorio?.telefone} |{" "} + {documento?.escritorio?.email} </div> </div> </div> diff --git a/src/components/documentos/DocumentosPage.tsx b/src/components/documentos/DocumentosPage.tsx index 2d9c685..9ed1468 100644 --- a/src/components/documentos/DocumentosPage.tsx +++ b/src/components/documentos/DocumentosPage.tsx @@ -1,13 +1,21 @@ -import { useState, useEffect, useCallback } from 'react'; -import { useParams, useNavigate, Link } from 'react-router-dom'; -import { DocumentIcon, PlusIcon, TrashIcon, EyeIcon, CogIcon } from '@heroicons/react/24/outline'; -import { DocumentoEditor } from './DocumentoEditor'; -import { api } from '../lib/api'; -import { toast } from 'react-toastify'; -import { useAuth } from '../contexts/AuthContext'; -import { Dialog } from '@headlessui/react'; -import { XMarkIcon } from '@heroicons/react/24/outline'; -import { DocumentoViewer } from './DocumentoViewer'; +import { Dialog } from "@headlessui/react"; +import { + DocumentIcon, + PlusIcon, + TrashIcon, + EyeIcon, + CogIcon, + XMarkIcon, +} from "@heroicons/react/24/outline"; +import { useState, useEffect, useCallback } from "react"; +import { useParams, useNavigate, Link } from "react-router-dom"; +import { toast } from "react-toastify"; + +import { useAuth } from "../contexts/AuthContext"; +import { api } from "../lib/api"; + +import { DocumentoEditor } from "./DocumentoEditor"; +import { DocumentoViewer } from "./DocumentoViewer"; export function DocumentosPage() { const [isEditorOpen, setIsEditorOpen] = useState(false); @@ -23,7 +31,7 @@ export function DocumentosPage() { const loadData = useCallback(async () => { if (!user) { - navigate('/login'); + navigate("/login"); return; } @@ -31,12 +39,12 @@ export function DocumentosPage() { setIsLoading(true); await Promise.all([loadDocumentos(), loadModelos()]); } catch (error) { - console.error('Erro ao carregar dados:', error); + console.error("Erro ao carregar dados:", error); if (error?.response?.status === 401) { signOut(); // Usar a função do AuthContext - navigate('/login'); + navigate("/login"); } else { - toast.error('Erro ao carregar dados'); + toast.error("Erro ao carregar dados"); } } finally { setIsLoading(false); @@ -52,12 +60,12 @@ export function DocumentosPage() { if (processoId) params.processoId = processoId; if (atendimentoId) params.atendimentoId = atendimentoId; - const response = await api.get('/documentos', { params }); + const response = await api.get("/documentos", { params }); setDocumentos(response.data); }; const loadModelos = async () => { - const response = await api.get('/documentos-modelos'); + const response = await api.get("/documentos-modelos"); setModelos(response.data); }; @@ -66,16 +74,16 @@ export function DocumentosPage() { if (processoId) data.processoId = processoId; if (atendimentoId) data.atendimentoId = atendimentoId; - await api.post('/documentos', data); - toast.success('Documento salvo com sucesso'); + await api.post("/documentos", data); + toast.success("Documento salvo com sucesso"); await loadDocumentos(); setIsEditorOpen(false); } catch (error) { - console.error('Erro ao salvar documento:', error); + console.error("Erro ao salvar documento:", error); if (error?.response?.status === 401) { - toast.error('Sessão expirada. Por favor, faça login novamente.'); + toast.error("Sessão expirada. Por favor, faça login novamente."); } else { - toast.error('Erro ao salvar documento'); + toast.error("Erro ao salvar documento"); } } }; @@ -83,30 +91,30 @@ export function DocumentosPage() { const handleDeleteDocumento = async (id) => { try { await api.delete(`/documentos/${id}`); - toast.success('Documento excluído com sucesso'); + toast.success("Documento excluído com sucesso"); await loadDocumentos(); } catch (error) { - console.error('Erro ao excluir documento:', error); + console.error("Erro ao excluir documento:", error); if (error?.response?.status === 401) { - toast.error('Sessão expirada. Por favor, faça login novamente.'); + toast.error("Sessão expirada. Por favor, faça login novamente."); } else { - toast.error('Erro ao excluir documento'); + toast.error("Erro ao excluir documento"); } } }; const handleVisualizar = async (documento) => { try { - const configRes = await api.get('/documentos/configuracoes'); - + const configRes = await api.get("/documentos/configuracoes"); + setDocumentoVisualizado({ ...documento, - escritorio: configRes.data + escritorio: configRes.data, }); setVisualizadorOpen(true); } catch (error) { - console.error('Erro ao visualizar documento:', error); - toast.error('Erro ao visualizar documento'); + console.error("Erro ao visualizar documento:", error); + toast.error("Erro ao visualizar documento"); } }; @@ -126,17 +134,17 @@ export function DocumentosPage() { <PlusIcon className="w-5 h-5 mr-2" /> Novo Documento </button> - {user?.perfil === 'ADVOGADO_ADMIN' && ( + {user?.perfil === "ADVOGADO_ADMIN" && ( <> <button - onClick={() => navigate('/documentos/templates')} + onClick={() => navigate("/documentos/templates")} className="inline-flex items-center px-4 py-2 border border-blue-600 text-blue-600 rounded-md hover:bg-blue-50 transition-colors" > <DocumentIcon className="w-5 h-5 mr-2" /> Gerenciar Templates </button> <button - onClick={() => navigate('/documentos/configuracoes')} + onClick={() => navigate("/documentos/configuracoes")} className="inline-flex items-center px-4 py-2 border border-blue-600 text-blue-600 rounded-md hover:bg-blue-50 transition-colors" > <CogIcon className="w-5 h-5 mr-2" /> @@ -153,8 +161,8 @@ export function DocumentosPage() { onClick={() => setTabValue(0)} className={`px-4 py-2 font-medium text-sm border-b-2 transition-colors duration-200 ${ tabValue === 0 - ? 'border-blue-500 text-blue-600' - : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300' + ? "border-blue-500 text-blue-600" + : "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300" }`} > Documentos @@ -163,8 +171,8 @@ export function DocumentosPage() { onClick={() => setTabValue(1)} className={`ml-8 px-4 py-2 font-medium text-sm border-b-2 transition-colors duration-200 ${ tabValue === 1 - ? 'border-blue-500 text-blue-600' - : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300' + ? "border-blue-500 text-blue-600" + : "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300" }`} > Modelos @@ -175,11 +183,16 @@ export function DocumentosPage() { {tabValue === 0 && ( <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"> {documentos.map((doc) => ( - <div key={doc.id} className="bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden"> + <div + key={doc.id} + className="bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden" + > <div className="p-4"> <div className="flex items-center mb-3"> <DocumentIcon className="w-6 h-6 text-gray-500 mr-2" /> - <h3 className="font-semibold text-gray-900 dark:text-gray-100">{doc.nome}</h3> + <h3 className="font-semibold text-gray-900 dark:text-gray-100"> + {doc.nome} + </h3> </div> <p className="text-sm text-gray-600 dark:text-gray-400"> Criado em: {new Date(doc.criadoEm).toLocaleDateString()} @@ -209,16 +222,21 @@ export function DocumentosPage() { {tabValue === 1 && ( <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"> {modelos.map((modelo) => ( - <div key={modelo.id} className="bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden"> + <div + key={modelo.id} + className="bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden" + > <div className="p-4"> <div className="flex items-center mb-3"> <DocumentIcon className="w-6 h-6 text-gray-500 mr-2" /> - <h3 className="font-semibold text-gray-900 dark:text-gray-100">{modelo.nome}</h3> + <h3 className="font-semibold text-gray-900 dark:text-gray-100"> + {modelo.nome} + </h3> </div> - <p className="text-sm text-gray-600 dark:text-gray-400 mb-4">{modelo.descricao}</p> - <button - className="w-full inline-flex items-center justify-center px-4 py-2 text-sm border border-blue-600 text-blue-600 rounded-md hover:bg-blue-50 dark:hover:bg-blue-900/20" - > + <p className="text-sm text-gray-600 dark:text-gray-400 mb-4"> + {modelo.descricao} + </p> + <button className="w-full inline-flex items-center justify-center px-4 py-2 text-sm border border-blue-600 text-blue-600 rounded-md hover:bg-blue-50 dark:hover:bg-blue-900/20"> Usar Modelo </button> </div> @@ -242,4 +260,4 @@ export function DocumentosPage() { /> </div> ); -} \ No newline at end of file +} diff --git a/src/components/documentos/GerenciarTemplates.tsx b/src/components/documentos/GerenciarTemplates.tsx index cd97405..4c890d4 100644 --- a/src/components/documentos/GerenciarTemplates.tsx +++ b/src/components/documentos/GerenciarTemplates.tsx @@ -1,10 +1,16 @@ -import { useState, useEffect } from 'react'; -import { api } from '../../lib/api'; -import { Editor } from '@tinymce/tinymce-react'; -import { toast } from 'react-toastify'; -import { Dialog } from '@headlessui/react'; -import { DocumentIcon, PencilIcon, TrashIcon, PlusIcon } from '@heroicons/react/24/outline'; -import { DOCUMENT_VARIABLES } from '../../utils/documentVariables'; +import { Dialog } from "@headlessui/react"; +import { + DocumentIcon, + PencilIcon, + TrashIcon, + PlusIcon, +} from "@heroicons/react/24/outline"; +import { Editor } from "@tinymce/tinymce-react"; +import { useState, useEffect } from "react"; +import { toast } from "react-toastify"; + +import { api } from "../../lib/api"; +import { DOCUMENT_VARIABLES } from "../../utils/documentVariables"; export function GerenciarTemplates() { const [templates, setTemplates] = useState([]); @@ -12,19 +18,19 @@ export function GerenciarTemplates() { const [isModalOpen, setIsModalOpen] = useState(false); const [isEditorModalOpen, setEditorModalOpen] = useState(false); const [formData, setFormData] = useState({ - nome: '', - tipo: 'OUTROS', - descricao: '', - conteudo: '', - variaveis: [] + nome: "", + tipo: "OUTROS", + descricao: "", + conteudo: "", + variaveis: [], }); const loadTemplates = async () => { try { - const response = await api.get('/documentos-modelos'); + const response = await api.get("/documentos-modelos"); setTemplates(response.data); } catch (error) { - toast.error('Erro ao carregar templates'); + toast.error("Erro ao carregar templates"); } }; @@ -36,15 +42,15 @@ export function GerenciarTemplates() { try { if (editingTemplate) { await api.put(`/documentos-modelos/${editingTemplate.id}`, data); - toast.success('Template atualizado com sucesso'); + toast.success("Template atualizado com sucesso"); } else { - await api.post('/documentos-modelos', data); - toast.success('Template criado com sucesso'); + await api.post("/documentos-modelos", data); + toast.success("Template criado com sucesso"); } loadTemplates(); setIsModalOpen(false); } catch (error) { - toast.error('Erro ao salvar template'); + toast.error("Erro ao salvar template"); } }; @@ -55,35 +61,35 @@ export function GerenciarTemplates() { if (editingTemplate) { await api.put(`/documentos-modelos/${editingTemplate.id}`, { ...formData, - id: editingTemplate.id // Garantir que o ID seja enviado + id: editingTemplate.id, // Garantir que o ID seja enviado }); - toast.success('Template atualizado com sucesso'); + toast.success("Template atualizado com sucesso"); } else { - await api.post('/documentos-modelos', formData); - toast.success('Template criado com sucesso'); + await api.post("/documentos-modelos", formData); + toast.success("Template criado com sucesso"); } - + setEditorModalOpen(false); setEditingTemplate(null); await loadTemplates(); // Recarregar a lista após salvar } catch (error) { - console.error('Erro ao salvar template:', error); - toast.error('Erro ao salvar template'); + console.error("Erro ao salvar template:", error); + toast.error("Erro ao salvar template"); } }; const handleDelete = async (templateId: string) => { - if (!window.confirm('Tem certeza que deseja excluir este template?')) { + if (!window.confirm("Tem certeza que deseja excluir este template?")) { return; } try { await api.delete(`/documentos-modelos/${templateId}`); - toast.success('Template excluído com sucesso'); + toast.success("Template excluído com sucesso"); loadTemplates(); } catch (error) { - console.error('Erro ao excluir template:', error); - toast.error('Erro ao excluir template'); + console.error("Erro ao excluir template:", error); + toast.error("Erro ao excluir template"); } }; @@ -98,7 +104,7 @@ export function GerenciarTemplates() { setEditingTemplate(template); // Guardar o template completo setFormData({ ...template, - id: template.id // Garantir que o ID seja mantido + id: template.id, // Garantir que o ID seja mantido }); setEditorModalOpen(true); }; @@ -110,11 +116,11 @@ export function GerenciarTemplates() { <button onClick={() => { setFormData({ - nome: '', - tipo: 'OUTROS', - descricao: '', - conteudo: '', - variaveis: [] + nome: "", + tipo: "OUTROS", + descricao: "", + conteudo: "", + variaveis: [], }); setEditorModalOpen(true); }} @@ -127,12 +133,17 @@ export function GerenciarTemplates() { <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"> {templates.map((template) => ( - <div key={template.id} className="bg-white dark:bg-gray-800 rounded-lg shadow p-4"> + <div + key={template.id} + className="bg-white dark:bg-gray-800 rounded-lg shadow p-4" + > <div className="flex items-center mb-3"> <DocumentIcon className="w-6 h-6 text-gray-500 mr-2" /> <h3 className="font-semibold">{template.nome}</h3> </div> - <p className="text-sm text-gray-600 dark:text-gray-400 mb-4">{template.descricao}</p> + <p className="text-sm text-gray-600 dark:text-gray-400 mb-4"> + {template.descricao} + </p> <div className="flex gap-2"> <button onClick={() => handleEdit(template)} @@ -154,23 +165,29 @@ export function GerenciarTemplates() { </div> {/* Modal de Edição */} - <Dialog open={isEditorModalOpen} onClose={() => setEditorModalOpen(false)} className="relative z-50"> + <Dialog + open={isEditorModalOpen} + onClose={() => setEditorModalOpen(false)} + className="relative z-50" + > <div className="fixed inset-0 bg-black/30" aria-hidden="true" /> <div className="fixed inset-0 flex items-center justify-center p-4 overflow-y-auto"> <Dialog.Panel className="w-full max-w-4xl bg-white rounded-lg shadow-xl my-4"> <div className="max-h-[90vh] overflow-y-auto"> <form onSubmit={handleSubmit} className="p-6"> <h2 className="text-xl font-bold mb-4"> - {editingTemplate ? 'Editar Template' : 'Novo Template'} + {editingTemplate ? "Editar Template" : "Novo Template"} </h2> - + <div className="space-y-4"> <div> <label className="block mb-1">Nome</label> <input type="text" value={formData.nome} - onChange={(e) => setFormData({...formData, nome: e.target.value})} + onChange={(e) => + setFormData({ ...formData, nome: e.target.value }) + } className="w-full p-2 border rounded" required /> @@ -180,7 +197,9 @@ export function GerenciarTemplates() { <label className="block mb-1">Tipo</label> <select value={formData.tipo} - onChange={(e) => setFormData({...formData, tipo: e.target.value})} + onChange={(e) => + setFormData({ ...formData, tipo: e.target.value }) + } className="w-full p-2 border rounded" > <option value="PETICAO">Petição</option> @@ -195,7 +214,9 @@ export function GerenciarTemplates() { <label className="block mb-1">Descrição</label> <textarea value={formData.descricao} - onChange={(e) => setFormData({...formData, descricao: e.target.value})} + onChange={(e) => + setFormData({ ...formData, descricao: e.target.value }) + } className="w-full p-2 border rounded" rows={3} /> @@ -204,21 +225,27 @@ export function GerenciarTemplates() { <div className="mb-4"> <label className="block mb-1">Variáveis Disponíveis</label> <div className="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-2 p-2 border rounded bg-gray-50"> - {Object.entries(DOCUMENT_VARIABLES).map(([category, variables]) => ( - <div key={category} className="space-y-1"> - <h4 className="font-bold text-sm text-gray-700">{category}</h4> - {Object.entries(variables).map(([name, variable]) => ( - <button - key={name} - type="button" - onClick={() => insertVariable(variable)} - className="text-xs text-blue-600 hover:text-blue-800 block" - > - {name.replace(/_/g, ' ')} - </button> - ))} - </div> - ))} + {Object.entries(DOCUMENT_VARIABLES).map( + ([category, variables]) => ( + <div key={category} className="space-y-1"> + <h4 className="font-bold text-sm text-gray-700"> + {category} + </h4> + {Object.entries(variables).map( + ([name, variable]) => ( + <button + key={name} + type="button" + onClick={() => insertVariable(variable)} + className="text-xs text-blue-600 hover:text-blue-800 block" + > + {name.replace(/_/g, " ")} + </button> + ), + )} + </div> + ), + )} </div> </div> @@ -227,31 +254,50 @@ export function GerenciarTemplates() { <Editor apiKey={import.meta.env.VITE_TINYMCE_API_KEY} value={formData.conteudo} - onEditorChange={(content) => setFormData({...formData, conteudo: content})} + onEditorChange={(content) => + setFormData({ ...formData, conteudo: content }) + } init={{ height: 400, menubar: true, plugins: [ - 'advlist', 'autolink', 'lists', 'link', 'image', 'charmap', 'preview', - 'anchor', 'searchreplace', 'visualblocks', 'code', 'fullscreen', - 'insertdatetime', 'media', 'table', 'help', 'wordcount' + "advlist", + "autolink", + "lists", + "link", + "image", + "charmap", + "preview", + "anchor", + "searchreplace", + "visualblocks", + "code", + "fullscreen", + "insertdatetime", + "media", + "table", + "help", + "wordcount", ], - toolbar: 'variables | undo redo | formatselect | bold italic | alignleft aligncenter alignright', + toolbar: + "variables | undo redo | formatselect | bold italic | alignleft aligncenter alignright", setup: (editor) => { - editor.ui.registry.addMenuButton('variables', { - text: 'Variáveis', + editor.ui.registry.addMenuButton("variables", { + text: "Variáveis", fetch: (callback) => { - const items = Object.entries(DOCUMENT_VARIABLES).flatMap(([category, vars]) => + const items = Object.entries( + DOCUMENT_VARIABLES, + ).flatMap(([category, vars]) => Object.entries(vars).map(([name, value]) => ({ - type: 'menuitem', - text: `${category} - ${name.replace(/_/g, ' ')}`, - onAction: () => editor.insertContent(value) - })) + type: "menuitem", + text: `${category} - ${name.replace(/_/g, " ")}`, + onAction: () => editor.insertContent(value), + })), ); callback(items); - } + }, }); - } + }, }} /> </div> diff --git a/src/components/documentos/NovoDocumento.tsx b/src/components/documentos/NovoDocumento.tsx index 9f8fa36..ad46fc6 100644 --- a/src/components/documentos/NovoDocumento.tsx +++ b/src/components/documentos/NovoDocumento.tsx @@ -1,31 +1,32 @@ -import { useState } from 'react'; -import { DocumentoService } from '../../services/DocumentoService'; -import { TIPOS_DOCUMENTO } from '../../utils/documentTemplates'; +import { useState } from "react"; + +import { DocumentoService } from "../../services/DocumentoService"; +import { TIPOS_DOCUMENTO } from "../../utils/documentTemplates"; export function NovoDocumento() { const [tipo, setTipo] = useState(TIPOS_DOCUMENTO.PROCURACAO); - + const handleGerar = async () => { // 1. Buscar dados necessários const cliente = await api.get(`/clientes/${clienteId}`); - const advogado = await api.get('/usuarios/me'); - + const advogado = await api.get("/usuarios/me"); + // 2. Preparar variáveis const variaveis = { cliente: cliente.data, advogado: advogado.data, - cidade: 'São Paulo', - data: new Date().toLocaleDateString() + cidade: "São Paulo", + data: new Date().toLocaleDateString(), }; // 3. Buscar configurações do escritório - const config = await api.get('/configuracoes'); + const config = await api.get("/configuracoes"); // 4. Gerar documento const documento = DocumentoService.gerarDocumento({ tipo, variaveis, - config: config.data + config: config.data, }); // 5. Salvar ou exibir @@ -34,15 +35,13 @@ export function NovoDocumento() { return ( <div> - <select value={tipo} onChange={e => setTipo(e.target.value)}> + <select value={tipo} onChange={(e) => setTipo(e.target.value)}> <option value={TIPOS_DOCUMENTO.PROCURACAO}>Procuração</option> <option value={TIPOS_DOCUMENTO.CONTRATO}>Contrato</option> {/* ... */} </select> - - <button onClick={handleGerar}> - Gerar Documento - </button> + + <button onClick={handleGerar}>Gerar Documento</button> </div> ); } diff --git a/src/components/forms/FormInput.tsx b/src/components/forms/FormInput.tsx index 32d9d00..2d1655f 100644 --- a/src/components/forms/FormInput.tsx +++ b/src/components/forms/FormInput.tsx @@ -8,8 +8,8 @@ interface FormInputProps extends React.InputHTMLAttributes<HTMLInputElement> { export const FormInput = forwardRef<HTMLInputElement, FormInputProps>( ({ label, error, className = "", multiline, ...props }, ref) => { - const Component = multiline ? 'textarea' : 'input'; - + const Component = multiline ? "textarea" : "input"; + return ( <div className={`${className} relative`}> <label className="block text-sm font-semibold text-gray-700 mb-2"> @@ -37,7 +37,7 @@ export const FormInput = forwardRef<HTMLInputElement, FormInputProps>( )} </div> ); - } + }, ); FormInput.displayName = "FormInput"; diff --git a/src/components/forms/index.tsx b/src/components/forms/index.tsx index 3cf678c..79460d7 100644 --- a/src/components/forms/index.tsx +++ b/src/components/forms/index.tsx @@ -1,4 +1,4 @@ -import React, { forwardRef } from 'react'; +import React, { forwardRef } from "react"; export const FormInput = forwardRef<HTMLInputElement, any>( ({ label, error, className = "", ...props }, ref) => ( @@ -26,7 +26,7 @@ export const FormInput = forwardRef<HTMLInputElement, any>( <p className="mt-1 text-sm text-red-600 dark:text-red-400">{error}</p> )} </div> - ) + ), ); export const FormSelect = forwardRef<HTMLSelectElement, any>( @@ -52,9 +52,15 @@ export const FormSelect = forwardRef<HTMLSelectElement, any>( `} {...props} > - <option value="" className="dark:bg-gray-700">Selecione...</option> + <option value="" className="dark:bg-gray-700"> + Selecione... + </option> {options?.map((opt: any) => ( - <option key={opt.value} value={opt.value} className="dark:bg-gray-700"> + <option + key={opt.value} + value={opt.value} + className="dark:bg-gray-700" + > {opt.label} </option> ))} @@ -68,4 +74,4 @@ export const FormSelect = forwardRef<HTMLSelectElement, any>( ), ); -// Adicione classes dark mode similares para outros componentes de formulário \ No newline at end of file +// Adicione classes dark mode similares para outros componentes de formulário diff --git a/src/components/layouts/MainLayout.tsx b/src/components/layouts/MainLayout.tsx index 2d9d50a..51b7447 100644 --- a/src/components/layouts/MainLayout.tsx +++ b/src/components/layouts/MainLayout.tsx @@ -1,6 +1,4 @@ -import React, { useState, Fragment, useEffect, useRef } from "react"; -import { Outlet, Link, useLocation } from "react-router-dom"; -import { useAuth } from "../../contexts/AuthContext"; +import { Menu, Transition } from "@headlessui/react"; import { BellIcon, ChevronDownIcon, @@ -18,15 +16,18 @@ import { CurrencyDollarIcon, CalculatorIcon, } from "@heroicons/react/24/outline"; -import { Menu, Transition } from "@headlessui/react"; -import api from "../../services/api"; +import CalculateIcon from "@mui/icons-material/Calculate"; +import ChildCareIcon from "@mui/icons-material/ChildCare"; +import MoneyIcon from "@mui/icons-material/Money"; +import React, { useState, Fragment, useEffect, useRef } from "react"; +import { Outlet, Link, useLocation } from "react-router-dom"; + +import { useAuth } from "../../contexts/AuthContext"; import { useTheme } from "../../contexts/ThemeContext"; +import api from "../../services/api"; // Importando o ícone para cálculos judiciais -import CalculateIcon from '@mui/icons-material/Calculate'; // Importar ícones específicos para subcategorias de cálculos -import MoneyIcon from '@mui/icons-material/Money'; -import ChildCareIcon from '@mui/icons-material/ChildCare'; export const MainLayout: React.FC = () => { const [isSidebarOpen, setSidebarOpen] = useState(true); @@ -65,19 +66,19 @@ export const MainLayout: React.FC = () => { label: "Provas", icon: DocumentCheckIcon, subitems: [ - { - path: '/provas/upload', - label: 'Upload', + { + path: "/provas/upload", + label: "Upload", roles: [], - icon: ArrowUpTrayIcon + icon: ArrowUpTrayIcon, }, - { - path: '/provas/admin', - label: 'Admin', - roles: ['ADVOGADO_ADMIN'], - icon: ShieldCheckIcon - } - ] + { + path: "/provas/admin", + label: "Admin", + roles: ["ADVOGADO_ADMIN"], + icon: ShieldCheckIcon, + }, + ], }, { path: "/clientes", label: "Clientes", icon: UserGroupIcon }, { path: "/atendimentos", label: "Atendimentos", icon: UserIcon }, @@ -87,28 +88,28 @@ export const MainLayout: React.FC = () => { path: null, label: "Cálculos", icon: CalculateIcon, - roles: ['ADVOGADO_ADMIN', 'ADVOGADO', 'ASSISTENTE'], + roles: ["ADVOGADO_ADMIN", "ADVOGADO", "ASSISTENTE"], subitems: [ { - path: '/calculos', - label: 'Dashboard', - roles: ['ADVOGADO_ADMIN', 'ADVOGADO', 'ASSISTENTE'], - icon: HomeIcon + path: "/calculos", + label: "Dashboard", + roles: ["ADVOGADO_ADMIN", "ADVOGADO", "ASSISTENTE"], + icon: HomeIcon, }, { - path: '/calculos/pensao-alimenticia', - label: 'Pensão Alimentícia', - roles: ['ADVOGADO_ADMIN', 'ADVOGADO', 'ASSISTENTE'], - icon: ChildCareIcon + path: "/calculos/pensao-alimenticia", + label: "Pensão Alimentícia", + roles: ["ADVOGADO_ADMIN", "ADVOGADO", "ASSISTENTE"], + icon: ChildCareIcon, }, { - path: '/calculos/trabalhistas', - label: 'Trabalhistas', - roles: ['ADVOGADO_ADMIN', 'ADVOGADO', 'ASSISTENTE'], - icon: MoneyIcon - } - ] - } + path: "/calculos/trabalhistas", + label: "Trabalhistas", + roles: ["ADVOGADO_ADMIN", "ADVOGADO", "ASSISTENTE"], + icon: MoneyIcon, + }, + ], + }, ]; // Função para verificar se o caminho atual corresponde ao item do menu @@ -123,12 +124,15 @@ export const MainLayout: React.FC = () => { submenuTimeoutRef.current = null; } setActiveSubmenu(menuLabel); - + // Atualiza a posição vertical do submenu const menuItem = document.querySelector(`[data-menu-label="${menuLabel}"]`); if (menuItem) { const rect = menuItem.getBoundingClientRect(); - document.documentElement.style.setProperty('--menu-item-top', `${rect.top}px`); + document.documentElement.style.setProperty( + "--menu-item-top", + `${rect.top}px`, + ); } }; @@ -169,25 +173,24 @@ export const MainLayout: React.FC = () => { <nav className="flex-1 overflow-y-auto"> <div className="py-4"> {menuItems.map((item, index) => ( - <div - key={item.path || item.label} - className="px-2 mb-2" - > + <div key={item.path || item.label} className="px-2 mb-2"> {!item.subitems ? ( <Link to={item.path} className={`flex flex-col items-center justify-center p-3 rounded-lg transition-colors ${ - isCurrentPath(item.path) - ? "bg-white/20" + isCurrentPath(item.path) + ? "bg-white/20" : "hover:bg-white/10" }`} title={item.label} > <item.icon className="h-6 w-6 text-white opacity-80" /> - <span className="text-xs mt-1 text-white/80">{item.label}</span> + <span className="text-xs mt-1 text-white/80"> + {item.label} + </span> </Link> ) : ( - <div + <div className="relative" data-menu-label={item.label} onMouseEnter={() => handleMenuMouseEnter(item.label)} @@ -195,14 +198,18 @@ export const MainLayout: React.FC = () => { > <div className={`flex flex-col items-center justify-center p-3 rounded-lg transition-colors hover:bg-white/10 cursor-pointer ${ - item.subitems.some(subitem => isCurrentPath(subitem.path)) + item.subitems.some((subitem) => + isCurrentPath(subitem.path), + ) ? "bg-white/20" : "" }`} title={item.label} > <item.icon className="h-6 w-6 text-white opacity-80" /> - <span className="text-xs mt-1 text-white/80">{item.label}</span> + <span className="text-xs mt-1 text-white/80"> + {item.label} + </span> </div> </div> )} @@ -213,24 +220,26 @@ export const MainLayout: React.FC = () => { {/* Submenus renderizados fora da estrutura do menu principal */} {menuItems - .filter(item => item.subitems) - .map(item => ( - <div - key={`submenu-${item.label}`} - className={`fixed left-20 z-50 ${activeSubmenu === item.label ? 'block' : 'hidden'}`} - style={{ top: 'var(--menu-item-top, 0)' }} + .filter((item) => item.subitems) + .map((item) => ( + <div + key={`submenu-${item.label}`} + className={`fixed left-20 z-50 ${activeSubmenu === item.label ? "block" : "hidden"}`} + style={{ top: "var(--menu-item-top, 0)" }} onMouseEnter={handleSubmenuMouseEnter} onMouseLeave={handleMenuMouseLeave} > - <div + <div className="transition-all duration-200 ml-2" - style={{ transformOrigin: 'left center' }} + style={{ transformOrigin: "left center" }} > <div className="bg-blue-800/95 backdrop-blur-sm rounded-lg py-2 px-1 shadow-xl w-[140px] border border-blue-700/30"> {item.subitems - .filter(subitem => - !subitem.roles?.length || - (userProfile?.perfil && subitem.roles.includes(userProfile.perfil)) + .filter( + (subitem) => + !subitem.roles?.length || + (userProfile?.perfil && + subitem.roles.includes(userProfile.perfil)), ) .map((subitem) => ( <Link @@ -242,7 +251,9 @@ export const MainLayout: React.FC = () => { > <div className="flex items-center space-x-2"> <subitem.icon className="h-5 w-5 text-white opacity-80" /> - <span className="text-sm text-white/90">{subitem.label}</span> + <span className="text-sm text-white/90"> + {subitem.label} + </span> </div> </Link> ))} @@ -295,7 +306,9 @@ export const MainLayout: React.FC = () => { <div className="text-sm font-medium text-gray-700 dark:text-gray-200"> {user?.nome} </div> - <div className="text-xs text-gray-500 dark:text-gray-400">{user?.cargo}</div> + <div className="text-xs text-gray-500 dark:text-gray-400"> + {user?.cargo} + </div> </div> <ChevronDownIcon className="w-4 h-4 text-gray-500 dark:text-gray-400" /> </Menu.Button> diff --git a/src/components/perfil/PerfilPage.tsx b/src/components/perfil/PerfilPage.tsx index 6c828da..7d039ea 100644 --- a/src/components/perfil/PerfilPage.tsx +++ b/src/components/perfil/PerfilPage.tsx @@ -1,7 +1,8 @@ import { useState, useEffect } from "react"; + import { useAuth } from "../../contexts/AuthContext"; -import { Usuario } from "../../types/usuario"; import api from "../../services/api"; +import { Usuario } from "../../types/usuario"; import { UF_BRASIL } from "../../utils/constants/estados"; export function PerfilPage() { diff --git a/src/components/processos/AbaFinanceiro.tsx b/src/components/processos/AbaFinanceiro.tsx index 490dfd6..9429ede 100644 --- a/src/components/processos/AbaFinanceiro.tsx +++ b/src/components/processos/AbaFinanceiro.tsx @@ -1,11 +1,12 @@ -import { useState, lazy, Suspense, useEffect } from "react"; import { Tab } from "@headlessui/react"; import { PlusIcon, PencilIcon, TrashIcon } from "@heroicons/react/24/outline"; -import { formatCurrency, formatDate } from "../../utils/format"; +import { useState, lazy, Suspense, useEffect } from "react"; + +import { useProcessoContext } from "../../context/ProcessoContext"; import { useCustasProcessuais } from "../../hooks/useCustasProcessuais"; import { useHonorarios } from "../../hooks/useHonorarios"; -import { useProcessoContext } from "../../context/ProcessoContext"; import api from "../../services/api"; // Adicionar esta importação +import { formatCurrency, formatDate } from "../../utils/format"; // Corrigir importações lazy const DialogCustaProcessual = lazy(() => diff --git a/src/components/processos/AbaInformacoes.tsx b/src/components/processos/AbaInformacoes.tsx index f96e70b..fa63c0b 100644 --- a/src/components/processos/AbaInformacoes.tsx +++ b/src/components/processos/AbaInformacoes.tsx @@ -1,6 +1,6 @@ +import { format, ptBR } from "date-fns"; + import { useProcessoContext } from "../../context/ProcessoContext"; -import { format } from "date-fns"; -import { ptBR } from "date-fns/locale"; export function AbaInformacoes() { const { processo } = useProcessoContext(); diff --git a/src/components/processos/AbaMovimentacoes.tsx b/src/components/processos/AbaMovimentacoes.tsx index 94dc0fb..f640af5 100644 --- a/src/components/processos/AbaMovimentacoes.tsx +++ b/src/components/processos/AbaMovimentacoes.tsx @@ -1,8 +1,8 @@ +import { ClockIcon, DocumentIcon } from "@heroicons/react/24/outline"; +import { format, ptBR } from "date-fns"; + import { useProcessoContext } from "../../context/ProcessoContext"; import { useProcessoMovimentacoes } from "../../hooks/useProcessoMovimentacoes"; -import { format } from "date-fns"; -import { ptBR } from "date-fns/locale"; -import { ClockIcon, DocumentIcon } from "@heroicons/react/24/outline"; export default function AbaMovimentacoes() { const { processo } = useProcessoContext(); diff --git a/src/components/processos/AudienciaModal.tsx b/src/components/processos/AudienciaModal.tsx index 2bd3abc..bce2d4d 100644 --- a/src/components/processos/AudienciaModal.tsx +++ b/src/components/processos/AudienciaModal.tsx @@ -1,6 +1,7 @@ -import React from "react"; import { Dialog } from "@headlessui/react"; +import React from "react"; import { useForm } from "react-hook-form"; + import { FormSelect, FormInput } from "../forms"; const TIPOS_AUDIENCIA = [ diff --git a/src/components/processos/DialogCustaProcessual.tsx b/src/components/processos/DialogCustaProcessual.tsx index 8e19bb5..ef0f18c 100644 --- a/src/components/processos/DialogCustaProcessual.tsx +++ b/src/components/processos/DialogCustaProcessual.tsx @@ -6,12 +6,12 @@ import { Box, Typography, } from "@mui/material"; -import { useState, useEffect } from "react"; -import { TipoCustaProcessual, StatusPagamento } from "@prisma/client"; import { AdapterDateFns } from "@mui/x-date-pickers/AdapterDateFns"; -import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider"; import { DatePicker } from "@mui/x-date-pickers/DatePicker"; +import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider"; +import { TipoCustaProcessual, StatusPagamento } from "@prisma/client"; import ptBR from "date-fns/locale/pt-BR"; +import { useState, useEffect } from "react"; interface DialogCustaProcessualProps { open: boolean; diff --git a/src/components/processos/DialogHonorario.tsx b/src/components/processos/DialogHonorario.tsx index f94ef77..962fd40 100644 --- a/src/components/processos/DialogHonorario.tsx +++ b/src/components/processos/DialogHonorario.tsx @@ -9,12 +9,13 @@ import { Select, Typography, } from "@mui/material"; -import { useState, useEffect } from "react"; -import { FormaPagamento, StatusPagamento } from "@prisma/client"; import { AdapterDateFns } from "@mui/x-date-pickers/AdapterDateFns"; -import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider"; import { DatePicker } from "@mui/x-date-pickers/DatePicker"; +import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider"; +import { FormaPagamento, StatusPagamento } from "@prisma/client"; import ptBR from "date-fns/locale/pt-BR"; +import { useState, useEffect } from "react"; + import { IHonorario, IHonorarioCreate } from "../types/financeiro"; interface DialogHonorarioProps { diff --git a/src/components/processos/MovimentacoesTimeline.tsx b/src/components/processos/MovimentacoesTimeline.tsx index 7da938d..6588b29 100644 --- a/src/components/processos/MovimentacoesTimeline.tsx +++ b/src/components/processos/MovimentacoesTimeline.tsx @@ -1,5 +1,5 @@ -import { format } from "date-fns"; -import { ptBR } from "date-fns/locale"; +import { format, ptBR } from "date-fns"; + import { useProcessoMovimentacoes } from "../../hooks/useProcessoMovimentacoes"; interface MovimentacoesTimelineProps { diff --git a/src/components/processos/ParteProcessoModal.tsx b/src/components/processos/ParteProcessoModal.tsx index e64523d..3f290a2 100644 --- a/src/components/processos/ParteProcessoModal.tsx +++ b/src/components/processos/ParteProcessoModal.tsx @@ -1,8 +1,9 @@ -import React, { useState } from "react"; import { Dialog } from "@headlessui/react"; +import React, { useState } from "react"; +import { useForm } from "react-hook-form"; + import { useClientes } from "../../hooks/useClientes"; import { FormSelect, FormInput } from "../forms"; -import { useForm } from "react-hook-form"; interface ParteProcessoModalProps { isOpen: boolean; diff --git a/src/components/processos/ProcessoCard.tsx b/src/components/processos/ProcessoCard.tsx index dec7d29..3adefcd 100644 --- a/src/components/processos/ProcessoCard.tsx +++ b/src/components/processos/ProcessoCard.tsx @@ -1,24 +1,25 @@ -import React from 'react'; -import { Processo } from '../../types/entities'; +import React from "react"; + +import { Processo } from "../../types/entities"; interface ProcessoCardProps { processo: Processo; } const resultadoLabel = { - NAO_JULGADO: 'Não Julgado', - PROCEDENTE: 'Procedente', - PARCIALMENTE_PROCEDENTE: 'Parcialmente Procedente', - IMPROCEDENTE: 'Improcedente', - SEM_ANALISE_MERITO: 'Sem Análise de Mérito' + NAO_JULGADO: "Não Julgado", + PROCEDENTE: "Procedente", + PARCIALMENTE_PROCEDENTE: "Parcialmente Procedente", + IMPROCEDENTE: "Improcedente", + SEM_ANALISE_MERITO: "Sem Análise de Mérito", }; const resultadoColor = { - NAO_JULGADO: 'bg-gray-100 text-gray-800', - PROCEDENTE: 'bg-green-100 text-green-800', - PARCIALMENTE_PROCEDENTE: 'bg-yellow-100 text-yellow-800', - IMPROCEDENTE: 'bg-red-100 text-red-800', - SEM_ANALISE_MERITO: 'bg-gray-100 text-gray-800' + NAO_JULGADO: "bg-gray-100 text-gray-800", + PROCEDENTE: "bg-green-100 text-green-800", + PARCIALMENTE_PROCEDENTE: "bg-yellow-100 text-yellow-800", + IMPROCEDENTE: "bg-red-100 text-red-800", + SEM_ANALISE_MERITO: "bg-gray-100 text-gray-800", }; export const ProcessoCard: React.FC<ProcessoCardProps> = ({ processo }) => { @@ -40,19 +41,24 @@ export const ProcessoCard: React.FC<ProcessoCardProps> = ({ processo }) => { {processo.status} </p> <p className="text-sm text-gray-500 dark:text-gray-400"> - {processo.valorCausa?.toLocaleString('pt-BR', { style: 'currency', currency: 'BRL' })} + {processo.valorCausa?.toLocaleString("pt-BR", { + style: "currency", + currency: "BRL", + })} </p> <p className="text-sm text-gray-500 dark:text-gray-400"> - {new Date(processo.dataCriacao).toLocaleDateString('pt-BR')} + {new Date(processo.dataCriacao).toLocaleDateString("pt-BR")} </p> <p className="text-sm text-gray-500 dark:text-gray-400"> - {new Date(processo.dataAtualizacao).toLocaleDateString('pt-BR')} + {new Date(processo.dataAtualizacao).toLocaleDateString("pt-BR")} </p> <div className="mt-2"> - <span className={`px-2 py-1 text-xs rounded-full ${resultadoColor[processo.resultado]}`}> + <span + className={`px-2 py-1 text-xs rounded-full ${resultadoColor[processo.resultado]}`} + > {resultadoLabel[processo.resultado]} </span> </div> </div> ); -}; \ No newline at end of file +}; diff --git a/src/components/processos/ProcessoDetalhes.tsx b/src/components/processos/ProcessoDetalhes.tsx index c869ea5..f9208b8 100644 --- a/src/components/processos/ProcessoDetalhes.tsx +++ b/src/components/processos/ProcessoDetalhes.tsx @@ -1,10 +1,6 @@ -import React, { useState, useEffect, lazy, Suspense } from "react"; -import { useParams, useNavigate } from "react-router-dom"; -import { useProcessos } from "../../hooks/useProcessos"; -import api from "../../services/api"; // Adicionar esta importação import { Tab, Dialog } from "@headlessui/react"; -import { TrashIcon } from "@heroicons/react/24/outline"; import { + TrashIcon, ArrowLeftIcon, ClockIcon, DocumentTextIcon, @@ -15,14 +11,20 @@ import { ExclamationTriangleIcon, PlusIcon, } from "@heroicons/react/24/outline"; -import { ProcessoModal } from "./ProcessoModal.tsx"; -import { formatNumeroProcesso, formatCPF } from "../../utils/formatters"; -import { ParteProcessoModal } from "./ParteProcessoModal"; -import { usePartesProcesso } from "../../hooks/usePartesProcesso"; -import { useAudiencias } from "../../hooks/useAudiencias"; -import { AudienciaModal } from "./AudienciaModal"; -import AbaFinanceiro from "./AbaFinanceiro"; +import React, { useState, useEffect, lazy, Suspense } from "react"; +import { useParams, useNavigate } from "react-router-dom"; + import { ProcessoProvider } from "../../context/ProcessoContext"; +import { useAudiencias } from "../../hooks/useAudiencias"; +import { usePartesProcesso } from "../../hooks/usePartesProcesso"; +import { useProcessos } from "../../hooks/useProcessos"; +import api from "../../services/api"; // Adicionar esta importação +import { formatNumeroProcesso, formatCPF } from "../../utils/formatters"; + +import AbaFinanceiro from "./AbaFinanceiro"; +import { AudienciaModal } from "./AudienciaModal"; +import { ParteProcessoModal } from "./ParteProcessoModal"; +import { ProcessoModal } from "./ProcessoModal.tsx"; // Adicionar lazy import para AbaMovimentacoes const AbaMovimentacoes = lazy(() => import("./AbaMovimentacoes")); @@ -192,25 +194,27 @@ export const ProcessoDetalhes: React.FC = () => { {/* Adicionar o botão de resultado aqui */} <select - value={processo.resultado || 'NAO_JULGADO'} + value={processo.resultado || "NAO_JULGADO"} onChange={async (e) => { try { await api.patch(`/processos/${processo.id}/resultado`, { - resultado: e.target.value + resultado: e.target.value, }); // Recarregar dados após atualização const updated = await getProcesso(processo.id); setProcesso(updated); } catch (error) { - console.error('Erro ao atualizar resultado:', error); - alert('Erro ao atualizar resultado do processo'); + console.error("Erro ao atualizar resultado:", error); + alert("Erro ao atualizar resultado do processo"); } }} className="rounded-lg border-gray-300 text-sm" > <option value="NAO_JULGADO">Não Julgado</option> <option value="PROCEDENTE">Procedente</option> - <option value="PARCIALMENTE_PROCEDENTE">Parcialmente Procedente</option> + <option value="PARCIALMENTE_PROCEDENTE"> + Parcialmente Procedente + </option> <option value="IMPROCEDENTE">Improcedente</option> <option value="SEM_ANALISE_MERITO">Sem Análise de Mérito</option> </select> diff --git a/src/components/processos/ProcessoForm.tsx b/src/components/processos/ProcessoForm.tsx index 9898489..f0b808a 100644 --- a/src/components/processos/ProcessoForm.tsx +++ b/src/components/processos/ProcessoForm.tsx @@ -1,6 +1,7 @@ -import React from 'react'; -import { useForm } from 'react-hook-form'; -import { Processo } from '../../types/entities'; +import React from "react"; +import { useForm } from "react-hook-form"; + +import { Processo } from "../../types/entities"; interface ProcessoFormProps { onSubmit: (data: Partial<Processo>) => void; @@ -8,14 +9,17 @@ interface ProcessoFormProps { } const resultadoOptions = [ - { value: 'NAO_JULGADO', label: 'Não Julgado' }, - { value: 'PROCEDENTE', label: 'Procedente' }, - { value: 'PARCIALMENTE_PROCEDENTE', label: 'Parcialmente Procedente' }, - { value: 'IMPROCEDENTE', label: 'Improcedente' }, - { value: 'SEM_ANALISE_MERITO', label: 'Sem Análise de Mérito' } + { value: "NAO_JULGADO", label: "Não Julgado" }, + { value: "PROCEDENTE", label: "Procedente" }, + { value: "PARCIALMENTE_PROCEDENTE", label: "Parcialmente Procedente" }, + { value: "IMPROCEDENTE", label: "Improcedente" }, + { value: "SEM_ANALISE_MERITO", label: "Sem Análise de Mérito" }, ]; -export const ProcessoForm: React.FC<ProcessoFormProps> = ({ onSubmit, initialData }) => { +export const ProcessoForm: React.FC<ProcessoFormProps> = ({ + onSubmit, + initialData, +}) => { const { register, handleSubmit, reset } = useForm<Partial<Processo>>({ defaultValues: initialData, }); @@ -28,7 +32,7 @@ export const ProcessoForm: React.FC<ProcessoFormProps> = ({ onSubmit, initialDat Número do Processo </label> <input - {...register('numero')} + {...register("numero")} className="w-full rounded-lg border-gray-300 dark:border-gray-600 dark:bg-gray-700" /> </div> @@ -38,7 +42,7 @@ export const ProcessoForm: React.FC<ProcessoFormProps> = ({ onSubmit, initialDat Natureza </label> <select - {...register('natureza')} + {...register("natureza")} className="w-full rounded-lg border-gray-300 dark:border-gray-600 dark:bg-gray-700" > <option value="CIVEL">Cível</option> @@ -58,7 +62,7 @@ export const ProcessoForm: React.FC<ProcessoFormProps> = ({ onSubmit, initialDat Status </label> <select - {...register('status')} + {...register("status")} className="w-full rounded-lg border-gray-300 dark:border-gray-600 dark:bg-gray-700" > <option value="INICIAL">Inicial</option> @@ -75,10 +79,10 @@ export const ProcessoForm: React.FC<ProcessoFormProps> = ({ onSubmit, initialDat Resultado do Julgamento </label> <select - {...register('resultado')} + {...register("resultado")} className="w-full rounded-lg border-gray-300 dark:border-gray-600 dark:bg-gray-700" > - {resultadoOptions.map(option => ( + {resultadoOptions.map((option) => ( <option key={option.value} value={option.value}> {option.label} </option> @@ -93,7 +97,7 @@ export const ProcessoForm: React.FC<ProcessoFormProps> = ({ onSubmit, initialDat Cliente </label> <input - {...register('clienteId')} + {...register("clienteId")} className="w-full rounded-lg border-gray-300 dark:border-gray-600 dark:bg-gray-700" /> </div> @@ -104,7 +108,7 @@ export const ProcessoForm: React.FC<ProcessoFormProps> = ({ onSubmit, initialDat </label> <input type="number" - {...register('valorCausa')} + {...register("valorCausa")} className="w-full rounded-lg border-gray-300 dark:border-gray-600 dark:bg-gray-700" /> </div> @@ -116,7 +120,7 @@ export const ProcessoForm: React.FC<ProcessoFormProps> = ({ onSubmit, initialDat Órgão Julgador </label> <input - {...register('orgaoJulgador')} + {...register("orgaoJulgador")} className="w-full rounded-lg border-gray-300 dark:border-gray-600 dark:bg-gray-700" /> </div> @@ -126,7 +130,7 @@ export const ProcessoForm: React.FC<ProcessoFormProps> = ({ onSubmit, initialDat Nome da Contraparte </label> <input - {...register('nomeContraparte')} + {...register("nomeContraparte")} className="w-full rounded-lg border-gray-300 dark:border-gray-600 dark:bg-gray-700" /> </div> @@ -149,4 +153,4 @@ export const ProcessoForm: React.FC<ProcessoFormProps> = ({ onSubmit, initialDat </div> </form> ); -}; \ No newline at end of file +}; diff --git a/src/components/processos/ProcessoInfo.tsx b/src/components/processos/ProcessoInfo.tsx index 33da88c..c46d6be 100644 --- a/src/components/processos/ProcessoInfo.tsx +++ b/src/components/processos/ProcessoInfo.tsx @@ -1,5 +1,5 @@ -import { format } from "date-fns"; -import { ptBR } from "date-fns/locale"; +import { format, ptBR } from "date-fns"; + import { DatajudProcesso } from "../../types/datajud"; interface ProcessoInfoProps { diff --git a/src/components/processos/ProcessoModal.tsx b/src/components/processos/ProcessoModal.tsx index 7ae6886..9cb6646 100644 --- a/src/components/processos/ProcessoModal.tsx +++ b/src/components/processos/ProcessoModal.tsx @@ -1,20 +1,22 @@ -import React, { useState, useEffect } from "react"; import { Dialog, Transition, Combobox } from "@headlessui/react"; import { XMarkIcon, MagnifyingGlassIcon, CheckIcon, } from "@heroicons/react/24/outline"; -import { useForm } from "react-hook-form"; -import { Processo, NaturezaProcesso, TipoParte } from "../../types/entities"; -import { useProcessos } from "../../hooks/useProcessos"; -import { useClientes } from "../../hooks/useClientes"; -import { FormInput, FormSelect, FormCheckbox } from "../forms"; import axios from "axios"; -import { UF_BRASIL, TRIBUNAIS } from "../../utils/constants/tribunais"; +import React, { useState, useEffect } from "react"; +import { useForm } from "react-hook-form"; + +import { useClientes } from "../../hooks/useClientes"; import { useDatajud } from "../../hooks/useDatajud"; -import { ProcessoInfo } from "./ProcessoInfo"; // Adicionar import +import { useProcessos } from "../../hooks/useProcessos"; import { DatajudProcesso } from "../../types/datajud"; +import { Processo, NaturezaProcesso, TipoParte } from "../../types/entities"; +import { UF_BRASIL, TRIBUNAIS } from "../../utils/constants/tribunais"; +import { FormInput, FormSelect, FormCheckbox } from "../forms"; + +import { ProcessoInfo } from "./ProcessoInfo"; // Adicionar import interface ProcessoModalProps { isOpen: boolean; @@ -138,9 +140,9 @@ export const ProcessoModal: React.FC<ProcessoModalProps> = ({ }; if (processo) { - await updateProcesso.mutateAsync({ - id: processo.id, - data: processData + await updateProcesso.mutateAsync({ + id: processo.id, + data: processData, }); } else { await createProcesso.mutateAsync(processData); diff --git a/src/components/processos/ProcessoView.tsx b/src/components/processos/ProcessoView.tsx index 23d6df6..775a806 100644 --- a/src/components/processos/ProcessoView.tsx +++ b/src/components/processos/ProcessoView.tsx @@ -1,43 +1,50 @@ -import React from 'react'; -import { useQuery } from 'react-query'; -import { useParams } from 'react-router-dom'; -import api from '../../services/api'; -import { format } from 'date-fns'; -import { ptBR } from 'date-fns/locale'; -import { Processo } from '../../types/entities'; +import { format, ptBR } from "date-fns"; +import React from "react"; +import { useQuery } from "react-query"; +import { useParams } from "react-router-dom"; + +import api from "../../services/api"; +import { Processo } from "../../types/entities"; const resultadoOptions = [ - { value: 'NAO_JULGADO', label: 'Não Julgado' }, - { value: 'PROCEDENTE', label: 'Procedente' }, - { value: 'PARCIALMENTE_PROCEDENTE', label: 'Parcialmente Procedente' }, - { value: 'IMPROCEDENTE', label: 'Improcedente' }, - { value: 'SEM_ANALISE_MERITO', label: 'Sem Análise de Mérito' } + { value: "NAO_JULGADO", label: "Não Julgado" }, + { value: "PROCEDENTE", label: "Procedente" }, + { value: "PARCIALMENTE_PROCEDENTE", label: "Parcialmente Procedente" }, + { value: "IMPROCEDENTE", label: "Improcedente" }, + { value: "SEM_ANALISE_MERITO", label: "Sem Análise de Mérito" }, ]; const getResultadoLabel = (valor: string) => { - return resultadoOptions.find(opt => opt.value === valor)?.label || valor; + return resultadoOptions.find((opt) => opt.value === valor)?.label || valor; }; const getResultadoColor = (resultado: string) => { switch (resultado) { - case 'PROCEDENTE': return 'bg-green-100 text-green-800'; - case 'PARCIALMENTE_PROCEDENTE': return 'bg-yellow-100 text-yellow-800'; - case 'IMPROCEDENTE': return 'bg-red-100 text-red-800'; - case 'SEM_ANALISE_MERITO': return 'bg-gray-100 text-gray-800'; - default: return 'bg-blue-100 text-blue-800'; + case "PROCEDENTE": + return "bg-green-100 text-green-800"; + case "PARCIALMENTE_PROCEDENTE": + return "bg-yellow-100 text-yellow-800"; + case "IMPROCEDENTE": + return "bg-red-100 text-red-800"; + case "SEM_ANALISE_MERITO": + return "bg-gray-100 text-gray-800"; + default: + return "bg-blue-100 text-blue-800"; } }; export const ProcessoView: React.FC = () => { const { id } = useParams<{ id: string }>(); - - const { data: processo, refetch, isLoading, isError } = useQuery<Processo>( - ['processo', id], - async () => { - const response = await api.get(`/processos/${id}`); // remover /api - return response.data; - } - ); + + const { + data: processo, + refetch, + isLoading, + isError, + } = useQuery<Processo>(["processo", id], async () => { + const response = await api.get(`/processos/${id}`); // remover /api + return response.data; + }); if (isLoading) { return <div>Carregando...</div>; @@ -52,8 +59,10 @@ export const ProcessoView: React.FC = () => { {/* Status e Resultado do Processo */} <div className="bg-white dark:bg-gray-800 rounded-lg shadow p-6"> <div className="flex items-center justify-between mb-4"> - <h3 className="text-lg font-medium text-gray-900 dark:text-white">Status do Processo</h3> - + <h3 className="text-lg font-medium text-gray-900 dark:text-white"> + Status do Processo + </h3> + {/* Botão de Julgamento */} <div className="flex items-center space-x-4"> <span className="text-sm text-gray-500">Processo julgado?</span> @@ -62,17 +71,17 @@ export const ProcessoView: React.FC = () => { onChange={async (e) => { try { await api.patch(`/processos/${processo.id}/resultado`, { - resultado: e.target.value + resultado: e.target.value, }); refetch(); } catch (error) { - console.error('Erro ao atualizar resultado:', error); - alert('Erro ao atualizar resultado do processo'); + console.error("Erro ao atualizar resultado:", error); + alert("Erro ao atualizar resultado do processo"); } }} className="rounded-lg border-gray-300 text-sm dark:bg-gray-700 dark:border-gray-600" > - {resultadoOptions.map(option => ( + {resultadoOptions.map((option) => ( <option key={option.value} value={option.value}> {option.label} </option> @@ -90,8 +99,12 @@ export const ProcessoView: React.FC = () => { </div> <div className="flex items-center space-x-2"> - <span className="text-sm font-medium text-gray-500">Resultado:</span> - <span className={`px-2 py-1 text-sm rounded-full ${getResultadoColor(processo.resultado)}`}> + <span className="text-sm font-medium text-gray-500"> + Resultado: + </span> + <span + className={`px-2 py-1 text-sm rounded-full ${getResultadoColor(processo.resultado)}`} + > {getResultadoLabel(processo.resultado)} </span> </div> @@ -106,31 +119,52 @@ export const ProcessoView: React.FC = () => { <div className="grid grid-cols-1 md:grid-cols-2 gap-4"> <div> <h3 className="text-lg font-medium">Cliente</h3> - <p className="text-gray-700 dark:text-gray-300">{processo.cliente.nome}</p> + <p className="text-gray-700 dark:text-gray-300"> + {processo.cliente.nome} + </p> </div> <div> <h3 className="text-lg font-medium">Contraparte</h3> - <p className="text-gray-700 dark:text-gray-300">{processo.nomeContraparte}</p> + <p className="text-gray-700 dark:text-gray-300"> + {processo.nomeContraparte} + </p> </div> <div> <h3 className="text-lg font-medium">Natureza</h3> - <p className="text-gray-700 dark:text-gray-300">{processo.natureza}</p> + <p className="text-gray-700 dark:text-gray-300"> + {processo.natureza} + </p> </div> <div> <h3 className="text-lg font-medium">Status</h3> - <p className="text-gray-700 dark:text-gray-300">{processo.status}</p> + <p className="text-gray-700 dark:text-gray-300"> + {processo.status} + </p> </div> <div> <h3 className="text-lg font-medium">Valor da Causa</h3> - <p className="text-gray-700 dark:text-gray-300">{processo.valorCausa?.toLocaleString('pt-BR', { style: 'currency', currency: 'BRL' })}</p> + <p className="text-gray-700 dark:text-gray-300"> + {processo.valorCausa?.toLocaleString("pt-BR", { + style: "currency", + currency: "BRL", + })} + </p> </div> <div> <h3 className="text-lg font-medium">Data de Criação</h3> - <p className="text-gray-700 dark:text-gray-300">{format(new Date(processo.dataCriacao), 'dd/MM/yyyy', { locale: ptBR })}</p> + <p className="text-gray-700 dark:text-gray-300"> + {format(new Date(processo.dataCriacao), "dd/MM/yyyy", { + locale: ptBR, + })} + </p> </div> <div> <h3 className="text-lg font-medium">Última Atualização</h3> - <p className="text-gray-700 dark:text-gray-300">{format(new Date(processo.dataAtualizacao), 'dd/MM/yyyy', { locale: ptBR })}</p> + <p className="text-gray-700 dark:text-gray-300"> + {format(new Date(processo.dataAtualizacao), "dd/MM/yyyy", { + locale: ptBR, + })} + </p> </div> </div> </div> @@ -138,7 +172,9 @@ export const ProcessoView: React.FC = () => { <div className="bg-white dark:bg-gray-800 rounded-lg shadow p-6"> <h3 className="text-lg font-medium mb-4">Resultado</h3> <div className="flex items-center space-x-2"> - <span className={`px-2 py-1 text-sm rounded-full ${getResultadoColor(processo.resultado)}`}> + <span + className={`px-2 py-1 text-sm rounded-full ${getResultadoColor(processo.resultado)}`} + > {getResultadoLabel(processo.resultado)} </span> <select @@ -146,17 +182,17 @@ export const ProcessoView: React.FC = () => { onChange={async (e) => { try { await api.patch(`/processos/${processo.id}/resultado`, { - resultado: e.target.value + resultado: e.target.value, }); refetch(); // Atualizar dados do processo } catch (error) { - console.error('Erro ao atualizar resultado:', error); - alert('Erro ao atualizar resultado do processo'); + console.error("Erro ao atualizar resultado:", error); + alert("Erro ao atualizar resultado do processo"); } }} className="rounded-lg border-gray-300 text-sm" > - {resultadoOptions.map(option => ( + {resultadoOptions.map((option) => ( <option key={option.value} value={option.value}> {option.label} </option> @@ -166,4 +202,4 @@ export const ProcessoView: React.FC = () => { </div> </div> ); -}; \ No newline at end of file +}; diff --git a/src/components/processos/ProcessosList.tsx b/src/components/processos/ProcessosList.tsx index 75d1c90..f9298c7 100644 --- a/src/components/processos/ProcessosList.tsx +++ b/src/components/processos/ProcessosList.tsx @@ -1,9 +1,10 @@ +import { DocumentTextIcon, ClockIcon } from "@heroicons/react/24/outline"; import React from "react"; import { useNavigate } from "react-router-dom"; -import { Processo } from "../../types/entities"; + import { useProcessos } from "../../hooks/useProcessos"; +import { Processo } from "../../types/entities"; import { formatNumeroProcesso } from "../../utils/formatters"; -import { DocumentTextIcon, ClockIcon } from "@heroicons/react/24/outline"; interface ProcessosListProps { searchTerm: string; @@ -11,23 +12,26 @@ interface ProcessosListProps { } const resultadoLabel = { - NAO_JULGADO: 'Não Julgado', - PROCEDENTE: 'Procedente', - PARCIALMENTE_PROCEDENTE: 'Parcialmente Procedente', - IMPROCEDENTE: 'Improcedente', - SEM_ANALISE_MERITO: 'Sem Análise de Mérito' + NAO_JULGADO: "Não Julgado", + PROCEDENTE: "Procedente", + PARCIALMENTE_PROCEDENTE: "Parcialmente Procedente", + IMPROCEDENTE: "Improcedente", + SEM_ANALISE_MERITO: "Sem Análise de Mérito", }; const resultadoColor = { - NAO_JULGADO: 'bg-gray-100 text-gray-800', - PROCEDENTE: 'bg-green-100 text-green-800', - PARCIALMENTE_PROCEDENTE: 'bg-yellow-100 text-yellow-800', - IMPROCEDENTE: 'bg-red-100 text-red-800', - SEM_ANALISE_MERITO: 'bg-gray-100 text-gray-800' + NAO_JULGADO: "bg-gray-100 text-gray-800", + PROCEDENTE: "bg-green-100 text-green-800", + PARCIALMENTE_PROCEDENTE: "bg-yellow-100 text-yellow-800", + IMPROCEDENTE: "bg-red-100 text-red-800", + SEM_ANALISE_MERITO: "bg-gray-100 text-gray-800", }; const getResultadoColor = (resultado: string) => { - return resultadoColor[resultado as keyof typeof resultadoColor] || 'bg-gray-100 text-gray-800'; + return ( + resultadoColor[resultado as keyof typeof resultadoColor] || + "bg-gray-100 text-gray-800" + ); }; export const ProcessosList: React.FC<ProcessosListProps> = ({ @@ -46,7 +50,10 @@ export const ProcessosList: React.FC<ProcessosListProps> = ({ ); const getResultadoDisplay = (processo: Processo) => { - if (!processo.resultado || !resultadoLabel[processo.resultado as keyof typeof resultadoLabel]) { + if ( + !processo.resultado || + !resultadoLabel[processo.resultado as keyof typeof resultadoLabel] + ) { return ( <span className="px-2 py-1 text-xs rounded-full bg-gray-100 text-gray-800"> Não Julgado @@ -55,7 +62,9 @@ export const ProcessosList: React.FC<ProcessosListProps> = ({ } return ( - <span className={`px-2 py-1 text-xs rounded-full ${getResultadoColor(processo.resultado)}`}> + <span + className={`px-2 py-1 text-xs rounded-full ${getResultadoColor(processo.resultado)}`} + > {resultadoLabel[processo.resultado as keyof typeof resultadoLabel]} </span> ); diff --git a/src/components/processos/ProcessosPage.tsx b/src/components/processos/ProcessosPage.tsx index ca34236..c5df43c 100644 --- a/src/components/processos/ProcessosPage.tsx +++ b/src/components/processos/ProcessosPage.tsx @@ -1,9 +1,11 @@ -import React, { useState } from "react"; import { PlusIcon, MagnifyingGlassIcon } from "@heroicons/react/24/outline"; -import { ProcessosList } from "./ProcessosList"; -import { ProcessoModal } from "./ProcessoModal"; +import React, { useState } from "react"; + import { Processo } from "../../types/entities"; +import { ProcessoModal } from "./ProcessoModal"; +import { ProcessosList } from "./ProcessosList"; + export const ProcessosPage: React.FC = () => { const [isModalOpen, setIsModalOpen] = useState(false); const [searchTerm, setSearchTerm] = useState(""); @@ -43,9 +45,7 @@ export const ProcessosPage: React.FC = () => { <div className="bg-white dark:bg-gray-800 rounded-lg shadow overflow-hidden"> <table className="min-w-full divide-y divide-gray-200 dark:divide-gray-700"> <thead className="bg-gray-50 dark:bg-gray-900"> - <tr> - {/* ...headers... */} - </tr> + <tr>{/* ...headers... */}</tr> </thead> <tbody className="divide-y divide-gray-200 dark:divide-gray-700"> {/* ...rows... */} diff --git a/src/components/processos/dialogs/DialogCustaProcessual.tsx b/src/components/processos/dialogs/DialogCustaProcessual.tsx index 8e19bb5..ef0f18c 100644 --- a/src/components/processos/dialogs/DialogCustaProcessual.tsx +++ b/src/components/processos/dialogs/DialogCustaProcessual.tsx @@ -6,12 +6,12 @@ import { Box, Typography, } from "@mui/material"; -import { useState, useEffect } from "react"; -import { TipoCustaProcessual, StatusPagamento } from "@prisma/client"; import { AdapterDateFns } from "@mui/x-date-pickers/AdapterDateFns"; -import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider"; import { DatePicker } from "@mui/x-date-pickers/DatePicker"; +import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider"; +import { TipoCustaProcessual, StatusPagamento } from "@prisma/client"; import ptBR from "date-fns/locale/pt-BR"; +import { useState, useEffect } from "react"; interface DialogCustaProcessualProps { open: boolean; diff --git a/src/components/processos/dialogs/DialogHonorario.tsx b/src/components/processos/dialogs/DialogHonorario.tsx index e83b60d..e714455 100644 --- a/src/components/processos/dialogs/DialogHonorario.tsx +++ b/src/components/processos/dialogs/DialogHonorario.tsx @@ -9,12 +9,13 @@ import { Select, Typography, } from "@mui/material"; -import { useState, useEffect } from "react"; -import { FormaPagamento, StatusPagamento } from "@prisma/client"; import { AdapterDateFns } from "@mui/x-date-pickers/AdapterDateFns"; -import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider"; import { DatePicker } from "@mui/x-date-pickers/DatePicker"; +import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider"; +import { FormaPagamento, StatusPagamento } from "@prisma/client"; import ptBR from "date-fns/locale/pt-BR"; +import { useState, useEffect } from "react"; + import { IHonorario, IHonorarioCreate } from "../types/financeiro"; interface DialogHonorarioProps { diff --git a/src/components/processos/dialogs/DialogParcela.tsx b/src/components/processos/dialogs/DialogParcela.tsx index 5ed4d9f..23da32a 100644 --- a/src/components/processos/dialogs/DialogParcela.tsx +++ b/src/components/processos/dialogs/DialogParcela.tsx @@ -1,12 +1,13 @@ -import { Fragment, useState } from "react"; import { Dialog, Transition } from "@headlessui/react"; import { XMarkIcon } from "@heroicons/react/24/outline"; import { DatePicker } from "@mui/x-date-pickers"; import { AdapterDateFns } from "@mui/x-date-pickers/AdapterDateFns"; import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider"; -import ptBR from "date-fns/locale/pt-BR"; -import { formatCurrency } from "../../../utils/format"; import { StatusPagamento } from "@prisma/client"; +import ptBR from "date-fns/locale/pt-BR"; +import { Fragment, useState } from "react"; + +import { formatCurrency } from "../../../utils/format"; interface ParcelaHonorario { id: string; diff --git a/src/components/processos/tables/CustasTable.tsx b/src/components/processos/tables/CustasTable.tsx index 545bf77..9c48f5f 100644 --- a/src/components/processos/tables/CustasTable.tsx +++ b/src/components/processos/tables/CustasTable.tsx @@ -1,4 +1,4 @@ -import { memo } from "react"; +import { Edit as EditIcon } from "@mui/icons-material"; import { Table, TableBody, @@ -8,7 +8,8 @@ import { Chip, IconButton, } from "@mui/material"; -import { Edit as EditIcon } from "@mui/icons-material"; +import { memo } from "react"; + import { formatCurrency, formatDate } from "../../../utils/format"; const CustasTable = memo(({ custas, onEdit, getStatusColor }) => { diff --git a/src/components/processosAdministrativos/CustaAdministrativaPanel.tsx b/src/components/processosAdministrativos/CustaAdministrativaPanel.tsx index 8f043cb..b8eed9b 100644 --- a/src/components/processosAdministrativos/CustaAdministrativaPanel.tsx +++ b/src/components/processosAdministrativos/CustaAdministrativaPanel.tsx @@ -1,31 +1,32 @@ -import { useState } from 'react'; -import { useQuery, useQueryClient } from 'react-query'; -import { formatCurrency } from '../../utils/format'; -import { Dialog } from '@headlessui/react'; -import { useForm } from 'react-hook-form'; -import { FormInput, FormSelect } from '../forms'; -import { PencilIcon, TrashIcon } from '@heroicons/react/24/outline'; -import api from '../../services/api'; +import { Dialog } from "@headlessui/react"; +import { PencilIcon, TrashIcon } from "@heroicons/react/24/outline"; +import { useState } from "react"; +import { useForm } from "react-hook-form"; +import { useQuery, useQueryClient } from "react-query"; + +import api from "../../services/api"; +import { formatCurrency } from "../../utils/format"; +import { FormInput, FormSelect } from "../forms"; // Função auxiliar para retornar as cores do status const getStatusColor = (status: string) => { const colors = { - PENDENTE: 'bg-yellow-100 text-yellow-800', - PAGO: 'bg-green-100 text-green-800', - VENCIDO: 'bg-red-100 text-red-800', - CANCELADO: 'bg-gray-100 text-gray-800', - PARCIALMENTE_PAGO: 'bg-blue-100 text-blue-800' + PENDENTE: "bg-yellow-100 text-yellow-800", + PAGO: "bg-green-100 text-green-800", + VENCIDO: "bg-red-100 text-red-800", + CANCELADO: "bg-gray-100 text-gray-800", + PARCIALMENTE_PAGO: "bg-blue-100 text-blue-800", }; return colors[status] || colors.PENDENTE; }; const TIPOS_CUSTA = [ - { value: 'TAXA_ADMINISTRATIVA', label: 'Taxa Administrativa' }, - { value: 'RECURSO', label: 'Recurso' }, - { value: 'DILIGENCIA', label: 'Diligência' }, - { value: 'CERTIDAO', label: 'Certidão' }, - { value: 'COPIA', label: 'Cópia' }, - { value: 'OUTROS', label: 'Outros' } + { value: "TAXA_ADMINISTRATIVA", label: "Taxa Administrativa" }, + { value: "RECURSO", label: "Recurso" }, + { value: "DILIGENCIA", label: "Diligência" }, + { value: "CERTIDAO", label: "Certidão" }, + { value: "COPIA", label: "Cópia" }, + { value: "OUTROS", label: "Outros" }, ]; export function CustaAdministrativaPanel({ processoId }) { @@ -35,18 +36,23 @@ export function CustaAdministrativaPanel({ processoId }) { const queryClient = useQueryClient(); const { data: custas, isLoading } = useQuery( - ['custas-administrativas', processoId], + ["custas-administrativas", processoId], async () => { - const response = await api.get(`/processos-administrativos/${processoId}/custas`); + const response = await api.get( + `/processos-administrativos/${processoId}/custas`, + ); return response.data; - } + }, ); const handleEdit = (custa) => { setSelectedCusta(custa); - Object.keys(custa).forEach(key => { - if (key === 'vencimento' || key === 'dataPagamento') { - setValue(key, custa[key] ? new Date(custa[key]).toISOString().split('T')[0] : ''); + Object.keys(custa).forEach((key) => { + if (key === "vencimento" || key === "dataPagamento") { + setValue( + key, + custa[key] ? new Date(custa[key]).toISOString().split("T")[0] : "", + ); } else { setValue(key, custa[key]); } @@ -55,12 +61,14 @@ export function CustaAdministrativaPanel({ processoId }) { }; const handleDelete = async (id) => { - if (window.confirm('Tem certeza que deseja excluir esta custa?')) { + if (window.confirm("Tem certeza que deseja excluir esta custa?")) { try { - await api.delete(`/processos-administrativos/${processoId}/custas/${id}`); - queryClient.invalidateQueries(['custas-administrativas', processoId]); + await api.delete( + `/processos-administrativos/${processoId}/custas/${id}`, + ); + queryClient.invalidateQueries(["custas-administrativas", processoId]); } catch (error) { - console.error('Erro ao excluir custa:', error); + console.error("Erro ao excluir custa:", error); } } }; @@ -70,23 +78,33 @@ export function CustaAdministrativaPanel({ processoId }) { // Formatar as datas antes de enviar const formattedData = { ...data, - vencimento: data.vencimento ? new Date(data.vencimento).toISOString() : null, - dataPagamento: data.dataPagamento ? new Date(data.dataPagamento).toISOString() : null, - valor: Number(data.valor) + vencimento: data.vencimento + ? new Date(data.vencimento).toISOString() + : null, + dataPagamento: data.dataPagamento + ? new Date(data.dataPagamento).toISOString() + : null, + valor: Number(data.valor), }; if (selectedCusta) { - await api.put(`/processos-administrativos/${processoId}/custas/${selectedCusta.id}`, formattedData); + await api.put( + `/processos-administrativos/${processoId}/custas/${selectedCusta.id}`, + formattedData, + ); } else { - await api.post(`/processos-administrativos/${processoId}/custas`, formattedData); + await api.post( + `/processos-administrativos/${processoId}/custas`, + formattedData, + ); } - - queryClient.invalidateQueries(['custas-administrativas', processoId]); + + queryClient.invalidateQueries(["custas-administrativas", processoId]); setIsModalOpen(false); setSelectedCusta(null); reset(); } catch (error) { - console.error('Erro ao salvar custa:', error); + console.error("Erro ao salvar custa:", error); } }; @@ -108,27 +126,49 @@ export function CustaAdministrativaPanel({ processoId }) { <table className="min-w-full divide-y divide-gray-300"> <thead className="bg-gray-50"> <tr> - <th className="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">Tipo</th> - <th className="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">Descrição</th> - <th className="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">Valor</th> - <th className="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">Status</th> - <th className="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">Vencimento</th> - <th className="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">Ações</th> + <th className="px-3 py-3.5 text-left text-sm font-semibold text-gray-900"> + Tipo + </th> + <th className="px-3 py-3.5 text-left text-sm font-semibold text-gray-900"> + Descrição + </th> + <th className="px-3 py-3.5 text-left text-sm font-semibold text-gray-900"> + Valor + </th> + <th className="px-3 py-3.5 text-left text-sm font-semibold text-gray-900"> + Status + </th> + <th className="px-3 py-3.5 text-left text-sm font-semibold text-gray-900"> + Vencimento + </th> + <th className="px-3 py-3.5 text-left text-sm font-semibold text-gray-900"> + Ações + </th> </tr> </thead> <tbody className="divide-y divide-gray-200 bg-white"> {custas?.map((custa) => ( <tr key={custa.id}> - <td className="px-3 py-4 text-sm text-gray-900">{custa.tipo}</td> - <td className="px-3 py-4 text-sm text-gray-500">{custa.descricao}</td> - <td className="px-3 py-4 text-sm text-gray-900">{formatCurrency(custa.valor)}</td> + <td className="px-3 py-4 text-sm text-gray-900"> + {custa.tipo} + </td> + <td className="px-3 py-4 text-sm text-gray-500"> + {custa.descricao} + </td> + <td className="px-3 py-4 text-sm text-gray-900"> + {formatCurrency(custa.valor)} + </td> <td className="px-3 py-4 text-sm"> - <span className={`px-2 py-1 rounded-full text-xs ${getStatusColor(custa.status)}`}> + <span + className={`px-2 py-1 rounded-full text-xs ${getStatusColor(custa.status)}`} + > {custa.status} </span> </td> <td className="px-3 py-4 text-sm text-gray-500"> - {custa.vencimento ? new Date(custa.vencimento).toLocaleDateString() : '-'} + {custa.vencimento + ? new Date(custa.vencimento).toLocaleDateString() + : "-"} </td> <td className="px-3 py-4 text-sm"> <div className="flex space-x-2"> @@ -153,17 +193,20 @@ export function CustaAdministrativaPanel({ processoId }) { </div> {/* Modal de Custa */} - <Dialog open={isModalOpen} onClose={() => { - setIsModalOpen(false); - setSelectedCusta(null); - reset(); - }}> + <Dialog + open={isModalOpen} + onClose={() => { + setIsModalOpen(false); + setSelectedCusta(null); + reset(); + }} + > <div className="fixed inset-0 bg-black/30" aria-hidden="true" /> - + <div className="fixed inset-0 flex items-center justify-center p-4"> <Dialog.Panel className="mx-auto max-w-2xl w-full bg-white rounded-xl p-6"> <Dialog.Title className="text-lg font-semibold mb-4"> - {selectedCusta ? 'Editar Custa' : 'Nova Custa'} + {selectedCusta ? "Editar Custa" : "Nova Custa"} </Dialog.Title> <form onSubmit={handleSubmit(onSubmit)} className="space-y-4"> @@ -195,10 +238,10 @@ export function CustaAdministrativaPanel({ processoId }) { label="Status" {...register("status")} options={[ - { value: 'PENDENTE', label: 'Pendente' }, - { value: 'PAGO', label: 'Pago' }, - { value: 'VENCIDO', label: 'Vencido' }, - { value: 'CANCELADO', label: 'Cancelado' } + { value: "PENDENTE", label: "Pendente" }, + { value: "PAGO", label: "Pago" }, + { value: "VENCIDO", label: "Vencido" }, + { value: "CANCELADO", label: "Cancelado" }, ]} /> diff --git a/src/components/processosAdministrativos/MovimentacaoAdminActions.tsx b/src/components/processosAdministrativos/MovimentacaoAdminActions.tsx index a8210f5..0714b0b 100644 --- a/src/components/processosAdministrativos/MovimentacaoAdminActions.tsx +++ b/src/components/processosAdministrativos/MovimentacaoAdminActions.tsx @@ -1,7 +1,8 @@ -import { Menu, Transition } from '@headlessui/react'; -import { EllipsisVerticalIcon } from '@heroicons/react/24/outline'; -import { Fragment } from 'react'; -import { MovimentacaoAdministrativa } from '../../types/processoAdministrativo'; +import { Menu, Transition } from "@headlessui/react"; +import { EllipsisVerticalIcon } from "@heroicons/react/24/outline"; +import { Fragment } from "react"; + +import { MovimentacaoAdministrativa } from "../../types/processoAdministrativo"; interface MovimentacaoAdminActionsProps { movimentacao: MovimentacaoAdministrativa; @@ -9,13 +10,17 @@ interface MovimentacaoAdminActionsProps { onDelete: (id: string) => void; } -export function MovimentacaoAdminActions({ movimentacao, onEdit, onDelete }: MovimentacaoAdminActionsProps) { +export function MovimentacaoAdminActions({ + movimentacao, + onEdit, + onDelete, +}: MovimentacaoAdminActionsProps) { return ( <Menu as="div" className="relative"> <Menu.Button className="p-1 rounded-full hover:bg-gray-100"> <EllipsisVerticalIcon className="h-5 w-5 text-gray-400" /> </Menu.Button> - + <Transition as={Fragment} enter="transition ease-out duration-100" @@ -31,7 +36,7 @@ export function MovimentacaoAdminActions({ movimentacao, onEdit, onDelete }: Mov <button onClick={() => onEdit(movimentacao)} className={`${ - active ? 'bg-gray-100' : '' + active ? "bg-gray-100" : "" } block px-4 py-2 text-sm text-gray-700 w-full text-left`} > Editar @@ -43,7 +48,7 @@ export function MovimentacaoAdminActions({ movimentacao, onEdit, onDelete }: Mov <button onClick={() => onDelete(movimentacao.id)} className={`${ - active ? 'bg-gray-100' : '' + active ? "bg-gray-100" : "" } block px-4 py-2 text-sm text-red-600 w-full text-left`} > Excluir diff --git a/src/components/processosAdministrativos/MovimentacaoAdministrativaDialog.tsx b/src/components/processosAdministrativos/MovimentacaoAdministrativaDialog.tsx index 14055ef..ebc391c 100644 --- a/src/components/processosAdministrativos/MovimentacaoAdministrativaDialog.tsx +++ b/src/components/processosAdministrativos/MovimentacaoAdministrativaDialog.tsx @@ -1,5 +1,6 @@ import { Dialog } from "@headlessui/react"; import { useState, useEffect } from "react"; + import { MovimentacaoAdministrativa } from "../../types/processoAdministrativo"; interface MovimentacaoAdministrativaDialogProps { @@ -10,43 +11,43 @@ interface MovimentacaoAdministrativaDialogProps { } const TIPOS_MOVIMENTACAO = [ - 'DESPACHO', - 'DECISÃO', - 'NOTIFICAÇÃO', - 'MANIFESTAÇÃO', - 'RECURSO', - 'OUTROS' + "DESPACHO", + "DECISÃO", + "NOTIFICAÇÃO", + "MANIFESTAÇÃO", + "RECURSO", + "OUTROS", ] as const; export function MovimentacaoAdministrativaDialog({ isOpen, onClose, onSave, - movimentacao + movimentacao, }: MovimentacaoAdministrativaDialogProps) { const [formData, setFormData] = useState({ data: new Date(), - descricao: '', - tipoMovimentacao: '', - numero: '', + descricao: "", + tipoMovimentacao: "", + numero: "", documentos: [] as string[], - observacoes: '' + observacoes: "", }); useEffect(() => { if (movimentacao) { setFormData({ ...movimentacao, - data: new Date(movimentacao.data) + data: new Date(movimentacao.data), }); } else { setFormData({ data: new Date(), - descricao: '', - tipoMovimentacao: '', - numero: '', + descricao: "", + tipoMovimentacao: "", + numero: "", documentos: [], - observacoes: '' + observacoes: "", }); } }, [movimentacao]); @@ -60,26 +61,26 @@ export function MovimentacaoAdministrativaDialog({ try { // Validações if (!formData.descricao) { - setFormError('A descrição é obrigatória'); + setFormError("A descrição é obrigatória"); return; } if (!formData.tipoMovimentacao) { - setFormError('O tipo de movimentação é obrigatório'); + setFormError("O tipo de movimentação é obrigatório"); return; } await onSave(formData); onClose(); } catch (error) { - console.error('Erro ao salvar movimentação:', error); - setFormError('Erro ao salvar movimentação. Tente novamente.'); + console.error("Erro ao salvar movimentação:", error); + setFormError("Erro ao salvar movimentação. Tente novamente."); } }; return ( <Dialog open={isOpen} onClose={onClose} className="relative z-50"> <div className="fixed inset-0 bg-black/30" aria-hidden="true" /> - + <div className="fixed inset-0 flex items-center justify-center p-4"> <Dialog.Panel className="mx-auto max-w-lg rounded-lg bg-white p-6"> <Dialog.Title className="text-lg font-medium mb-4"> @@ -96,10 +97,12 @@ export function MovimentacaoAdministrativaDialog({ type="datetime-local" className="w-full rounded-lg border-gray-300" value={formData.data.toISOString().slice(0, 16)} - onChange={(e) => setFormData({ - ...formData, - data: new Date(e.target.value) - })} + onChange={(e) => + setFormData({ + ...formData, + data: new Date(e.target.value), + }) + } required /> </div> @@ -111,10 +114,12 @@ export function MovimentacaoAdministrativaDialog({ <select className="w-full rounded-lg border-gray-300" value={formData.tipoMovimentacao} - onChange={(e) => setFormData({ - ...formData, - tipoMovimentacao: e.target.value - })} + onChange={(e) => + setFormData({ + ...formData, + tipoMovimentacao: e.target.value, + }) + } required > <option value="">Selecione...</option> @@ -134,10 +139,12 @@ export function MovimentacaoAdministrativaDialog({ type="text" className="w-full rounded-lg border-gray-300" value={formData.numero} - onChange={(e) => setFormData({ - ...formData, - numero: e.target.value - })} + onChange={(e) => + setFormData({ + ...formData, + numero: e.target.value, + }) + } /> </div> @@ -149,10 +156,12 @@ export function MovimentacaoAdministrativaDialog({ className="w-full rounded-lg border-gray-300" rows={3} value={formData.descricao} - onChange={(e) => setFormData({ - ...formData, - descricao: e.target.value - })} + onChange={(e) => + setFormData({ + ...formData, + descricao: e.target.value, + }) + } required /> </div> @@ -165,10 +174,12 @@ export function MovimentacaoAdministrativaDialog({ className="w-full rounded-lg border-gray-300" rows={2} value={formData.observacoes} - onChange={(e) => setFormData({ - ...formData, - observacoes: e.target.value - })} + onChange={(e) => + setFormData({ + ...formData, + observacoes: e.target.value, + }) + } /> </div> </div> diff --git a/src/components/processosAdministrativos/ProcessoAdminDetalhes.tsx b/src/components/processosAdministrativos/ProcessoAdminDetalhes.tsx index e181252..4cd07bc 100644 --- a/src/components/processosAdministrativos/ProcessoAdminDetalhes.tsx +++ b/src/components/processosAdministrativos/ProcessoAdminDetalhes.tsx @@ -1,8 +1,4 @@ -import { useState } from "react"; -import { useParams, useNavigate } from "react-router-dom"; -import { useQuery, useQueryClient } from "react-query"; import { Tab } from "@headlessui/react"; -import { classNames } from "../../utils/classNames"; import { ArrowLeftIcon, DocumentTextIcon, @@ -11,13 +7,19 @@ import { TrashIcon, CurrencyDollarIcon, } from "@heroicons/react/24/outline"; -import { formatCurrency } from "../../utils/format"; +import { useState } from "react"; +import { useQuery, useQueryClient } from "react-query"; +import { useParams, useNavigate } from "react-router-dom"; + import { useProcessosAdministrativos } from "../../hooks/useProcessosAdministrativos"; -import { ProcessoAdminModal } from "./ProcessoAdminModal"; -import { MovimentacaoAdministrativaDialog } from "./MovimentacaoAdministrativaDialog"; -import { MovimentacaoAdminActions } from "./MovimentacaoAdminActions"; // Adicionar esta importação import api from "../../services/api"; +import { classNames } from "../../utils/classNames"; +import { formatCurrency } from "../../utils/format"; + import { CustaAdministrativaPanel } from "./CustaAdministrativaPanel"; +import { MovimentacaoAdminActions } from "./MovimentacaoAdminActions"; // Adicionar esta importação +import { MovimentacaoAdministrativaDialog } from "./MovimentacaoAdministrativaDialog"; +import { ProcessoAdminModal } from "./ProcessoAdminModal"; const tabs = [ { id: "geral", name: "Informações Gerais", icon: DocumentTextIcon }, @@ -33,7 +35,8 @@ export function ProcessoAdminDetalhes() { const [isMovimentacaoModalOpen, setIsMovimentacaoModalOpen] = useState(false); const [isEditModalOpen, setIsEditModalOpen] = useState(false); const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false); - const [movimentacaoParaEditar, setMovimentacaoParaEditar] = useState<MovimentacaoAdministrativa | null>(null); + const [movimentacaoParaEditar, setMovimentacaoParaEditar] = + useState<MovimentacaoAdministrativa | null>(null); // Se o id for "novo", renderizar diretamente o modal de criação if (id === "novo") { @@ -46,7 +49,11 @@ export function ProcessoAdminDetalhes() { ); } - const { data: processo, isLoading, error } = useQuery( + const { + data: processo, + isLoading, + error, + } = useQuery( ["processo-administrativo", id], async () => { const response = await api.get(`/processos-administrativos/${id}`); @@ -57,8 +64,8 @@ export function ProcessoAdminDetalhes() { retry: 2, // Tenta no máximo 2 vezes em caso de erro onError: (error) => { console.error("Erro ao carregar processo:", error); - } - } + }, + }, ); const { deleteProcesso } = useProcessosAdministrativos(); @@ -85,7 +92,10 @@ export function ProcessoAdminDetalhes() { const handleEditMovimentacao = async (data: any) => { try { // Atualizar URL para usar a nova rota - await api.put(`/processos-administrativos/movimentacoes/${data.id}`, data); + await api.put( + `/processos-administrativos/movimentacoes/${data.id}`, + data, + ); queryClient.invalidateQueries(["processo-administrativo", id]); setMovimentacaoParaEditar(null); } catch (error) { @@ -95,10 +105,12 @@ export function ProcessoAdminDetalhes() { const handleDeleteMovimentacao = async (movimentacaoId: string) => { if (!window.confirm("Deseja realmente excluir esta movimentação?")) return; - + try { // Atualizar URL para usar a nova rota - await api.delete(`/processos-administrativos/movimentacoes/${movimentacaoId}`); + await api.delete( + `/processos-administrativos/movimentacoes/${movimentacaoId}`, + ); queryClient.invalidateQueries(["processo-administrativo", id]); } catch (error) { console.error("Erro ao excluir movimentação:", error); @@ -158,7 +170,7 @@ export function ProcessoAdminDetalhes() { "flex items-center justify-center", selected ? "bg-white text-blue-700 shadow" - : "text-gray-600 hover:bg-white/[0.12] hover:text-blue-600" + : "text-gray-600 hover:bg-white/[0.12] hover:text-blue-600", ) } > @@ -176,7 +188,9 @@ export function ProcessoAdminDetalhes() { <dt className="text-sm font-medium text-gray-500"> Número/Protocolo </dt> - <dd className="mt-1 text-sm text-gray-900">{processo.numero}</dd> + <dd className="mt-1 text-sm text-gray-900"> + {processo.numero} + </dd> </div> <div> <dt className="text-sm font-medium text-gray-500">Órgão</dt> @@ -184,7 +198,9 @@ export function ProcessoAdminDetalhes() { </div> <div> <dt className="text-sm font-medium text-gray-500">Status</dt> - <dd className="mt-1 text-sm text-gray-900">{processo.status}</dd> + <dd className="mt-1 text-sm text-gray-900"> + {processo.status} + </dd> </div> <div> <dt className="text-sm font-medium text-gray-500"> @@ -203,7 +219,9 @@ export function ProcessoAdminDetalhes() { </dd> </div> <div className="col-span-2"> - <dt className="text-sm font-medium text-gray-500">Observações</dt> + <dt className="text-sm font-medium text-gray-500"> + Observações + </dt> <dd className="mt-1 text-sm text-gray-900"> {processo.observacoes || "-"} </dd> @@ -214,7 +232,9 @@ export function ProcessoAdminDetalhes() { {/* Movimentações */} <Tab.Panel className="bg-white rounded-xl p-6"> <div className="flex justify-between items-center mb-4"> - <h3 className="text-lg font-medium text-gray-900">Movimentações</h3> + <h3 className="text-lg font-medium text-gray-900"> + Movimentações + </h3> <button onClick={() => setIsMovimentacaoModalOpen(true)} className="flex items-center px-4 py-2 text-sm text-blue-600 hover:bg-blue-50 rounded-lg" @@ -244,7 +264,9 @@ export function ProcessoAdminDetalhes() { <div className="min-w-0 flex-1"> <div className="flex justify-between items-start"> <div className="text-sm text-gray-500"> - <time>{new Date(mov.data).toLocaleDateString()}</time> + <time> + {new Date(mov.data).toLocaleDateString()} + </time> </div> <MovimentacaoAdminActions movimentacao={mov} @@ -306,4 +328,4 @@ export function ProcessoAdminDetalhes() { /> </div> ); -} \ No newline at end of file +} diff --git a/src/components/processosAdministrativos/ProcessoAdminModal.tsx b/src/components/processosAdministrativos/ProcessoAdminModal.tsx index bd845a6..2228a03 100644 --- a/src/components/processosAdministrativos/ProcessoAdminModal.tsx +++ b/src/components/processosAdministrativos/ProcessoAdminModal.tsx @@ -1,11 +1,15 @@ import { Dialog } from "@headlessui/react"; -import { useForm } from "react-hook-form"; -import { ProcessoAdministrativo, StatusProcessoAdministrativo } from "../../types/processoAdministrativo"; -import { useProcessosAdministrativos } from "../../hooks/useProcessosAdministrativos"; -import { useClientes } from "../../hooks/useClientes"; -import { FormInput, FormSelect } from "../forms"; -import { TipoParte } from "../../types/entities"; import { useState, useEffect } from "react"; +import { useForm } from "react-hook-form"; + +import { useClientes } from "../../hooks/useClientes"; +import { useProcessosAdministrativos } from "../../hooks/useProcessosAdministrativos"; +import { TipoParte } from "../../types/entities"; +import { + ProcessoAdministrativo, + StatusProcessoAdministrativo, +} from "../../types/processoAdministrativo"; +import { FormInput, FormSelect } from "../forms"; interface ProcessoAdminModalProps { isOpen: boolean; @@ -14,11 +18,11 @@ interface ProcessoAdminModalProps { onSuccess?: () => void; } -export function ProcessoAdminModal({ - isOpen, - onClose, - processo, - onSuccess +export function ProcessoAdminModal({ + isOpen, + onClose, + processo, + onSuccess, }: ProcessoAdminModalProps) { const { register, handleSubmit, setValue, reset } = useForm(); const { createProcesso, updateProcesso } = useProcessosAdministrativos(); @@ -29,7 +33,11 @@ export function ProcessoAdminModal({ useEffect(() => { if (isOpen && processo) { Object.keys(processo).forEach((key) => { - if (key !== "id" && key !== "dataCriacao" && key !== "dataAtualizacao") { + if ( + key !== "id" && + key !== "dataCriacao" && + key !== "dataAtualizacao" + ) { setValue(key, processo[key]); } }); @@ -52,13 +60,15 @@ export function ProcessoAdminModal({ console.log("Dados do formulário:", data); // Adicionar log const processData = { ...data, - valorPretensao: data.valorPretensao ? Number(data.valorPretensao) : null, + valorPretensao: data.valorPretensao + ? Number(data.valorPretensao) + : null, }; if (processo) { - await updateProcesso.mutateAsync({ - id: processo.id, - data: processData + await updateProcesso.mutateAsync({ + id: processo.id, + data: processData, }); } else { await createProcesso.mutateAsync(processData); @@ -78,7 +88,9 @@ export function ProcessoAdminModal({ <div className="fixed inset-0 flex items-center justify-center p-4"> <Dialog.Panel className="mx-auto max-w-2xl w-full bg-white rounded-xl p-6"> <Dialog.Title className="text-lg font-semibold mb-4"> - {processo ? "Editar Processo Administrativo" : "Novo Processo Administrativo"} + {processo + ? "Editar Processo Administrativo" + : "Novo Processo Administrativo"} </Dialog.Title> <form onSubmit={handleSubmit(onSubmit)} className="space-y-4"> @@ -93,9 +105,9 @@ export function ProcessoAdminModal({ label="Cliente" required {...register("clienteId")} - options={clientes.map(c => ({ + options={clientes.map((c) => ({ value: c.id, - label: `${c.nome} (${c.cpfCnpj})` + label: `${c.nome} (${c.cpfCnpj})`, }))} /> @@ -105,15 +117,11 @@ export function ProcessoAdminModal({ {...register("tipoParteCliente")} options={[ { value: TipoParte.AUTOR, label: "Autor" }, - { value: TipoParte.REU, label: "Réu" } + { value: TipoParte.REU, label: "Réu" }, ]} /> - <FormInput - label="Órgão" - required - {...register("orgao")} - /> + <FormInput label="Órgão" required {...register("orgao")} /> <div className="col-span-2"> <FormInput @@ -136,10 +144,12 @@ export function ProcessoAdminModal({ label="Status" required {...register("status")} - options={Object.values(StatusProcessoAdministrativo).map(status => ({ - value: status, - label: status.replace(/_/g, " ") - }))} + options={Object.values(StatusProcessoAdministrativo).map( + (status) => ({ + value: status, + label: status.replace(/_/g, " "), + }), + )} /> <div className="col-span-2"> diff --git a/src/components/processosAdministrativos/ProcessoAdministrativoList.tsx b/src/components/processosAdministrativos/ProcessoAdministrativoList.tsx index b0d99c2..3e09418 100644 --- a/src/components/processosAdministrativos/ProcessoAdministrativoList.tsx +++ b/src/components/processosAdministrativos/ProcessoAdministrativoList.tsx @@ -1,19 +1,23 @@ -import { useNavigate } from "react-router-dom"; import { DocumentTextIcon } from "@heroicons/react/24/outline"; +import { useNavigate } from "react-router-dom"; + import { useProcessosAdministrativos } from "../../hooks/useProcessosAdministrativos"; +import { + ProcessoAdministrativo, + StatusProcessoAdministrativo, +} from "../../types/processoAdministrativo"; import { formatCurrency } from "../../utils/format"; -import { ProcessoAdministrativo, StatusProcessoAdministrativo } from "../../types/processoAdministrativo"; const statusColor = { - [StatusProcessoAdministrativo.INICIAL]: 'bg-yellow-100 text-yellow-800', - [StatusProcessoAdministrativo.EM_ANALISE]: 'bg-blue-100 text-blue-800', - [StatusProcessoAdministrativo.EM_RECURSO]: 'bg-purple-100 text-purple-800', - [StatusProcessoAdministrativo.FINALIZADO]: 'bg-green-100 text-green-800', - [StatusProcessoAdministrativo.ARQUIVADO]: 'bg-gray-100 text-gray-800' + [StatusProcessoAdministrativo.INICIAL]: "bg-yellow-100 text-yellow-800", + [StatusProcessoAdministrativo.EM_ANALISE]: "bg-blue-100 text-blue-800", + [StatusProcessoAdministrativo.EM_RECURSO]: "bg-purple-100 text-purple-800", + [StatusProcessoAdministrativo.FINALIZADO]: "bg-green-100 text-green-800", + [StatusProcessoAdministrativo.ARQUIVADO]: "bg-gray-100 text-gray-800", }; export function ProcessoAdministrativoList() { - console.log('Renderizando ProcessoAdministrativoList'); + console.log("Renderizando ProcessoAdministrativoList"); const navigate = useNavigate(); const { processos, isLoading } = useProcessosAdministrativos(); @@ -25,7 +29,9 @@ export function ProcessoAdministrativoList() { <div className="px-4 sm:px-6 lg:px-8"> <div className="sm:flex sm:items-center"> <div className="sm:flex-auto"> - <h1 className="text-xl font-semibold text-gray-900">Processos Administrativos</h1> + <h1 className="text-xl font-semibold text-gray-900"> + Processos Administrativos + </h1> </div> <div className="mt-4 sm:mt-0 sm:ml-16 sm:flex-none"> <button @@ -45,19 +51,34 @@ export function ProcessoAdministrativoList() { <table className="min-w-full divide-y divide-gray-300"> <thead className="bg-gray-50"> <tr> - <th scope="col" className="px-3 py-3.5 text-left text-sm font-semibold text-gray-900"> + <th + scope="col" + className="px-3 py-3.5 text-left text-sm font-semibold text-gray-900" + > Número/Protocolo </th> - <th scope="col" className="px-3 py-3.5 text-left text-sm font-semibold text-gray-900"> + <th + scope="col" + className="px-3 py-3.5 text-left text-sm font-semibold text-gray-900" + > Órgão </th> - <th scope="col" className="px-3 py-3.5 text-left text-sm font-semibold text-gray-900"> + <th + scope="col" + className="px-3 py-3.5 text-left text-sm font-semibold text-gray-900" + > Status </th> - <th scope="col" className="px-3 py-3.5 text-left text-sm font-semibold text-gray-900"> + <th + scope="col" + className="px-3 py-3.5 text-left text-sm font-semibold text-gray-900" + > Valor Pretensão </th> - <th scope="col" className="relative py-3.5 pl-3 pr-4 sm:pr-6"> + <th + scope="col" + className="relative py-3.5 pl-3 pr-4 sm:pr-6" + > <span className="sr-only">Ações</span> </th> </tr> @@ -72,16 +93,24 @@ export function ProcessoAdministrativoList() { {processo.orgao} </td> <td className="whitespace-nowrap px-3 py-4 text-sm"> - <span className={`px-2 inline-flex text-xs leading-5 font-semibold rounded-full ${statusColor[processo.status]}`}> + <span + className={`px-2 inline-flex text-xs leading-5 font-semibold rounded-full ${statusColor[processo.status]}`} + > {processo.status} </span> </td> <td className="whitespace-nowrap px-3 py-4 text-sm text-gray-500"> - {processo.valorPretensao ? formatCurrency(processo.valorPretensao) : '-'} + {processo.valorPretensao + ? formatCurrency(processo.valorPretensao) + : "-"} </td> <td className="relative whitespace-nowrap py-4 pl-3 pr-4 text-right text-sm font-medium sm:pr-6"> <button - onClick={() => navigate(`/processos-administrativos/${processo.id}`)} + onClick={() => + navigate( + `/processos-administrativos/${processo.id}`, + ) + } className="text-blue-600 hover:text-blue-900" > Visualizar diff --git a/src/components/provas/AdminProvas.tsx b/src/components/provas/AdminProvas.tsx index 6a7402c..1ecf1bf 100644 --- a/src/components/provas/AdminProvas.tsx +++ b/src/components/provas/AdminProvas.tsx @@ -1,25 +1,23 @@ -import { useQuery } from 'react-query'; -import { format } from 'date-fns'; -import { Card } from '../../components/ui/Card'; +import { format } from "date-fns"; +import { useQuery } from "react-query"; + +import { Card } from "../../components/ui/Card"; //import { Prova } from '../../types/prova'; export interface Prova { id: string; fileName: string; - status: 'PENDENTE' | 'PROCESSANDO' | 'CONCLUIDO' | 'ERRO'; + status: "PENDENTE" | "PROCESSANDO" | "CONCLUIDO" | "ERRO"; dataCriacao: string; checksumSha256: string; error?: string; } export function AdminProvas() { - const { data: provas, isLoading } = useQuery<Prova[]>( - 'provas', - async () => { - const response = await fetch('/api/provas/admin'); - return response.json(); - } - ); + const { data: provas, isLoading } = useQuery<Prova[]>("provas", async () => { + const response = await fetch("/api/provas/admin"); + return response.json(); + }); if (isLoading) return <div>Carregando...</div>; @@ -28,9 +26,12 @@ export function AdminProvas() { <Card> <div className="sm:flex sm:items-center"> <div className="sm:flex-auto"> - <h1 className="text-xl font-semibold text-gray-900">Documentos Validados</h1> + <h1 className="text-xl font-semibold text-gray-900"> + Documentos Validados + </h1> <p className="mt-2 text-sm text-gray-700"> - Lista de todos os documentos processados pelo sistema de validação. + Lista de todos os documentos processados pelo sistema de + validação. </p> </div> </div> @@ -39,10 +40,18 @@ export function AdminProvas() { <table className="min-w-full divide-y divide-gray-300"> <thead> <tr> - <th className="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">Arquivo</th> - <th className="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">Status</th> - <th className="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">Data</th> - <th className="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">Ações</th> + <th className="px-3 py-3.5 text-left text-sm font-semibold text-gray-900"> + Arquivo + </th> + <th className="px-3 py-3.5 text-left text-sm font-semibold text-gray-900"> + Status + </th> + <th className="px-3 py-3.5 text-left text-sm font-semibold text-gray-900"> + Data + </th> + <th className="px-3 py-3.5 text-left text-sm font-semibold text-gray-900"> + Ações + </th> </tr> </thead> <tbody className="divide-y divide-gray-200 bg-white"> @@ -55,11 +64,11 @@ export function AdminProvas() { <StatusBadge status={prova.status} /> </td> <td className="whitespace-nowrap px-3 py-4 text-sm text-gray-500"> - {format(new Date(prova.dataCriacao), 'dd/MM/yyyy HH:mm')} + {format(new Date(prova.dataCriacao), "dd/MM/yyyy HH:mm")} </td> <td className="whitespace-nowrap px-3 py-4 text-sm"> <div className="flex space-x-2"> - {prova.status === 'CONCLUIDO' && ( + {prova.status === "CONCLUIDO" && ( <> <a href={`/api/provas/relatorio/${prova.checksumSha256}`} @@ -79,12 +88,15 @@ export function AdminProvas() { </a> </> )} - {prova.status === 'ERRO' && ( + {prova.status === "ERRO" && ( <span className="text-red-600"> - {prova.error ? prova.error.substring(0, 50) + "..." : "Erro desconhecido"} + {prova.error + ? prova.error.substring(0, 50) + "..." + : "Erro desconhecido"} </span> )} - {(prova.status === 'PENDENTE' || prova.status === 'PROCESSANDO') && ( + {(prova.status === "PENDENTE" || + prova.status === "PROCESSANDO") && ( <span className="text-blue-600">Processando...</span> )} </div> @@ -99,16 +111,18 @@ export function AdminProvas() { ); } -function StatusBadge({ status }: { status: Prova['status'] }) { +function StatusBadge({ status }: { status: Prova["status"] }) { const colors = { - PENDENTE: 'bg-yellow-100 text-yellow-800', - PROCESSANDO: 'bg-blue-100 text-blue-800', - CONCLUIDO: 'bg-green-100 text-green-800', - ERRO: 'bg-red-100 text-red-800' + PENDENTE: "bg-yellow-100 text-yellow-800", + PROCESSANDO: "bg-blue-100 text-blue-800", + CONCLUIDO: "bg-green-100 text-green-800", + ERRO: "bg-red-100 text-red-800", }; return ( - <span className={`inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ${colors[status]}`}> + <span + className={`inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ${colors[status]}`} + > {status} </span> ); diff --git a/src/components/provas/ClientProvaUpload.tsx b/src/components/provas/ClientProvaUpload.tsx index d2c893a..6a53ad2 100644 --- a/src/components/provas/ClientProvaUpload.tsx +++ b/src/components/provas/ClientProvaUpload.tsx @@ -1,45 +1,49 @@ -import { useState, useCallback, useEffect } from 'react'; -import { useNavigate } from 'react-router-dom'; -import { useDropzone } from 'react-dropzone'; -import { toast } from 'react-toastify'; +import { useState, useCallback, useEffect } from "react"; +import { useDropzone } from "react-dropzone"; +import { useNavigate } from "react-router-dom"; +import { toast } from "react-toastify"; export function ClientProvaUpload() { const [file, setFile] = useState<File | null>(null); const [uploading, setUploading] = useState(false); const [uploadProgress, setUploadProgress] = useState(0); const [error, setError] = useState<string | null>(null); - const [userLocation, setUserLocation] = useState<{ latitude: number; longitude: number } | null>(null); - const [locationPermission, setLocationPermission] = useState<string>('pending'); + const [userLocation, setUserLocation] = useState<{ + latitude: number; + longitude: number; + } | null>(null); + const [locationPermission, setLocationPermission] = + useState<string>("pending"); const [filePreview, setFilePreview] = useState<string | null>(null); const navigate = useNavigate(); // Tentar obter a localização do usuário quando o componente montar useEffect(() => { if (navigator.geolocation) { - setLocationPermission('requesting'); - + setLocationPermission("requesting"); + navigator.geolocation.getCurrentPosition( (position) => { - console.log('Localização obtida com sucesso'); + console.log("Localização obtida com sucesso"); setUserLocation({ latitude: position.coords.latitude, - longitude: position.coords.longitude + longitude: position.coords.longitude, }); - setLocationPermission('granted'); + setLocationPermission("granted"); }, (error) => { - console.log('Erro ao obter localização:', error.message); - setLocationPermission('denied'); + console.log("Erro ao obter localização:", error.message); + setLocationPermission("denied"); + }, + { + enableHighAccuracy: true, + timeout: 5000, + maximumAge: 0, }, - { - enableHighAccuracy: true, - timeout: 5000, - maximumAge: 0 - } ); } else { - console.log('Geolocalização não suportada pelo navegador'); - setLocationPermission('unsupported'); + console.log("Geolocalização não suportada pelo navegador"); + setLocationPermission("unsupported"); } }, []); @@ -47,9 +51,9 @@ export function ClientProvaUpload() { if (acceptedFiles.length > 0) { const selectedFile = acceptedFiles[0]; setFile(selectedFile); - + // Criar preview para imagens - if (selectedFile.type.startsWith('image/')) { + if (selectedFile.type.startsWith("image/")) { const reader = new FileReader(); reader.onload = () => { setFilePreview(reader.result as string); @@ -64,17 +68,17 @@ export function ClientProvaUpload() { const { getRootProps, getInputProps, isDragActive } = useDropzone({ onDrop, accept: { - 'image/*': ['.jpg', '.jpeg', '.png', '.gif', '.webp'], - 'application/pdf': ['.pdf'] + "image/*": [".jpg", ".jpeg", ".png", ".gif", ".webp"], + "application/pdf": [".pdf"], }, multiple: false, - maxSize: 10 * 1024 * 1024 // 10MB + maxSize: 10 * 1024 * 1024, // 10MB }); const handleSubmit = async () => { try { if (!file) { - toast.error('Por favor, selecione um arquivo primeiro'); + toast.error("Por favor, selecione um arquivo primeiro"); return; } @@ -83,46 +87,54 @@ export function ClientProvaUpload() { setError(null); const formData = new FormData(); - + // Adicionar arquivo com todas as informações preservadas - formData.append('files', file); - formData.append('modification_times', String(file.lastModified)); - formData.append('file_names', file.name); - formData.append('file_sizes', String(file.size)); - formData.append('file_types', file.type); + formData.append("files", file); + formData.append("modification_times", String(file.lastModified)); + formData.append("file_names", file.name); + formData.append("file_sizes", String(file.size)); + formData.append("file_types", file.type); // Adicionar metadados de contexto - formData.append('user_agent', navigator.userAgent); - formData.append('language', navigator.language); - formData.append('viewport_width', String(window.innerWidth)); - formData.append('viewport_height', String(window.innerHeight)); - formData.append('referrer', document.referrer); - formData.append('timezone', Intl.DateTimeFormat().resolvedOptions().timeZone); - formData.append('timezone_offset', String(new Date().getTimezoneOffset())); - formData.append('platform', navigator.platform); - formData.append('cookies_enabled', String(navigator.cookieEnabled)); - + formData.append("user_agent", navigator.userAgent); + formData.append("language", navigator.language); + formData.append("viewport_width", String(window.innerWidth)); + formData.append("viewport_height", String(window.innerHeight)); + formData.append("referrer", document.referrer); + formData.append( + "timezone", + Intl.DateTimeFormat().resolvedOptions().timeZone, + ); + formData.append( + "timezone_offset", + String(new Date().getTimezoneOffset()), + ); + formData.append("platform", navigator.platform); + formData.append("cookies_enabled", String(navigator.cookieEnabled)); + // Adicionar informações de browser detalhadas try { - const pluginsInfo = Array.from(navigator.plugins).map(p => p.name).join(','); - formData.append('browser_plugins', pluginsInfo); + const pluginsInfo = Array.from(navigator.plugins) + .map((p) => p.name) + .join(","); + formData.append("browser_plugins", pluginsInfo); } catch (e) { - formData.append('browser_plugins', 'não disponível'); + formData.append("browser_plugins", "não disponível"); } - + // Adicionar dados de localização, se disponíveis if (userLocation) { - formData.append('latitude', String(userLocation.latitude)); - formData.append('longitude', String(userLocation.longitude)); + formData.append("latitude", String(userLocation.latitude)); + formData.append("longitude", String(userLocation.longitude)); } - formData.append('location_permission', locationPermission); - + formData.append("location_permission", locationPermission); + // Adicionar timestamp preciso do cliente - formData.append('client_timestamp', new Date().toISOString()); + formData.append("client_timestamp", new Date().toISOString()); // Criar simulação de progresso const progressInterval = setInterval(() => { - setUploadProgress(prev => { + setUploadProgress((prev) => { if (prev >= 95) { clearInterval(progressInterval); return prev; @@ -131,8 +143,8 @@ export function ClientProvaUpload() { }); }, 300); - const response = await fetch('/api/provas/upload', { - method: 'POST', + const response = await fetch("/api/provas/upload", { + method: "POST", body: formData, }); @@ -143,32 +155,34 @@ export function ClientProvaUpload() { if (!response.ok) { const errorText = await response.text(); let errorMessage; - + try { const errorJson = JSON.parse(errorText); - errorMessage = errorJson.error || errorJson.details || 'Erro ao enviar arquivo'; + errorMessage = + errorJson.error || errorJson.details || "Erro ao enviar arquivo"; } catch { - errorMessage = errorText || 'Erro ao enviar arquivo'; + errorMessage = errorText || "Erro ao enviar arquivo"; } - + throw new Error(errorMessage); } // Ler o corpo da resposta const result = await response.json(); - + if (result.id) { - toast.success('Arquivo enviado com sucesso!'); + toast.success("Arquivo enviado com sucesso!"); // Navegar para a página de status navigate(`/public/provas/status/${result.id}`); } else { - throw new Error('ID do documento não encontrado na resposta'); + throw new Error("ID do documento não encontrado na resposta"); } - } catch (error) { - console.error('Erro detalhado no upload:', error); - setError(error.message || 'Erro ao enviar arquivo. Por favor, tente novamente.'); - toast.error('Falha no upload: ' + error.message); + console.error("Erro detalhado no upload:", error); + setError( + error.message || "Erro ao enviar arquivo. Por favor, tente novamente.", + ); + toast.error("Falha no upload: " + error.message); } finally { setUploading(false); } @@ -178,41 +192,50 @@ export function ClientProvaUpload() { <div className="min-h-screen bg-gray-50 py-12 px-4 sm:px-6 lg:px-8 flex flex-col justify-center"> <div className="max-w-3xl mx-auto w-full"> <div className="text-center mb-8"> - <h1 className="text-3xl font-bold text-gray-900">Validação Digital de Documentos</h1> + <h1 className="text-3xl font-bold text-gray-900"> + Validação Digital de Documentos + </h1> <p className="mt-2 text-lg text-gray-600"> - Valide e proteja a autenticidade de seus documentos e imagens com timestamping seguro + Valide e proteja a autenticidade de seus documentos e imagens com + timestamping seguro </p> </div> <div className="bg-white shadow overflow-hidden rounded-lg"> <div className="px-4 py-5 sm:px-6 bg-blue-700 text-white"> - <h2 className="text-xl font-semibold">Upload de Documento para Validação</h2> + <h2 className="text-xl font-semibold"> + Upload de Documento para Validação + </h2> <p className="mt-1 text-sm text-blue-100"> Formatos aceitos: JPG, PNG, GIF, PDF (máx. 10MB) </p> </div> <div className="px-4 py-5 sm:p-6"> - <div - {...getRootProps()} + <div + {...getRootProps()} className={`border-2 border-dashed rounded-lg p-10 text-center cursor-pointer transition-colors ${ - isDragActive ? 'border-blue-500 bg-blue-50' : 'border-gray-300 hover:border-blue-400' + isDragActive + ? "border-blue-500 bg-blue-50" + : "border-gray-300 hover:border-blue-400" }`} > <input {...getInputProps()} /> - + {filePreview ? ( <div className="space-y-4"> <div className="mx-auto max-w-sm"> - <img - src={filePreview} - alt="Preview" + <img + src={filePreview} + alt="Preview" className="max-h-60 mx-auto object-contain rounded-lg shadow-sm" /> </div> <p className="text-sm text-gray-600"> - {file?.name} ({(file?.size || 0) / 1024 < 1024 - ? `${Math.round((file?.size || 0) / 1024)} KB` - : `${Math.round((file?.size || 0) / 1024 / 1024 * 10) / 10} MB`}) + {file?.name} ( + {(file?.size || 0) / 1024 < 1024 + ? `${Math.round((file?.size || 0) / 1024)} KB` + : `${Math.round(((file?.size || 0) / 1024 / 1024) * 10) / 10} MB`} + ) </p> <button onClick={(e) => { @@ -227,30 +250,42 @@ export function ClientProvaUpload() { </div> ) : ( <div className="space-y-2"> - <svg className="mx-auto h-12 w-12 text-gray-400" stroke="currentColor" fill="none" viewBox="0 0 48 48"> - <path d="M24 8v16m0 0v16m0-16h16m-16 0H8" strokeWidth="2" strokeLinecap="round" /> + <svg + className="mx-auto h-12 w-12 text-gray-400" + stroke="currentColor" + fill="none" + viewBox="0 0 48 48" + > + <path + d="M24 8v16m0 0v16m0-16h16m-16 0H8" + strokeWidth="2" + strokeLinecap="round" + /> </svg> <p className="text-lg font-medium text-gray-900"> - {isDragActive - ? "Solte o arquivo aqui..." + {isDragActive + ? "Solte o arquivo aqui..." : "Arraste e solte um arquivo aqui, ou clique para selecionar"} </p> <p className="text-xs text-gray-500"> - Os metadados originais e informações de contexto serão preservados para melhor validação + Os metadados originais e informações de contexto serão + preservados para melhor validação </p> </div> )} </div> - {locationPermission === 'granted' && ( + {locationPermission === "granted" && ( <div className="mt-4 text-sm text-green-600"> - ✓ Localização obtida: Esta informação ajudará na validação do documento + ✓ Localização obtida: Esta informação ajudará na validação do + documento </div> )} - {locationPermission === 'denied' && ( + {locationPermission === "denied" && ( <div className="mt-4 text-sm text-yellow-600"> - ⚠️ Localização não permitida: A validação ainda funcionará, mas sem dados de geolocalização + ⚠️ Localização não permitida: A validação ainda funcionará, mas + sem dados de geolocalização </div> )} @@ -276,10 +311,10 @@ export function ClientProvaUpload() { </div> </div> <div className="overflow-hidden h-2 mb-4 text-xs flex rounded bg-blue-200"> - <div - style={{ width: `${uploadProgress}%` }} - className="shadow-none flex flex-col text-center whitespace-nowrap text-white justify-center bg-blue-500 transition-all duration-300"> - </div> + <div + style={{ width: `${uploadProgress}%` }} + className="shadow-none flex flex-col text-center whitespace-nowrap text-white justify-center bg-blue-500 transition-all duration-300" + ></div> </div> </div> </div> @@ -290,20 +325,22 @@ export function ClientProvaUpload() { onClick={handleSubmit} disabled={!file || uploading} className={`px-4 py-2 border border-transparent shadow-sm text-sm font-medium rounded-md text-white - ${!file || uploading - ? 'bg-gray-300 cursor-not-allowed' - : 'bg-blue-700 hover:bg-blue-800 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500' + ${ + !file || uploading + ? "bg-gray-300 cursor-not-allowed" + : "bg-blue-700 hover:bg-blue-800 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500" }`} > - {uploading ? 'Enviando...' : 'Enviar para Validação'} + {uploading ? "Enviando..." : "Enviar para Validação"} </button> </div> </div> <div className="px-4 py-4 sm:px-6 bg-gray-50 border-t border-gray-200"> <div className="text-xs text-gray-500"> - <strong>Nota sobre privacidade:</strong> Este serviço coleta metadados como informações do dispositivo, - localização e timestamp para garantir a validação adequada do documento. Todos os dados são criptografados - e armazenados com segurança. + <strong>Nota sobre privacidade:</strong> Este serviço coleta + metadados como informações do dispositivo, localização e timestamp + para garantir a validação adequada do documento. Todos os dados + são criptografados e armazenados com segurança. </div> </div> </div> diff --git a/src/components/provas/ProvaStatus.tsx b/src/components/provas/ProvaStatus.tsx index 232b87c..36990b8 100644 --- a/src/components/provas/ProvaStatus.tsx +++ b/src/components/provas/ProvaStatus.tsx @@ -1,11 +1,12 @@ -import { useEffect, useState } from 'react'; -import { useParams, useNavigate } from 'react-router-dom'; -import { Card } from '../../components/ui/Card'; -import { format } from 'date-fns'; +import { format } from "date-fns"; +import { useEffect, useState } from "react"; +import { useParams, useNavigate } from "react-router-dom"; + +import { Card } from "../../components/ui/Card"; interface ProvaStatus { id: string; - status: 'PENDENTE' | 'PROCESSANDO' | 'CONCLUIDO' | 'ERRO'; + status: "PENDENTE" | "PROCESSANDO" | "CONCLUIDO" | "ERRO"; fileName: string; checksumSha256: string; checksumSha512: string; @@ -24,23 +25,23 @@ export function ProvaStatus() { const checkStatus = async () => { try { const response = await fetch(`/api/provas/${id}/status`); - + // Verificar se a resposta foi bem-sucedida if (!response.ok) { const errorText = await response.text(); - throw new Error(errorText || 'Erro ao buscar status'); + throw new Error(errorText || "Erro ao buscar status"); } - + const data = await response.json(); setStatus(data); // Continuar verificando se ainda estiver processando - if (data.status === 'PENDENTE' || data.status === 'PROCESSANDO') { + if (data.status === "PENDENTE" || data.status === "PROCESSANDO") { setTimeout(checkStatus, 2000); } } catch (error) { - console.error('Erro detalhado ao verificar status:', error); - setError('Erro ao verificar status da prova'); + console.error("Erro detalhado ao verificar status:", error); + setError("Erro ao verificar status da prova"); } }; @@ -48,8 +49,8 @@ export function ProvaStatus() { }, [id]); const handleDownloadReport = () => { - if (status && status.status === 'CONCLUIDO') { - window.open(`/api/provas/relatorio/${status.checksumSha256}`, '_blank'); + if (status && status.status === "CONCLUIDO") { + window.open(`/api/provas/relatorio/${status.checksumSha256}`, "_blank"); } }; @@ -59,38 +60,40 @@ export function ProvaStatus() { } }; - if (error) return ( - <div className="max-w-3xl mx-auto p-4"> - <Card> - <div className="p-6 text-center"> - <div className="text-red-600 mb-4">{error}</div> - <button - onClick={() => navigate('/provas/upload')} - className="px-4 py-2 bg-blue-600 text-white rounded-lg" - > - Voltar para Upload - </button> - </div> - </Card> - </div> - ); - - if (!status) return ( - <div className="max-w-3xl mx-auto p-4"> - <Card> - <div className="p-6 text-center"> - <div className="animate-pulse">Carregando...</div> - </div> - </Card> - </div> - ); + if (error) + return ( + <div className="max-w-3xl mx-auto p-4"> + <Card> + <div className="p-6 text-center"> + <div className="text-red-600 mb-4">{error}</div> + <button + onClick={() => navigate("/provas/upload")} + className="px-4 py-2 bg-blue-600 text-white rounded-lg" + > + Voltar para Upload + </button> + </div> + </Card> + </div> + ); + + if (!status) + return ( + <div className="max-w-3xl mx-auto p-4"> + <Card> + <div className="p-6 text-center"> + <div className="animate-pulse">Carregando...</div> + </div> + </Card> + </div> + ); return ( <div className="max-w-3xl mx-auto p-4"> <Card> <div className="p-6"> <h2 className="text-2xl font-bold mb-4">Status da Validação</h2> - + <div className="space-y-4"> <div> <p className="text-sm text-gray-500">Arquivo</p> @@ -99,19 +102,26 @@ export function ProvaStatus() { <div> <p className="text-sm text-gray-500">Status</p> - <p className={`font-medium ${ - status.status === 'CONCLUIDO' ? 'text-green-600' : - status.status === 'ERRO' ? 'text-red-600' : - 'text-blue-600' - }`}> - {status.status === 'PENDENTE' ? 'Em fila de processamento' : - status.status === 'PROCESSANDO' ? 'Processando...' : - status.status === 'CONCLUIDO' ? 'Concluído' : - 'Erro ao processar'} + <p + className={`font-medium ${ + status.status === "CONCLUIDO" + ? "text-green-600" + : status.status === "ERRO" + ? "text-red-600" + : "text-blue-600" + }`} + > + {status.status === "PENDENTE" + ? "Em fila de processamento" + : status.status === "PROCESSANDO" + ? "Processando..." + : status.status === "CONCLUIDO" + ? "Concluído" + : "Erro ao processar"} </p> </div> - {status.status === 'CONCLUIDO' && ( + {status.status === "CONCLUIDO" && ( <> <div> <p className="text-sm text-gray-500">Checksums</p> @@ -123,14 +133,14 @@ export function ProvaStatus() { </div> <div className="pt-4 flex flex-col sm:flex-row gap-3"> - <button + <button onClick={handleDownloadReport} className="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700" > Baixar Relatório </button> - - <button + + <button onClick={handleViewVerification} className="inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md shadow-sm text-gray-700 bg-white hover:bg-gray-50" > @@ -140,14 +150,14 @@ export function ProvaStatus() { </> )} - {status.status === 'ERRO' && ( + {status.status === "ERRO" && ( <div className="text-red-600"> <p className="text-sm">Erro ao processar arquivo:</p> <p className="mt-1">{status.error}</p> - + <div className="mt-4"> - <button - onClick={() => navigate('/provas/upload')} + <button + onClick={() => navigate("/provas/upload")} className="px-4 py-2 bg-blue-600 text-white rounded-lg" > Tentar Novamente diff --git a/src/components/provas/ProvaUpload.tsx b/src/components/provas/ProvaUpload.tsx index 62d75b5..57aaebc 100644 --- a/src/components/provas/ProvaUpload.tsx +++ b/src/components/provas/ProvaUpload.tsx @@ -1,153 +1,172 @@ -import { useState, useCallback, useEffect } from 'react'; -import { useDropzone } from 'react-dropzone'; -import { Card } from '../../components/ui/Card'; -import { useNavigate } from 'react-router-dom'; +import { useState, useCallback, useEffect } from "react"; +import { useDropzone } from "react-dropzone"; +import { useNavigate } from "react-router-dom"; + +import { Card } from "../../components/ui/Card"; export function ProvaUpload() { const [uploading, setUploading] = useState(false); const [uploadProgress, setUploadProgress] = useState(0); const [error, setError] = useState<string | null>(null); - const [userLocation, setUserLocation] = useState<{ latitude: number; longitude: number } | null>(null); - const [locationPermission, setLocationPermission] = useState<string>('pending'); + const [userLocation, setUserLocation] = useState<{ + latitude: number; + longitude: number; + } | null>(null); + const [locationPermission, setLocationPermission] = + useState<string>("pending"); const navigate = useNavigate(); // Tentar obter a localização do usuário quando o componente montar useEffect(() => { if (navigator.geolocation) { - setLocationPermission('requesting'); - + setLocationPermission("requesting"); + navigator.geolocation.getCurrentPosition( (position) => { - console.log('Localização obtida com sucesso'); + console.log("Localização obtida com sucesso"); setUserLocation({ latitude: position.coords.latitude, - longitude: position.coords.longitude + longitude: position.coords.longitude, }); - setLocationPermission('granted'); + setLocationPermission("granted"); }, (error) => { - console.log('Erro ao obter localização:', error.message); - setLocationPermission('denied'); + console.log("Erro ao obter localização:", error.message); + setLocationPermission("denied"); + }, + { + enableHighAccuracy: true, + timeout: 5000, + maximumAge: 0, }, - { - enableHighAccuracy: true, - timeout: 5000, - maximumAge: 0 - } ); } else { - console.log('Geolocalização não suportada pelo navegador'); - setLocationPermission('unsupported'); + console.log("Geolocalização não suportada pelo navegador"); + setLocationPermission("unsupported"); } }, []); - const onDrop = useCallback(async (acceptedFiles: File[]) => { - try { - setUploading(true); - setUploadProgress(0); - setError(null); // Limpar erro anterior - - const formData = new FormData(); - - // Adicionar informações de cada arquivo - acceptedFiles.forEach((file) => { - formData.append('files', file); - formData.append('modification_times', String(file.lastModified)); - formData.append('file_names', file.name); - formData.append('file_sizes', String(file.size)); - formData.append('file_types', file.type); - }); - - // Adicionar metadados de contexto - formData.append('user_agent', navigator.userAgent); - formData.append('language', navigator.language); - formData.append('viewport_width', String(window.innerWidth)); - formData.append('viewport_height', String(window.innerHeight)); - formData.append('referrer', document.referrer); - formData.append('timezone', Intl.DateTimeFormat().resolvedOptions().timeZone); - formData.append('timezone_offset', String(new Date().getTimezoneOffset())); - formData.append('platform', navigator.platform); - formData.append('cookies_enabled', String(navigator.cookieEnabled)); - - // Adicionar informações de plugins do navegador (com segurança) + const onDrop = useCallback( + async (acceptedFiles: File[]) => { try { - const pluginsInfo = Array.from(navigator.plugins).map(p => p.name).join(','); - formData.append('browser_plugins', pluginsInfo); - } catch (e) { - formData.append('browser_plugins', 'não disponível'); - } - - // Adicionar dados de localização, se disponíveis - if (userLocation) { - formData.append('latitude', String(userLocation.latitude)); - formData.append('longitude', String(userLocation.longitude)); - } - formData.append('location_permission', locationPermission); - - // Adicionar timestamp preciso - formData.append('client_timestamp', new Date().toISOString()); + setUploading(true); + setUploadProgress(0); + setError(null); // Limpar erro anterior - // Criar simulação de progresso - const progressInterval = setInterval(() => { - setUploadProgress(prev => { - if (prev >= 95) { - clearInterval(progressInterval); - return prev; - } - return prev + 5; + const formData = new FormData(); + + // Adicionar informações de cada arquivo + acceptedFiles.forEach((file) => { + formData.append("files", file); + formData.append("modification_times", String(file.lastModified)); + formData.append("file_names", file.name); + formData.append("file_sizes", String(file.size)); + formData.append("file_types", file.type); }); - }, 300); - const response = await fetch('/api/provas/upload', { - method: 'POST', - body: formData, - }); + // Adicionar metadados de contexto + formData.append("user_agent", navigator.userAgent); + formData.append("language", navigator.language); + formData.append("viewport_width", String(window.innerWidth)); + formData.append("viewport_height", String(window.innerHeight)); + formData.append("referrer", document.referrer); + formData.append( + "timezone", + Intl.DateTimeFormat().resolvedOptions().timeZone, + ); + formData.append( + "timezone_offset", + String(new Date().getTimezoneOffset()), + ); + formData.append("platform", navigator.platform); + formData.append("cookies_enabled", String(navigator.cookieEnabled)); - clearInterval(progressInterval); - setUploadProgress(100); - - // Verificar se a resposta foi bem-sucedida - if (!response.ok) { - // Extrair mensagem de erro com uma única leitura - const errorText = await response.text(); - let errorMessage; - + // Adicionar informações de plugins do navegador (com segurança) try { - // Tentar parsear como JSON - const errorData = JSON.parse(errorText); - errorMessage = errorData.error || errorData.details || 'Erro ao enviar arquivos'; - } catch { - // Se não for JSON, usar o texto como está - errorMessage = errorText || 'Erro ao enviar arquivos'; + const pluginsInfo = Array.from(navigator.plugins) + .map((p) => p.name) + .join(","); + formData.append("browser_plugins", pluginsInfo); + } catch (e) { + formData.append("browser_plugins", "não disponível"); } - - throw new Error(errorMessage); - } - // Ler o corpo da resposta apenas uma vez - const result = await response.json(); - - if (result.id) { - // Navegar para a página de status - navigate(`/provas/status/${result.id}`); - } else { - throw new Error('ID do documento não encontrado na resposta'); + // Adicionar dados de localização, se disponíveis + if (userLocation) { + formData.append("latitude", String(userLocation.latitude)); + formData.append("longitude", String(userLocation.longitude)); + } + formData.append("location_permission", locationPermission); + + // Adicionar timestamp preciso + formData.append("client_timestamp", new Date().toISOString()); + + // Criar simulação de progresso + const progressInterval = setInterval(() => { + setUploadProgress((prev) => { + if (prev >= 95) { + clearInterval(progressInterval); + return prev; + } + return prev + 5; + }); + }, 300); + + const response = await fetch("/api/provas/upload", { + method: "POST", + body: formData, + }); + + clearInterval(progressInterval); + setUploadProgress(100); + + // Verificar se a resposta foi bem-sucedida + if (!response.ok) { + // Extrair mensagem de erro com uma única leitura + const errorText = await response.text(); + let errorMessage; + + try { + // Tentar parsear como JSON + const errorData = JSON.parse(errorText); + errorMessage = + errorData.error || errorData.details || "Erro ao enviar arquivos"; + } catch { + // Se não for JSON, usar o texto como está + errorMessage = errorText || "Erro ao enviar arquivos"; + } + + throw new Error(errorMessage); + } + + // Ler o corpo da resposta apenas uma vez + const result = await response.json(); + + if (result.id) { + // Navegar para a página de status + navigate(`/provas/status/${result.id}`); + } else { + throw new Error("ID do documento não encontrado na resposta"); + } + } catch (error) { + console.error("Erro detalhado no upload:", error); + setError( + error.message || + "Erro ao enviar arquivos. Por favor, tente novamente.", + ); + } finally { + setUploading(false); } - - } catch (error) { - console.error('Erro detalhado no upload:', error); - setError(error.message || 'Erro ao enviar arquivos. Por favor, tente novamente.'); - } finally { - setUploading(false); - } - }, [navigate, userLocation, locationPermission]); + }, + [navigate, userLocation, locationPermission], + ); const { getRootProps, getInputProps, isDragActive } = useDropzone({ onDrop, accept: { - 'image/*': ['.jpg', '.jpeg', '.png', '.gif'], - 'application/pdf': ['.pdf'] - } + "image/*": [".jpg", ".jpeg", ".png", ".gif"], + "application/pdf": [".pdf"], + }, }); return ( @@ -158,12 +177,12 @@ export function ProvaUpload() { <h1 className="text-3xl font-bold text-gray-900 mb-8"> Validação de Documentos Digitais </h1> - - <div - {...getRootProps()} + + <div + {...getRootProps()} className={` border-2 border-dashed p-12 rounded-lg - ${isDragActive ? 'border-blue-500 bg-blue-50' : 'border-gray-300'} + ${isDragActive ? "border-blue-500 bg-blue-50" : "border-gray-300"} cursor-pointer hover:border-blue-500 transition-colors `} > @@ -172,8 +191,8 @@ export function ProvaUpload() { <div> <p className="text-gray-600 mb-2">Enviando arquivos...</p> <div className="w-full bg-gray-200 rounded-full h-2.5"> - <div - className="bg-blue-600 h-2.5 rounded-full transition-all duration-300" + <div + className="bg-blue-600 h-2.5 rounded-full transition-all duration-300" style={{ width: `${uploadProgress}%` }} /> </div> @@ -182,8 +201,8 @@ export function ProvaUpload() { <div> <p className="text-gray-600"> {isDragActive - ? 'Solte os arquivos aqui...' - : 'Arraste e solte arquivos aqui, ou clique para selecionar'} + ? "Solte os arquivos aqui..." + : "Arraste e solte arquivos aqui, ou clique para selecionar"} </p> <p className="text-sm text-gray-500 mt-2"> Arquivos suportados: PDF, JPG, PNG, GIF @@ -208,10 +227,13 @@ export function ProvaUpload() { <li>Registrar dados de geolocalização (se permitido)</li> <li>Gerar relatório PDF com todas as informações</li> </ul> - - {locationPermission === 'denied' && ( + + {locationPermission === "denied" && ( <div className="mt-4 p-2 bg-yellow-50 text-yellow-700 rounded"> - <p>Permissão de localização negada. A validação prosseguirá sem dados de geolocalização.</p> + <p> + Permissão de localização negada. A validação prosseguirá sem + dados de geolocalização. + </p> </div> )} </div> diff --git a/src/components/provas/PublicProvaStatus.tsx b/src/components/provas/PublicProvaStatus.tsx index 73e7d98..ecf0e96 100644 --- a/src/components/provas/PublicProvaStatus.tsx +++ b/src/components/provas/PublicProvaStatus.tsx @@ -1,11 +1,10 @@ -import { useEffect, useState } from 'react'; -import { useParams, Link, useNavigate } from 'react-router-dom'; -import { format } from 'date-fns'; -import ptBR from 'date-fns/locale/pt-BR'; +import ptBR, { format } from "date-fns"; +import { useEffect, useState } from "react"; +import { useParams, Link, useNavigate } from "react-router-dom"; interface ProvaStatus { id: string; - status: 'PENDENTE' | 'PROCESSANDO' | 'CONCLUIDO' | 'ERRO'; + status: "PENDENTE" | "PROCESSANDO" | "CONCLUIDO" | "ERRO"; fileName: string; checksumSha256: string; checksumSha512: string; @@ -35,24 +34,24 @@ export function PublicProvaStatus() { const checkStatus = async () => { try { const response = await fetch(`/api/provas/${id}/status`); - + // Verificar se a resposta foi bem-sucedida if (!response.ok) { const errorText = await response.text(); - throw new Error(errorText || 'Erro ao buscar status'); + throw new Error(errorText || "Erro ao buscar status"); } - + const data = await response.json(); setStatus(data); - setCheckCount(prev => prev + 1); + setCheckCount((prev) => prev + 1); // Continuar verificando se ainda estiver processando - if (data.status === 'PENDENTE' || data.status === 'PROCESSANDO') { + if (data.status === "PENDENTE" || data.status === "PROCESSANDO") { setTimeout(checkStatus, 2000); } } catch (error) { - console.error('Erro detalhado ao verificar status:', error); - setError('Erro ao verificar status da prova'); + console.error("Erro detalhado ao verificar status:", error); + setError("Erro ao verificar status da prova"); } }; @@ -60,8 +59,8 @@ export function PublicProvaStatus() { }, [id]); const handleDownloadReport = () => { - if (status && status.status === 'CONCLUIDO') { - window.open(`/api/provas/relatorio/${status.checksumSha256}`, '_blank'); + if (status && status.status === "CONCLUIDO") { + window.open(`/api/provas/relatorio/${status.checksumSha256}`, "_blank"); } }; @@ -71,41 +70,58 @@ export function PublicProvaStatus() { } }; - if (error) return ( - <div className="min-h-screen bg-gray-50 py-12 px-4 sm:px-6 lg:px-8"> - <div className="max-w-3xl mx-auto"> - <div className="bg-white shadow-md rounded-lg"> - <div className="p-6 text-center"> - <svg className="w-16 h-16 text-red-500 mx-auto mb-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> - <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /> - </svg> - <div className="text-red-600 text-xl font-bold mb-4">Ocorreu um erro</div> - <p className="text-gray-700 mb-6">{error}</p> - <Link - to="/public/provas/upload" - className="inline-flex items-center px-4 py-2 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700" - > - Voltar para Upload - </Link> + if (error) + return ( + <div className="min-h-screen bg-gray-50 py-12 px-4 sm:px-6 lg:px-8"> + <div className="max-w-3xl mx-auto"> + <div className="bg-white shadow-md rounded-lg"> + <div className="p-6 text-center"> + <svg + className="w-16 h-16 text-red-500 mx-auto mb-4" + fill="none" + stroke="currentColor" + viewBox="0 0 24 24" + xmlns="http://www.w3.org/2000/svg" + > + <path + strokeLinecap="round" + strokeLinejoin="round" + strokeWidth={2} + d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" + /> + </svg> + <div className="text-red-600 text-xl font-bold mb-4"> + Ocorreu um erro + </div> + <p className="text-gray-700 mb-6">{error}</p> + <Link + to="/public/provas/upload" + className="inline-flex items-center px-4 py-2 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700" + > + Voltar para Upload + </Link> + </div> </div> </div> </div> - </div> - ); - - if (!status && checkCount < 3) return ( - <div className="min-h-screen bg-gray-50 py-12 px-4 sm:px-6 lg:px-8"> - <div className="max-w-3xl mx-auto"> - <div className="bg-white shadow-md rounded-lg"> - <div className="p-6 text-center"> - <div className="animate-spin rounded-full h-16 w-16 border-t-2 border-b-2 border-blue-500 mx-auto mb-4"></div> - <p className="text-gray-700 text-lg">Carregando informações...</p> - <p className="text-gray-500 text-sm mt-2">Verificando status do seu documento</p> + ); + + if (!status && checkCount < 3) + return ( + <div className="min-h-screen bg-gray-50 py-12 px-4 sm:px-6 lg:px-8"> + <div className="max-w-3xl mx-auto"> + <div className="bg-white shadow-md rounded-lg"> + <div className="p-6 text-center"> + <div className="animate-spin rounded-full h-16 w-16 border-t-2 border-b-2 border-blue-500 mx-auto mb-4"></div> + <p className="text-gray-700 text-lg">Carregando informações...</p> + <p className="text-gray-500 text-sm mt-2"> + Verificando status do seu documento + </p> + </div> </div> </div> </div> - </div> - ); + ); return ( <div className="min-h-screen bg-gray-50 py-12 px-4 sm:px-6 lg:px-8"> @@ -114,29 +130,63 @@ export function PublicProvaStatus() { <div className="border-b border-gray-200 bg-blue-700 text-white px-6 py-4 rounded-t-lg"> <h2 className="text-xl font-bold">Status da Validação Digital</h2> </div> - + <div className="p-6"> <div className="mb-8"> - <div className={`text-center p-6 rounded-lg ${ - status?.status === 'CONCLUIDO' ? 'bg-green-50' : - status?.status === 'ERRO' ? 'bg-red-50' : - 'bg-blue-50' - }`}> - {status?.status === 'CONCLUIDO' ? ( + <div + className={`text-center p-6 rounded-lg ${ + status?.status === "CONCLUIDO" + ? "bg-green-50" + : status?.status === "ERRO" + ? "bg-red-50" + : "bg-blue-50" + }`} + > + {status?.status === "CONCLUIDO" ? ( <> - <svg className="w-16 h-16 text-green-500 mx-auto mb-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> - <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" /> + <svg + className="w-16 h-16 text-green-500 mx-auto mb-4" + fill="none" + stroke="currentColor" + viewBox="0 0 24 24" + xmlns="http://www.w3.org/2000/svg" + > + <path + strokeLinecap="round" + strokeLinejoin="round" + strokeWidth={2} + d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" + /> </svg> - <h3 className="text-2xl font-bold text-green-700 mb-2">Validação Concluída</h3> - <p className="text-gray-700">Seu documento foi validado com sucesso</p> + <h3 className="text-2xl font-bold text-green-700 mb-2"> + Validação Concluída + </h3> + <p className="text-gray-700"> + Seu documento foi validado com sucesso + </p> </> - ) : status?.status === 'ERRO' ? ( + ) : status?.status === "ERRO" ? ( <> - <svg className="w-16 h-16 text-red-500 mx-auto mb-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> - <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /> + <svg + className="w-16 h-16 text-red-500 mx-auto mb-4" + fill="none" + stroke="currentColor" + viewBox="0 0 24 24" + xmlns="http://www.w3.org/2000/svg" + > + <path + strokeLinecap="round" + strokeLinejoin="round" + strokeWidth={2} + d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" + /> </svg> - <h3 className="text-2xl font-bold text-red-700 mb-2">Falha na Validação</h3> - <p className="text-gray-700">Ocorreu um erro durante o processamento</p> + <h3 className="text-2xl font-bold text-red-700 mb-2"> + Falha na Validação + </h3> + <p className="text-gray-700"> + Ocorreu um erro durante o processamento + </p> </> ) : ( <> @@ -144,117 +194,155 @@ export function PublicProvaStatus() { <div className="animate-spin rounded-full h-16 w-16 border-t-2 border-b-2 border-blue-500"></div> </div> <h3 className="text-2xl font-bold text-blue-700 mb-2"> - {status?.status === 'PENDENTE' ? 'Aguardando Processamento' : 'Processando...'} + {status?.status === "PENDENTE" + ? "Aguardando Processamento" + : "Processando..."} </h3> - <p className="text-gray-700">Seu documento está sendo validado</p> + <p className="text-gray-700"> + Seu documento está sendo validado + </p> </> )} </div> </div> <div className="mb-6"> - <h3 className="text-lg font-semibold mb-3 text-gray-800">Detalhes do Documento</h3> + <h3 className="text-lg font-semibold mb-3 text-gray-800"> + Detalhes do Documento + </h3> <div className="bg-gray-50 rounded-lg p-4 space-y-3"> <div> <p className="text-sm text-gray-500">Arquivo</p> - <p className="font-medium text-gray-800">{status?.fileName}</p> + <p className="font-medium text-gray-800"> + {status?.fileName} + </p> </div> - - {status?.status === 'CONCLUIDO' && ( + + {status?.status === "CONCLUIDO" && ( <> <div> - <p className="text-sm text-gray-500">Identificador Digital (SHA-256)</p> - <p className="font-mono text-xs text-gray-700 break-all">{status.checksumSha256}</p> - </div> - - <div> - <p className="text-sm text-gray-500">Data de Processamento</p> - <p className="text-gray-700"> - {format(new Date(), 'dd/MM/yyyy HH:mm:ss', { locale: ptBR })} + <p className="text-sm text-gray-500"> + Identificador Digital (SHA-256) + </p> + <p className="font-mono text-xs text-gray-700 break-all"> + {status.checksumSha256} </p> </div> - + + <div> + <p className="text-sm text-gray-500"> + Data de Processamento + </p> + <p className="text-gray-700"> + {format(new Date(), "dd/MM/yyyy HH:mm:ss", { + locale: ptBR, + })} + </p> + </div> + {/* Garantir exibição da data de modificação */} - {(status.metadata?.file_specific?.modified || status.metadata?.modification_times) && ( + {(status.metadata?.file_specific?.modified || + status.metadata?.modification_times) && ( <div> - <p className="text-sm text-gray-500">Data de Modificação Original</p> + <p className="text-sm text-gray-500"> + Data de Modificação Original + </p> <p className="text-gray-700"> {format( new Date( - status.metadata.file_specific?.modified || - (status.metadata.modification_times ? - parseInt(status.metadata.modification_times) : Date.now()) - ), - 'dd/MM/yyyy HH:mm:ss', - { locale: ptBR } + status.metadata.file_specific?.modified || + (status.metadata.modification_times + ? parseInt(status.metadata.modification_times) + : Date.now()), + ), + "dd/MM/yyyy HH:mm:ss", + { locale: ptBR }, )} </p> <p className="text-xs text-gray-500"> - Esta é a data real da última modificação do arquivo, obtida dos metadados originais + Esta é a data real da última modificação do arquivo, + obtida dos metadados originais </p> </div> )} - + {/* Informações de conexão aprimoradas */} <div> - <p className="text-sm text-gray-500">Informações de Conexão</p> + <p className="text-sm text-gray-500"> + Informações de Conexão + </p> <p className="text-gray-700"> - IP: {status.metadata?.ipAddress || - status.metadata?.connectionInfo?.ip || - status.metadata?.connectionInfo?.socketAddress || '::1'}, - Porta: {status.metadata?.clientPort || - status.metadata?.connectionInfo?.socketPort || '61465'} + IP:{" "} + {status.metadata?.ipAddress || + status.metadata?.connectionInfo?.ip || + status.metadata?.connectionInfo?.socketAddress || + "::1"} + , Porta:{" "} + {status.metadata?.clientPort || + status.metadata?.connectionInfo?.socketPort || + "61465"} </p> <p className="text-xs text-gray-500"> - Família: {status.metadata?.connectionInfo?.remoteFamily || - ((status.metadata?.ipAddress || '::1').includes(':') ? 'IPv6' : 'IPv4')} + Família:{" "} + {status.metadata?.connectionInfo?.remoteFamily || + ((status.metadata?.ipAddress || "::1").includes(":") + ? "IPv6" + : "IPv4")} </p> </div> - + {/* Adicionar geolocalização se disponível */} - {(status.metadata?.latitude !== undefined || status.metadata?.longitude !== undefined) && ( + {(status.metadata?.latitude !== undefined || + status.metadata?.longitude !== undefined) && ( <div> <p className="text-sm text-gray-500">Geolocalização</p> <p className="text-gray-700"> - Coordenadas: {status.metadata.latitude || 'N/A'}, {status.metadata.longitude || 'N/A'} + Coordenadas: {status.metadata.latitude || "N/A"},{" "} + {status.metadata.longitude || "N/A"} </p> <p className="text-xs text-gray-500"> - Permissão: {status.metadata.location_permission || 'não especificada'} + Permissão:{" "} + {status.metadata.location_permission || + "não especificada"} </p> </div> )} </> )} - - {status?.status === 'PROCESSANDO' && ( + + {status?.status === "PROCESSANDO" && ( <div className="pt-2"> <div className="w-full bg-gray-200 rounded-full h-2.5"> <div className="bg-blue-600 h-2.5 rounded-full w-3/4"></div> </div> - <p className="text-sm text-gray-500 mt-2">Validando autenticidade e gerando relatório...</p> + <p className="text-sm text-gray-500 mt-2"> + Validando autenticidade e gerando relatório... + </p> </div> )} - - {status?.status === 'ERRO' && ( + + {status?.status === "ERRO" && ( <div className="bg-red-50 border border-red-200 rounded-md p-3 text-red-700"> <p className="font-medium">Erro no processamento:</p> - <p className="text-sm">{status.error || 'Falha não especificada'}</p> + <p className="text-sm"> + {status.error || "Falha não especificada"} + </p> </div> )} </div> </div> <div className="flex flex-col sm:flex-row gap-3 justify-center"> - {status?.status === 'CONCLUIDO' && ( + {status?.status === "CONCLUIDO" && ( <> - <button + <button onClick={handleViewVerification} className="inline-flex items-center justify-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700" > Ver Certificado Digital </button> - - <button + + <button onClick={handleDownloadReport} className="inline-flex items-center justify-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md shadow-sm text-gray-700 bg-white hover:bg-gray-50" > @@ -262,9 +350,9 @@ export function PublicProvaStatus() { </button> </> )} - - {status?.status === 'ERRO' && ( - <Link + + {status?.status === "ERRO" && ( + <Link to="/public/provas/upload" className="inline-flex items-center justify-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700" > @@ -273,9 +361,10 @@ export function PublicProvaStatus() { )} </div> </div> - + <div className="bg-gray-50 px-6 py-4 text-center text-sm text-gray-500 rounded-b-lg"> - Validação Digital AdvX - Preservando a integridade e autenticidade dos seus documentos + Validação Digital AdvX - Preservando a integridade e autenticidade + dos seus documentos </div> </div> </div> diff --git a/src/components/provas/PublicVerificarProva.tsx b/src/components/provas/PublicVerificarProva.tsx index ff1df55..62298a2 100644 --- a/src/components/provas/PublicVerificarProva.tsx +++ b/src/components/provas/PublicVerificarProva.tsx @@ -1,7 +1,6 @@ -import { useEffect, useState } from 'react'; -import { useParams, Link } from 'react-router-dom'; -import { format, isValid } from 'date-fns'; -import ptBR from 'date-fns/locale/pt-BR'; +import ptBR, { format, isValid } from "date-fns"; +import { useEffect, useState } from "react"; +import { useParams, Link } from "react-router-dom"; interface ProvaVerificacao { verified: boolean; @@ -30,17 +29,17 @@ export function PublicVerificarProva() { try { setLoading(true); const response = await fetch(`/api/provas/verificar/${hash}`); - + if (!response.ok) { - throw new Error(response.statusText || 'Falha na verificação'); + throw new Error(response.statusText || "Falha na verificação"); } - + const data = await response.json(); - console.log('Dados recebidos:', data); + console.log("Dados recebidos:", data); setResult(data); } catch (error) { - console.error('Erro ao verificar:', error); - setError('Não foi possível verificar a autenticidade do documento.'); + console.error("Erro ao verificar:", error); + setError("Não foi possível verificar a autenticidade do documento."); } finally { setLoading(false); } @@ -53,20 +52,20 @@ export function PublicVerificarProva() { // Função segura para formatar datas const formatDate = (dateString: string | undefined | null) => { - if (!dateString) return 'Data não disponível'; - + if (!dateString) return "Data não disponível"; + try { const date = new Date(dateString); - + if (!isValid(date)) { - console.warn('Data inválida:', dateString); - return 'Data inválida'; + console.warn("Data inválida:", dateString); + return "Data inválida"; } - - return format(date, 'dd/MM/yyyy HH:mm:ss', { locale: ptBR }); + + return format(date, "dd/MM/yyyy HH:mm:ss", { locale: ptBR }); } catch (error) { - console.error('Erro ao formatar data:', error); - return 'Erro na formatação da data'; + console.error("Erro ao formatar data:", error); + return "Erro na formatação da data"; } }; @@ -79,7 +78,9 @@ export function PublicVerificarProva() { <div className="h-4 bg-gray-300 rounded w-3/4 mx-auto mb-4"></div> <div className="h-4 bg-gray-300 rounded w-1/2 mx-auto"></div> </div> - <p className="mt-4 text-gray-500 text-center">Carregando informações...</p> + <p className="mt-4 text-gray-500 text-center"> + Carregando informações... + </p> </div> </div> </div> @@ -92,13 +93,28 @@ export function PublicVerificarProva() { <div className="max-w-4xl mx-auto"> <div className="bg-white rounded-lg shadow"> <div className="p-6 text-center"> - <svg className="w-16 h-16 text-red-500 mx-auto mb-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> - <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /> + <svg + className="w-16 h-16 text-red-500 mx-auto mb-4" + fill="none" + stroke="currentColor" + viewBox="0 0 24 24" + xmlns="http://www.w3.org/2000/svg" + > + <path + strokeLinecap="round" + strokeLinejoin="round" + strokeWidth={2} + d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" + /> </svg> - <h2 className="text-2xl font-bold text-red-600 mb-4">Verificação Falhou</h2> - <p className="text-gray-600 mb-6">{error || 'Não foi possível verificar este documento.'}</p> - <Link - to="/provas/upload" + <h2 className="text-2xl font-bold text-red-600 mb-4"> + Verificação Falhou + </h2> + <p className="text-gray-600 mb-6"> + {error || "Não foi possível verificar este documento."} + </p> + <Link + to="/provas/upload" className="inline-flex items-center px-4 py-2 bg-blue-600 text-white font-medium rounded-md hover:bg-blue-700" > Validar Novo Documento @@ -118,20 +134,47 @@ export function PublicVerificarProva() { <div className="text-center mb-8"> {result.verified ? ( <> - <svg className="w-20 h-20 text-green-500 mx-auto mb-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> - <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" /> + <svg + className="w-20 h-20 text-green-500 mx-auto mb-4" + fill="none" + stroke="currentColor" + viewBox="0 0 24 24" + xmlns="http://www.w3.org/2000/svg" + > + <path + strokeLinecap="round" + strokeLinejoin="round" + strokeWidth={2} + d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" + /> </svg> - <h2 className="text-3xl font-bold text-green-600 mb-2">Documento Verificado</h2> + <h2 className="text-3xl font-bold text-green-600 mb-2"> + Documento Verificado + </h2> <p className="text-gray-600 text-lg"> - Este documento foi validado digitalmente e possui registro de autenticidade. + Este documento foi validado digitalmente e possui registro + de autenticidade. </p> </> ) : ( <> - <svg className="w-20 h-20 text-red-500 mx-auto mb-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> - <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /> + <svg + className="w-20 h-20 text-red-500 mx-auto mb-4" + fill="none" + stroke="currentColor" + viewBox="0 0 24 24" + xmlns="http://www.w3.org/2000/svg" + > + <path + strokeLinecap="round" + strokeLinejoin="round" + strokeWidth={2} + d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" + /> </svg> - <h2 className="text-3xl font-bold text-red-600 mb-2">Verificação com Problemas</h2> + <h2 className="text-3xl font-bold text-red-600 mb-2"> + Verificação com Problemas + </h2> <p className="text-gray-600 text-lg">{result.message}</p> </> )} @@ -140,45 +183,73 @@ export function PublicVerificarProva() { {result.prova && ( <div className="space-y-6"> <div className="border-t border-b border-gray-200 py-6"> - <h3 className="text-xl font-semibold text-gray-800 mb-4">Informações do Documento</h3> + <h3 className="text-xl font-semibold text-gray-800 mb-4"> + Informações do Documento + </h3> <div className="grid grid-cols-1 md:grid-cols-2 gap-4"> - <DetailItem label="Nome do Arquivo" value={result.prova.fileName} /> - <DetailItem label="Data de Validação" value={formatDate(result.prova.dataCriacao)} /> - <DetailItem label="Última Verificação" value={formatDate(result.prova.dataValida)} /> + <DetailItem + label="Nome do Arquivo" + value={result.prova.fileName} + /> + <DetailItem + label="Data de Validação" + value={formatDate(result.prova.dataCriacao)} + /> + <DetailItem + label="Última Verificação" + value={formatDate(result.prova.dataValida)} + /> </div> </div> <div className="border-b border-gray-200 py-6"> - <h3 className="text-xl font-semibold text-gray-800 mb-4">Informações de Segurança</h3> + <h3 className="text-xl font-semibold text-gray-800 mb-4"> + Informações de Segurança + </h3> <div className="space-y-3 font-mono text-sm overflow-auto bg-gray-50 p-4 rounded-lg"> - <DetailItem label="SHA-256" value={result.prova.checksumSha256} /> - <DetailItem label="SHA-512" value={result.prova.checksumSha512} /> + <DetailItem + label="SHA-256" + value={result.prova.checksumSha256} + /> + <DetailItem + label="SHA-512" + value={result.prova.checksumSha512} + /> <DetailItem label="MD5" value={result.prova.checksumMd5} /> - <DetailItem - label="Registro Temporal" - value={formatDate(result.prova.timestamp ? - JSON.parse(result.prova.timestamp).timestamp : - result.prova.dataCriacao)} + <DetailItem + label="Registro Temporal" + value={formatDate( + result.prova.timestamp + ? JSON.parse(result.prova.timestamp).timestamp + : result.prova.dataCriacao, + )} /> <div className="grid grid-cols-1 md:grid-cols-2 gap-4"> <div> - <dt className="text-sm font-medium text-gray-500">IP:</dt> + <dt className="text-sm font-medium text-gray-500"> + IP: + </dt> <dd className="mt-1 text-base text-gray-900 break-words"> - {result.verificacao?.ip || - result.prova.metadata?.connectionInfo?.forwardedIp || - (result.prova.metadata?.headers?.['x-forwarded-for'] ? - result.prova.metadata.headers['x-forwarded-for'].split(',')[0].trim() : - result.prova.metadata?.ipAddress) || - 'Não disponível'} + {result.verificacao?.ip || + result.prova.metadata?.connectionInfo + ?.forwardedIp || + (result.prova.metadata?.headers?.["x-forwarded-for"] + ? result.prova.metadata.headers["x-forwarded-for"] + .split(",")[0] + .trim() + : result.prova.metadata?.ipAddress) || + "Não disponível"} </dd> </div> <div> - <dt className="text-sm font-medium text-gray-500">Porta:</dt> + <dt className="text-sm font-medium text-gray-500"> + Porta: + </dt> <dd className="mt-1 text-base text-gray-900 break-words"> - {result.verificacao?.porta || - result.prova.metadata?.clientPort || - result.prova.metadata?.connectionInfo?.socketPort || - 'Não disponível'} + {result.verificacao?.porta || + result.prova.metadata?.clientPort || + result.prova.metadata?.connectionInfo?.socketPort || + "Não disponível"} </dd> </div> </div> @@ -187,79 +258,94 @@ export function PublicVerificarProva() { {result.prova.metadata && ( <div className="py-6"> - <h3 className="text-xl font-semibold text-gray-800 mb-4">Informações de Contexto</h3> + <h3 className="text-xl font-semibold text-gray-800 mb-4"> + Informações de Contexto + </h3> <div className="grid grid-cols-1 md:grid-cols-2 gap-4 bg-gray-50 p-4 rounded-lg"> {result.prova.metadata.userInfo ? ( <> - <DetailItem - label="Navegador" - value={`${result.prova.metadata.userInfo.browser?.name || 'N/A'} ${result.prova.metadata.userInfo.browser?.version || ''}`} + <DetailItem + label="Navegador" + value={`${result.prova.metadata.userInfo.browser?.name || "N/A"} ${result.prova.metadata.userInfo.browser?.version || ""}`} /> - <DetailItem - label="Sistema Operacional" - value={`${result.prova.metadata.userInfo.os?.name || 'N/A'} ${result.prova.metadata.userInfo.os?.version || ''}`} + <DetailItem + label="Sistema Operacional" + value={`${result.prova.metadata.userInfo.os?.name || "N/A"} ${result.prova.metadata.userInfo.os?.version || ""}`} /> - <DetailItem - label="Dispositivo" - value={result.prova.metadata.userInfo.device?.type || 'desktop'} + <DetailItem + label="Dispositivo" + value={ + result.prova.metadata.userInfo.device?.type || + "desktop" + } /> </> ) : ( <> {/* Exibir informações do navegador - baseado no user-agent */} - <DetailItem - label="User-Agent" - value={result.prova.metadata.userAgent || 'Mozilla/5.0 (Windows NT 10.0; Win64; x64)'} + <DetailItem + label="User-Agent" + value={ + result.prova.metadata.userAgent || + "Mozilla/5.0 (Windows NT 10.0; Win64; x64)" + } /> - + {/* Exibir informações do sistema */} - <DetailItem - label="Sistema" - value={result.prova.metadata.platform || 'Windows 10'} + <DetailItem + label="Sistema" + value={ + result.prova.metadata.platform || "Windows 10" + } /> </> )} - + {/* Garantir exibição do IP */} - <DetailItem - label="Endereço IP" + <DetailItem + label="Endereço IP" value={ - result.prova.metadata.ipAddress || + result.prova.metadata.ipAddress || result.prova.metadata.connectionInfo?.ip || result.prova.metadata.connectionInfo?.socketAddress || - '::1' - } + "::1" + } /> - + {/* Garantir exibição da porta */} - <DetailItem - label="Porta de Conexão" + <DetailItem + label="Porta de Conexão" value={ - result.prova.metadata.clientPort || - (result.prova.metadata.connectionInfo?.socketPort ? - result.prova.metadata.connectionInfo.socketPort : '61465') - } + result.prova.metadata.clientPort || + (result.prova.metadata.connectionInfo?.socketPort + ? result.prova.metadata.connectionInfo.socketPort + : "61465") + } /> - + {/* Adicionar família IP */} - <DetailItem - label="Família IP" + <DetailItem + label="Família IP" value={ - result.prova.metadata.connectionInfo?.remoteFamily || - ((result.prova.metadata.ipAddress || '::1').includes(':') ? 'IPv6' : 'IPv4') - } + result.prova.metadata.connectionInfo?.remoteFamily || + ((result.prova.metadata.ipAddress || "::1").includes( + ":", + ) + ? "IPv6" + : "IPv4") + } /> - + {/* Adicionar idioma */} <DetailItem label="Idioma" value={ result.prova.metadata.language || - result.prova.metadata.headers?.['accept-language'] || - 'pt-BR' + result.prova.metadata.headers?.["accept-language"] || + "pt-BR" } /> - + {/* Adicionar timezone */} {result.prova.metadata.timezone && ( <DetailItem @@ -267,44 +353,55 @@ export function PublicVerificarProva() { value={result.prova.metadata.timezone} /> )} - + {/* Garantir exibição de data de modificação */} - {(result.prova.metadata.file_specific?.modified || result.prova.metadata.modification_times) && ( - <DetailItem - label="Data de Modificação Original" - value={formatDate(result.prova.metadata.file_specific?.modified || - (result.prova.metadata.modification_times ? - new Date(parseInt(result.prova.metadata.modification_times)) : null))} + {(result.prova.metadata.file_specific?.modified || + result.prova.metadata.modification_times) && ( + <DetailItem + label="Data de Modificação Original" + value={formatDate( + result.prova.metadata.file_specific?.modified || + (result.prova.metadata.modification_times + ? new Date( + parseInt( + result.prova.metadata.modification_times, + ), + ) + : null), + )} /> )} - + {/* Exibir geolocalização se disponível */} - {(result.prova.metadata.latitude !== undefined || result.prova.metadata.longitude !== undefined) && ( + {(result.prova.metadata.latitude !== undefined || + result.prova.metadata.longitude !== undefined) && ( <DetailItem label="Coordenadas" - value={`${result.prova.metadata.latitude || 'N/A'}, ${result.prova.metadata.longitude || 'N/A'}`} + value={`${result.prova.metadata.latitude || "N/A"}, ${result.prova.metadata.longitude || "N/A"}`} /> )} - + <div className="col-span-1 md:col-span-2 mt-1"> <div className="text-xs text-gray-500 italic"> - A data de modificação representa o momento real em que o arquivo foi alterado pela última vez, - sendo muito mais confiável que a data de criação para efeitos de validação temporal. + A data de modificação representa o momento real em que + o arquivo foi alterado pela última vez, sendo muito + mais confiável que a data de criação para efeitos de + validação temporal. </div> </div> </div> </div> )} - + <div className="pt-4 flex flex-col sm:flex-row gap-3 justify-center"> - <Link - to="/provas/upload" + <Link + to="/provas/upload" className="inline-flex items-center justify-center px-6 py-3 border border-transparent text-base font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700" > Validar Novo Documento </Link> {result.verified && ( - <a + <a href={`/api/provas/relatorio/${result.prova.checksumSha256}`} target="_blank" rel="noopener noreferrer" @@ -317,9 +414,10 @@ export function PublicVerificarProva() { </div> )} </div> - + <div className="bg-gray-50 px-6 py-4 text-center text-sm text-gray-500"> - Documento validado através do sistema AdvX Provas - Integridade e Autenticidade Digital + Documento validado através do sistema AdvX Provas - Integridade e + Autenticidade Digital </div> </div> </div> diff --git a/src/components/provas/VerificarProva.tsx b/src/components/provas/VerificarProva.tsx index 735d69d..0c1921c 100644 --- a/src/components/provas/VerificarProva.tsx +++ b/src/components/provas/VerificarProva.tsx @@ -1,8 +1,3 @@ -import React, { useState, useEffect } from 'react'; -import { useParams } from 'react-router-dom'; -import axios from 'axios'; // Importar axios para fazer a requisição -import { format } from 'date-fns'; -import { ptBR } from 'date-fns/locale'; import { Container, Box, @@ -12,8 +7,13 @@ import { Paper, Grid, Divider, - Button -} from '@mui/material'; + Button, +} from "@mui/material"; +import axios from "axios"; // Importar axios para fazer a requisição +import { format } from "date-fns"; +import { ptBR } from "date-fns/locale"; +import React, { useState, useEffect } from "react"; +import { useParams } from "react-router-dom"; // Componente para verificação de provas digitais export const VerificarProva: React.FC = () => { @@ -21,15 +21,15 @@ export const VerificarProva: React.FC = () => { const [prova, setProva] = useState<any>(null); const [loading, setLoading] = useState<boolean>(true); const [error, setError] = useState<string | null>(null); - + // URL base da API - usar a mesma do ambiente atual - const API_BASE_URL = process.env.REACT_APP_API_URL || '/api'; + const API_BASE_URL = process.env.REACT_APP_API_URL || "/api"; useEffect(() => { const fetchProvaDetails = async () => { try { setLoading(true); - + // Obter informações de conexão do cliente para incluir nos logs const connectionInfo = { userAgent: navigator.userAgent, @@ -37,40 +37,45 @@ export const VerificarProva: React.FC = () => { platform: navigator.platform, screenWidth: window.screen.width, screenHeight: window.screen.height, - timestamp: new Date().toISOString() + timestamp: new Date().toISOString(), }; - + // Fazer a requisição para verificar a prova - const response = await axios.get(`${API_BASE_URL}/provas/verificar/${hash}`, { - headers: { - 'Content-Type': 'application/json' - } - }); - + const response = await axios.get( + `${API_BASE_URL}/provas/verificar/${hash}`, + { + headers: { + "Content-Type": "application/json", + }, + }, + ); + // Também registrar a verificação separadamente try { await axios.post(`${API_BASE_URL}/provas/registrar-verificacao`, { hash, - verificationContext: connectionInfo + verificationContext: connectionInfo, }); } catch (logError) { - console.warn('Erro ao registrar verificação:', logError); + console.warn("Erro ao registrar verificação:", logError); // Não interromper o fluxo principal por erro no log } - + setProva(response.data); setLoading(false); } catch (error) { - console.error('Erro ao verificar prova:', error); - setError('Não foi possível verificar este documento. O hash pode ser inválido ou o documento não existe.'); + console.error("Erro ao verificar prova:", error); + setError( + "Não foi possível verificar este documento. O hash pode ser inválido ou o documento não existe.", + ); setLoading(false); } }; - + if (hash) { fetchProvaDetails(); } else { - setError('Hash de verificação não fornecido'); + setError("Hash de verificação não fornecido"); setLoading(false); } }, [hash, API_BASE_URL]); @@ -79,11 +84,11 @@ export const VerificarProva: React.FC = () => { if (loading) { return ( <Container maxWidth="md"> - <Box - display="flex" - flexDirection="column" - alignItems="center" - justifyContent="center" + <Box + display="flex" + flexDirection="column" + alignItems="center" + justifyContent="center" minHeight="70vh" > <CircularProgress size={60} /> @@ -104,10 +109,10 @@ export const VerificarProva: React.FC = () => { <Typography>{error}</Typography> </Alert> <Box mt={2}> - <Button - variant="contained" - color="primary" - onClick={() => window.location.href = '/'} + <Button + variant="contained" + color="primary" + onClick={() => (window.location.href = "/")} > Voltar à página inicial </Button> @@ -121,9 +126,9 @@ export const VerificarProva: React.FC = () => { const formatarData = (dataString: string) => { try { const data = new Date(dataString); - return format(data, 'dd/MM/yyyy HH:mm:ss', { locale: ptBR }); + return format(data, "dd/MM/yyyy HH:mm:ss", { locale: ptBR }); } catch (error) { - return 'Data inválida'; + return "Data inválida"; } }; @@ -132,7 +137,9 @@ export const VerificarProva: React.FC = () => { <Box mt={4} mb={4}> {prova?.verified ? ( <Alert severity="success" variant="filled"> - <Typography variant="h6">Documento Verificado com Sucesso</Typography> + <Typography variant="h6"> + Documento Verificado com Sucesso + </Typography> <Typography> Este documento foi validado e sua integridade foi confirmada. </Typography> @@ -141,7 +148,8 @@ export const VerificarProva: React.FC = () => { <Alert severity="warning" variant="filled"> <Typography variant="h6">Verificação Inconclusiva</Typography> <Typography> - {prova?.message || 'Não foi possível confirmar a integridade deste documento.'} + {prova?.message || + "Não foi possível confirmar a integridade deste documento."} </Typography> </Alert> )} @@ -154,49 +162,49 @@ export const VerificarProva: React.FC = () => { Detalhes do Documento </Typography> <Divider sx={{ mb: 2 }} /> - + <Grid container spacing={2}> <Grid item xs={12} sm={6}> <Typography variant="subtitle1" fontWeight="bold"> Nome do arquivo: </Typography> <Typography gutterBottom> - {prova.prova?.fileName || 'Não disponível'} + {prova.prova?.fileName || "Não disponível"} </Typography> </Grid> - + <Grid item xs={12} sm={6}> <Typography variant="subtitle1" fontWeight="bold"> Tipo: </Typography> <Typography gutterBottom> - {prova.prova?.mimeType || 'Não disponível'} + {prova.prova?.mimeType || "Não disponível"} </Typography> </Grid> - + <Grid item xs={12}> <Typography variant="subtitle1" fontWeight="bold"> Hash SHA256: </Typography> - <Typography - gutterBottom - sx={{ wordBreak: 'break-all', fontSize: '0.9rem' }} + <Typography + gutterBottom + sx={{ wordBreak: "break-all", fontSize: "0.9rem" }} > - {prova.prova?.checksumSha256 || 'Não disponível'} + {prova.prova?.checksumSha256 || "Não disponível"} </Typography> </Grid> - + <Grid item xs={12} sm={6}> <Typography variant="subtitle1" fontWeight="bold"> Data de registro: </Typography> <Typography gutterBottom> - {prova.timestamp?.timestamp ? - formatarData(prova.timestamp.timestamp) : - 'Não disponível'} + {prova.timestamp?.timestamp + ? formatarData(prova.timestamp.timestamp) + : "Não disponível"} </Typography> </Grid> - + <Grid item xs={12} sm={6}> <Typography variant="subtitle1" fontWeight="bold"> Data de verificação: @@ -211,7 +219,9 @@ export const VerificarProva: React.FC = () => { IP: </Typography> <Typography gutterBottom> - {prova.verificacao?.ip || prova.prova?.metadata?.ipAddress || 'Não disponível'} + {prova.verificacao?.ip || + prova.prova?.metadata?.ipAddress || + "Não disponível"} </Typography> </Grid> @@ -220,15 +230,17 @@ export const VerificarProva: React.FC = () => { Porta: </Typography> <Typography gutterBottom> - {prova.verificacao?.porta || prova.prova?.metadata?.clientPort || 'Não disponível'} + {prova.verificacao?.porta || + prova.prova?.metadata?.clientPort || + "Não disponível"} </Typography> </Grid> </Grid> - + {prova.prova?.reportPath && ( <Box mt={3} display="flex" justifyContent="center"> - <Button - variant="contained" + <Button + variant="contained" color="primary" href={`${API_BASE_URL}/provas/download-report/${prova.prova.checksumSha256}`} target="_blank" diff --git a/src/components/tarefas/AnexosList.tsx b/src/components/tarefas/AnexosList.tsx index 2c032e2..0bc8227 100644 --- a/src/components/tarefas/AnexosList.tsx +++ b/src/components/tarefas/AnexosList.tsx @@ -1,11 +1,12 @@ -import React, { useCallback } from 'react'; -import { useDropzone } from 'react-dropzone'; -import { Anexo } from '../../types/entities'; -import { - DocumentIcon, - XMarkIcon, - ArrowDownTrayIcon -} from '@heroicons/react/24/outline'; +import { + DocumentIcon, + XMarkIcon, + ArrowDownTrayIcon, +} from "@heroicons/react/24/outline"; +import React, { useCallback } from "react"; +import { useDropzone } from "react-dropzone"; + +import { Anexo } from "../../types/entities"; interface AnexosListProps { anexos: Anexo[]; @@ -13,27 +14,30 @@ interface AnexosListProps { } export const AnexosList: React.FC<AnexosListProps> = ({ anexos, onChange }) => { - const onDrop = useCallback((acceptedFiles: File[]) => { - const novosAnexos: Anexo[] = acceptedFiles.map(file => ({ - id: Math.random().toString(), - nome: file.name, - tipo: file.type, - tamanho: file.size, - url: URL.createObjectURL(file), - tarefaId: '' - })); + const onDrop = useCallback( + (acceptedFiles: File[]) => { + const novosAnexos: Anexo[] = acceptedFiles.map((file) => ({ + id: Math.random().toString(), + nome: file.name, + tipo: file.type, + tamanho: file.size, + url: URL.createObjectURL(file), + tarefaId: "", + })); - onChange([...anexos, ...novosAnexos]); - }, [anexos, onChange]); + onChange([...anexos, ...novosAnexos]); + }, + [anexos, onChange], + ); const { getRootProps, getInputProps, isDragActive } = useDropzone({ onDrop }); const formatFileSize = (bytes: number) => { - if (bytes === 0) return '0 Bytes'; + if (bytes === 0) return "0 Bytes"; const k = 1024; - const sizes = ['Bytes', 'KB', 'MB', 'GB']; + const sizes = ["Bytes", "KB", "MB", "GB"]; const i = Math.floor(Math.log(bytes) / Math.log(k)); - return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i]; + return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + " " + sizes[i]; }; return ( @@ -41,21 +45,23 @@ export const AnexosList: React.FC<AnexosListProps> = ({ anexos, onChange }) => { <div {...getRootProps()} className={`border-2 border-dashed rounded-lg p-6 text-center cursor-pointer - ${isDragActive - ? 'border-blue-500 bg-blue-50 dark:bg-blue-900/20' - : 'border-gray-300 dark:border-gray-600'}`} + ${ + isDragActive + ? "border-blue-500 bg-blue-50 dark:bg-blue-900/20" + : "border-gray-300 dark:border-gray-600" + }`} > <input {...getInputProps()} /> <p className="text-gray-600 dark:text-gray-400"> {isDragActive - ? 'Solte os arquivos aqui...' - : 'Arraste e solte arquivos aqui, ou clique para selecionar'} + ? "Solte os arquivos aqui..." + : "Arraste e solte arquivos aqui, ou clique para selecionar"} </p> </div> <ul className="space-y-2"> {anexos.map((anexo) => ( - <li + <li key={anexo.id} className="flex items-center justify-between p-3 bg-gray-50 dark:bg-gray-700 rounded-lg" > @@ -73,14 +79,16 @@ export const AnexosList: React.FC<AnexosListProps> = ({ anexos, onChange }) => { <div className="flex items-center space-x-2"> <button type="button" - onClick={() => window.open(anexo.url, '_blank')} + onClick={() => window.open(anexo.url, "_blank")} className="text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300" > <ArrowDownTrayIcon className="h-5 w-5" /> </button> <button type="button" - onClick={() => onChange(anexos.filter(a => a.id !== anexo.id))} + onClick={() => + onChange(anexos.filter((a) => a.id !== anexo.id)) + } className="text-gray-400 hover:text-red-600 dark:text-gray-500 dark:hover:text-red-400" > <XMarkIcon className="h-5 w-5" /> diff --git a/src/components/tarefas/ComentariosList.tsx b/src/components/tarefas/ComentariosList.tsx index d5ef376..99deff6 100644 --- a/src/components/tarefas/ComentariosList.tsx +++ b/src/components/tarefas/ComentariosList.tsx @@ -1,16 +1,19 @@ -import React, { useState } from 'react'; -import { useAuth } from '../../contexts/AuthContext'; -import { Comentario } from '../../types/entities'; -import { format } from 'date-fns'; -import { ptBR } from 'date-fns/locale'; +import { format, ptBR } from "date-fns"; +import React, { useState } from "react"; + +import { useAuth } from "../../contexts/AuthContext"; +import { Comentario } from "../../types/entities"; interface ComentariosListProps { comentarios: Comentario[]; onChange: (comentarios: Comentario[]) => void; } -export const ComentariosList: React.FC<ComentariosListProps> = ({ comentarios, onChange }) => { - const [novoComentario, setNovoComentario] = useState(''); +export const ComentariosList: React.FC<ComentariosListProps> = ({ + comentarios, + onChange, +}) => { + const [novoComentario, setNovoComentario] = useState(""); const { user } = useAuth(); const adicionarComentario = () => { @@ -19,13 +22,13 @@ export const ComentariosList: React.FC<ComentariosListProps> = ({ comentarios, o const comentario: Comentario = { id: Math.random().toString(), texto: novoComentario, - criadoPorId: user?.id || '', + criadoPorId: user?.id || "", criadoEm: new Date(), - tarefaId: '' + tarefaId: "", }; onChange([...comentarios, comentario]); - setNovoComentario(''); + setNovoComentario(""); }; return ( @@ -54,7 +57,7 @@ export const ComentariosList: React.FC<ComentariosListProps> = ({ comentarios, o <div className="space-y-4"> {comentarios.map((comentario) => ( - <div + <div key={comentario.id} className="bg-gray-50 dark:bg-gray-700 rounded-lg p-4" > @@ -70,7 +73,11 @@ export const ComentariosList: React.FC<ComentariosListProps> = ({ comentarios, o {user?.nome} </p> <p className="text-xs text-gray-500 dark:text-gray-400"> - {format(new Date(comentario.criadoEm), "dd/MM/yyyy 'às' HH:mm", { locale: ptBR })} + {format( + new Date(comentario.criadoEm), + "dd/MM/yyyy 'às' HH:mm", + { locale: ptBR }, + )} </p> </div> </div> diff --git a/src/components/tarefas/SubtarefasList.tsx b/src/components/tarefas/SubtarefasList.tsx index 6023b77..4b99266 100644 --- a/src/components/tarefas/SubtarefasList.tsx +++ b/src/components/tarefas/SubtarefasList.tsx @@ -1,14 +1,18 @@ -import React, { useState } from 'react'; -import { PlusIcon, XMarkIcon, CheckIcon } from '@heroicons/react/24/outline'; -import { SubTarefa } from '../../types/entities'; +import { PlusIcon, XMarkIcon, CheckIcon } from "@heroicons/react/24/outline"; +import React, { useState } from "react"; + +import { SubTarefa } from "../../types/entities"; interface SubtarefasListProps { subtarefas: SubTarefa[]; onChange: (subtarefas: SubTarefa[]) => void; } -export const SubtarefasList: React.FC<SubtarefasListProps> = ({ subtarefas, onChange }) => { - const [novaTarefa, setNovaTarefa] = useState(''); +export const SubtarefasList: React.FC<SubtarefasListProps> = ({ + subtarefas, + onChange, +}) => { + const [novaTarefa, setNovaTarefa] = useState(""); const adicionarSubtarefa = () => { if (!novaTarefa.trim()) return; @@ -19,10 +23,10 @@ export const SubtarefasList: React.FC<SubtarefasListProps> = ({ subtarefas, onCh id: Math.random().toString(), titulo: novaTarefa, concluida: false, - tarefaId: '' - } + tarefaId: "", + }, ]); - setNovaTarefa(''); + setNovaTarefa(""); }; return ( @@ -34,7 +38,7 @@ export const SubtarefasList: React.FC<SubtarefasListProps> = ({ subtarefas, onCh onChange={(e) => setNovaTarefa(e.target.value)} placeholder="Nova subtarefa" className="flex-1 px-4 py-2 rounded-lg border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-700 text-gray-900 dark:text-white" - onKeyPress={(e) => e.key === 'Enter' && adicionarSubtarefa()} + onKeyPress={(e) => e.key === "Enter" && adicionarSubtarefa()} /> <button type="button" @@ -47,7 +51,7 @@ export const SubtarefasList: React.FC<SubtarefasListProps> = ({ subtarefas, onCh <ul className="space-y-2"> {subtarefas.map((subtarefa, index) => ( - <li + <li key={subtarefa.id} className="flex items-center justify-between p-2 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-700" > @@ -56,26 +60,33 @@ export const SubtarefasList: React.FC<SubtarefasListProps> = ({ subtarefas, onCh type="button" onClick={() => { const novasSubtarefas = [...subtarefas]; - novasSubtarefas[index].concluida = !novasSubtarefas[index].concluida; + novasSubtarefas[index].concluida = + !novasSubtarefas[index].concluida; onChange(novasSubtarefas); }} className={`h-5 w-5 rounded border ${ - subtarefa.concluida - ? 'bg-blue-600 border-blue-600 text-white' - : 'border-gray-300 dark:border-gray-600' + subtarefa.concluida + ? "bg-blue-600 border-blue-600 text-white" + : "border-gray-300 dark:border-gray-600" }`} > {subtarefa.concluida && <CheckIcon className="h-4 w-4" />} </button> - <span className={`text-gray-900 dark:text-white ${ - subtarefa.concluida ? 'line-through text-gray-500 dark:text-gray-400' : '' - }`}> + <span + className={`text-gray-900 dark:text-white ${ + subtarefa.concluida + ? "line-through text-gray-500 dark:text-gray-400" + : "" + }`} + > {subtarefa.titulo} </span> </div> <button type="button" - onClick={() => onChange(subtarefas.filter(s => s.id !== subtarefa.id))} + onClick={() => + onChange(subtarefas.filter((s) => s.id !== subtarefa.id)) + } className="text-gray-400 hover:text-red-600 dark:text-gray-500 dark:hover:text-red-400" > <XMarkIcon className="h-5 w-5" /> diff --git a/src/components/tarefas/TarefaCard.tsx b/src/components/tarefas/TarefaCard.tsx index e11d8fd..61f7239 100644 --- a/src/components/tarefas/TarefaCard.tsx +++ b/src/components/tarefas/TarefaCard.tsx @@ -1,10 +1,16 @@ -import React from 'react'; -import { Tarefa } from '../../types/entities'; -import { format } from 'date-fns'; -import { ptBR } from 'date-fns/locale'; -import { PencilIcon, CheckIcon, XMarkIcon, ExclamationTriangleIcon, TrashIcon } from '@heroicons/react/24/outline'; -import { useAuth } from '../../contexts/AuthContext'; -import { useTarefas } from '../../hooks/useTarefas'; +import { + PencilIcon, + CheckIcon, + XMarkIcon, + ExclamationTriangleIcon, + TrashIcon, +} from "@heroicons/react/24/outline"; +import { format, ptBR } from "date-fns"; +import React from "react"; + +import { useAuth } from "../../contexts/AuthContext"; +import { useTarefas } from "../../hooks/useTarefas"; +import { Tarefa } from "../../types/entities"; interface TarefaCardProps { tarefa: Tarefa; @@ -12,30 +18,39 @@ interface TarefaCardProps { onStatusChange: (id: string, status: string, progresso?: number) => void; } -export const TarefaCard: React.FC<TarefaCardProps> = ({ tarefa, onEdit, onStatusChange }) => { +export const TarefaCard: React.FC<TarefaCardProps> = ({ + tarefa, + onEdit, + onStatusChange, +}) => { const { user } = useAuth(); const { deleteTarefa } = useTarefas(); - const canDelete = user && ['ADVOGADO_ADMIN', 'ADVOGADO'].includes(user.perfil); + const canDelete = + user && ["ADVOGADO_ADMIN", "ADVOGADO"].includes(user.perfil); const handleDelete = async (e: React.MouseEvent) => { e.stopPropagation(); - if (!window.confirm('Tem certeza que deseja excluir esta tarefa?')) return; - + if (!window.confirm("Tem certeza que deseja excluir esta tarefa?")) return; + try { await deleteTarefa.mutateAsync(tarefa.id); } catch (error) { - console.error('Erro ao excluir tarefa:', error); - alert('Erro ao excluir tarefa'); + console.error("Erro ao excluir tarefa:", error); + alert("Erro ao excluir tarefa"); } }; const getPrioridadeColor = () => { switch (tarefa.prioridade) { - case 'BAIXA': return 'bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200'; - case 'MEDIA': return 'bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-200'; - case 'ALTA': return 'bg-orange-100 text-orange-800 dark:bg-orange-900 dark:text-orange-200'; - case 'URGENTE': return 'bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-200'; + case "BAIXA": + return "bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200"; + case "MEDIA": + return "bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-200"; + case "ALTA": + return "bg-orange-100 text-orange-800 dark:bg-orange-900 dark:text-orange-200"; + case "URGENTE": + return "bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-200"; } }; @@ -53,7 +68,9 @@ export const TarefaCard: React.FC<TarefaCardProps> = ({ tarefa, onEdit, onStatus > <PencilIcon className="h-5 w-5" /> </button> - <span className={`px-2 py-1 text-xs rounded-full ${getPrioridadeColor()}`}> + <span + className={`px-2 py-1 text-xs rounded-full ${getPrioridadeColor()}`} + > {tarefa.prioridade} </span> </div> @@ -65,8 +82,8 @@ export const TarefaCard: React.FC<TarefaCardProps> = ({ tarefa, onEdit, onStatus <div className="mt-4"> <div className="w-full bg-gray-200 dark:bg-gray-600 rounded-full h-2"> - <div - className="bg-blue-600 h-2 rounded-full" + <div + className="bg-blue-600 h-2 rounded-full" style={{ width: `${tarefa.progresso}%` }} /> </div> @@ -76,19 +93,27 @@ export const TarefaCard: React.FC<TarefaCardProps> = ({ tarefa, onEdit, onStatus <div className="flex items-center space-x-4"> <div className="flex -space-x-2"> {tarefa.subtarefas.map((subtarefa, index) => ( - <div + <div key={subtarefa.id} className={`h-6 w-6 rounded-full flex items-center justify-center text-xs - ${subtarefa.concluida - ? 'bg-green-100 text-green-600 dark:bg-green-900 dark:text-green-200' - : 'bg-gray-100 text-gray-600 dark:bg-gray-800 dark:text-gray-400'}`} + ${ + subtarefa.concluida + ? "bg-green-100 text-green-600 dark:bg-green-900 dark:text-green-200" + : "bg-gray-100 text-gray-600 dark:bg-gray-800 dark:text-gray-400" + }`} > - {subtarefa.concluida ? <CheckIcon className="h-3 w-3" /> : index + 1} + {subtarefa.concluida ? ( + <CheckIcon className="h-3 w-3" /> + ) : ( + index + 1 + )} </div> ))} </div> <span className="text-gray-500 dark:text-gray-400"> - {format(new Date(tarefa.dataVencimento), "dd/MM/yyyy", { locale: ptBR })} + {format(new Date(tarefa.dataVencimento), "dd/MM/yyyy", { + locale: ptBR, + })} </span> </div> @@ -105,17 +130,17 @@ export const TarefaCard: React.FC<TarefaCardProps> = ({ tarefa, onEdit, onStatus <div className="mt-4 flex items-center justify-between"> <div className="flex space-x-2"> - {tarefa.status !== 'CONCLUIDA' && tarefa.status !== 'CANCELADA' && ( + {tarefa.status !== "CONCLUIDA" && tarefa.status !== "CANCELADA" && ( <> <button - onClick={() => onStatusChange(tarefa.id, 'CONCLUIDA', 100)} + onClick={() => onStatusChange(tarefa.id, "CONCLUIDA", 100)} className="p-2 text-green-600 hover:bg-green-50 rounded-lg" title="Concluir tarefa" > <CheckIcon className="h-5 w-5" /> </button> <button - onClick={() => onStatusChange(tarefa.id, 'CANCELADA', 0)} + onClick={() => onStatusChange(tarefa.id, "CANCELADA", 0)} className="p-2 text-red-600 hover:bg-red-50 rounded-lg" title="Cancelar tarefa" > @@ -123,10 +148,16 @@ export const TarefaCard: React.FC<TarefaCardProps> = ({ tarefa, onEdit, onStatus </button> <button onClick={() => { - const novoProgresso = prompt('Digite o percentual de conclusão (0-100):', tarefa.progresso?.toString()); + const novoProgresso = prompt( + "Digite o percentual de conclusão (0-100):", + tarefa.progresso?.toString(), + ); if (novoProgresso !== null) { - const progresso = Math.min(100, Math.max(0, parseInt(novoProgresso))); - onStatusChange(tarefa.id, 'EM_ANDAMENTO', progresso); + const progresso = Math.min( + 100, + Math.max(0, parseInt(novoProgresso)), + ); + onStatusChange(tarefa.id, "EM_ANDAMENTO", progresso); } }} className="p-2 text-yellow-600 hover:bg-yellow-50 rounded-lg" diff --git a/src/components/tarefas/TarefaKanban.tsx b/src/components/tarefas/TarefaKanban.tsx index bf4013f..de47b57 100644 --- a/src/components/tarefas/TarefaKanban.tsx +++ b/src/components/tarefas/TarefaKanban.tsx @@ -1,9 +1,11 @@ -import React from 'react'; -import { useQuery } from 'react-query'; -import { DragDropContext, Droppable } from 'react-beautiful-dnd'; -import { Tarefa } from '../../types/entities'; -import { TarefaCard } from './TarefaCard'; -import api from '../../services/api'; +import React from "react"; +import { DragDropContext, Droppable } from "react-beautiful-dnd"; +import { useQuery } from "react-query"; + +import api from "../../services/api"; +import { Tarefa } from "../../types/entities"; + +import { TarefaCard } from "./TarefaCard"; interface TarefaKanbanProps { onEdit: (tarefa: Tarefa) => void; @@ -11,14 +13,17 @@ interface TarefaKanbanProps { } const colunas = [ - { id: 'PENDENTE', titulo: 'Pendentes' }, - { id: 'EM_ANDAMENTO', titulo: 'Em Andamento' }, - { id: 'CONCLUIDA', titulo: 'Concluídas' }, + { id: "PENDENTE", titulo: "Pendentes" }, + { id: "EM_ANDAMENTO", titulo: "Em Andamento" }, + { id: "CONCLUIDA", titulo: "Concluídas" }, ]; -export const TarefaKanban: React.FC<TarefaKanbanProps> = ({ onEdit, onStatusChange }) => { - const { data: tarefas = [], refetch } = useQuery('tarefas', async () => { - const response = await api.get('/tarefas'); +export const TarefaKanban: React.FC<TarefaKanbanProps> = ({ + onEdit, + onStatusChange, +}) => { + const { data: tarefas = [], refetch } = useQuery("tarefas", async () => { + const response = await api.get("/tarefas"); return response.data; }); @@ -26,7 +31,7 @@ export const TarefaKanban: React.FC<TarefaKanbanProps> = ({ onEdit, onStatusChan if (!result.destination) return; const { draggableId, source, destination } = result; - + if (source.droppableId !== destination.droppableId) { onStatusChange(draggableId, destination.droppableId); } @@ -36,11 +41,14 @@ export const TarefaKanban: React.FC<TarefaKanbanProps> = ({ onEdit, onStatusChan <DragDropContext onDragEnd={handleDragEnd}> <div className="grid grid-cols-1 md:grid-cols-3 gap-6"> {colunas.map((coluna) => ( - <div key={coluna.id} className="bg-gray-50 dark:bg-gray-800 rounded-lg p-4"> + <div + key={coluna.id} + className="bg-gray-50 dark:bg-gray-800 rounded-lg p-4" + > <h3 className="text-lg font-medium text-gray-900 dark:text-white mb-4"> {coluna.titulo} </h3> - + <Droppable droppableId={coluna.id}> {(provided) => ( <div diff --git a/src/components/tarefas/TarefaModal.tsx b/src/components/tarefas/TarefaModal.tsx index 4d60374..577568a 100644 --- a/src/components/tarefas/TarefaModal.tsx +++ b/src/components/tarefas/TarefaModal.tsx @@ -1,14 +1,16 @@ -import React, { useState, useEffect } from 'react'; -import { Dialog } from '@headlessui/react'; -import { useForm } from 'react-hook-form'; -import { useQuery } from 'react-query'; -import { DatePicker } from '@mui/x-date-pickers'; -import { Tarefa } from '../../types/entities'; -import { XMarkIcon } from '@heroicons/react/24/outline'; -import { SubtarefasList } from './SubtarefasList'; -import { ComentariosList } from './ComentariosList'; -import api from '../../services/api'; -import { useTarefas } from '../../hooks/useTarefas'; +import { Dialog } from "@headlessui/react"; +import { XMarkIcon } from "@heroicons/react/24/outline"; +import { DatePicker } from "@mui/x-date-pickers"; +import React, { useState, useEffect } from "react"; +import { useForm } from "react-hook-form"; +import { useQuery } from "react-query"; + +import { useTarefas } from "../../hooks/useTarefas"; +import api from "../../services/api"; +import { Tarefa } from "../../types/entities"; + +import { ComentariosList } from "./ComentariosList"; +import { SubtarefasList } from "./SubtarefasList"; interface TarefaModalProps { isOpen: boolean; @@ -16,21 +18,25 @@ interface TarefaModalProps { tarefa?: Tarefa | null; } -export const TarefaModal: React.FC<TarefaModalProps> = ({ isOpen, onClose, tarefa }) => { - const [activeTab, setActiveTab] = useState('detalhes'); +export const TarefaModal: React.FC<TarefaModalProps> = ({ + isOpen, + onClose, + tarefa, +}) => { + const [activeTab, setActiveTab] = useState("detalhes"); const { register, handleSubmit, reset, setValue, watch } = useForm(); const [loading, setLoading] = useState(false); const { createTarefa, updateTarefa } = useTarefas(); // Buscar usuários para atribuição - const { data: usuarios = [] } = useQuery('usuarios', async () => { - const response = await api.get('/usuarios'); + const { data: usuarios = [] } = useQuery("usuarios", async () => { + const response = await api.get("/usuarios"); return response.data; }); // Buscar processos ativos - const { data: processos = [] } = useQuery('processos', async () => { - const response = await api.get('/processos'); + const { data: processos = [] } = useQuery("processos", async () => { + const response = await api.get("/processos"); return response.data; }); @@ -39,12 +45,12 @@ export const TarefaModal: React.FC<TarefaModalProps> = ({ isOpen, onClose, taref reset(tarefa); } else { reset({ - status: 'PENDENTE', - prioridade: 'MEDIA', + status: "PENDENTE", + prioridade: "MEDIA", progresso: 0, etiquetas: [], subtarefas: [], - comentarios: [] + comentarios: [], }); } }, [tarefa, reset]); @@ -54,7 +60,7 @@ export const TarefaModal: React.FC<TarefaModalProps> = ({ isOpen, onClose, taref reset({ ...tarefa, dataInicio: new Date(tarefa.dataInicio), - dataVencimento: new Date(tarefa.dataVencimento) + dataVencimento: new Date(tarefa.dataVencimento), }); } }, [tarefa, isOpen, reset]); @@ -70,31 +76,31 @@ export const TarefaModal: React.FC<TarefaModalProps> = ({ isOpen, onClose, taref // Remover campos que não devem ser enviados id: undefined, criadoEm: undefined, - atualizadoEm: undefined + atualizadoEm: undefined, }; if (tarefa) { // Para edição, enviar id separadamente - await updateTarefa.mutateAsync({ - id: tarefa.id, - data: dadosParaEnviar + await updateTarefa.mutateAsync({ + id: tarefa.id, + data: dadosParaEnviar, }); } else { await createTarefa.mutateAsync(dadosParaEnviar); } onClose(); } catch (error) { - console.error('Erro ao salvar tarefa:', error); - alert('Erro ao salvar tarefa. Por favor, tente novamente.'); + console.error("Erro ao salvar tarefa:", error); + alert("Erro ao salvar tarefa. Por favor, tente novamente."); } finally { setLoading(false); } }; const tabs = [ - { id: 'detalhes', label: 'Detalhes' }, - { id: 'subtarefas', label: 'Subtarefas' }, - { id: 'comentarios', label: 'Comentários' }, + { id: "detalhes", label: "Detalhes" }, + { id: "subtarefas", label: "Subtarefas" }, + { id: "comentarios", label: "Comentários" }, ]; return ( @@ -108,23 +114,27 @@ export const TarefaModal: React.FC<TarefaModalProps> = ({ isOpen, onClose, taref <div className="border-b border-gray-200 dark:border-gray-700 p-4"> <div className="flex justify-between items-center"> <Dialog.Title className="text-lg font-semibold text-gray-900 dark:text-white"> - {tarefa ? 'Editar Tarefa' : 'Nova Tarefa'} + {tarefa ? "Editar Tarefa" : "Nova Tarefa"} </Dialog.Title> - <button onClick={onClose} className="text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200"> + <button + onClick={onClose} + className="text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200" + > <XMarkIcon className="h-6 w-6" /> </button> </div> {/* Tabs */} <div className="flex space-x-4 mt-4"> - {tabs.map(tab => ( + {tabs.map((tab) => ( <button key={tab.id} onClick={() => setActiveTab(tab.id)} className={`px-4 py-2 rounded-lg text-sm font-medium transition-colors - ${activeTab === tab.id - ? 'bg-blue-100 text-blue-700 dark:bg-blue-900 dark:text-blue-200' - : 'text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200' + ${ + activeTab === tab.id + ? "bg-blue-100 text-blue-700 dark:bg-blue-900 dark:text-blue-200" + : "text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200" }`} > {tab.label} @@ -137,12 +147,12 @@ export const TarefaModal: React.FC<TarefaModalProps> = ({ isOpen, onClose, taref <form onSubmit={handleSubmit(onSubmit)} className="p-6"> {/* Conteúdo das tabs */} <div className="space-y-6"> - {activeTab === 'detalhes' && ( + {activeTab === "detalhes" && ( <div className="grid grid-cols-2 gap-4"> <div className="col-span-2"> <input type="text" - {...register('titulo')} + {...register("titulo")} placeholder="Título da tarefa" className="w-full px-4 py-2 text-xl font-medium border-0 border-b-2 border-gray-200 dark:border-gray-700 bg-transparent text-gray-900 dark:text-white focus:ring-0 focus:border-blue-500" /> @@ -150,7 +160,7 @@ export const TarefaModal: React.FC<TarefaModalProps> = ({ isOpen, onClose, taref <div className="col-span-2"> <textarea - {...register('descricao')} + {...register("descricao")} rows={3} placeholder="Descrição detalhada" className="w-full px-4 py-2 rounded-lg border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-700 text-gray-900 dark:text-white" @@ -159,7 +169,7 @@ export const TarefaModal: React.FC<TarefaModalProps> = ({ isOpen, onClose, taref <div className="space-y-4"> <select - {...register('prioridade')} + {...register("prioridade")} className="w-full p-2 rounded-lg border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-700 text-gray-900 dark:text-white" > <option value="BAIXA">Baixa</option> @@ -169,7 +179,7 @@ export const TarefaModal: React.FC<TarefaModalProps> = ({ isOpen, onClose, taref </select> <select - {...register('responsavelId')} + {...register("responsavelId")} className="w-full p-2 rounded-lg border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-700 text-gray-900 dark:text-white" > <option value="">Selecione um responsável</option> @@ -184,34 +194,38 @@ export const TarefaModal: React.FC<TarefaModalProps> = ({ isOpen, onClose, taref <div className="space-y-4"> <DatePicker label="Data de Início" - value={watch('dataInicio')} - onChange={(date) => setValue('dataInicio', date)} + value={watch("dataInicio")} + onChange={(date) => setValue("dataInicio", date)} className="w-full" - slotProps={{ textField: { size: 'small' } }} + slotProps={{ textField: { size: "small" } }} /> <DatePicker label="Data de Vencimento" - value={watch('dataVencimento')} - onChange={(date) => setValue('dataVencimento', date)} + value={watch("dataVencimento")} + onChange={(date) => setValue("dataVencimento", date)} className="w-full" - slotProps={{ textField: { size: 'small' } }} + slotProps={{ textField: { size: "small" } }} /> </div> </div> )} - {activeTab === 'subtarefas' && ( + {activeTab === "subtarefas" && ( <SubtarefasList - subtarefas={watch('subtarefas') || []} - onChange={(subtarefas) => setValue('subtarefas', subtarefas)} + subtarefas={watch("subtarefas") || []} + onChange={(subtarefas) => + setValue("subtarefas", subtarefas) + } /> )} - {activeTab === 'comentarios' && ( + {activeTab === "comentarios" && ( <ComentariosList - comentarios={watch('comentarios') || []} - onChange={(comentarios) => setValue('comentarios', comentarios)} + comentarios={watch("comentarios") || []} + onChange={(comentarios) => + setValue("comentarios", comentarios) + } /> )} </div> @@ -229,7 +243,7 @@ export const TarefaModal: React.FC<TarefaModalProps> = ({ isOpen, onClose, taref disabled={loading} className="px-4 py-2 text-sm font-medium text-white bg-blue-600 hover:bg-blue-700 rounded-lg disabled:opacity-50" > - {loading ? 'Salvando...' : tarefa ? 'Salvar' : 'Criar'} + {loading ? "Salvando..." : tarefa ? "Salvar" : "Criar"} </button> </div> </form> @@ -238,4 +252,4 @@ export const TarefaModal: React.FC<TarefaModalProps> = ({ isOpen, onClose, taref </div> </Dialog> ); -}; \ No newline at end of file +}; diff --git a/src/components/tarefas/TarefasList.tsx b/src/components/tarefas/TarefasList.tsx index 80db77f..54e6ea0 100644 --- a/src/components/tarefas/TarefasList.tsx +++ b/src/components/tarefas/TarefasList.tsx @@ -1,53 +1,59 @@ -import React from 'react'; -import { useQuery } from 'react-query'; -import { Tarefa } from '../../types/entities'; -import { format } from 'date-fns'; -import { ptBR } from 'date-fns/locale'; -import { PencilIcon, TrashIcon } from '@heroicons/react/24/outline'; -import api from '../../services/api'; -import { useAuth } from '../../contexts/AuthContext'; -import { useTarefas } from '../../hooks/useTarefas'; +import { PencilIcon, TrashIcon } from "@heroicons/react/24/outline"; +import { format, ptBR } from "date-fns"; +import React from "react"; +import { useQuery } from "react-query"; + +import { useAuth } from "../../contexts/AuthContext"; +import { useTarefas } from "../../hooks/useTarefas"; +import api from "../../services/api"; +import { Tarefa } from "../../types/entities"; interface TarefasListProps { onEdit: (tarefa: Tarefa) => void; onStatusChange: (id: string, status: string, progresso?: number) => void; } -export const TarefasList: React.FC<TarefasListProps> = ({ onEdit, onStatusChange }) => { +export const TarefasList: React.FC<TarefasListProps> = ({ + onEdit, + onStatusChange, +}) => { const { user } = useAuth(); const { tarefas, isLoading, deleteTarefa } = useTarefas(); const getPrioridadeColor = (prioridade: string) => { const colors = { - 'BAIXA': 'bg-green-100 text-green-800', - 'MEDIA': 'bg-yellow-100 text-yellow-800', - 'ALTA': 'bg-orange-100 text-orange-800', - 'URGENTE': 'bg-red-100 text-red-800' + BAIXA: "bg-green-100 text-green-800", + MEDIA: "bg-yellow-100 text-yellow-800", + ALTA: "bg-orange-100 text-orange-800", + URGENTE: "bg-red-100 text-red-800", }; - return colors[prioridade as keyof typeof colors] || 'bg-gray-100 text-gray-800'; + return ( + colors[prioridade as keyof typeof colors] || "bg-gray-100 text-gray-800" + ); }; const getStatusColor = (status: string) => { const colors = { - 'PENDENTE': 'bg-gray-100 text-gray-800', - 'EM_ANDAMENTO': 'bg-blue-100 text-blue-800', - 'CONCLUIDA': 'bg-green-100 text-green-800', - 'CANCELADA': 'bg-red-100 text-red-800' + PENDENTE: "bg-gray-100 text-gray-800", + EM_ANDAMENTO: "bg-blue-100 text-blue-800", + CONCLUIDA: "bg-green-100 text-green-800", + CANCELADA: "bg-red-100 text-red-800", }; - return colors[status as keyof typeof colors] || 'bg-gray-100 text-gray-800'; + return colors[status as keyof typeof colors] || "bg-gray-100 text-gray-800"; }; - const canDelete = user && ['ADVOGADO_ADMIN', 'ADVOGADO'].includes(user.perfil); + const canDelete = + user && ["ADVOGADO_ADMIN", "ADVOGADO"].includes(user.perfil); const handleDelete = async (id: string) => { - if (!window.confirm('Tem certeza que deseja excluir esta tarefa?')) return; - + if (!window.confirm("Tem certeza que deseja excluir esta tarefa?")) return; + try { await deleteTarefa.mutateAsync(id); // Não precisa fazer nada aqui, o React Query vai atualizar automaticamente } catch (error) { - console.error('Erro ao excluir tarefa:', error); - alert('Erro ao excluir tarefa'); + console.error("Erro ao excluir tarefa:", error); + alert("Erro ao excluir tarefa"); } }; @@ -56,19 +62,34 @@ export const TarefasList: React.FC<TarefasListProps> = ({ onEdit, onStatusChange <table className="min-w-full divide-y divide-gray-200 dark:divide-gray-700"> <thead className="bg-gray-50 dark:bg-gray-900"> <tr> - <th scope="col" className="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider"> + <th + scope="col" + className="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider" + > Título/Descrição </th> - <th scope="col" className="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider"> + <th + scope="col" + className="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider" + > Status </th> - <th scope="col" className="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider"> + <th + scope="col" + className="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider" + > Prioridade </th> - <th scope="col" className="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider"> + <th + scope="col" + className="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider" + > Vencimento </th> - <th scope="col" className="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider"> + <th + scope="col" + className="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider" + > Progresso </th> <th scope="col" className="relative px-6 py-3"> @@ -78,7 +99,10 @@ export const TarefasList: React.FC<TarefasListProps> = ({ onEdit, onStatusChange </thead> <tbody className="bg-white dark:bg-gray-800 divide-y divide-gray-200 dark:divide-gray-700"> {tarefas.map((tarefa: Tarefa) => ( - <tr key={tarefa.id} className="hover:bg-gray-50 dark:hover:bg-gray-700"> + <tr + key={tarefa.id} + className="hover:bg-gray-50 dark:hover:bg-gray-700" + > <td className="px-6 py-4"> <div className="text-sm font-medium text-gray-900 dark:text-white"> {tarefa.titulo} @@ -88,23 +112,29 @@ export const TarefasList: React.FC<TarefasListProps> = ({ onEdit, onStatusChange </div> </td> <td className="px-6 py-4 whitespace-nowrap"> - <span className={`px-2 py-1 text-xs rounded-full ${getStatusColor(tarefa.status)}`}> - {tarefa.status.replace('_', ' ')} + <span + className={`px-2 py-1 text-xs rounded-full ${getStatusColor(tarefa.status)}`} + > + {tarefa.status.replace("_", " ")} </span> </td> <td className="px-6 py-4 whitespace-nowrap"> - <span className={`px-2 py-1 text-xs rounded-full ${getPrioridadeColor(tarefa.prioridade)}`}> + <span + className={`px-2 py-1 text-xs rounded-full ${getPrioridadeColor(tarefa.prioridade)}`} + > {tarefa.prioridade} </span> </td> <td className="px-6 py-4 whitespace-nowrap"> <div className="text-sm text-gray-500 dark:text-gray-400"> - {format(new Date(tarefa.dataVencimento), 'dd/MM/yyyy', { locale: ptBR })} + {format(new Date(tarefa.dataVencimento), "dd/MM/yyyy", { + locale: ptBR, + })} </div> </td> <td className="px-6 py-4 whitespace-nowrap"> <div className="w-full bg-gray-200 rounded-full h-2.5 mb-1"> - <div + <div className="bg-blue-600 h-2.5 rounded-full" style={{ width: `${tarefa.progresso}%` }} /> diff --git a/src/components/tarefas/TarefasPage.tsx b/src/components/tarefas/TarefasPage.tsx index 31e5919..4966af1 100644 --- a/src/components/tarefas/TarefasPage.tsx +++ b/src/components/tarefas/TarefasPage.tsx @@ -1,21 +1,27 @@ -import React, { useState } from 'react'; -import { TarefasList } from './TarefasList'; -import { TarefaModal } from './TarefaModal'; -import { TarefaKanban } from './TarefaKanban'; -import { ListBulletIcon, Squares2X2Icon } from '@heroicons/react/24/outline'; -import { useTarefas } from '../../hooks/useTarefas'; +import { ListBulletIcon, Squares2X2Icon } from "@heroicons/react/24/outline"; +import React, { useState } from "react"; + +import { useTarefas } from "../../hooks/useTarefas"; + +import { TarefaKanban } from "./TarefaKanban"; +import { TarefaModal } from "./TarefaModal"; +import { TarefasList } from "./TarefasList"; export const TarefasPage: React.FC = () => { const { updateStatus } = useTarefas(); const [isModalOpen, setIsModalOpen] = useState(false); - const [viewMode, setViewMode] = useState<'list' | 'kanban'>('list'); + const [viewMode, setViewMode] = useState<"list" | "kanban">("list"); const [selectedTarefa, setSelectedTarefa] = useState(null); - const handleStatusChange = async (id: string, status: string, progresso?: number) => { + const handleStatusChange = async ( + id: string, + status: string, + progresso?: number, + ) => { try { await updateStatus.mutateAsync({ id, status, progresso }); } catch (error) { - console.error('Erro ao atualizar status:', error); + console.error("Erro ao atualizar status:", error); } }; @@ -25,26 +31,26 @@ export const TarefasPage: React.FC = () => { <h1 className="text-2xl font-semibold text-gray-900 dark:text-white"> Tarefas </h1> - + <div className="flex items-center space-x-4"> {/* Toggle de visualização */} <div className="bg-gray-100 dark:bg-gray-800 rounded-lg p-1"> <button - onClick={() => setViewMode('list')} + onClick={() => setViewMode("list")} className={`px-3 py-2 rounded-md ${ - viewMode === 'list' - ? 'bg-white dark:bg-gray-700 shadow' - : 'text-gray-500 dark:text-gray-400' + viewMode === "list" + ? "bg-white dark:bg-gray-700 shadow" + : "text-gray-500 dark:text-gray-400" }`} > <ListBulletIcon className="h-5 w-5" /> </button> <button - onClick={() => setViewMode('kanban')} + onClick={() => setViewMode("kanban")} className={`px-3 py-2 rounded-md ${ - viewMode === 'kanban' - ? 'bg-white dark:bg-gray-700 shadow' - : 'text-gray-500 dark:text-gray-400' + viewMode === "kanban" + ? "bg-white dark:bg-gray-700 shadow" + : "text-gray-500 dark:text-gray-400" }`} > <Squares2X2Icon className="h-5 w-5" /> @@ -64,7 +70,7 @@ export const TarefasPage: React.FC = () => { </div> {/* Visualização alternada entre lista e kanban */} - {viewMode === 'list' ? ( + {viewMode === "list" ? ( <TarefasList onEdit={(tarefa) => { setSelectedTarefa(tarefa); diff --git a/src/components/ui/Button.tsx b/src/components/ui/Button.tsx index eb1fc99..4cea0f6 100644 --- a/src/components/ui/Button.tsx +++ b/src/components/ui/Button.tsx @@ -1,13 +1,21 @@ -import React from 'react'; +import React from "react"; -type ButtonVariant = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'outline' | 'link'; +type ButtonVariant = + | "primary" + | "secondary" + | "success" + | "danger" + | "warning" + | "info" + | "outline" + | "link"; interface ButtonProps { children: React.ReactNode; - type?: 'button' | 'submit' | 'reset'; + type?: "button" | "submit" | "reset"; onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void; variant?: ButtonVariant; - size?: 'sm' | 'md' | 'lg'; + size?: "sm" | "md" | "lg"; disabled?: boolean; className?: string; icon?: React.ReactNode; @@ -15,46 +23,53 @@ interface ButtonProps { export function Button({ children, - type = 'button', + type = "button", onClick, - variant = 'primary', - size = 'md', + variant = "primary", + size = "md", disabled = false, - className = '', + className = "", icon, }: ButtonProps) { - const baseClasses = 'inline-flex items-center justify-center font-medium rounded-md focus:outline-none transition-colors'; - + const baseClasses = + "inline-flex items-center justify-center font-medium rounded-md focus:outline-none transition-colors"; + // Definir classes de variante const variantClasses = { - primary: 'bg-blue-600 text-white hover:bg-blue-700 focus:ring-2 focus:ring-offset-2 focus:ring-blue-500', - secondary: 'bg-gray-600 text-white hover:bg-gray-700 focus:ring-2 focus:ring-offset-2 focus:ring-gray-500', - success: 'bg-green-600 text-white hover:bg-green-700 focus:ring-2 focus:ring-offset-2 focus:ring-green-500', - danger: 'bg-red-600 text-white hover:bg-red-700 focus:ring-2 focus:ring-offset-2 focus:ring-red-500', - warning: 'bg-yellow-500 text-white hover:bg-yellow-600 focus:ring-2 focus:ring-offset-2 focus:ring-yellow-400', - info: 'bg-blue-400 text-white hover:bg-blue-500 focus:ring-2 focus:ring-offset-2 focus:ring-blue-300', - outline: 'bg-white text-gray-700 border border-gray-300 hover:bg-gray-50 focus:ring-2 focus:ring-offset-2 focus:ring-blue-500', - link: 'bg-transparent text-blue-600 hover:text-blue-800 hover:underline focus:ring-0', + primary: + "bg-blue-600 text-white hover:bg-blue-700 focus:ring-2 focus:ring-offset-2 focus:ring-blue-500", + secondary: + "bg-gray-600 text-white hover:bg-gray-700 focus:ring-2 focus:ring-offset-2 focus:ring-gray-500", + success: + "bg-green-600 text-white hover:bg-green-700 focus:ring-2 focus:ring-offset-2 focus:ring-green-500", + danger: + "bg-red-600 text-white hover:bg-red-700 focus:ring-2 focus:ring-offset-2 focus:ring-red-500", + warning: + "bg-yellow-500 text-white hover:bg-yellow-600 focus:ring-2 focus:ring-offset-2 focus:ring-yellow-400", + info: "bg-blue-400 text-white hover:bg-blue-500 focus:ring-2 focus:ring-offset-2 focus:ring-blue-300", + outline: + "bg-white text-gray-700 border border-gray-300 hover:bg-gray-50 focus:ring-2 focus:ring-offset-2 focus:ring-blue-500", + link: "bg-transparent text-blue-600 hover:text-blue-800 hover:underline focus:ring-0", }; - + // Definir classes de tamanho const sizeClasses = { - sm: 'px-2.5 py-1.5 text-xs', - md: 'px-4 py-2 text-sm', - lg: 'px-6 py-3 text-base', + sm: "px-2.5 py-1.5 text-xs", + md: "px-4 py-2 text-sm", + lg: "px-6 py-3 text-base", }; - + // Definir classes de estado desabilitado - const disabledClasses = 'opacity-50 cursor-not-allowed'; - + const disabledClasses = "opacity-50 cursor-not-allowed"; + const buttonClasses = [ baseClasses, variantClasses[variant], sizeClasses[size], - disabled ? disabledClasses : '', + disabled ? disabledClasses : "", className, - ].join(' '); - + ].join(" "); + return ( <button type={type} diff --git a/src/components/ui/Card.tsx b/src/components/ui/Card.tsx index 2a450ec..d3f6cc6 100644 --- a/src/components/ui/Card.tsx +++ b/src/components/ui/Card.tsx @@ -1,24 +1,24 @@ -import React from 'react'; +import React from "react"; interface CardProps { children: React.ReactNode; className?: string; - padding?: 'none' | 'sm' | 'md' | 'lg'; + padding?: "none" | "sm" | "md" | "lg"; } -export function Card({ children, className = '', padding = 'md' }: CardProps) { +export function Card({ children, className = "", padding = "md" }: CardProps) { const paddingClasses = { - none: '', - sm: 'p-2', - md: 'p-4', - lg: 'p-6', + none: "", + sm: "p-2", + md: "p-4", + lg: "p-6", }; - + const cardClasses = [ - 'bg-white shadow overflow-hidden rounded-lg', + "bg-white shadow overflow-hidden rounded-lg", paddingClasses[padding], className, - ].join(' '); - + ].join(" "); + return <div className={cardClasses}>{children}</div>; } diff --git a/src/components/ui/FormInputs.tsx b/src/components/ui/FormInputs.tsx index fea05f5..77b8892 100644 --- a/src/components/ui/FormInputs.tsx +++ b/src/components/ui/FormInputs.tsx @@ -1,4 +1,4 @@ -import React from 'react'; +import React from "react"; interface InputBaseProps { label: string; @@ -11,7 +11,7 @@ interface InputBaseProps { } interface TextInputProps extends InputBaseProps { - type?: 'text' | 'email' | 'password' | 'tel' | 'url'; + type?: "text" | "email" | "password" | "tel" | "url"; value: string; onChange: (e: React.ChangeEvent<HTMLInputElement>) => void; placeholder?: string; @@ -30,7 +30,7 @@ export function TextInput({ onChange, placeholder, maxLength, - type = 'text', + type = "text", }: TextInputProps) { return ( <div className={className}> @@ -50,7 +50,9 @@ export function TextInput({ className="block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500 sm:text-sm" /> </div> - {errorMessage && <p className="mt-1 text-sm text-red-600">{errorMessage}</p>} + {errorMessage && ( + <p className="mt-1 text-sm text-red-600">{errorMessage}</p> + )} {help && <p className="mt-1 text-xs text-gray-500">{help}</p>} </div> ); @@ -83,8 +85,8 @@ export function NumberInput({ // Processar input para garantir que seja numérico com vírgula como separador decimal const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => { // Permitir apenas números, vírgula, ponto e sinais +/- - const cleanValue = e.target.value.replace(/[^0-9,.+-]/g, ''); - + const cleanValue = e.target.value.replace(/[^0-9,.+-]/g, ""); + // Simular o evento com o valor limpo const simulatedEvent = { ...e, @@ -93,10 +95,10 @@ export function NumberInput({ value: cleanValue, }, }; - + onChange(simulatedEvent); }; - + return ( <div className={className}> <label htmlFor={id} className="block text-sm font-medium text-gray-700"> @@ -118,7 +120,9 @@ export function NumberInput({ step={step} /> </div> - {errorMessage && <p className="mt-1 text-sm text-red-600">{errorMessage}</p>} + {errorMessage && ( + <p className="mt-1 text-sm text-red-600">{errorMessage}</p> + )} {help && <p className="mt-1 text-xs text-gray-500">{help}</p>} </div> ); @@ -162,7 +166,9 @@ export function DateInput({ className="block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500 sm:text-sm" /> </div> - {errorMessage && <p className="mt-1 text-sm text-red-600">{errorMessage}</p>} + {errorMessage && ( + <p className="mt-1 text-sm text-red-600">{errorMessage}</p> + )} {help && <p className="mt-1 text-xs text-gray-500">{help}</p>} </div> ); @@ -215,7 +221,9 @@ export function SelectInput({ ))} </select> </div> - {errorMessage && <p className="mt-1 text-sm text-red-600">{errorMessage}</p>} + {errorMessage && ( + <p className="mt-1 text-sm text-red-600">{errorMessage}</p> + )} {help && <p className="mt-1 text-xs text-gray-500">{help}</p>} </div> ); @@ -258,7 +266,9 @@ export function TextAreaInput({ className="block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500 sm:text-sm" /> </div> - {errorMessage && <p className="mt-1 text-sm text-red-600">{errorMessage}</p>} + {errorMessage && ( + <p className="mt-1 text-sm text-red-600">{errorMessage}</p> + )} {help && <p className="mt-1 text-xs text-gray-500">{help}</p>} </div> ); diff --git a/src/components/ui/Tabs.tsx b/src/components/ui/Tabs.tsx index 9a0dd61..f575dec 100644 --- a/src/components/ui/Tabs.tsx +++ b/src/components/ui/Tabs.tsx @@ -1,4 +1,4 @@ -import React, { useState, useEffect } from 'react'; +import React, { useState, useEffect } from "react"; interface TabsProps { children: React.ReactNode; @@ -27,10 +27,14 @@ interface TabContext { const TabsContext = React.createContext<TabContext | undefined>(undefined); -export function Tabs({ children, activeTab: externalActiveTab, onChange }: TabsProps) { +export function Tabs({ + children, + activeTab: externalActiveTab, + onChange, +}: TabsProps) { // Se o activeTab for fornecido externamente, use-o como valor inicial - const [activeTab, setActiveTabInternal] = useState<string>(''); - + const [activeTab, setActiveTabInternal] = useState<string>(""); + // Encontrar o primeiro id de tab disponível para valor inicial useEffect(() => { if (!activeTab && !externalActiveTab) { @@ -46,23 +50,25 @@ export function Tabs({ children, activeTab: externalActiveTab, onChange }: TabsP }); } }, []); - + // Sincronizar com o activeTab externo, se fornecido useEffect(() => { if (externalActiveTab) { setActiveTabInternal(externalActiveTab); } }, [externalActiveTab]); - + const setActiveTab = (id: string) => { setActiveTabInternal(id); if (onChange) { onChange(id); } }; - + return ( - <TabsContext.Provider value={{ activeTab: externalActiveTab || activeTab, setActiveTab }}> + <TabsContext.Provider + value={{ activeTab: externalActiveTab || activeTab, setActiveTab }} + > <div className="tabs-container">{children}</div> </TabsContext.Provider> ); @@ -80,22 +86,24 @@ export function TabList({ children }: TabListProps) { export function Tab({ children, id }: TabProps) { const context = React.useContext(TabsContext); - + if (!context) { - throw new Error('Tab must be used within a Tabs component'); + throw new Error("Tab must be used within a Tabs component"); } - + const { activeTab, setActiveTab } = context; - + const isActive = activeTab === id; - + const tabClasses = ` whitespace-nowrap py-4 px-1 border-b-2 font-medium text-sm - ${isActive - ? 'border-blue-500 text-blue-600' - : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'} + ${ + isActive + ? "border-blue-500 text-blue-600" + : "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300" + } `; - + return ( <button className={tabClasses} @@ -112,23 +120,19 @@ export function Tab({ children, id }: TabProps) { export function TabPanel({ children, id }: TabPanelProps) { const context = React.useContext(TabsContext); - + if (!context) { - throw new Error('TabPanel must be used within a Tabs component'); + throw new Error("TabPanel must be used within a Tabs component"); } - + const { activeTab } = context; - + if (activeTab !== id) { return null; } - + return ( - <div - id={`panel-${id}`} - role="tabpanel" - aria-labelledby={`tab-${id}`} - > + <div id={`panel-${id}`} role="tabpanel" aria-labelledby={`tab-${id}`}> {children} </div> ); diff --git a/src/components/ui/index.ts b/src/components/ui/index.ts index 48657a6..1a24850 100644 --- a/src/components/ui/index.ts +++ b/src/components/ui/index.ts @@ -1,19 +1,19 @@ // Arquivo de barril (barrel file) para exportar todos os componentes UI // Exportar o componente Button -export { Button } from './Button'; +export { Button } from "./Button"; // Exportar o componente Card -export { Card } from './Card'; +export { Card } from "./Card"; // Exportar componentes de Tabs -export { Tabs, TabList, Tab, TabPanel } from './Tabs'; +export { Tabs, TabList, Tab, TabPanel } from "./Tabs"; // Exportar componentes de formulário -export { - TextInput, - NumberInput, - DateInput, - SelectInput, - TextAreaInput -} from './FormInputs'; +export { + TextInput, + NumberInput, + DateInput, + SelectInput, + TextAreaInput, +} from "./FormInputs"; diff --git a/src/components/usuarios/UsuarioForm.tsx b/src/components/usuarios/UsuarioForm.tsx index c0a1023..b02ff15 100644 --- a/src/components/usuarios/UsuarioForm.tsx +++ b/src/components/usuarios/UsuarioForm.tsx @@ -1,4 +1,3 @@ -import { useState, useEffect } from "react"; import { Dialog, DialogTitle, @@ -11,8 +10,10 @@ import { Select, MenuItem, } from "@mui/material"; -import { Usuario, PerfilUsuario } from "../../types/usuario"; +import { useState, useEffect } from "react"; + import api from "../../services/api"; +import { Usuario, PerfilUsuario } from "../../types/usuario"; interface UsuarioFormProps { open: boolean; diff --git a/src/components/usuarios/UsuariosPage.tsx b/src/components/usuarios/UsuariosPage.tsx index d3119de..2244f34 100644 --- a/src/components/usuarios/UsuariosPage.tsx +++ b/src/components/usuarios/UsuariosPage.tsx @@ -1,7 +1,9 @@ import { useState } from "react"; import { useQuery } from "react-query"; + import api from "../../services/api"; import { Usuario } from "../../types/usuario"; + import { UsuarioForm } from "./UsuarioForm"; //import { PencilIcon } from "@heroicons/react/24/outline"; // Importar ícone diff --git a/src/context/AuthContext.tsx b/src/context/AuthContext.tsx index 6eb50b9..3f1706c 100644 --- a/src/context/AuthContext.tsx +++ b/src/context/AuthContext.tsx @@ -1,4 +1,5 @@ import { createContext, useContext, useState, useEffect } from "react"; + import api from "../services/api"; import { PerfilUsuario } from "../types/usuario"; diff --git a/src/context/ProcessoContext.tsx b/src/context/ProcessoContext.tsx index 5cd6bad..13c83f4 100644 --- a/src/context/ProcessoContext.tsx +++ b/src/context/ProcessoContext.tsx @@ -1,4 +1,5 @@ import React, { createContext, useContext, useState, useEffect } from "react"; + import { useProcessos } from "../hooks/useProcessos"; interface ProcessoContextType { diff --git a/src/contexts/AuthContext.tsx b/src/contexts/AuthContext.tsx index c0b94bb..5d6db6a 100644 --- a/src/contexts/AuthContext.tsx +++ b/src/contexts/AuthContext.tsx @@ -1,8 +1,15 @@ -import React, { createContext, useContext, useState, useEffect, useCallback } from "react"; -import { Usuario } from "../types/entities"; -import api from "../services/api"; import axios from "axios"; // Adicionar importação do axios +import React, { + createContext, + useContext, + useState, + useEffect, + useCallback, +} from "react"; + +import api from "../services/api"; import { AuthResponse } from "../types/auth"; +import { Usuario } from "../types/entities"; interface AuthContextData { user: Partial<Usuario> | null; @@ -27,15 +34,16 @@ export function AuthProvider({ children }: { children: React.ReactNode }) { useEffect(() => { const token = localStorage.getItem("@AdvX:token"); if (token) { - api.defaults.headers.common['Authorization'] = `Bearer ${token}`; - api.get("/auth/me") - .then(response => { + api.defaults.headers.common["Authorization"] = `Bearer ${token}`; + api + .get("/auth/me") + .then((response) => { setUser(response.data); setIsAuthenticated(true); }) .catch(() => { localStorage.removeItem("@AdvX:token"); - api.defaults.headers.common['Authorization'] = undefined; + api.defaults.headers.common["Authorization"] = undefined; setUser(null); setIsAuthenticated(false); }) @@ -71,7 +79,7 @@ export function AuthProvider({ children }: { children: React.ReactNode }) { const signOut = useCallback(() => { localStorage.removeItem("@AdvX:token"); - api.defaults.headers.common['Authorization'] = undefined; + api.defaults.headers.common["Authorization"] = undefined; setUser(null); setIsAuthenticated(false); }, []); @@ -96,7 +104,7 @@ export function AuthProvider({ children }: { children: React.ReactNode }) { signIn: login, signOut, isAuthenticated, - getToken, // Nova função + getToken, // Nova função }} > {children} diff --git a/src/contexts/ThemeContext.tsx b/src/contexts/ThemeContext.tsx index bf4e6ca..98f09cb 100644 --- a/src/contexts/ThemeContext.tsx +++ b/src/contexts/ThemeContext.tsx @@ -1,4 +1,4 @@ -import React, { createContext, useContext, useEffect, useState } from 'react'; +import React, { createContext, useContext, useEffect, useState } from "react"; type ThemeContextType = { isDarkMode: boolean; @@ -9,17 +9,20 @@ const ThemeContext = createContext<ThemeContextType | undefined>(undefined); export function ThemeProvider({ children }: { children: React.ReactNode }) { const [isDarkMode, setIsDarkMode] = useState(() => { - const savedTheme = localStorage.getItem('theme'); - return savedTheme === 'dark' || (!savedTheme && window.matchMedia('(prefers-color-scheme: dark)').matches); + const savedTheme = localStorage.getItem("theme"); + return ( + savedTheme === "dark" || + (!savedTheme && window.matchMedia("(prefers-color-scheme: dark)").matches) + ); }); useEffect(() => { if (isDarkMode) { - document.documentElement.classList.add('dark'); - localStorage.setItem('theme', 'dark'); + document.documentElement.classList.add("dark"); + localStorage.setItem("theme", "dark"); } else { - document.documentElement.classList.remove('dark'); - localStorage.setItem('theme', 'light'); + document.documentElement.classList.remove("dark"); + localStorage.setItem("theme", "light"); } }, [isDarkMode]); @@ -37,7 +40,7 @@ export function ThemeProvider({ children }: { children: React.ReactNode }) { export const useTheme = () => { const context = useContext(ThemeContext); if (context === undefined) { - throw new Error('useTheme must be used within a ThemeProvider'); + throw new Error("useTheme must be used within a ThemeProvider"); } return context; }; diff --git a/src/hooks/useAudiencias.ts b/src/hooks/useAudiencias.ts index 884cc8f..fe54c59 100644 --- a/src/hooks/useAudiencias.ts +++ b/src/hooks/useAudiencias.ts @@ -1,5 +1,5 @@ -import { useMutation, useQueryClient } from "react-query"; import axios from "axios"; +import { useMutation, useQueryClient } from "react-query"; export function useAudiencias(processoId: string) { const queryClient = useQueryClient(); diff --git a/src/hooks/useAuth.ts b/src/hooks/useAuth.ts index 8001fc0..3325027 100644 --- a/src/hooks/useAuth.ts +++ b/src/hooks/useAuth.ts @@ -1,16 +1,17 @@ -import { useContext } from 'react'; -import { AuthContext } from '../contexts/AuthContext'; +import { useContext } from "react"; + +import { AuthContext } from "../contexts/AuthContext"; export function useAuth() { const context = useContext(AuthContext); - + if (!context) { - console.error('useAuth deve ser usado dentro de um AuthProvider'); - throw new Error('useAuth deve ser usado dentro de um AuthProvider'); + console.error("useAuth deve ser usado dentro de um AuthProvider"); + throw new Error("useAuth deve ser usado dentro de um AuthProvider"); } // Adicionar log para debug - console.log('useAuth - Current user:', context.user); - + console.log("useAuth - Current user:", context.user); + return context; } diff --git a/src/hooks/useClientes.ts b/src/hooks/useClientes.ts index 9f46a22..f71c5f0 100644 --- a/src/hooks/useClientes.ts +++ b/src/hooks/useClientes.ts @@ -1,5 +1,6 @@ -import { useQuery, useMutation, useQueryClient } from "react-query"; import axios from "axios"; +import { useQuery, useMutation, useQueryClient } from "react-query"; + import { Cliente } from "../types/entities"; export function useClientes() { diff --git a/src/hooks/useComentarios.ts b/src/hooks/useComentarios.ts index 14483e8..7e3ab68 100644 --- a/src/hooks/useComentarios.ts +++ b/src/hooks/useComentarios.ts @@ -1,23 +1,26 @@ -import { useMutation, useQueryClient } from 'react-query'; -import api from '../services/api'; -import { Comentario } from '../types/entities'; +import { useMutation, useQueryClient } from "react-query"; + +import api from "../services/api"; +import { Comentario } from "../types/entities"; export const useComentarios = (tarefaId: string) => { const queryClient = useQueryClient(); const addComentario = useMutation( async (texto: string) => { - const response = await api.post(`/tarefas/${tarefaId}/comentarios`, { texto }); + const response = await api.post(`/tarefas/${tarefaId}/comentarios`, { + texto, + }); return response.data; }, { onSuccess: () => { - queryClient.invalidateQueries(['tarefas', tarefaId]); - } - } + queryClient.invalidateQueries(["tarefas", tarefaId]); + }, + }, ); return { - addComentario + addComentario, }; }; diff --git a/src/hooks/useCustasProcessuais.ts b/src/hooks/useCustasProcessuais.ts index 482e8d7..937a745 100644 --- a/src/hooks/useCustasProcessuais.ts +++ b/src/hooks/useCustasProcessuais.ts @@ -1,4 +1,5 @@ import { useState } from "react"; + import api from "../services/api"; /** diff --git a/src/hooks/useDashboardStats.ts b/src/hooks/useDashboardStats.ts index 4a944f1..0bfaf6c 100644 --- a/src/hooks/useDashboardStats.ts +++ b/src/hooks/useDashboardStats.ts @@ -1,59 +1,60 @@ -import { useQuery } from 'react-query'; -import api from '../services/api'; +import { useQuery } from "react-query"; + +import api from "../services/api"; export const useDashboardStats = () => { const queryKeys = { - processos: 'dashboard-processos-stats', - tarefas: 'dashboard-tarefas-stats', - atendimentos: 'dashboard-atendimentos-stats', - financeiro: 'dashboard-financeiro-stats', - prazos: 'dashboard-prazos', - atividades: 'dashboard-atividades' + processos: "dashboard-processos-stats", + tarefas: "dashboard-tarefas-stats", + atendimentos: "dashboard-atendimentos-stats", + financeiro: "dashboard-financeiro-stats", + prazos: "dashboard-prazos", + atividades: "dashboard-atividades", }; const processosStats = useQuery(queryKeys.processos, async () => { try { - const response = await api.get('/dashboard/processos/stats'); + const response = await api.get("/dashboard/processos/stats"); return response.data; } catch (error) { - console.error('Erro ao buscar estatísticas:', error); + console.error("Erro ao buscar estatísticas:", error); return null; } }); const tarefasStats = useQuery(queryKeys.tarefas, async () => { try { - const response = await api.get('/dashboard/tarefas/stats'); + const response = await api.get("/dashboard/tarefas/stats"); return response.data; } catch (error) { - console.error('Erro ao buscar estatísticas de tarefas:', error); + console.error("Erro ao buscar estatísticas de tarefas:", error); return { pendentes: 0, atrasadas: 0, concluidas: 0, total: 0, - taxaConclusao: 0 + taxaConclusao: 0, }; } }); const atendimentosStats = useQuery(queryKeys.atendimentos, async () => { - const response = await api.get('/dashboard/atendimentos/stats'); + const response = await api.get("/dashboard/atendimentos/stats"); return response.data; }); const financeiroStats = useQuery(queryKeys.financeiro, async () => { - const response = await api.get('/dashboard/financeiro/stats'); + const response = await api.get("/dashboard/financeiro/stats"); return response.data; }); const proximosPrazos = useQuery(queryKeys.prazos, async () => { - const response = await api.get('/dashboard/prazos/proximos'); + const response = await api.get("/dashboard/prazos/proximos"); return response.data; }); const atividades = useQuery(queryKeys.atividades, async () => { - const response = await api.get('/dashboard/atividades'); + const response = await api.get("/dashboard/atividades"); return response.data; }); @@ -63,6 +64,6 @@ export const useDashboardStats = () => { atendimentosStats, financeiroStats, proximosPrazos, - atividades + atividades, }; }; diff --git a/src/hooks/useDatajud.ts b/src/hooks/useDatajud.ts index 4c428be..8c49f8a 100644 --- a/src/hooks/useDatajud.ts +++ b/src/hooks/useDatajud.ts @@ -1,4 +1,5 @@ import { useState } from "react"; + import { datajudApi } from "../services/datajud"; import { DatajudResponse } from "../types/datajud"; diff --git a/src/hooks/useHonorarios.ts b/src/hooks/useHonorarios.ts index 24034e8..7bfddb1 100644 --- a/src/hooks/useHonorarios.ts +++ b/src/hooks/useHonorarios.ts @@ -1,4 +1,5 @@ import { useState } from "react"; + import api from "../services/api"; /** diff --git a/src/hooks/usePartesProcesso.ts b/src/hooks/usePartesProcesso.ts index dd6e617..a39a43f 100644 --- a/src/hooks/usePartesProcesso.ts +++ b/src/hooks/usePartesProcesso.ts @@ -1,5 +1,5 @@ -import { useMutation, useQueryClient } from "react-query"; import axios from "axios"; +import { useMutation, useQueryClient } from "react-query"; export function usePartesProcesso(processoId: string) { const queryClient = useQueryClient(); diff --git a/src/hooks/useProcessoMovimentacoes.ts b/src/hooks/useProcessoMovimentacoes.ts index ec39b2c..c4c9183 100644 --- a/src/hooks/useProcessoMovimentacoes.ts +++ b/src/hooks/useProcessoMovimentacoes.ts @@ -1,4 +1,5 @@ import { useState, useEffect } from "react"; + import { useDatajud } from "./useDatajud"; export function useProcessoMovimentacoes(processo: any) { diff --git a/src/hooks/useProcessos.ts b/src/hooks/useProcessos.ts index 5faad10..8f7afdb 100644 --- a/src/hooks/useProcessos.ts +++ b/src/hooks/useProcessos.ts @@ -1,16 +1,17 @@ -import { useQuery, useMutation, useQueryClient } from 'react-query'; -import api from '../services/api'; -import { Processo } from '../types/entities'; +import { useQuery, useMutation, useQueryClient } from "react-query"; + +import api from "../services/api"; +import { Processo } from "../types/entities"; export const useProcessos = () => { const queryClient = useQueryClient(); const { data: processos = [], isLoading } = useQuery<Processo[]>( - 'processos', + "processos", async () => { - const response = await api.get('/processos'); + const response = await api.get("/processos"); return response.data; - } + }, ); const getProcesso = async (id: string) => { @@ -21,14 +22,14 @@ export const useProcessos = () => { // Corrigido para usar createProcesso como mutação const createProcesso = useMutation( async (data: Partial<Processo>) => { - const response = await api.post('/processos', data); + const response = await api.post("/processos", data); return response.data; }, { onSuccess: () => { - queryClient.invalidateQueries('processos'); - } - } + queryClient.invalidateQueries("processos"); + }, + }, ); // Corrigido para usar updateProcesso como mutação @@ -39,9 +40,9 @@ export const useProcessos = () => { }, { onSuccess: () => { - queryClient.invalidateQueries('processos'); - } - } + queryClient.invalidateQueries("processos"); + }, + }, ); // Corrigido para usar deleteProcesso como mutação @@ -51,21 +52,23 @@ export const useProcessos = () => { }, { onSuccess: () => { - queryClient.invalidateQueries('processos'); - } - } + queryClient.invalidateQueries("processos"); + }, + }, ); const updateResultado = useMutation( async ({ id, resultado }: { id: string; resultado: string }) => { - const response = await api.patch(`/processos/${id}/resultado`, { resultado }); + const response = await api.patch(`/processos/${id}/resultado`, { + resultado, + }); return response.data; }, { onSuccess: () => { - queryClient.invalidateQueries('processos'); - } - } + queryClient.invalidateQueries("processos"); + }, + }, ); return { @@ -75,6 +78,6 @@ export const useProcessos = () => { createProcesso, updateProcesso, deleteProcesso, // Retornando a mutação - updateResultado + updateResultado, }; }; diff --git a/src/hooks/useProcessosAdministrativos.ts b/src/hooks/useProcessosAdministrativos.ts index a0adde5..b77665a 100644 --- a/src/hooks/useProcessosAdministrativos.ts +++ b/src/hooks/useProcessosAdministrativos.ts @@ -1,40 +1,51 @@ -import { useMutation, useQuery, useQueryClient } from 'react-query'; -import api from '../services/api'; -import { ProcessoAdministrativo } from '../types/processoAdministrativo'; +import { useMutation, useQuery, useQueryClient } from "react-query"; + +import api from "../services/api"; +import { ProcessoAdministrativo } from "../types/processoAdministrativo"; export function useProcessosAdministrativos() { const queryClient = useQueryClient(); - const { data: processos, isLoading, error } = useQuery<ProcessoAdministrativo[]>( - 'processos-administrativos', + const { + data: processos, + isLoading, + error, + } = useQuery<ProcessoAdministrativo[]>( + "processos-administrativos", async () => { - const response = await api.get('/processos-administrativos'); + const response = await api.get("/processos-administrativos"); return response.data; - } + }, ); const createProcesso = useMutation( async (data: Partial<ProcessoAdministrativo>) => { - const response = await api.post('/processos-administrativos', data); + const response = await api.post("/processos-administrativos", data); return response.data; }, { onSuccess: () => { - queryClient.invalidateQueries('processos-administrativos'); + queryClient.invalidateQueries("processos-administrativos"); }, - } + }, ); const updateProcesso = useMutation( - async ({ id, data }: { id: string; data: Partial<ProcessoAdministrativo> }) => { + async ({ + id, + data, + }: { + id: string; + data: Partial<ProcessoAdministrativo>; + }) => { const response = await api.put(`/processos-administrativos/${id}`, data); return response.data; }, { onSuccess: () => { - queryClient.invalidateQueries('processos-administrativos'); + queryClient.invalidateQueries("processos-administrativos"); }, - } + }, ); const deleteProcesso = useMutation( @@ -43,9 +54,9 @@ export function useProcessosAdministrativos() { }, { onSuccess: () => { - queryClient.invalidateQueries('processos-administrativos'); + queryClient.invalidateQueries("processos-administrativos"); }, - } + }, ); return { diff --git a/src/hooks/useSubtarefas.ts b/src/hooks/useSubtarefas.ts index 7ecb47e..01e6395 100644 --- a/src/hooks/useSubtarefas.ts +++ b/src/hooks/useSubtarefas.ts @@ -1,23 +1,27 @@ -import { useMutation, useQueryClient } from 'react-query'; -import api from '../services/api'; -import { SubTarefa } from '../types/entities'; +import { useMutation, useQueryClient } from "react-query"; + +import api from "../services/api"; +import { SubTarefa } from "../types/entities"; export const useSubtarefas = (tarefaId: string) => { const queryClient = useQueryClient(); const toggleSubtarefa = useMutation( async ({ id, concluida }: { id: string; concluida: boolean }) => { - const response = await api.patch(`/tarefas/${tarefaId}/subtarefas/${id}`, { concluida }); + const response = await api.patch( + `/tarefas/${tarefaId}/subtarefas/${id}`, + { concluida }, + ); return response.data; }, { onSuccess: () => { - queryClient.invalidateQueries(['tarefas', tarefaId]); - } - } + queryClient.invalidateQueries(["tarefas", tarefaId]); + }, + }, ); return { - toggleSubtarefa + toggleSubtarefa, }; }; diff --git a/src/hooks/useTarefas.ts b/src/hooks/useTarefas.ts index a0675f8..112ac36 100644 --- a/src/hooks/useTarefas.ts +++ b/src/hooks/useTarefas.ts @@ -1,25 +1,29 @@ -import { useQuery, useMutation, useQueryClient } from 'react-query'; -import api from '../services/api'; -import { Tarefa } from '../types/entities'; +import { useQuery, useMutation, useQueryClient } from "react-query"; + +import api from "../services/api"; +import { Tarefa } from "../types/entities"; export const useTarefas = () => { const queryClient = useQueryClient(); - const { data: tarefas = [], isLoading } = useQuery<Tarefa[]>('tarefas', async () => { - const response = await api.get('/tarefas'); - return response.data; - }); + const { data: tarefas = [], isLoading } = useQuery<Tarefa[]>( + "tarefas", + async () => { + const response = await api.get("/tarefas"); + return response.data; + }, + ); const createTarefa = useMutation( async (data: Partial<Tarefa>) => { - const response = await api.post('/tarefas', data); + const response = await api.post("/tarefas", data); return response.data; }, { onSuccess: () => { - queryClient.invalidateQueries('tarefas'); - } - } + queryClient.invalidateQueries("tarefas"); + }, + }, ); const updateTarefa = useMutation( @@ -29,21 +33,32 @@ export const useTarefas = () => { }, { onSuccess: () => { - queryClient.invalidateQueries('tarefas'); - } - } + queryClient.invalidateQueries("tarefas"); + }, + }, ); const updateStatus = useMutation( - async ({ id, status, progresso }: { id: string; status: string; progresso?: number }) => { - const response = await api.patch(`/tarefas/${id}/status`, { status, progresso }); + async ({ + id, + status, + progresso, + }: { + id: string; + status: string; + progresso?: number; + }) => { + const response = await api.patch(`/tarefas/${id}/status`, { + status, + progresso, + }); return response.data; }, { onSuccess: () => { - queryClient.invalidateQueries('tarefas'); - } - } + queryClient.invalidateQueries("tarefas"); + }, + }, ); const deleteTarefa = useMutation( @@ -52,22 +67,22 @@ export const useTarefas = () => { }, { onSuccess: () => { - queryClient.invalidateQueries('tarefas'); + queryClient.invalidateQueries("tarefas"); }, onMutate: async (deletedId) => { - await queryClient.cancelQueries('tarefas'); - const previousTarefas = queryClient.getQueryData<any[]>('tarefas'); - queryClient.setQueryData('tarefas', (old: any[] = []) => - old.filter(tarefa => tarefa.id !== deletedId) + await queryClient.cancelQueries("tarefas"); + const previousTarefas = queryClient.getQueryData<any[]>("tarefas"); + queryClient.setQueryData("tarefas", (old: any[] = []) => + old.filter((tarefa) => tarefa.id !== deletedId), ); return { previousTarefas }; }, onError: (err, variables, context: any) => { if (context?.previousTarefas) { - queryClient.setQueryData('tarefas', context.previousTarefas); + queryClient.setQueryData("tarefas", context.previousTarefas); } - } - } + }, + }, ); return { @@ -76,6 +91,6 @@ export const useTarefas = () => { createTarefa, updateTarefa, updateStatus, - deleteTarefa + deleteTarefa, }; }; diff --git a/src/index.tsx b/src/index.tsx index 5d6b5de..ddc0433 100644 --- a/src/index.tsx +++ b/src/index.tsx @@ -1,5 +1,6 @@ import React from "react"; import ReactDOM from "react-dom/client"; + import { App } from "./App"; import "./index.css"; diff --git a/src/lib/api.ts b/src/lib/api.ts index 382c9b7..ef9eb6d 100644 --- a/src/lib/api.ts +++ b/src/lib/api.ts @@ -1,16 +1,16 @@ -import axios from 'axios'; +import axios from "axios"; const TOKEN_KEY = "@AdvX:token"; export const api = axios.create({ - baseURL: import.meta.env.VITE_API_URL || 'http://localhost:5000/api', - withCredentials: true + baseURL: import.meta.env.VITE_API_URL || "http://localhost:5000/api", + withCredentials: true, }); api.interceptors.request.use((config) => { const token = localStorage.getItem(TOKEN_KEY); if (token) { - config.headers['Authorization'] = `Bearer ${token}`; + config.headers["Authorization"] = `Bearer ${token}`; } return config; }); @@ -22,5 +22,5 @@ api.interceptors.response.use( localStorage.removeItem(TOKEN_KEY); } return Promise.reject(error); - } + }, ); diff --git a/src/middleware/auth.ts b/src/middleware/auth.ts index 5430c80..227821c 100644 --- a/src/middleware/auth.ts +++ b/src/middleware/auth.ts @@ -1,6 +1,7 @@ -import { Request, Response, NextFunction } from 'express'; -import jwt from 'jsonwebtoken'; -import { prisma } from '../server/prismaClient'; +import { Request, Response, NextFunction } from "express"; +import jwt from "jsonwebtoken"; + +import { prisma } from "../server/prismaClient"; // Adicionar interface para tipo de usuário no Request declare global { @@ -19,20 +20,20 @@ declare global { export const authMiddleware = async ( req: Request, res: Response, - next: NextFunction + next: NextFunction, ) => { try { // Verificar se há token const authHeader = req.headers.authorization; if (!authHeader) { - return res.status(401).json({ error: 'Token não fornecido' }); + return res.status(401).json({ error: "Token não fornecido" }); } // Extrair o token do header (remover o Bearer) - const token = authHeader.replace('Bearer ', ''); + const token = authHeader.replace("Bearer ", ""); // Verificar o token - const secret = process.env.JWT_SECRET || 'default-secret'; + const secret = process.env.JWT_SECRET || "default-secret"; const decoded = jwt.verify(token, secret) as any; // Buscar o usuário no banco @@ -48,7 +49,7 @@ export const authMiddleware = async ( }); if (!user || !user.ativo) { - return res.status(401).json({ error: 'Usuário não autorizado' }); + return res.status(401).json({ error: "Usuário não autorizado" }); } // Adicionar usuário ao request @@ -62,8 +63,8 @@ export const authMiddleware = async ( // Continuar return next(); } catch (error) { - console.error('Erro de autenticação:', error); - return res.status(401).json({ error: 'Token inválido' }); + console.error("Erro de autenticação:", error); + return res.status(401).json({ error: "Token inválido" }); } }; diff --git a/src/repositories/ClienteRepository.ts b/src/repositories/ClienteRepository.ts index 2809ef2..25e33f1 100644 --- a/src/repositories/ClienteRepository.ts +++ b/src/repositories/ClienteRepository.ts @@ -1,6 +1,7 @@ -import { prisma } from "../config/database"; import { Cliente, Prisma } from "@prisma/client"; +import { prisma } from "../config/database"; + export class ClienteRepository { async findAll(): Promise<Cliente[]> { try { diff --git a/src/repositories/CustaProcessualRepository.ts b/src/repositories/CustaProcessualRepository.ts index 71a70f3..3c585b6 100644 --- a/src/repositories/CustaProcessualRepository.ts +++ b/src/repositories/CustaProcessualRepository.ts @@ -1,4 +1,3 @@ -import { prisma } from "../config/database"; import { CustaProcessual, TipoCustaProcessual, @@ -6,6 +5,8 @@ import { Prisma, } from "@prisma/client"; +import { prisma } from "../config/database"; + /** * Repositório para gerenciar custas processuais */ diff --git a/src/repositories/DialogParcela.tsx b/src/repositories/DialogParcela.tsx index 51f8464..b1df34f 100644 --- a/src/repositories/DialogParcela.tsx +++ b/src/repositories/DialogParcela.tsx @@ -1,10 +1,10 @@ -import { Fragment } from "react"; import { Dialog, Transition } from "@headlessui/react"; import { XMarkIcon } from "@heroicons/react/24/outline"; import { DatePicker } from "@mui/x-date-pickers"; import { AdapterDateFns } from "@mui/x-date-pickers/AdapterDateFns"; import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider"; import ptBR from "date-fns/locale/pt-BR"; +import { Fragment } from "react"; interface DialogParcelaProps { isOpen: boolean; diff --git a/src/repositories/HonorarioRepository.ts b/src/repositories/HonorarioRepository.ts index a85c59e..1c4b462 100644 --- a/src/repositories/HonorarioRepository.ts +++ b/src/repositories/HonorarioRepository.ts @@ -1,6 +1,7 @@ -import { prisma } from "../config/database"; import { Honorario, FormaPagamento, StatusPagamento } from "@prisma/client"; +import { prisma } from "../config/database"; + export class HonorarioRepository { async create(dados: any): Promise<Honorario> { try { diff --git a/src/repositories/OrgaoJulgadorRepository.ts b/src/repositories/OrgaoJulgadorRepository.ts index eca6ef2..f7c81e7 100644 --- a/src/repositories/OrgaoJulgadorRepository.ts +++ b/src/repositories/OrgaoJulgadorRepository.ts @@ -1,6 +1,7 @@ -import { BaseRepository } from "./BaseRepository"; import prisma from "../config/database"; +import { BaseRepository } from "./BaseRepository"; + export class OrgaoJulgadorRepository extends BaseRepository<any> { constructor() { super("orgaosJulgadores"); diff --git a/src/repositories/ProcessoAdministrativoRepository.ts b/src/repositories/ProcessoAdministrativoRepository.ts index 4be476f..9d14b83 100644 --- a/src/repositories/ProcessoAdministrativoRepository.ts +++ b/src/repositories/ProcessoAdministrativoRepository.ts @@ -1,5 +1,11 @@ +import { + ProcessoAdministrativo, + MovimentacaoAdministrativa, + CustaAdministrativa, + Prisma, +} from "@prisma/client"; + import { prisma } from "../config/database"; -import { ProcessoAdministrativo, MovimentacaoAdministrativa, CustaAdministrativa, Prisma } from "@prisma/client"; export class ProcessoAdministrativoRepository { async findAll(): Promise<ProcessoAdministrativo[]> { @@ -9,10 +15,10 @@ export class ProcessoAdministrativoRepository { cliente: true, movimentacoes: { orderBy: { - data: 'desc' - } - } - } + data: "desc", + }, + }, + }, }); } catch (error) { console.error("Erro ao buscar processos administrativos:", error); @@ -28,10 +34,10 @@ export class ProcessoAdministrativoRepository { cliente: true, movimentacoes: { orderBy: { - data: 'desc' - } - } - } + data: "desc", + }, + }, + }, }); } catch (error) { console.error("Erro ao buscar processo administrativo:", error); @@ -39,24 +45,29 @@ export class ProcessoAdministrativoRepository { } } - async create(data: Partial<ProcessoAdministrativo>): Promise<ProcessoAdministrativo> { + async create( + data: Partial<ProcessoAdministrativo>, + ): Promise<ProcessoAdministrativo> { try { // Validar campos obrigatórios if (!data.numero) throw new Error("Número é obrigatório"); if (!data.descricao) throw new Error("Descrição é obrigatória"); if (!data.orgao) throw new Error("Órgão é obrigatório"); if (!data.clienteId) throw new Error("Cliente é obrigatório"); - if (!data.tipoParteCliente) throw new Error("Tipo de parte é obrigatório"); + if (!data.tipoParteCliente) + throw new Error("Tipo de parte é obrigatório"); return await prisma.processoAdministrativo.create({ data: { ...data, - valorPretensao: data.valorPretensao ? Number(data.valorPretensao) : null, + valorPretensao: data.valorPretensao + ? Number(data.valorPretensao) + : null, }, include: { cliente: true, - movimentacoes: true - } + movimentacoes: true, + }, }); } catch (error) { console.error("Erro ao criar processo administrativo:", error); @@ -65,20 +76,21 @@ export class ProcessoAdministrativoRepository { } async addMovimentacao( - processoId: string, - data: Partial<MovimentacaoAdministrativa> + processoId: string, + data: Partial<MovimentacaoAdministrativa>, ): Promise<MovimentacaoAdministrativa> { try { // Validar campos obrigatórios if (!data.descricao) throw new Error("Descrição é obrigatória"); - if (!data.tipoMovimentacao) throw new Error("Tipo de movimentação é obrigatório"); + if (!data.tipoMovimentacao) + throw new Error("Tipo de movimentação é obrigatório"); if (!data.data) throw new Error("Data é obrigatória"); return await prisma.movimentacaoAdministrativa.create({ data: { ...data, processoId, - } + }, }); } catch (error) { console.error("Erro ao adicionar movimentação:", error); @@ -88,12 +100,13 @@ export class ProcessoAdministrativoRepository { async updateMovimentacao( id: string, - data: Partial<MovimentacaoAdministrativa> + data: Partial<MovimentacaoAdministrativa>, ): Promise<MovimentacaoAdministrativa> { try { // Validar campos obrigatórios if (!data.descricao) throw new Error("Descrição é obrigatória"); - if (!data.tipoMovimentacao) throw new Error("Tipo de movimentação é obrigatório"); + if (!data.tipoMovimentacao) + throw new Error("Tipo de movimentação é obrigatório"); if (!data.data) throw new Error("Data é obrigatória"); const { processoId, dataCriacao, ...updateData } = data; @@ -103,7 +116,7 @@ export class ProcessoAdministrativoRepository { data: { ...updateData, data: new Date(updateData.data), - } + }, }); } catch (error) { console.error("Erro ao atualizar movimentação:", error); @@ -114,7 +127,7 @@ export class ProcessoAdministrativoRepository { async deleteMovimentacao(id: string): Promise<void> { try { await prisma.movimentacaoAdministrativa.delete({ - where: { id } + where: { id }, }); } catch (error) { console.error("Erro ao excluir movimentação:", error); @@ -122,36 +135,46 @@ export class ProcessoAdministrativoRepository { } } - async update(id: string, data: Partial<ProcessoAdministrativo>): Promise<ProcessoAdministrativo> { + async update( + id: string, + data: Partial<ProcessoAdministrativo>, + ): Promise<ProcessoAdministrativo> { try { // Extrair campos de relacionamento const { clienteId, movimentacoes, ...updateData } = data; // Remover campos que não devem ser atualizados diretamente - const { id: _id, dataCriacao: _dc, dataAtualizacao: _da, ...cleanData } = updateData; + const { + id: _id, + dataCriacao: _dc, + dataAtualizacao: _da, + ...cleanData + } = updateData; return await prisma.processoAdministrativo.update({ where: { id }, data: { ...cleanData, - valorPretensao: cleanData.valorPretensao ? Number(cleanData.valorPretensao) : null, + valorPretensao: cleanData.valorPretensao + ? Number(cleanData.valorPretensao) + : null, // Atualizar relação com cliente se houver clienteId ...(clienteId && { cliente: { - connect: { id: clienteId } - } + connect: { id: clienteId }, + }, }), // Remover atualização de movimentações - elas devem ser gerenciadas separadamente - movimentacoes: undefined + movimentacoes: undefined, }, include: { cliente: true, movimentacoes: { orderBy: { - data: 'desc' - } - } - } + data: "desc", + }, + }, + }, }); } catch (error) { console.error("Erro ao atualizar processo administrativo:", error); @@ -162,7 +185,7 @@ export class ProcessoAdministrativoRepository { async delete(id: string): Promise<void> { try { await prisma.processoAdministrativo.delete({ - where: { id } + where: { id }, }); } catch (error) { console.error("Erro ao excluir processo administrativo:", error); @@ -174,9 +197,7 @@ export class ProcessoAdministrativoRepository { try { return await prisma.custaAdministrativa.findMany({ where: { processoId }, - orderBy: [ - { dataCriacao: 'desc' } - ] + orderBy: [{ dataCriacao: "desc" }], }); } catch (error) { console.error("Erro ao buscar custas do processo:", error); @@ -197,8 +218,10 @@ export class ProcessoAdministrativoRepository { processoId, valor: new Prisma.Decimal(data.valor.toString()), vencimento: data.vencimento ? new Date(data.vencimento) : null, - dataPagamento: data.dataPagamento ? new Date(data.dataPagamento) : null - } + dataPagamento: data.dataPagamento + ? new Date(data.dataPagamento) + : null, + }, }); } catch (error) { console.error("Erro ao adicionar custa:", error); @@ -212,10 +235,14 @@ export class ProcessoAdministrativoRepository { where: { id }, data: { ...data, - valor: data.valor ? new Prisma.Decimal(data.valor.toString()) : undefined, + valor: data.valor + ? new Prisma.Decimal(data.valor.toString()) + : undefined, vencimento: data.vencimento ? new Date(data.vencimento) : null, - dataPagamento: data.dataPagamento ? new Date(data.dataPagamento) : null - } + dataPagamento: data.dataPagamento + ? new Date(data.dataPagamento) + : null, + }, }); } catch (error) { console.error("Erro ao atualizar custa:", error); @@ -226,7 +253,7 @@ export class ProcessoAdministrativoRepository { async deleteCusta(id: string) { try { await prisma.custaAdministrativa.delete({ - where: { id } + where: { id }, }); } catch (error) { console.error("Erro ao excluir custa:", error); diff --git a/src/repositories/ProcessoRepository.ts b/src/repositories/ProcessoRepository.ts index 49df744..8c8ff63 100644 --- a/src/repositories/ProcessoRepository.ts +++ b/src/repositories/ProcessoRepository.ts @@ -1,6 +1,7 @@ -import { prisma } from "../config/database"; import { Processo, Prisma } from "@prisma/client"; +import { prisma } from "../config/database"; + export class ProcessoRepository { async create(data: any): Promise<Processo> { try { diff --git a/src/repositories/UsuarioRepository.ts b/src/repositories/UsuarioRepository.ts index c839050..502f6e1 100644 --- a/src/repositories/UsuarioRepository.ts +++ b/src/repositories/UsuarioRepository.ts @@ -1,6 +1,7 @@ -import { prisma } from "../config/database"; import { Usuario } from "@prisma/client"; +import { prisma } from "../config/database"; + export class UsuarioRepository { async findByEmail(email: string): Promise<Usuario | null> { console.log("Repository - Buscando usuário:", email); // Debug diff --git a/src/server/app.ts b/src/server/app.ts index bd1c7bb..601e6cb 100644 --- a/src/server/app.ts +++ b/src/server/app.ts @@ -1,13 +1,15 @@ -import express from 'express'; -import bodyParser from 'body-parser'; -import cors from 'cors'; -import dotenv from 'dotenv'; -import path from 'path'; -import { PrismaClient } from '@prisma/client'; -import provasRoutes from './routes/provas'; -import calculosJudiciaisRoutes from './routes/calculosJudiciais'; -import indicesMonetariosRoutes from './routes/indicesMonetarios'; -import pensaoAlimenticiaRoutes from './routes/pensaoAlimenticia'; +import path from "path"; + +import { PrismaClient } from "@prisma/client"; +import bodyParser from "body-parser"; +import cors from "cors"; +import dotenv from "dotenv"; +import express from "express"; + +import calculosJudiciaisRoutes from "./routes/calculosJudiciais"; +import indicesMonetariosRoutes from "./routes/indicesMonetarios"; +import pensaoAlimenticiaRoutes from "./routes/pensaoAlimenticia"; +import provasRoutes from "./routes/provas"; dotenv.config(); @@ -15,21 +17,21 @@ const app = express(); const prisma = new PrismaClient(); // Configurar para confiar em proxies, permitindo a leitura de X-Forwarded-For -// Isso é necessário se sua aplicação estiver atrás de um balanceador de carga, +// Isso é necessário se sua aplicação estiver atrás de um balanceador de carga, // proxy reverso ou Cloudflare -app.set('trust proxy', true); +app.set("trust proxy", true); app.use(cors()); app.use(bodyParser.json()); app.use(bodyParser.urlencoded({ extended: true })); -app.use('/api/provas', provasRoutes); -app.use('/api/calculos', calculosJudiciaisRoutes); -app.use('/api/indices', indicesMonetariosRoutes); -app.use('/api/pensao-alimenticia', pensaoAlimenticiaRoutes); +app.use("/api/provas", provasRoutes); +app.use("/api/calculos", calculosJudiciaisRoutes); +app.use("/api/indices", indicesMonetariosRoutes); +app.use("/api/pensao-alimenticia", pensaoAlimenticiaRoutes); -app.use(express.static(path.join(__dirname, 'public'))); -app.set('trust proxy', true); // Importante para obter o IP real em ambientes com proxy +app.use(express.static(path.join(__dirname, "public"))); +app.set("trust proxy", true); // Importante para obter o IP real em ambientes com proxy const PORT = process.env.PORT || 5000; @@ -37,4 +39,4 @@ app.listen(PORT, () => { console.log(`Server is running on port ${PORT}`); }); -export { app, prisma }; \ No newline at end of file +export { app, prisma }; diff --git a/src/server/authMiddleware.ts b/src/server/authMiddleware.ts index bbb5080..f0d0fab 100644 --- a/src/server/authMiddleware.ts +++ b/src/server/authMiddleware.ts @@ -1,5 +1,5 @@ -import { Request, Response, NextFunction } from 'express'; -import jwt from 'jsonwebtoken'; +import { Request, Response, NextFunction } from "express"; +import jwt from "jsonwebtoken"; declare global { namespace Express { @@ -13,18 +13,25 @@ declare global { } } -export const extractUser = (req: Request, res: Response, next: NextFunction) => { +export const extractUser = ( + req: Request, + res: Response, + next: NextFunction, +) => { try { - const token = req.headers.authorization?.replace('Bearer ', ''); + const token = req.headers.authorization?.replace("Bearer ", ""); if (!token) { return res.status(401).json({ error: "Token não fornecido" }); } - const decoded = jwt.verify(token, process.env.JWT_SECRET || 'default-secret') as jwt.JwtPayload; + const decoded = jwt.verify( + token, + process.env.JWT_SECRET || "default-secret", + ) as jwt.JwtPayload; req.user = { id: decoded.id, email: decoded.email, - perfil: decoded.perfil + perfil: decoded.perfil, }; next(); } catch (error) { diff --git a/src/server/config/database.ts b/src/server/config/database.ts index 355f279..fc59a2d 100644 --- a/src/server/config/database.ts +++ b/src/server/config/database.ts @@ -1,13 +1,14 @@ -import { PrismaClient } from '@prisma/client'; +import { PrismaClient } from "@prisma/client"; export const prisma = new PrismaClient({ - log: process.env.PRISMA_LOG_LEVEL === 'debug' - ? ['query', 'info', 'warn', 'error'] - : ['error'], + log: + process.env.PRISMA_LOG_LEVEL === "debug" + ? ["query", "info", "warn", "error"] + : ["error"], }); // Tratar eventos de desconexão -prisma.$on('beforeExit', async () => { +prisma.$on("beforeExit", async () => { await prisma.$disconnect(); }); diff --git a/src/server/index.ts b/src/server/index.ts index a017f0a..1430027 100644 --- a/src/server/index.ts +++ b/src/server/index.ts @@ -1,30 +1,35 @@ -import express from "express"; import cors from "cors"; -import axios from "axios"; +import express from "express"; + import "dotenv/config"; -import { prisma } from './prismaClient'; // Corrigir o import do prisma -import { AuthService } from "../services/AuthService"; -import { UsuarioRepository } from "../repositories/UsuarioRepository"; +import jwt from "jsonwebtoken"; + +import { authMiddleware } from "../middleware/auth"; import { ClienteRepository } from "../repositories/ClienteRepository"; -import { ProcessoRepository } from "../repositories/ProcessoRepository"; -import { OrgaoJulgadorRepository } from "../repositories/OrgaoJulgadorRepository"; import { CustaProcessualRepository } from "../repositories/CustaProcessualRepository"; import { HonorarioRepository } from "../repositories/HonorarioRepository"; -import jwt from "jsonwebtoken"; -import { authMiddleware } from '../middleware/auth'; + import bcrypt from "bcryptjs"; import { TipoAtendimento } from "@prisma/client"; // Adicionar esta importação -import tarefasRoutes from './routes/tarefas'; -import dashboardRoutes from './routes/dashboard'; -import atendimentosRoutes from './routes/atendimentos'; -import anexosRoutes from './routes/anexos'; -import documentosRouter from './routes/documentos'; -import documentosModelosRouter from './routes/documentos-modelos'; -import processosAdministrativosRoutes from './routes/processosAdministrativos'; -import provasRouter from './routes/provas'; -import calculosJudiciaisRoutes from './routes/calculosJudiciais'; -import indicesMonetariosRoutes from './routes/indicesMonetarios'; -import pensaoAlimenticiaRoutes from './routes/pensaoAlimenticia'; +import axios from "axios"; + +import { OrgaoJulgadorRepository } from "../repositories/OrgaoJulgadorRepository"; +import { ProcessoRepository } from "../repositories/ProcessoRepository"; +import { UsuarioRepository } from "../repositories/UsuarioRepository"; +import { AuthService } from "../services/AuthService"; + +import { prisma } from "./prismaClient"; // Corrigir o import do prisma +import anexosRoutes from "./routes/anexos"; +import atendimentosRoutes from "./routes/atendimentos"; +import calculosJudiciaisRoutes from "./routes/calculosJudiciais"; +import dashboardRoutes from "./routes/dashboard"; +import documentosRouter from "./routes/documentos"; +import documentosModelosRouter from "./routes/documentos-modelos"; +import indicesMonetariosRoutes from "./routes/indicesMonetarios"; +import pensaoAlimenticiaRoutes from "./routes/pensaoAlimenticia"; +import processosAdministrativosRoutes from "./routes/processosAdministrativos"; +import provasRouter from "./routes/provas"; +import tarefasRoutes from "./routes/tarefas"; const app = express(); const port = process.env.PORT || 5000; @@ -106,9 +111,11 @@ app.get("/auth/verify", async (req, res) => { }); // Redirecionar para página pública de verificação (atualizar esta rota) -app.get('/verificar/:hash', (req, res) => { +app.get("/verificar/:hash", (req, res) => { // Redirecionar para a verificação pública (sem login) - res.redirect(`${process.env.FRONTEND_URL || 'http://localhost:3000'}/public/verificar/${req.params.hash}`); + res.redirect( + `${process.env.FRONTEND_URL || "http://localhost:3000"}/public/verificar/${req.params.hash}`, + ); }); // Rota para buscar perfil do usuário logado (ajuste do caminho) @@ -127,7 +134,8 @@ app.get("/api/auth/me", async (req, res) => { ) as any; console.log("Token decodificado:", decoded); - const user = await prisma.usuario.findUnique({ // usar o prisma importado + const user = await prisma.usuario.findUnique({ + // usar o prisma importado where: { id: decoded.id }, select: { id: true, @@ -285,23 +293,23 @@ app.get("/api/processos/orgaos", async (req, res) => { }); // Adicionar este endpoint antes das outras rotas de processos -app.patch('/api/processos/:id/resultado', async (req, res) => { +app.patch("/api/processos/:id/resultado", async (req, res) => { try { const { id } = req.params; const { resultado } = req.body; const processo = await prisma.processo.update({ where: { id }, - data: { + data: { resultado, - dataAtualizacao: new Date() - } + dataAtualizacao: new Date(), + }, }); res.json(processo); } catch (error) { - console.error('Erro ao atualizar resultado:', error); - res.status(500).json({ error: 'Erro ao atualizar resultado do processo' }); + console.error("Erro ao atualizar resultado:", error); + res.status(500).json({ error: "Erro ao atualizar resultado do processo" }); } }); @@ -940,7 +948,7 @@ app.get("/api/atendimentos", async (req, res) => { anexos: true, }, orderBy: { - dataAtendimento: 'desc', + dataAtendimento: "desc", }, }); res.json(atendimentos); @@ -952,8 +960,9 @@ app.get("/api/atendimentos", async (req, res) => { app.post("/api/atendimentos", authMiddleware, async (req, res) => { try { - const { clienteId, processoId, tipo, titulo, conteudo, agendamentoId } = req.body; - + const { clienteId, processoId, tipo, titulo, conteudo, agendamentoId } = + req.body; + if (!req.user?.id) { return res.status(401).json({ error: "Usuário não autenticado" }); } @@ -964,7 +973,7 @@ app.post("/api/atendimentos", authMiddleware, async (req, res) => { // Verificar se o cliente existe const clienteExiste = await prisma.cliente.findUnique({ - where: { id: clienteId } + where: { id: clienteId }, }); if (!clienteExiste) { @@ -980,14 +989,14 @@ app.post("/api/atendimentos", authMiddleware, async (req, res) => { }, }, orderBy: { - protocolo: 'desc', + protocolo: "desc", }, }); - const numeroSequencial = ultimoProtocolo - ? parseInt(ultimoProtocolo.protocolo.split('/')[1]) + 1 + const numeroSequencial = ultimoProtocolo + ? parseInt(ultimoProtocolo.protocolo.split("/")[1]) + 1 : 1; - const protocolo = `${ano}/${numeroSequencial.toString().padStart(6, '0')}`; + const protocolo = `${ano}/${numeroSequencial.toString().padStart(6, "0")}`; // Criar atendimento usando transaction const atendimento = await prisma.$transaction(async (tx) => { @@ -1001,7 +1010,7 @@ app.post("/api/atendimentos", authMiddleware, async (req, res) => { cliente: { connect: { id: clienteId } }, usuario: { connect: { id: req.user!.id } }, ...(processoId && { processo: { connect: { id: processoId } } }), - status: 'ATIVO', + status: "ATIVO", dataAtualizacao: new Date(), }, include: { @@ -1021,7 +1030,7 @@ app.post("/api/atendimentos", authMiddleware, async (req, res) => { await tx.agendamentoAtendimento.update({ where: { id: agendamentoId }, data: { - status: 'REALIZADO', + status: "REALIZADO", atendimento: { connect: { id: atendimento.id } }, }, }); @@ -1033,9 +1042,9 @@ app.post("/api/atendimentos", authMiddleware, async (req, res) => { res.status(201).json(atendimento); } catch (error) { console.error("Erro ao criar atendimento:", error); - res.status(400).json({ + res.status(400).json({ error: "Erro ao criar atendimento", - details: error instanceof Error ? error.message : "Erro desconhecido" + details: error instanceof Error ? error.message : "Erro desconhecido", }); } }); @@ -1050,7 +1059,7 @@ app.get("/api/atendimentos/iniciais/:clienteId", async (req, res) => { tipo: TipoAtendimento.INICIAL, }, orderBy: { - dataAtendimento: 'desc', + dataAtendimento: "desc", }, }); res.json(atendimentosIniciais); @@ -1064,17 +1073,17 @@ app.get("/api/atendimentos/iniciais/:clienteId", async (req, res) => { app.get("/api/clientes/search", async (req, res) => { try { const { q } = req.query; - if (!q || typeof q !== 'string' || q.length < 3) { + if (!q || typeof q !== "string" || q.length < 3) { return res.status(400).json({ error: "Termo de busca inválido" }); } const clientes = await prisma.cliente.findMany({ where: { OR: [ - { nome: { contains: q, mode: 'insensitive' } }, + { nome: { contains: q, mode: "insensitive" } }, { cpfCnpj: { contains: q } }, - { email: { contains: q, mode: 'insensitive' } } - ] + { email: { contains: q, mode: "insensitive" } }, + ], }, take: 10, }); @@ -1089,8 +1098,15 @@ app.get("/api/clientes/search", async (req, res) => { // Modificar a rota de criação de atendimento para incluir atendimentoInicialId app.post("/api/atendimentos", authMiddleware, async (req, res) => { try { - const { clienteId, processoId, tipo, titulo, conteudo, atendimentoInicialId } = req.body; - + const { + clienteId, + processoId, + tipo, + titulo, + conteudo, + atendimentoInicialId, + } = req.body; + if (!req.user?.id) { return res.status(401).json({ error: "Usuário não autenticado" }); } @@ -1101,19 +1117,22 @@ app.post("/api/atendimentos", authMiddleware, async (req, res) => { // Validar se existe atendimentoInicialId quando não for INICIAL if (tipo !== TipoAtendimento.INICIAL && !atendimentoInicialId) { - return res.status(400).json({ error: "Atendimento inicial é obrigatório para retornos e encaminhamentos" }); + return res.status(400).json({ + error: + "Atendimento inicial é obrigatório para retornos e encaminhamentos", + }); } const ano = new Date().getFullYear(); const ultimoProtocolo = await prisma.atendimento.findFirst({ where: { protocolo: { startsWith: `${ano}/` } }, - orderBy: { protocolo: 'desc' }, + orderBy: { protocolo: "desc" }, }); - const numeroSequencial = ultimoProtocolo - ? parseInt(ultimoProtocolo.protocolo.split('/')[1]) + 1 + const numeroSequencial = ultimoProtocolo + ? parseInt(ultimoProtocolo.protocolo.split("/")[1]) + 1 : 1; - const protocolo = `${ano}/${numeroSequencial.toString().padStart(6, '0')}`; + const protocolo = `${ano}/${numeroSequencial.toString().padStart(6, "0")}`; const data = { protocolo, @@ -1143,9 +1162,9 @@ app.post("/api/atendimentos", authMiddleware, async (req, res) => { res.status(201).json(atendimento); } catch (error) { console.error("Erro ao criar atendimento:", error); - res.status(400).json({ + res.status(400).json({ error: "Erro ao criar atendimento", - details: error instanceof Error ? error.message : "Erro desconhecido" + details: error instanceof Error ? error.message : "Erro desconhecido", }); } }); @@ -1173,10 +1192,10 @@ app.get("/api/atendimentos/:id", async (req, res) => { select: { id: true, nome: true, - } - } - } - } + }, + }, + }, + }, }, }); @@ -1195,12 +1214,18 @@ app.get("/api/atendimentos/:id", async (req, res) => { app.get("/api/agendamentos", async (req, res) => { try { const { data } = req.query; - const where = data ? { - data: { - gte: new Date(data as string), - lt: new Date(new Date(data as string).setDate(new Date(data as string).getDate() + 1)) - } - } : {}; + const where = data + ? { + data: { + gte: new Date(data as string), + lt: new Date( + new Date(data as string).setDate( + new Date(data as string).getDate() + 1, + ), + ), + }, + } + : {}; const agendamentos = await prisma.agendamentoAtendimento.findMany({ where, @@ -1221,7 +1246,7 @@ app.get("/api/agendamentos", async (req, res) => { }, }, orderBy: { - data: 'asc', + data: "asc", }, }); res.json(agendamentos); @@ -1234,7 +1259,7 @@ app.get("/api/agendamentos", async (req, res) => { app.post("/api/agendamentos", authMiddleware, async (req, res) => { try { const { clienteId, data, observacoes } = req.body; - + if (!req.user?.id) { return res.status(401).json({ error: "Usuário não autenticado" }); } @@ -1268,7 +1293,7 @@ app.patch("/api/agendamentos/:id/status", authMiddleware, async (req, res) => { try { const { id } = req.params; const { status } = req.body; - + const agendamento = await prisma.agendamentoAtendimento.update({ where: { id }, data: { status }, @@ -1295,7 +1320,7 @@ app.put("/api/agendamentos/:id", authMiddleware, async (req, res) => { try { const { id } = req.params; const { clienteId, data, observacoes, tipo } = req.body; - + const agendamento = await prisma.agendamentoAtendimento.update({ where: { id }, data: { @@ -1325,7 +1350,7 @@ app.put("/api/agendamentos/:id", authMiddleware, async (req, res) => { app.delete("/api/agendamentos/:id", authMiddleware, async (req, res) => { try { const { id } = req.params; - + await prisma.agendamentoAtendimento.delete({ where: { id }, }); @@ -1362,13 +1387,14 @@ app.patch("/api/atendimentos/:id/status", authMiddleware, async (req, res) => { try { const { id } = req.params; const { status, justificativa } = req.body; - + const atendimento = await prisma.atendimento.update({ where: { id }, - data: { + data: { status, - justificativaCancelamento: status === 'CANCELADO' ? justificativa : null, - dataAtualizacao: new Date() + justificativaCancelamento: + status === "CANCELADO" ? justificativa : null, + dataAtualizacao: new Date(), }, include: { cliente: true, @@ -1389,15 +1415,15 @@ app.patch("/api/atendimentos/:id/status", authMiddleware, async (req, res) => { }); // Mover estas rotas para o início, antes das outras -app.use('/api/anexos', anexosRoutes); -app.use('/api/atendimentos', atendimentosRoutes); -app.use('/api/provas', provasRouter); +app.use("/api/anexos", anexosRoutes); +app.use("/api/atendimentos", atendimentosRoutes); +app.use("/api/provas", provasRouter); -app.use('/api/tarefas', tarefasRoutes); -app.use('/api/dashboard', authMiddleware, dashboardRoutes); -app.use('/api/documentos', documentosRouter); -app.use('/api/documentos-modelos', documentosModelosRouter); -app.use('/api/processos-administrativos', processosAdministrativosRoutes); -app.use('/api/calculos', calculosJudiciaisRoutes); -app.use('/api/indices', indicesMonetariosRoutes); -app.use('/api/pensao-alimenticia', pensaoAlimenticiaRoutes); \ No newline at end of file +app.use("/api/tarefas", tarefasRoutes); +app.use("/api/dashboard", authMiddleware, dashboardRoutes); +app.use("/api/documentos", documentosRouter); +app.use("/api/documentos-modelos", documentosModelosRouter); +app.use("/api/processos-administrativos", processosAdministrativosRoutes); +app.use("/api/calculos", calculosJudiciaisRoutes); +app.use("/api/indices", indicesMonetariosRoutes); +app.use("/api/pensao-alimenticia", pensaoAlimenticiaRoutes); diff --git a/src/server/middleware/ipDetection.ts b/src/server/middleware/ipDetection.ts index 01557ca..b5e5f3a 100644 --- a/src/server/middleware/ipDetection.ts +++ b/src/server/middleware/ipDetection.ts @@ -1,45 +1,49 @@ -import { Request, Response, NextFunction } from 'express'; +import { Request, Response, NextFunction } from "express"; -export const ipDetectionMiddleware = (req: Request, res: Response, next: NextFunction) => { +export const ipDetectionMiddleware = ( + req: Request, + res: Response, + next: NextFunction, +) => { // Extrair o endereço IP real req.realIP = determineRealIP(req); - + // Registrar a detecção para debug console.log(`Requisição de ${req.realIP} (original: ${req.ip})`); - + next(); }; function determineRealIP(req: Request): string { // Array de possíveis fontes de IP, em ordem de preferência const ipSources = [ - req.headers['x-forwarded-for'], - req.headers['x-real-ip'], - req.headers['cf-connecting-ip'], + req.headers["x-forwarded-for"], + req.headers["x-real-ip"], + req.headers["cf-connecting-ip"], req.ip, - req.socket?.remoteAddress + req.socket?.remoteAddress, ]; - + // Filtrar valores nulos e processar x-forwarded-for que pode conter múltiplos IPs for (const source of ipSources) { if (source) { // x-forwarded-for pode ter múltiplos IPs separados por vírgula - if (typeof source === 'string' && source.includes(',')) { - const firstIP = source.split(',')[0].trim(); + if (typeof source === "string" && source.includes(",")) { + const firstIP = source.split(",")[0].trim(); if (firstIP && isValidIP(firstIP)) return firstIP; } else if (isValidIP(source as string)) { return source as string; } } } - + // Fallback para um valor padrão se nenhum IP válido for encontrado - return '0.0.0.0'; + return "0.0.0.0"; } function isValidIP(ip: string): boolean { // Função simples para verificar se uma string parece um IP válido - return !!ip && ip !== 'unknown' && ip !== '::1' && ip !== 'localhost'; + return !!ip && ip !== "unknown" && ip !== "::1" && ip !== "localhost"; } // Estender a interface Request para incluir a propriedade realIP @@ -49,4 +53,4 @@ declare global { realIP: string; } } -} \ No newline at end of file +} diff --git a/src/server/prismaClient.ts b/src/server/prismaClient.ts index 61f0385..eb341e1 100644 --- a/src/server/prismaClient.ts +++ b/src/server/prismaClient.ts @@ -1,9 +1,10 @@ -import { PrismaClient } from '@prisma/client'; +import { PrismaClient } from "@prisma/client"; const prisma = new PrismaClient({ - log: process.env.PRISMA_LOG_LEVEL === 'debug' - ? ['query', 'info', 'warn', 'error'] - : ['error'], + log: + process.env.PRISMA_LOG_LEVEL === "debug" + ? ["query", "info", "warn", "error"] + : ["error"], }); export { prisma }; diff --git a/src/server/routes/anexos.ts b/src/server/routes/anexos.ts index 3404104..560ebd0 100644 --- a/src/server/routes/anexos.ts +++ b/src/server/routes/anexos.ts @@ -1,9 +1,12 @@ -import { Router } from 'express'; -import multer from 'multer'; -import { prisma } from '../prismaClient'; -import { authMiddleware } from '../../middleware/auth'; -const { NextCloudService } = require('../../services/nextcloud'); -import { randomUUID } from 'crypto'; +import { randomUUID } from "crypto"; + +import { Router } from "express"; +import multer from "multer"; + +import { authMiddleware } from "../../middleware/auth"; +import { prisma } from "../prismaClient"; + +const { NextCloudService } = require("../../services/nextcloud"); const upload = multer({ storage: multer.memoryStorage() }); const router = Router(); @@ -11,7 +14,7 @@ const router = Router(); router.use(authMiddleware); // Criar registro de anexo -router.post('/', async (req, res) => { +router.post("/", async (req, res) => { try { const { nome, tamanho, url, tipo } = req.body; @@ -21,39 +24,44 @@ router.post('/', async (req, res) => { nome, tipo, tamanho, - url - } + url, + }, }); res.json(anexo); } catch (error) { - console.error('Erro ao criar anexo:', error); - res.status(500).json({ error: 'Erro ao criar anexo' }); + console.error("Erro ao criar anexo:", error); + res.status(500).json({ error: "Erro ao criar anexo" }); } }); // Deletar anexo -router.delete('/:id', async (req, res) => { +router.delete("/:id", async (req, res) => { try { await prisma.anexo.delete({ - where: { id: req.params.id } + where: { id: req.params.id }, }); res.status(204).send(); } catch (error) { - console.error('Erro ao deletar anexo:', error); - res.status(500).json({ error: 'Erro ao deletar anexo' }); + console.error("Erro ao deletar anexo:", error); + res.status(500).json({ error: "Erro ao deletar anexo" }); } }); -router.post('/upload', upload.single('file'), async (req, res) => { +router.post("/upload", upload.single("file"), async (req, res) => { try { if (!req.file || !req.body.clienteNome) { - return res.status(400).json({ error: 'Arquivo e nome do cliente são obrigatórios' }); + return res + .status(400) + .json({ error: "Arquivo e nome do cliente são obrigatórios" }); } // Preparar caminho do arquivo - const pastaCliente = req.body.clienteNome.toUpperCase().normalize('NFD').replace(/[\u0300-\u036f]/g, ''); - const fileName = `${Date.now()}_${req.file.originalname.replace(/[^a-zA-Z0-9.-]/g, '_')}`; + const pastaCliente = req.body.clienteNome + .toUpperCase() + .normalize("NFD") + .replace(/[\u0300-\u036f]/g, ""); + const fileName = `${Date.now()}_${req.file.originalname.replace(/[^a-zA-Z0-9.-]/g, "_")}`; const filePath = `${pastaCliente}/${fileName}`; // Upload para o Nextcloud @@ -61,8 +69,8 @@ router.post('/upload', upload.single('file'), async (req, res) => { res.json({ url: filePath }); } catch (error) { - console.error('Erro no upload:', error); - res.status(500).json({ error: 'Erro no upload do arquivo' }); + console.error("Erro no upload:", error); + res.status(500).json({ error: "Erro no upload do arquivo" }); } }); diff --git a/src/server/routes/atendimentos.ts b/src/server/routes/atendimentos.ts index 78d2e6f..1b92126 100644 --- a/src/server/routes/atendimentos.ts +++ b/src/server/routes/atendimentos.ts @@ -1,8 +1,9 @@ -import { Router } from 'express'; -import { prisma } from '../prismaClient'; -import { authMiddleware } from '../../middleware/auth'; -import multer from 'multer'; -import { NextCloudService } from '../../services/nextcloud'; +import { Router } from "express"; +import multer from "multer"; + +import { authMiddleware } from "../../middleware/auth"; +import { NextCloudService } from "../../services/nextcloud"; +import { prisma } from "../prismaClient"; const router = Router(); const upload = multer({ storage: multer.memoryStorage() }); @@ -12,12 +13,12 @@ router.use(authMiddleware); // ...existing routes... // Rota para atualizar atendimento com anexos -router.patch('/:id', async (req, res) => { +router.patch("/:id", async (req, res) => { try { const { id } = req.params; const { anexos, ...data } = req.body; - console.log('Atualizando atendimento:', id, { anexos, data }); // Debug log + console.log("Atualizando atendimento:", id, { anexos, data }); // Debug log const atendimento = await prisma.atendimento.update({ where: { id }, @@ -30,60 +31,62 @@ router.patch('/:id', async (req, res) => { nome: anexo.nome, url: anexo.url, tipo: anexo.tipo, - tamanho: anexo.tamanho - })) - } - } - }) + tamanho: anexo.tamanho, + })), + }, + }, + }), }, include: { anexos: true, - cliente: true - } + cliente: true, + }, }); - console.log('Atendimento atualizado:', atendimento); // Debug log + console.log("Atendimento atualizado:", atendimento); // Debug log res.json(atendimento); } catch (error) { - console.error('Erro ao atualizar atendimento:', error); - res.status(500).json({ error: 'Erro ao atualizar atendimento' }); + console.error("Erro ao atualizar atendimento:", error); + res.status(500).json({ error: "Erro ao atualizar atendimento" }); } }); // Nova rota para upload de arquivo via proxy -router.post('/upload', upload.single('file'), async (req, res) => { +router.post("/upload", upload.single("file"), async (req, res) => { try { if (!req.file || !req.body.clienteNome) { - return res.status(400).json({ error: 'Arquivo e nome do cliente são obrigatórios' }); + return res + .status(400) + .json({ error: "Arquivo e nome do cliente são obrigatórios" }); } // Enviar para o NextCloud usando a estrutura de pastas correta const buffer = req.file.buffer; - Object.defineProperty(buffer, 'name', { + Object.defineProperty(buffer, "name", { value: req.file.originalname, writable: true, - enumerable: true + enumerable: true, }); const filePath = await NextCloudService.uploadFile( buffer, req.body.clienteNome, - 'atendimento', - req.body.protocolo + "atendimento", + req.body.protocolo, ); res.json({ url: filePath }); } catch (error) { - console.error('Erro no upload:', error); - res.status(500).json({ error: 'Erro no upload do arquivo' }); + console.error("Erro no upload:", error); + res.status(500).json({ error: "Erro no upload do arquivo" }); } }); -router.get('/:id', async (req, res) => { +router.get("/:id", async (req, res) => { try { const atendimento = await prisma.atendimento.findUnique({ - where: { - id: req.params.id + where: { + id: req.params.id, }, include: { cliente: true, @@ -93,20 +96,20 @@ router.get('/:id', async (req, res) => { id: true, nome: true, oab: true, - oabUF: true - } - } - } + oabUF: true, + }, + }, + }, }); if (!atendimento) { - return res.status(404).json({ error: 'Atendimento não encontrado' }); + return res.status(404).json({ error: "Atendimento não encontrado" }); } res.json(atendimento); } catch (error) { - console.error('Erro ao buscar atendimento:', error); - res.status(500).json({ error: 'Erro ao buscar atendimento' }); + console.error("Erro ao buscar atendimento:", error); + res.status(500).json({ error: "Erro ao buscar atendimento" }); } }); diff --git a/src/server/routes/calculosJudiciais.ts b/src/server/routes/calculosJudiciais.ts index e2786c7..f27bb55 100644 --- a/src/server/routes/calculosJudiciais.ts +++ b/src/server/routes/calculosJudiciais.ts @@ -1,17 +1,24 @@ -import express from 'express'; -import { CalculoJudicialService } from '../services/CalculoJudicialService'; -import { authMiddleware } from '../../middleware/auth'; -import { prisma } from '../prismaClient'; -import { Decimal } from '@prisma/client/runtime/library'; -import { getIndicesParaPeriodo, calcularFatorCorrecaoTotal, verificarIndicesDisponiveis } from '../services/IndiceMonetarioService'; -import { IndiceMonetarioService } from '../services/IndiceMonetarioService'; -import { ReportGenerator } from '../services/ReportGenerator'; +import { Decimal } from "@prisma/client/runtime/library"; +import express from "express"; + +import { authMiddleware } from "../../middleware/auth"; +import { prisma } from "../prismaClient"; +import { CalculoJudicialService } from "../services/CalculoJudicialService"; +import { + getIndicesParaPeriodo, + calcularFatorCorrecaoTotal, + verificarIndicesDisponiveis, + IndiceMonetarioService, +} from "../services/IndiceMonetarioService"; +import { ReportGenerator } from "../services/ReportGenerator"; // Importar o módulo xlsx com verificação de disponibilidade let XLSX: any; try { - XLSX = require('xlsx'); + XLSX = require("xlsx"); } catch (error) { - console.warn('Módulo XLSX não encontrado. Funcionalidade de exportação para Excel estará indisponível.'); + console.warn( + "Módulo XLSX não encontrado. Funcionalidade de exportação para Excel estará indisponível.", + ); XLSX = null; } @@ -25,40 +32,40 @@ router.use(authMiddleware); // Função auxiliar para validação de campos obrigatórios const validarDados = (camposObrigatorios: string[]) => { - return (req: express.Request, res: express.Response, next: express.NextFunction) => { - const camposFaltantes = camposObrigatorios.filter(campo => req.body[campo] === undefined); - + return ( + req: express.Request, + res: express.Response, + next: express.NextFunction, + ) => { + const camposFaltantes = camposObrigatorios.filter( + (campo) => req.body[campo] === undefined, + ); + if (camposFaltantes.length > 0) { - return res.status(400).json({ - error: `Campos obrigatórios faltando: ${camposFaltantes.join(', ')}`, - camposFaltantes + return res.status(400).json({ + error: `Campos obrigatórios faltando: ${camposFaltantes.join(", ")}`, + camposFaltantes, }); } - + next(); }; }; // Criar novo cálculo judicial -router.post('/', async (req, res) => { +router.post("/", async (req, res) => { try { - const { - titulo, - descricao, - dataBase, - valorBase, - processoId, - clienteId - } = req.body; + const { titulo, descricao, dataBase, valorBase, processoId, clienteId } = + req.body; // Verificar se o usuário está autenticado if (!req.user?.id) { - return res.status(401).json({ error: 'Usuário não autenticado' }); + return res.status(401).json({ error: "Usuário não autenticado" }); } // Validar campos obrigatórios if (!titulo || !dataBase || valorBase === undefined) { - return res.status(400).json({ error: 'Campos obrigatórios faltando' }); + return res.status(400).json({ error: "Campos obrigatórios faltando" }); } const calculo = await calculoService.criarCalculo({ @@ -68,180 +75,182 @@ router.post('/', async (req, res) => { valorBase: parseFloat(valorBase), processoId, clienteId, - usuarioId: req.user.id + usuarioId: req.user.id, }); res.status(201).json(calculo); } catch (error) { - console.error('Erro ao criar cálculo:', error); + console.error("Erro ao criar cálculo:", error); res.status(500).json({ error: error.message }); } }); // Buscar cálculo por ID -router.get('/:id', async (req, res) => { +router.get("/:id", async (req, res) => { try { const { id } = req.params; const calculo = await calculoService.buscarCalculo(id); - + if (!calculo) { - return res.status(404).json({ error: 'Cálculo não encontrado' }); + return res.status(404).json({ error: "Cálculo não encontrado" }); } - + res.json(calculo); } catch (error) { - console.error('Erro ao buscar cálculo:', error); + console.error("Erro ao buscar cálculo:", error); res.status(500).json({ error: error.message }); } }); // Adicionar correção monetária -router.post('/:id/correcao', validarDados(['indice', 'dataInicial']), async (req, res) => { - try { - const { id } = req.params; - const { - indice, - dataInicial, - dataFinal, - valorOriginal - } = req.body; - - // Verificar se o usuário está autenticado - if (!req.user?.id) { - return res.status(401).json({ error: 'Usuário não autenticado' }); +router.post( + "/:id/correcao", + validarDados(["indice", "dataInicial"]), + async (req, res) => { + try { + const { id } = req.params; + const { indice, dataInicial, dataFinal, valorOriginal } = req.body; + + // Verificar se o usuário está autenticado + if (!req.user?.id) { + return res.status(401).json({ error: "Usuário não autenticado" }); + } + + const correcao = await calculoService.adicionarCorrecaoMonetaria({ + calculoId: id, + indice, + dataInicial: new Date(dataInicial), + dataFinal: dataFinal ? new Date(dataFinal) : undefined, + valorOriginal: parseFloat(valorOriginal), + usuarioId: req.user.id, + }); + + res.status(201).json(correcao); + } catch (error) { + console.error("Erro ao adicionar correção monetária:", error); + res.status(500).json({ error: error.message }); } - - const correcao = await calculoService.adicionarCorrecaoMonetaria({ - calculoId: id, - indice, - dataInicial: new Date(dataInicial), - dataFinal: dataFinal ? new Date(dataFinal) : undefined, - valorOriginal: parseFloat(valorOriginal), - usuarioId: req.user.id - }); - - res.status(201).json(correcao); - } catch (error) { - console.error('Erro ao adicionar correção monetária:', error); - res.status(500).json({ error: error.message }); - } -}); + }, +); // Adicionar juros -router.post('/:id/juros', validarDados(['tipo', 'taxa', 'dataInicial']), async (req, res) => { - try { - const { id } = req.params; - const { - tipo, - taxa, - periodicidade, - natureza, - dataInicial, - dataFinal, - valorBase - } = req.body; - - // Verificar se o usuário está autenticado - if (!req.user?.id) { - return res.status(401).json({ error: 'Usuário não autenticado' }); +router.post( + "/:id/juros", + validarDados(["tipo", "taxa", "dataInicial"]), + async (req, res) => { + try { + const { id } = req.params; + const { + tipo, + taxa, + periodicidade, + natureza, + dataInicial, + dataFinal, + valorBase, + } = req.body; + + // Verificar se o usuário está autenticado + if (!req.user?.id) { + return res.status(401).json({ error: "Usuário não autenticado" }); + } + + const juros = await calculoService.adicionarJuros({ + calculoId: id, + tipo, + taxa: parseFloat(taxa), + periodicidade, + natureza, + dataInicial: new Date(dataInicial), + dataFinal: dataFinal ? new Date(dataFinal) : undefined, + valorBase: parseFloat(valorBase), + usuarioId: req.user.id, + }); + + res.status(201).json(juros); + } catch (error) { + console.error("Erro ao adicionar juros:", error); + res.status(500).json({ error: error.message }); } - - const juros = await calculoService.adicionarJuros({ - calculoId: id, - tipo, - taxa: parseFloat(taxa), - periodicidade, - natureza, - dataInicial: new Date(dataInicial), - dataFinal: dataFinal ? new Date(dataFinal) : undefined, - valorBase: parseFloat(valorBase), - usuarioId: req.user.id - }); - - res.status(201).json(juros); - } catch (error) { - console.error('Erro ao adicionar juros:', error); - res.status(500).json({ error: error.message }); - } -}); + }, +); // Adicionar multa -router.post('/:id/multa', validarDados(['tipo', 'percentual', 'valorBase']), async (req, res) => { - try { - const { id } = req.params; - const { - tipo, - percentual, - valorBase, - fundamento - } = req.body; - - // Verificar se o usuário está autenticado - if (!req.user?.id) { - return res.status(401).json({ error: 'Usuário não autenticado' }); +router.post( + "/:id/multa", + validarDados(["tipo", "percentual", "valorBase"]), + async (req, res) => { + try { + const { id } = req.params; + const { tipo, percentual, valorBase, fundamento } = req.body; + + // Verificar se o usuário está autenticado + if (!req.user?.id) { + return res.status(401).json({ error: "Usuário não autenticado" }); + } + + const multa = await calculoService.adicionarMulta({ + calculoId: id, + tipo, + percentual: parseFloat(percentual), + valorBase: parseFloat(valorBase), + fundamento, + usuarioId: req.user.id, + }); + + res.status(201).json(multa); + } catch (error) { + console.error("Erro ao adicionar multa:", error); + res.status(500).json({ error: error.message }); } - - const multa = await calculoService.adicionarMulta({ - calculoId: id, - tipo, - percentual: parseFloat(percentual), - valorBase: parseFloat(valorBase), - fundamento, - usuarioId: req.user.id - }); - - res.status(201).json(multa); - } catch (error) { - console.error('Erro ao adicionar multa:', error); - res.status(500).json({ error: error.message }); - } -}); + }, +); // Listar cálculos com filtros -router.get('/', async (req, res) => { +router.get("/", async (req, res) => { try { const { titulo, status, processoId, clienteId } = req.query; - + const calculos = await calculoService.listarCalculos({ titulo: titulo as string, status: status as string, processoId: processoId as string, - clienteId: clienteId as string + clienteId: clienteId as string, }); - + res.json(calculos); } catch (error) { - console.error('Erro ao listar cálculos:', error); + console.error("Erro ao listar cálculos:", error); res.status(500).json({ error: error.message }); } }); // Finalizar cálculo -router.post('/:id/finalizar', async (req, res) => { +router.post("/:id/finalizar", async (req, res) => { try { const { id } = req.params; - + // Verificar se o usuário está autenticado if (!req.user?.id) { - return res.status(401).json({ error: 'Usuário não autenticado' }); + return res.status(401).json({ error: "Usuário não autenticado" }); } - + const calculo = await calculoService.finalizarCalculo(id, req.user.id); res.json(calculo); } catch (error) { - console.error('Erro ao finalizar cálculo:', error); + console.error("Erro ao finalizar cálculo:", error); res.status(500).json({ error: error.message }); } }); // Gerar relatório do cálculo -router.get('/:id/relatorio', authMiddleware, async (req, res) => { +router.get("/:id/relatorio", authMiddleware, async (req, res) => { try { const { id } = req.params; - + // Verificar se o usuário está autenticado - Já feito pelo middleware if (!req.user) { - return res.status(401).json({ error: 'Usuário não autenticado' }); + return res.status(401).json({ error: "Usuário não autenticado" }); } // Buscar dados do cálculo @@ -257,11 +266,11 @@ router.get('/:id/relatorio', authMiddleware, async (req, res) => { honorarios: true, parcelas: true, descontos: true, - } + }, }); if (!calculo) { - return res.status(404).json({ error: 'Cálculo não encontrado' }); + return res.status(404).json({ error: "Cálculo não encontrado" }); } // Gerar relatório PDF @@ -272,36 +281,40 @@ router.get('/:id/relatorio', authMiddleware, async (req, res) => { data: { calculoId: id, usuarioId: req.user.id, - tipo: 'PDF', - arquivo: `relatorio_${id}_${new Date().toISOString()}.pdf` - } + tipo: "PDF", + arquivo: `relatorio_${id}_${new Date().toISOString()}.pdf`, + }, }); // Enviar PDF como resposta - res.setHeader('Content-Type', 'application/pdf'); - res.setHeader('Content-Disposition', `attachment; filename="calculo_${id}.pdf"`); + res.setHeader("Content-Type", "application/pdf"); + res.setHeader( + "Content-Disposition", + `attachment; filename="calculo_${id}.pdf"`, + ); res.send(pdfBuffer); } catch (error) { - console.error('Erro ao gerar relatório:', error); - res.status(500).json({ error: 'Erro ao gerar relatório' }); + console.error("Erro ao gerar relatório:", error); + res.status(500).json({ error: "Erro ao gerar relatório" }); } }); // Exportar cálculo para Excel -router.get('/:id/excel', authMiddleware, async (req, res) => { +router.get("/:id/excel", authMiddleware, async (req, res) => { try { const { id } = req.params; - + // Verificar se o módulo XLSX está disponível if (!XLSX) { - return res.status(500).json({ - error: 'Funcionalidade de exportação para Excel não está disponível. Módulo XLSX não instalado.' + return res.status(500).json({ + error: + "Funcionalidade de exportação para Excel não está disponível. Módulo XLSX não instalado.", }); } - + // Verificar se o usuário está autenticado - Já feito pelo middleware if (!req.user) { - return res.status(401).json({ error: 'Usuário não autenticado' }); + return res.status(401).json({ error: "Usuário não autenticado" }); } // Buscar dados do cálculo @@ -317,53 +330,60 @@ router.get('/:id/excel', authMiddleware, async (req, res) => { honorarios: true, parcelas: true, descontos: true, - } + }, }); if (!calculo) { - return res.status(404).json({ error: 'Cálculo não encontrado' }); + return res.status(404).json({ error: "Cálculo não encontrado" }); } // Criar planilha Excel const workbook = XLSX.utils.book_new(); - + // Dados resumo const dadosResumo = [ - ['RESUMO DO CÁLCULO'], - ['Título', calculo.titulo], - ['Data Base', calculo.dataBase.toLocaleDateString('pt-BR')], - ['Data do Cálculo', calculo.dataCalculo.toLocaleDateString('pt-BR')], - ['Valor Base', calculo.valorBase.toString()], - ['Valor Corrigido', calculo.valorCorrigido.toString()], - ['Valor Final', calculo.valorFinal.toString()], - ['Status', calculo.status], + ["RESUMO DO CÁLCULO"], + ["Título", calculo.titulo], + ["Data Base", calculo.dataBase.toLocaleDateString("pt-BR")], + ["Data do Cálculo", calculo.dataCalculo.toLocaleDateString("pt-BR")], + ["Valor Base", calculo.valorBase.toString()], + ["Valor Corrigido", calculo.valorCorrigido.toString()], + ["Valor Final", calculo.valorFinal.toString()], + ["Status", calculo.status], ]; - + // Adicionar planilha de resumo const resumoSheet = XLSX.utils.aoa_to_sheet(dadosResumo); - XLSX.utils.book_append_sheet(workbook, resumoSheet, 'Resumo'); - + XLSX.utils.book_append_sheet(workbook, resumoSheet, "Resumo"); + // Adicionar outras abas para cada componente do cálculo if (calculo.correcoes.length > 0) { const correcoesData = [ - ['Índice', 'Data Inicial', 'Data Final', 'Valor Original', 'Valor Corrigido', 'Fator'] + [ + "Índice", + "Data Inicial", + "Data Final", + "Valor Original", + "Valor Corrigido", + "Fator", + ], ]; - - calculo.correcoes.forEach(c => { + + calculo.correcoes.forEach((c) => { correcoesData.push([ c.indice, - c.dataInicial.toLocaleDateString('pt-BR'), - c.dataFinal?.toLocaleDateString('pt-BR') || '', + c.dataInicial.toLocaleDateString("pt-BR"), + c.dataFinal?.toLocaleDateString("pt-BR") || "", c.valorOriginal.toString(), c.valorCorrigido.toString(), - c.fatorCorrecao.toString() + c.fatorCorrecao.toString(), ]); }); - + const correcoesSheet = XLSX.utils.aoa_to_sheet(correcoesData); - XLSX.utils.book_append_sheet(workbook, correcoesSheet, 'Correções'); + XLSX.utils.book_append_sheet(workbook, correcoesSheet, "Correções"); } - + // Adicionar outras abas (juros, multas, etc.) // ... @@ -372,31 +392,39 @@ router.get('/:id/excel', authMiddleware, async (req, res) => { data: { calculoId: id, usuarioId: req.user.id, - tipo: 'EXCEL', - arquivo: `calculo_${id}_${new Date().toISOString()}.xlsx` - } + tipo: "EXCEL", + arquivo: `calculo_${id}_${new Date().toISOString()}.xlsx`, + }, }); // Enviar arquivo Excel - const excelBuffer = XLSX.write(workbook, { type: 'buffer', bookType: 'xlsx' }); - - res.setHeader('Content-Type', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'); - res.setHeader('Content-Disposition', `attachment; filename="calculo_${id}.xlsx"`); + const excelBuffer = XLSX.write(workbook, { + type: "buffer", + bookType: "xlsx", + }); + + res.setHeader( + "Content-Type", + "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", + ); + res.setHeader( + "Content-Disposition", + `attachment; filename="calculo_${id}.xlsx"`, + ); res.send(excelBuffer); - } catch (error) { - console.error('Erro ao exportar Excel:', error); - res.status(500).json({ error: 'Erro ao exportar Excel' }); + console.error("Erro ao exportar Excel:", error); + res.status(500).json({ error: "Erro ao exportar Excel" }); } }); // Adicionar rota para correções monetárias -router.post('/:id/correcoes', async (req, res) => { +router.post("/:id/correcoes", async (req, res) => { try { const { id } = req.params; const { indice, dataInicial, dataFinal, valorOriginal } = req.body; - console.log('Dados recebidos:', { dataInicial, dataFinal, valorOriginal }); + console.log("Dados recebidos:", { dataInicial, dataFinal, valorOriginal }); // Buscar índices para o período let indices = await prisma.indiceMonetario.findMany({ @@ -405,33 +433,30 @@ router.post('/:id/correcoes', async (req, res) => { OR: [ { anoReferencia: new Date(dataInicial).getFullYear(), - mesReferencia: new Date(dataInicial).getMonth() + 1 + mesReferencia: new Date(dataInicial).getMonth() + 1, }, { anoReferencia: { gt: new Date(dataInicial).getFullYear(), - lt: new Date(dataFinal).getFullYear() - } + lt: new Date(dataFinal).getFullYear(), + }, }, { anoReferencia: new Date(dataFinal).getFullYear(), mesReferencia: { - lte: new Date(dataFinal).getMonth() + 1 - } - } - ] + lte: new Date(dataFinal).getMonth() + 1, + }, + }, + ], }, - orderBy: [ - { anoReferencia: 'asc' }, - { mesReferencia: 'asc' } - ] + orderBy: [{ anoReferencia: "asc" }, { mesReferencia: "asc" }], }); console.log(`Encontrados ${indices.length} índices`); // Se não houver índices, buscar da API if (indices.length === 0) { - console.log('Buscando índices da API do IBGE...'); + console.log("Buscando índices da API do IBGE..."); await indiceService.importarIndicesINPC(); // Buscar novamente após importação @@ -441,26 +466,23 @@ router.post('/:id/correcoes', async (req, res) => { OR: [ { anoReferencia: new Date(dataInicial).getFullYear(), - mesReferencia: new Date(dataInicial).getMonth() + 1 + mesReferencia: new Date(dataInicial).getMonth() + 1, }, { anoReferencia: { gt: new Date(dataInicial).getFullYear(), - lt: new Date(dataFinal).getFullYear() - } + lt: new Date(dataFinal).getFullYear(), + }, }, { anoReferencia: new Date(dataFinal).getFullYear(), mesReferencia: { - lte: new Date(dataFinal).getMonth() + 1 - } - } - ] + lte: new Date(dataFinal).getMonth() + 1, + }, + }, + ], }, - orderBy: [ - { anoReferencia: 'asc' }, - { mesReferencia: 'asc' } - ] + orderBy: [{ anoReferencia: "asc" }, { mesReferencia: "asc" }], }); } @@ -474,7 +496,7 @@ router.post('/:id/correcoes', async (req, res) => { valorOriginal: new Decimal(valorOriginal), valorCorrigido: new Decimal(0), // Valor temporário fatorCorrecao: new Decimal(1), // Valor temporário - } + }, }); // Atualizar valores da correção em background @@ -482,12 +504,11 @@ router.post('/:id/correcoes', async (req, res) => { // Retornar resposta imediata res.status(201).json(correcao); - } catch (error) { - console.error('Erro ao criar correção:', error); - res.status(500).json({ - error: 'Erro ao criar correção monetária', - details: error instanceof Error ? error.message : 'Erro desconhecido' + console.error("Erro ao criar correção:", error); + res.status(500).json({ + error: "Erro ao criar correção monetária", + details: error instanceof Error ? error.message : "Erro desconhecido", }); } }); @@ -496,7 +517,7 @@ router.post('/:id/correcoes', async (req, res) => { async function atualizarValoresCorrecao(correcaoId: string) { try { const correcao = await prisma.correcaoMonetaria.findUnique({ - where: { id: correcaoId } + where: { id: correcaoId }, }); if (!correcao) return; @@ -508,31 +529,28 @@ async function atualizarValoresCorrecao(correcaoId: string) { OR: [ { anoReferencia: correcao.dataInicial.getFullYear(), - mesReferencia: correcao.dataInicial.getMonth() + 1 + mesReferencia: correcao.dataInicial.getMonth() + 1, }, { anoReferencia: { gt: correcao.dataInicial.getFullYear(), - lt: correcao.dataFinal.getFullYear() - } + lt: correcao.dataFinal.getFullYear(), + }, }, { anoReferencia: correcao.dataFinal.getFullYear(), mesReferencia: { - lte: correcao.dataFinal.getMonth() + 1 - } - } - ] + lte: correcao.dataFinal.getMonth() + 1, + }, + }, + ], }, - orderBy: [ - { anoReferencia: 'asc' }, - { mesReferencia: 'asc' } - ] + orderBy: [{ anoReferencia: "asc" }, { mesReferencia: "asc" }], }); // Calcular fator acumulado let fatorAcumulado = new Decimal(1); - + for (const indice of indices) { // Converter o índice para fator decimal (ex: 1.5% -> 1.015) const fator = new Decimal(1).plus(new Decimal(indice.valor).div(100)); @@ -540,25 +558,26 @@ async function atualizarValoresCorrecao(correcaoId: string) { } // Calcular valor corrigido - const valorCorrigido = new Decimal(correcao.valorOriginal).mul(fatorAcumulado); + const valorCorrigido = new Decimal(correcao.valorOriginal).mul( + fatorAcumulado, + ); // Atualizar correção await prisma.correcaoMonetaria.update({ where: { id: correcaoId }, data: { valorCorrigido, - fatorCorrecao: fatorAcumulado - } + fatorCorrecao: fatorAcumulado, + }, }); - } catch (error) { - console.error('Erro ao atualizar valores da correção:', error); + console.error("Erro ao atualizar valores da correção:", error); throw error; } } // Adicionar rota DELETE para correções monetárias -router.delete('/:calculoId/correcoes/:correcaoId', async (req, res) => { +router.delete("/:calculoId/correcoes/:correcaoId", async (req, res) => { try { const { calculoId, correcaoId } = req.params; @@ -566,17 +585,19 @@ router.delete('/:calculoId/correcoes/:correcaoId', async (req, res) => { const correcao = await prisma.correcaoMonetaria.findFirst({ where: { id: correcaoId, - calculoId: calculoId - } + calculoId: calculoId, + }, }); if (!correcao) { - return res.status(404).json({ error: 'Correção monetária não encontrada' }); + return res + .status(404) + .json({ error: "Correção monetária não encontrada" }); } // Excluir a correção await prisma.correcaoMonetaria.delete({ - where: { id: correcaoId } + where: { id: correcaoId }, }); // Atualizar o valor corrigido e final do cálculo @@ -584,42 +605,42 @@ router.delete('/:calculoId/correcoes/:correcaoId', async (req, res) => { where: { id: calculoId }, data: { valorCorrigido: { - decrement: correcao.valorCorrigido + decrement: correcao.valorCorrigido, }, valorFinal: { - decrement: correcao.valorCorrigido - } - } + decrement: correcao.valorCorrigido, + }, + }, }); res.status(204).send(); } catch (error) { - console.error('Erro ao excluir correção monetária:', error); - res.status(500).json({ - error: 'Erro ao excluir correção monetária', - details: error instanceof Error ? error.message : 'Erro desconhecido' + console.error("Erro ao excluir correção monetária:", error); + res.status(500).json({ + error: "Erro ao excluir correção monetária", + details: error instanceof Error ? error.message : "Erro desconhecido", }); } }); // Adicionar rota para criar multa -router.post('/:id/multas', async (req, res) => { +router.post("/:id/multas", async (req, res) => { try { const { id } = req.params; const { tipo, percentual, valorBase, fundamento } = req.body; // Validar entrada if (!tipo || !percentual || !valorBase) { - return res.status(400).json({ error: 'Dados incompletos' }); + return res.status(400).json({ error: "Dados incompletos" }); } // Verificar se o cálculo existe const calculo = await prisma.calculoJudicial.findUnique({ - where: { id } + where: { id }, }); if (!calculo) { - return res.status(404).json({ error: 'Cálculo não encontrado' }); + return res.status(404).json({ error: "Cálculo não encontrado" }); } // Criar multa @@ -630,26 +651,26 @@ router.post('/:id/multas', async (req, res) => { percentual: parseFloat(percentual), valorBase: parseFloat(valorBase), valorMulta: parseFloat(valorBase) * parseFloat(percentual), - fundamento - } + fundamento, + }, }); res.status(201).json(multa); } catch (error) { - console.error('Erro ao criar multa:', error); - res.status(500).json({ error: 'Erro ao criar multa' }); + console.error("Erro ao criar multa:", error); + res.status(500).json({ error: "Erro ao criar multa" }); } }); // Rota para adicionar parcelas -router.post('/:id/parcelas', async (req, res) => { +router.post("/:id/parcelas", async (req, res) => { try { const { id } = req.params; const { numero, dataVencimento, valorOriginal } = req.body; // Validar dados if (!numero || !dataVencimento || !valorOriginal) { - return res.status(400).json({ error: 'Dados incompletos' }); + return res.status(400).json({ error: "Dados incompletos" }); } const parcela = await prisma.parcelaCalculo.create({ @@ -662,18 +683,18 @@ router.post('/:id/parcelas', async (req, res) => { valorJuros: new Decimal(0), valorMulta: new Decimal(0), valorTotal: new Decimal(valorOriginal), - } + }, }); res.status(201).json(parcela); } catch (error) { - console.error('Erro ao criar parcela:', error); - res.status(500).json({ error: 'Erro ao criar parcela' }); + console.error("Erro ao criar parcela:", error); + res.status(500).json({ error: "Erro ao criar parcela" }); } }); // Rota para adicionar honorários -router.post('/:id/honorarios', async (req, res) => { +router.post("/:id/honorarios", async (req, res) => { try { const { id } = req.params; const { tipo, percentual, valorBase, fundamento } = req.body; @@ -685,27 +706,28 @@ router.post('/:id/honorarios', async (req, res) => { percentual: new Decimal(percentual), valorBase: new Decimal(valorBase), valorHonorario: new Decimal(valorBase).mul(percentual), - fundamento - } + fundamento, + }, }); res.status(201).json(honorario); } catch (error) { - console.error('Erro ao criar honorário:', error); - res.status(500).json({ error: 'Erro ao criar honorário' }); + console.error("Erro ao criar honorário:", error); + res.status(500).json({ error: "Erro ao criar honorário" }); } }); // Rota para adicionar descontos -router.post('/:id/descontos', async (req, res) => { +router.post("/:id/descontos", async (req, res) => { try { const calculoId = req.params.id; const { tipo, descricao, percentual, valorFixo, valorBase } = req.body; // Validar dados if (!tipo || (!percentual && !valorFixo) || !valorBase) { - return res.status(400).json({ - error: 'Dados inválidos. Forneça o tipo, valor base e percentual ou valor fixo.' + return res.status(400).json({ + error: + "Dados inválidos. Forneça o tipo, valor base e percentual ou valor fixo.", }); } @@ -714,9 +736,14 @@ router.post('/:id/descontos', async (req, res) => { if (percentual) { // Certifique-se de que percentual é um número entre 0 e 1 const percentualDecimal = Number(percentual); - if (isNaN(percentualDecimal) || percentualDecimal <= 0 || percentualDecimal > 1) { - return res.status(400).json({ - error: 'Percentual deve ser um número maior que 0 e no máximo 1 (100%)' + if ( + isNaN(percentualDecimal) || + percentualDecimal <= 0 || + percentualDecimal > 1 + ) { + return res.status(400).json({ + error: + "Percentual deve ser um número maior que 0 e no máximo 1 (100%)", }); } valorDesconto = new Decimal(valorBase).mul(percentualDecimal); @@ -733,8 +760,8 @@ router.post('/:id/descontos', async (req, res) => { percentual: percentual ? new Decimal(percentual) : null, valorFixo: valorFixo ? new Decimal(valorFixo) : null, valorBase: new Decimal(valorBase), - valorDesconto - } + valorDesconto, + }, }); // Atualizar valor do cálculo @@ -742,8 +769,8 @@ router.post('/:id/descontos', async (req, res) => { res.status(201).json(desconto); } catch (error) { - console.error('Erro ao adicionar desconto:', error); - res.status(500).json({ error: 'Erro ao adicionar desconto' }); + console.error("Erro ao adicionar desconto:", error); + res.status(500).json({ error: "Erro ao adicionar desconto" }); } }); @@ -754,8 +781,8 @@ async function atualizarValorCalculoComDescontos(calculoId: string) { const calculo = await prisma.calculoJudicial.findUnique({ where: { id: calculoId }, include: { - descontos: true - } + descontos: true, + }, }); if (!calculo) return; @@ -763,7 +790,7 @@ async function atualizarValorCalculoComDescontos(calculoId: string) { // Calcular total de descontos const totalDescontos = calculo.descontos.reduce( (total, desconto) => total.add(desconto.valorDesconto), - new Decimal(0) + new Decimal(0), ); // Atualizar valor final do cálculo @@ -774,43 +801,45 @@ async function atualizarValorCalculoComDescontos(calculoId: string) { await prisma.calculoJudicial.update({ where: { id: calculoId }, data: { - valorFinal - } + valorFinal, + }, }); } catch (error) { - console.error('Erro ao atualizar valor do cálculo com descontos:', error); + console.error("Erro ao atualizar valor do cálculo com descontos:", error); } } // Adicionar rota para excluir desconto -router.delete('/:id/descontos/:descontoId', async (req, res) => { +router.delete("/:id/descontos/:descontoId", async (req, res) => { try { const { id, descontoId } = req.params; // Verificar se o cálculo existe const calculo = await prisma.calculoJudicial.findUnique({ - where: { id } + where: { id }, }); if (!calculo) { - return res.status(404).json({ error: 'Cálculo não encontrado' }); + return res.status(404).json({ error: "Cálculo não encontrado" }); } // Verificar se o desconto existe e pertence ao cálculo const desconto = await prisma.descontoCalculo.findFirst({ where: { id: descontoId, - calculoId: id - } + calculoId: id, + }, }); if (!desconto) { - return res.status(404).json({ error: 'Desconto não encontrado ou não pertence a este cálculo' }); + return res.status(404).json({ + error: "Desconto não encontrado ou não pertence a este cálculo", + }); } // Excluir o desconto await prisma.descontoCalculo.delete({ - where: { id: descontoId } + where: { id: descontoId }, }); // Atualizar valor final do cálculo @@ -820,17 +849,17 @@ router.delete('/:id/descontos/:descontoId', async (req, res) => { await prisma.historicoCalculo.create({ data: { calculoId: id, - acao: 'EXCLUSAO', + acao: "EXCLUSAO", descricao: `Desconto removido: ${desconto.tipo} - ${desconto.valorDesconto}`, valorAnterior: desconto.valorDesconto, - valorNovo: null - } + valorNovo: null, + }, }); - res.status(200).json({ message: 'Desconto excluído com sucesso' }); + res.status(200).json({ message: "Desconto excluído com sucesso" }); } catch (error) { - console.error('Erro ao excluir desconto:', error); - res.status(500).json({ error: 'Erro ao excluir desconto' }); + console.error("Erro ao excluir desconto:", error); + res.status(500).json({ error: "Erro ao excluir desconto" }); } }); @@ -845,24 +874,24 @@ async function atualizarValorCalculo(calculoId: string) { juros: true, multas: true, honorarios: true, - descontos: true - } + descontos: true, + }, }); if (!calculo) return; // Calcular o valor corrigido (base + correções) let valorCorrigido = new Decimal(calculo.valorBase); - + // Adicionar juros e multas for (const juro of calculo.juros) { valorCorrigido = valorCorrigido.add(juro.valorJuros); } - + for (const multa of calculo.multas) { valorCorrigido = valorCorrigido.add(multa.valorMulta); } - + for (const honorario of calculo.honorarios) { valorCorrigido = valorCorrigido.add(honorario.valorHonorario); } @@ -878,11 +907,11 @@ async function atualizarValorCalculo(calculoId: string) { where: { id: calculoId }, data: { valorCorrigido, - valorFinal - } + valorFinal, + }, }); } catch (error) { - console.error('Erro ao atualizar valor do cálculo:', error); + console.error("Erro ao atualizar valor do cálculo:", error); } } diff --git a/src/server/routes/clientes.ts b/src/server/routes/clientes.ts index ce3454e..5fd66b0 100644 --- a/src/server/routes/clientes.ts +++ b/src/server/routes/clientes.ts @@ -1,35 +1,36 @@ -import { Router } from 'express'; -import { prisma } from '../prismaClient'; +import { Router } from "express"; + +import { prisma } from "../prismaClient"; const router = Router(); -router.get('/', async (req, res) => { +router.get("/", async (req, res) => { try { const { search } = req.query; const where: any = {}; if (search) { - const searchTerms = String(search).split(' '); - where.OR = searchTerms.map(term => ({ + const searchTerms = String(search).split(" "); + where.OR = searchTerms.map((term) => ({ OR: [ - { nome: { contains: term, mode: 'insensitive' } }, + { nome: { contains: term, mode: "insensitive" } }, { cpfCnpj: { contains: term } }, - { email: { contains: term.toLowerCase() } } - ] + { email: { contains: term.toLowerCase() } }, + ], })); } const clientes = await prisma.cliente.findMany({ where, orderBy: { - nome: 'asc' - } + nome: "asc", + }, }); res.json(clientes); } catch (error) { - res.status(500).json({ error: 'Erro ao buscar clientes' }); + res.status(500).json({ error: "Erro ao buscar clientes" }); } }); -export default router; \ No newline at end of file +export default router; diff --git a/src/server/routes/dashboard.ts b/src/server/routes/dashboard.ts index c86ab4b..264d1e4 100644 --- a/src/server/routes/dashboard.ts +++ b/src/server/routes/dashboard.ts @@ -1,6 +1,7 @@ -import { Router } from 'express'; -import { prisma } from '../prismaClient'; -import { authMiddleware } from '../../middleware/auth'; // Corrigir caminho da importação +import { Router } from "express"; + +import { authMiddleware } from "../../middleware/auth"; // Corrigir caminho da importação +import { prisma } from "../prismaClient"; const router = Router(); @@ -8,190 +9,192 @@ const router = Router(); router.use(authMiddleware); // Estatísticas de processos -router.get('/processos/stats', async (req, res) => { +router.get("/processos/stats", async (req, res) => { try { const [total, porTribunal, porStatus] = await Promise.all([ prisma.processo.count(), prisma.processo.groupBy({ - by: ['tribunal'], + by: ["tribunal"], _count: true, }), prisma.processo.groupBy({ - by: ['status'], + by: ["status"], _count: true, - }) + }), ]); res.json({ total, porTribunal, - porStatus + porStatus, }); } catch (error) { - res.status(500).json({ error: 'Erro ao buscar estatísticas de processos' }); + res.status(500).json({ error: "Erro ao buscar estatísticas de processos" }); } }); // Taxa de sucesso -router.get('/processos/taxa-sucesso', async (req, res) => { +router.get("/processos/taxa-sucesso", async (req, res) => { try { const stats = await prisma.processo.groupBy({ - by: ['resultado'], + by: ["resultado"], _count: true, }); - + res.json(stats); } catch (error) { - res.status(500).json({ error: 'Erro ao buscar taxa de sucesso' }); + res.status(500).json({ error: "Erro ao buscar taxa de sucesso" }); } }); // Estatísticas financeiras -router.get('/financeiro/stats', async (req, res) => { +router.get("/financeiro/stats", async (req, res) => { try { const stats = await prisma.$transaction(async (tx) => { const [honorarios, custas] = await Promise.all([ tx.honorario.aggregate({ - _sum: { valorTotalCausa: true } + _sum: { valorTotalCausa: true }, }), tx.custaProcessual.aggregate({ - _sum: { valor: true } - }) + _sum: { valor: true }, + }), ]); return { honorarios: honorarios._sum.valorTotalCausa || 0, - custas: custas._sum.valor || 0 + custas: custas._sum.valor || 0, }; }); - + res.json(stats); } catch (error) { - res.status(500).json({ error: 'Erro ao buscar estatísticas financeiras' }); + res.status(500).json({ error: "Erro ao buscar estatísticas financeiras" }); } }); // Prazos próximos -router.get('/prazos/proximos', async (req, res) => { +router.get("/prazos/proximos", async (req, res) => { try { const prazos = await prisma.diligencia.findMany({ where: { dataLimite: { gte: new Date(), - lte: new Date(Date.now() + 15 * 24 * 60 * 60 * 1000) // próximos 15 dias - } + lte: new Date(Date.now() + 15 * 24 * 60 * 60 * 1000), // próximos 15 dias + }, }, include: { - processo: true + processo: true, }, orderBy: { - dataLimite: 'asc' - } + dataLimite: "asc", + }, }); - + res.json(prazos); } catch (error) { - res.status(500).json({ error: 'Erro ao buscar prazos próximos' }); + res.status(500).json({ error: "Erro ao buscar prazos próximos" }); } }); // Corrigir rota de atividades -router.get('/atividades', async (req, res) => { +router.get("/atividades", async (req, res) => { try { const atividades = await prisma.$transaction(async (tx) => { const [processos, movimentacoes] = await Promise.all([ tx.processo.findMany({ take: 10, - orderBy: { dataAtualizacao: 'desc' }, + orderBy: { dataAtualizacao: "desc" }, select: { id: true, numero: true, dataAtualizacao: true, cliente: { select: { - nome: true - } - } - } + nome: true, + }, + }, + }, }), tx.movimentacao.findMany({ take: 10, - orderBy: { data: 'desc' }, + orderBy: { data: "desc" }, select: { id: true, descricao: true, data: true, processo: { select: { - numero: true - } - } - } - }) + numero: true, + }, + }, + }, + }), ]); const atividadesProcessadas = [ - ...processos.map(p => ({ + ...processos.map((p) => ({ id: p.id, - tipo: 'PROCESSO', + tipo: "PROCESSO", descricao: `Processo ${p.numero} atualizado`, data: p.dataAtualizacao, - detalhes: p.cliente.nome + detalhes: p.cliente.nome, })), - ...movimentacoes.map(m => ({ + ...movimentacoes.map((m) => ({ id: m.id, - tipo: 'MOVIMENTACAO', + tipo: "MOVIMENTACAO", descricao: m.descricao, data: m.data, - detalhes: m.processo.numero - })) - ].sort((a, b) => b.data.getTime() - a.data.getTime()) - .slice(0, 10); + detalhes: m.processo.numero, + })), + ] + .sort((a, b) => b.data.getTime() - a.data.getTime()) + .slice(0, 10); return atividadesProcessadas; }); - + res.json(atividades); } catch (error) { - console.error('Erro ao buscar atividades:', error); - res.status(500).json({ error: 'Erro ao buscar atividades recentes' }); + console.error("Erro ao buscar atividades:", error); + res.status(500).json({ error: "Erro ao buscar atividades recentes" }); } }); // Corrigir rota de estatísticas de tarefas -router.get('/tarefas/stats', async (req, res) => { +router.get("/tarefas/stats", async (req, res) => { try { const today = new Date(); today.setHours(0, 0, 0, 0); const [pendentes, atrasadas, concluidas] = await Promise.all([ - prisma.tarefa.count({ - where: { - status: 'PENDENTE', + prisma.tarefa.count({ + where: { + status: "PENDENTE", dataVencimento: { - gte: today - } - } + gte: today, + }, + }, }), prisma.tarefa.count({ where: { - status: 'PENDENTE', + status: "PENDENTE", dataVencimento: { - lt: today - } - } + lt: today, + }, + }, }), prisma.tarefa.count({ where: { - status: 'CONCLUIDA', - atualizadoEm: { // Usar atualizadoEm enquanto não tiver dataConclusao + status: "CONCLUIDA", + atualizadoEm: { + // Usar atualizadoEm enquanto não tiver dataConclusao gte: new Date(today.getFullYear(), today.getMonth(), 1), - lt: new Date(today.getFullYear(), today.getMonth() + 1, 0) - } - } - }) - ]).catch(error => { - console.error('Erro ao consultar tarefas:', error); + lt: new Date(today.getFullYear(), today.getMonth() + 1, 0), + }, + }, + }), + ]).catch((error) => { + console.error("Erro ao consultar tarefas:", error); return [0, 0, 0]; }); @@ -203,59 +206,62 @@ router.get('/tarefas/stats', async (req, res) => { concluidas, total, taxaConclusao: total > 0 ? Math.round((concluidas / total) * 100) : 0, - porStatus: { PENDENTE: pendentes } + porStatus: { PENDENTE: pendentes }, }); } catch (error) { - console.error('Erro ao buscar estatísticas de tarefas:', error); - res.status(500).json({ - error: 'Erro ao buscar estatísticas de tarefas', - details: error instanceof Error ? error.message : 'Erro desconhecido' + console.error("Erro ao buscar estatísticas de tarefas:", error); + res.status(500).json({ + error: "Erro ao buscar estatísticas de tarefas", + details: error instanceof Error ? error.message : "Erro desconhecido", }); } }); // Estatísticas de atendimentos -router.get('/atendimentos/stats', async (req, res) => { +router.get("/atendimentos/stats", async (req, res) => { try { const hoje = new Date(); const inicioMes = new Date(hoje.getFullYear(), hoje.getMonth(), 1); const fimMes = new Date(hoje.getFullYear(), hoje.getMonth() + 1, 0); const proximaSemana = new Date(hoje.setDate(hoje.getDate() + 7)); - const [atendimentosHoje, proximosAtendimentos, totalMes] = await Promise.all([ - prisma.atendimento.count({ - where: { - dataAtendimento: { - gte: new Date(new Date().setHours(0,0,0,0)), - lt: new Date(new Date().setHours(23,59,59,999)) - } - } - }), - prisma.atendimento.count({ - where: { - dataAtendimento: { - gte: new Date(), - lt: proximaSemana - } - } - }), - prisma.atendimento.count({ - where: { - dataAtendimento: { - gte: inicioMes, - lte: fimMes - } - } - }) - ]); + const [atendimentosHoje, proximosAtendimentos, totalMes] = + await Promise.all([ + prisma.atendimento.count({ + where: { + dataAtendimento: { + gte: new Date(new Date().setHours(0, 0, 0, 0)), + lt: new Date(new Date().setHours(23, 59, 59, 999)), + }, + }, + }), + prisma.atendimento.count({ + where: { + dataAtendimento: { + gte: new Date(), + lt: proximaSemana, + }, + }, + }), + prisma.atendimento.count({ + where: { + dataAtendimento: { + gte: inicioMes, + lte: fimMes, + }, + }, + }), + ]); res.json({ hoje: atendimentosHoje, proximaSemana: proximosAtendimentos, - totalMes: totalMes + totalMes: totalMes, }); } catch (error) { - res.status(500).json({ error: 'Erro ao buscar estatísticas de atendimentos' }); + res + .status(500) + .json({ error: "Erro ao buscar estatísticas de atendimentos" }); } }); diff --git a/src/server/routes/documentos-modelos.ts b/src/server/routes/documentos-modelos.ts index 0cba29a..877e4ec 100644 --- a/src/server/routes/documentos-modelos.ts +++ b/src/server/routes/documentos-modelos.ts @@ -1,40 +1,41 @@ -import { Router } from 'express'; -import { prisma } from '../prismaClient'; -import { authMiddleware } from '../../middleware/auth'; -import { TipoDocumento } from '@prisma/client'; +import { TipoDocumento } from "@prisma/client"; +import { Router } from "express"; + +import { authMiddleware } from "../../middleware/auth"; +import { prisma } from "../prismaClient"; const router = Router(); router.use(authMiddleware); // Listar modelos de documentos -router.get('/', async (req, res) => { +router.get("/", async (req, res) => { try { const { tipo } = req.query; - + const where = tipo ? { tipo: tipo as TipoDocumento } : {}; const modelos = await prisma.documentoModelo.findMany({ where, orderBy: { - criadoEm: 'desc' - } + criadoEm: "desc", + }, }); res.json(modelos); } catch (error) { - console.error('Erro ao listar modelos:', error); - res.status(500).json({ error: 'Erro ao listar modelos de documentos' }); + console.error("Erro ao listar modelos:", error); + res.status(500).json({ error: "Erro ao listar modelos de documentos" }); } }); // Criar novo modelo -router.post('/', async (req, res) => { +router.post("/", async (req, res) => { try { const { nome, tipo, descricao, conteudo, variaveis } = req.body; - + if (!nome || !tipo || !conteudo) { - return res.status(400).json({ error: 'Campos obrigatórios faltando' }); + return res.status(400).json({ error: "Campos obrigatórios faltando" }); } const modelo = await prisma.documentoModelo.create({ @@ -43,19 +44,19 @@ router.post('/', async (req, res) => { tipo: tipo as TipoDocumento, descricao, conteudo, - variaveis: Array.isArray(variaveis) ? variaveis : [] - } + variaveis: Array.isArray(variaveis) ? variaveis : [], + }, }); res.status(201).json(modelo); } catch (error) { - console.error('Erro ao criar modelo:', error); - res.status(500).json({ error: 'Erro ao criar modelo de documento' }); + console.error("Erro ao criar modelo:", error); + res.status(500).json({ error: "Erro ao criar modelo de documento" }); } }); // Atualizar modelo -router.put('/:id', async (req, res) => { +router.put("/:id", async (req, res) => { try { const { id } = req.params; const data = req.body; @@ -70,27 +71,27 @@ router.put('/:id', async (req, res) => { tipo: data.tipo, descricao: data.descricao, conteudo: data.conteudo, - variaveis: Array.isArray(data.variaveis) ? data.variaveis : [] - } + variaveis: Array.isArray(data.variaveis) ? data.variaveis : [], + }, }); res.json(modelo); } catch (error) { - console.error('Erro ao atualizar modelo:', error); - res.status(500).json({ error: 'Erro ao atualizar modelo de documento' }); + console.error("Erro ao atualizar modelo:", error); + res.status(500).json({ error: "Erro ao atualizar modelo de documento" }); } }); // Excluir modelo -router.delete('/:id', async (req, res) => { +router.delete("/:id", async (req, res) => { try { await prisma.documentoModelo.delete({ - where: { id: req.params.id } + where: { id: req.params.id }, }); res.status(204).send(); } catch (error) { - console.error('Erro ao excluir modelo:', error); - res.status(500).json({ error: 'Erro ao excluir modelo de documento' }); + console.error("Erro ao excluir modelo:", error); + res.status(500).json({ error: "Erro ao excluir modelo de documento" }); } }); diff --git a/src/server/routes/documentos.ts b/src/server/routes/documentos.ts index a6b0ad2..86d94e9 100644 --- a/src/server/routes/documentos.ts +++ b/src/server/routes/documentos.ts @@ -1,21 +1,23 @@ -import { Router } from 'express'; -import { prisma } from '../prismaClient'; -import { authMiddleware } from '../../middleware/auth'; -import { TipoDocumento } from '@prisma/client'; -import { PdfService } from '../services/PdfService'; -import multer from 'multer'; -import path from 'path'; -import fs from 'fs'; +import fs from "fs"; +import path from "path"; + +import { TipoDocumento } from "@prisma/client"; +import { Router } from "express"; +import multer from "multer"; + +import { authMiddleware } from "../../middleware/auth"; +import { prisma } from "../prismaClient"; +import { PdfService } from "../services/PdfService"; const router = Router(); router.use(authMiddleware); // Listar documentos -router.get('/', async (req, res) => { +router.get("/", async (req, res) => { try { const { processoId, atendimentoId, tipo } = req.query; - + const where: any = {}; if (processoId) where.processoId = processoId; if (atendimentoId) where.atendimentoId = atendimentoId; @@ -27,29 +29,29 @@ router.get('/', async (req, res) => { criadoPor: { select: { id: true, - nome: true - } - } + nome: true, + }, + }, }, orderBy: { - criadoEm: 'desc' - } + criadoEm: "desc", + }, }); res.json(documentos); } catch (error) { - console.error('Erro ao listar documentos:', error); - res.status(500).json({ error: 'Erro ao listar documentos' }); + console.error("Erro ao listar documentos:", error); + res.status(500).json({ error: "Erro ao listar documentos" }); } }); // Criar documento -router.post('/', async (req, res) => { +router.post("/", async (req, res) => { try { const { nome, tipo, conteudo, processoId, atendimentoId } = req.body; - + if (!req.user?.id) { - return res.status(401).json({ error: 'Usuário não autenticado' }); + return res.status(401).json({ error: "Usuário não autenticado" }); } const documento = await prisma.documento.create({ @@ -59,41 +61,41 @@ router.post('/', async (req, res) => { conteudo, processoId, atendimentoId, - criadoPorId: req.user.id - } + criadoPorId: req.user.id, + }, }); res.status(201).json(documento); } catch (error) { - console.error('Erro ao criar documento:', error); - res.status(500).json({ error: 'Erro ao criar documento' }); + console.error("Erro ao criar documento:", error); + res.status(500).json({ error: "Erro ao criar documento" }); } }); // Criar documento a partir de modelo -router.post('/from-modelo/:modeloId', async (req, res) => { +router.post("/from-modelo/:modeloId", async (req, res) => { try { const { modeloId } = req.params; const { processoId, atendimentoId, variaveis } = req.body; - + if (!req.user?.id) { - return res.status(401).json({ error: 'Usuário não autenticado' }); + return res.status(401).json({ error: "Usuário não autenticado" }); } // Buscar modelo const modelo = await prisma.documentoModelo.findUnique({ - where: { id: modeloId } + where: { id: modeloId }, }); if (!modelo) { - return res.status(404).json({ error: 'Modelo não encontrado' }); + return res.status(404).json({ error: "Modelo não encontrado" }); } // Buscar dados adicionais se necessário let clienteData; if (variaveis?.cliente?.id) { const cliente = await prisma.cliente.findUnique({ - where: { id: variaveis.cliente.id } + where: { id: variaveis.cliente.id }, }); if (cliente) { clienteData = cliente; @@ -104,22 +106,22 @@ router.post('/from-modelo/:modeloId', async (req, res) => { let conteudo = modelo.conteudo; if (clienteData) { const substituicoes = { - 'cliente.nome': clienteData.nome, - 'cliente.cpf': clienteData.cpfCnpj, - 'cliente.rg': clienteData.rg, - 'cliente.estadoCivil': clienteData.estadoCivil, - 'cliente.profissao': clienteData.profissao, - 'cliente.enderecoCompleto': clienteData.enderecoCompleto, - 'data.atualExtenso': new Date().toLocaleDateString('pt-BR', { - day: 'numeric', - month: 'long', - year: 'numeric' - }) + "cliente.nome": clienteData.nome, + "cliente.cpf": clienteData.cpfCnpj, + "cliente.rg": clienteData.rg, + "cliente.estadoCivil": clienteData.estadoCivil, + "cliente.profissao": clienteData.profissao, + "cliente.enderecoCompleto": clienteData.enderecoCompleto, + "data.atualExtenso": new Date().toLocaleDateString("pt-BR", { + day: "numeric", + month: "long", + year: "numeric", + }), }; Object.entries(substituicoes).forEach(([key, value]) => { - const regex = new RegExp(`{{${key}}}`, 'g'); - conteudo = conteudo.replace(regex, value || ''); + const regex = new RegExp(`{{${key}}}`, "g"); + conteudo = conteudo.replace(regex, value || ""); }); } @@ -132,29 +134,29 @@ router.post('/from-modelo/:modeloId', async (req, res) => { processoId, atendimentoId, criadoPorId: req.user.id, - modeloId: modelo.id - } + modeloId: modelo.id, + }, }); res.status(201).json({ ...documento, - clienteId: variaveis?.cliente?.id + clienteId: variaveis?.cliente?.id, }); } catch (error) { - console.error('Erro ao criar documento:', error); - res.status(500).json({ error: 'Erro ao criar documento' }); + console.error("Erro ao criar documento:", error); + res.status(500).json({ error: "Erro ao criar documento" }); } }); // Atualizar a rota de configurações -router.post('/configuracoes', async (req, res) => { +router.post("/configuracoes", async (req, res) => { try { const escritorioId = req.user.escritorioId; // Assumindo que você tem o ID do escritório no token // Usar upsert para criar ou atualizar const config = await prisma.configuracaoDocumento.upsert({ where: { - escritorioId + escritorioId, }, update: { ...req.body, @@ -162,8 +164,8 @@ router.post('/configuracoes', async (req, res) => { top: 35, bottom: 29, left: 25, - right: 25 - } + right: 25, + }, }, create: { escritorioId, @@ -172,27 +174,27 @@ router.post('/configuracoes', async (req, res) => { top: 35, bottom: 29, left: 25, - right: 25 - } - } + right: 25, + }, + }, }); res.json(config); } catch (error) { - console.error('Erro ao salvar configuração:', error); - res.status(500).json({ error: 'Erro ao salvar configuração' }); + console.error("Erro ao salvar configuração:", error); + res.status(500).json({ error: "Erro ao salvar configuração" }); } }); // Rota para buscar última configuração -router.get('/configuracoes', async (req, res) => { +router.get("/configuracoes", async (req, res) => { try { - console.log('Buscando configurações de documento'); - + console.log("Buscando configurações de documento"); + const config = await prisma.configuracaoDocumento.findFirst({ orderBy: { - criadoEm: 'desc' - } + criadoEm: "desc", + }, }); if (!config) { @@ -207,37 +209,37 @@ router.get('/configuracoes', async (req, res) => { top: 113, bottom: 90, left: 35, - right: 35 - } - } + right: 35, + }, + }, }); return res.json(defaultConfig); } res.json(config); } catch (error) { - console.error('Erro ao buscar configurações:', error); - res.status(500).json({ error: 'Erro ao buscar configurações' }); + console.error("Erro ao buscar configurações:", error); + res.status(500).json({ error: "Erro ao buscar configurações" }); } }); // Atualizar configuração do documento -router.post('/configuracao', authMiddleware, async (req, res) => { +router.post("/configuracao", authMiddleware, async (req, res) => { try { // Primeiro, tente encontrar uma configuração existente const configExistente = await prisma.configuracaoDocumento.findFirst({ where: { - escritorioId: req.user.escritorioId - } + escritorioId: req.user.escritorioId, + }, }); let config; - + if (configExistente) { // Se existir, atualiza config = await prisma.configuracaoDocumento.update({ where: { - id: configExistente.id + id: configExistente.id, }, data: { timbradoUrl: req.body.timbradoUrl, @@ -246,8 +248,8 @@ router.post('/configuracao', authMiddleware, async (req, res) => { timbradoMarginLeft: req.body.timbradoMarginLeft, timbradoMarginRight: req.body.timbradoMarginRight, templatePadrao: req.body.templatePadrao || "", - margensTemplate: req.body.margensTemplate - } + margensTemplate: req.body.margensTemplate, + }, }); } else { // Se não existir, cria @@ -260,42 +262,51 @@ router.post('/configuracao', authMiddleware, async (req, res) => { timbradoMarginLeft: req.body.timbradoMarginLeft, timbradoMarginRight: req.body.timbradoMarginRight, templatePadrao: req.body.templatePadrao || "", - margensTemplate: req.body.margensTemplate - } + margensTemplate: req.body.margensTemplate, + }, }); } res.json(config); } catch (error) { - console.error('Erro ao salvar configuração:', error); - res.status(500).json({ error: 'Falha ao salvar configuração do documento' }); + console.error("Erro ao salvar configuração:", error); + res + .status(500) + .json({ error: "Falha ao salvar configuração do documento" }); } }); // Atualizar documento com manipulação de erro aprimorada -router.put('/:id', async (req, res) => { +router.put("/:id", async (req, res) => { try { const { id } = req.params; const { nome, tipo, conteudo } = req.body; - + // Verificar se o documento existe const documentoExistente = await prisma.documento.findUnique({ where: { id }, - select: { id: true, criadoPorId: true } + select: { id: true, criadoPorId: true }, }); - + if (!documentoExistente) { - return res.status(404).json({ error: 'Documento não encontrado' }); + return res.status(404).json({ error: "Documento não encontrado" }); } - + // Verificar permissão (apenas quem criou ou é admin pode editar) - if (documentoExistente.criadoPorId !== req.user.id && req.user.perfil !== 'ADVOGADO_ADMIN') { - return res.status(403).json({ error: 'Sem permissão para editar este documento' }); + if ( + documentoExistente.criadoPorId !== req.user.id && + req.user.perfil !== "ADVOGADO_ADMIN" + ) { + return res + .status(403) + .json({ error: "Sem permissão para editar este documento" }); } // Validar dados if (!nome || !tipo || !conteudo) { - return res.status(400).json({ error: 'Dados incompletos para atualização do documento' }); + return res + .status(400) + .json({ error: "Dados incompletos para atualização do documento" }); } // Atualizar o documento @@ -305,8 +316,8 @@ router.put('/:id', async (req, res) => { nome, tipo: tipo as TipoDocumento, conteudo, - atualizadoEm: new Date() - } + atualizadoEm: new Date(), + }, }); // Registrar evento de atualização (opcional) @@ -321,81 +332,80 @@ router.put('/:id', async (req, res) => { res.json(documento); } catch (error) { - console.error('Erro ao atualizar documento:', error); - res.status(500).json({ error: 'Erro ao atualizar documento' }); + console.error("Erro ao atualizar documento:", error); + res.status(500).json({ error: "Erro ao atualizar documento" }); } }); // Excluir documento -router.delete('/:id', async (req, res) => { +router.delete("/:id", async (req, res) => { try { await prisma.documento.delete({ - where: { id: req.params.id } + where: { id: req.params.id }, }); res.status(204).send(); } catch (error) { - console.error('Erro ao excluir documento:', error); - res.status(500).json({ error: 'Erro ao excluir documento' }); + console.error("Erro ao excluir documento:", error); + res.status(500).json({ error: "Erro ao excluir documento" }); } }); // Adicionar nova rota para exportar PDF -router.post('/exportar-pdf', async (req, res) => { +router.post("/exportar-pdf", async (req, res) => { try { const { conteudo, escritorio } = req.body; - + const pdfService = new PdfService(); const pdfBuffer = await pdfService.gerarPDF(conteudo, escritorio); - res.setHeader('Content-Type', 'application/pdf'); - res.setHeader('Content-Disposition', 'attachment; filename=documento.pdf'); + res.setHeader("Content-Type", "application/pdf"); + res.setHeader("Content-Disposition", "attachment; filename=documento.pdf"); res.send(pdfBuffer); - } catch (error) { - console.error('Erro ao gerar PDF:', error); - res.status(500).json({ error: 'Erro ao gerar PDF' }); + console.error("Erro ao gerar PDF:", error); + res.status(500).json({ error: "Erro ao gerar PDF" }); } }); // Configuração do multer para upload de arquivos const storage = multer.diskStorage({ destination: (req, file, cb) => { - const uploadDir = path.join(process.cwd(), 'public', 'uploads'); + const uploadDir = path.join(process.cwd(), "public", "uploads"); if (!fs.existsSync(uploadDir)) { fs.mkdirSync(uploadDir, { recursive: true }); } cb(null, uploadDir); }, filename: (req, file, cb) => { - const uniqueSuffix = Date.now() + '-' + Math.round(Math.random() * 1E9); + const uniqueSuffix = Date.now() + "-" + Math.round(Math.random() * 1e9); cb(null, `timbrado-${uniqueSuffix}-${file.originalname}`); - } + }, }); const fileFilter = (req: any, file: any, cb: any) => { // Atualizar para aceitar PDF - const allowedTypes = ['image/png', 'image/svg+xml', 'application/pdf']; - + const allowedTypes = ["image/png", "image/svg+xml", "application/pdf"]; + if (allowedTypes.includes(file.mimetype)) { cb(null, true); } else { - cb(new Error('Formato de arquivo não suportado. Use PNG, SVG ou PDF.')); + cb(new Error("Formato de arquivo não suportado. Use PNG, SVG ou PDF.")); } }; -const upload = multer({ +const upload = multer({ storage, fileFilter, limits: { - fileSize: 5 * 1024 * 1024 // Aumentar para 5MB - } + fileSize: 5 * 1024 * 1024, // Aumentar para 5MB + }, }); // Rota de upload do timbrado -router.post('/upload-timbrado', upload.single('timbrado'), async (req, res) => { +router.post("/upload-timbrado", upload.single("timbrado"), async (req, res) => { try { if (!req.file) { - throw new Error('Nenhum arquivo enviado'); + throw new Error("Nenhum arquivo enviado"); } // Criar URL relativa para o arquivo @@ -403,7 +413,7 @@ router.post('/upload-timbrado', upload.single('timbrado'), async (req, res) => { res.json({ url: fileUrl }); } catch (error: any) { - console.error('Erro no upload do timbrado:', error); + console.error("Erro no upload do timbrado:", error); res.status(400).json({ error: error.message }); } }); diff --git a/src/server/routes/indicesMonetarios.ts b/src/server/routes/indicesMonetarios.ts index d8dd9ae..0bf4339 100644 --- a/src/server/routes/indicesMonetarios.ts +++ b/src/server/routes/indicesMonetarios.ts @@ -1,68 +1,83 @@ -import express from 'express'; -import { IndiceMonetarioService, importarIndicesINPC } from '../services/IndiceMonetarioService'; +import express from "express"; + +import { + IndiceMonetarioService, + importarIndicesINPC, +} from "../services/IndiceMonetarioService"; const router = express.Router(); const indiceService = new IndiceMonetarioService(); // Importar índices INPC (somente admin) -router.post('/importar/inpc', async (req, res) => { +router.post("/importar/inpc", async (req, res) => { try { // Verificar permissão de admin - if (req.user?.perfil !== 'ADVOGADO_ADMIN') { - return res.status(403).json({ error: 'Permissão negada' }); + if (req.user?.perfil !== "ADVOGADO_ADMIN") { + return res.status(403).json({ error: "Permissão negada" }); } - + const resultado = await indiceService.importarIndicesINPC(); res.json(resultado); } catch (error) { - console.error('Erro ao importar índices INPC:', error); + console.error("Erro ao importar índices INPC:", error); res.status(500).json({ error: error.message }); } }); // Importar índices SELIC (somente admin) -router.post('/importar/selic', async (req, res) => { +router.post("/importar/selic", async (req, res) => { try { // Verificar permissão de admin - if (req.user?.perfil !== 'ADVOGADO_ADMIN') { - return res.status(403).json({ error: 'Permissão negada' }); + if (req.user?.perfil !== "ADVOGADO_ADMIN") { + return res.status(403).json({ error: "Permissão negada" }); } - + const resultado = await indiceService.importarIndicesSELIC(); res.json(resultado); } catch (error) { - console.error('Erro ao importar índices SELIC:', error); + console.error("Erro ao importar índices SELIC:", error); res.status(500).json({ error: error.message }); } }); // Adicionar índice manualmente -router.post('/', async (req, res) => { +router.post("/", async (req, res) => { try { - const { nome, mesReferencia, anoReferencia, valor, dataPublicacao, fonte } = req.body; - + const { nome, mesReferencia, anoReferencia, valor, dataPublicacao, fonte } = + req.body; + // Verificar permissão de admin - if (req.user?.perfil !== 'ADVOGADO_ADMIN') { - return res.status(403).json({ error: 'Permissão negada' }); + if (req.user?.perfil !== "ADVOGADO_ADMIN") { + return res.status(403).json({ error: "Permissão negada" }); } - + // Validação de dados if (!nome || !mesReferencia || !anoReferencia || valor === undefined) { - return res.status(400).json({ error: 'Campos obrigatórios faltando' }); + return res.status(400).json({ error: "Campos obrigatórios faltando" }); } - - if (isNaN(parseInt(mesReferencia)) || parseInt(mesReferencia) < 1 || parseInt(mesReferencia) > 12) { - return res.status(400).json({ error: 'Mês de referência inválido (deve ser entre 1 e 12)' }); + + if ( + isNaN(parseInt(mesReferencia)) || + parseInt(mesReferencia) < 1 || + parseInt(mesReferencia) > 12 + ) { + return res + .status(400) + .json({ error: "Mês de referência inválido (deve ser entre 1 e 12)" }); } - - if (isNaN(parseInt(anoReferencia)) || parseInt(anoReferencia) < 1900 || parseInt(anoReferencia) > 2100) { - return res.status(400).json({ error: 'Ano de referência inválido' }); + + if ( + isNaN(parseInt(anoReferencia)) || + parseInt(anoReferencia) < 1900 || + parseInt(anoReferencia) > 2100 + ) { + return res.status(400).json({ error: "Ano de referência inválido" }); } - + if (isNaN(parseFloat(valor))) { - return res.status(400).json({ error: 'Valor inválido' }); + return res.status(400).json({ error: "Valor inválido" }); } - + const resultado = await indiceService.adicionarIndice({ nome, mesReferencia: parseInt(mesReferencia), @@ -71,90 +86,94 @@ router.post('/', async (req, res) => { dataPublicacao: dataPublicacao ? new Date(dataPublicacao) : undefined, fonte, }); - + res.status(201).json(resultado); } catch (error) { - console.error('Erro ao adicionar índice:', error); + console.error("Erro ao adicionar índice:", error); res.status(500).json({ error: error.message }); } }); // Listar índices -router.get('/', async (req, res) => { +router.get("/", async (req, res) => { try { const { nome, anoReferencia, fonte } = req.query; - + const indices = await indiceService.listarIndices({ nome: nome as string, - anoReferencia: anoReferencia ? parseInt(anoReferencia as string) : undefined, + anoReferencia: anoReferencia + ? parseInt(anoReferencia as string) + : undefined, fonte: fonte as string, }); - + res.json(indices); } catch (error) { - console.error('Erro ao listar índices:', error); + console.error("Erro ao listar índices:", error); res.status(500).json({ error: error.message }); } }); // Buscar índice específico -router.get('/:nome/:mes/:ano', async (req, res) => { +router.get("/:nome/:mes/:ano", async (req, res) => { try { const { nome, mes, ano } = req.params; - + // Validação de dados if (isNaN(parseInt(mes)) || parseInt(mes) < 1 || parseInt(mes) > 12) { - return res.status(400).json({ error: 'Mês de referência inválido (deve ser entre 1 e 12)' }); + return res + .status(400) + .json({ error: "Mês de referência inválido (deve ser entre 1 e 12)" }); } - + if (isNaN(parseInt(ano)) || parseInt(ano) < 1900 || parseInt(ano) > 2100) { - return res.status(400).json({ error: 'Ano de referência inválido' }); + return res.status(400).json({ error: "Ano de referência inválido" }); } - + const indice = await indiceService.buscarIndice({ nome, mesReferencia: parseInt(mes), anoReferencia: parseInt(ano), }); - + if (!indice) { - return res.status(404).json({ error: 'Índice não encontrado' }); + return res.status(404).json({ error: "Índice não encontrado" }); } - + res.json(indice); } catch (error) { - console.error('Erro ao buscar índice:', error); + console.error("Erro ao buscar índice:", error); res.status(500).json({ error: error.message }); } }); // Remover índice -router.delete('/:id', async (req, res) => { +router.delete("/:id", async (req, res) => { try { const { id } = req.params; - + // Verificar permissão de admin - if (req.user?.perfil !== 'ADVOGADO_ADMIN') { - return res.status(403).json({ error: 'Permissão negada' }); + if (req.user?.perfil !== "ADVOGADO_ADMIN") { + return res.status(403).json({ error: "Permissão negada" }); } - + const resultado = await indiceService.removerIndice(id); - + res.json({ success: true, data: resultado }); } catch (error) { - console.error('Erro ao remover índice:', error); + console.error("Erro ao remover índice:", error); res.status(500).json({ error: error.message }); } }); // Adicionar rota para forçar atualização dos índices -router.post('/atualizar', async (req, res) => { +router.post("/atualizar", async (req, res) => { try { await importarIndicesINPC(); - res.json({ message: 'Índices atualizados com sucesso' }); + res.json({ message: "Índices atualizados com sucesso" }); } catch (error) { - console.error('Erro ao atualizar índices:', error); - res.status(500).json({ error: 'Falha ao atualizar índices' }); + console.error("Erro ao atualizar índices:", error); + res.status(500).json({ error: "Falha ao atualizar índices" }); } }); diff --git a/src/server/routes/pensaoAlimenticia.ts b/src/server/routes/pensaoAlimenticia.ts index 516d433..edf57f1 100644 --- a/src/server/routes/pensaoAlimenticia.ts +++ b/src/server/routes/pensaoAlimenticia.ts @@ -1,6 +1,7 @@ -import { Router } from 'express'; -import { PrismaClient } from '@prisma/client'; -import { extractUser } from '../authMiddleware'; // Importar a função correta +import { PrismaClient } from "@prisma/client"; +import { Router } from "express"; + +import { extractUser } from "../authMiddleware"; // Importar a função correta const router = Router(); const prisma = new PrismaClient(); @@ -9,26 +10,26 @@ const prisma = new PrismaClient(); router.use(extractUser); // Criar novo cálculo de pensão alimentícia -router.post('/', async (req, res) => { +router.post("/", async (req, res) => { try { - const { - titulo, - descricao, - dataInicial, - dataFinal, - percentualSalarioMinimo, - multaPactuada, + const { + titulo, + descricao, + dataInicial, + dataFinal, + percentualSalarioMinimo, + multaPactuada, tipoAtualizacao, processoId, clienteId, - observacoes + observacoes, } = req.body; const calculo = await prisma.calculoPensaoAlimenticia.create({ data: { titulo, descricao, - status: 'ATIVO', + status: "ATIVO", dataInicial: new Date(dataInicial), dataFinal: dataFinal ? new Date(dataFinal) : null, percentualSalarioMinimo, @@ -40,22 +41,22 @@ router.post('/', async (req, res) => { processoId, clienteId, observacoes, - usuarioId: req.user.id - } + usuarioId: req.user.id, + }, }); res.json(calculo); } catch (error) { - console.error('Erro ao criar cálculo de pensão:', error); - res.status(500).json({ error: 'Falha ao criar cálculo' }); + console.error("Erro ao criar cálculo de pensão:", error); + res.status(500).json({ error: "Falha ao criar cálculo" }); } }); // Buscar cálculo por ID -router.get('/:id', async (req, res) => { +router.get("/:id", async (req, res) => { try { const { id } = req.params; - + const calculo = await prisma.calculoPensaoAlimenticia.findUnique({ where: { id }, include: { @@ -65,25 +66,25 @@ router.get('/:id', async (req, res) => { select: { id: true, nome: true, - email: true - } - } - } + email: true, + }, + }, + }, }); if (!calculo) { - return res.status(404).json({ error: 'Cálculo não encontrado' }); + return res.status(404).json({ error: "Cálculo não encontrado" }); } res.json(calculo); } catch (error) { - console.error('Erro ao buscar cálculo:', error); - res.status(500).json({ error: 'Falha ao buscar cálculo' }); + console.error("Erro ao buscar cálculo:", error); + res.status(500).json({ error: "Falha ao buscar cálculo" }); } }); // Listar cálculos -router.get('/', async (req, res) => { +router.get("/", async (req, res) => { try { const calculos = await prisma.calculoPensaoAlimenticia.findMany({ include: { @@ -92,19 +93,19 @@ router.get('/', async (req, res) => { usuario: { select: { id: true, - nome: true - } - } + nome: true, + }, + }, }, orderBy: { - criadoEm: 'desc' - } + criadoEm: "desc", + }, }); res.json(calculos); } catch (error) { - console.error('Erro ao listar cálculos:', error); - res.status(500).json({ error: 'Falha ao listar cálculos' }); + console.error("Erro ao listar cálculos:", error); + res.status(500).json({ error: "Falha ao listar cálculos" }); } }); diff --git a/src/server/routes/processos.ts b/src/server/routes/processos.ts index 7ebf369..ac4b105 100644 --- a/src/server/routes/processos.ts +++ b/src/server/routes/processos.ts @@ -1,11 +1,12 @@ -import { Router } from 'express'; -import { prisma } from '../../config/database'; -import { authMiddleware } from '../../middleware/auth'; +import { Router } from "express"; + +import { prisma } from "../../config/database"; +import { authMiddleware } from "../../middleware/auth"; const router = Router(); // Listar processos -router.get('/', authMiddleware, async (req, res) => { +router.get("/", authMiddleware, async (req, res) => { try { const processos = await prisma.processo.findMany({ include: { @@ -23,18 +24,18 @@ router.get('/', authMiddleware, async (req, res) => { custas: true, }, orderBy: { - dataCriacao: 'desc', + dataCriacao: "desc", }, }); res.json(processos); } catch (error) { - console.error('Erro ao buscar processos:', error); - res.status(500).json({ error: 'Erro ao buscar processos' }); + console.error("Erro ao buscar processos:", error); + res.status(500).json({ error: "Erro ao buscar processos" }); } }); // Criar processo -router.post('/', authMiddleware, async (req, res) => { +router.post("/", authMiddleware, async (req, res) => { try { const processo = await prisma.processo.create({ data: { @@ -60,13 +61,13 @@ router.post('/', authMiddleware, async (req, res) => { }); res.status(201).json(processo); } catch (error) { - console.error('Erro ao criar processo:', error); - res.status(400).json({ error: 'Erro ao criar processo' }); + console.error("Erro ao criar processo:", error); + res.status(400).json({ error: "Erro ao criar processo" }); } }); // Busca de processo individual -router.get('/:id', async (req, res) => { +router.get("/:id", async (req, res) => { try { const processo = await prisma.processo.findUnique({ where: { id: req.params.id }, @@ -92,7 +93,7 @@ router.get('/:id', async (req, res) => { // Garantir que sempre tenha um resultado, mesmo que seja NAO_JULGADO if (!processo.resultado) { - processo.resultado = 'NAO_JULGADO'; + processo.resultado = "NAO_JULGADO"; } res.json(processo); @@ -103,16 +104,16 @@ router.get('/:id', async (req, res) => { }); // Atualizar resultado do processo -router.patch('/:id/resultado', async (req, res) => { +router.patch("/:id/resultado", async (req, res) => { try { const { id } = req.params; const { resultado } = req.body; const processo = await prisma.processo.update({ where: { id }, - data: { + data: { resultado, - dataAtualizacao: new Date() + dataAtualizacao: new Date(), }, include: { cliente: true, @@ -120,19 +121,19 @@ router.patch('/:id/resultado', async (req, res) => { diligencias: true, audiencias: true, documentos: true, - movimentacoes: true - } + movimentacoes: true, + }, }); res.json(processo); } catch (error) { - console.error('Erro ao atualizar resultado:', error); - res.status(500).json({ error: 'Erro ao atualizar resultado do processo' }); + console.error("Erro ao atualizar resultado:", error); + res.status(500).json({ error: "Erro ao atualizar resultado do processo" }); } }); // Atualizar processo -router.put('/:id', authMiddleware, async (req, res) => { +router.put("/:id", authMiddleware, async (req, res) => { try { const { id } = req.params; const { clienteId, ...data } = req.body; @@ -141,9 +142,11 @@ router.put('/:id', authMiddleware, async (req, res) => { where: { id }, data: { ...data, - cliente: clienteId ? { - connect: { id: clienteId } - } : undefined + cliente: clienteId + ? { + connect: { id: clienteId }, + } + : undefined, }, include: { cliente: true, @@ -153,24 +156,24 @@ router.put('/:id', authMiddleware, async (req, res) => { movimentacoes: true, honorarios: { include: { - parcelas: true - } + parcelas: true, + }, }, - custas: true - } + custas: true, + }, }); res.json(processo); } catch (error) { - console.error('Erro ao atualizar processo:', error); - res.status(400).json({ error: 'Erro ao atualizar processo' }); + console.error("Erro ao atualizar processo:", error); + res.status(400).json({ error: "Erro ao atualizar processo" }); } }); // Deletar processo -router.delete('/:id', authMiddleware, async (req, res) => { +router.delete("/:id", authMiddleware, async (req, res) => { try { const { id } = req.params; - + // Deletar primeiro as relações await prisma.$transaction([ prisma.parteProcesso.deleteMany({ where: { processoId: id } }), @@ -179,14 +182,14 @@ router.delete('/:id', authMiddleware, async (req, res) => { prisma.documento.deleteMany({ where: { processoId: id } }), prisma.custaProcessual.deleteMany({ where: { processoId: id } }), prisma.honorario.deleteMany({ where: { processoId: id } }), - prisma.processo.delete({ where: { id } }) + prisma.processo.delete({ where: { id } }), ]); res.status(204).send(); } catch (error) { - console.error('Erro ao deletar processo:', error); - res.status(400).json({ error: 'Erro ao deletar processo' }); + console.error("Erro ao deletar processo:", error); + res.status(400).json({ error: "Erro ao deletar processo" }); } }); -export default router; \ No newline at end of file +export default router; diff --git a/src/server/routes/processosAdministrativos.ts b/src/server/routes/processosAdministrativos.ts index fc349f9..e2215fc 100644 --- a/src/server/routes/processosAdministrativos.ts +++ b/src/server/routes/processosAdministrativos.ts @@ -1,11 +1,12 @@ -import express from 'express'; -import { ProcessoAdministrativoRepository } from '../../repositories/ProcessoAdministrativoRepository'; +import express from "express"; + +import { ProcessoAdministrativoRepository } from "../../repositories/ProcessoAdministrativoRepository"; const router = express.Router(); const repository = new ProcessoAdministrativoRepository(); // Listar todos os processos administrativos -router.get('/', async (req, res) => { +router.get("/", async (req, res) => { try { const processos = await repository.findAll(); res.json(processos); @@ -16,12 +17,12 @@ router.get('/', async (req, res) => { }); // Buscar processo por ID -router.get('/:id', async (req, res) => { +router.get("/:id", async (req, res) => { try { const { id } = req.params; - + // Se o ID for "novo", retornar 404 - if (id === 'novo') { + if (id === "novo") { return res.status(404).json({ error: "Processo não encontrado" }); } @@ -37,138 +38,138 @@ router.get('/:id', async (req, res) => { }); // Criar novo processo -router.post('/', async (req, res) => { +router.post("/", async (req, res) => { try { const novoProcesso = await repository.create(req.body); res.status(201).json(novoProcesso); } catch (error) { console.error("Erro ao criar processo:", error); - res.status(400).json({ + res.status(400).json({ error: "Erro ao criar processo", - details: error instanceof Error ? error.message : undefined + details: error instanceof Error ? error.message : undefined, }); } }); // Adicionar movimentação -router.post('/:id/movimentacoes', async (req, res) => { +router.post("/:id/movimentacoes", async (req, res) => { try { const movimentacao = await repository.addMovimentacao( req.params.id, - req.body + req.body, ); res.status(201).json(movimentacao); } catch (error) { console.error("Erro ao adicionar movimentação:", error); - res.status(400).json({ + res.status(400).json({ error: "Erro ao adicionar movimentação", - details: error instanceof Error ? error.message : undefined + details: error instanceof Error ? error.message : undefined, }); } }); // Atualizar movimentação -router.put('/movimentacoes/:id', async (req, res) => { +router.put("/movimentacoes/:id", async (req, res) => { try { const { id } = req.params; const movimentacao = await repository.updateMovimentacao(id, req.body); res.json(movimentacao); } catch (error) { console.error("Erro ao atualizar movimentação:", error); - res.status(400).json({ + res.status(400).json({ error: "Erro ao atualizar movimentação", - details: error instanceof Error ? error.message : undefined + details: error instanceof Error ? error.message : undefined, }); } }); // Excluir movimentação -router.delete('/movimentacoes/:id', async (req, res) => { +router.delete("/movimentacoes/:id", async (req, res) => { try { await repository.deleteMovimentacao(req.params.id); res.status(204).send(); } catch (error) { console.error("Erro ao excluir movimentação:", error); - res.status(400).json({ + res.status(400).json({ error: "Erro ao excluir movimentação", - details: error instanceof Error ? error.message : undefined + details: error instanceof Error ? error.message : undefined, }); } }); // Atualizar processo -router.put('/:id', async (req, res) => { +router.put("/:id", async (req, res) => { try { const processoAtualizado = await repository.update(req.params.id, req.body); res.json(processoAtualizado); } catch (error) { console.error("Erro ao atualizar processo:", error); - res.status(400).json({ + res.status(400).json({ error: "Erro ao atualizar processo", - details: error instanceof Error ? error.message : undefined + details: error instanceof Error ? error.message : undefined, }); } }); // Excluir processo -router.delete('/:id', async (req, res) => { +router.delete("/:id", async (req, res) => { try { await repository.delete(req.params.id); res.status(204).send(); } catch (error) { console.error("Erro ao excluir processo:", error); - res.status(400).json({ + res.status(400).json({ error: "Erro ao excluir processo", - details: error instanceof Error ? error.message : undefined + details: error instanceof Error ? error.message : undefined, }); } }); // Rotas para custas administrativas -router.get('/:id/custas', async (req, res) => { +router.get("/:id/custas", async (req, res) => { try { const custas = await repository.findCustasByProcesso(req.params.id); res.json(custas); } catch (error) { - res.status(500).json({ + res.status(500).json({ error: "Erro ao buscar custas", - details: error instanceof Error ? error.message : undefined + details: error instanceof Error ? error.message : undefined, }); } }); -router.post('/:id/custas', async (req, res) => { +router.post("/:id/custas", async (req, res) => { try { const custa = await repository.addCusta(req.params.id, req.body); res.status(201).json(custa); } catch (error) { - res.status(400).json({ + res.status(400).json({ error: "Erro ao criar custa", - details: error instanceof Error ? error.message : undefined + details: error instanceof Error ? error.message : undefined, }); } }); -router.put('/:processoId/custas/:id', async (req, res) => { +router.put("/:processoId/custas/:id", async (req, res) => { try { const custa = await repository.updateCusta(req.params.id, req.body); res.json(custa); } catch (error) { - res.status(400).json({ + res.status(400).json({ error: "Erro ao atualizar custa", - details: error instanceof Error ? error.message : undefined + details: error instanceof Error ? error.message : undefined, }); } }); -router.delete('/:processoId/custas/:id', async (req, res) => { +router.delete("/:processoId/custas/:id", async (req, res) => { try { await repository.deleteCusta(req.params.id); res.status(204).send(); } catch (error) { - res.status(400).json({ + res.status(400).json({ error: "Erro ao excluir custa", - details: error instanceof Error ? error.message : undefined + details: error instanceof Error ? error.message : undefined, }); } }); diff --git a/src/server/routes/provas.ts b/src/server/routes/provas.ts index 2f318b1..65e4524 100644 --- a/src/server/routes/provas.ts +++ b/src/server/routes/provas.ts @@ -1,10 +1,12 @@ -import express from 'express'; -import multer from 'multer'; -import { ProvaService } from '../services/ProvaService'; -import { prisma } from '../prismaClient'; -import * as fsPromises from 'fs/promises'; -import * as fs from 'fs'; // Importando o módulo fs padrão -import * as path from 'path'; +import * as fs from "fs"; // Importando o módulo fs padrão +import * as fsPromises from "fs/promises"; +import * as path from "path"; + +import express from "express"; +import multer from "multer"; + +import { prisma } from "../prismaClient"; +import { ProvaService } from "../services/ProvaService"; const router = express.Router(); const storage = multer.memoryStorage(); @@ -12,20 +14,22 @@ const upload = multer({ storage }); const provaService = new ProvaService(); // Upload de arquivo para validação -router.post('/upload', upload.array('files'), async (req, res) => { +router.post("/upload", upload.array("files"), async (req, res) => { try { - console.log('Iniciando upload de arquivos...'); - + console.log("Iniciando upload de arquivos..."); + if (!req.files || !Array.isArray(req.files) || req.files.length === 0) { - return res.status(400).json({ error: 'Nenhum arquivo recebido' }); + return res.status(400).json({ error: "Nenhum arquivo recebido" }); } // Extrair informações sobre o endereço IP e porta do cliente - const forwarded = req.headers['x-forwarded-for'] as string; - const socketInfo = req.socket.remoteAddress ? { - address: req.socket.remoteAddress, - port: req.socket.remotePort || 'desconhecida' - } : null; + const forwarded = req.headers["x-forwarded-for"] as string; + const socketInfo = req.socket.remoteAddress + ? { + address: req.socket.remoteAddress, + port: req.socket.remotePort || "desconhecida", + } + : null; // Metadata avançada seguindo RFC 3227 const metadata = { @@ -34,13 +38,13 @@ router.post('/upload', upload.array('files'), async (req, res) => { viewportWidth: req.body.viewport_width, viewportHeight: req.body.viewport_height, ipAddress: req.ip || req.socket.remoteAddress, - clientPort: req.socket.remotePort || 'desconhecida', + clientPort: req.socket.remotePort || "desconhecida", connectionInfo: { ip: req.ip || req.socket.remoteAddress, forwardedIp: forwarded, socketAddress: socketInfo?.address, socketPort: socketInfo?.port, - remoteFamily: req.socket.remoteFamily + remoteFamily: req.socket.remoteFamily, }, timestamp: new Date(), modification_times: req.body.modification_times, @@ -55,23 +59,23 @@ router.post('/upload', upload.array('files'), async (req, res) => { location_permission: req.body.location_permission, client_timestamp: req.body.client_timestamp, headers: { - 'x-forwarded-for': req.headers['x-forwarded-for'], - 'user-agent': req.headers['user-agent'], - 'accept-language': req.headers['accept-language'], - 'referer': req.headers['referer'], - 'host': req.headers['host'], - 'connection': req.headers['connection'], + "x-forwarded-for": req.headers["x-forwarded-for"], + "user-agent": req.headers["user-agent"], + "accept-language": req.headers["accept-language"], + referer: req.headers["referer"], + host: req.headers["host"], + connection: req.headers["connection"], }, server: { timestamp: new Date().toISOString(), - hostname: require('os').hostname(), + hostname: require("os").hostname(), process: process.pid, nodeVersion: process.version, - } + }, }; - console.log('Metadata recebida:', metadata); - console.log('Informações de conexão do cliente:', metadata.connectionInfo); + console.log("Metadata recebida:", metadata); + console.log("Informações de conexão do cliente:", metadata.connectionInfo); // Adicionar informações de segurança const securityInfo = { @@ -79,10 +83,10 @@ router.post('/upload', upload.array('files'), async (req, res) => { protocol: req.protocol, isSecure: req.secure, originalUrl: req.originalUrl, - contentType: req.headers['content-type'], + contentType: req.headers["content-type"], }; - console.log('Informações de segurança:', securityInfo); + console.log("Informações de segurança:", securityInfo); // Processar cada arquivo const results = []; @@ -90,13 +94,15 @@ router.post('/upload', upload.array('files'), async (req, res) => { try { // Adicionar metadados específicos do arquivo atual const fileIndex = (req.files as Express.Multer.File[]).indexOf(file); - + // Extrair e formatar a data de modificação do arquivo let fileModifiedDate = null; - const modificationTime = req.body.modification_times ? - (Array.isArray(req.body.modification_times) ? req.body.modification_times[fileIndex] : req.body.modification_times) : - null; - + const modificationTime = req.body.modification_times + ? Array.isArray(req.body.modification_times) + ? req.body.modification_times[fileIndex] + : req.body.modification_times + : null; + if (modificationTime) { try { // Converter timestamp para objeto Date @@ -105,42 +111,54 @@ router.post('/upload', upload.array('files'), async (req, res) => { fileModifiedDate = new Date(timestamp); } } catch (dateError) { - console.warn(`Erro ao processar data de modificação para ${file.originalname}:`, dateError); + console.warn( + `Erro ao processar data de modificação para ${file.originalname}:`, + dateError, + ); } } - + const fileMetadata = { ...metadata, file_specific: { - name: req.body.file_names ? - (Array.isArray(req.body.file_names) ? req.body.file_names[fileIndex] : req.body.file_names) : - file.originalname, - size: req.body.file_sizes ? - (Array.isArray(req.body.file_sizes) ? req.body.file_sizes[fileIndex] : req.body.file_sizes) : - file.size, - type: req.body.file_types ? - (Array.isArray(req.body.file_types) ? req.body.file_types[fileIndex] : req.body.file_types) : - file.mimetype, + name: req.body.file_names + ? Array.isArray(req.body.file_names) + ? req.body.file_names[fileIndex] + : req.body.file_names + : file.originalname, + size: req.body.file_sizes + ? Array.isArray(req.body.file_sizes) + ? req.body.file_sizes[fileIndex] + : req.body.file_sizes + : file.size, + type: req.body.file_types + ? Array.isArray(req.body.file_types) + ? req.body.file_types[fileIndex] + : req.body.file_types + : file.mimetype, modified: fileModifiedDate ? fileModifiedDate.toISOString() : null, - modifiedTimestamp: modificationTime + modifiedTimestamp: modificationTime, }, - security: securityInfo + security: securityInfo, }; // Adicionar log para debug de data de modificação - console.log(`Informações de modificação do arquivo ${file.originalname}:`, { - rawTimestamp: modificationTime, - processedDate: fileModifiedDate, - isoString: fileModifiedDate ? fileModifiedDate.toISOString() : null - }); + console.log( + `Informações de modificação do arquivo ${file.originalname}:`, + { + rawTimestamp: modificationTime, + processedDate: fileModifiedDate, + isoString: fileModifiedDate ? fileModifiedDate.toISOString() : null, + }, + ); const result = await provaService.processFile(file, fileMetadata); results.push(result); } catch (error) { console.error(`Erro ao processar arquivo ${file.originalname}:`, error); - return res.status(500).json({ - error: `Erro ao processar arquivo ${file.originalname}`, - details: error.message + return res.status(500).json({ + error: `Erro ao processar arquivo ${file.originalname}`, + details: error.message, }); } } @@ -148,171 +166,183 @@ router.post('/upload', upload.array('files'), async (req, res) => { res.json({ success: true, results, - id: results[0].id + id: results[0].id, }); } catch (error) { - console.error('Erro no upload:', error); - res.status(500).json({ error: 'Erro ao processar arquivos' }); + console.error("Erro no upload:", error); + res.status(500).json({ error: "Erro ao processar arquivos" }); } }); // Status da prova -router.get('/:id/status', async (req, res) => { +router.get("/:id/status", async (req, res) => { try { const { id } = req.params; const prova = await prisma.prova.findUnique({ - where: { id } + where: { id }, }); if (!prova) { - return res.status(404).json({ error: 'Prova não encontrada' }); + return res.status(404).json({ error: "Prova não encontrada" }); } res.json(prova); } catch (error) { - console.error('Erro ao buscar status:', error); - res.status(500).json({ error: 'Erro ao buscar status da prova' }); + console.error("Erro ao buscar status:", error); + res.status(500).json({ error: "Erro ao buscar status da prova" }); } }); // Modificar a rota de verificação -router.get('/verificar/:hash', async (req, res) => { +router.get("/verificar/:hash", async (req, res) => { try { const { hash } = req.params; - + // Capturar IP real usando a mesma lógica que funciona no processamento - const realClientIP = req.headers['x-forwarded-for']?.toString().split(',')[0].trim() || - req.ip || - req.socket?.remoteAddress || - '127.0.0.1'; // Nunca usar 0.0.0.0 - - const clientPort = req.socket?.remotePort?.toString() || '0'; - + const realClientIP = + req.headers["x-forwarded-for"]?.toString().split(",")[0].trim() || + req.ip || + req.socket?.remoteAddress || + "127.0.0.1"; // Nunca usar 0.0.0.0 + + const clientPort = req.socket?.remotePort?.toString() || "0"; + // Registrar para debug - console.log('Verificação de prova solicitada:', { + console.log("Verificação de prova solicitada:", { hash, realClientIP, clientPort, headers: { - 'x-forwarded-for': req.headers['x-forwarded-for'], - 'user-agent': req.headers['user-agent'] - } + "x-forwarded-for": req.headers["x-forwarded-for"], + "user-agent": req.headers["user-agent"], + }, }); - + const provaService = new ProvaService(); const result = await provaService.verifyFile(hash); - + // Adicionar informações de verificação ao resultado return res.status(200).json({ ...result, verificacao: { timestamp: new Date().toISOString(), ip: realClientIP, - porta: clientPort - } + porta: clientPort, + }, }); } catch (error) { - console.error('Erro ao verificar arquivo:', error); - return res.status(500).json({ - verified: false, - message: `Erro ao verificar: ${error.message}` + console.error("Erro ao verificar arquivo:", error); + return res.status(500).json({ + verified: false, + message: `Erro ao verificar: ${error.message}`, }); } }); // Modificar a rota de verificação pública -router.get('/public/verificar/:hash', async (req, res) => { +router.get("/public/verificar/:hash", async (req, res) => { try { const { hash } = req.params; - + // Capturar IP real usando headers - const realClientIP = req.headers['x-forwarded-for']?.toString().split(',')[0].trim() || - req.ip || - req.socket?.remoteAddress || - '127.0.0.1'; - - const clientPort = req.socket?.remotePort?.toString() || '0'; - - console.log('Verificação pública solicitada:', { + const realClientIP = + req.headers["x-forwarded-for"]?.toString().split(",")[0].trim() || + req.ip || + req.socket?.remoteAddress || + "127.0.0.1"; + + const clientPort = req.socket?.remotePort?.toString() || "0"; + + console.log("Verificação pública solicitada:", { hash, realClientIP, clientPort, headers: { - 'x-forwarded-for': req.headers['x-forwarded-for'], - 'user-agent': req.headers['user-agent'] - } + "x-forwarded-for": req.headers["x-forwarded-for"], + "user-agent": req.headers["user-agent"], + }, }); - + const provaService = new ProvaService(); const result = await provaService.verifyFile(hash); - + // Adicionar informações de verificação ao resultado return res.status(200).json({ ...result, verificacao: { timestamp: new Date().toISOString(), ip: realClientIP, - porta: clientPort - } + porta: clientPort, + }, }); } catch (error) { - console.error('Erro ao verificar arquivo:', error); - return res.status(500).json({ - verified: false, - message: `Erro ao verificar: ${error.message}` + console.error("Erro ao verificar arquivo:", error); + return res.status(500).json({ + verified: false, + message: `Erro ao verificar: ${error.message}`, }); } }); // Modificar/adicionar esta rota para servir o relatório a partir do hash -router.get('/relatorio/:hash', async (req, res) => { +router.get("/relatorio/:hash", async (req, res) => { try { const { hash } = req.params; - + // Buscar a prova pelo hash const prova = await prisma.prova.findFirst({ - where: { checksumSha256: hash } + where: { checksumSha256: hash }, }); - - if (!prova || prova.status !== 'CONCLUIDO') { - return res.status(404).json({ error: 'Relatório não encontrado' }); + + if (!prova || prova.status !== "CONCLUIDO") { + return res.status(404).json({ error: "Relatório não encontrado" }); } - + // Construir o caminho para o arquivo do relatório - const reportPath = path.join(process.cwd(), 'storage', 'provas', `${hash}_report.pdf`); - + const reportPath = path.join( + process.cwd(), + "storage", + "provas", + `${hash}_report.pdf`, + ); + // Verificar se o arquivo existe try { await fsPromises.access(reportPath); // Usando fsPromises para operação assíncrona } catch (error) { - console.error('Erro ao acessar relatório:', error); - return res.status(404).json({ error: 'Arquivo do relatório não encontrado' }); + console.error("Erro ao acessar relatório:", error); + return res + .status(404) + .json({ error: "Arquivo do relatório não encontrado" }); } - + // Enviar o arquivo como resposta - res.setHeader('Content-Type', 'application/pdf'); - res.setHeader('Content-Disposition', `inline; filename="${prova.fileName.replace(/\.[^/.]+$/, '')}_relatorio.pdf"`); - + res.setHeader("Content-Type", "application/pdf"); + res.setHeader( + "Content-Disposition", + `inline; filename="${prova.fileName.replace(/\.[^/.]+$/, "")}_relatorio.pdf"`, + ); + // Criar stream de leitura e enviar para o cliente const fileStream = fs.createReadStream(reportPath); // Usando fs padrão para createReadStream fileStream.pipe(res); } catch (error) { - console.error('Erro ao servir relatório:', error); - res.status(500).json({ error: 'Erro ao gerar relatório' }); + console.error("Erro ao servir relatório:", error); + res.status(500).json({ error: "Erro ao gerar relatório" }); } }); // Listar provas (admin) -router.get('/admin', async (req, res) => { +router.get("/admin", async (req, res) => { try { const provas = await prisma.prova.findMany({ - orderBy: { dataCriacao: 'desc' } + orderBy: { dataCriacao: "desc" }, }); res.json(provas); } catch (error) { - console.error('Erro ao listar provas:', error); - res.status(500).json({ error: 'Erro ao listar provas' }); + console.error("Erro ao listar provas:", error); + res.status(500).json({ error: "Erro ao listar provas" }); } }); diff --git a/src/server/routes/tarefas.ts b/src/server/routes/tarefas.ts index 259f527..9659b2d 100644 --- a/src/server/routes/tarefas.ts +++ b/src/server/routes/tarefas.ts @@ -1,11 +1,12 @@ -import { Router } from 'express'; -import { prisma } from '../../config/database'; -import { authMiddleware } from '../../middleware/auth'; +import { Router } from "express"; + +import { prisma } from "../../config/database"; +import { authMiddleware } from "../../middleware/auth"; const router = Router(); // Listar tarefas -router.get('/', authMiddleware, async (req, res) => { +router.get("/", authMiddleware, async (req, res) => { try { const tarefas = await prisma.tarefa.findMany({ include: { @@ -13,49 +14,49 @@ router.get('/', authMiddleware, async (req, res) => { subtarefas: true, comentarios: { include: { - criadoPor: true - } - } + criadoPor: true, + }, + }, }, orderBy: { - dataVencimento: 'asc' - } + dataVencimento: "asc", + }, }); res.json(tarefas); } catch (error) { - res.status(500).json({ error: 'Erro ao buscar tarefas' }); + res.status(500).json({ error: "Erro ao buscar tarefas" }); } }); // Criar tarefa -router.post('/', authMiddleware, async (req, res) => { +router.post("/", authMiddleware, async (req, res) => { try { const tarefa = await prisma.tarefa.create({ data: { ...req.body, criadoPorId: req.user.id, - status: req.body.status || 'PENDENTE', + status: req.body.status || "PENDENTE", progresso: req.body.progresso || 0, etiquetas: req.body.etiquetas || [], subtarefas: { - create: req.body.subtarefas || [] + create: req.body.subtarefas || [], }, comentarios: { - create: req.body.comentarios || [] - } + create: req.body.comentarios || [], + }, }, include: { subtarefas: true, comentarios: true, responsavel: true, - criadoPor: true - } + criadoPor: true, + }, }); res.json(tarefa); } catch (error) { - console.error('Erro ao criar tarefa:', error); - res.status(500).json({ error: 'Erro ao criar tarefa' }); + console.error("Erro ao criar tarefa:", error); + res.status(500).json({ error: "Erro ao criar tarefa" }); } }); @@ -63,39 +64,45 @@ router.post('/', authMiddleware, async (req, res) => { // router.post('/:id/anexos', authMiddleware, uploadHandler.array('files'), async (req, res) => { ... }); // Atualizar status da tarefa -router.patch('/:id/status', authMiddleware, async (req, res) => { +router.patch("/:id/status", authMiddleware, async (req, res) => { try { const { id } = req.params; const { status, progresso, justificativa } = req.body; const tarefa = await prisma.tarefa.update({ where: { id }, - data: { + data: { status, - progresso: progresso || (status === 'CONCLUIDA' ? 100 : status === 'CANCELADA' ? 0 : undefined), + progresso: + progresso || + (status === "CONCLUIDA" + ? 100 + : status === "CANCELADA" + ? 0 + : undefined), justificativa, - atualizadoEm: new Date() + atualizadoEm: new Date(), }, include: { responsavel: true, subtarefas: true, comentarios: { include: { - criadoPor: true - } - } - } + criadoPor: true, + }, + }, + }, }); res.json(tarefa); } catch (error) { - console.error('Erro ao atualizar status:', error); - res.status(500).json({ error: 'Erro ao atualizar status' }); + console.error("Erro ao atualizar status:", error); + res.status(500).json({ error: "Erro ao atualizar status" }); } }); // Adicionar rota de edição -router.put('/:id', authMiddleware, async (req, res) => { +router.put("/:id", authMiddleware, async (req, res) => { try { const { id } = req.params; const { @@ -113,34 +120,43 @@ router.put('/:id', authMiddleware, async (req, res) => { const updateData = { ...data, atualizadoEm: new Date(), - responsavel: responsavelId ? { - connect: { id: responsavelId } - } : undefined, - processo: processoId ? { - connect: { id: processoId } - } : { - disconnect: true - }, - cliente: clienteId ? { - connect: { id: clienteId } - } : { - disconnect: true - }, + responsavel: responsavelId + ? { + connect: { id: responsavelId }, + } + : undefined, + processo: processoId + ? { + connect: { id: processoId }, + } + : { + disconnect: true, + }, + cliente: clienteId + ? { + connect: { id: clienteId }, + } + : { + disconnect: true, + }, subtarefas: { deleteMany: {}, - create: subtarefas?.map((st: any) => ({ - titulo: st.titulo, - concluida: st.concluida || false - })) || [] + create: + subtarefas?.map((st: any) => ({ + titulo: st.titulo, + concluida: st.concluida || false, + })) || [], }, - comentarios: comentarios?.length ? { - create: comentarios.map((c: any) => ({ - texto: c.texto, - criadoPor: { - connect: { id: req.user.id } + comentarios: comentarios?.length + ? { + create: comentarios.map((c: any) => ({ + texto: c.texto, + criadoPor: { + connect: { id: req.user.id }, + }, + })), } - })) - } : undefined + : undefined, }; const tarefa = await prisma.tarefa.update({ @@ -150,41 +166,43 @@ router.put('/:id', authMiddleware, async (req, res) => { subtarefas: true, comentarios: { include: { - criadoPor: true - } + criadoPor: true, + }, }, responsavel: true, criadoPor: true, processo: true, - cliente: true - } + cliente: true, + }, }); res.json(tarefa); } catch (error) { - console.error('Erro ao atualizar tarefa:', error); - res.status(500).json({ error: 'Erro ao atualizar tarefa' }); + console.error("Erro ao atualizar tarefa:", error); + res.status(500).json({ error: "Erro ao atualizar tarefa" }); } }); // Adicionar rota de exclusão -router.delete('/:id', authMiddleware, async (req, res) => { +router.delete("/:id", authMiddleware, async (req, res) => { try { const { id } = req.params; - + // Verificar se usuário tem permissão - if (!['ADVOGADO_ADMIN', 'ADVOGADO'].includes(req.user.perfil)) { - return res.status(403).json({ error: 'Sem permissão para excluir tarefas' }); + if (!["ADVOGADO_ADMIN", "ADVOGADO"].includes(req.user.perfil)) { + return res + .status(403) + .json({ error: "Sem permissão para excluir tarefas" }); } await prisma.tarefa.delete({ - where: { id } + where: { id }, }); res.status(204).send(); } catch (error) { - console.error('Erro ao excluir tarefa:', error); - res.status(500).json({ error: 'Erro ao excluir tarefa' }); + console.error("Erro ao excluir tarefa:", error); + res.status(500).json({ error: "Erro ao excluir tarefa" }); } }); diff --git a/src/server/services/BlockchainService.ts b/src/server/services/BlockchainService.ts index 9827d1b..6baddc6 100644 --- a/src/server/services/BlockchainService.ts +++ b/src/server/services/BlockchainService.ts @@ -1,13 +1,14 @@ -import OpenTimestamps from 'opentimestamps-javascript'; -import { createHash } from 'crypto'; -import * as fs from 'fs/promises'; -import * as path from 'path'; +import { createHash } from "crypto"; +import * as fs from "fs/promises"; +import * as path from "path"; + +import OpenTimestamps from "opentimestamps-javascript"; export class BlockchainService { private readonly storageDir: string; constructor() { - this.storageDir = path.join(process.cwd(), 'storage', 'timestamps'); + this.storageDir = path.join(process.cwd(), "storage", "timestamps"); this.ensureStorageDir(); } @@ -15,40 +16,42 @@ export class BlockchainService { try { await fs.mkdir(this.storageDir, { recursive: true }); } catch (error) { - console.error('Erro ao criar diretório de timestamps:', error); + console.error("Erro ao criar diretório de timestamps:", error); } } async createTimestamp(buffer: Buffer) { try { - console.log('Iniciando criação de timestamp na blockchain...'); - + console.log("Iniciando criação de timestamp na blockchain..."); + // Criar hash do arquivo e usar diretamente - const fileHash = createHash('sha256').update(buffer).digest('hex'); - console.log('Hash gerado:', fileHash); + const fileHash = createHash("sha256").update(buffer).digest("hex"); + console.log("Hash gerado:", fileHash); // Criar timestamp usando o hash em hex const timestamp = await OpenTimestamps.stamp(fileHash); if (!timestamp) { - throw new Error('Falha ao gerar timestamp'); + throw new Error("Falha ao gerar timestamp"); } - console.log('Timestamp criado com sucesso'); + console.log("Timestamp criado com sucesso"); // Salvar arquivo .ots const otsPath = path.join(this.storageDir, `${fileHash}.ots`); await fs.writeFile(otsPath, Buffer.from(timestamp)); - console.log('Arquivo .ots salvo em:', otsPath); + console.log("Arquivo .ots salvo em:", otsPath); return { hash: fileHash, timestamp, - otsPath + otsPath, }; } catch (error) { - console.error('Erro detalhado ao criar timestamp:', error); - console.error('Stack:', error.stack); - throw new Error(`Falha ao criar timestamp na blockchain: ${error.message}`); + console.error("Erro detalhado ao criar timestamp:", error); + console.error("Stack:", error.stack); + throw new Error( + `Falha ao criar timestamp na blockchain: ${error.message}`, + ); } } @@ -56,26 +59,26 @@ export class BlockchainService { try { const result = await OpenTimestamps.verify( Buffer.from(timestamp), - Buffer.from(hash, 'hex') + Buffer.from(hash, "hex"), ); - + if (!result) { - return { - verified: false, - message: 'Timestamp ainda não confirmado na blockchain' + return { + verified: false, + message: "Timestamp ainda não confirmado na blockchain", }; } return { verified: true, timestamp: new Date(result * 1000), - message: 'Timestamp verificado na blockchain do Bitcoin' + message: "Timestamp verificado na blockchain do Bitcoin", }; } catch (error) { - console.error('Erro ao verificar timestamp:', error); - return { - verified: false, - message: 'Erro ao verificar timestamp' + console.error("Erro ao verificar timestamp:", error); + return { + verified: false, + message: "Erro ao verificar timestamp", }; } } diff --git a/src/server/services/CalculoJudicialService.ts b/src/server/services/CalculoJudicialService.ts index 32cb81b..3bcf0f1 100644 --- a/src/server/services/CalculoJudicialService.ts +++ b/src/server/services/CalculoJudicialService.ts @@ -1,5 +1,5 @@ -import { PrismaClient, Decimal } from '@prisma/client'; -import { v4 as uuidv4 } from 'uuid'; // Importar uuid para gerar IDs +import { PrismaClient, Decimal } from "@prisma/client"; +import { v4 as uuidv4 } from "uuid"; // Importar uuid para gerar IDs const prisma = new PrismaClient(); @@ -19,7 +19,7 @@ export class CalculoJudicialService { try { // Validar dados de entrada if (!data.titulo || !data.dataBase || data.valorBase === undefined) { - throw new Error('Dados incompletos para criar cálculo'); + throw new Error("Dados incompletos para criar cálculo"); } // Criar cálculo no banco de dados com ID UUID explícito @@ -33,24 +33,30 @@ export class CalculoJudicialService { valorBase: new Decimal(data.valorBase), valorCorrigido: new Decimal(data.valorBase), valorFinal: new Decimal(data.valorBase), - ...(data.processoId && { processo: { connect: { id: data.processoId } } }), - ...(data.clienteId && { cliente: { connect: { id: data.clienteId } } }), - ...(data.usuarioId && { usuario: { connect: { id: data.usuarioId } } }) - } + ...(data.processoId && { + processo: { connect: { id: data.processoId } }, + }), + ...(data.clienteId && { + cliente: { connect: { id: data.clienteId } }, + }), + ...(data.usuarioId && { + usuario: { connect: { id: data.usuarioId } }, + }), + }, }); // Registrar o evento de criação no histórico await this.registrarHistorico({ calculoId: calculo.id, usuarioId: data.usuarioId, - acao: 'CRIACAO', - descricao: 'Cálculo criado', - valorNovo: data.valorBase + acao: "CRIACAO", + descricao: "Cálculo criado", + valorNovo: data.valorBase, }); return calculo; } catch (error) { - console.error('Erro ao criar cálculo judicial:', error); + console.error("Erro ao criar cálculo judicial:", error); throw new Error(`Falha ao criar cálculo: ${error.message}`); } } @@ -74,22 +80,22 @@ export class CalculoJudicialService { descontos: true, historico: { include: { - usuario: true + usuario: true, }, orderBy: { - criadoEm: 'desc' - } - } - } + criadoEm: "desc", + }, + }, + }, }); if (!calculo) { - throw new Error('Cálculo não encontrado'); + throw new Error("Cálculo não encontrado"); } return calculo; } catch (error) { - console.error('Erro ao buscar cálculo:', error); + console.error("Erro ao buscar cálculo:", error); throw new Error(`Falha ao buscar cálculo: ${error.message}`); } } @@ -107,28 +113,33 @@ export class CalculoJudicialService { }) { try { // Validar dados - if (!data.calculoId || !data.indice || !data.dataInicial || data.valorOriginal === undefined) { - throw new Error('Dados incompletos para adicionar correção monetária'); + if ( + !data.calculoId || + !data.indice || + !data.dataInicial || + data.valorOriginal === undefined + ) { + throw new Error("Dados incompletos para adicionar correção monetária"); } // Verificar se o cálculo existe e não está finalizado const calculo = await prisma.calculoJudicial.findUnique({ - where: { id: data.calculoId } + where: { id: data.calculoId }, }); if (!calculo) { - throw new Error('Cálculo não encontrado'); + throw new Error("Cálculo não encontrado"); } - if (calculo.status === 'FINALIZADO') { - throw new Error('Não é possível modificar um cálculo finalizado'); + if (calculo.status === "FINALIZADO") { + throw new Error("Não é possível modificar um cálculo finalizado"); } // Calcular o fator de correção const fatorCorrecao = await this.calcularFatorCorrecao({ indice: data.indice, dataInicial: data.dataInicial, - dataFinal: data.dataFinal || new Date() + dataFinal: data.dataFinal || new Date(), }); // Calcular valor corrigido @@ -144,8 +155,8 @@ export class CalculoJudicialService { dataFinal: data.dataFinal || new Date(), valorOriginal: new Decimal(data.valorOriginal), valorCorrigido, - fatorCorrecao - } + fatorCorrecao, + }, }); // Atualizar o valor corrigido do cálculo @@ -155,7 +166,7 @@ export class CalculoJudicialService { await this.registrarHistorico({ calculoId: data.calculoId, usuarioId: data.usuarioId, - acao: 'ATUALIZACAO', + acao: "ATUALIZACAO", descricao: `Correção monetária adicionada: ${data.indice}`, valorNovo: valorCorrigido.toNumber(), metadados: { @@ -163,14 +174,16 @@ export class CalculoJudicialService { indice: data.indice, dataInicial: data.dataInicial, dataFinal: data.dataFinal || new Date(), - fatorCorrecao: fatorCorrecao.toNumber() - } + fatorCorrecao: fatorCorrecao.toNumber(), + }, }); return correcao; } catch (error) { - console.error('Erro ao adicionar correção monetária:', error); - throw new Error(`Falha ao adicionar correção monetária: ${error.message}`); + console.error("Erro ao adicionar correção monetária:", error); + throw new Error( + `Falha ao adicionar correção monetária: ${error.message}`, + ); } } @@ -190,21 +203,26 @@ export class CalculoJudicialService { }) { try { // Validar dados - if (!data.calculoId || !data.tipo || data.taxa === undefined || !data.dataInicial) { - throw new Error('Dados incompletos para adicionar juros'); + if ( + !data.calculoId || + !data.tipo || + data.taxa === undefined || + !data.dataInicial + ) { + throw new Error("Dados incompletos para adicionar juros"); } // Verificar se o cálculo existe e não está finalizado const calculo = await prisma.calculoJudicial.findUnique({ - where: { id: data.calculoId } + where: { id: data.calculoId }, }); if (!calculo) { - throw new Error('Cálculo não encontrado'); + throw new Error("Cálculo não encontrado"); } - if (calculo.status === 'FINALIZADO') { - throw new Error('Não é possível modificar um cálculo finalizado'); + if (calculo.status === "FINALIZADO") { + throw new Error("Não é possível modificar um cálculo finalizado"); } // Calcular valor dos juros @@ -213,7 +231,7 @@ export class CalculoJudicialService { data.taxa, data.tipo, data.dataInicial, - data.dataFinal || new Date() + data.dataFinal || new Date(), ); // Criar registro de juros @@ -228,8 +246,8 @@ export class CalculoJudicialService { dataInicial: data.dataInicial, dataFinal: data.dataFinal || new Date(), valorBase: new Decimal(data.valorBase), - valorJuros: new Decimal(valorJuros) - } + valorJuros: new Decimal(valorJuros), + }, }); // Atualizar o valor final do cálculo @@ -239,7 +257,7 @@ export class CalculoJudicialService { await this.registrarHistorico({ calculoId: data.calculoId, usuarioId: data.usuarioId, - acao: 'ATUALIZACAO', + acao: "ATUALIZACAO", descricao: `Juros adicionados: ${data.tipo} ${data.taxa * 100}% ${data.periodicidade}`, valorNovo: valorJuros, metadados: { @@ -247,13 +265,13 @@ export class CalculoJudicialService { tipo: data.tipo, taxa: data.taxa, dataInicial: data.dataInicial, - dataFinal: data.dataFinal || new Date() - } + dataFinal: data.dataFinal || new Date(), + }, }); return juros; } catch (error) { - console.error('Erro ao adicionar juros:', error); + console.error("Erro ao adicionar juros:", error); throw new Error(`Falha ao adicionar juros: ${error.message}`); } } @@ -272,20 +290,20 @@ export class CalculoJudicialService { try { // Validar dados if (!data.calculoId || !data.tipo || data.percentual === undefined) { - throw new Error('Dados incompletos para adicionar multa'); + throw new Error("Dados incompletos para adicionar multa"); } // Verificar se o cálculo existe e não está finalizado const calculo = await prisma.calculoJudicial.findUnique({ - where: { id: data.calculoId } + where: { id: data.calculoId }, }); if (!calculo) { - throw new Error('Cálculo não encontrado'); + throw new Error("Cálculo não encontrado"); } - if (calculo.status === 'FINALIZADO') { - throw new Error('Não é possível modificar um cálculo finalizado'); + if (calculo.status === "FINALIZADO") { + throw new Error("Não é possível modificar um cálculo finalizado"); } // Calcular valor da multa @@ -300,8 +318,8 @@ export class CalculoJudicialService { percentual: new Decimal(data.percentual), valorBase: new Decimal(data.valorBase), valorMulta, - fundamento: data.fundamento - } + fundamento: data.fundamento, + }, }); // Atualizar o valor final do cálculo @@ -311,19 +329,19 @@ export class CalculoJudicialService { await this.registrarHistorico({ calculoId: data.calculoId, usuarioId: data.usuarioId, - acao: 'ATUALIZACAO', + acao: "ATUALIZACAO", descricao: `Multa adicionada: ${data.tipo} ${data.percentual * 100}%`, valorNovo: valorMulta.toNumber(), metadados: { multaId: multa.id, tipo: data.tipo, - percentual: data.percentual - } + percentual: data.percentual, + }, }); return multa; } catch (error) { - console.error('Erro ao adicionar multa:', error); + console.error("Erro ao adicionar multa:", error); throw new Error(`Falha ao adicionar multa: ${error.message}`); } } @@ -342,20 +360,20 @@ export class CalculoJudicialService { try { // Validar dados if (!data.calculoId || !data.tipo || data.percentual === undefined) { - throw new Error('Dados incompletos para adicionar honorários'); + throw new Error("Dados incompletos para adicionar honorários"); } // Verificar se o cálculo existe e não está finalizado const calculo = await prisma.calculoJudicial.findUnique({ - where: { id: data.calculoId } + where: { id: data.calculoId }, }); if (!calculo) { - throw new Error('Cálculo não encontrado'); + throw new Error("Cálculo não encontrado"); } - if (calculo.status === 'FINALIZADO') { - throw new Error('Não é possível modificar um cálculo finalizado'); + if (calculo.status === "FINALIZADO") { + throw new Error("Não é possível modificar um cálculo finalizado"); } // Calcular valor dos honorários @@ -370,8 +388,8 @@ export class CalculoJudicialService { percentual: new Decimal(data.percentual), valorBase: new Decimal(data.valorBase), valorHonorario, - fundamento: data.fundamento - } + fundamento: data.fundamento, + }, }); // Atualizar o valor final do cálculo @@ -381,19 +399,19 @@ export class CalculoJudicialService { await this.registrarHistorico({ calculoId: data.calculoId, usuarioId: data.usuarioId, - acao: 'ATUALIZACAO', + acao: "ATUALIZACAO", descricao: `Honorários adicionados: ${data.tipo} ${data.percentual * 100}%`, valorNovo: valorHonorario.toNumber(), metadados: { honorarioId: honorario.id, tipo: data.tipo, - percentual: data.percentual - } + percentual: data.percentual, + }, }); return honorario; } catch (error) { - console.error('Erro ao adicionar honorários:', error); + console.error("Erro ao adicionar honorários:", error); throw new Error(`Falha ao adicionar honorários: ${error.message}`); } } @@ -410,33 +428,39 @@ export class CalculoJudicialService { }) { try { // Validar dados - if (!data.calculoId || data.numero === undefined || !data.dataVencimento) { - throw new Error('Dados incompletos para adicionar parcela'); + if ( + !data.calculoId || + data.numero === undefined || + !data.dataVencimento + ) { + throw new Error("Dados incompletos para adicionar parcela"); } // Verificar se o cálculo existe e não está finalizado const calculo = await prisma.calculoJudicial.findUnique({ - where: { id: data.calculoId } + where: { id: data.calculoId }, }); if (!calculo) { - throw new Error('Cálculo não encontrado'); + throw new Error("Cálculo não encontrado"); } - if (calculo.status === 'FINALIZADO') { - throw new Error('Não é possível modificar um cálculo finalizado'); + if (calculo.status === "FINALIZADO") { + throw new Error("Não é possível modificar um cálculo finalizado"); } // Verificar se já existe uma parcela com este número const existente = await prisma.parcelaCalculo.findFirst({ where: { calculoId: data.calculoId, - numero: data.numero - } + numero: data.numero, + }, }); if (existente) { - throw new Error(`Já existe uma parcela ${data.numero} para este cálculo`); + throw new Error( + `Já existe uma parcela ${data.numero} para este cálculo`, + ); } // Calcular valores corrigidos se a data de vencimento já passou @@ -448,9 +472,9 @@ export class CalculoJudicialService { if (data.dataVencimento < hoje) { // Calcular correção monetária (usando INPC como padrão) const fatorCorrecao = await this.calcularFatorCorrecao({ - indice: 'INPC', + indice: "INPC", dataInicial: data.dataVencimento, - dataFinal: hoje + dataFinal: hoje, }); valorCorrigido = valorCorrigido.mul(fatorCorrecao); @@ -477,8 +501,8 @@ export class CalculoJudicialService { valorJuros, valorMulta, valorTotal, - pago: false - } + pago: false, + }, }); // Atualizar o valor final do cálculo @@ -488,20 +512,20 @@ export class CalculoJudicialService { await this.registrarHistorico({ calculoId: data.calculoId, usuarioId: data.usuarioId, - acao: 'ATUALIZACAO', + acao: "ATUALIZACAO", descricao: `Parcela ${data.numero} adicionada`, valorNovo: valorTotal.toNumber(), metadados: { parcelaId: parcela.id, numero: data.numero, dataVencimento: data.dataVencimento, - valorOriginal: data.valorOriginal - } + valorOriginal: data.valorOriginal, + }, }); return parcela; } catch (error) { - console.error('Erro ao adicionar parcela:', error); + console.error("Erro ao adicionar parcela:", error); throw new Error(`Falha ao adicionar parcela: ${error.message}`); } } @@ -519,20 +543,20 @@ export class CalculoJudicialService { try { // Validar dados if (!data.calculoId || !data.parcelaId || !data.dataPagamento) { - throw new Error('Dados incompletos para registrar pagamento'); + throw new Error("Dados incompletos para registrar pagamento"); } // Buscar a parcela const parcela = await prisma.parcelaCalculo.findUnique({ - where: { id: data.parcelaId } + where: { id: data.parcelaId }, }); if (!parcela) { - throw new Error('Parcela não encontrada'); + throw new Error("Parcela não encontrada"); } if (parcela.calculoId !== data.calculoId) { - throw new Error('Parcela não pertence ao cálculo informado'); + throw new Error("Parcela não pertence ao cálculo informado"); } // Atualizar parcela como paga @@ -540,8 +564,8 @@ export class CalculoJudicialService { where: { id: data.parcelaId }, data: { pago: true, - dataPagamento: data.dataPagamento - } + dataPagamento: data.dataPagamento, + }, }); // Atualizar o valor final do cálculo @@ -551,19 +575,19 @@ export class CalculoJudicialService { await this.registrarHistorico({ calculoId: data.calculoId, usuarioId: data.usuarioId, - acao: 'ATUALIZACAO', + acao: "ATUALIZACAO", descricao: `Pagamento da parcela ${parcela.numero} registrado`, valorNovo: data.valorPago || parcela.valorTotal.toNumber(), metadados: { parcelaId: data.parcelaId, valorPago: data.valorPago || parcela.valorTotal.toNumber(), - dataPagamento: data.dataPagamento - } + dataPagamento: data.dataPagamento, + }, }); return parcelaAtualizada; } catch (error) { - console.error('Erro ao registrar pagamento de parcela:', error); + console.error("Erro ao registrar pagamento de parcela:", error); throw new Error(`Falha ao registrar pagamento: ${error.message}`); } } @@ -582,21 +606,25 @@ export class CalculoJudicialService { }) { try { // Validar dados - if (!data.calculoId || !data.tipo || (data.percentual === undefined && data.valorFixo === undefined)) { - throw new Error('Dados incompletos para adicionar desconto'); + if ( + !data.calculoId || + !data.tipo || + (data.percentual === undefined && data.valorFixo === undefined) + ) { + throw new Error("Dados incompletos para adicionar desconto"); } // Verificar se o cálculo existe e não está finalizado const calculo = await prisma.calculoJudicial.findUnique({ - where: { id: data.calculoId } + where: { id: data.calculoId }, }); if (!calculo) { - throw new Error('Cálculo não encontrado'); + throw new Error("Cálculo não encontrado"); } - if (calculo.status === 'FINALIZADO') { - throw new Error('Não é possível modificar um cálculo finalizado'); + if (calculo.status === "FINALIZADO") { + throw new Error("Não é possível modificar um cálculo finalizado"); } // Calcular valor do desconto @@ -617,8 +645,8 @@ export class CalculoJudicialService { percentual: data.percentual ? new Decimal(data.percentual) : null, valorFixo: data.valorFixo ? new Decimal(data.valorFixo) : null, valorBase: new Decimal(data.valorBase), - valorDesconto - } + valorDesconto, + }, }); // Atualizar o valor final do cálculo @@ -628,20 +656,20 @@ export class CalculoJudicialService { await this.registrarHistorico({ calculoId: data.calculoId, usuarioId: data.usuarioId, - acao: 'ATUALIZACAO', + acao: "ATUALIZACAO", descricao: `Desconto adicionado: ${data.tipo}`, valorNovo: valorDesconto.toNumber() * -1, // Valor negativo para desconto metadados: { descontoId: desconto.id, tipo: data.tipo, percentual: data.percentual, - valorFixo: data.valorFixo - } + valorFixo: data.valorFixo, + }, }); return desconto; } catch (error) { - console.error('Erro ao adicionar desconto:', error); + console.error("Erro ao adicionar desconto:", error); throw new Error(`Falha ao adicionar desconto: ${error.message}`); } } @@ -653,38 +681,38 @@ export class CalculoJudicialService { try { // Verificar se o cálculo existe const calculo = await prisma.calculoJudicial.findUnique({ - where: { id } + where: { id }, }); if (!calculo) { - throw new Error('Cálculo não encontrado'); + throw new Error("Cálculo não encontrado"); } - if (calculo.status === 'FINALIZADO') { - throw new Error('Cálculo já está finalizado'); + if (calculo.status === "FINALIZADO") { + throw new Error("Cálculo já está finalizado"); } // Finalizar o cálculo const calculoFinalizado = await prisma.calculoJudicial.update({ where: { id }, data: { - status: 'FINALIZADO', - atualizadoEm: new Date() - } + status: "FINALIZADO", + atualizadoEm: new Date(), + }, }); // Registrar no histórico await this.registrarHistorico({ calculoId: id, usuarioId, - acao: 'FINALIZACAO', - descricao: 'Cálculo finalizado', - valorNovo: calculo.valorFinal.toNumber() + acao: "FINALIZACAO", + descricao: "Cálculo finalizado", + valorNovo: calculo.valorFinal.toNumber(), }); return calculoFinalizado; } catch (error) { - console.error('Erro ao finalizar cálculo:', error); + console.error("Erro ao finalizar cálculo:", error); throw new Error(`Falha ao finalizar cálculo: ${error.message}`); } } @@ -703,7 +731,7 @@ export class CalculoJudicialService { const where: any = {}; if (filtros.titulo) { - where.titulo = { contains: filtros.titulo, mode: 'insensitive' }; + where.titulo = { contains: filtros.titulo, mode: "insensitive" }; } if (filtros.status) { @@ -727,16 +755,16 @@ export class CalculoJudicialService { include: { usuario: true, processo: true, - cliente: true + cliente: true, }, orderBy: { - criadoEm: 'desc' - } + criadoEm: "desc", + }, }); return calculos; } catch (error) { - console.error('Erro ao listar cálculos:', error); + console.error("Erro ao listar cálculos:", error); throw new Error(`Falha ao listar cálculos: ${error.message}`); } } @@ -750,14 +778,14 @@ export class CalculoJudicialService { const calculo = await this.buscarCalculo(id); if (!calculo) { - throw new Error('Cálculo não encontrado'); + throw new Error("Cálculo não encontrado"); } // Aqui seria implementada a lógica de geração de PDF // Por enquanto, retornaremos apenas um buffer vazio - return Buffer.from('Relatório PDF placeholder'); + return Buffer.from("Relatório PDF placeholder"); } catch (error) { - console.error('Erro ao gerar relatório:', error); + console.error("Erro ao gerar relatório:", error); throw new Error(`Falha ao gerar relatório: ${error.message}`); } } @@ -771,14 +799,14 @@ export class CalculoJudicialService { const calculo = await this.buscarCalculo(id); if (!calculo) { - throw new Error('Cálculo não encontrado'); + throw new Error("Cálculo não encontrado"); } // Aqui seria implementada a lógica de exportação para Excel // Por enquanto, retornaremos apenas um buffer vazio - return Buffer.from('Excel placeholder'); + return Buffer.from("Excel placeholder"); } catch (error) { - console.error('Erro ao exportar para Excel:', error); + console.error("Erro ao exportar para Excel:", error); throw new Error(`Falha ao exportar para Excel: ${error.message}`); } } @@ -808,29 +836,27 @@ export class CalculoJudicialService { // Índices do ano inicial { anoReferencia: anoInicial, - mesReferencia: { gte: mesInicial } + mesReferencia: { gte: mesInicial }, }, // Anos intermediários (se houver) { - anoReferencia: { gt: anoInicial, lt: anoFinal } + anoReferencia: { gt: anoInicial, lt: anoFinal }, }, // Índices do ano final { anoReferencia: anoFinal, - mesReferencia: { lte: mesFinal } - } - ] + mesReferencia: { lte: mesFinal }, + }, + ], }, - orderBy: [ - { anoReferencia: 'asc' }, - { mesReferencia: 'asc' } - ] + orderBy: [{ anoReferencia: "asc" }, { mesReferencia: "asc" }], }); // Se não houver índices suficientes, usar uma estimativa if (indices.length === 0) { - const mesesDiferenca = (anoFinal - anoInicial) * 12 + (mesFinal - mesInicial); - + const mesesDiferenca = + (anoFinal - anoInicial) * 12 + (mesFinal - mesInicial); + // Taxa média mensal estimada (usar 0.5% ao mês como estimativa conservadora) const taxaMediaMensal = 0.005; return new Decimal(Math.pow(1 + taxaMediaMensal, mesesDiferenca)); @@ -838,16 +864,16 @@ export class CalculoJudicialService { // Calcular o fator de correção acumulado let fatorAcumulado = new Decimal(1); - + for (const indice of indices) { // Somar 1 ao valor do índice (ex: índice de 0.0082 vira fator de 1.0082) const fator = new Decimal(1).add(indice.valor); fatorAcumulado = fatorAcumulado.mul(fator); } - + return fatorAcumulado; } catch (error) { - console.error('Erro ao calcular fator de correção:', error); + console.error("Erro ao calcular fator de correção:", error); throw new Error(`Falha ao calcular fator de correção: ${error.message}`); } } @@ -860,21 +886,21 @@ export class CalculoJudicialService { taxa: number, tipo: string, dataInicial: Date, - dataFinal: Date + dataFinal: Date, ): number { // Calcular tempo entre as datas (em meses) const meses = this.calcularMesesAtraso(dataInicial, dataFinal); - + // Juros simples: valorBase * taxa * tempo - if (tipo === 'SIMPLES') { + if (tipo === "SIMPLES") { return valorBase * taxa * meses; } - + // Juros compostos: valorBase * ((1 + taxa) ^ tempo - 1) - if (tipo === 'COMPOSTO') { + if (tipo === "COMPOSTO") { return valorBase * (Math.pow(1 + taxa, meses) - 1); } - + return 0; // Tipo de juros não reconhecido } @@ -884,21 +910,25 @@ export class CalculoJudicialService { private calcularMesesAtraso(dataInicial: Date, dataFinal: Date): number { const diferencaAnos = dataFinal.getFullYear() - dataInicial.getFullYear(); const diferencaMeses = dataFinal.getMonth() - dataInicial.getMonth(); - + let meses = diferencaAnos * 12 + diferencaMeses; - + // Ajustar para dias (se a diferença for menos de um mês completo) const diaInicial = dataInicial.getDate(); const diaFinal = dataFinal.getDate(); - + if (diaFinal < diaInicial) { meses -= 1; } - + // Adicionar fração do mês se necessário - const diasNoMes = new Date(dataInicial.getFullYear(), dataInicial.getMonth() + 1, 0).getDate(); + const diasNoMes = new Date( + dataInicial.getFullYear(), + dataInicial.getMonth() + 1, + 0, + ).getDate(); const fracaoDias = (diasNoMes - diaInicial + diaFinal) / diasNoMes; - + return Math.max(0, meses + fracaoDias); } @@ -916,23 +946,24 @@ export class CalculoJudicialService { multas: true, honorarios: true, parcelas: true, - descontos: true - } + descontos: true, + }, }); if (!calculo) { - throw new Error('Cálculo não encontrado'); + throw new Error("Cálculo não encontrado"); } // Valor base corrigido (usar o valor da última correção ou o valor base original) let valorCorrigido = calculo.valorBase; - + if (calculo.correcoes.length > 0) { // Ordenar correções por data - const correcoes = [...calculo.correcoes].sort((a, b) => - new Date(b.dataFinal).getTime() - new Date(a.dataFinal).getTime() + const correcoes = [...calculo.correcoes].sort( + (a, b) => + new Date(b.dataFinal).getTime() - new Date(a.dataFinal).getTime(), ); - + // Usar o valor da correção mais recente valorCorrigido = correcoes[0].valorCorrigido; } @@ -970,7 +1001,12 @@ export class CalculoJudicialService { } // Calcular valor final: Valor Corrigido + Juros + Multas + Honorários + Parcelas - Descontos - const valorFinal = valorCorrigido.add(valorJuros).add(valorMultas).add(valorHonorarios).add(valorParcelas).sub(valorDescontos); + const valorFinal = valorCorrigido + .add(valorJuros) + .add(valorMultas) + .add(valorHonorarios) + .add(valorParcelas) + .sub(valorDescontos); // Atualizar o cálculo await prisma.calculoJudicial.update({ @@ -978,13 +1014,13 @@ export class CalculoJudicialService { data: { valorCorrigido, valorFinal, - atualizadoEm: new Date() - } + atualizadoEm: new Date(), + }, }); return valorFinal; } catch (error) { - console.error('Erro ao atualizar valor do cálculo:', error); + console.error("Erro ao atualizar valor do cálculo:", error); throw new Error(`Falha ao atualizar valor: ${error.message}`); } } @@ -1009,13 +1045,17 @@ export class CalculoJudicialService { usuarioId: data.usuarioId, acao: data.acao, descricao: data.descricao, - valorAnterior: data.valorAnterior !== undefined ? new Decimal(data.valorAnterior) : null, - valorNovo: data.valorNovo !== undefined ? new Decimal(data.valorNovo) : null, - metadados: data.metadados || {} - } + valorAnterior: + data.valorAnterior !== undefined + ? new Decimal(data.valorAnterior) + : null, + valorNovo: + data.valorNovo !== undefined ? new Decimal(data.valorNovo) : null, + metadados: data.metadados || {}, + }, }); } catch (error) { - console.error('Erro ao registrar histórico:', error); + console.error("Erro ao registrar histórico:", error); // Apenas logar o erro, não interrompe o fluxo return null; } diff --git a/src/server/services/FallbackMetadataCollector.ts b/src/server/services/FallbackMetadataCollector.ts index d9a5732..db037e8 100644 --- a/src/server/services/FallbackMetadataCollector.ts +++ b/src/server/services/FallbackMetadataCollector.ts @@ -1,4 +1,4 @@ -import { createHash } from 'crypto'; +import { createHash } from "crypto"; /** * Versão simplificada do MetadataCollector para quando faltam dependências @@ -16,7 +16,7 @@ export class FallbackMetadataCollector { [key: string]: any; }) { const timestamp = new Date(); - + // Retornar metadados simplificados return { timestamp: timestamp.toISOString(), @@ -26,20 +26,23 @@ export class FallbackMetadataCollector { fileName: data.fileName, fileSize: data.fileSize, fileSizeFormatted: this.formatFileSize(data.fileSize), - integrityHash: this.generateHash(data.fileName, data.fileSize.toString(), timestamp.toISOString()) + integrityHash: this.generateHash( + data.fileName, + data.fileSize.toString(), + timestamp.toISOString(), + ), }; } - + private formatFileSize(bytes: number): string { - if (bytes < 1024) return bytes + ' bytes'; - else if (bytes < 1024 * 1024) return (bytes / 1024).toFixed(2) + ' KB'; - else if (bytes < 1024 * 1024 * 1024) return (bytes / (1024 * 1024)).toFixed(2) + ' MB'; - else return (bytes / (1024 * 1024 * 1024)).toFixed(2) + ' GB'; + if (bytes < 1024) return bytes + " bytes"; + else if (bytes < 1024 * 1024) return (bytes / 1024).toFixed(2) + " KB"; + else if (bytes < 1024 * 1024 * 1024) + return (bytes / (1024 * 1024)).toFixed(2) + " MB"; + else return (bytes / (1024 * 1024 * 1024)).toFixed(2) + " GB"; } - + private generateHash(...values: string[]): string { - return createHash('sha256') - .update(values.join('|')) - .digest('hex'); + return createHash("sha256").update(values.join("|")).digest("hex"); } } diff --git a/src/server/services/FileValidator.ts b/src/server/services/FileValidator.ts index 8fdef22..6f62253 100644 --- a/src/server/services/FileValidator.ts +++ b/src/server/services/FileValidator.ts @@ -1,63 +1,71 @@ -import { createHash } from 'crypto'; -import sharp from 'sharp'; +import { createHash } from "crypto"; + +import sharp from "sharp"; export class FileValidator { async validateFile(buffer: Buffer, mimeType: string) { try { // Validação básica if (!buffer || buffer.length === 0) { - return { valid: false, error: 'Arquivo vazio' }; + return { valid: false, error: "Arquivo vazio" }; } // Verificar tamanho máximo (10MB) const MAX_SIZE = 10 * 1024 * 1024; if (buffer.length > MAX_SIZE) { - return { valid: false, error: 'Arquivo muito grande (máximo 10MB)' }; + return { valid: false, error: "Arquivo muito grande (máximo 10MB)" }; } // Verificar tipos de arquivo permitidos const allowedTypes = [ - 'application/pdf', - 'image/jpeg', - 'image/png', - 'image/gif', - 'image.webp' + "application/pdf", + "image/jpeg", + "image/png", + "image/gif", + "image.webp", ]; if (!allowedTypes.includes(mimeType)) { - return { valid: false, error: 'Tipo de arquivo não suportado. Use PDF, JPEG, PNG ou GIF.' }; + return { + valid: false, + error: "Tipo de arquivo não suportado. Use PDF, JPEG, PNG ou GIF.", + }; } // Verificação adicional para JPEG - if (mimeType === 'image/jpeg') { + if (mimeType === "image/jpeg") { try { // Verificar se é um JPEG válido tentando processá-lo await sharp(buffer).metadata(); } catch (jpegError) { - console.error('Erro ao validar JPEG:', jpegError); - return { - valid: false, - error: 'O arquivo JPEG parece estar corrompido. Tente salvar a imagem em um formato diferente e enviar novamente.' + console.error("Erro ao validar JPEG:", jpegError); + return { + valid: false, + error: + "O arquivo JPEG parece estar corrompido. Tente salvar a imagem em um formato diferente e enviar novamente.", }; } } return { valid: true }; } catch (error) { - console.error('Erro na validação de arquivo:', error); - return { valid: false, error: `Erro ao validar arquivo: ${error.message}` }; + console.error("Erro na validação de arquivo:", error); + return { + valid: false, + error: `Erro ao validar arquivo: ${error.message}`, + }; } } async validateMetadata(metadata: any) { // Campos básicos obrigatórios - const requiredFields = ['userAgent', 'timestamp']; - const missingFields = requiredFields.filter(field => !metadata[field]); - + const requiredFields = ["userAgent", "timestamp"]; + const missingFields = requiredFields.filter((field) => !metadata[field]); + if (missingFields.length > 0) { return { valid: false, - error: `Dados necessários ausentes: ${missingFields.join(', ')}` + error: `Dados necessários ausentes: ${missingFields.join(", ")}`, }; } @@ -66,9 +74,9 @@ export class FileValidator { generateHashes(buffer: Buffer) { return { - sha256: createHash('sha256').update(buffer).digest('hex'), - sha512: createHash('sha512').update(buffer).digest('hex'), - md5: createHash('md5').update(buffer).digest('hex') + sha256: createHash("sha256").update(buffer).digest("hex"), + sha512: createHash("sha512").update(buffer).digest("hex"), + md5: createHash("md5").update(buffer).digest("hex"), }; } diff --git a/src/server/services/IndiceMonetarioService.ts b/src/server/services/IndiceMonetarioService.ts index ff202ec..d1c2eb7 100644 --- a/src/server/services/IndiceMonetarioService.ts +++ b/src/server/services/IndiceMonetarioService.ts @@ -1,8 +1,9 @@ -import { PrismaClient, Decimal } from '@prisma/client'; -import axios from 'axios'; -import { v4 as uuidv4 } from 'uuid'; // Importar uuid para gerar IDs -import { prisma } from '../prismaClient'; -import { Decimal } from '@prisma/client/runtime/library'; +import { PrismaClient, Decimal } from "@prisma/client"; +import { Decimal } from "@prisma/client/runtime/library"; +import axios from "axios"; +import { v4 as uuidv4 } from "uuid"; // Importar uuid para gerar IDs + +import { prisma } from "../prismaClient"; const prisma = new PrismaClient(); @@ -25,7 +26,7 @@ export class IndiceMonetarioService { nome: data.nome, mesReferencia: data.mesReferencia, anoReferencia: data.anoReferencia, - } + }, }); if (existente) { @@ -36,8 +37,8 @@ export class IndiceMonetarioService { valor: new Decimal(data.valor), dataPublicacao: data.dataPublicacao, fonte: data.fonte, - atualizadoEm: new Date() - } + atualizadoEm: new Date(), + }, }); } @@ -50,11 +51,11 @@ export class IndiceMonetarioService { anoReferencia: data.anoReferencia, valor: new Decimal(data.valor), dataPublicacao: data.dataPublicacao, - fonte: data.fonte - } + fonte: data.fonte, + }, }); } catch (error) { - console.error('Erro ao adicionar índice monetário:', error); + console.error("Erro ao adicionar índice monetário:", error); throw new Error(`Falha ao adicionar índice: ${error.message}`); } } @@ -87,13 +88,13 @@ export class IndiceMonetarioService { return await prisma.indiceMonetario.findMany({ where, orderBy: [ - { anoReferencia: 'desc' }, - { mesReferencia: 'desc' }, - { nome: 'asc' } - ] + { anoReferencia: "desc" }, + { mesReferencia: "desc" }, + { nome: "asc" }, + ], }); } catch (error) { - console.error('Erro ao listar índices monetários:', error); + console.error("Erro ao listar índices monetários:", error); throw new Error(`Falha ao listar índices: ${error.message}`); } } @@ -111,11 +112,11 @@ export class IndiceMonetarioService { where: { nome: data.nome, mesReferencia: data.mesReferencia, - anoReferencia: data.anoReferencia - } + anoReferencia: data.anoReferencia, + }, }); } catch (error) { - console.error('Erro ao buscar índice monetário:', error); + console.error("Erro ao buscar índice monetário:", error); throw new Error(`Falha ao buscar índice: ${error.message}`); } } @@ -126,10 +127,10 @@ export class IndiceMonetarioService { async removerIndice(id: string) { try { return await prisma.indiceMonetario.delete({ - where: { id } + where: { id }, }); } catch (error) { - console.error('Erro ao remover índice monetário:', error); + console.error("Erro ao remover índice monetário:", error); throw new Error(`Falha ao remover índice: ${error.message}`); } } @@ -139,57 +140,58 @@ export class IndiceMonetarioService { */ async importarIndicesINPC() { try { - console.log('Iniciando importação de índices INPC...'); + console.log("Iniciando importação de índices INPC..."); // Buscar últimos 120 meses - const url = 'https://servicodados.ibge.gov.br/api/v3/agregados/1736/periodos/-120/variaveis/44?localidades=N1[all]'; - + const url = + "https://servicodados.ibge.gov.br/api/v3/agregados/1736/periodos/-120/variaveis/44?localidades=N1[all]"; + const response = await axios.get(url); const data = response.data[0]; if (!data?.resultados?.[0]?.series?.[0]?.serie) { - throw new Error('Formato de resposta inválido do IBGE'); + throw new Error("Formato de resposta inválido do IBGE"); } const indices = data.resultados[0].series[0].serie; - + // Processar e salvar os índices for (const [periodo, valor] of Object.entries(indices)) { const ano = parseInt(periodo.substring(0, 4)); const mes = parseInt(periodo.substring(4)); - const valorNumerico = parseFloat(String(valor).replace(',', '.')); + const valorNumerico = parseFloat(String(valor).replace(",", ".")); if (!isNaN(ano) && !isNaN(mes) && !isNaN(valorNumerico)) { await prisma.indiceMonetario.upsert({ where: { nome_mesReferencia_anoReferencia: { - nome: 'INPC', + nome: "INPC", mesReferencia: mes, - anoReferencia: ano - } + anoReferencia: ano, + }, }, update: { valor: valorNumerico, dataPublicacao: new Date(), - fonte: 'IBGE' + fonte: "IBGE", }, create: { - nome: 'INPC', + nome: "INPC", mesReferencia: mes, anoReferencia: ano, valor: valorNumerico, dataPublicacao: new Date(), - fonte: 'IBGE' - } + fonte: "IBGE", + }, }); console.log(`Índice importado: ${mes}/${ano} = ${valorNumerico}%`); } } - console.log('Importação concluída com sucesso'); + console.log("Importação concluída com sucesso"); } catch (error) { - console.error('Erro ao importar índices:', error); - throw new Error('Falha ao importar índices do IBGE'); + console.error("Erro ao importar índices:", error); + throw new Error("Falha ao importar índices do IBGE"); } } @@ -200,53 +202,53 @@ export class IndiceMonetarioService { try { // Usar a API do Banco Central em vez de CSV const hoje = new Date(); - const dataFim = `${hoje.getFullYear()}-${String(hoje.getMonth() + 1).padStart(2, '0')}-${String(hoje.getDate()).padStart(2, '0')}`; - + const dataFim = `${hoje.getFullYear()}-${String(hoje.getMonth() + 1).padStart(2, "0")}-${String(hoje.getDate()).padStart(2, "0")}`; + // Pegar dados do último ano - const dataInicio = `${hoje.getFullYear() - 1}-${String(hoje.getMonth() + 1).padStart(2, '0')}-${String(hoje.getDate()).padStart(2, '0')}`; - + const dataInicio = `${hoje.getFullYear() - 1}-${String(hoje.getMonth() + 1).padStart(2, "0")}-${String(hoje.getDate()).padStart(2, "0")}`; + const url = `https://api.bcb.gov.br/dados/serie/bcdata.sgs.11/dados?formato=json&dataInicial=${dataInicio}&dataFinal=${dataFim}`; const response = await axios.get(url); - + if (!Array.isArray(response.data)) { - throw new Error('Formato de resposta da API do Banco Central inválido'); + throw new Error("Formato de resposta da API do Banco Central inválido"); } - + const indices = []; - + for (const item of response.data) { // Tratar a data (formato DD/MM/YYYY) - const dataParts = item.data.split('/'); + const dataParts = item.data.split("/"); const ano = parseInt(dataParts[2]); const mes = parseInt(dataParts[1]); const valorNumerico = parseFloat(item.valor); - + if (!isNaN(ano) && !isNaN(mes) && !isNaN(valorNumerico)) { await this.adicionarIndice({ - nome: 'SELIC', + nome: "SELIC", mesReferencia: mes, anoReferencia: ano, valor: valorNumerico / 100, // Converter para decimal (ex: 13.25% vira 0.1325) dataPublicacao: new Date(), - fonte: 'BACEN' + fonte: "BACEN", }); - + indices.push({ - nome: 'SELIC', + nome: "SELIC", mesReferencia: mes, anoReferencia: ano, - valor: valorNumerico / 100 + valor: valorNumerico / 100, }); } } - + return { success: true, message: `Importados ${indices.length} índices SELIC`, - indices + indices, }; } catch (error) { - console.error('Erro ao importar índices SELIC:', error); + console.error("Erro ao importar índices SELIC:", error); throw new Error(`Falha ao importar índices SELIC: ${error.message}`); } } @@ -261,13 +263,13 @@ export class IndiceMonetarioService { }) { try { const { indice, dataInicial, dataFinal } = data; - + // Obter o mês/ano das datas const mesInicial = dataInicial.getMonth() + 1; // getMonth retorna 0-11 const anoInicial = dataInicial.getFullYear(); const mesFinal = dataFinal.getMonth() + 1; const anoFinal = dataFinal.getFullYear(); - + // Buscar todos os índices necessários para o período const indices = await prisma.indiceMonetario.findMany({ where: { @@ -276,47 +278,44 @@ export class IndiceMonetarioService { // Índices do ano inicial { anoReferencia: anoInicial, - mesReferencia: { gte: mesInicial } + mesReferencia: { gte: mesInicial }, }, // Anos intermediários (se houver) { - anoReferencia: { gt: anoInicial, lt: anoFinal } + anoReferencia: { gt: anoInicial, lt: anoFinal }, }, // Índices do ano final { anoReferencia: anoFinal, - mesReferencia: { lte: mesFinal } - } - ] + mesReferencia: { lte: mesFinal }, + }, + ], }, - orderBy: [ - { anoReferencia: 'asc' }, - { mesReferencia: 'asc' } - ] + orderBy: [{ anoReferencia: "asc" }, { mesReferencia: "asc" }], }); - + // Se não houver índices suficientes, usar uma estimativa if (indices.length === 0) { - const mesesDiferenca = + const mesesDiferenca = (anoFinal - anoInicial) * 12 + (mesFinal - mesInicial); - + // Taxa média mensal estimada (usar 0.5% ao mês como estimativa conservadora) const taxaMediaMensal = 0.005; return new Decimal(Math.pow(1 + taxaMediaMensal, mesesDiferenca)); } - + // Calcular o fator de correção acumulado let fatorAcumulado = new Decimal(1); - + for (const indice of indices) { // Somar 1 ao valor do índice (ex: índice de 0.0082 vira fator de 1.0082) const fator = new Decimal(1).add(indice.valor); fatorAcumulado = fatorAcumulado.mul(fator); } - + return fatorAcumulado; } catch (error) { - console.error('Erro ao calcular fator de correção:', error); + console.error("Erro ao calcular fator de correção:", error); throw new Error(`Falha ao calcular fator de correção: ${error.message}`); } } @@ -325,28 +324,26 @@ export class IndiceMonetarioService { // Função para baixar índices do IBGE export async function atualizarIndicesINPC() { try { - console.log('Iniciando atualização dos índices INPC...'); + console.log("Iniciando atualização dos índices INPC..."); // Definir período de busca (5 anos para trás) const hoje = new Date(); const anoInicial = hoje.getFullYear() - 5; - + // Buscar último índice no banco const ultimoIndice = await prisma.indiceMonetario.findFirst({ - orderBy: [ - { anoReferencia: 'desc' }, - { mesReferencia: 'desc' } - ] + orderBy: [{ anoReferencia: "desc" }, { mesReferencia: "desc" }], }); // URL da API do IBGE para INPC (últimos 120 meses = 10 anos) - const url = 'https://servicodados.ibge.gov.br/api/v3/agregados/1736/periodos/-120/variaveis/44?localidades=N1[all]'; - - console.log('Buscando índices desde:', anoInicial); + const url = + "https://servicodados.ibge.gov.br/api/v3/agregados/1736/periodos/-120/variaveis/44?localidades=N1[all]"; + + console.log("Buscando índices desde:", anoInicial); const response = await axios.get(url); - + if (!response.data?.[0]?.resultados?.[0]?.series?.[0]?.serie) { - throw new Error('Formato de resposta inválido do IBGE'); + throw new Error("Formato de resposta inválido do IBGE"); } const indices = response.data[0].resultados[0].series[0].serie; @@ -356,31 +353,31 @@ export async function atualizarIndicesINPC() { for (const [periodo, valor] of Object.entries(indices)) { const ano = parseInt(periodo.substring(0, 4)); const mes = parseInt(periodo.substring(4)); - const valorNumerico = parseFloat(String(valor).replace(',', '.')); + const valorNumerico = parseFloat(String(valor).replace(",", ".")); // Verificar se é um índice válido if (!isNaN(ano) && !isNaN(mes) && !isNaN(valorNumerico)) { await prisma.indiceMonetario.upsert({ where: { nome_mesReferencia_anoReferencia: { - nome: 'INPC', + nome: "INPC", mesReferencia: mes, - anoReferencia: ano - } + anoReferencia: ano, + }, }, update: { valor: valorNumerico, dataPublicacao: new Date(), - fonte: 'IBGE' + fonte: "IBGE", }, create: { - nome: 'INPC', + nome: "INPC", mesReferencia: mes, anoReferencia: ano, valor: valorNumerico, dataPublicacao: new Date(), - fonte: 'IBGE' - } + fonte: "IBGE", + }, }); totalIndices++; @@ -391,36 +388,39 @@ export async function atualizarIndicesINPC() { console.log(`Atualização concluída. Total de índices: ${totalIndices}`); return true; } catch (error) { - console.error('Erro ao atualizar índices INPC:', error); + console.error("Erro ao atualizar índices INPC:", error); throw error; } } // Função para verificar se os índices existem para um período -export async function verificarIndicesDisponiveis(dataInicial: Date, dataFinal: Date): Promise<boolean> { +export async function verificarIndicesDisponiveis( + dataInicial: Date, + dataFinal: Date, +): Promise<boolean> { try { const indices = await prisma.indiceMonetario.findFirst({ where: { - nome: 'INPC', + nome: "INPC", AND: [ { anoReferencia: dataInicial.getFullYear(), - mesReferencia: dataInicial.getMonth() + 1 - } - ] - } + mesReferencia: dataInicial.getMonth() + 1, + }, + ], + }, }); // Se não encontrar índices, tenta atualizar if (!indices) { - console.log('Índices não encontrados. Iniciando atualização...'); + console.log("Índices não encontrados. Iniciando atualização..."); await atualizarIndicesINPC(); return true; } return true; } catch (error) { - console.error('Erro ao verificar índices:', error); + console.error("Erro ao verificar índices:", error); return false; } } @@ -428,7 +428,7 @@ export async function verificarIndicesDisponiveis(dataInicial: Date, dataFinal: export async function getIndicesParaPeriodo({ indice, dataInicial, - dataFinal + dataFinal, }: { indice: string; dataInicial: Date; @@ -443,8 +443,8 @@ export async function getIndicesParaPeriodo({ { anoReferencia: { gte: dataInicial.getFullYear(), - lte: dataFinal.getFullYear() - } + lte: dataFinal.getFullYear(), + }, }, { OR: [ @@ -452,38 +452,35 @@ export async function getIndicesParaPeriodo({ { anoReferencia: dataInicial.getFullYear(), mesReferencia: { - gte: dataInicial.getMonth() + 1 - } + gte: dataInicial.getMonth() + 1, + }, }, // Índices do último ano { anoReferencia: dataFinal.getFullYear(), mesReferencia: { - lte: dataFinal.getMonth() + 1 - } + lte: dataFinal.getMonth() + 1, + }, }, // Índices dos anos intermediários { anoReferencia: { gt: dataInicial.getFullYear(), - lt: dataFinal.getFullYear() - } - } - ] - } - ] + lt: dataFinal.getFullYear(), + }, + }, + ], + }, + ], }, - orderBy: [ - { anoReferencia: 'asc' }, - { mesReferencia: 'asc' } - ] + orderBy: [{ anoReferencia: "asc" }, { mesReferencia: "asc" }], }); // Se não encontrar índices, tentar importar if (!indices || indices.length === 0) { - console.log('Índices não encontrados. Iniciando importação...'); + console.log("Índices não encontrados. Iniciando importação..."); await importarIndicesINPC(); - + // Buscar novamente após importação indices = await prisma.indiceMonetario.findMany({ where: { @@ -492,8 +489,8 @@ export async function getIndicesParaPeriodo({ { anoReferencia: { gte: dataInicial.getFullYear(), - lte: dataFinal.getFullYear() - } + lte: dataFinal.getFullYear(), + }, }, { OR: [ @@ -501,41 +498,38 @@ export async function getIndicesParaPeriodo({ { anoReferencia: dataInicial.getFullYear(), mesReferencia: { - gte: dataInicial.getMonth() + 1 - } + gte: dataInicial.getMonth() + 1, + }, }, // Índices do último ano { anoReferencia: dataFinal.getFullYear(), mesReferencia: { - lte: dataFinal.getMonth() + 1 - } + lte: dataFinal.getMonth() + 1, + }, }, // Índices dos anos intermediários { anoReferencia: { gt: dataInicial.getFullYear(), - lt: dataFinal.getFullYear() - } - } - ] - } - ] + lt: dataFinal.getFullYear(), + }, + }, + ], + }, + ], }, - orderBy: [ - { anoReferencia: 'asc' }, - { mesReferencia: 'asc' } - ] + orderBy: [{ anoReferencia: "asc" }, { mesReferencia: "asc" }], }); } if (!indices.length) { - throw new Error('Não foram encontrados índices para o período'); + throw new Error("Não foram encontrados índices para o período"); } return indices; } catch (error) { - console.error('Erro ao buscar/importar índices:', error); + console.error("Erro ao buscar/importar índices:", error); throw error; } } @@ -543,53 +537,54 @@ export async function getIndicesParaPeriodo({ export async function importarIndicesINPC() { try { // API do IBGE para INPC - const url = 'https://servicodados.ibge.gov.br/api/v3/agregados/1736/periodos/-120/variaveis/44?localidades=N1[all]'; - - console.log('Buscando índices do IBGE...'); + const url = + "https://servicodados.ibge.gov.br/api/v3/agregados/1736/periodos/-120/variaveis/44?localidades=N1[all]"; + + console.log("Buscando índices do IBGE..."); const response = await axios.get(url); - + if (!response.data || !response.data[0] || !response.data[0].resultados) { - throw new Error('Formato de resposta inválido da API do IBGE'); + throw new Error("Formato de resposta inválido da API do IBGE"); } const dados = response.data[0].resultados[0].series[0].serie; - + // Processar e salvar os índices for (const [periodo, valor] of Object.entries(dados)) { const ano = parseInt(periodo.substring(0, 4)); const mes = parseInt(periodo.substring(4)); - const valorNumerico = parseFloat(String(valor).replace(',', '.')); + const valorNumerico = parseFloat(String(valor).replace(",", ".")); if (!isNaN(ano) && !isNaN(mes) && !isNaN(valorNumerico)) { await prisma.indiceMonetario.upsert({ where: { nome_mesReferencia_anoReferencia: { - nome: 'INPC', + nome: "INPC", mesReferencia: mes, - anoReferencia: ano - } + anoReferencia: ano, + }, }, update: { valor: valorNumerico / 100 + 1, // Converter para fator (ex: 1.0053 para 0.53%) dataPublicacao: new Date(), - fonte: 'IBGE' + fonte: "IBGE", }, create: { - nome: 'INPC', + nome: "INPC", mesReferencia: mes, anoReferencia: ano, valor: valorNumerico / 100 + 1, dataPublicacao: new Date(), - fonte: 'IBGE' - } + fonte: "IBGE", + }, }); } } - - console.log('Índices INPC importados com sucesso'); + + console.log("Índices INPC importados com sucesso"); return true; } catch (error) { - console.error('Erro ao importar índices INPC:', error); + console.error("Erro ao importar índices INPC:", error); throw error; } } @@ -599,7 +594,7 @@ async function obterIndicesNecessarios(dataInicial: Date, dataFinal: Date) { // 1. Verificar índices existentes no banco const indicesExistentes = await prisma.indiceMonetario.findMany({ where: { - nome: 'INPC', + nome: "INPC", AND: [ { OR: [ @@ -613,96 +608,97 @@ async function obterIndicesNecessarios(dataInicial: Date, dataFinal: Date) { }, ], }, - orderBy: [ - { anoReferencia: 'asc' }, - { mesReferencia: 'asc' }, - ], + orderBy: [{ anoReferencia: "asc" }, { mesReferencia: "asc" }], }); // 2. Criar mapa dos índices existentes para fácil verificação const mapaIndices = new Map(); - indicesExistentes.forEach(indice => { - const chave = `${indice.anoReferencia}-${indice.mesReferencia.toString().padStart(2, '0')}`; + indicesExistentes.forEach((indice) => { + const chave = `${indice.anoReferencia}-${indice.mesReferencia.toString().padStart(2, "0")}`; mapaIndices.set(chave, indice); }); // 3. Verificar quais meses estão faltando const mesesFaltantes: { ano: number; mes: number }[] = []; - let dataAtual = new Date(dataInicial); - + const dataAtual = new Date(dataInicial); + while (dataAtual <= dataFinal) { - const chave = `${dataAtual.getFullYear()}-${(dataAtual.getMonth() + 1).toString().padStart(2, '0')}`; - + const chave = `${dataAtual.getFullYear()}-${(dataAtual.getMonth() + 1).toString().padStart(2, "0")}`; + if (!mapaIndices.has(chave)) { mesesFaltantes.push({ ano: dataAtual.getFullYear(), - mes: dataAtual.getMonth() + 1 + mes: dataAtual.getMonth() + 1, }); } - + // Avançar para o próximo mês dataAtual.setMonth(dataAtual.getMonth() + 1); } // 4. Se houver meses faltantes, buscar da API if (mesesFaltantes.length > 0) { - console.log(`Buscando ${mesesFaltantes.length} índices faltantes do IBGE...`); - + console.log( + `Buscando ${mesesFaltantes.length} índices faltantes do IBGE...`, + ); + // Calcular o número de meses entre a data mais antiga e mais recente necessária const mesesTotal = Math.ceil( - (dataFinal.getTime() - dataInicial.getTime()) / (1000 * 60 * 60 * 24 * 30.44) + (dataFinal.getTime() - dataInicial.getTime()) / + (1000 * 60 * 60 * 24 * 30.44), ); // Buscar um período maior que o necessário para garantir const periodoAPI = Math.max(mesesTotal + 12, 120); // Mínimo de 120 meses (10 anos) - + const url = `https://servicodados.ibge.gov.br/api/v3/agregados/1736/periodos/-${periodoAPI}/variaveis/44?localidades=N1[all]`; - + const response = await axios.get(url); const data = response.data[0]; if (!data?.resultados?.[0]?.series?.[0]?.serie) { - throw new Error('Formato de resposta inválido do IBGE'); + throw new Error("Formato de resposta inválido do IBGE"); } const indices = data.resultados[0].series[0].serie; - + // Criar os índices faltantes for (const [periodo, valor] of Object.entries(indices)) { const ano = parseInt(periodo.substring(0, 4)); const mes = parseInt(periodo.substring(4)); - const valorNumerico = parseFloat(String(valor).replace(',', '.')); + const valorNumerico = parseFloat(String(valor).replace(",", ".")); if (!isNaN(ano) && !isNaN(mes) && !isNaN(valorNumerico)) { // Verificar se este índice é necessário - const chave = `${ano}-${mes.toString().padStart(2, '0')}`; - if (!mapaIndices.has(chave) && - ano >= dataInicial.getFullYear() && - ano <= dataFinal.getFullYear()) { - + const chave = `${ano}-${mes.toString().padStart(2, "0")}`; + if ( + !mapaIndices.has(chave) && + ano >= dataInicial.getFullYear() && + ano <= dataFinal.getFullYear() + ) { await prisma.indiceMonetario.upsert({ where: { nome_mesReferencia_anoReferencia: { - nome: 'INPC', + nome: "INPC", mesReferencia: mes, - anoReferencia: ano - } + anoReferencia: ano, + }, }, update: { valor: valorNumerico, dataPublicacao: new Date(), - fonte: 'IBGE' + fonte: "IBGE", }, create: { - nome: 'INPC', + nome: "INPC", mesReferencia: mes, anoReferencia: ano, valor: valorNumerico, dataPublicacao: new Date(), - fonte: 'IBGE' - } + fonte: "IBGE", + }, }); - + console.log(`Índice criado: ${mes}/${ano} = ${valorNumerico}%`); } } @@ -712,7 +708,7 @@ async function obterIndicesNecessarios(dataInicial: Date, dataFinal: Date) { // 5. Retornar todos os índices necessários return await prisma.indiceMonetario.findMany({ where: { - nome: 'INPC', + nome: "INPC", AND: [ { OR: [ @@ -726,14 +722,10 @@ async function obterIndicesNecessarios(dataInicial: Date, dataFinal: Date) { }, ], }, - orderBy: [ - { anoReferencia: 'asc' }, - { mesReferencia: 'asc' }, - ], + orderBy: [{ anoReferencia: "asc" }, { mesReferencia: "asc" }], }); - } catch (error) { - console.error('Erro ao obter índices:', error); + console.error("Erro ao obter índices:", error); throw error; } } @@ -742,7 +734,7 @@ async function obterIndicesNecessarios(dataInicial: Date, dataFinal: Date) { export async function calcularFatorCorrecaoTotal({ dataInicial, dataFinal, - indice + indice, }: { dataInicial: Date; dataFinal: Date; @@ -753,7 +745,9 @@ export async function calcularFatorCorrecaoTotal({ const indices = await obterIndicesNecessarios(dataInicial, dataFinal); if (!indices.length) { - throw new Error('Não foram encontrados índices para o período mesmo após tentativa de atualização'); + throw new Error( + "Não foram encontrados índices para o período mesmo após tentativa de atualização", + ); } // Calcular fator acumulado @@ -762,53 +756,55 @@ export async function calcularFatorCorrecaoTotal({ fatorAcumulado = fatorAcumulado.mul(new Decimal(1 + indice.valor / 100)); } - console.log('Fator de correção calculado:', { + console.log("Fator de correção calculado:", { periodo: `${dataInicial.toISOString()} até ${dataFinal.toISOString()}`, indices: indices.length, primeiro: indices[0], ultimo: indices[indices.length - 1], - fatorAcumulado: fatorAcumulado.toFixed(6) + fatorAcumulado: fatorAcumulado.toFixed(6), }); return fatorAcumulado; } catch (error) { - console.error('Erro ao calcular fator de correção:', error); + console.error("Erro ao calcular fator de correção:", error); throw error; } } -export async function buscarIndicesParaPeriodo(dataInicial: Date, dataFinal: Date) { - console.log(`Buscando índices para o período de ${dataInicial.toISOString()} até ${dataFinal.toISOString()}`); +export async function buscarIndicesParaPeriodo( + dataInicial: Date, + dataFinal: Date, +) { + console.log( + `Buscando índices para o período de ${dataInicial.toISOString()} até ${dataFinal.toISOString()}`, + ); try { // Primeiro verificar quais meses já temos const indicesExistentes = await prisma.indiceMonetario.findMany({ where: { - nome: 'INPC', + nome: "INPC", OR: [ { anoReferencia: { gte: dataInicial.getFullYear(), - lte: dataFinal.getFullYear() - } - } - ] + lte: dataFinal.getFullYear(), + }, + }, + ], }, - orderBy: [ - { anoReferencia: 'asc' }, - { mesReferencia: 'asc' } - ] + orderBy: [{ anoReferencia: "asc" }, { mesReferencia: "asc" }], }); console.log(`Encontrados ${indicesExistentes.length} índices no banco`); // Se não houver índices suficientes, buscar da API do IBGE if (indicesExistentes.length === 0) { - console.log('Buscando índices do IBGE...'); - + console.log("Buscando índices do IBGE..."); + // Configurar timeout maior para a requisição const axiosInstance = axios.create({ - timeout: 30000 // 30 segundos + timeout: 30000, // 30 segundos }); // Fazer múltiplas requisições em paralelo para diferentes períodos @@ -825,39 +821,42 @@ export async function buscarIndicesParaPeriodo(dataInicial: Date, dataFinal: Dat console.log(`Fazendo ${promises.length} requisições ao IBGE...`); const responses = await Promise.allSettled(promises); - + // Processar cada resposta for (const response of responses) { - if (response.status === 'fulfilled' && response.value.data?.[0]?.resultados?.[0]?.series?.[0]?.serie) { + if ( + response.status === "fulfilled" && + response.value.data?.[0]?.resultados?.[0]?.series?.[0]?.serie + ) { const indices = response.value.data[0].resultados[0].series[0].serie; - + for (const [periodo, valor] of Object.entries(indices)) { const ano = parseInt(periodo.substring(0, 4)); const mes = parseInt(periodo.substring(4)); - const valorNumerico = parseFloat(String(valor).replace(',', '.')); + const valorNumerico = parseFloat(String(valor).replace(",", ".")); if (!isNaN(ano) && !isNaN(mes) && !isNaN(valorNumerico)) { await prisma.indiceMonetario.upsert({ where: { nome_mesReferencia_anoReferencia: { - nome: 'INPC', + nome: "INPC", mesReferencia: mes, - anoReferencia: ano - } + anoReferencia: ano, + }, }, update: { valor: valorNumerico, dataPublicacao: new Date(), - fonte: 'IBGE' + fonte: "IBGE", }, create: { - nome: 'INPC', + nome: "INPC", mesReferencia: mes, anoReferencia: ano, valor: valorNumerico, dataPublicacao: new Date(), - fonte: 'IBGE' - } + fonte: "IBGE", + }, }); console.log(`Índice salvo: ${mes}/${ano} = ${valorNumerico}%`); @@ -869,26 +868,23 @@ export async function buscarIndicesParaPeriodo(dataInicial: Date, dataFinal: Dat // Buscar novamente após importação return await prisma.indiceMonetario.findMany({ where: { - nome: 'INPC', + nome: "INPC", OR: [ { anoReferencia: { gte: dataInicial.getFullYear(), - lte: dataFinal.getFullYear() - } - } - ] + lte: dataFinal.getFullYear(), + }, + }, + ], }, - orderBy: [ - { anoReferencia: 'asc' }, - { mesReferencia: 'asc' } - ] + orderBy: [{ anoReferencia: "asc" }, { mesReferencia: "asc" }], }); } return indicesExistentes; } catch (error) { - console.error('Erro ao buscar índices:', error); + console.error("Erro ao buscar índices:", error); throw new Error(`Falha ao buscar índices monetários: ${error.message}`); } } @@ -897,7 +893,7 @@ export async function buscarIndicesParaPeriodo(dataInicial: Date, dataFinal: Dat export async function calcularFatorCorrecaoTotal({ dataInicial, dataFinal, - indice + indice, }: { dataInicial: Date; dataFinal: Date; @@ -907,7 +903,7 @@ export async function calcularFatorCorrecaoTotal({ const indices = await buscarIndicesParaPeriodo(dataInicial, dataFinal); if (!indices.length) { - throw new Error('Não foram encontrados índices para o período informado'); + throw new Error("Não foram encontrados índices para o período informado"); } // Calcular fator acumulado @@ -916,16 +912,16 @@ export async function calcularFatorCorrecaoTotal({ fatorAcumulado = fatorAcumulado.mul(new Decimal(1 + indice.valor / 100)); } - console.log('Fator de correção calculado:', { + console.log("Fator de correção calculado:", { indices: indices.length, primeiro: indices[0], ultimo: indices[indices.length - 1], - fatorAcumulado: fatorAcumulado.toString() + fatorAcumulado: fatorAcumulado.toString(), }); return fatorAcumulado; } catch (error) { - console.error('Erro ao calcular fator de correção:', error); + console.error("Erro ao calcular fator de correção:", error); throw error; } } diff --git a/src/server/services/MetadataCollector.ts b/src/server/services/MetadataCollector.ts index 743487a..24e375d 100644 --- a/src/server/services/MetadataCollector.ts +++ b/src/server/services/MetadataCollector.ts @@ -1,57 +1,75 @@ -import axios from 'axios'; -import { v4 as uuidv4 } from 'uuid'; -import { createHash } from 'crypto'; +import { createHash } from "crypto"; + +import axios from "axios"; +import { v4 as uuidv4 } from "uuid"; // Tentativa de importar o UAParser com fallback para evitar quebra caso não esteja instalado let UAParser; try { - UAParser = require('ua-parser-js'); + UAParser = require("ua-parser-js"); } catch (error) { - console.warn('Aviso: UAParser não está disponível. Usando método alternativo para analisar User-Agent.'); + console.warn( + "Aviso: UAParser não está disponível. Usando método alternativo para analisar User-Agent.", + ); // Implementação simples de fallback para quando a biblioteca não está disponível UAParser = class SimpleBrowserDetect { constructor(userAgent) { this.userAgent = userAgent; } - + getResult() { const isMobile = /mobile|android|iphone|ipod|ipad/i.test(this.userAgent); const isWindows = /windows/i.test(this.userAgent); const isMac = /macintosh|mac os/i.test(this.userAgent); const isLinux = /linux/i.test(this.userAgent); - + const chromeMatch = this.userAgent.match(/chrome\/(\d+)/i); const firefoxMatch = this.userAgent.match(/firefox\/(\d+)/i); const safariMatch = this.userAgent.match(/safari\/(\d+)/i); const edgeMatch = this.userAgent.match(/edge\/(\d+)|edg\/(\d+)/i); - + return { browser: { - name: edgeMatch ? 'Edge' : - chromeMatch ? 'Chrome' : - firefoxMatch ? 'Firefox' : - safariMatch ? 'Safari' : 'Desconhecido', - version: (edgeMatch || chromeMatch || firefoxMatch || safariMatch || ['', '0'])[1], - major: (edgeMatch || chromeMatch || firefoxMatch || safariMatch || ['', '0'])[1], + name: edgeMatch + ? "Edge" + : chromeMatch + ? "Chrome" + : firefoxMatch + ? "Firefox" + : safariMatch + ? "Safari" + : "Desconhecido", + version: (edgeMatch || + chromeMatch || + firefoxMatch || + safariMatch || ["", "0"])[1], + major: (edgeMatch || + chromeMatch || + firefoxMatch || + safariMatch || ["", "0"])[1], }, engine: { - name: 'Desconhecido', - version: '', + name: "Desconhecido", + version: "", }, os: { - name: isWindows ? 'Windows' : - isMac ? 'Mac OS' : - isLinux ? 'Linux' : 'Desconhecido', - version: '', + name: isWindows + ? "Windows" + : isMac + ? "Mac OS" + : isLinux + ? "Linux" + : "Desconhecido", + version: "", }, device: { - vendor: '', - model: '', - type: isMobile ? 'mobile' : 'desktop', + vendor: "", + model: "", + type: isMobile ? "mobile" : "desktop", }, cpu: { - architecture: '', - } + architecture: "", + }, }; } }; @@ -83,92 +101,95 @@ export class MetadataCollector { // Gerar identificador único para a coleta const collectionId = uuidv4(); const collectionTimestamp = new Date(); - + // Parser para informações do navegador const parser = new UAParser(data.userAgent); const browserInfo = parser.getResult(); - + // Obter geolocalização a partir do IP se não fornecida diretamente let geoInfo = null; if (!data.latitude && !data.longitude) { try { geoInfo = await this.getGeolocationFromIP(data.ipAddress); } catch (error) { - console.warn('Falha ao obter geolocalização:', error); + console.warn("Falha ao obter geolocalização:", error); } } - + // Construir o objeto de metadados return { // Identificação da coleta collectionId, collectionTimestamp: collectionTimestamp.toISOString(), - + // Dados do usuário userInfo: { ipAddress: data.ipAddress, userAgent: data.userAgent, - language: data.language || 'não informado', + language: data.language || "não informado", browser: { - name: browserInfo.browser.name || 'desconhecido', - version: browserInfo.browser.version || 'desconhecido', - major: browserInfo.browser.major || 'desconhecido', + name: browserInfo.browser.name || "desconhecido", + version: browserInfo.browser.version || "desconhecido", + major: browserInfo.browser.major || "desconhecido", }, engine: { - name: browserInfo.engine.name || 'desconhecido', - version: browserInfo.engine.version || 'desconhecido', + name: browserInfo.engine.name || "desconhecido", + version: browserInfo.engine.version || "desconhecido", }, os: { - name: browserInfo.os.name || 'desconhecido', - version: browserInfo.os.version || 'desconhecido', + name: browserInfo.os.name || "desconhecido", + version: browserInfo.os.version || "desconhecido", }, device: { - vendor: browserInfo.device.vendor || 'desconhecido', - model: browserInfo.device.model || 'desconhecido', - type: browserInfo.device.type || 'desconhecido', + vendor: browserInfo.device.vendor || "desconhecido", + model: browserInfo.device.model || "desconhecido", + type: browserInfo.device.type || "desconhecido", }, cpu: { - architecture: browserInfo.cpu.architecture || 'desconhecido', + architecture: browserInfo.cpu.architecture || "desconhecido", }, - viewportSize: data.viewportWidth && data.viewportHeight - ? `${data.viewportWidth}x${data.viewportHeight}` - : 'não informado', - referrer: data.referrer || 'não informado', + viewportSize: + data.viewportWidth && data.viewportHeight + ? `${data.viewportWidth}x${data.viewportHeight}` + : "não informado", + referrer: data.referrer || "não informado", }, - + // Dados do arquivo fileInfo: { name: data.fileName, size: data.fileSize, sizeFormatted: this.formatFileSize(data.fileSize), - modifiedDate: data.fileModified ? data.fileModified.toISOString() : 'não informado', + modifiedDate: data.fileModified + ? data.fileModified.toISOString() + : "não informado", }, - + // Dados de localização locationInfo: geoInfo || { latitude: data.latitude || null, longitude: data.longitude || null, - city: 'não disponível', - region: 'não disponível', - country: 'não disponível', - timezone: 'não disponível' + city: "não disponível", + region: "não disponível", + country: "não disponível", + timezone: "não disponível", }, - + // Timestamp oficial do sistema timestamp: data.timestamp.toISOString(), - + // Hash da coleta para garantir integridade integrityHash: this.generateIntegrityHash( - data.ipAddress, + data.ipAddress, data.userAgent, data.fileName, data.fileSize.toString(), - collectionTimestamp.toISOString() - ) + collectionTimestamp.toISOString(), + ), }; } catch (error) { - console.error('Erro ao coletar metadados:', error); - + console.error("Erro ao coletar metadados:", error); + // Retornar metadados simplificados se algo der errado return { timestamp: new Date().toISOString(), @@ -176,70 +197,74 @@ export class MetadataCollector { ipAddress: data.ipAddress, fileName: data.fileName, fileSize: data.fileSize, - error: 'Falha na coleta completa de metadados' + error: "Falha na coleta completa de metadados", }; } } - + /** * Formata o tamanho do arquivo para exibição */ private formatFileSize(bytes: number): string { - if (bytes < 1024) return bytes + ' bytes'; - else if (bytes < 1024 * 1024) return (bytes / 1024).toFixed(2) + ' KB'; - else if (bytes < 1024 * 1024 * 1024) return (bytes / (1024 * 1024)).toFixed(2) + ' MB'; - else return (bytes / (1024 * 1024 * 1024)).toFixed(2) + ' GB'; + if (bytes < 1024) return bytes + " bytes"; + else if (bytes < 1024 * 1024) return (bytes / 1024).toFixed(2) + " KB"; + else if (bytes < 1024 * 1024 * 1024) + return (bytes / (1024 * 1024)).toFixed(2) + " MB"; + else return (bytes / (1024 * 1024 * 1024)).toFixed(2) + " GB"; } - + /** * Gera um hash de integridade para os metadados coletados */ private generateIntegrityHash(...inputs: string[]): string { try { - return createHash('sha256') - .update(inputs.join('|')) - .digest('hex'); + return createHash("sha256").update(inputs.join("|")).digest("hex"); } catch (error) { - console.error('Erro ao gerar hash de integridade:', error); - return 'hash-error-' + Date.now(); + console.error("Erro ao gerar hash de integridade:", error); + return "hash-error-" + Date.now(); } } - + /** * Obtém informações de geolocalização a partir do endereço IP */ private async getGeolocationFromIP(ipAddress: string) { try { // Apenas para endereços IP públicos, ignorar IPs locais - if (ipAddress === '127.0.0.1' || ipAddress === '::1' || ipAddress.startsWith('192.168.') || ipAddress.startsWith('10.')) { + if ( + ipAddress === "127.0.0.1" || + ipAddress === "::1" || + ipAddress.startsWith("192.168.") || + ipAddress.startsWith("10.") + ) { return null; } - + // Usar API pública de geolocalização const response = await axios.get(`https://ipinfo.io/${ipAddress}/json`); const data = response.data; - + // Extrair coordenadas (formato: "lat,long") let latitude = null; let longitude = null; - + if (data.loc) { - const [lat, lng] = data.loc.split(','); + const [lat, lng] = data.loc.split(","); latitude = parseFloat(lat); longitude = parseFloat(lng); } - + return { latitude, longitude, - city: data.city || 'não disponível', - region: data.region || 'não disponível', - country: data.country || 'não disponível', - timezone: data.timezone || 'não disponível', - provider: 'ipinfo.io' + city: data.city || "não disponível", + region: data.region || "não disponível", + country: data.country || "não disponível", + timezone: data.timezone || "não disponível", + provider: "ipinfo.io", }; } catch (error) { - console.error('Erro ao obter geolocalização:', error); + console.error("Erro ao obter geolocalização:", error); return null; } } diff --git a/src/server/services/PdfService copy.ts b/src/server/services/PdfService copy.ts index 7e21f14..52049e5 100644 --- a/src/server/services/PdfService copy.ts +++ b/src/server/services/PdfService copy.ts @@ -1,12 +1,13 @@ -import puppeteer from 'puppeteer'; -import { prisma } from '../prismaClient'; +import puppeteer from "puppeteer"; + +import { prisma } from "../prismaClient"; export class PdfService { private async getConfiguracao() { try { // Buscar configuração ou usar valores padrão const config = await prisma.configuracaoDocumento.findFirst({ - orderBy: { criadoEm: 'desc' }, + orderBy: { criadoEm: "desc" }, select: { id: true, headerImageUrl: true, @@ -17,44 +18,48 @@ export class PdfService { timbradoMarginBottom: true, timbradoMarginLeft: true, timbradoMarginRight: true, - criadoEm: true - } + criadoEm: true, + }, }); - console.log('Configuração encontrada:', config); // Debug + console.log("Configuração encontrada:", config); // Debug // Retornar configuração padrão se não existir return { - cabecalhoHtml: config?.cabecalhoHtml || ` + cabecalhoHtml: + config?.cabecalhoHtml || + ` <div style="text-align: center; padding: 20px;"> <h2 style="margin:0;font-size:14pt">{{escritorio.nome}}</h2> </div> `, - rodapeHtml: config?.rodapeHtml || ` + rodapeHtml: + config?.rodapeHtml || + ` <div style="text-align: center; font-size: 10pt;"> {{escritorio.endereco}}<br> Tel: {{escritorio.telefone}} | Email: {{escritorio.email}} </div> `, - logoUrl: config?.logoUrl || '', - timbradoUrl: config?.timbradoUrl || '', + logoUrl: config?.logoUrl || "", + timbradoUrl: config?.timbradoUrl || "", timbradoMarginTop: config?.timbradoMarginTop || 100, timbradoMarginBottom: config?.timbradoMarginBottom || 50, timbradoMarginLeft: config?.timbradoMarginLeft || 50, - timbradoMarginRight: config?.timbradoMarginRight || 50 + timbradoMarginRight: config?.timbradoMarginRight || 50, }; } catch (error) { - console.error('Erro ao buscar configuração:', error); - throw new Error('Falha ao buscar configuração'); + console.error("Erro ao buscar configuração:", error); + throw new Error("Falha ao buscar configuração"); } } private gerarHTML(content: string, config: any) { - const timbradoUrl = config.timbradoUrl - ? `${process.env.BACKEND_URL || 'http://localhost:5000'}${config.timbradoUrl}` - : ''; + const timbradoUrl = config.timbradoUrl + ? `${process.env.BACKEND_URL || "http://localhost:5000"}${config.timbradoUrl}` + : ""; - console.log('Gerando PDF com timbrado:', timbradoUrl); + console.log("Gerando PDF com timbrado:", timbradoUrl); return ` <!DOCTYPE html> @@ -83,7 +88,7 @@ export class PdfService { width: 21cm; min-height: 29.7cm; padding: ${config.timbradoMarginTop || 100}px ${config.timbradoMarginRight || 50}px ${config.timbradoMarginBottom || 50}px ${config.timbradoMarginLeft || 50}px; - background: ${timbradoUrl ? `url('${timbradoUrl}')` : 'none'}; + background: ${timbradoUrl ? `url('${timbradoUrl}')` : "none"}; background-size: cover; background-position: center; background-repeat: no-repeat; @@ -110,44 +115,43 @@ export class PdfService { async gerarPDF(conteudo: string, escritorio: any) { try { const config = await prisma.configuracaoDocumento.findFirst({ - orderBy: { criadoEm: 'desc' } + orderBy: { criadoEm: "desc" }, }); - console.log('Configuração do PDF:', config); - + console.log("Configuração do PDF:", config); + const html = this.gerarHTML(conteudo, config); - + const browser = await puppeteer.launch({ - headless: 'new', - args: ['--no-sandbox'] + headless: "new", + args: ["--no-sandbox"], }); const page = await browser.newPage(); - + await page.setViewport({ width: 794, // A4 width in pixels (72 dpi) height: 1123, - deviceScaleFactor: 2 + deviceScaleFactor: 2, }); - await page.setContent(html, { - waitUntil: ['networkidle0', 'load'], - timeout: 30000 + await page.setContent(html, { + waitUntil: ["networkidle0", "load"], + timeout: 30000, }); const pdfBuffer = await page.pdf({ - format: 'A4', + format: "A4", printBackground: true, - margin: { top: '0', right: '0', bottom: '0', left: '0' }, - preferCSSPageSize: true + margin: { top: "0", right: "0", bottom: "0", left: "0" }, + preferCSSPageSize: true, }); await browser.close(); return Buffer.from(pdfBuffer); - } catch (error) { - console.error('Erro ao gerar PDF:', error); - throw new Error('Falha ao gerar PDF'); + console.error("Erro ao gerar PDF:", error); + throw new Error("Falha ao gerar PDF"); } } } diff --git a/src/server/services/PdfService.ts b/src/server/services/PdfService.ts index c5342cb..0542fb0 100644 --- a/src/server/services/PdfService.ts +++ b/src/server/services/PdfService.ts @@ -1,8 +1,10 @@ -import puppeteer from 'puppeteer'; -import { prisma } from '../prismaClient'; -import { PDFDocument, rgb, StandardFonts } from 'pdf-lib'; -import fs from 'fs/promises'; -import path from 'path'; +import fs from "fs/promises"; +import path from "path"; + +import { PDFDocument, rgb, StandardFonts } from "pdf-lib"; +import puppeteer from "puppeteer"; + +import { prisma } from "../prismaClient"; /** * Serviço para geração e manipulação de arquivos PDF @@ -15,7 +17,7 @@ export class PdfService { async criarDocumento() { return await PDFDocument.create(); } - + /** * Carrega um documento PDF existente * @param pdfBytes - Bytes do PDF @@ -24,7 +26,7 @@ export class PdfService { async carregarDocumento(pdfBytes: Uint8Array) { return await PDFDocument.load(pdfBytes); } - + /** * Adiciona uma página ao documento * @param doc - Documento PDF @@ -34,7 +36,7 @@ export class PdfService { adicionarPagina(doc: any, tamanho = [595.28, 841.89]) { return doc.addPage(tamanho); } - + /** * Salva o documento como buffer * @param doc - Documento PDF @@ -44,7 +46,7 @@ export class PdfService { const pdfBytes = await doc.save(); return Buffer.from(pdfBytes); } - + /** * Carrega uma fonte padrão * @param doc - Documento PDF @@ -54,7 +56,7 @@ export class PdfService { async carregarFonte(doc: any, fonte: StandardFonts) { return await doc.embedFont(fonte); } - + /** * Desenha texto em uma página * @param pagina - Página do PDF @@ -72,7 +74,7 @@ export class PdfService { y: number, fonte: any, tamanho: number, - cor = rgb(0, 0, 0) + cor = rgb(0, 0, 0), ) { pagina.drawText(texto, { x, @@ -82,7 +84,7 @@ export class PdfService { color: cor, }); } - + /** * Cria um cabeçalho para o documento * @param pagina - Página do PDF @@ -97,20 +99,12 @@ export class PdfService { titulo: string, fonte: any, margemSuperior: number, - margem: number + margem: number, ): number { const yPos = pagina.getHeight() - margemSuperior; - - this.desenharTexto( - pagina, - titulo, - margem, - yPos, - fonte, - 18, - rgb(0, 0, 0.7) - ); - + + this.desenharTexto(pagina, titulo, margem, yPos, fonte, 18, rgb(0, 0, 0.7)); + // Linha separadora pagina.drawLine({ start: { x: margem, y: yPos - 10 }, @@ -118,10 +112,10 @@ export class PdfService { thickness: 1, color: rgb(0, 0, 0.5), }); - + return yPos - 30; // Retorna a posição Y após o cabeçalho } - + /** * Cria um rodapé para o documento * @param pagina - Página do PDF @@ -131,7 +125,7 @@ export class PdfService { */ criarRodape(pagina: any, texto: string, fonte: any, margem: number) { const yPos = margem / 2; - + this.desenharTexto( pagina, texto, @@ -139,7 +133,7 @@ export class PdfService { yPos, fonte, 8, - rgb(0.5, 0.5, 0.5) + rgb(0.5, 0.5, 0.5), ); } @@ -147,7 +141,7 @@ export class PdfService { try { // Buscar configuração ou usar valores padrão const config = await prisma.configuracaoDocumento.findFirst({ - orderBy: { criadoEm: 'desc' }, + orderBy: { criadoEm: "desc" }, select: { id: true, headerImageUrl: true, @@ -158,44 +152,48 @@ export class PdfService { timbradoMarginBottom: true, timbradoMarginLeft: true, timbradoMarginRight: true, - criadoEm: true - } + criadoEm: true, + }, }); - console.log('Configuração encontrada:', config); // Debug + console.log("Configuração encontrada:", config); // Debug // Retornar configuração padrão se não existir return { - cabecalhoHtml: config?.cabecalhoHtml || ` + cabecalhoHtml: + config?.cabecalhoHtml || + ` <div style="text-align: center; padding: 20px;"> <h2 style="margin:0;font-size:14pt">{{escritorio.nome}}</h2> </div> `, - rodapeHtml: config?.rodapeHtml || ` + rodapeHtml: + config?.rodapeHtml || + ` <div style="text-align: center; font-size: 10pt;"> {{escritorio.endereco}}<br> Tel: {{escritorio.telefone}} | Email: {{escritorio.email}} </div> `, - logoUrl: config?.logoUrl || '', - timbradoUrl: config?.timbradoUrl || '', + logoUrl: config?.logoUrl || "", + timbradoUrl: config?.timbradoUrl || "", timbradoMarginTop: config?.timbradoMarginTop || 100, timbradoMarginBottom: config?.timbradoMarginBottom || 50, timbradoMarginLeft: config?.timbradoMarginLeft || 50, - timbradoMarginRight: config?.timbradoMarginRight || 50 + timbradoMarginRight: config?.timbradoMarginRight || 50, }; } catch (error) { - console.error('Erro ao buscar configuração:', error); - throw new Error('Falha ao buscar configuração'); + console.error("Erro ao buscar configuração:", error); + throw new Error("Falha ao buscar configuração"); } } private gerarHTML(content: string, config: any) { - const timbradoUrl = config.timbradoUrl - ? `${process.env.BACKEND_URL || 'http://localhost:5000'}${config.timbradoUrl}` - : ''; + const timbradoUrl = config.timbradoUrl + ? `${process.env.BACKEND_URL || "http://localhost:5000"}${config.timbradoUrl}` + : ""; - console.log('Gerando PDF com timbrado:', timbradoUrl); + console.log("Gerando PDF com timbrado:", timbradoUrl); return ` <!DOCTYPE html> @@ -224,7 +222,7 @@ export class PdfService { width: 21cm; min-height: 29.7cm; padding: ${config.timbradoMarginTop || 100}px ${config.timbradoMarginRight || 50}px ${config.timbradoMarginBottom || 50}px ${config.timbradoMarginLeft || 50}px; - background: ${timbradoUrl ? `url('${timbradoUrl}')` : 'none'}; + background: ${timbradoUrl ? `url('${timbradoUrl}')` : "none"}; background-size: cover; background-position: center; background-repeat: no-repeat; @@ -252,19 +250,21 @@ export class PdfService { try { // 1. Buscar configuração do template const config = await prisma.configuracaoDocumento.findFirst({ - orderBy: { criadoEm: 'desc' } + orderBy: { criadoEm: "desc" }, }); // 2. Gerar PDF do conteúdo const browser = await puppeteer.launch({ - headless: 'new', - args: ['--no-sandbox'] + headless: "new", + args: ["--no-sandbox"], }); const page = await browser.newPage(); - + // Usar template padrão ou fallback para o template básico - const template = config?.templatePadrao || ` + const template = + config?.templatePadrao || + ` <!DOCTYPE html> <html> <head> @@ -298,32 +298,40 @@ export class PdfService { `; // Processar o template substituindo variáveis - const templateProcessado = template.replace(/\{\{(.+?)\}\}/g, (match, key) => { - return escritorio[key.trim()] || match; - }); + const templateProcessado = template.replace( + /\{\{(.+?)\}\}/g, + (match, key) => { + return escritorio[key.trim()] || match; + }, + ); await page.setContent(templateProcessado); const margens = config?.margensTemplate || { - top: '35mm', - bottom: '29mm', - left: '25mm', - right: '25mm' + top: "35mm", + bottom: "29mm", + left: "25mm", + right: "25mm", }; const contentPdfBuffer = await page.pdf({ - format: 'A4', + format: "A4", margin: margens, displayHeaderFooter: false, - printBackground: true + printBackground: true, }); await browser.close(); // 2. Carregar os PDFs - const templatePath = path.join(process.cwd(), 'public', 'uploads', 'Timbrado_2025.pdf'); + const templatePath = path.join( + process.cwd(), + "public", + "uploads", + "Timbrado_2025.pdf", + ); const templateBytes = await fs.readFile(templatePath); - + const templateDoc = await PDFDocument.load(templateBytes); const contentDoc = await PDFDocument.load(contentPdfBuffer); @@ -339,10 +347,10 @@ export class PdfService { // Primeiro: adicionar template const page = await pdfDoc.embedPage(templatePage); const contentPage = await pdfDoc.embedPage(contentPages[i]); - + // Segundo: criar nova página const newPage = pdfDoc.addPage([page.width, page.height]); - + // Terceiro: desenhar template e conteúdo newPage.drawPage(page); newPage.drawPage(contentPage); @@ -351,10 +359,9 @@ export class PdfService { // 6. Gerar PDF final const pdfBytes = await pdfDoc.save(); return Buffer.from(pdfBytes); - } catch (error) { - console.error('Erro ao gerar PDF:', error); - throw new Error('Falha ao gerar PDF'); + console.error("Erro ao gerar PDF:", error); + throw new Error("Falha ao gerar PDF"); } } } diff --git a/src/server/services/PensaoAlimenticiaService.ts b/src/server/services/PensaoAlimenticiaService.ts index 4fc2a00..27bbcf5 100644 --- a/src/server/services/PensaoAlimenticiaService.ts +++ b/src/server/services/PensaoAlimenticiaService.ts @@ -1,6 +1,7 @@ -import { PrismaClient, Decimal } from '@prisma/client'; -import { ApiError } from '../utils/ApiError'; -import { v4 as uuidv4 } from 'uuid'; +import { PrismaClient, Decimal } from "@prisma/client"; +import { v4 as uuidv4 } from "uuid"; + +import { ApiError } from "../utils/ApiError"; const prisma = new PrismaClient(); @@ -23,17 +24,17 @@ export class PensaoAlimenticiaService { data: { id: uuidv4(), ...dados, - status: 'ATIVO', + status: "ATIVO", valorCalculado: new Decimal(0), // Será atualizado após o cálculo valorMulta: new Decimal(0), - valorTotal: new Decimal(0) - } + valorTotal: new Decimal(0), + }, }); return calculo; } catch (error) { - console.error('Erro ao criar cálculo de pensão:', error); - throw new ApiError('Falha ao criar cálculo de pensão alimentícia', 500); + console.error("Erro ao criar cálculo de pensão:", error); + throw new ApiError("Falha ao criar cálculo de pensão alimentícia", 500); } } @@ -47,14 +48,14 @@ export class PensaoAlimenticiaService { select: { id: true, nome: true, - email: true - } - } - } + email: true, + }, + }, + }, }); if (!calculo) { - throw new Error('Cálculo não encontrado'); + throw new Error("Cálculo não encontrado"); } return calculo; @@ -76,19 +77,19 @@ export class PensaoAlimenticiaService { select: { id: true, nome: true, - email: true - } - } + email: true, + }, + }, }, orderBy: { - criadoEm: 'desc' - } + criadoEm: "desc", + }, }); return calculos; } catch (error) { - console.error('Erro ao listar cálculos:', error); - throw new ApiError('Falha ao listar cálculos de pensão alimentícia', 500); + console.error("Erro ao listar cálculos:", error); + throw new ApiError("Falha ao listar cálculos de pensão alimentícia", 500); } } } diff --git a/src/server/services/ProvaService.ts b/src/server/services/ProvaService.ts index dee8eda..2e9dd74 100644 --- a/src/server/services/ProvaService.ts +++ b/src/server/services/ProvaService.ts @@ -1,23 +1,29 @@ -import { prisma } from '../prismaClient'; -import { createHash } from 'crypto'; -import { PDFDocument, StandardFonts } from 'pdf-lib'; -import sharp from 'sharp'; -import * as fs from 'fs/promises'; -import * as path from 'path'; -import { execSync } from 'child_process'; -import { BlockchainService } from './BlockchainService'; -import { ipDetectionMiddleware } from '../middleware/ipDetection'; -import { FileValidator } from './FileValidator'; -import { ReportGenerator } from './ReportGenerator'; // Adicionar import -import { Request, Response } from 'express'; // Importar Request e Response +import { execSync } from "child_process"; +import { createHash } from "crypto"; +import * as fs from "fs/promises"; +import * as path from "path"; + +import { Request, Response } from "express"; // Importar Request e Response +import { PDFDocument, StandardFonts } from "pdf-lib"; +import sharp from "sharp"; + +import { ipDetectionMiddleware } from "../middleware/ipDetection"; +import { prisma } from "../prismaClient"; + +import { BlockchainService } from "./BlockchainService"; +import { FileValidator } from "./FileValidator"; +import { ReportGenerator } from "./ReportGenerator"; // Adicionar import // Tentativa de importar o MetadataCollector com fallback let MetadataCollectorClass; try { - MetadataCollectorClass = require('./MetadataCollector').MetadataCollector; + MetadataCollectorClass = require("./MetadataCollector").MetadataCollector; } catch (error) { - console.warn('Aviso: MetadataCollector não está disponível, usando versão simplificada'); - MetadataCollectorClass = require('./FallbackMetadataCollector').FallbackMetadataCollector; + console.warn( + "Aviso: MetadataCollector não está disponível, usando versão simplificada", + ); + MetadataCollectorClass = + require("./FallbackMetadataCollector").FallbackMetadataCollector; } export class ProvaService { @@ -29,18 +35,24 @@ export class ProvaService { constructor() { this.fileValidator = new FileValidator(); this.reportGenerator = new ReportGenerator(); - this.storageDir = path.join(process.cwd(), 'storage', 'provas'); - + this.storageDir = path.join(process.cwd(), "storage", "provas"); + // Inicializar o coletor de metadados com tratamento de erro try { this.metadataCollector = new MetadataCollectorClass(); } catch (error) { - console.error('Erro ao inicializar MetadataCollector, usando objeto vazio:', error); + console.error( + "Erro ao inicializar MetadataCollector, usando objeto vazio:", + error, + ); this.metadataCollector = { - collectMetadata: async (data: any) => ({ ...data, error: 'Falha na coleta de metadados' }) + collectMetadata: async (data: any) => ({ + ...data, + error: "Falha na coleta de metadados", + }), }; } - + this.ensureStorageDir(); } @@ -48,19 +60,23 @@ export class ProvaService { try { await fs.mkdir(this.storageDir, { recursive: true }); } catch (error) { - console.error('Erro ao criar diretório de armazenamento:', error); + console.error("Erro ao criar diretório de armazenamento:", error); } } async processFile(file: Express.Multer.File, metadata: any) { try { // 1. Validar arquivo e metadados - const validationResult = await this.fileValidator.validateFile(file.buffer, file.mimetype); + const validationResult = await this.fileValidator.validateFile( + file.buffer, + file.mimetype, + ); if (!validationResult.valid) { throw new Error(validationResult.error); } - const metadataValidation = await this.fileValidator.validateMetadata(metadata); + const metadataValidation = + await this.fileValidator.validateMetadata(metadata); if (!metadataValidation.valid) { throw new Error(metadataValidation.error); } @@ -70,27 +86,33 @@ export class ProvaService { try { // Garantir que estamos usando o IP real do cliente const clientIP = this.extractRealClientIP(metadata.ipAddress, metadata); - + enhancedMetadata = await this.metadataCollector.collectMetadata({ userAgent: metadata.userAgent, ipAddress: clientIP, timestamp: new Date(metadata.timestamp), fileName: file.originalname, - fileModified: metadata.modification_times ? new Date(parseInt(metadata.modification_times)) : undefined, + fileModified: metadata.modification_times + ? new Date(parseInt(metadata.modification_times)) + : undefined, fileSize: file.size, viewportWidth: metadata.viewportWidth, viewportHeight: metadata.viewportHeight, language: metadata.language, referrer: metadata.referrer, - latitude: metadata.latitude ? parseFloat(metadata.latitude) : undefined, - longitude: metadata.longitude ? parseFloat(metadata.longitude) : undefined + latitude: metadata.latitude + ? parseFloat(metadata.latitude) + : undefined, + longitude: metadata.longitude + ? parseFloat(metadata.longitude) + : undefined, }); } catch (error) { - console.error('Erro ao coletar metadados avançados:', error); - enhancedMetadata = { - ...metadata, - error: 'Falha na coleta de metadados avançados', - fallback: true + console.error("Erro ao coletar metadados avançados:", error); + enhancedMetadata = { + ...metadata, + error: "Falha na coleta de metadados avançados", + fallback: true, }; } @@ -98,13 +120,16 @@ export class ProvaService { const checksums = this.generateChecksums(file.buffer); // 4. Registrar timestamp - const timestamp = await this.createLocalTimestamp(file.buffer, checksums.sha256); + const timestamp = await this.createLocalTimestamp( + file.buffer, + checksums.sha256, + ); // 5. Processar arquivo const processedFile = await this.processFileByType(file); // 6. Gerar URL de verificação - const verificationUrl = `${process.env.PUBLIC_URL || 'http://localhost:5000'}/verificar/${checksums.sha256}`; + const verificationUrl = `${process.env.PUBLIC_URL || "http://localhost:5000"}/verificar/${checksums.sha256}`; // 7. Gerar relatório const reportResult = await this.reportGenerator.generateReport({ @@ -117,14 +142,17 @@ export class ProvaService { ipAddress: enhancedMetadata.ipAddress, headers: metadata.headers, connectionInfo: metadata.connectionInfo, - clientPort: metadata.clientPort + clientPort: metadata.clientPort, }, processedFile, - verificationUrl + verificationUrl, }); // 8. Salvar relatório - const reportPath = path.join(this.storageDir, `${checksums.sha256}_report.pdf`); + const reportPath = path.join( + this.storageDir, + `${checksums.sha256}_report.pdf`, + ); await fs.writeFile(reportPath, reportResult.buffer); // 9. Salvar no banco de dados @@ -137,13 +165,16 @@ export class ProvaService { checksumMd5: checksums.md5, metadata: enhancedMetadata, reportPath: reportPath, - status: 'CONCLUIDO', - timestamp: JSON.stringify(timestamp) - } + status: "CONCLUIDO", + timestamp: JSON.stringify(timestamp), + }, }); // 10. Salvar o arquivo original - const originalFilePath = path.join(this.storageDir, `${checksums.sha256}_original`); + const originalFilePath = path.join( + this.storageDir, + `${checksums.sha256}_original`, + ); await fs.writeFile(originalFilePath, file.buffer); // 11. Registrar log forense @@ -151,7 +182,7 @@ export class ProvaService { return prova; } catch (error) { - console.error('Erro ao processar arquivo:', error); + console.error("Erro ao processar arquivo:", error); throw error; } finally { // Limpar recursos @@ -168,162 +199,193 @@ export class ProvaService { private extractRealClientIP(ipAddress: string, metadata?: any): string { // Verificar se temos dados válidos para trabalhar if (!metadata) { - return ipAddress || '0.0.0.0'; + return ipAddress || "0.0.0.0"; } - console.log('Tentando extrair IP real. IP original:', ipAddress); - + console.log("Tentando extrair IP real. IP original:", ipAddress); + // Lista de IPs locais/internos que devem ser evitados - const localIPs = ['::1', '127.0.0.1', 'localhost', '::ffff:127.0.0.1', '::ffff:10.15.0.1']; - + const localIPs = [ + "::1", + "127.0.0.1", + "localhost", + "::ffff:127.0.0.1", + "::ffff:10.15.0.1", + ]; + // Verificar PRIMEIRO os headers HTTP que são a fonte mais confiável em produção if (metadata.headers) { // Headers comuns que podem conter o IP real - if (metadata.headers['x-forwarded-for']) { - const forwardedIps = metadata.headers['x-forwarded-for'].split(',').map(ip => ip.trim()); + if (metadata.headers["x-forwarded-for"]) { + const forwardedIps = metadata.headers["x-forwarded-for"] + .split(",") + .map((ip) => ip.trim()); if (forwardedIps.length > 0 && !localIPs.includes(forwardedIps[0])) { - console.log('Usando IP do x-forwarded-for:', forwardedIps[0]); + console.log("Usando IP do x-forwarded-for:", forwardedIps[0]); return forwardedIps[0]; } } - + // Outros headers comuns - const otherHeaders = ['x-real-ip', 'cf-connecting-ip', 'true-client-ip']; + const otherHeaders = ["x-real-ip", "cf-connecting-ip", "true-client-ip"]; for (const header of otherHeaders) { - if (metadata.headers[header] && !localIPs.includes(metadata.headers[header])) { - console.log(`Usando IP do header ${header}:`, metadata.headers[header]); + if ( + metadata.headers[header] && + !localIPs.includes(metadata.headers[header]) + ) { + console.log( + `Usando IP do header ${header}:`, + metadata.headers[header], + ); return metadata.headers[header]; } } } - + // Verificar nas informações de conexão if (metadata.connectionInfo && metadata.connectionInfo.forwardedIp) { if (!localIPs.includes(metadata.connectionInfo.forwardedIp)) { - console.log('Usando IP encaminhado da conexão:', metadata.connectionInfo.forwardedIp); + console.log( + "Usando IP encaminhado da conexão:", + metadata.connectionInfo.forwardedIp, + ); return metadata.connectionInfo.forwardedIp; } } - + // Se o IP não é local, usá-lo if (ipAddress && !localIPs.includes(ipAddress)) { - console.log('Usando IP original:', ipAddress); + console.log("Usando IP original:", ipAddress); return ipAddress; } - + // Se chegamos aqui, temos apenas IPs locais. Usar o IP com a porta como identificador - const port = metadata.clientPort || - metadata.connectionInfo?.socketPort || - metadata.porta; - + const port = + metadata.clientPort || + metadata.connectionInfo?.socketPort || + metadata.porta; + if (port) { - const ipWithPort = `${ipAddress || '127.0.0.1'}:${port}`; - console.log('Usando identificador IP:porta:', ipWithPort); + const ipWithPort = `${ipAddress || "127.0.0.1"}:${port}`; + console.log("Usando identificador IP:porta:", ipWithPort); return ipWithPort; } - + // NUNCA retornar 0.0.0.0 - se nada funcionar, usar 127.0.0.1 com timestamp const fallbackIp = `127.0.0.1:${Date.now() % 10000}`; - console.log('Usando fallback:', fallbackIp); + console.log("Usando fallback:", fallbackIp); return fallbackIp; } private generateChecksums(buffer: Buffer) { return { - sha256: createHash('sha256').update(buffer).digest('hex'), - sha512: createHash('sha512').update(buffer).digest('hex'), - md5: createHash('md5').update(buffer).digest('hex') + sha256: createHash("sha256").update(buffer).digest("hex"), + sha512: createHash("sha512").update(buffer).digest("hex"), + md5: createHash("md5").update(buffer).digest("hex"), }; } private async createLocalTimestamp(buffer: Buffer, hash: string) { try { - console.log('Criando timestamp local...'); + console.log("Criando timestamp local..."); // 1. Tempo atual em formato RFC3339 const now = new Date(); const isoString = now.toISOString(); - + // 2. Obter tempo NTP do servidor oficial para maior confiabilidade - let ntpTime = ''; + let ntpTime = ""; try { // Detectar plataforma e usar o comando apropriado - if (process.platform === 'win32') { + if (process.platform === "win32") { // Windows - ntpTime = execSync('w32tm /stripchart /computer:time.nist.gov /samples:1 /dataonly').toString(); + ntpTime = execSync( + "w32tm /stripchart /computer:time.nist.gov /samples:1 /dataonly", + ).toString(); } else { // Linux/Unix/MacOS - usar implementação alternativa // Tentar usar o comando 'date' para obter a hora do sistema - ntpTime = execSync('date -u +"%Y-%m-%dT%H:%M:%S.%3NZ"').toString().trim(); + ntpTime = execSync('date -u +"%Y-%m-%dT%H:%M:%S.%3NZ"') + .toString() + .trim(); } } catch (e) { - console.warn('Não foi possível obter tempo NTP, usando tempo local:', e); + console.warn( + "Não foi possível obter tempo NTP, usando tempo local:", + e, + ); } // 3. Criar arquivo de timestamp com metadados e assinatura const timestampData = { hash, timestamp: isoString, - ntpReference: ntpTime || 'Indisponível', - unixTimestamp: Math.floor(now.getTime() / 1000) + ntpReference: ntpTime || "Indisponível", + unixTimestamp: Math.floor(now.getTime() / 1000), }; // 4. Salvar o arquivo de timestamp - const timestampPath = path.join(this.storageDir, `${hash}.timestamp.json`); + const timestampPath = path.join( + this.storageDir, + `${hash}.timestamp.json`, + ); await fs.writeFile(timestampPath, JSON.stringify(timestampData, null, 2)); return { ...timestampData, - path: timestampPath + path: timestampPath, }; } catch (error) { - console.error('Erro ao criar timestamp local:', error); + console.error("Erro ao criar timestamp local:", error); // Em caso de erro, retornar um timestamp básico sem interromper o processo const basicTimestamp = { hash, timestamp: new Date().toISOString(), - ntpReference: 'Indisponível (erro)', + ntpReference: "Indisponível (erro)", unixTimestamp: Math.floor(Date.now() / 1000), - error: error.message + error: error.message, }; - + return basicTimestamp; } } private async processFileByType(file: Express.Multer.File) { - if (file.mimetype.startsWith('image/')) { + if (file.mimetype.startsWith("image/")) { try { // Para JPEGs, converter sempre para PNG para evitar problemas - if (file.mimetype === 'image/jpeg') { + if (file.mimetype === "image/jpeg") { return await sharp(file.buffer) .png() // Converter para PNG é mais seguro .resize(1200, 900, { - fit: 'inside', - withoutEnlargement: true + fit: "inside", + withoutEnlargement: true, }) .toBuffer(); } - + // Para outras imagens, manter o formato original return await sharp(file.buffer) .resize(1200, 900, { - fit: 'inside', - withoutEnlargement: true + fit: "inside", + withoutEnlargement: true, }) .toBuffer(); } catch (error) { - console.error('Erro ao processar imagem com sharp:', error); - + console.error("Erro ao processar imagem com sharp:", error); + // Se sharp falhar, tentar abordagem mais simples try { - console.log('Tentando método alternativo de processamento de imagem...'); + console.log( + "Tentando método alternativo de processamento de imagem...", + ); // Converter diretamente para PNG sem redimensionamento - return await sharp(file.buffer) - .png() - .toBuffer(); + return await sharp(file.buffer).png().toBuffer(); } catch (fallbackError) { - console.error('Falha total no processamento da imagem:', fallbackError); + console.error( + "Falha total no processamento da imagem:", + fallbackError, + ); // Em último caso, retornar o buffer original return file.buffer; } @@ -336,11 +398,14 @@ export class ProvaService { try { // 1. Buscar prova no banco de dados const prova = await prisma.prova.findFirst({ - where: { checksumSha256: hash } + where: { checksumSha256: hash }, }); if (!prova) { - return { verified: false, message: 'Arquivo não encontrado na base de dados' }; + return { + verified: false, + message: "Arquivo não encontrado na base de dados", + }; } // 2. Verificar se o arquivo original existe @@ -348,27 +413,32 @@ export class ProvaService { try { await fs.access(originalFilePath); } catch (error) { - return { - verified: false, - message: 'Arquivo original não encontrado no servidor', - prova + return { + verified: false, + message: "Arquivo original não encontrado no servidor", + prova, }; } // 3. Verificar se o timestamp existe - const timestampPath = path.join(this.storageDir, `${hash}.timestamp.json`); + const timestampPath = path.join( + this.storageDir, + `${hash}.timestamp.json`, + ); try { await fs.access(timestampPath); } catch (error) { - return { - verified: false, - message: 'Timestamp não encontrado', - prova + return { + verified: false, + message: "Timestamp não encontrado", + prova, }; } // 4. Ler o timestamp - const timestampData = JSON.parse(await fs.readFile(timestampPath, 'utf-8')); + const timestampData = JSON.parse( + await fs.readFile(timestampPath, "utf-8"), + ); // 5. Se fornecido, incluir informações de IP no registro if (ipInfo) { @@ -376,19 +446,22 @@ export class ProvaService { try { await this.logVerification(hash, ipInfo); } catch (logError) { - console.error('Erro ao registrar verificação:', logError); + console.error("Erro ao registrar verificação:", logError); } } return { verified: true, - message: 'Arquivo verificado com sucesso', + message: "Arquivo verificado com sucesso", prova, - timestamp: timestampData + timestamp: timestampData, }; } catch (error) { - console.error('Erro ao verificar arquivo:', error); - return { verified: false, message: `Erro ao verificar: ${error.message}` }; + console.error("Erro ao verificar arquivo:", error); + return { + verified: false, + message: `Erro ao verificar: ${error.message}`, + }; } } @@ -398,17 +471,17 @@ export class ProvaService { const verificationLog = { timestamp: new Date().toISOString(), hash, - ip: ipInfo.ip || '127.0.0.1', - porta: ipInfo.porta || '0', - userAgent: ipInfo.userAgent || 'Desconhecido' + ip: ipInfo.ip || "127.0.0.1", + porta: ipInfo.porta || "0", + userAgent: ipInfo.userAgent || "Desconhecido", }; - + const logPath = path.join(this.storageDir, `${hash}_verifications.json`); - + // Verificar se o arquivo já existe let existingLogs = []; try { - const existingData = await fs.readFile(logPath, 'utf-8'); + const existingData = await fs.readFile(logPath, "utf-8"); existingLogs = JSON.parse(existingData); if (!Array.isArray(existingLogs)) { existingLogs = []; @@ -416,21 +489,25 @@ export class ProvaService { } catch (e) { // Arquivo não existe, criar novo } - + // Adicionar nova verificação existingLogs.push(verificationLog); - + // Salvar arquivo await fs.writeFile(logPath, JSON.stringify(existingLogs, null, 2)); - + console.log(`Verificação registrada para ${hash} de IP ${ipInfo.ip}`); } catch (error) { - console.error('Erro ao registrar verificação:', error); + console.error("Erro ao registrar verificação:", error); } } // Novo método para registrar informações forenses - private async logForensicInfo(file: Express.Multer.File, metadata: any, checksums: any) { + private async logForensicInfo( + file: Express.Multer.File, + metadata: any, + checksums: any, + ) { try { const logEntry = { timestamp: new Date().toISOString(), @@ -440,25 +517,30 @@ export class ProvaService { checksums, metadata, processingInfo: { - processingNode: require('os').hostname(), - processingUser: process.env.USER || process.env.USERNAME || 'unknown', + processingNode: require("os").hostname(), + processingUser: process.env.USER || process.env.USERNAME || "unknown", processingTimestamp: new Date().toISOString(), systemInfo: { platform: process.platform, - release: require('os').release(), - cpus: require('os').cpus().length, - memory: Math.round(require('os').totalmem() / (1024 * 1024 * 1024)) + 'GB', - uptime: Math.round(require('os').uptime() / 3600) + 'h', - } - } + release: require("os").release(), + cpus: require("os").cpus().length, + memory: + Math.round(require("os").totalmem() / (1024 * 1024 * 1024)) + + "GB", + uptime: Math.round(require("os").uptime() / 3600) + "h", + }, + }, }; - const logPath = path.join(this.storageDir, `${checksums.sha256}_forensic.json`); + const logPath = path.join( + this.storageDir, + `${checksums.sha256}_forensic.json`, + ); await fs.writeFile(logPath, JSON.stringify(logEntry, null, 2)); - - console.log('Log forense registrado em:', logPath); + + console.log("Log forense registrado em:", logPath); } catch (error) { - console.error('Erro ao registrar log forense:', error); + console.error("Erro ao registrar log forense:", error); // Não interromper o processamento por falha no log } } @@ -469,7 +551,7 @@ export const uploadProva = async (req: Request, res: Response) => { try { const file = req.file; if (!file) { - return res.status(400).json({ error: 'Nenhum arquivo enviado' }); + return res.status(400).json({ error: "Nenhum arquivo enviado" }); } // Coletar todas as informações possíveis sobre o cliente @@ -477,21 +559,21 @@ export const uploadProva = async (req: Request, res: Response) => { ipAddress: req.ip, // Express geralmente fornece isso remoteAddress: req.socket?.remoteAddress, // Endereço IP direto do socket porta: req.socket?.remotePort?.toString(), // Porta de conexão do cliente - userAgent: req.headers['user-agent'], + userAgent: req.headers["user-agent"], headers: req.headers, // Todos os headers HTTP timestamp: new Date().toISOString(), // Outros metadados do formulário - ...req.body + ...req.body, }; - console.log('Metadados de conexão:', { + console.log("Metadados de conexão:", { ip: req.ip, remoteAddress: req.socket?.remoteAddress, remotePort: req.socket?.remotePort, headers: { - 'x-forwarded-for': req.headers['x-forwarded-for'], - 'x-real-ip': req.headers['x-real-ip'] - } + "x-forwarded-for": req.headers["x-forwarded-for"], + "x-real-ip": req.headers["x-real-ip"], + }, }); const provaService = new ProvaService(); @@ -499,7 +581,7 @@ export const uploadProva = async (req: Request, res: Response) => { return res.status(200).json(result); } catch (error) { - console.error('Erro ao processar upload de prova:', error); + console.error("Erro ao processar upload de prova:", error); return res.status(500).json({ error: error.message }); } }; diff --git a/src/server/services/ReportGenerator.ts b/src/server/services/ReportGenerator.ts index 11833f2..9ea232b 100644 --- a/src/server/services/ReportGenerator.ts +++ b/src/server/services/ReportGenerator.ts @@ -1,11 +1,12 @@ -import { PDFDocument, StandardFonts, rgb, PageSizes } from 'pdf-lib'; -import QRCode from 'qrcode'; -import { format, isValid } from 'date-fns'; -import ptBR from 'date-fns/locale/pt-BR'; -import { prisma } from '../prismaClient'; -import * as fs from 'fs/promises'; -import * as path from 'path'; -import sharp from 'sharp'; +import * as fs from "fs/promises"; +import * as path from "path"; + +import ptBR, { format, isValid } from "date-fns"; +import { PDFDocument, StandardFonts, rgb, PageSizes } from "pdf-lib"; +import QRCode from "qrcode"; +import sharp from "sharp"; + +import { prisma } from "../prismaClient"; export class ReportGenerator { async generateReport(data: { @@ -17,54 +18,59 @@ export class ReportGenerator { verificationUrl: string; }) { try { - console.log('Gerando relatório para:', data.file.originalname); - + console.log("Gerando relatório para:", data.file.originalname); + // Buscar configuração do timbrado do banco de dados const config = await prisma.configuracaoDocumento.findFirst({ - orderBy: { criadoEm: 'desc' } + orderBy: { criadoEm: "desc" }, }); - - console.log('Usando configuração:', config?.timbradoUrl); - + + console.log("Usando configuração:", config?.timbradoUrl); + // Preparar conteúdo do relatório (sem timbrado inicialmente) const contentPdfBuffer = await this.generateContentPdf(data); - + // Criar o PDF final com timbrado (usando lógica semelhante ao PdfService) - const finalPdfBuffer = await this.applyTemplateToContent(contentPdfBuffer, config); - + const finalPdfBuffer = await this.applyTemplateToContent( + contentPdfBuffer, + config, + ); + return { - buffer: finalPdfBuffer + buffer: finalPdfBuffer, }; } catch (error) { - console.error('Erro ao gerar relatório:', error); + console.error("Erro ao gerar relatório:", error); // Fallback para PDF mínimo em caso de erro try { const fallbackPdf = await PDFDocument.create(); const page = fallbackPdf.addPage(); const helvetica = await fallbackPdf.embedFont(StandardFonts.Helvetica); - const helveticaBold = await fallbackPdf.embedFont(StandardFonts.HelveticaBold); - - page.drawText('Relatório de Validação Digital', { + const helveticaBold = await fallbackPdf.embedFont( + StandardFonts.HelveticaBold, + ); + + page.drawText("Relatório de Validação Digital", { x: 50, y: 750, size: 24, font: helveticaBold, }); - + page.drawText(`Arquivo: ${data.file.originalname}`, { x: 50, y: 700, size: 12, font: helvetica, }); - + page.drawText(`SHA-256: ${data.checksums.sha256}`, { x: 50, y: 680, size: 10, font: helvetica, }); - + page.drawText(`Houve um erro ao gerar o relatório completo.`, { x: 50, y: 650, @@ -72,652 +78,874 @@ export class ReportGenerator { font: helveticaBold, color: rgb(0.8, 0, 0), }); - + return { buffer: await fallbackPdf.save() }; } catch (fallbackError) { - console.error('Erro também no fallback:', fallbackError); + console.error("Erro também no fallback:", fallbackError); throw new Error(`Falha completa ao gerar relatório: ${error.message}`); } } } - + // Método que gera o conteúdo do PDF (sem timbrado) private async generateContentPdf(data: any) { const pdfDoc = await PDFDocument.create(); - + // Usar Fira Sans em vez de Helvetica // Nota: Como o pdf-lib não carrega fontes personalizadas diretamente, // caímos para as fontes padrão como fallback const regular = await pdfDoc.embedFont(StandardFonts.Helvetica); const bold = await pdfDoc.embedFont(StandardFonts.HelveticaBold); - + const width = PageSizes.A4[0]; const height = PageSizes.A4[1]; - + // Se for uma imagem, cria a primeira página com a visualização da imagem - if (data.file.mimetype.startsWith('image/')) { + if (data.file.mimetype.startsWith("image/")) { const page1 = pdfDoc.addPage([width, height]); await this.drawImagePage(page1, data, regular, bold, pdfDoc); } - + // Página de informações detalhadas (será aplicado o timbrado posteriormente) const page2 = pdfDoc.addPage([width, height]); await this.drawInfoPage(page2, data, regular, bold, pdfDoc); - + return await pdfDoc.save(); } - + // Método para aplicar o template de timbrado ao conteúdo private async applyTemplateToContent(contentBuffer: Uint8Array, config: any) { try { // 1. Carregar o PDF de conteúdo gerado const contentDoc = await PDFDocument.load(contentBuffer); const contentPages = contentDoc.getPages(); - + // 2. Usar a abordagem do PdfService, que sabemos que funciona // Buscar o caminho do timbrado a partir da configuração - const timbradoPath = config?.timbradoUrl - ? path.join(process.cwd(), 'public', config.timbradoUrl) - : path.join(process.cwd(), 'public', 'uploads', 'Timbrado_2025.pdf'); - - console.log('Tentando usar abordagem alternativa com timbrado:', timbradoPath); - + const timbradoPath = config?.timbradoUrl + ? path.join(process.cwd(), "public", config.timbradoUrl) + : path.join(process.cwd(), "public", "uploads", "Timbrado_2025.pdf"); + + console.log( + "Tentando usar abordagem alternativa com timbrado:", + timbradoPath, + ); + try { // Verificar se o arquivo existe await fs.access(timbradoPath); - + // Ler o arquivo do timbrado const templateBytes = await fs.readFile(timbradoPath); - + // Criar um novo documento PDF const finalPdf = await PDFDocument.create(); - + // Carregar o documento do template const templateDoc = await PDFDocument.load(templateBytes); - + // Adicionar a primeira página sem timbrado (se for imagem) if (contentPages.length > 1) { const [firstPage] = await finalPdf.copyPages(contentDoc, [0]); finalPdf.addPage(firstPage); } - + // Copiar a página de template const templatePages = templateDoc.getPages(); if (templatePages.length === 0) { - throw new Error('Template não contém páginas'); + throw new Error("Template não contém páginas"); } - + // Abordagem nova: Usar embedPage em vez de copyPages + drawPage const embedTemplate = await finalPdf.embedPage(templatePages[0]); - const embedContent = await finalPdf.embedPage(contentPages[contentPages.length - 1]); - + const embedContent = await finalPdf.embedPage( + contentPages[contentPages.length - 1], + ); + // Criar nova página const finalPage = finalPdf.addPage(); - + // Desenhar na ordem correta finalPage.drawPage(embedTemplate); finalPage.drawPage(embedContent); - + // Retornar PDF final return await finalPdf.save(); } catch (timbradoError) { - console.error('Erro ao processar timbrado:', timbradoError); + console.error("Erro ao processar timbrado:", timbradoError); // Retornar conteúdo original se não conseguir aplicar timbrado return contentBuffer; } } catch (error) { - console.error('Erro ao aplicar timbrado:', error); + console.error("Erro ao aplicar timbrado:", error); // Retornar o conteúdo original em caso de erro return contentBuffer; } } - + // Página com a visualização da imagem - private async drawImagePage(page: any, data: any, helvetica: any, helveticaBold: any, pdfDoc: PDFDocument) { + private async drawImagePage( + page: any, + data: any, + helvetica: any, + helveticaBold: any, + pdfDoc: PDFDocument, + ) { const height = page.getHeight(); - + // Título e informações básicas (mantidos como estão) - page.drawText('Documento Original', { + page.drawText("Documento Original", { x: 50, y: height - 50, size: 18, font: helveticaBold, - color: rgb(0, 0, 0.7) + color: rgb(0, 0, 0.7), }); - + page.drawText(`Arquivo: ${data.file.originalname}`, { x: 50, y: height - 80, size: 12, - font: helvetica + font: helvetica, }); - - let timestampStr = 'Data não disponível'; + + let timestampStr = "Data não disponível"; try { if (data.timestamp?.timestamp) { const timestampDate = new Date(data.timestamp.timestamp); if (!isNaN(timestampDate.getTime())) { - timestampStr = format(timestampDate, 'dd/MM/yyyy HH:mm:ss', { locale: ptBR }); + timestampStr = format(timestampDate, "dd/MM/yyyy HH:mm:ss", { + locale: ptBR, + }); } } } catch (e) { - console.error('Erro ao formatar timestamp:', e); + console.error("Erro ao formatar timestamp:", e); } - + page.drawText(`Validado em: ${timestampStr}`, { x: 50, y: height - 100, size: 12, - font: helvetica + font: helvetica, }); - - if (data.metadata?.fileInfo?.modifiedDate || data.metadata?.file_specific?.modified) { - const modifiedDate = new Date(data.metadata?.fileInfo?.modifiedDate || data.metadata?.file_specific?.modified); + + if ( + data.metadata?.fileInfo?.modifiedDate || + data.metadata?.file_specific?.modified + ) { + const modifiedDate = new Date( + data.metadata?.fileInfo?.modifiedDate || + data.metadata?.file_specific?.modified, + ); if (!isNaN(modifiedDate.getTime())) { - page.drawText(`Data de modificação original: ${format(modifiedDate, 'dd/MM/yyyy HH:mm:ss', { locale: ptBR })}`, { - x: 50, - y: height - 120, - size: 12, - font: helvetica - }); + page.drawText( + `Data de modificação original: ${format(modifiedDate, "dd/MM/yyyy HH:mm:ss", { locale: ptBR })}`, + { + x: 50, + y: height - 120, + size: 12, + font: helvetica, + }, + ); } } - + // Incorporar a imagem com tratamento de erro mais robusto try { let image; - let imageBuffer = data.file.buffer; - + const imageBuffer = data.file.buffer; + // Se for JPEG, tentar pré-processar com sharp para garantir um formato válido - if (data.file.mimetype === 'image/jpeg') { + if (data.file.mimetype === "image/jpeg") { try { // Converter para PNG primeiro - isso resolve muitos problemas de JPEGs corrompidos const processedBuffer = await sharp(data.file.buffer) - .png() // Converter para PNG que é mais robusto + .png() // Converter para PNG que é mais robusto .toBuffer(); - + // Usar PNG em vez de JPEG para evitar o erro SOI image = await pdfDoc.embedPng(processedBuffer); - console.log('JPEG convertido para PNG para evitar problemas de formatação'); + console.log( + "JPEG convertido para PNG para evitar problemas de formatação", + ); } catch (sharpError) { - console.error('Erro ao processar JPEG com sharp:', sharpError); - + console.error("Erro ao processar JPEG com sharp:", sharpError); + // Se falhar, tentar abordagem alternativa try { // Tentar usar a versão processada se disponível if (data.processedFile && data.processedFile.length > 0) { image = await pdfDoc.embedPng(data.processedFile); - console.log('Usando versão processada da imagem'); + console.log("Usando versão processada da imagem"); } else { - throw new Error('Imagem processada não disponível'); + throw new Error("Imagem processada não disponível"); } } catch (fallbackError) { - console.error('Erro no fallback para imagem processada:', fallbackError); - throw new Error('Não foi possível processar a imagem JPEG'); + console.error( + "Erro no fallback para imagem processada:", + fallbackError, + ); + throw new Error("Não foi possível processar a imagem JPEG"); } } - } + } // Para PNG ou outros formatos - else if (data.file.mimetype === 'image/png') { + else if (data.file.mimetype === "image/png") { image = await pdfDoc.embedPng(data.file.buffer); - } + } // Para todos os outros tipos, tentar converter para PNG else { try { - const pngBuffer = await sharp(data.file.buffer) - .png() - .toBuffer(); + const pngBuffer = await sharp(data.file.buffer).png().toBuffer(); image = await pdfDoc.embedPng(pngBuffer); } catch (conversionError) { - console.error('Erro ao converter imagem para PNG:', conversionError); - throw new Error('Formato de imagem não suportado'); + console.error("Erro ao converter imagem para PNG:", conversionError); + throw new Error("Formato de imagem não suportado"); } } - + // Calcular dimensões mantendo proporção const imgWidth = image.width; const imgHeight = image.height; const pageWidth = page.getWidth() - 100; const pageHeight = page.getHeight() - 200; - + let drawWidth = imgWidth; let drawHeight = imgHeight; - + // Redimensionar para caber na página if (imgWidth > pageWidth) { drawWidth = pageWidth; drawHeight = (drawWidth / imgWidth) * imgHeight; } - + if (drawHeight > pageHeight) { drawHeight = pageHeight; drawWidth = (drawHeight / imgHeight) * imgWidth; } - + // Verificar valores NaN if (isNaN(drawWidth) || isNaN(drawHeight)) { - throw new Error('Dimensões de imagem inválidas'); + throw new Error("Dimensões de imagem inválidas"); } - + // Centralizar imagem const centerX = (page.getWidth() - drawWidth) / 2; const centerY = (page.getHeight() - drawHeight) / 2 - 20; - + if (isNaN(centerX) || isNaN(centerY)) { - throw new Error('Coordenadas inválidas'); + throw new Error("Coordenadas inválidas"); } - + page.drawImage(image, { x: centerX, y: centerY, width: drawWidth, - height: drawHeight + height: drawHeight, }); - + // Rodapé com hash page.drawText(`SHA-256: ${data.checksums.sha256}`, { x: 50, y: 30, size: 8, font: helvetica, - color: rgb(0.4, 0.4, 0.4) + color: rgb(0.4, 0.4, 0.4), }); } catch (imageError) { - console.error('Erro ao processar imagem:', imageError); - + console.error("Erro ao processar imagem:", imageError); + // Mensagem de erro mais informativa na página - page.drawText('Não foi possível exibir a imagem original.', { + page.drawText("Não foi possível exibir a imagem original.", { x: 50, y: height / 2 + 20, size: 14, font: helveticaBold, - color: rgb(0.8, 0, 0) + color: rgb(0.8, 0, 0), }); - + page.drawText(`Erro: ${imageError.message}`, { x: 50, y: height / 2 - 10, size: 12, font: helvetica, - color: rgb(0.7, 0, 0) - }); - - page.drawText('O documento foi validado, mas a visualização não está disponível.', { - x: 50, - y: height / 2 - 30, - size: 12, - font: helvetica + color: rgb(0.7, 0, 0), }); + + page.drawText( + "O documento foi validado, mas a visualização não está disponível.", + { + x: 50, + y: height / 2 - 30, + size: 12, + font: helvetica, + }, + ); } } - + // Página com informações detalhadas (será aplicado o timbrado) - private async drawInfoPage(page: any, data: any, helvetica: any, helveticaBold: any, pdfDoc: PDFDocument) { + private async drawInfoPage( + page: any, + data: any, + helvetica: any, + helveticaBold: any, + pdfDoc: PDFDocument, + ) { const height = page.getHeight(); const width = page.getWidth(); - + // Margem superior para evitar sobrepor o cabeçalho do timbrado (3,5 CM = 100 PTS) const topMargin = 100; // 3,5 cm recuo vertical (do topo) - + // Título centralizado - COM RECUO DO TOPO para não sobrepor o timbrado - page.drawText('Comprovante de Validação Digital', { + page.drawText("Comprovante de Validação Digital", { x: (width - 330) / 2, // Centralizado horizontalmente (sem recuo lateral) y: height - 40 - topMargin, // Recuado 3,5 cm do topo size: 20, font: helveticaBold, - color: rgb(0.1, 0.3, 0.6) + color: rgb(0.1, 0.3, 0.6), }); - + // QR Code à direita - TAMBÉM COM RECUO DO TOPO try { const qrCodeDataUrl = await QRCode.toDataURL(data.verificationUrl); const qrCodeImage = await pdfDoc.embedPng(qrCodeDataUrl); - + page.drawImage(qrCodeImage, { x: width - 120, // Mantém na direita sem recuo lateral y: height - 140 - topMargin, // Recuado 3,5 cm do topo width: 80, - height: 80 + height: 80, }); } catch (qrError) { - console.error('Erro ao gerar QR Code:', qrError); + console.error("Erro ao gerar QR Code:", qrError); } - + // Posição Y inicial COM RECUO DO TOPO let y = height - 100 - topMargin; - + // SEÇÃO 1: Informações do Arquivo - SEM RECUO LATERAL - this.drawSectionHeader(page, 'Informações do Arquivo', y, helveticaBold); + this.drawSectionHeader(page, "Informações do Arquivo", y, helveticaBold); y -= 20; - + // Formatação de timestamp - let timestampInfo = 'Data não disponível'; - let rawTimestamp = 'Não disponível'; - + let timestampInfo = "Data não disponível"; + let rawTimestamp = "Não disponível"; + try { if (data.timestamp?.timestamp) { const timestampDate = new Date(data.timestamp.timestamp); if (!isNaN(timestampDate.getTime())) { - timestampInfo = format(timestampDate, 'dd/MM/yyyy HH:mm:ss', { locale: ptBR }); + timestampInfo = format(timestampDate, "dd/MM/yyyy HH:mm:ss", { + locale: ptBR, + }); rawTimestamp = `${data.timestamp.timestamp} (${timestampDate.getTime()})`; } } else if (data.metadata?.timestamp) { const timestampDate = new Date(data.metadata.timestamp); if (!isNaN(timestampDate.getTime())) { - timestampInfo = format(timestampDate, 'dd/MM/yyyy HH:mm:ss', { locale: ptBR }); + timestampInfo = format(timestampDate, "dd/MM/yyyy HH:mm:ss", { + locale: ptBR, + }); rawTimestamp = `${data.metadata.timestamp} (${timestampDate.getTime()})`; } } } catch (e) { - console.error('Erro ao formatar timestamp:', e); + console.error("Erro ao formatar timestamp:", e); } - + // Dados do arquivo - SEM RECUO LATERAL, APENAS VERTICAL - this.drawLabelValue(page, "Nome do arquivo:", data.file.originalname || "Sem nome", y, helvetica, helveticaBold); + this.drawLabelValue( + page, + "Nome do arquivo:", + data.file.originalname || "Sem nome", + y, + helvetica, + helveticaBold, + ); y -= 15; - - this.drawLabelValue(page, "Tipo:", data.file.mimetype || "Desconhecido", y, helvetica, helveticaBold); + + this.drawLabelValue( + page, + "Tipo:", + data.file.mimetype || "Desconhecido", + y, + helvetica, + helveticaBold, + ); y -= 15; - - this.drawLabelValue(page, "Tamanho:", this.formatFileSize(data.file.size), y, helvetica, helveticaBold); + + this.drawLabelValue( + page, + "Tamanho:", + this.formatFileSize(data.file.size), + y, + helvetica, + helveticaBold, + ); y -= 15; - - this.drawLabelValue(page, "Data de registro:", timestampInfo, y, helvetica, helveticaBold); + + this.drawLabelValue( + page, + "Data de registro:", + timestampInfo, + y, + helvetica, + helveticaBold, + ); y -= 15; - - this.drawLabelValue(page, "Timestamp bruto:", rawTimestamp, y, helvetica, helveticaBold); + + this.drawLabelValue( + page, + "Timestamp bruto:", + rawTimestamp, + y, + helvetica, + helveticaBold, + ); y -= 15; - + // Adicionar data de modificação original - if (data.metadata?.fileInfo?.modifiedDate || data.metadata?.file_specific?.modified || data.metadata?.modification_times) { - const modSource = data.metadata?.fileInfo?.modifiedDate || - data.metadata?.file_specific?.modified || - (data.metadata?.modification_times ? new Date(parseInt(data.metadata.modification_times)) : null); - + if ( + data.metadata?.fileInfo?.modifiedDate || + data.metadata?.file_specific?.modified || + data.metadata?.modification_times + ) { + const modSource = + data.metadata?.fileInfo?.modifiedDate || + data.metadata?.file_specific?.modified || + (data.metadata?.modification_times + ? new Date(parseInt(data.metadata.modification_times)) + : null); + if (modSource) { const modDate = new Date(modSource); if (!isNaN(modDate.getTime())) { this.drawLabelValue( - page, - "Data de modificação:", - format(modDate, 'dd/MM/yyyy HH:mm:ss', { locale: ptBR }), - y, - helvetica, - helveticaBold + page, + "Data de modificação:", + format(modDate, "dd/MM/yyyy HH:mm:ss", { locale: ptBR }), + y, + helvetica, + helveticaBold, ); y -= 15; - + // Adicionar timestamp bruto - const modTimestamp = data.metadata?.file_specific?.modifiedTimestamp || - String(modDate.getTime()) || - data.metadata?.modification_times; - + const modTimestamp = + data.metadata?.file_specific?.modifiedTimestamp || + String(modDate.getTime()) || + data.metadata?.modification_times; + this.drawLabelValue( - page, - "Timestamp de modificação:", - modTimestamp, - y, - helvetica, - helveticaBold + page, + "Timestamp de modificação:", + modTimestamp, + y, + helvetica, + helveticaBold, ); y -= 15; } } } - + y -= 10; - + // SEÇÃO 2: Checksums - SEM RECUO LATERAL - this.drawSectionHeader(page, 'Hashes de Verificação', y, helveticaBold); + this.drawSectionHeader(page, "Hashes de Verificação", y, helveticaBold); y -= 20; - + // Reduzir o espaçamento entre descrição e hash para evitar corte no SHA-512 - this.drawLabelValue(page, "SHA-256:", data.checksums.sha256, y, helvetica, helveticaBold, 9, 130); + this.drawLabelValue( + page, + "SHA-256:", + data.checksums.sha256, + y, + helvetica, + helveticaBold, + 9, + 130, + ); y -= 15; - - this.drawLabelValue(page, "SHA-512:", data.checksums.sha512.substring(0, 72) + "...", y, helvetica, helveticaBold, 8, 130); + + this.drawLabelValue( + page, + "SHA-512:", + data.checksums.sha512.substring(0, 72) + "...", + y, + helvetica, + helveticaBold, + 8, + 130, + ); y -= 15; - - this.drawLabelValue(page, "MD5:", data.checksums.md5, y, helvetica, helveticaBold, 9, 130); + + this.drawLabelValue( + page, + "MD5:", + data.checksums.md5, + y, + helvetica, + helveticaBold, + 9, + 130, + ); y -= 25; - + // SEÇÃO 3: Dispositivo - SEM RECUO LATERAL - this.drawSectionHeader(page, 'Informações do Dispositivo', y, helveticaBold); + this.drawSectionHeader( + page, + "Informações do Dispositivo", + y, + helveticaBold, + ); y -= 20; - + // User Agent COMPLETO - GARANTIR QUE NÃO SEJA N/A - const userAgent = data.metadata?.userAgent || - data.metadata?.headers?.['user-agent'] || - "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/134.0.0.0 Safari/537.36"; - this.drawLabelValue(page, "User-Agent:", userAgent, y, helvetica, helveticaBold, 9, 130); + const userAgent = + data.metadata?.userAgent || + data.metadata?.headers?.["user-agent"] || + "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/134.0.0.0 Safari/537.36"; + this.drawLabelValue( + page, + "User-Agent:", + userAgent, + y, + helvetica, + helveticaBold, + 9, + 130, + ); y -= 25; // Aumentar espaçamento entre User-Agent e Sistema para evitar sobreposição - + // Sistema Operacional - GARANTIR QUE NÃO SEJA N/A - const sistema = data.metadata?.userInfo?.os?.name ? - `${data.metadata.userInfo.os.name || ''} ${data.metadata.userInfo.os.version || ''}`.trim() : - data.metadata?.platform || "Windows 10"; + const sistema = data.metadata?.userInfo?.os?.name + ? `${data.metadata.userInfo.os.name || ""} ${data.metadata.userInfo.os.version || ""}`.trim() + : data.metadata?.platform || "Windows 10"; this.drawLabelValue(page, "Sistema:", sistema, y, helvetica, helveticaBold); y -= 15; - + // Navegador - GARANTIR QUE NÃO SEJA N/A - const navegador = data.metadata?.userInfo?.browser?.name ? - `${data.metadata.userInfo.browser.name || ''} ${data.metadata.userInfo.browser.version || ''}`.trim() : - (userAgent.includes('Chrome') ? "Chrome 134.0.0.0" : "Desconhecido"); - this.drawLabelValue(page, "Navegador:", navegador, y, helvetica, helveticaBold); + const navegador = data.metadata?.userInfo?.browser?.name + ? `${data.metadata.userInfo.browser.name || ""} ${data.metadata.userInfo.browser.version || ""}`.trim() + : userAgent.includes("Chrome") + ? "Chrome 134.0.0.0" + : "Desconhecido"; + this.drawLabelValue( + page, + "Navegador:", + navegador, + y, + helvetica, + helveticaBold, + ); y -= 15; - + // Idioma - CORRIGIDO PARA EVITAR N/A - const idioma = data.metadata?.language || - data.metadata?.headers?.['accept-language'] || - "pt-BR"; + const idioma = + data.metadata?.language || + data.metadata?.headers?.["accept-language"] || + "pt-BR"; this.drawLabelValue(page, "Idioma:", idioma, y, helvetica, helveticaBold); y -= 15; - + // IP - Usar o X-Forwarded-For ou outras fontes confiáveis, evitando IPs locais - let displayIp = '127.0.0.1'; - let porta = ''; + let displayIp = "127.0.0.1"; + let porta = ""; try { // Lista de IPs locais que devemos evitar - const localIPs = ['::1', '127.0.0.1', 'localhost', '::ffff:127.0.0.1', '::ffff:10.15.0.1']; - + const localIPs = [ + "::1", + "127.0.0.1", + "localhost", + "::ffff:127.0.0.1", + "::ffff:10.15.0.1", + ]; + // VERIFICAÇÃO DE DEBUG - mostrar os dados disponíveis no console - console.log('[PDF] Dados disponíveis para IP:', { + console.log("[PDF] Dados disponíveis para IP:", { connectionInfo: data.metadata?.connectionInfo, headers: data.metadata?.headers, ipAddress: data.metadata?.ipAddress, - clientPort: data.metadata?.clientPort + clientPort: data.metadata?.clientPort, }); - + // PRIORIDADE 1: headers['x-forwarded-for'] - Priorizar PRIMEIRO este header - if (data.metadata?.headers && data.metadata.headers['x-forwarded-for']) { - const forwardedIps = String(data.metadata.headers['x-forwarded-for']).split(','); + if (data.metadata?.headers && data.metadata.headers["x-forwarded-for"]) { + const forwardedIps = String( + data.metadata.headers["x-forwarded-for"], + ).split(","); if (forwardedIps.length > 0) { displayIp = forwardedIps[0].trim(); - console.log('[PDF] Usando IP do x-forwarded-for:', displayIp); + console.log("[PDF] Usando IP do x-forwarded-for:", displayIp); } } // PRIORIDADE 2: connectionInfo.forwardedIp else if (data.metadata?.connectionInfo?.forwardedIp) { displayIp = data.metadata.connectionInfo.forwardedIp; - console.log('[PDF] Usando forwardedIp da connectionInfo:', displayIp); + console.log("[PDF] Usando forwardedIp da connectionInfo:", displayIp); } // PRIORIDADE 3: ipAddress - else if (data.metadata?.ipAddress && !localIPs.includes(data.metadata.ipAddress)) { + else if ( + data.metadata?.ipAddress && + !localIPs.includes(data.metadata.ipAddress) + ) { displayIp = data.metadata.ipAddress; - console.log('[PDF] Usando ipAddress direto:', displayIp); + console.log("[PDF] Usando ipAddress direto:", displayIp); } - + // Porta - pegar a porta do cliente de várias fontes possíveis if (data.metadata?.connectionInfo?.socketPort) { porta = String(data.metadata.connectionInfo.socketPort); - console.log('[PDF] Usando porta da connectionInfo:', porta); - } - else if (data.metadata?.clientPort) { + console.log("[PDF] Usando porta da connectionInfo:", porta); + } else if (data.metadata?.clientPort) { porta = String(data.metadata.clientPort); - console.log('[PDF] Usando clientPort:', porta); - } - else if (data.metadata?.porta) { + console.log("[PDF] Usando clientPort:", porta); + } else if (data.metadata?.porta) { porta = String(data.metadata.porta); - console.log('[PDF] Usando porta do objeto metadata:', porta); + console.log("[PDF] Usando porta do objeto metadata:", porta); } // GARANTIR que não estamos usando 127.0.0.1 - if (displayIp === '127.0.0.1' || localIPs.includes(displayIp)) { + if (displayIp === "127.0.0.1" || localIPs.includes(displayIp)) { // Tentar novamente com as informações de conexão if (data.metadata?.connectionInfo?.forwardedIp) { displayIp = data.metadata.connectionInfo.forwardedIp; - console.log('[PDF] Forçando uso do forwardedIp:', displayIp); + console.log("[PDF] Forçando uso do forwardedIp:", displayIp); } } - console.log('[PDF] IP e porta finais para relatório:', { displayIp, porta }); + console.log("[PDF] IP e porta finais para relatório:", { + displayIp, + porta, + }); } catch (error) { - console.error('[PDF] Erro ao processar IP e porta para relatório:', error); + console.error( + "[PDF] Erro ao processar IP e porta para relatório:", + error, + ); } // Mostrar IP com valor sempre significativo - NUNCA usar 127.0.0.1 - if (displayIp === '127.0.0.1' || displayIp === '0.0.0.0') { + if (displayIp === "127.0.0.1" || displayIp === "0.0.0.0") { // Último recurso - pegar direto do objeto connectionInfo.forwardedIp - displayIp = data.metadata?.connectionInfo?.forwardedIp || - (data.metadata?.headers ? data.metadata.headers['x-forwarded-for'] : '0.0.0.0'); - - console.log('[PDF] IP final (após verificação de IP local):', displayIp); + displayIp = + data.metadata?.connectionInfo?.forwardedIp || + (data.metadata?.headers + ? data.metadata.headers["x-forwarded-for"] + : "0.0.0.0"); + + console.log("[PDF] IP final (após verificação de IP local):", displayIp); } this.drawLabelValue(page, "IP:", displayIp, y, helvetica, helveticaBold); y -= 15; // Mostrar porta apenas se tiver um valor significativo - if (porta && porta !== '0') { + if (porta && porta !== "0") { this.drawLabelValue(page, "Porta:", porta, y, helvetica, helveticaBold); y -= 15; } - + // Família IP - CORRIGIDA PARA EVITAR N/A - const familia = data.metadata?.connectionInfo?.remoteFamily || - (displayIp.includes(':') ? 'IPv6' : 'IPv4'); - this.drawLabelValue(page, "Família IP:", familia, y, helvetica, helveticaBold); + const familia = + data.metadata?.connectionInfo?.remoteFamily || + (displayIp.includes(":") ? "IPv6" : "IPv4"); + this.drawLabelValue( + page, + "Família IP:", + familia, + y, + helvetica, + helveticaBold, + ); y -= 15; - + // Timezone - CORRIGIDA PARA EVITAR N/A - const timezone = data.metadata?.timezone || 'America/Araguaina'; - this.drawLabelValue(page, "Timezone:", timezone, y, helvetica, helveticaBold); + const timezone = data.metadata?.timezone || "America/Araguaina"; + this.drawLabelValue( + page, + "Timezone:", + timezone, + y, + helvetica, + helveticaBold, + ); y -= 15; - + // RESTAURAR GEOLOCALIZAÇÃO - CORRIGIDA PARA EVITAR N/A - const latitude = typeof data.metadata?.latitude !== 'undefined' ? data.metadata.latitude : '-7.2035066'; - const longitude = typeof data.metadata?.longitude !== 'undefined' ? data.metadata.longitude : '-48.2111972'; - - this.drawLabelValue(page, "Coordenadas:", `${latitude}, ${longitude}`, y, helvetica, helveticaBold); + const latitude = + typeof data.metadata?.latitude !== "undefined" + ? data.metadata.latitude + : "-7.2035066"; + const longitude = + typeof data.metadata?.longitude !== "undefined" + ? data.metadata.longitude + : "-48.2111972"; + + this.drawLabelValue( + page, + "Coordenadas:", + `${latitude}, ${longitude}`, + y, + helvetica, + helveticaBold, + ); y -= 15; - - const permissao = data.metadata?.location_permission || 'granted'; - this.drawLabelValue(page, "Permissão:", permissao, y, helvetica, helveticaBold); + + const permissao = data.metadata?.location_permission || "granted"; + this.drawLabelValue( + page, + "Permissão:", + permissao, + y, + helvetica, + helveticaBold, + ); y -= 15; - + y -= 10; - + // SEÇÃO 4: Servidor - SEM RECUO LATERAL - this.drawSectionHeader(page, 'Dados do Servidor', y, helveticaBold); + this.drawSectionHeader(page, "Dados do Servidor", y, helveticaBold); y -= 20; - + // Timestamp do servidor - CORRIGIDO PARA EVITAR N/A - const serverTime = data.metadata?.server?.timestamp || - data.metadata?.timestamp || - new Date().toISOString(); - this.drawLabelValue(page, "Timestamp:", serverTime, y, helvetica, helveticaBold); + const serverTime = + data.metadata?.server?.timestamp || + data.metadata?.timestamp || + new Date().toISOString(); + this.drawLabelValue( + page, + "Timestamp:", + serverTime, + y, + helvetica, + helveticaBold, + ); y -= 15; - + // Timestamp bruto do servidor - CORRIGIDO PARA EVITAR N/A - const serverTimestamp = data.metadata?.server?.timestamp ? - new Date(data.metadata.server.timestamp).getTime() : - Date.now(); - this.drawLabelValue(page, "Timestamp bruto:", String(serverTimestamp), y, helvetica, helveticaBold); + const serverTimestamp = data.metadata?.server?.timestamp + ? new Date(data.metadata.server.timestamp).getTime() + : Date.now(); + this.drawLabelValue( + page, + "Timestamp bruto:", + String(serverTimestamp), + y, + helvetica, + helveticaBold, + ); y -= 15; - + // Hostname do servidor - CORRIGIDO PARA EVITAR N/A - const hostname = data.metadata?.server?.hostname || 'RODRIGO'; - this.drawLabelValue(page, "Hostname:", hostname, y, helvetica, helveticaBold); + const hostname = data.metadata?.server?.hostname || "RODRIGO"; + this.drawLabelValue( + page, + "Hostname:", + hostname, + y, + helvetica, + helveticaBold, + ); y -= 25; - + // SEÇÃO 5: Verificação - SEM RECUO LATERAL - this.drawSectionHeader(page, 'Verificação de Autenticidade', y, helveticaBold); + this.drawSectionHeader( + page, + "Verificação de Autenticidade", + y, + helveticaBold, + ); y -= 20; - + const instructions = [ - '1. Acesse o link ou escaneie o QR Code ao lado', + "1. Acesse o link ou escaneie o QR Code ao lado", `2. Confirme se o hash SHA-256 corresponde a: ${data.checksums.sha256.substring(0, 16)}...`, - '3. Verifique se as datas correspondem às registradas neste documento' + "3. Verifique se as datas correspondem às registradas neste documento", ]; - - instructions.forEach(instruction => { + + instructions.forEach((instruction) => { page.drawText(instruction, { x: 50, y, size: 10, - font: helvetica + font: helvetica, }); y -= 15; }); - + y -= 5; - - page.drawText('URL de verificação:', { + + page.drawText("URL de verificação:", { x: 50, y, size: 9, - font: helveticaBold + font: helveticaBold, }); y -= 12; - + page.drawText(data.verificationUrl, { x: 55, y, size: 8, font: helvetica, - color: rgb(0, 0, 0.7) + color: rgb(0, 0, 0.7), }); - + // Rodapé da página - SEM RECUO LATERAL - page.drawText('Documento validado através do sistema AdvX Provas - Integridade e Autenticidade Digital', { - x: width / 2 - 200, // Centralizado sem recuo lateral - y: 20, - size: 8, - font: helvetica, - color: rgb(0.5, 0.5, 0.5) - }); + page.drawText( + "Documento validado através do sistema AdvX Provas - Integridade e Autenticidade Digital", + { + x: width / 2 - 200, // Centralizado sem recuo lateral + y: 20, + size: 8, + font: helvetica, + color: rgb(0.5, 0.5, 0.5), + }, + ); } - + // Desenhar cabeçalho de seção com estilo - PARÂMETRO ADICIONAL PARA RECUO - private drawSectionHeader(page: any, text: string, y: number, font: any, x: number = 50) { + private drawSectionHeader( + page: any, + text: string, + y: number, + font: any, + x: number = 50, + ) { page.drawText(text, { x, y, size: 12, font, - color: rgb(0.2, 0.4, 0.7) + color: rgb(0.2, 0.4, 0.7), }); - + // Linha sublinhada - AJUSTADA PARA RECUO page.drawLine({ start: { x, y: y - 3 }, end: { x: x + 400, y: y - 3 }, // Encurtada para evitar sair da página thickness: 0.7, - color: rgb(0.7, 0.7, 0.8) + color: rgb(0.7, 0.7, 0.8), }); } - + // Desenhar pares de label:valor com suporte para Fira Sans private drawLabelValue( - page: any, - label: string, - value: string, - y: number, - regularFont: any, - boldFont: any, + page: any, + label: string, + value: string, + y: number, + regularFont: any, + boldFont: any, size: number = 10, - xValue: number = 180 // Posição X do valor reduzida para os hashes + xValue: number = 180, // Posição X do valor reduzida para os hashes ) { // Label (em negrito) page.drawText(label, { @@ -725,26 +953,28 @@ export class ReportGenerator { y, size, font: boldFont, - fallbackFonts: [StandardFonts.HelveticaBold] + fallbackFonts: [StandardFonts.HelveticaBold], }); - + // Valor (em fonte regular) - page.drawText(value || "Não disponível", { // Fallback para evitar valores vazios + page.drawText(value || "Não disponível", { + // Fallback para evitar valores vazios x: xValue, y, size, font: regularFont, fallbackFonts: [StandardFonts.Helvetica], maxWidth: 370, // Aumentar para acomodar mais texto nos hashes - lineHeight: size * 1.2 + lineHeight: size * 1.2, }); } - + private formatFileSize(bytes: number): string { - if (bytes < 1024) return bytes + ' bytes'; - else if (bytes < 1024 * 1024) return (bytes / 1024).toFixed(2) + ' KB'; - else if (bytes < 1024 * 1024 * 1024) return (bytes / (1024 * 1024)).toFixed(2) + ' MB'; - else return (bytes / (1024 * 1024 * 1024)).toFixed(2) + ' GB'; + if (bytes < 1024) return bytes + " bytes"; + else if (bytes < 1024 * 1024) return (bytes / 1024).toFixed(2) + " KB"; + else if (bytes < 1024 * 1024 * 1024) + return (bytes / (1024 * 1024)).toFixed(2) + " MB"; + else return (bytes / (1024 * 1024 * 1024)).toFixed(2) + " GB"; } /** @@ -756,14 +986,14 @@ export class ReportGenerator { try { // Criar um novo documento PDF const pdfDoc = await PDFDocument.create(); - + // Adicionar uma página const page = pdfDoc.addPage([595.28, 841.89]); // A4 - + // Carregar fonte const helveticaFont = await pdfDoc.embedFont(StandardFonts.Helvetica); const helveticaBold = await pdfDoc.embedFont(StandardFonts.HelveticaBold); - + // Definir margens const margin = 50; const width = page.getWidth() - 2 * margin; @@ -771,20 +1001,20 @@ export class ReportGenerator { const headerFontSize = 14; const normalFontSize = 12; const smallFontSize = 10; - + let yPosition = page.getHeight() - margin; - + // Título principal - page.drawText('RELATÓRIO DE CÁLCULO JUDICIAL', { + page.drawText("RELATÓRIO DE CÁLCULO JUDICIAL", { x: margin, y: yPosition, font: helveticaBold, size: titleFontSize, color: rgb(0, 0, 0.8), }); - + yPosition -= 2 * titleFontSize; - + // Informações básicas do cálculo page.drawText(`Título: ${calculo.titulo}`, { x: margin, @@ -792,21 +1022,27 @@ export class ReportGenerator { font: helveticaBold, size: headerFontSize, }); - + yPosition -= 1.5 * headerFontSize; - + // Informações gerais const campos = [ - { label: 'ID do Cálculo', value: calculo.id }, - { label: 'Data Base', value: this.formatarData(calculo.dataBase) }, - { label: 'Data do Cálculo', value: this.formatarData(calculo.dataCalculo) }, - { label: 'Status', value: calculo.status }, - { label: 'Valor Base', value: this.formatarValor(calculo.valorBase) }, - { label: 'Valor Corrigido', value: this.formatarValor(calculo.valorCorrigido) }, - { label: 'Valor Final', value: this.formatarValor(calculo.valorFinal) }, + { label: "ID do Cálculo", value: calculo.id }, + { label: "Data Base", value: this.formatarData(calculo.dataBase) }, + { + label: "Data do Cálculo", + value: this.formatarData(calculo.dataCalculo), + }, + { label: "Status", value: calculo.status }, + { label: "Valor Base", value: this.formatarValor(calculo.valorBase) }, + { + label: "Valor Corrigido", + value: this.formatarValor(calculo.valorCorrigido), + }, + { label: "Valor Final", value: this.formatarValor(calculo.valorFinal) }, ]; - - campos.forEach(campo => { + + campos.forEach((campo) => { page.drawText(`${campo.label}: ${campo.value}`, { x: margin, y: yPosition, @@ -815,19 +1051,19 @@ export class ReportGenerator { }); yPosition -= 1.2 * normalFontSize; }); - + yPosition -= normalFontSize; - + // Processo e cliente (se disponíveis) if (calculo.processo) { - page.drawText('Dados do Processo', { + page.drawText("Dados do Processo", { x: margin, y: yPosition, font: helveticaBold, size: headerFontSize, }); yPosition -= 1.5 * headerFontSize; - + page.drawText(`Número: ${calculo.processo.numero}`, { x: margin, y: yPosition, @@ -835,7 +1071,7 @@ export class ReportGenerator { size: normalFontSize, }); yPosition -= 1.2 * normalFontSize; - + page.drawText(`Título: ${calculo.processo.titulo}`, { x: margin, y: yPosition, @@ -844,16 +1080,16 @@ export class ReportGenerator { }); yPosition -= 1.2 * normalFontSize; } - + if (calculo.cliente) { - page.drawText('Dados do Cliente', { + page.drawText("Dados do Cliente", { x: margin, y: yPosition, font: helveticaBold, size: headerFontSize, }); yPosition -= 1.5 * headerFontSize; - + page.drawText(`Nome: ${calculo.cliente.nome}`, { x: margin, y: yPosition, @@ -862,87 +1098,136 @@ export class ReportGenerator { }); yPosition -= 1.5 * normalFontSize; } - + // Tabelas de valores if (calculo.correcoes && calculo.correcoes.length > 0) { - yPosition = this.desenharSecaoCorrecoes(page, calculo.correcoes, helveticaFont, helveticaBold, yPosition, margin, width); + yPosition = this.desenharSecaoCorrecoes( + page, + calculo.correcoes, + helveticaFont, + helveticaBold, + yPosition, + margin, + width, + ); } - + if (calculo.juros && calculo.juros.length > 0) { - yPosition = this.desenharSecaoJuros(page, calculo.juros, helveticaFont, helveticaBold, yPosition, margin, width); + yPosition = this.desenharSecaoJuros( + page, + calculo.juros, + helveticaFont, + helveticaBold, + yPosition, + margin, + width, + ); } - + if (calculo.multas && calculo.multas.length > 0) { - yPosition = this.desenharSecaoMultas(page, calculo.multas, helveticaFont, helveticaBold, yPosition, margin, width); + yPosition = this.desenharSecaoMultas( + page, + calculo.multas, + helveticaFont, + helveticaBold, + yPosition, + margin, + width, + ); } - + // Rodapé const rodapeY = margin / 2; - page.drawText(`Relatório gerado em ${format(new Date(), 'dd/MM/yyyy HH:mm:ss', { locale: ptBR })}`, { - x: margin, - y: rodapeY, - font: helveticaFont, - size: smallFontSize, - color: rgb(0.5, 0.5, 0.5), - }); - + page.drawText( + `Relatório gerado em ${format(new Date(), "dd/MM/yyyy HH:mm:ss", { locale: ptBR })}`, + { + x: margin, + y: rodapeY, + font: helveticaFont, + size: smallFontSize, + color: rgb(0.5, 0.5, 0.5), + }, + ); + // Gerar o PDF em bytes const pdfBytes = await pdfDoc.save(); - + // Converter para Buffer return Buffer.from(pdfBytes); } catch (error) { - console.error('Erro ao gerar relatório PDF:', error); + console.error("Erro ao gerar relatório PDF:", error); throw new Error(`Falha ao gerar relatório PDF: ${error.message}`); } } - + /** * Formata um valor para exibição como moeda */ private formatarValor(valor: number | string): string { try { - const num = typeof valor === 'string' ? parseFloat(valor) : valor; - return new Intl.NumberFormat('pt-BR', { - style: 'currency', - currency: 'BRL' + const num = typeof valor === "string" ? parseFloat(valor) : valor; + return new Intl.NumberFormat("pt-BR", { + style: "currency", + currency: "BRL", }).format(num); } catch (error) { - return 'Valor inválido'; + return "Valor inválido"; } } - + /** * Formata uma data para exibição no padrão brasileiro */ private formatarData(data: string | Date): string { try { - const dataObj = typeof data === 'string' ? new Date(data) : data; - return format(dataObj, 'dd/MM/yyyy', { locale: ptBR }); + const dataObj = typeof data === "string" ? new Date(data) : data; + return format(dataObj, "dd/MM/yyyy", { locale: ptBR }); } catch (error) { - return 'Data inválida'; + return "Data inválida"; } } - + /** * Desenha a seção de correções monetárias no PDF */ - private desenharSecaoCorrecoes(page: any, correcoes: any[], font: any, boldFont: any, yPosition: number, margin: number, width: number): number { + private desenharSecaoCorrecoes( + page: any, + correcoes: any[], + font: any, + boldFont: any, + yPosition: number, + margin: number, + width: number, + ): number { yPosition -= 20; - - page.drawText('CORREÇÕES MONETÁRIAS', { + + page.drawText("CORREÇÕES MONETÁRIAS", { x: margin, y: yPosition, font: boldFont, size: 14, }); - + yPosition -= 20; - + // Cabeçalho da tabela - const colunas = ['Índice', 'Data Inicial', 'Data Final', 'Valor Original', 'Valor Corrigido', 'Fator']; - const colWidths = [width * 0.15, width * 0.15, width * 0.15, width * 0.2, width * 0.2, width * 0.15]; - + const colunas = [ + "Índice", + "Data Inicial", + "Data Final", + "Valor Original", + "Valor Corrigido", + "Fator", + ]; + const colWidths = [ + width * 0.15, + width * 0.15, + width * 0.15, + width * 0.2, + width * 0.2, + width * 0.15, + ]; + // Desenhar cabeçalho let xPos = margin; colunas.forEach((col, index) => { @@ -954,22 +1239,22 @@ export class ReportGenerator { }); xPos += colWidths[index]; }); - + yPosition -= 15; - + // Desenhar linhas - correcoes.forEach(correcao => { + correcoes.forEach((correcao) => { xPos = margin; - + const valores = [ correcao.indice, this.formatarData(correcao.dataInicial), - correcao.dataFinal ? this.formatarData(correcao.dataFinal) : '-', + correcao.dataFinal ? this.formatarData(correcao.dataFinal) : "-", this.formatarValor(correcao.valorOriginal), this.formatarValor(correcao.valorCorrigido), - correcao.fatorCorrecao.toFixed(6) + correcao.fatorCorrecao.toFixed(6), ]; - + valores.forEach((valor, index) => { page.drawText(valor, { x: xPos, @@ -979,32 +1264,56 @@ export class ReportGenerator { }); xPos += colWidths[index]; }); - + yPosition -= 15; }); - + return yPosition; } - + /** * Desenha a seção de juros no PDF */ - private desenharSecaoJuros(page: any, juros: any[], font: any, boldFont: any, yPosition: number, margin: number, width: number): number { + private desenharSecaoJuros( + page: any, + juros: any[], + font: any, + boldFont: any, + yPosition: number, + margin: number, + width: number, + ): number { yPosition -= 20; - - page.drawText('JUROS', { + + page.drawText("JUROS", { x: margin, y: yPosition, font: boldFont, size: 14, }); - + yPosition -= 20; - + // Cabeçalho da tabela - const colunas = ['Tipo', 'Taxa', 'Periodicidade', 'Data Inicial', 'Data Final', 'Valor Base', 'Valor Juros']; - const colWidths = [width * 0.15, width * 0.1, width * 0.15, width * 0.15, width * 0.15, width * 0.15, width * 0.15]; - + const colunas = [ + "Tipo", + "Taxa", + "Periodicidade", + "Data Inicial", + "Data Final", + "Valor Base", + "Valor Juros", + ]; + const colWidths = [ + width * 0.15, + width * 0.1, + width * 0.15, + width * 0.15, + width * 0.15, + width * 0.15, + width * 0.15, + ]; + // Desenhar cabeçalho let xPos = margin; colunas.forEach((col, index) => { @@ -1016,25 +1325,25 @@ export class ReportGenerator { }); xPos += colWidths[index]; }); - + yPosition -= 15; - + // Desenhar linhas - juros.forEach(juro => { + juros.forEach((juro) => { xPos = margin; - - const taxa = (parseFloat(juro.taxa.toString()) * 100).toFixed(2) + '%'; - + + const taxa = (parseFloat(juro.taxa.toString()) * 100).toFixed(2) + "%"; + const valores = [ juro.tipo, taxa, juro.periodicidade, this.formatarData(juro.dataInicial), - juro.dataFinal ? this.formatarData(juro.dataFinal) : '-', + juro.dataFinal ? this.formatarData(juro.dataFinal) : "-", this.formatarValor(juro.valorBase), - this.formatarValor(juro.valorJuros) + this.formatarValor(juro.valorJuros), ]; - + valores.forEach((valor, index) => { page.drawText(valor.toString(), { x: xPos, @@ -1044,32 +1353,52 @@ export class ReportGenerator { }); xPos += colWidths[index]; }); - + yPosition -= 15; }); - + return yPosition; } - + /** * Desenha a seção de multas no PDF */ - private desenharSecaoMultas(page: any, multas: any[], font: any, boldFont: any, yPosition: number, margin: number, width: number): number { + private desenharSecaoMultas( + page: any, + multas: any[], + font: any, + boldFont: any, + yPosition: number, + margin: number, + width: number, + ): number { yPosition -= 20; - - page.drawText('MULTAS', { + + page.drawText("MULTAS", { x: margin, y: yPosition, font: boldFont, size: 14, }); - + yPosition -= 20; - + // Cabeçalho da tabela - const colunas = ['Tipo', 'Percentual', 'Valor Base', 'Valor Multa', 'Fundamento']; - const colWidths = [width * 0.15, width * 0.15, width * 0.2, width * 0.2, width * 0.3]; - + const colunas = [ + "Tipo", + "Percentual", + "Valor Base", + "Valor Multa", + "Fundamento", + ]; + const colWidths = [ + width * 0.15, + width * 0.15, + width * 0.2, + width * 0.2, + width * 0.3, + ]; + // Desenhar cabeçalho let xPos = margin; colunas.forEach((col, index) => { @@ -1081,23 +1410,24 @@ export class ReportGenerator { }); xPos += colWidths[index]; }); - + yPosition -= 15; - + // Desenhar linhas - multas.forEach(multa => { + multas.forEach((multa) => { xPos = margin; - - const percentual = (parseFloat(multa.percentual.toString()) * 100).toFixed(2) + '%'; - + + const percentual = + (parseFloat(multa.percentual.toString()) * 100).toFixed(2) + "%"; + const valores = [ multa.tipo, percentual, this.formatarValor(multa.valorBase), this.formatarValor(multa.valorMulta), - multa.fundamento || '-' + multa.fundamento || "-", ]; - + valores.forEach((valor, index) => { page.drawText(valor.toString(), { x: xPos, @@ -1107,10 +1437,10 @@ export class ReportGenerator { }); xPos += colWidths[index]; }); - + yPosition -= 15; }); - + return yPosition; } @@ -1121,37 +1451,47 @@ export class ReportGenerator { * @param xForwardedFor Header X-Forwarded-For * @returns O IP mais confiável encontrado */ - private extractRealClientIP(ipAddress?: string, forwardedIp?: string, xForwardedFor?: string): string { + private extractRealClientIP( + ipAddress?: string, + forwardedIp?: string, + xForwardedFor?: string, + ): string { // Lista de IPs locais/internos que devem ser evitados - const localIPs = ['::1', '127.0.0.1', 'localhost', '::ffff:127.0.0.1', '::ffff:10.15.0.1']; - + const localIPs = [ + "::1", + "127.0.0.1", + "localhost", + "::ffff:127.0.0.1", + "::ffff:10.15.0.1", + ]; + // Verificar primeiro X-Forwarded-For (mais confiável em ambientes de produção) if (xForwardedFor) { - const ips = xForwardedFor.split(',').map(ip => ip.trim()); + const ips = xForwardedFor.split(",").map((ip) => ip.trim()); if (ips.length > 0 && !localIPs.includes(ips[0])) { return ips[0]; } } - + // Verificar IP encaminhado (usado em alguns proxies) if (forwardedIp && !localIPs.includes(forwardedIp)) { return forwardedIp; } - + // Verificar IP básico if (ipAddress && !localIPs.includes(ipAddress)) { return ipAddress; } - + // Se chegamos aqui e temos um X-Forwarded-For, mesmo que seja um IP local, usá-lo if (xForwardedFor) { - const ips = xForwardedFor.split(',').map(ip => ip.trim()); + const ips = xForwardedFor.split(",").map((ip) => ip.trim()); if (ips.length > 0) { return ips[0]; } } - + // Retornar IP básico se não encontrar melhor - return ipAddress || '0.0.0.0'; + return ipAddress || "0.0.0.0"; } } diff --git a/src/services/AuthService.ts b/src/services/AuthService.ts index 18da12b..c205142 100644 --- a/src/services/AuthService.ts +++ b/src/services/AuthService.ts @@ -1,7 +1,8 @@ -import { UsuarioRepository } from "../repositories/UsuarioRepository"; import bcrypt from "bcryptjs"; import jwt from "jsonwebtoken"; +import { UsuarioRepository } from "../repositories/UsuarioRepository"; + const JWT_SECRET = "seu-segredo-super-secreto"; // Em produção, use variável de ambiente export class AuthService { diff --git a/src/services/BlockchainService.ts b/src/services/BlockchainService.ts index e411d53..a221423 100644 --- a/src/services/BlockchainService.ts +++ b/src/services/BlockchainService.ts @@ -1,13 +1,14 @@ -import OpenTimestamps from 'opentimestamps-javascript'; // Atualizar import -import { createHash } from 'crypto'; -import * as fs from 'fs/promises'; -import * as path from 'path'; +import { createHash } from "crypto"; +import * as fs from "fs/promises"; +import * as path from "path"; + +import OpenTimestamps from "opentimestamps-javascript"; // Atualizar import export class BlockchainService { private readonly storageDir: string; constructor() { - this.storageDir = path.join(process.cwd(), 'storage', 'timestamps'); + this.storageDir = path.join(process.cwd(), "storage", "timestamps"); this.ensureStorageDir(); } @@ -15,30 +16,33 @@ export class BlockchainService { try { await fs.mkdir(this.storageDir, { recursive: true }); } catch (error) { - console.error('Erro ao criar diretório de timestamps:', error); + console.error("Erro ao criar diretório de timestamps:", error); } } async createTimestamp(buffer: Buffer) { try { // 1. Criar hash do arquivo - const fileHash = createHash('sha256').update(buffer).digest(); + const fileHash = createHash("sha256").update(buffer).digest(); // 2. Criar timestamp const timestamp = await OpenTimestamps.stamp(fileHash); // 3. Salvar arquivo .ots - const otsPath = path.join(this.storageDir, `${fileHash.toString('hex')}.ots`); + const otsPath = path.join( + this.storageDir, + `${fileHash.toString("hex")}.ots`, + ); await fs.writeFile(otsPath, Buffer.from(timestamp)); return { - hash: fileHash.toString('hex'), + hash: fileHash.toString("hex"), timestamp, - otsPath + otsPath, }; } catch (error) { - console.error('Erro ao criar timestamp:', error); - throw new Error('Falha ao criar timestamp na blockchain'); + console.error("Erro ao criar timestamp:", error); + throw new Error("Falha ao criar timestamp na blockchain"); } } @@ -47,26 +51,26 @@ export class BlockchainService { // Usar a API correta do OpenTimestamps const result = await OpenTimestamps.verify( Buffer.from(timestamp), - Buffer.from(hash, 'hex') + Buffer.from(hash, "hex"), ); - + if (!result) { - return { - verified: false, - message: 'Timestamp ainda não confirmado na blockchain' + return { + verified: false, + message: "Timestamp ainda não confirmado na blockchain", }; } return { verified: true, timestamp: new Date(result * 1000), - message: 'Timestamp verificado na blockchain do Bitcoin' + message: "Timestamp verificado na blockchain do Bitcoin", }; } catch (error) { - console.error('Erro ao verificar timestamp:', error); - return { - verified: false, - message: 'Erro ao verificar timestamp' + console.error("Erro ao verificar timestamp:", error); + return { + verified: false, + message: "Erro ao verificar timestamp", }; } } diff --git a/src/services/CalendarioService.ts b/src/services/CalendarioService.ts index b450259..d946375 100644 --- a/src/services/CalendarioService.ts +++ b/src/services/CalendarioService.ts @@ -1,5 +1,5 @@ -import { google } from "googleapis"; import { Client } from "@microsoft/microsoft-graph-client"; +import { google } from "googleapis"; export class CalendarioService { async agendarAudiencia(audiencia: any): Promise<string> { diff --git a/src/services/DocumentoService.ts b/src/services/DocumentoService.ts index dc4e73b..a20f053 100644 --- a/src/services/DocumentoService.ts +++ b/src/services/DocumentoService.ts @@ -1,4 +1,4 @@ -import { documentTemplates } from '../utils/documentTemplates'; +import { documentTemplates } from "../utils/documentTemplates"; interface DocumentoData { tipo: keyof typeof documentTemplates.templates; @@ -20,25 +20,32 @@ interface TemplateData { export class DocumentoService { static processarVariaveisData(): Record<string, string> { const hoje = new Date(); - const formatador = new Intl.DateTimeFormat('pt-BR', { - day: 'numeric', - month: 'long', - year: 'numeric' + const formatador = new Intl.DateTimeFormat("pt-BR", { + day: "numeric", + month: "long", + year: "numeric", }); return { - 'data.atual': hoje.toLocaleDateString('pt-BR'), - 'data.atualExtenso': formatador.format(hoje), // Usar o formatador corretamente - 'data.dia': hoje.getDate().toString(), - 'data.mes': (hoje.getMonth() + 1).toString(), - 'data.mesExtenso': new Intl.DateTimeFormat('pt-BR', { month: 'long' }).format(hoje), - 'data.ano': hoje.getFullYear().toString() + "data.atual": hoje.toLocaleDateString("pt-BR"), + "data.atualExtenso": formatador.format(hoje), // Usar o formatador corretamente + "data.dia": hoje.getDate().toString(), + "data.mes": (hoje.getMonth() + 1).toString(), + "data.mesExtenso": new Intl.DateTimeFormat("pt-BR", { + month: "long", + }).format(hoje), + "data.ano": hoje.getFullYear().toString(), }; } - static preencherTemplate(template: string, variaveis: Record<string, any>): string { + static preencherTemplate( + template: string, + variaveis: Record<string, any>, + ): string { return template.replace(/\{\{([^}]+)\}\}/g, (match, key) => { - const valor = key.split('.').reduce((obj: any, k: string) => obj?.[k], variaveis); + const valor = key + .split(".") + .reduce((obj: any, k: string) => obj?.[k], variaveis); return valor ?? match; }); } @@ -46,12 +53,14 @@ export class DocumentoService { static processarVariaveis(template: string, data: TemplateData): string { const dataProcessada = { ...data, - data: this.processarVariaveisData() + data: this.processarVariaveisData(), }; return template.replace(/\{\{([^}]+)\}\}/g, (match, path) => { try { - const valor = path.split('.').reduce((obj, key) => obj?.[key], dataProcessada); + const valor = path + .split(".") + .reduce((obj, key) => obj?.[key], dataProcessada); if (valor === undefined || valor === null) { console.warn(`Variável não encontrada ou nula: ${path}`); return match; // Retornar o match original em vez de string vazia @@ -69,25 +78,34 @@ export class DocumentoService { // Buscar documento e dados relacionados const [documento, config] = await Promise.all([ api.get(`/documentos/${documentoId}`), - api.get('/documentos/configuracoes') + api.get("/documentos/configuracoes"), ]); // Buscar dados relacionados const [cliente, atendimento, processo, advogado] = await Promise.all([ - documento.data.clienteId ? api.get(`/clientes/${documento.data.clienteId}`) : null, - documento.data.atendimentoId ? api.get(`/atendimentos/${documento.data.atendimentoId}`) : null, - documento.data.processoId ? api.get(`/processos/${documento.data.processoId}`) : null, - api.get('/auth/me') + documento.data.clienteId + ? api.get(`/clientes/${documento.data.clienteId}`) + : null, + documento.data.atendimentoId + ? api.get(`/atendimentos/${documento.data.atendimentoId}`) + : null, + documento.data.processoId + ? api.get(`/processos/${documento.data.processoId}`) + : null, + api.get("/auth/me"), ]); // Processar template com as variáveis - const conteudoProcessado = this.processarVariaveis(documento.data.conteudo, { - cliente: cliente?.data, - atendimento: atendimento?.data, - processo: processo?.data, - advogado: advogado.data, - escritorio: config.data - }); + const conteudoProcessado = this.processarVariaveis( + documento.data.conteudo, + { + cliente: cliente?.data, + atendimento: atendimento?.data, + processo: processo?.data, + advogado: advogado.data, + escritorio: config.data, + }, + ); return conteudoProcessado; } @@ -95,15 +113,18 @@ export class DocumentoService { static gerarDocumento(dados: DocumentoData): string { // 1. Pegar o template específico const templateConteudo = documentTemplates.templates[dados.tipo]; - + // 2. Preencher o conteúdo com as variaveis - const conteudoPreenchido = this.preencherTemplate(templateConteudo, dados.variaveis); - + const conteudoPreenchido = this.preencherTemplate( + templateConteudo, + dados.variaveis, + ); + // 3. Montar documento final com template base return this.preencherTemplate(documentTemplates.base, { cabecalho: dados.config.cabecalho, conteudo: conteudoPreenchido, - rodape: dados.config.rodape + rodape: dados.config.rodape, }); } } diff --git a/src/services/FileValidator.ts b/src/services/FileValidator.ts index feb7fe0..5d2d3ec 100644 --- a/src/services/FileValidator.ts +++ b/src/services/FileValidator.ts @@ -1,8 +1,9 @@ -import { createHash } from 'crypto'; -import { ExifTool } from 'exiftool-vendored'; -import imageSize from 'image-size'; -import PDFParser from 'pdf2json'; -import { detectFileType } from 'detect-file-type'; +import { createHash } from "crypto"; + +import { detectFileType } from "detect-file-type"; +import { ExifTool } from "exiftool-vendored"; +import imageSize from "image-size"; +import PDFParser from "pdf2json"; export class FileValidator { private exiftool: ExifTool; @@ -20,26 +21,26 @@ export class FileValidator { // Validação específica por tipo switch (mimeType) { - case 'application/pdf': + case "application/pdf": return await this.validatePDF(file); - case 'image/jpeg': - case 'image/png': + case "image/jpeg": + case "image/png": return await this.validateImage(file, mimeType); default: - return { valid: false, error: 'Tipo de arquivo não suportado' }; + return { valid: false, error: "Tipo de arquivo não suportado" }; } } private async performBasicValidation(file: Buffer) { // Verificar tamanho mínimo if (file.length < 100) { - return { valid: false, error: 'Arquivo muito pequeno ou vazio' }; + return { valid: false, error: "Arquivo muito pequeno ou vazio" }; } // Verificar assinatura do arquivo const fileType = await detectFileType(file); if (!fileType) { - return { valid: false, error: 'Tipo de arquivo não reconhecido' }; + return { valid: false, error: "Tipo de arquivo não reconhecido" }; } return { valid: true }; @@ -49,11 +50,11 @@ export class FileValidator { return new Promise((resolve) => { const pdfParser = new PDFParser(); - pdfParser.on('pdfParser_dataReady', () => { + pdfParser.on("pdfParser_dataReady", () => { resolve({ valid: true, metadata: pdfParser.getAllFieldsTypes() }); }); - pdfParser.on('pdfParser_dataError', (error) => { + pdfParser.on("pdfParser_dataError", (error) => { resolve({ valid: false, error: `PDF inválido: ${error}` }); }); @@ -66,16 +67,16 @@ export class FileValidator { // Verificar dimensões const dimensions = imageSize(file); if (!dimensions.width || !dimensions.height) { - return { valid: false, error: 'Dimensões da imagem inválidas' }; + return { valid: false, error: "Dimensões da imagem inválidas" }; } // Extrair metadados EXIF const metadata = await this.exiftool.readBuffer(file); - + // Verificações específicas para JPEG - if (mimeType === 'image/jpeg') { - if (!metadata.FileType || metadata.FileType !== 'JPEG') { - return { valid: false, error: 'Assinatura JPEG inválida' }; + if (mimeType === "image/jpeg") { + if (!metadata.FileType || metadata.FileType !== "JPEG") { + return { valid: false, error: "Assinatura JPEG inválida" }; } } @@ -83,23 +84,25 @@ export class FileValidator { valid: true, metadata: { dimensions, - exif: metadata - } + exif: metadata, + }, }; - } catch (error) { - return { valid: false, error: `Erro na validação da imagem: ${error.message}` }; + return { + valid: false, + error: `Erro na validação da imagem: ${error.message}`, + }; } } async validateMetadata(metadata: any) { - const requiredFields = ['userAgent', 'ipAddress', 'timestamp']; - const missingFields = requiredFields.filter(field => !metadata[field]); - + const requiredFields = ["userAgent", "ipAddress", "timestamp"]; + const missingFields = requiredFields.filter((field) => !metadata[field]); + if (missingFields.length > 0) { return { valid: false, - error: `Campos obrigatórios ausentes: ${missingFields.join(', ')}` + error: `Campos obrigatórios ausentes: ${missingFields.join(", ")}`, }; } @@ -108,11 +111,11 @@ export class FileValidator { generateHashes(file: Buffer) { return { - sha256: createHash('sha256').update(file).digest('hex'), - sha512: createHash('sha512').update(file).digest('hex'), - md5: createHash('md5').update(file).digest('hex'), - blake2b: createHash('blake2b512').update(file).digest('hex'), // Hash adicional - whirlpool: createHash('whirlpool').update(file).digest('hex'), // Hash adicional + sha256: createHash("sha256").update(file).digest("hex"), + sha512: createHash("sha512").update(file).digest("hex"), + md5: createHash("md5").update(file).digest("hex"), + blake2b: createHash("blake2b512").update(file).digest("hex"), // Hash adicional + whirlpool: createHash("whirlpool").update(file).digest("hex"), // Hash adicional }; } diff --git a/src/services/ProcessoService.ts b/src/services/ProcessoService.ts index 3fe5e8c..cd3720a 100644 --- a/src/services/ProcessoService.ts +++ b/src/services/ProcessoService.ts @@ -1,10 +1,11 @@ +import axios from "axios"; + import { Processo, StatusProcesso, NaturezaProcesso, TipoParte, } from "../types/entities"; -import axios from "axios"; export class ProcessoService { constructor(private repository: any) {} diff --git a/src/services/ProvaService.ts b/src/services/ProvaService.ts index e80cb3c..4e49bdc 100644 --- a/src/services/ProvaService.ts +++ b/src/services/ProvaService.ts @@ -1,9 +1,11 @@ -import { provaQueue } from '../workers/ProvaWorker'; -import { prisma } from '../config/database'; -import { createHash } from 'crypto'; -import { PDFDocument, StandardFonts } from 'pdf-lib'; -import * as OpenTimestamps from 'opentimestamps'; -import sharp from 'sharp'; +import { createHash } from "crypto"; + +import * as OpenTimestamps from "opentimestamps"; +import { PDFDocument, StandardFonts } from "pdf-lib"; +import sharp from "sharp"; + +import { prisma } from "../config/database"; +import { provaQueue } from "../workers/ProvaWorker"; export class ProvaService { private fileValidator: FileValidator; @@ -16,11 +18,11 @@ export class ProvaService { async processFile(file: Express.Multer.File, metadata: any) { try { - console.log('Iniciando processamento do arquivo:', file.originalname); // Debug log + console.log("Iniciando processamento do arquivo:", file.originalname); // Debug log // Validar arquivo e metadados if (!file.buffer || !file.originalname) { - throw new Error('Arquivo inválido'); + throw new Error("Arquivo inválido"); } // Criar registro inicial @@ -28,47 +30,49 @@ export class ProvaService { data: { fileName: file.originalname, mimeType: file.mimetype, - status: 'PENDENTE', + status: "PENDENTE", metadata: { ...metadata, fileSize: file.size, - originalName: file.originalname - } - } + originalName: file.originalname, + }, + }, }); - console.log('Registro criado com sucesso:', prova.id); // Debug log + console.log("Registro criado com sucesso:", prova.id); // Debug log // Adicionar à fila - await provaQueue.add('processar-prova', { + await provaQueue.add("processar-prova", { provaId: prova.id, - fileData: file.buffer.toString('base64'), - metadata + fileData: file.buffer.toString("base64"), + metadata, }); return prova; } catch (error) { - console.error('Erro detalhado no processamento:', error); - throw new Error(`Erro ao processar arquivo ${file.originalname}: ${error.message}`); + console.error("Erro detalhado no processamento:", error); + throw new Error( + `Erro ao processar arquivo ${file.originalname}: ${error.message}`, + ); } } private generateChecksums(buffer: Buffer) { return { - sha256: createHash('sha256').update(buffer).digest('hex'), - sha512: createHash('sha512').update(buffer).digest('hex'), - md5: createHash('md5').update(buffer).digest('hex') + sha256: createHash("sha256").update(buffer).digest("hex"), + sha512: createHash("sha512").update(buffer).digest("hex"), + md5: createHash("md5").update(buffer).digest("hex"), }; } private async registerTimestamp(buffer: Buffer) { - const digest = createHash('sha256').update(buffer).digest(); + const digest = createHash("sha256").update(buffer).digest(); const timestamp = await OpenTimestamps.stamp(digest); return timestamp; } private async processFileByType(file: Express.Multer.File) { - if (file.mimetype.startsWith('image/')) { + if (file.mimetype.startsWith("image/")) { return await this.processImage(file.buffer); } return file.buffer; @@ -77,8 +81,8 @@ export class ProvaService { private async processImage(buffer: Buffer) { return await sharp(buffer) .resize(1200, 900, { - fit: 'inside', - withoutEnlargement: true + fit: "inside", + withoutEnlargement: true, }) .toBuffer(); } @@ -92,8 +96,8 @@ export class ProvaService { // ... implementar a geração do relatório ... return { - path: '/path/to/report.pdf', - buffer: await pdfDoc.save() + path: "/path/to/report.pdf", + buffer: await pdfDoc.save(), }; } -} \ No newline at end of file +} diff --git a/src/services/ReportGenerator.ts b/src/services/ReportGenerator.ts index 474d9a7..82d7398 100644 --- a/src/services/ReportGenerator.ts +++ b/src/services/ReportGenerator.ts @@ -1,7 +1,6 @@ -import { PDFDocument, StandardFonts, rgb } from 'pdf-lib'; -import QRCode from 'qrcode'; -import { format } from 'date-fns'; -import ptBR from 'date-fns/locale/pt-BR'; +import ptBR, { format } from "date-fns"; +import { PDFDocument, StandardFonts, rgb } from "pdf-lib"; +import QRCode from "qrcode"; export class ReportGenerator { async generateReport(data: { @@ -23,9 +22,9 @@ export class ReportGenerator { // Gerar QR Code para verificação const qrCode = await QRCode.toDataURL(data.verificationUrl); const qrCodeImage = await pdfDoc.embedPng(qrCode); - + // Cabeçalho - page1.drawText('Relatório de Validação Digital', { + page1.drawText("Relatório de Validação Digital", { x: 50, y: height - 50, size: 24, @@ -38,24 +37,24 @@ export class ReportGenerator { `Tipo: ${data.file.mimetype}`, `Tamanho: ${(data.file.size / 1024).toFixed(2)} KB`, `Data Upload: ${format(new Date(), "dd/MM/yyyy HH:mm:ss", { locale: ptBR })}`, - `Data Validação: ${format(new Date(), "dd/MM/yyyy HH:mm:ss", { locale: ptBR })}` + `Data Validação: ${format(new Date(), "dd/MM/yyyy HH:mm:ss", { locale: ptBR })}`, ]; // Checksums const checksumInfo = [ - 'Checksums:', + "Checksums:", `SHA-256: ${data.checksums.sha256}`, `SHA-512: ${data.checksums.sha512}`, - `MD5: ${data.checksums.md5}` + `MD5: ${data.checksums.md5}`, ]; // Informações do Dispositivo const deviceInfo = [ - 'Informações do Dispositivo:', + "Informações do Dispositivo:", `Navegador: ${data.metadata.userAgent}`, `IP: ${data.metadata.ipAddress}`, `Idioma: ${data.metadata.language}`, - `Resolução: ${data.metadata.viewportWidth}x${data.metadata.viewportHeight}` + `Resolução: ${data.metadata.viewportWidth}x${data.metadata.viewportHeight}`, ]; // Desenhar seções @@ -73,7 +72,7 @@ export class ReportGenerator { // Página 2 - Detalhes Técnicos const page2 = pdfDoc.addPage(); - + // Adicionar detalhes técnicos, como estrutura do arquivo, metadados extras, etc. // ... @@ -86,7 +85,7 @@ export class ReportGenerator { lines.forEach((line, index) => { page.drawText(line, { x: 50, - y: startY - (index * 20), + y: startY - index * 20, size: 12, font, color: rgb(0, 0, 0), diff --git a/src/services/TribunalService.ts b/src/services/TribunalService.ts index 32e81b4..f8b1891 100644 --- a/src/services/TribunalService.ts +++ b/src/services/TribunalService.ts @@ -1,5 +1,5 @@ -import axios from "axios"; import { MovimentacaoTribunal } from "@prisma/client"; +import axios from "axios"; export class TribunalService { private apiKey: string; diff --git a/src/services/api.ts b/src/services/api.ts index 2531bce..9362e0b 100644 --- a/src/services/api.ts +++ b/src/services/api.ts @@ -1,14 +1,15 @@ -import axios from 'axios'; +import axios from "axios"; export const api = axios.create({ - baseURL: '/api', + baseURL: "/api", timeout: 30000, // Aumentar para 30 segundos - timeoutErrorMessage: 'Tempo limite da requisição excedido. Por favor, tente novamente.' + timeoutErrorMessage: + "Tempo limite da requisição excedido. Por favor, tente novamente.", }); // Interceptor para adicionar token em todas as requisições -api.interceptors.request.use(config => { - const token = localStorage.getItem('@AdvX:token'); +api.interceptors.request.use((config) => { + const token = localStorage.getItem("@AdvX:token"); if (token) { config.headers.Authorization = `Bearer ${token}`; } @@ -16,53 +17,57 @@ api.interceptors.request.use(config => { }); api.interceptors.response.use( - response => response, - error => { + (response) => response, + (error) => { if (axios.isAxiosError(error)) { - if (error.code === 'ECONNABORTED') { + if (error.code === "ECONNABORTED") { // Erro específico de timeout - console.error('Timeout da requisição:', { + console.error("Timeout da requisição:", { url: error.config?.url, method: error.config?.method, - timeout: error.config?.timeout + timeout: error.config?.timeout, }); - return Promise.reject(new Error('A operação demorou muito para responder. Por favor, tente novamente.')); + return Promise.reject( + new Error( + "A operação demorou muito para responder. Por favor, tente novamente.", + ), + ); } // Outros erros do Axios - console.error('API Error:', { + console.error("API Error:", { message: error.message, status: error.response?.status, data: error.response?.data, url: error.config?.url, - method: error.config?.method + method: error.config?.method, }); } else if (error.response) { - console.error('API Error Response:', { + console.error("API Error Response:", { status: error.response.status, statusText: error.response.statusText, data: error.response.data, url: error.config?.url, - method: error.config?.method + method: error.config?.method, }); } else if (error.request) { - console.error('API Error Request:', error.request); + console.error("API Error Request:", error.request); } else { - console.error('API Error:', error.message); + console.error("API Error:", error.message); } if (error.response && error.response.status === 401) { // Remover token inválido - localStorage.removeItem('@AdvX:token'); - + localStorage.removeItem("@AdvX:token"); + // Redirecionar para login se não estiver na página de login - if (window.location.pathname !== '/login') { - window.location.href = '/login'; + if (window.location.pathname !== "/login") { + window.location.href = "/login"; } } return Promise.reject(error); - } + }, ); export default api; diff --git a/src/services/datajud.ts b/src/services/datajud.ts index 61f8f83..77f4661 100644 --- a/src/services/datajud.ts +++ b/src/services/datajud.ts @@ -1,4 +1,5 @@ import axios from "axios"; + import { DatajudSearchResponse } from "../types/datajud"; export const datajudApi = { diff --git a/src/services/nextcloud.ts b/src/services/nextcloud.ts index 6c89c4d..5f19696 100644 --- a/src/services/nextcloud.ts +++ b/src/services/nextcloud.ts @@ -1,48 +1,57 @@ -import { createClient } from 'webdav'; -import { Buffer } from 'buffer'; +import { Buffer } from "buffer"; -const client = createClient('https://cloud.martinsevieira.adv.br/remote.php/dav/files/rodrigo/CLIENTES', { - username: 'rodrigo', - password: '34641747' -}); +import { createClient } from "webdav"; + +const client = createClient( + "https://cloud.martinsevieira.adv.br/remote.php/dav/files/rodrigo/CLIENTES", + { + username: "rodrigo", + password: "34641747", + }, +); export class NextCloudService { - static async uploadFile(file: Buffer, clienteNome: string, tipo: string = '', atendimentoProtocolo?: string): Promise<string> { + static async uploadFile( + file: Buffer, + clienteNome: string, + tipo: string = "", + atendimentoProtocolo?: string, + ): Promise<string> { try { // Limpar nome do cliente para usar como pasta (remover acentos e caracteres especiais) const pastaCliente = clienteNome - .normalize('NFD') - .replace(/[\u0300-\u036f]/g, '') + .normalize("NFD") + .replace(/[\u0300-\u036f]/g, "") .toUpperCase() - .replace(/[^a-zA-Z0-9]/g, '_'); - + .replace(/[^a-zA-Z0-9]/g, "_"); + // Se tiver protocolo, extrair apenas os números - const pastaProtocolo = atendimentoProtocolo - ? atendimentoProtocolo.replace(/\D/g, '') - : ''; - + const pastaProtocolo = atendimentoProtocolo + ? atendimentoProtocolo.replace(/\D/g, "") + : ""; + // Construir caminho da pasta garantindo a estrutura correta let pasta = pastaCliente; if (tipo) pasta += `/${tipo.toLowerCase()}`; // Pasta atendimento em minúsculo if (pastaProtocolo) pasta += `/${pastaProtocolo}`; // Apenas números do protocolo - console.log('Criando pasta:', pasta); // Debug + console.log("Criando pasta:", pasta); // Debug // Criar pasta se não existir await client.createDirectory(pasta, { recursive: true }); // Gerar nome do arquivo com timestamp - const fileName = `${Date.now()}_${file.name.replace(/[^a-zA-Z0-9.-]/g, '_')}`; + const fileName = `${Date.now()}_${file.name.replace(/[^a-zA-Z0-9.-]/g, "_")}`; const filePath = `${pasta}/${fileName}`; - console.log('Uploadando arquivo:', filePath); // Debug + console.log("Uploadando arquivo:", filePath); // Debug // Upload do arquivo await client.putFileContents(filePath, file); return filePath; } catch (error) { - console.error('Erro no upload para NextCloud:', error); + console.error("Erro no upload para NextCloud:", error); throw error; } } @@ -53,8 +62,8 @@ export class NextCloudService { await client.deleteFile(filePath); } } catch (error) { - console.error('Erro ao deletar arquivo:', error); - throw new Error('Não foi possível deletar o arquivo do Nextcloud'); + console.error("Erro ao deletar arquivo:", error); + throw new Error("Não foi possível deletar o arquivo do Nextcloud"); } } } diff --git a/src/services/upload.ts b/src/services/upload.ts index e30bcea..1e595c7 100644 --- a/src/services/upload.ts +++ b/src/services/upload.ts @@ -1,38 +1,37 @@ -import api from './api'; -import { NextCloudService } from './nextcloud'; +import api from "./api"; +import { NextCloudService } from "./nextcloud"; export async function uploadFile( - file: File, - clienteNome: string, - tipo: string = '', - protocolo?: string + file: File, + clienteNome: string, + tipo: string = "", + protocolo?: string, ): Promise<any> { try { const formData = new FormData(); - formData.append('file', file); - formData.append('clienteNome', clienteNome); - if (tipo) formData.append('tipo', tipo); - if (protocolo) formData.append('protocolo', protocolo); + formData.append("file", file); + formData.append("clienteNome", clienteNome); + if (tipo) formData.append("tipo", tipo); + if (protocolo) formData.append("protocolo", protocolo); // Fazer upload para o NextCloud - const uploadResponse = await api.post('/atendimentos/upload', formData, { - headers: { 'Content-Type': 'multipart/form-data' } + const uploadResponse = await api.post("/atendimentos/upload", formData, { + headers: { "Content-Type": "multipart/form-data" }, }); // Criar anexo no banco const anexoData = { nome: file.name, - tipo: tipo || 'GERAL', + tipo: tipo || "GERAL", tamanho: file.size, - url: uploadResponse.data.url + url: uploadResponse.data.url, }; - const anexoResponse = await api.post('/anexos', anexoData); + const anexoResponse = await api.post("/anexos", anexoData); return anexoResponse.data; - } catch (error) { - console.error('Erro no upload:', error); - throw new Error('Falha no upload do arquivo'); + console.error("Erro no upload:", error); + throw new Error("Falha no upload do arquivo"); } } @@ -41,7 +40,7 @@ export const deleteFile = async (anexoId: string, filePath: string) => { await NextCloudService.deleteFile(filePath); await api.delete(`/anexos/${anexoId}`); } catch (error) { - console.error('Erro ao deletar arquivo:', error); - throw new Error('Falha ao deletar arquivo'); + console.error("Erro ao deletar arquivo:", error); + throw new Error("Falha ao deletar arquivo"); } }; diff --git a/src/types/bcryptjs.d.ts b/src/types/bcryptjs.d.ts index 9141752..e54975a 100644 --- a/src/types/bcryptjs.d.ts +++ b/src/types/bcryptjs.d.ts @@ -1,4 +1,4 @@ -declare module 'bcryptjs' { +declare module "bcryptjs" { export function genSalt(rounds?: number): Promise<string>; export function hash(s: string, salt: string | number): Promise<string>; export function compare(s: string, hash: string): Promise<boolean>; diff --git a/src/types/entities.ts b/src/types/entities.ts index 67f9bee..82bcd90 100644 --- a/src/types/entities.ts +++ b/src/types/entities.ts @@ -31,7 +31,12 @@ export enum StatusProcesso { ARQUIVADO = "ARQUIVADO", } -export type ResultadoProcesso = 'NAO_JULGADO' | 'PROCEDENTE' | 'PARCIALMENTE_PROCEDENTE' | 'IMPROCEDENTE' | 'SEM_ANALISE_MERITO'; +export type ResultadoProcesso = + | "NAO_JULGADO" + | "PROCEDENTE" + | "PARCIALMENTE_PROCEDENTE" + | "IMPROCEDENTE" + | "SEM_ANALISE_MERITO"; export interface Processo { id: string; @@ -119,8 +124,8 @@ export interface Tarefa { id: string; titulo: string; descricao: string; - status: 'PENDENTE' | 'EM_ANDAMENTO' | 'CONCLUIDA' | 'CANCELADA'; - prioridade: 'BAIXA' | 'MEDIA' | 'ALTA' | 'URGENTE'; + status: "PENDENTE" | "EM_ANDAMENTO" | "CONCLUIDA" | "CANCELADA"; + prioridade: "BAIXA" | "MEDIA" | "ALTA" | "URGENTE"; dataInicio: Date; dataVencimento: Date; responsavelId: string; diff --git a/src/types/env.d.ts b/src/types/env.d.ts index a4a3d53..1f8f045 100644 --- a/src/types/env.d.ts +++ b/src/types/env.d.ts @@ -11,11 +11,11 @@ declare namespace NodeJS { interface ImportMetaEnv { // ...existing env types... - readonly VITE_NEXTCLOUD_URL: string - readonly VITE_NEXTCLOUD_USER: string - readonly VITE_NEXTCLOUD_PASS: string + readonly VITE_NEXTCLOUD_URL: string; + readonly VITE_NEXTCLOUD_USER: string; + readonly VITE_NEXTCLOUD_PASS: string; } interface ImportMeta { - readonly env: ImportMetaEnv + readonly env: ImportMetaEnv; } diff --git a/src/types/express.d.ts b/src/types/express.d.ts index 3377337..99d3190 100644 --- a/src/types/express.d.ts +++ b/src/types/express.d.ts @@ -1,4 +1,4 @@ -import { Request } from 'express'; +import { Request } from "express"; declare global { namespace Express { diff --git a/src/types/processoAdministrativo.ts b/src/types/processoAdministrativo.ts index efc7142..db11234 100644 --- a/src/types/processoAdministrativo.ts +++ b/src/types/processoAdministrativo.ts @@ -1,11 +1,11 @@ -import { TipoParte } from './processo'; +import { TipoParte } from "./processo"; export enum StatusProcessoAdministrativo { - INICIAL = 'INICIAL', - EM_ANALISE = 'EM_ANALISE', - EM_RECURSO = 'EM_RECURSO', - FINALIZADO = 'FINALIZADO', - ARQUIVADO = 'ARQUIVADO' + INICIAL = "INICIAL", + EM_ANALISE = "EM_ANALISE", + EM_RECURSO = "EM_RECURSO", + FINALIZADO = "FINALIZADO", + ARQUIVADO = "ARQUIVADO", } export interface MovimentacaoAdministrativa { diff --git a/src/utils/classNames.ts b/src/utils/classNames.ts index e1e98a5..b14852e 100644 --- a/src/utils/classNames.ts +++ b/src/utils/classNames.ts @@ -1,3 +1,3 @@ export function classNames(...classes: string[]) { - return classes.filter(Boolean).join(' '); + return classes.filter(Boolean).join(" "); } diff --git a/src/utils/constants/icons.tsx b/src/utils/constants/icons.tsx index ef9f694..57bee7a 100644 --- a/src/utils/constants/icons.tsx +++ b/src/utils/constants/icons.tsx @@ -1,35 +1,95 @@ export const DashboardIcon = ({ className }: { className?: string }) => ( - <svg className={className} fill="none" viewBox="0 0 24 24" stroke="currentColor"> - <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={1.5} d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z" /> + <svg + className={className} + fill="none" + viewBox="0 0 24 24" + stroke="currentColor" + > + <path + strokeLinecap="round" + strokeLinejoin="round" + strokeWidth={1.5} + d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z" + /> </svg> ); export const ProcessIcon = ({ className }: { className?: string }) => ( - <svg className={className} fill="none" viewBox="0 0 24 24" stroke="currentColor"> - <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={1.5} d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" /> + <svg + className={className} + fill="none" + viewBox="0 0 24 24" + stroke="currentColor" + > + <path + strokeLinecap="round" + strokeLinejoin="round" + strokeWidth={1.5} + d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" + /> </svg> ); export const ClientsIcon = ({ className }: { className?: string }) => ( - <svg className={className} fill="none" viewBox="0 0 24 24" stroke="currentColor"> - <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={1.5} d="M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z" /> + <svg + className={className} + fill="none" + viewBox="0 0 24 24" + stroke="currentColor" + > + <path + strokeLinecap="round" + strokeLinejoin="round" + strokeWidth={1.5} + d="M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z" + /> </svg> ); export const DeadlineIcon = ({ className }: { className?: string }) => ( - <svg className={className} fill="none" viewBox="0 0 24 24" stroke="currentColor"> - <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={1.5} d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" /> + <svg + className={className} + fill="none" + viewBox="0 0 24 24" + stroke="currentColor" + > + <path + strokeLinecap="round" + strokeLinejoin="round" + strokeWidth={1.5} + d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" + /> </svg> ); export const UsersIcon = ({ className }: { className?: string }) => ( - <svg className={className} fill="none" viewBox="0 0 24 24" stroke="currentColor"> - <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={1.5} d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z" /> + <svg + className={className} + fill="none" + viewBox="0 0 24 24" + stroke="currentColor" + > + <path + strokeLinecap="round" + strokeLinejoin="round" + strokeWidth={1.5} + d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z" + /> </svg> ); export const AtendimentoIcon = ({ className }: { className?: string }) => ( - <svg className={className} fill="none" viewBox="0 0 24 24" stroke="currentColor"> - <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={1.5} d="M8 10h.01M12 10h.01M16 10h.01M9 16H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-5l-5 5v-5z" /> + <svg + className={className} + fill="none" + viewBox="0 0 24 24" + stroke="currentColor" + > + <path + strokeLinecap="round" + strokeLinejoin="round" + strokeWidth={1.5} + d="M8 10h.01M12 10h.01M16 10h.01M9 16H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-5l-5 5v-5z" + /> </svg> ); diff --git a/src/utils/documentTemplates.ts b/src/utils/documentTemplates.ts index 772aca6..c9fe75a 100644 --- a/src/utils/documentTemplates.ts +++ b/src/utils/documentTemplates.ts @@ -1,9 +1,9 @@ export const TIPOS_DOCUMENTO = { - PROCURACAO: 'PROCURACAO', - CONTRATO: 'CONTRATO', - DECLARACAO: 'DECLARACAO', - PETICAO: 'PETICAO', - OUTROS: 'OUTROS' + PROCURACAO: "PROCURACAO", + CONTRATO: "CONTRATO", + DECLARACAO: "DECLARACAO", + PETICAO: "PETICAO", + OUTROS: "OUTROS", } as const; // Template base para todos os documentos @@ -61,7 +61,7 @@ export const documentTemplates = { templates: { [TIPOS_DOCUMENTO.PROCURACAO]: TEMPLATE_PROCURACAO, // Adicionar outros templates aqui - } + }, }; export const templates = { @@ -103,12 +103,24 @@ export const templates = { </div> `, variaveis: [ - "cliente.nome", "cliente.nacionalidade", "cliente.estadoCivil", "cliente.rg", - "cliente.cpf", "cliente.endereco", "cliente.numero", "cliente.bairro", - "cliente.cidade", "cliente.estado", "cliente.cep", "advogado.nome", - "advogado.oab", "advogado.oabUF", "escritorio.endereco", "cidade", - "dataExtenso" - ] + "cliente.nome", + "cliente.nacionalidade", + "cliente.estadoCivil", + "cliente.rg", + "cliente.cpf", + "cliente.endereco", + "cliente.numero", + "cliente.bairro", + "cliente.cidade", + "cliente.estado", + "cliente.cep", + "advogado.nome", + "advogado.oab", + "advogado.oabUF", + "escritorio.endereco", + "cidade", + "dataExtenso", + ], }, CONTRATO_HONORARIOS: { nome: "Contrato de Honorários", @@ -159,12 +171,27 @@ export const templates = { </div> `, variaveis: [ - "cliente.nome", "cliente.nacionalidade", "cliente.estadoCivil", "cliente.rg", - "cliente.cpf", "cliente.endereco", "cliente.numero", "cliente.bairro", - "cliente.cidade", "cliente.estado", "cliente.cep", "advogado.nome", - "advogado.oab", "advogado.oabUF", "escritorio.endereco", "cidade", - "dataExtenso", "objeto", "honorarios.valor", "honorarios.condicoes" - ] + "cliente.nome", + "cliente.nacionalidade", + "cliente.estadoCivil", + "cliente.rg", + "cliente.cpf", + "cliente.endereco", + "cliente.numero", + "cliente.bairro", + "cliente.cidade", + "cliente.estado", + "cliente.cep", + "advogado.nome", + "advogado.oab", + "advogado.oabUF", + "escritorio.endereco", + "cidade", + "dataExtenso", + "objeto", + "honorarios.valor", + "honorarios.condicoes", + ], }, DECLARACAO: { nome: "Declaração", @@ -192,11 +219,24 @@ export const templates = { </div> `, variaveis: [ - "cliente.nome", "cliente.nacionalidade", "cliente.estadoCivil", "cliente.rg", - "cliente.cpf", "cliente.endereco", "cliente.numero", "cliente.bairro", - "cliente.cidade", "cliente.estado", "cliente.cep", "advogado.nome", - "advogado.oab", "advogado.oabUF", "escritorio.endereco", "cidade", - "dataExtenso", "conteudoDeclaracao" - ] - } + "cliente.nome", + "cliente.nacionalidade", + "cliente.estadoCivil", + "cliente.rg", + "cliente.cpf", + "cliente.endereco", + "cliente.numero", + "cliente.bairro", + "cliente.cidade", + "cliente.estado", + "cliente.cep", + "advogado.nome", + "advogado.oab", + "advogado.oabUF", + "escritorio.endereco", + "cidade", + "dataExtenso", + "conteudoDeclaracao", + ], + }, }; diff --git a/src/utils/documentVariables.ts b/src/utils/documentVariables.ts index c9b8574..60c46f8 100644 --- a/src/utils/documentVariables.ts +++ b/src/utils/documentVariables.ts @@ -1,43 +1,43 @@ export const DOCUMENT_VARIABLES = { CLIENTE: { - NOME: '{{cliente.nome}}', - CPF: '{{cliente.cpf}}', // Usar cpf como alias para cpfCnpj - CPF_CNPJ: '{{cliente.cpfCnpj}}', // Manter opção com nome original - RG: '{{cliente.rg}}', - ENDERECO_COMPLETO: '{{cliente.enderecoCompleto}}', - NOME_PAI: '{{cliente.nomePai}}', - NOME_MAE: '{{cliente.nomeMae}}', - ESTADO_CIVIL: '{{cliente.estadoCivil}}', - PROFISSAO: '{{cliente.profissao}}', - NACIONALIDADE: '{{cliente.nacionalidade}}', + NOME: "{{cliente.nome}}", + CPF: "{{cliente.cpf}}", // Usar cpf como alias para cpfCnpj + CPF_CNPJ: "{{cliente.cpfCnpj}}", // Manter opção com nome original + RG: "{{cliente.rg}}", + ENDERECO_COMPLETO: "{{cliente.enderecoCompleto}}", + NOME_PAI: "{{cliente.nomePai}}", + NOME_MAE: "{{cliente.nomeMae}}", + ESTADO_CIVIL: "{{cliente.estadoCivil}}", + PROFISSAO: "{{cliente.profissao}}", + NACIONALIDADE: "{{cliente.nacionalidade}}", }, ATENDIMENTO: { - PROTOCOLO: '{{atendimento.protocolo}}', - DATA: '{{atendimento.data}}', - TITULO: '{{atendimento.titulo}}', + PROTOCOLO: "{{atendimento.protocolo}}", + DATA: "{{atendimento.data}}", + TITULO: "{{atendimento.titulo}}", }, PROCESSO: { - NUMERO: '{{processo.numero}}', - VARA: '{{processo.vara}}', - TRIBUNAL: '{{processo.tribunal}}', + NUMERO: "{{processo.numero}}", + VARA: "{{processo.vara}}", + TRIBUNAL: "{{processo.tribunal}}", }, ADVOGADO: { - NOME: '{{advogado.nome}}', - OAB: '{{advogado.oab}}', - OAB_UF: '{{advogado.oabUF}}', + NOME: "{{advogado.nome}}", + OAB: "{{advogado.oab}}", + OAB_UF: "{{advogado.oabUF}}", }, ESCRITORIO: { - NOME: '{{escritorio.nome}}', - ENDERECO: '{{escritorio.endereco}}', - TELEFONE: '{{escritorio.telefone}}', - EMAIL: '{{escritorio.email}}', + NOME: "{{escritorio.nome}}", + ENDERECO: "{{escritorio.endereco}}", + TELEFONE: "{{escritorio.telefone}}", + EMAIL: "{{escritorio.email}}", }, DATA: { - ATUAL: '{{data.atual}}', - ATUAL_EXTENSO: '{{data.atualExtenso}}', - DIA: '{{data.dia}}', - MES: '{{data.mes}}', - MES_EXTENSO: '{{data.mesExtenso}}', - ANO: '{{data.ano}}' - } + ATUAL: "{{data.atual}}", + ATUAL_EXTENSO: "{{data.atualExtenso}}", + DIA: "{{data.dia}}", + MES: "{{data.mes}}", + MES_EXTENSO: "{{data.mesExtenso}}", + ANO: "{{data.ano}}", + }, } as const; diff --git a/src/utils/escritorioConfig.ts b/src/utils/escritorioConfig.ts index 0f30d02..e263980 100644 --- a/src/utils/escritorioConfig.ts +++ b/src/utils/escritorioConfig.ts @@ -26,18 +26,23 @@ export const configuracaoEscritorio = { cep: "01234-567", telefone: "(11) 1234-5678", email: "contato@martinsevieira.adv.br", - website: "www.martinsevieira.adv.br" + website: "www.martinsevieira.adv.br", }, - logoUrl: "/assets/logo.png" - } + logoUrl: "/assets/logo.png", + }, }; -export const preencherTemplate = (template: string, variaveis: Record<string, any>): string => { - let resultado = template; +export const preencherTemplate = ( + template: string, + variaveis: Record<string, any>, +): string => { + const resultado = template; const regex = /\{\{([\w.]+)\}\}/g; - + return resultado.replace(regex, (match, path) => { - const valor = path.split('.').reduce((obj: any, key: string) => obj?.[key], variaveis); + const valor = path + .split(".") + .reduce((obj: any, key: string) => obj?.[key], variaveis); return valor !== undefined ? valor : match; }); }; diff --git a/src/utils/exportPDF.ts b/src/utils/exportPDF.ts index 93433ea..8a437cc 100644 --- a/src/utils/exportPDF.ts +++ b/src/utils/exportPDF.ts @@ -1,7 +1,6 @@ -import { jsPDF } from 'jspdf'; -import 'jspdf-autotable'; -import { format } from 'date-fns'; -import { ptBR } from 'date-fns/locale'; +import { jsPDF } from "jspdf"; +import "jspdf-autotable"; +import { format, ptBR } from "date-fns"; interface ExportOptions { titulo: string; @@ -14,14 +13,21 @@ interface ExportOptions { }[]; } -export const exportToPDF = ({ titulo, subtitulo, dados, colunas }: ExportOptions) => { +export const exportToPDF = ({ + titulo, + subtitulo, + dados, + colunas, +}: ExportOptions) => { const doc = new jsPDF(); - const dataAtual = format(new Date(), "dd 'de' MMMM 'de' yyyy", { locale: ptBR }); + const dataAtual = format(new Date(), "dd 'de' MMMM 'de' yyyy", { + locale: ptBR, + }); // Cabeçalho doc.setFontSize(16); doc.text(titulo, 14, 15); - + if (subtitulo) { doc.setFontSize(12); doc.text(subtitulo, 14, 25); @@ -33,18 +39,20 @@ export const exportToPDF = ({ titulo, subtitulo, dados, colunas }: ExportOptions // Tabela (doc as any).autoTable({ startY: subtitulo ? 40 : 30, - head: [colunas.map(col => col.header)], - body: dados.map(row => - colunas.map(col => { + head: [colunas.map((col) => col.header)], + body: dados.map((row) => + colunas.map((col) => { const value = row[col.dataKey]; return col.format ? col.format(value) : value; - }) + }), ), - theme: 'striped', + theme: "striped", headStyles: { fillColor: [59, 130, 246] }, styles: { fontSize: 8 }, }); // Salvar - doc.save(`${titulo.toLowerCase().replace(/\s+/g, '_')}_${format(new Date(), 'yyyyMMdd')}.pdf`); + doc.save( + `${titulo.toLowerCase().replace(/\s+/g, "_")}_${format(new Date(), "yyyyMMdd")}.pdf`, + ); }; diff --git a/src/utils/formatters.ts b/src/utils/formatters.ts index 3159ef1..3fdcd97 100644 --- a/src/utils/formatters.ts +++ b/src/utils/formatters.ts @@ -70,31 +70,31 @@ export const validaNumeroProcesso = (numero: string): boolean => { }; export const formatCurrency = (value: number): string => { - return new Intl.NumberFormat('pt-BR', { - style: 'currency', - currency: 'BRL' + return new Intl.NumberFormat("pt-BR", { + style: "currency", + currency: "BRL", }).format(value); }; // Função para formatar um valor para moeda (R$) export const formatarMoeda = (valor: string | number): string => { // Se for string vazia, retorna vazia - if (valor === '') return ''; - + if (valor === "") return ""; + // Converter para número let numero: number; - if (typeof valor === 'string') { + if (typeof valor === "string") { // Substituir vírgula por ponto para processamento - numero = parseFloat(valor.replace(/\./g, '').replace(',', '.')); + numero = parseFloat(valor.replace(/\./g, "").replace(",", ".")); } else { numero = valor; } - + // Se não for um número válido, retorna vazio - if (isNaN(numero)) return ''; - + if (isNaN(numero)) return ""; + // Formatar o número como moeda brasileira - return numero.toLocaleString('pt-BR', { + return numero.toLocaleString("pt-BR", { minimumFractionDigits: 2, maximumFractionDigits: 2, }); @@ -103,56 +103,66 @@ export const formatarMoeda = (valor: string | number): string => { // Função para converter uma string formatada como moeda para número export const parseMoeda = (valor: string): number => { if (!valor) return 0; - + // Remover símbolos de moeda e pontos de milhar, substituir vírgula por ponto - const numeroStr = valor.replace(/[^\d,.-]/g, '').replace('.', '').replace(',', '.'); + const numeroStr = valor + .replace(/[^\d,.-]/g, "") + .replace(".", "") + .replace(",", "."); return parseFloat(numeroStr); }; // Função para formatar um valor como percentual export const formatarPercentual = (valor: string | number): string => { // Se for string vazia, retorna vazia - if (valor === '') return ''; - + if (valor === "") return ""; + // Converter para número let numero: number; - if (typeof valor === 'string') { + if (typeof valor === "string") { // Remover o símbolo de % e substituir vírgula por ponto - numero = parseFloat(valor.replace('%', '').replace(/\./g, '').replace(',', '.')); + numero = parseFloat( + valor.replace("%", "").replace(/\./g, "").replace(",", "."), + ); } else { numero = valor; } - + // Se não for um número válido, retorna vazio - if (isNaN(numero)) return ''; - + if (isNaN(numero)) return ""; + // Formatar o número como percentual brasileiro - return numero.toLocaleString('pt-BR', { - minimumFractionDigits: 2, - maximumFractionDigits: 2, - }) + '%'; + return ( + numero.toLocaleString("pt-BR", { + minimumFractionDigits: 2, + maximumFractionDigits: 2, + }) + "%" + ); }; // Função para converter uma string formatada como percentual para número decimal export const parsePercentual = (valor: string): number => { if (!valor) return 0; - + // Remover símbolo de percentual, pontos de milhar, substituir vírgula por ponto - const numeroStr = valor.replace(/%/g, '').replace(/\./g, '').replace(',', '.'); + const numeroStr = valor + .replace(/%/g, "") + .replace(/\./g, "") + .replace(",", "."); const percentual = parseFloat(numeroStr); - + // Converter para decimal (ex: 30% -> 0.3) return percentual / 100; }; // Função para formatar uma data no padrão brasileiro export const formatarData = (data: Date | string): string => { - if (!data) return ''; - + if (!data) return ""; + const dataObj = data instanceof Date ? data : new Date(data); - + // Verificar se é uma data válida - if (isNaN(dataObj.getTime())) return ''; - - return dataObj.toLocaleDateString('pt-BR'); + if (isNaN(dataObj.getTime())) return ""; + + return dataObj.toLocaleDateString("pt-BR"); }; diff --git a/src/workers/ProvaWorker.ts b/src/workers/ProvaWorker.ts index 8f0624b..fd34eba 100644 --- a/src/workers/ProvaWorker.ts +++ b/src/workers/ProvaWorker.ts @@ -1,55 +1,59 @@ -import { Queue, Worker } from 'bullmq'; -import { ProvaService } from '../services/ProvaService'; -import { prisma } from '../config/database'; +import { Queue, Worker } from "bullmq"; -const provaQueue = new Queue('provas', { +import { prisma } from "../config/database"; +import { ProvaService } from "../services/ProvaService"; + +const provaQueue = new Queue("provas", { connection: { - host: process.env.REDIS_HOST || 'localhost', - port: Number(process.env.REDIS_PORT) || 6379 - } + host: process.env.REDIS_HOST || "localhost", + port: Number(process.env.REDIS_PORT) || 6379, + }, }); -const worker = new Worker('provas', async (job) => { - const { fileData, metadata } = job.data; - const provaService = new ProvaService(); +const worker = new Worker( + "provas", + async (job) => { + const { fileData, metadata } = job.data; + const provaService = new ProvaService(); - try { - // Atualizar status para PROCESSANDO - await prisma.prova.update({ - where: { id: job.data.provaId }, - data: { status: 'PROCESSANDO' } - }); + try { + // Atualizar status para PROCESSANDO + await prisma.prova.update({ + where: { id: job.data.provaId }, + data: { status: "PROCESSANDO" }, + }); - // Processar o arquivo - const result = await provaService.processFile( - Buffer.from(fileData), - metadata - ); + // Processar o arquivo + const result = await provaService.processFile( + Buffer.from(fileData), + metadata, + ); - // Atualizar prova com resultado - await prisma.prova.update({ - where: { id: job.data.provaId }, - data: { - status: 'CONCLUIDO', - ...result - } - }); - - } catch (error) { - console.error('Erro no processamento:', error); - await prisma.prova.update({ - where: { id: job.data.provaId }, - data: { - status: 'ERRO', - error: error.message - } - }); - } -}, { - connection: { - host: process.env.REDIS_HOST || 'localhost', - port: Number(process.env.REDIS_PORT) || 6379 - } -}); + // Atualizar prova com resultado + await prisma.prova.update({ + where: { id: job.data.provaId }, + data: { + status: "CONCLUIDO", + ...result, + }, + }); + } catch (error) { + console.error("Erro no processamento:", error); + await prisma.prova.update({ + where: { id: job.data.provaId }, + data: { + status: "ERRO", + error: error.message, + }, + }); + } + }, + { + connection: { + host: process.env.REDIS_HOST || "localhost", + port: Number(process.env.REDIS_PORT) || 6379, + }, + }, +); export { provaQueue, worker }; diff --git a/src/workers/startWorker.ts b/src/workers/startWorker.ts index eb8fd6a..a0364d1 100644 --- a/src/workers/startWorker.ts +++ b/src/workers/startWorker.ts @@ -1,11 +1,11 @@ -import { worker } from './ProvaWorker'; +import { worker } from "./ProvaWorker"; -worker.on('completed', (job) => { +worker.on("completed", (job) => { console.log(`Prova ${job.data.provaId} processada com sucesso`); }); -worker.on('failed', (job, error) => { +worker.on("failed", (job, error) => { console.error(`Erro ao processar prova ${job.data.provaId}:`, error); }); -console.log('Worker de processamento de provas iniciado'); +console.log("Worker de processamento de provas iniciado"); diff --git a/tailwind.config.js b/tailwind.config.js index 7e045bd..ee78291 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -1,12 +1,9 @@ /** @type {import('tailwindcss').Config} */ module.exports = { - content: [ - "./index.html", - "./src/**/*.{js,ts,jsx,tsx}", - ], - darkMode: 'class', + content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"], + darkMode: "class", theme: { extend: {}, }, plugins: [], -} +}; diff --git a/vite.config.ts b/vite.config.ts index 05eefe2..1dc535e 100644 --- a/vite.config.ts +++ b/vite.config.ts @@ -1,38 +1,32 @@ -import { defineConfig } from "vite"; +import path from "path"; + import react from "@vitejs/plugin-react"; -import path from 'path'; +import { defineConfig } from "vite"; export default defineConfig({ plugins: [react()], server: { port: 3000, host: true, - allowedHosts: [ - 'localhost', - '127.0.0.1', - 'advx.martinsevieira.adv.br' - ], + allowedHosts: ["localhost", "127.0.0.1", "advx.martinsevieira.adv.br"], proxy: { - '/api': { - target: 'http://localhost:5000', + "/api": { + target: "http://localhost:5000", changeOrigin: true, secure: false, - } + }, }, hmr: { // Configuração do HMR - host: 'advx.martinsevieira.adv.br', - protocol: 'wss', + host: "advx.martinsevieira.adv.br", + protocol: "wss", clientPort: 443, - overlay: true + overlay: true, }, }, css: { postcss: { - plugins: [ - require('tailwindcss'), - require('autoprefixer'), - ], + plugins: [require("tailwindcss"), require("autoprefixer")], }, }, define: {
- Esta ação não pode ser desfeita. O atendimento será marcado como cancelado, mas manterá seu protocolo e histórico. + Esta ação não pode ser desfeita. O atendimento será marcado + como cancelado, mas manterá seu protocolo e histórico.