@hed-hog/finance 0.0.238 → 0.0.240

package/hedhog/frontend/app/accounts-payable/approvals/page.tsx.ejs

@@ -31,9 +31,10 @@ import {
   TableRow,
 } from '@/components/ui/table';
 import { Textarea } from '@/components/ui/textarea';
+import { useApp } from '@hed-hog/next-app-provider';
 import { AlertTriangle, CheckCircle, Clock, XCircle } from 'lucide-react';
 import { useTranslations } from 'next-intl';
-import { useEffect, useState } from 'react';
+import { useMemo, useState } from 'react';
 import { formatarData } from '../../_lib/formatters';
 import { useFinanceData } from '../../_lib/use-finance-data';
 
@@ -43,10 +44,11 @@ function AprovacaoDialog({
   t,
 }: {
   tipo: 'aprovar' | 'reprovar';
-  onConfirm: () => void;
+  onConfirm: (comment?: string) => void;
   t: ReturnType<typeof useTranslations>;
 }) {
   const isAprovar = tipo === 'aprovar';
+  const [comment, setComment] = useState('');
 
   return (
     <Dialog>
@@ -81,6 +83,8 @@ function AprovacaoDialog({
             <Label htmlFor="comentario">{t('dialog.comment')}</Label>
             <Textarea
               id="comentario"
+              value={comment}
+              onChange={(event) => setComment(event.target.value)}
               placeholder={
                 isAprovar
                   ? t('dialog.optionalCommentPlaceholder')
@@ -96,7 +100,7 @@ function AprovacaoDialog({
           <Button
             type="button"
             variant={isAprovar ? 'default' : 'destructive'}
-            onClick={onConfirm}
+            onClick={() => onConfirm(comment || undefined)}
           >
             {isAprovar ? t('dialog.confirmApprove') : t('dialog.confirmReject')}
           </Button>
@@ -108,19 +112,84 @@ function AprovacaoDialog({
 
 export default function AprovacoesPage() {
   const t = useTranslations('finance.PayableApprovalsPage');
-  const { data } = useFinanceData();
+  const { request, showToastHandler } = useApp();
+  const { data, refetch } = useFinanceData();
   const { aprovacoesPendentes, titulosPagar, pessoas } = data;
 
   const getPessoaById = (id?: string) => pessoas.find((p) => p.id === id);
 
-  const [aprovacoes, setAprovacoes] = useState(aprovacoesPendentes);
+  const aprovacoes = useMemo(() => {
+    const pendenciasDoBackend = Array.isArray(aprovacoesPendentes)
+      ? aprovacoesPendentes
+      : [];
 
-  useEffect(() => {
-    setAprovacoes(aprovacoesPendentes);
-  }, [aprovacoesPendentes]);
+    const pendenciasDerivadasDosTitulos = (
+      Array.isArray(titulosPagar) ? titulosPagar : []
+    )
+      .filter(
+        (titulo) => titulo.status === 'rascunho' || titulo.status === 'draft'
+      )
+      .map((titulo) => ({
+        id: String(titulo.id),
+        tituloId: String(titulo.id),
+        solicitante: '-',
+        valor: Number(titulo.valorTotal || 0),
+        politica: 'Aprovação financeira',
+        urgencia: 'media',
+        dataSolicitacao: titulo.criadoEm,
+      }));
 
-  const handleAprovacao = (id: string) => {
-    setAprovacoes(aprovacoes.filter((a) => a.id !== id));
+    const basePendencias =
+      pendenciasDoBackend.length > 0
+        ? pendenciasDoBackend
+        : pendenciasDerivadasDosTitulos;
+
+    return basePendencias;
+  }, [aprovacoesPendentes, titulosPagar]);
+
+  const handleAprovacao = async (_id: string, tituloId?: string) => {
+    if (!tituloId) {
+      showToastHandler?.('error', 'Título inválido para aprovação');
+      return;
+    }
+
+    try {
+      await request({
+        url: `/finance/accounts-payable/installments/${tituloId}/approve`,
+        method: 'PATCH',
+      });
+
+      await refetch();
+      showToastHandler?.('success', 'Título aprovado com sucesso');
+    } catch {
+      showToastHandler?.('error', 'Não foi possível aprovar o título');
+    }
+  };
+
+  const handleReprovacao = async (
+    _id: string,
+    tituloId?: string,
+    reason?: string
+  ) => {
+    if (!tituloId) {
+      showToastHandler?.('error', 'Título inválido para reprovação');
+      return;
+    }
+
+    try {
+      await request({
+        url: `/finance/accounts-payable/installments/${tituloId}/reject`,
+        method: 'PATCH',
+        data: {
+          reason: reason || undefined,
+        },
+      });
+
+      await refetch();
+      showToastHandler?.('success', 'Título reprovado com sucesso');
+    } catch {
+      showToastHandler?.('error', 'Não foi possível reprovar o título');
+    }
   };
 
   const urgenciaConfig = {
@@ -265,12 +334,23 @@ export default function AprovacoesPage() {
                           <AprovacaoDialog
                             tipo="aprovar"
                             t={t}
-                            onConfirm={() => handleAprovacao(aprovacao.id)}
+                            onConfirm={() =>
+                              void handleAprovacao(
+                                aprovacao.id,
+                                aprovacao.tituloId
+                              )
+                            }
                           />
                           <AprovacaoDialog
                             tipo="reprovar"
                             t={t}
-                            onConfirm={() => handleAprovacao(aprovacao.id)}
+                            onConfirm={(comment) =>
+                              void handleReprovacao(
+                                aprovacao.id,
+                                aprovacao.tituloId,
+                                comment
+                              )
+                            }
                           />
                         </div>
                       </TableCell>