@hed-hog/finance 0.0.232 → 0.0.235

package/hedhog/data/route.yaml

@@ -34,6 +34,15 @@
       - where:
           slug: admin-finance
 
+- url: /finance/accounts-payable/installments/extract-from-file
+  method: POST
+  relations:
+    role:
+      - where:
+          slug: admin
+      - where:
+          slug: admin-finance
+
 - url: /finance/accounts-receivable/installments
   method: GET
   relations:
@@ -61,6 +70,15 @@
       - where:
           slug: admin-finance
 
+- url: /finance/accounts-receivable/installments/extract-from-file
+  method: POST
+  relations:
+    role:
+      - where:
+          slug: admin
+      - where:
+          slug: admin-finance
+
 - url: /finance/bank-accounts
   method: GET
   relations:

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

@@ -54,6 +54,7 @@ import {
   Download,
   Edit,
   Eye,
+  Loader2,
   MoreHorizontal,
   Paperclip,
   Plus,
@@ -100,6 +101,11 @@ function NovoTituloSheet({
   const [uploadedFileId, setUploadedFileId] = useState<number | null>(null);
   const [uploadedFileName, setUploadedFileName] = useState('');
   const [isUploadingFile, setIsUploadingFile] = useState(false);
+  const [isExtractingFileData, setIsExtractingFileData] = useState(false);
+  const [extractionConfidence, setExtractionConfidence] = useState<
+    number | null
+  >(null);
+  const [extractionWarnings, setExtractionWarnings] = useState<string[]>([]);
   const [uploadProgress, setUploadProgress] = useState(0);
 
   const normalizeFilenameForDisplay = (filename: string) => {
@@ -164,6 +170,8 @@ function NovoTituloSheet({
       form.reset();
       setUploadedFileId(null);
       setUploadedFileName('');
+      setExtractionConfidence(null);
+      setExtractionWarnings([]);
       setOpen(false);
       showToastHandler?.('success', 'Título criado com sucesso');
     } catch {
@@ -175,6 +183,8 @@ function NovoTituloSheet({
     form.reset();
     setUploadedFileId(null);
     setUploadedFileName('');
+    setExtractionConfidence(null);
+    setExtractionWarnings([]);
     setUploadProgress(0);
     setOpen(false);
   };
@@ -215,9 +225,113 @@ function NovoTituloSheet({
       );
       setUploadProgress(100);
       showToastHandler?.('success', 'Arquivo relacionado com sucesso');
+
+      setIsExtractingFileData(true);
+      try {
+        const extraction = await request<{
+          documento?: string | null;
+          fornecedorId?: string;
+          competencia?: string;
+          vencimento?: string;
+          valor?: number | null;
+          categoriaId?: string;
+          centroCustoId?: string;
+          metodo?: string;
+          descricao?: string | null;
+          confidence?: number | null;
+          confidenceLevel?: 'low' | 'high' | null;
+          warnings?: string[];
+        }>({
+          url: '/finance/accounts-payable/installments/extract-from-file',
+          method: 'POST',
+          data: {
+            file_id: data.id,
+          },
+        });
+
+        const extracted = extraction.data || {};
+        setExtractionConfidence(
+          typeof extracted.confidence === 'number' ? extracted.confidence : null
+        );
+        setExtractionWarnings(
+          Array.isArray(extracted.warnings)
+            ? extracted.warnings.filter(Boolean)
+            : []
+        );
+
+        if (extracted.documento) {
+          form.setValue('documento', extracted.documento, {
+            shouldValidate: true,
+          });
+        }
+
+        if (extracted.fornecedorId) {
+          form.setValue('fornecedorId', extracted.fornecedorId, {
+            shouldValidate: true,
+          });
+        }
+
+        if (extracted.competencia) {
+          form.setValue('competencia', extracted.competencia, {
+            shouldValidate: true,
+          });
+        }
+
+        if (extracted.vencimento) {
+          form.setValue('vencimento', extracted.vencimento, {
+            shouldValidate: true,
+          });
+        }
+
+        if (typeof extracted.valor === 'number' && extracted.valor > 0) {
+          form.setValue('valor', extracted.valor, {
+            shouldValidate: true,
+          });
+        }
+
+        if (extracted.categoriaId) {
+          form.setValue('categoriaId', extracted.categoriaId, {
+            shouldValidate: true,
+          });
+        }
+
+        if (extracted.centroCustoId) {
+          form.setValue('centroCustoId', extracted.centroCustoId, {
+            shouldValidate: true,
+          });
+        }
+
+        if (extracted.metodo) {
+          form.setValue('metodo', extracted.metodo, {
+            shouldValidate: true,
+          });
+        }
+
+        if (extracted.descricao) {
+          form.setValue('descricao', extracted.descricao, {
+            shouldValidate: true,
+          });
+        }
+
+        showToastHandler?.(
+          'success',
+          'Dados da fatura extraídos e preenchidos automaticamente'
+        );
+      } catch {
+        setExtractionConfidence(null);
+        setExtractionWarnings([]);
+        showToastHandler?.(
+          'error',
+          'Não foi possível extrair os dados automaticamente'
+        );
+      } finally {
+        setIsExtractingFileData(false);
+      }
     } catch {
       setUploadedFileId(null);
       setUploadedFileName('');
+      setExtractionConfidence(null);
+      setExtractionWarnings([]);
       setUploadProgress(0);
       showToastHandler?.('error', 'Não foi possível enviar o arquivo');
     } finally {
@@ -280,10 +394,16 @@ function NovoTituloSheet({
 
                       setUploadedFileId(null);
                       setUploadedFileName('');
+                      setExtractionConfidence(null);
+                      setExtractionWarnings([]);
                       setUploadProgress(0);
                       void uploadRelatedFile(file);
                     }}
-                    disabled={isUploadingFile || form.formState.isSubmitting}
+                    disabled={
+                      isUploadingFile ||
+                      isExtractingFileData ||
+                      form.formState.isSubmitting
+                    }
                   />
                 </div>
                 {isUploadingFile && (
@@ -299,6 +419,37 @@ function NovoTituloSheet({
                     Arquivo relacionado: {uploadedFileName}
                   </p>
                 )}
+                {isExtractingFileData && (
+                  <div className="rounded-md border border-primary/30 bg-primary/5 p-3">
+                    <div className="flex items-center gap-2 text-sm font-medium text-primary">
+                      <Loader2 className="h-4 w-4 animate-spin" />
+                      Analisando documento com IA
+                    </div>
+                    <p className="mt-1 text-xs text-muted-foreground">
+                      Os campos serão preenchidos automaticamente em instantes.
+                      Revise os dados antes de salvar.
+                    </p>
+                  </div>
+                )}
+                {!isExtractingFileData &&
+                  extractionConfidence !== null &&
+                  extractionConfidence < 70 && (
+                    <div className="rounded-md border border-destructive/30 bg-destructive/5 p-3">
+                      <div className="text-sm font-medium text-destructive">
+                        Confiança da extração:{' '}
+                        {Math.round(extractionConfidence)}%
+                      </div>
+                      <p className="mt-1 text-xs text-muted-foreground">
+                        Revise principalmente valor e vencimento antes de
+                        salvar.
+                      </p>
+                      {extractionWarnings.length > 0 && (
+                        <p className="mt-1 text-xs text-muted-foreground">
+                          {extractionWarnings[0]}
+                        </p>
+                      )}
+                    </div>
+                  )}
               </div>
 
               <FormField
@@ -514,8 +665,22 @@ function NovoTituloSheet({
               <Button type="button" variant="outline" onClick={handleCancel}>
                 {t('common.cancel')}
               </Button>
-              <Button type="submit" disabled={form.formState.isSubmitting}>
-                {t('common.save')}
+              <Button
+                type="submit"
+                disabled={
+                  form.formState.isSubmitting ||
+                  isUploadingFile ||
+                  isExtractingFileData
+                }
+              >
+                {(isUploadingFile || isExtractingFileData) && (
+                  <Loader2 className="mr-2 h-4 w-4 animate-spin" />
+                )}
+                {isExtractingFileData
+                  ? 'Preenchendo com IA...'
+                  : isUploadingFile
+                    ? 'Enviando arquivo...'
+                    : t('common.save')}
               </Button>
             </div>
           </form>

package/hedhog/frontend/app/accounts-receivable/installments/page.tsx.ejs

@@ -22,6 +22,7 @@ import {
 import { Input } from '@/components/ui/input';
 import { InputMoney } from '@/components/ui/input-money';
 import { Money } from '@/components/ui/money';
+import { Progress } from '@/components/ui/progress';
 import {
   Select,
   SelectContent,
@@ -53,6 +54,7 @@ import {
   Download,
   Edit,
   Eye,
+  Loader2,
   MoreHorizontal,
   Paperclip,
   Plus,
@@ -95,6 +97,33 @@ function NovoTituloSheet({
 }) {
   const { request, showToastHandler } = useApp();
   const [open, setOpen] = useState(false);
+  const [uploadedFileId, setUploadedFileId] = useState<number | null>(null);
+  const [uploadedFileName, setUploadedFileName] = useState('');
+  const [isUploadingFile, setIsUploadingFile] = useState(false);
+  const [isExtractingFileData, setIsExtractingFileData] = useState(false);
+  const [extractionConfidence, setExtractionConfidence] = useState<
+    number | null
+  >(null);
+  const [extractionWarnings, setExtractionWarnings] = useState<string[]>([]);
+  const [uploadProgress, setUploadProgress] = useState(0);
+
+  const normalizeFilenameForDisplay = (filename: string) => {
+    if (!filename) {
+      return filename;
+    }
+
+    if (!/Ã.|Â.|â[\u0080-\u00BF]/.test(filename)) {
+      return filename;
+    }
+
+    try {
+      const bytes = Uint8Array.from(filename, (char) => char.charCodeAt(0));
+      const decoded = new TextDecoder('utf-8').decode(bytes);
+      return /Ã.|Â.|â[\u0080-\u00BF]/.test(decoded) ? filename : decoded;
+    } catch {
+      return filename;
+    }
+  };
 
   const form = useForm<NewTitleFormValues>({
     resolver: zodResolver(newTitleFormSchema),
@@ -132,11 +161,16 @@ function NovoTituloSheet({
             : undefined,
           payment_channel: values.canal || undefined,
           description: values.descricao?.trim() || undefined,
+          attachment_file_ids: uploadedFileId ? [uploadedFileId] : undefined,
         },
       });
 
       await onCreated();
       form.reset();
+      setUploadedFileId(null);
+      setUploadedFileName('');
+      setExtractionConfidence(null);
+      setExtractionWarnings([]);
       setOpen(false);
       showToastHandler?.('success', 'Título criado com sucesso');
     } catch {
@@ -146,9 +180,164 @@ function NovoTituloSheet({
 
   const handleCancel = () => {
     form.reset();
+    setUploadedFileId(null);
+    setUploadedFileName('');
+    setExtractionConfidence(null);
+    setExtractionWarnings([]);
+    setUploadProgress(0);
     setOpen(false);
   };
 
+  const uploadRelatedFile = async (file: File) => {
+    setIsUploadingFile(true);
+    setUploadProgress(0);
+
+    try {
+      const formData = new FormData();
+      formData.append('file', file);
+      formData.append('destination', 'finance/titles');
+
+      const { data } = await request<{ id: number; filename: string }>({
+        url: '/file',
+        method: 'POST',
+        data: formData,
+        headers: {
+          'Content-Type': 'multipart/form-data',
+        },
+        onUploadProgress: (event) => {
+          if (!event.total) {
+            return;
+          }
+
+          const progress = Math.round((event.loaded * 100) / event.total);
+          setUploadProgress(progress);
+        },
+      });
+
+      if (!data?.id) {
+        throw new Error('Arquivo inválido');
+      }
+
+      setUploadedFileId(data.id);
+      setUploadedFileName(
+        normalizeFilenameForDisplay(data.filename || file.name)
+      );
+      setUploadProgress(100);
+      showToastHandler?.('success', 'Arquivo relacionado com sucesso');
+
+      setIsExtractingFileData(true);
+      try {
+        const extraction = await request<{
+          documento?: string | null;
+          clienteId?: string;
+          competencia?: string;
+          vencimento?: string;
+          valor?: number | null;
+          categoriaId?: string;
+          centroCustoId?: string;
+          canal?: string;
+          descricao?: string | null;
+          confidence?: number | null;
+          confidenceLevel?: 'low' | 'high' | null;
+          warnings?: string[];
+        }>({
+          url: '/finance/accounts-receivable/installments/extract-from-file',
+          method: 'POST',
+          data: {
+            file_id: data.id,
+          },
+        });
+
+        const extracted = extraction.data || {};
+        setExtractionConfidence(
+          typeof extracted.confidence === 'number' ? extracted.confidence : null
+        );
+        setExtractionWarnings(
+          Array.isArray(extracted.warnings)
+            ? extracted.warnings.filter(Boolean)
+            : []
+        );
+
+        if (extracted.documento) {
+          form.setValue('documento', extracted.documento, {
+            shouldValidate: true,
+          });
+        }
+
+        if (extracted.clienteId) {
+          form.setValue('clienteId', extracted.clienteId, {
+            shouldValidate: true,
+          });
+        }
+
+        if (extracted.competencia) {
+          form.setValue('competencia', extracted.competencia, {
+            shouldValidate: true,
+          });
+        }
+
+        if (extracted.vencimento) {
+          form.setValue('vencimento', extracted.vencimento, {
+            shouldValidate: true,
+          });
+        }
+
+        if (typeof extracted.valor === 'number' && extracted.valor > 0) {
+          form.setValue('valor', extracted.valor, {
+            shouldValidate: true,
+          });
+        }
+
+        if (extracted.categoriaId) {
+          form.setValue('categoriaId', extracted.categoriaId, {
+            shouldValidate: true,
+          });
+        }
+
+        if (extracted.centroCustoId) {
+          form.setValue('centroCustoId', extracted.centroCustoId, {
+            shouldValidate: true,
+          });
+        }
+
+        if (extracted.canal) {
+          form.setValue('canal', extracted.canal, {
+            shouldValidate: true,
+          });
+        }
+
+        if (extracted.descricao) {
+          form.setValue('descricao', extracted.descricao, {
+            shouldValidate: true,
+          });
+        }
+
+        showToastHandler?.(
+          'success',
+          'Dados da fatura extraídos e preenchidos automaticamente'
+        );
+      } catch {
+        setExtractionConfidence(null);
+        setExtractionWarnings([]);
+        showToastHandler?.(
+          'error',
+          'Não foi possível extrair os dados automaticamente'
+        );
+      } finally {
+        setIsExtractingFileData(false);
+      }
+    } catch {
+      setUploadedFileId(null);
+      setUploadedFileName('');
+      setExtractionConfidence(null);
+      setExtractionWarnings([]);
+      setUploadProgress(0);
+      showToastHandler?.('error', 'Não foi possível enviar o arquivo');
+    } finally {
+      setIsUploadingFile(false);
+    }
+  };
+
   return (
     <Sheet open={open} onOpenChange={setOpen}>
       <SheetTrigger asChild>
@@ -165,6 +354,78 @@ function NovoTituloSheet({
         <Form {...form}>
           <form className="px-4" onSubmit={form.handleSubmit(handleSubmit)}>
             <div className="grid gap-4">
+              <div className="grid gap-2">
+                <FormLabel>Arquivo da fatura (opcional)</FormLabel>
+                <div className="flex flex-col gap-2 sm:flex-row sm:items-center">
+                  <Input
+                    type="file"
+                    accept=".pdf,.png,.jpg,.jpeg,.xml,.txt"
+                    onChange={(event) => {
+                      const file = event.target.files?.[0];
+                      if (!file) {
+                        return;
+                      }
+
+                      setUploadedFileId(null);
+                      setUploadedFileName('');
+                      setExtractionConfidence(null);
+                      setExtractionWarnings([]);
+                      setUploadProgress(0);
+                      void uploadRelatedFile(file);
+                    }}
+                    disabled={
+                      isUploadingFile ||
+                      isExtractingFileData ||
+                      form.formState.isSubmitting
+                    }
+                  />
+                </div>
+                {isUploadingFile && (
+                  <div className="space-y-1">
+                    <Progress value={uploadProgress} className="h-2" />
+                    <p className="text-xs text-muted-foreground">
+                      Upload em andamento: {uploadProgress}%
+                    </p>
+                  </div>
+                )}
+                {uploadedFileId && (
+                  <p className="text-xs text-muted-foreground">
+                    Arquivo relacionado: {uploadedFileName}
+                  </p>
+                )}
+                {isExtractingFileData && (
+                  <div className="rounded-md border border-primary/30 bg-primary/5 p-3">
+                    <div className="flex items-center gap-2 text-sm font-medium text-primary">
+                      <Loader2 className="h-4 w-4 animate-spin" />
+                      Analisando documento com IA
+                    </div>
+                    <p className="mt-1 text-xs text-muted-foreground">
+                      Os campos serão preenchidos automaticamente em instantes.
+                      Revise os dados antes de salvar.
+                    </p>
+                  </div>
+                )}
+                {!isExtractingFileData &&
+                  extractionConfidence !== null &&
+                  extractionConfidence < 70 && (
+                    <div className="rounded-md border border-destructive/30 bg-destructive/5 p-3">
+                      <div className="text-sm font-medium text-destructive">
+                        Confiança da extração:{' '}
+                        {Math.round(extractionConfidence)}%
+                      </div>
+                      <p className="mt-1 text-xs text-muted-foreground">
+                        Revise principalmente valor e vencimento antes de
+                        salvar.
+                      </p>
+                      {extractionWarnings.length > 0 && (
+                        <p className="mt-1 text-xs text-muted-foreground">
+                          {extractionWarnings[0]}
+                        </p>
+                      )}
+                    </div>
+                  )}
+              </div>
+
               <FormField
                 control={form.control}
                 name="documento"
@@ -372,8 +633,22 @@ function NovoTituloSheet({
               <Button type="button" variant="outline" onClick={handleCancel}>
                 {t('common.cancel')}
               </Button>
-              <Button type="submit" disabled={form.formState.isSubmitting}>
-                {t('common.save')}
+              <Button
+                type="submit"
+                disabled={
+                  form.formState.isSubmitting ||
+                  isUploadingFile ||
+                  isExtractingFileData
+                }
+              >
+                {(isUploadingFile || isExtractingFileData) && (
+                  <Loader2 className="mr-2 h-4 w-4 animate-spin" />
+                )}
+                {isExtractingFileData
+                  ? 'Preenchendo com IA...'
+                  : isUploadingFile
+                    ? 'Enviando arquivo...'
+                    : t('common.save')}
               </Button>
             </div>
           </form>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hed-hog/finance",
-  "version": "0.0.232",
+  "version": "0.0.235",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "dependencies": {
@@ -12,10 +12,11 @@
     "@hed-hog/api-locale": "0.0.11",
     "@hed-hog/api-prisma": "0.0.4",
     "@hed-hog/api-pagination": "0.0.5",
+    "@hed-hog/tag": "0.0.235",
     "@hed-hog/api-types": "0.0.1",
     "@hed-hog/api": "0.0.3",
-    "@hed-hog/tag": "0.0.232",
-    "@hed-hog/contact": "0.0.232"
+    "@hed-hog/contact": "0.0.235",
+    "@hed-hog/core": "0.0.235"
   },
   "exports": {
     ".": {

package/src/dto/extract-financial-title-from-file.dto.ts

@@ -0,0 +1,9 @@
+import { Type } from 'class-transformer';
+import { IsInt, IsOptional } from 'class-validator';
+
+export class ExtractFinancialTitleFromFileDto {
+  @IsOptional()
+  @Type(() => Number)
+  @IsInt()
+  file_id?: number;
+}

package/src/finance-installments.controller.ts

@@ -2,15 +2,19 @@ import { Role, User } from '@hed-hog/api';
 import { Locale } from '@hed-hog/api-locale';
 import { Pagination } from '@hed-hog/api-pagination';
 import {
-    Body,
-    Controller,
-    Get,
-    Param,
-    ParseIntPipe,
-    Post,
-    Query,
+  Body,
+  Controller,
+  Get,
+  Param,
+  ParseIntPipe,
+  Post,
+  Query,
+  UploadedFile,
+  UseInterceptors,
 } from '@nestjs/common';
+import { FileInterceptor } from '@nestjs/platform-express';
 import { CreateFinancialTitleDto } from './dto/create-financial-title.dto';
+import { ExtractFinancialTitleFromFileDto } from './dto/extract-financial-title-from-file.dto';
 import { FinanceService } from './finance.service';
 
 @Role()
@@ -50,6 +54,15 @@ export class FinanceInstallmentsController {
     );
   }
 
+  @Post('accounts-payable/installments/extract-from-file')
+  @UseInterceptors(FileInterceptor('file'))
+  async extractAccountsPayableInfoFromFile(
+    @UploadedFile() file: MulterFile,
+    @Body() data: ExtractFinancialTitleFromFileDto,
+  ) {
+    return this.financeService.getAgentExtractInfoFromFile(file, data.file_id);
+  }
+
   @Get('accounts-receivable/installments')
   async listAccountsReceivableInstallments(
     @Pagination() paginationParams,
@@ -81,4 +94,17 @@ export class FinanceInstallmentsController {
       user?.id,
     );
   }
+
+  @Post('accounts-receivable/installments/extract-from-file')
+  @UseInterceptors(FileInterceptor('file'))
+  async extractAccountsReceivableInfoFromFile(
+    @UploadedFile() file: MulterFile,
+    @Body() data: ExtractFinancialTitleFromFileDto,
+  ) {
+    return this.financeService.getAgentExtractInfoFromFile(
+      file,
+      data.file_id,
+      'receivable',
+    );
+  }
 }