@hed-hog/finance 0.0.231 → 0.0.232

package/dist/dto/create-financial-title.dto.d.ts

@@ -15,5 +15,6 @@ export declare class CreateFinancialTitleDto {
     payment_channel?: string;
     description?: string;
     installments?: CreateFinancialInstallmentDto[];
+    attachment_file_ids?: number[];
 }
 //# sourceMappingURL=create-financial-title.dto.d.ts.map

package/dist/dto/create-financial-title.dto.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-financial-title.dto.d.ts","sourceRoot":"","sources":["../../src/dto/create-financial-title.dto.ts"],"names":[],"mappings":"AAcA,qBAAa,6BAA6B;IAUxC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAS5B,QAAQ,EAAE,MAAM,CAAC;IAajB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,qBAAa,uBAAuB;IAOlC,eAAe,EAAE,MAAM,CAAC;IAKxB,SAAS,EAAE,MAAM,CAAC;IAUlB,eAAe,CAAC,EAAE,MAAM,CAAC;IAUzB,UAAU,CAAC,EAAE,MAAM,CAAC;IASpB,QAAQ,EAAE,MAAM,CAAC;IAajB,YAAY,EAAE,MAAM,CAAC;IAOrB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAO7B,cAAc,CAAC,EAAE,MAAM,CAAC;IAOxB,eAAe,CAAC,EAAE,MAAM,CAAC;IAOzB,WAAW,CAAC,EAAE,MAAM,CAAC;IASrB,YAAY,CAAC,EAAE,6BAA6B,EAAE,CAAC;CAChD"}
+{"version":3,"file":"create-financial-title.dto.d.ts","sourceRoot":"","sources":["../../src/dto/create-financial-title.dto.ts"],"names":[],"mappings":"AAcA,qBAAa,6BAA6B;IAUxC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAS5B,QAAQ,EAAE,MAAM,CAAC;IAajB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,qBAAa,uBAAuB;IAOlC,eAAe,EAAE,MAAM,CAAC;IAKxB,SAAS,EAAE,MAAM,CAAC;IAUlB,eAAe,CAAC,EAAE,MAAM,CAAC;IAUzB,UAAU,CAAC,EAAE,MAAM,CAAC;IASpB,QAAQ,EAAE,MAAM,CAAC;IAajB,YAAY,EAAE,MAAM,CAAC;IAOrB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAO7B,cAAc,CAAC,EAAE,MAAM,CAAC;IAOxB,eAAe,CAAC,EAAE,MAAM,CAAC;IAOzB,WAAW,CAAC,EAAE,MAAM,CAAC;IASrB,YAAY,CAAC,EAAE,6BAA6B,EAAE,CAAC;IAY/C,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;CAChC"}

package/dist/dto/create-financial-title.dto.js

@@ -125,4 +125,15 @@ __decorate([
     (0, class_transformer_1.Type)(() => CreateFinancialInstallmentDto),
     __metadata("design:type", Array)
 ], CreateFinancialTitleDto.prototype, "installments", void 0);
+__decorate([
+    (0, class_validator_1.IsOptional)(),
+    (0, class_validator_1.IsArray)({
+        message: (args) => (0, api_locale_1.getLocaleText)('validation.attachmentFileIdsMustBeArray', args.value),
+    }),
+    (0, class_validator_1.IsInt)({
+        each: true,
+        message: (args) => (0, api_locale_1.getLocaleText)('validation.attachmentFileIdMustBeNumber', args.value),
+    }),
+    __metadata("design:type", Array)
+], CreateFinancialTitleDto.prototype, "attachment_file_ids", void 0);
 //# sourceMappingURL=create-financial-title.dto.js.map

package/dist/dto/create-financial-title.dto.js.map

@@ -1 +1 @@
-{"version":3,"file":"create-financial-title.dto.js","sourceRoot":"","sources":["../../src/dto/create-financial-title.dto.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"create-financial-title.dto.js","sourceRoot":"","sources":["../../src/dto/create-financial-title.dto.ts"],"names":[],"mappings":"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"}

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

@@ -21,6 +21,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,
@@ -96,6 +97,28 @@ 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 [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),
@@ -133,11 +156,14 @@ function NovoTituloSheet({
             : undefined,
           payment_channel: values.metodo || 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 {
@@ -147,9 +173,83 @@ 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');
+    } catch {
+      setUploadedFileId(null);
+      setUploadedFileName('');
+      setUploadProgress(0);
+      showToastHandler?.('error', 'Não foi possível enviar o arquivo');
+    } finally {
+      setIsUploadingFile(false);
+    }
+  };
+
+  const parseDateToIso = (value: string) => {
+    const sanitized = value.trim();
+
+    if (/^\d{4}-\d{2}-\d{2}$/.test(sanitized)) {
+      return sanitized;
+    }
+
+    const br = sanitized.match(/^(\d{2})\/(\d{2})\/(\d{4})$/);
+    if (br) {
+      return `${br[3]}-${br[2]}-${br[1]}`;
+    }
+
+    return '';
+  };
+
+  const parseMoneyToNumber = (value: string) => {
+    const normalized = value
+      .replace(/\s/g, '')
+      .replace(/\./g, '')
+      .replace(',', '.');
+
+    const parsed = Number(normalized);
+    return Number.isFinite(parsed) ? parsed : 0;
+  };
+
   return (
     <Sheet open={open} onOpenChange={setOpen}>
       <SheetTrigger asChild>
@@ -166,6 +266,41 @@ 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>
+                )}
+              </div>
+
               <FormField
                 control={form.control}
                 name="documento"
@@ -188,7 +323,7 @@ function NovoTituloSheet({
                     <FormLabel>{t('fields.supplier')}</FormLabel>
                     <Select value={field.value} onValueChange={field.onChange}>
                       <FormControl>
-                        <SelectTrigger>
+                        <SelectTrigger className="w-full">
                           <SelectValue placeholder={t('common.select')} />
                         </SelectTrigger>
                       </FormControl>
@@ -276,7 +411,7 @@ function NovoTituloSheet({
                     <FormLabel>{t('fields.category')}</FormLabel>
                     <Select value={field.value} onValueChange={field.onChange}>
                       <FormControl>
-                        <SelectTrigger>
+                        <SelectTrigger className="w-full">
                           <SelectValue placeholder={t('common.select')} />
                         </SelectTrigger>
                       </FormControl>
@@ -303,7 +438,7 @@ function NovoTituloSheet({
                     <FormLabel>{t('fields.costCenter')}</FormLabel>
                     <Select value={field.value} onValueChange={field.onChange}>
                       <FormControl>
-                        <SelectTrigger>
+                        <SelectTrigger className="w-full">
                           <SelectValue placeholder={t('common.select')} />
                         </SelectTrigger>
                       </FormControl>
@@ -328,7 +463,7 @@ function NovoTituloSheet({
                     <FormLabel>{t('fields.paymentMethod')}</FormLabel>
                     <Select value={field.value} onValueChange={field.onChange}>
                       <FormControl>
-                        <SelectTrigger>
+                        <SelectTrigger className="w-full">
                           <SelectValue placeholder={t('common.select')} />
                         </SelectTrigger>
                       </FormControl>

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.232",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "dependencies": {
@@ -12,10 +12,10 @@
     "@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-types": "0.0.1",
-    "@hed-hog/contact": "0.0.223"
+    "@hed-hog/api": "0.0.3",
+    "@hed-hog/tag": "0.0.232",
+    "@hed-hog/contact": "0.0.232"
   },
   "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[];
 }