@hed-hog/finance 0.0.231 → 0.0.233

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,
@@ -95,6 +96,29 @@ 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 [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 +156,14 @@ 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('');
       setOpen(false);
       showToastHandler?.('success', 'Título criado com sucesso');
     } catch {
@@ -146,9 +173,147 @@ function NovoTituloSheet({
 
   const handleCancel = () => {
     form.reset();
+    setUploadedFileId(null);
+    setUploadedFileName('');
+    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;
+        }>({
+          url: '/finance/accounts-receivable/installments/extract-from-file',
+          method: 'POST',
+          data: {
+            file_id: data.id,
+          },
+        });
+
+        const extracted = extraction.data || {};
+
+        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 {
+        showToastHandler?.(
+          'error',
+          'Não foi possível extrair os dados automaticamente'
+        );
+      } finally {
+        setIsExtractingFileData(false);
+      }
+    } catch {
+      setUploadedFileId(null);
+      setUploadedFileName('');
+      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 +330,46 @@ 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('');
+                      setUploadProgress(0);
+                      void uploadRelatedFile(file);
+                    }}
+                    disabled={isUploadingFile || 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 && (
+                  <p className="text-xs text-muted-foreground">
+                    Extraindo dados da fatura com IA...
+                  </p>
+                )}
+              </div>
+
               <FormField
                 control={form.control}
                 name="documento"

package/hedhog/frontend/app/cash-and-banks/bank-accounts/page.tsx.ejs

@@ -285,37 +285,64 @@ function NovaContaSheet({
                 />
               </div>
 
-              <FormField
-                control={form.control}
-                name="tipo"
-                render={({ field }) => (
-                  <FormItem>
-                    <FormLabel>{t('fields.type')}</FormLabel>
-                    <Select value={field.value} onValueChange={field.onChange}>
+              <div className="grid grid-cols-2 gap-4">
+                <FormField
+                  control={form.control}
+                  name="tipo"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('fields.type')}</FormLabel>
+                      <Select
+                        value={field.value}
+                        onValueChange={field.onChange}
+                      >
+                        <FormControl>
+                          <SelectTrigger className="w-full">
+                            <SelectValue placeholder={t('common.select')} />
+                          </SelectTrigger>
+                        </FormControl>
+                        <SelectContent>
+                          <SelectItem value="corrente">
+                            {t('types.corrente')}
+                          </SelectItem>
+                          <SelectItem value="poupanca">
+                            {t('types.poupanca')}
+                          </SelectItem>
+                          <SelectItem value="investimento">
+                            {t('types.investimento')}
+                          </SelectItem>
+                          <SelectItem value="caixa">
+                            {t('types.caixa')}
+                          </SelectItem>
+                        </SelectContent>
+                      </Select>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name="saldoInicial"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('fields.initialBalance')}</FormLabel>
                       <FormControl>
-                        <SelectTrigger>
-                          <SelectValue placeholder={t('common.select')} />
-                        </SelectTrigger>
+                        <InputMoney
+                          ref={field.ref}
+                          name={field.name}
+                          value={field.value}
+                          onBlur={field.onBlur}
+                          onValueChange={(value) => field.onChange(value ?? 0)}
+                          placeholder="0,00"
+                          disabled={!!editingAccount}
+                        />
                       </FormControl>
-                      <SelectContent>
-                        <SelectItem value="corrente">
-                          {t('types.corrente')}
-                        </SelectItem>
-                        <SelectItem value="poupanca">
-                          {t('types.poupanca')}
-                        </SelectItem>
-                        <SelectItem value="investimento">
-                          {t('types.investimento')}
-                        </SelectItem>
-                        <SelectItem value="caixa">
-                          {t('types.caixa')}
-                        </SelectItem>
-                      </SelectContent>
-                    </Select>
-                    <FormMessage />
-                  </FormItem>
-                )}
-              />
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              </div>
 
               <FormField
                 control={form.control}
@@ -334,28 +361,6 @@ function NovaContaSheet({
                   </FormItem>
                 )}
               />
-
-              <FormField
-                control={form.control}
-                name="saldoInicial"
-                render={({ field }) => (
-                  <FormItem>
-                    <FormLabel>{t('fields.initialBalance')}</FormLabel>
-                    <FormControl>
-                      <InputMoney
-                        ref={field.ref}
-                        name={field.name}
-                        value={field.value}
-                        onBlur={field.onBlur}
-                        onValueChange={(value) => field.onChange(value ?? 0)}
-                        placeholder="0,00"
-                        disabled={!!editingAccount}
-                      />
-                    </FormControl>
-                    <FormMessage />
-                  </FormItem>
-                )}
-              />
             </div>
 
             <div className="flex justify-end gap-2 pt-4">
@@ -412,6 +417,7 @@ export default function ContasBancariasPage() {
     },
     placeholderData: [],
   });
+  const accounts = contasBancarias ?? [];
 
   const tipoConfig = {
     corrente: { label: t('types.corrente'), icon: Building2 },
@@ -420,11 +426,11 @@ export default function ContasBancariasPage() {
     caixa: { label: t('types.caixa'), icon: Wallet },
   };
 
-  const saldoTotal = contasBancarias
+  const saldoTotal = accounts
     .filter((c) => c.ativo)
     .reduce((acc, c) => acc + c.saldoAtual, 0);
 
-  const saldoConciliadoTotal = contasBancarias
+  const saldoConciliadoTotal = accounts
     .filter((c) => c.ativo)
     .reduce((acc, c) => acc + c.saldoConciliado, 0);
 
@@ -522,7 +528,7 @@ export default function ContasBancariasPage() {
             </div>
             <p className="text-xs text-muted-foreground">
               {t('cards.activeAccounts', {
-                count: contasBancarias.filter((c) => c.ativo).length,
+                count: accounts.filter((c) => c.ativo).length,
               })}
             </p>
           </CardContent>
@@ -547,7 +553,7 @@ export default function ContasBancariasPage() {
       </div>
 
       <div className="grid gap-4 md:grid-cols-2 lg:grid-cols-3">
-        {contasBancarias.map((conta) => {
+        {accounts.map((conta) => {
           const tipo =
             tipoConfig[conta.tipo as keyof typeof tipoConfig] ||
             tipoConfig.corrente;
@@ -563,14 +569,25 @@ export default function ContasBancariasPage() {
                       <TipoIcon className="h-5 w-5" />
                     </div>
                     <div>
-                      <CardTitle className="text-base">{conta.banco}</CardTitle>
-                      <CardDescription>
-                        {conta.agencia !== '-'
-                          ? t('accountCard.bankAccount', {
+                      <div className="flex gap-4 items-center">
+                        <CardTitle className="text-base">
+                          {conta.banco}
+                        </CardTitle>
+                        {conta.descricao && (
+                          <span className="block text-muted-foreground text-xs">
+                            {conta.descricao}
+                          </span>
+                        )}
+                      </div>
+                      <CardDescription className="space-y-0.5">
+                        {conta.agencia !== '-' && (
+                          <span className="block">
+                            {t('accountCard.bankAccount', {
                               agency: conta.agencia,
                               account: conta.conta,
-                            })
-                          : conta.descricao}
+                            })}
+                          </span>
+                        )}
                       </CardDescription>
                     </div>
                   </div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hed-hog/finance",
-  "version": "0.0.231",
+  "version": "0.0.233",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "dependencies": {
@@ -10,12 +10,13 @@
     "@nestjs/jwt": "^11",
     "@nestjs/mapped-types": "*",
     "@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.223",
-    "@hed-hog/api": "0.0.3",
+    "@hed-hog/api-prisma": "0.0.4",
     "@hed-hog/api-types": "0.0.1",
-    "@hed-hog/contact": "0.0.223"
+    "@hed-hog/tag": "0.0.233",
+    "@hed-hog/api": "0.0.3",
+    "@hed-hog/contact": "0.0.233",
+    "@hed-hog/core": "0.0.233"
   },
   "exports": {
     ".": {

package/src/dto/create-financial-title.dto.ts

@@ -139,4 +139,16 @@ export class CreateFinancialTitleDto {
   @ValidateNested({ each: true })
   @Type(() => CreateFinancialInstallmentDto)
   installments?: CreateFinancialInstallmentDto[];
+
+  @IsOptional()
+  @IsArray({
+    message: (args) =>
+      getLocaleText('validation.attachmentFileIdsMustBeArray', args.value),
+  })
+  @IsInt({
+    each: true,
+    message: (args) =>
+      getLocaleText('validation.attachmentFileIdMustBeNumber', args.value),
+  })
+  attachment_file_ids?: number[];
 }

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',
+    );
+  }
 }

package/src/finance.module.ts

@@ -1,6 +1,7 @@
 import { LocaleModule } from '@hed-hog/api-locale';
 import { PaginationModule } from '@hed-hog/api-pagination';
 import { PrismaModule } from '@hed-hog/api-prisma';
+import { AiModule } from '@hed-hog/core';
 import { forwardRef, Module } from '@nestjs/common';
 import { ConfigModule } from '@nestjs/config';
 import { FinanceBankAccountsController } from './finance-bank-accounts.controller';
@@ -14,7 +15,8 @@ import { FinanceService } from './finance.service';
     ConfigModule.forRoot(),
     forwardRef(() => PaginationModule),
     forwardRef(() => PrismaModule),
-    forwardRef(() => LocaleModule)
+    forwardRef(() => LocaleModule),
+    forwardRef(() => AiModule),
   ],
   controllers: [
     FinanceDataController,