@hed-hog/finance 0.0.257 → 0.0.261

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

@@ -9,9 +9,17 @@ import {
   CardHeader,
   CardTitle,
 } from '@/components/ui/card';
+import { FilterBar } from '@/components/ui/filter-bar';
+import {
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form';
 import { Input } from '@/components/ui/input';
 import { InputMoney } from '@/components/ui/input-money';
-import { Label } from '@/components/ui/label';
 import { Money } from '@/components/ui/money';
 import {
   Select,
@@ -26,7 +34,6 @@ import {
   SheetDescription,
   SheetHeader,
   SheetTitle,
-  SheetTrigger,
 } from '@/components/ui/sheet';
 import {
   Table,
@@ -37,93 +44,244 @@ import {
   TableRow,
 } from '@/components/ui/table';
 import { Textarea } from '@/components/ui/textarea';
+import { useApp, useQuery } from '@hed-hog/next-app-provider';
+import { zodResolver } from '@hookform/resolvers/zod';
 import { ArrowRight, Plus } from 'lucide-react';
 import { useTranslations } from 'next-intl';
+import { useEffect, useState } from 'react';
+import { useForm } from 'react-hook-form';
+import { z } from 'zod';
 import { formatarData } from '../../_lib/formatters';
-import { useFinanceData } from '../../_lib/use-finance-data';
+
+type BankAccount = {
+  id: string;
+  banco: string;
+  descricao: string;
+  ativo: boolean;
+};
+
+type Transfer = {
+  id: string;
+  contaOrigemId: string;
+  contaDestinoId: string;
+  data: string;
+  valor: number;
+  descricao: string;
+};
+
+const transferFormSchema = z
+  .object({
+    sourceAccountId: z.string().trim().min(1, 'Conta de origem é obrigatória'),
+    destinationAccountId: z
+      .string()
+      .trim()
+      .min(1, 'Conta de destino é obrigatória'),
+    date: z.string().trim().min(1, 'Data é obrigatória'),
+    amount: z.number().min(0.01, 'Valor deve ser maior que zero'),
+    description: z.string().optional(),
+  })
+  .refine((values) => values.sourceAccountId !== values.destinationAccountId, {
+    message: 'As contas de origem e destino devem ser diferentes',
+    path: ['destinationAccountId'],
+  });
+
+type TransferFormValues = z.infer<typeof transferFormSchema>;
 
 function NovaTransferenciaSheet({
   contasBancarias,
   t,
+  onCreated,
 }: {
-  contasBancarias: any[];
+  contasBancarias: BankAccount[];
   t: ReturnType<typeof useTranslations>;
+  onCreated: () => Promise<void> | void;
 }) {
+  const { request, showToastHandler } = useApp();
+  const [open, setOpen] = useState(false);
+
+  const form = useForm<TransferFormValues>({
+    resolver: zodResolver(transferFormSchema),
+    defaultValues: {
+      sourceAccountId: '',
+      destinationAccountId: '',
+      date: new Date().toISOString().slice(0, 10),
+      amount: 0,
+      description: '',
+    },
+  });
+
+  useEffect(() => {
+    if (!open) {
+      return;
+    }
+
+    form.reset({
+      sourceAccountId: '',
+      destinationAccountId: '',
+      date: new Date().toISOString().slice(0, 10),
+      amount: 0,
+      description: '',
+    });
+  }, [form, open]);
+
+  const handleSubmit = async (values: TransferFormValues) => {
+    try {
+      await request({
+        url: '/finance/transfers',
+        method: 'POST',
+        data: {
+          source_account_id: Number(values.sourceAccountId),
+          destination_account_id: Number(values.destinationAccountId),
+          date: values.date,
+          amount: values.amount,
+          description: values.description?.trim() || undefined,
+        },
+      });
+
+      await onCreated();
+      setOpen(false);
+      showToastHandler?.('success', 'Transferência cadastrada com sucesso');
+    } catch {
+      showToastHandler?.('error', 'Erro ao cadastrar transferência');
+    }
+  };
+
   return (
-    <Sheet>
-      <SheetTrigger asChild>
-        <Button>
-          <Plus className="mr-2 h-4 w-4" />
-          {t('newTransfer.action')}
-        </Button>
-      </SheetTrigger>
-      <SheetContent className="w-full sm:max-w-lg">
+    <Sheet open={open} onOpenChange={setOpen}>
+      <Button onClick={() => setOpen(true)}>
+        <Plus className="mr-2 h-4 w-4" />
+        {t('newTransfer.action')}
+      </Button>
+      <SheetContent className="w-full sm:max-w-lg overflow-y-auto">
         <SheetHeader>
           <SheetTitle>{t('newTransfer.title')}</SheetTitle>
           <SheetDescription>{t('newTransfer.description')}</SheetDescription>
         </SheetHeader>
-        <form
-          className="mt-6 space-y-4"
-          onSubmit={(event) => event.preventDefault()}
-        >
-          <div className="grid gap-4">
-            <div className="space-y-2">
-              <Label htmlFor="contaOrigem">{t('fields.sourceAccount')}</Label>
-              <Select>
-                <SelectTrigger>
-                  <SelectValue placeholder={t('common.select')} />
-                </SelectTrigger>
-                <SelectContent>
-                  {contasBancarias.map((conta) => (
-                    <SelectItem key={conta.id} value={conta.id}>
-                      {conta.banco} - {conta.descricao}
-                    </SelectItem>
-                  ))}
-                </SelectContent>
-              </Select>
-            </div>
-            <div className="space-y-2">
-              <Label htmlFor="contaDestino">
-                {t('fields.destinationAccount')}
-              </Label>
-              <Select>
-                <SelectTrigger>
-                  <SelectValue placeholder={t('common.select')} />
-                </SelectTrigger>
-                <SelectContent>
-                  {contasBancarias.map((conta) => (
-                    <SelectItem key={conta.id} value={conta.id}>
-                      {conta.banco} - {conta.descricao}
-                    </SelectItem>
-                  ))}
-                </SelectContent>
-              </Select>
-            </div>
+
+        <Form {...form}>
+          <form
+            className="space-y-4 px-4"
+            onSubmit={form.handleSubmit(handleSubmit)}
+          >
+            <FormField
+              control={form.control}
+              name="sourceAccountId"
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('fields.sourceAccount')}</FormLabel>
+                  <Select value={field.value} onValueChange={field.onChange}>
+                    <FormControl>
+                      <SelectTrigger>
+                        <SelectValue placeholder={t('common.select')} />
+                      </SelectTrigger>
+                    </FormControl>
+                    <SelectContent>
+                      {contasBancarias.map((conta) => (
+                        <SelectItem key={conta.id} value={conta.id}>
+                          {conta.banco} - {conta.descricao}
+                        </SelectItem>
+                      ))}
+                    </SelectContent>
+                  </Select>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name="destinationAccountId"
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('fields.destinationAccount')}</FormLabel>
+                  <Select value={field.value} onValueChange={field.onChange}>
+                    <FormControl>
+                      <SelectTrigger>
+                        <SelectValue placeholder={t('common.select')} />
+                      </SelectTrigger>
+                    </FormControl>
+                    <SelectContent>
+                      {contasBancarias.map((conta) => (
+                        <SelectItem key={conta.id} value={conta.id}>
+                          {conta.banco} - {conta.descricao}
+                        </SelectItem>
+                      ))}
+                    </SelectContent>
+                  </Select>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
             <div className="grid grid-cols-2 gap-4">
-              <div className="space-y-2">
-                <Label htmlFor="data">{t('fields.date')}</Label>
-                <Input id="data" type="date" />
-              </div>
-              <div className="space-y-2">
-                <Label htmlFor="valor">{t('fields.value')}</Label>
-                <InputMoney id="valor" placeholder="0,00" />
-              </div>
-            </div>
-            <div className="space-y-2">
-              <Label htmlFor="descricao">{t('fields.description')}</Label>
-              <Textarea
-                id="descricao"
-                placeholder={t('fields.descriptionPlaceholder')}
+              <FormField
+                control={form.control}
+                name="date"
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('fields.date')}</FormLabel>
+                    <FormControl>
+                      <Input type="date" {...field} />
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+
+              <FormField
+                control={form.control}
+                name="amount"
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('fields.value')}</FormLabel>
+                    <FormControl>
+                      <InputMoney
+                        ref={field.ref}
+                        name={field.name}
+                        value={field.value}
+                        onBlur={field.onBlur}
+                        onValueChange={(value) => field.onChange(value ?? 0)}
+                        placeholder="0,00"
+                      />
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
               />
             </div>
-          </div>
-          <div className="flex justify-end gap-2 pt-4">
-            <Button type="button" variant="outline">
-              {t('common.cancel')}
-            </Button>
-            <Button type="submit">{t('newTransfer.submit')}</Button>
-          </div>
-        </form>
+
+            <FormField
+              control={form.control}
+              name="description"
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('fields.description')}</FormLabel>
+                  <FormControl>
+                    <Textarea
+                      placeholder={t('fields.descriptionPlaceholder')}
+                      {...field}
+                      value={field.value || ''}
+                    />
+                  </FormControl>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <div className="flex justify-end gap-2 pt-4">
+              <Button
+                type="button"
+                variant="outline"
+                onClick={() => setOpen(false)}
+              >
+                {t('common.cancel')}
+              </Button>
+              <Button type="submit" disabled={form.formState.isSubmitting}>
+                {t('newTransfer.submit')}
+              </Button>
+            </div>
+          </form>
+        </Form>
       </SheetContent>
     </Sheet>
   );
@@ -131,8 +289,62 @@ function NovaTransferenciaSheet({
 
 export default function TransferenciasPage() {
   const t = useTranslations('finance.TransfersPage');
-  const { data } = useFinanceData();
-  const { transferencias, contasBancarias } = data;
+  const { request } = useApp();
+  const [search, setSearch] = useState('');
+  const [debouncedSearch, setDebouncedSearch] = useState('');
+  const [accountFilter, setAccountFilter] = useState('all');
+
+  useEffect(() => {
+    const timeoutId = window.setTimeout(() => {
+      setDebouncedSearch(search);
+    }, 300);
+
+    return () => {
+      window.clearTimeout(timeoutId);
+    };
+  }, [search]);
+
+  const { data: contasBancarias = [], refetch: refetchContasBancarias } =
+    useQuery<BankAccount[]>({
+      queryKey: ['finance-bank-accounts'],
+      queryFn: async () => {
+        const response = await request({
+          url: '/finance/bank-accounts',
+          method: 'GET',
+        });
+
+        return (response?.data || []) as BankAccount[];
+      },
+    });
+
+  const { data: transferencias = [], refetch: refetchTransferencias } =
+    useQuery<Transfer[]>({
+      queryKey: ['finance-transfers', debouncedSearch, accountFilter],
+      queryFn: async () => {
+        const params = new URLSearchParams();
+
+        const trimmedSearch = debouncedSearch.trim();
+        if (trimmedSearch) {
+          params.set('search', trimmedSearch);
+        }
+
+        if (accountFilter !== 'all') {
+          params.set('bank_account_id', accountFilter);
+        }
+
+        const query = params.toString();
+        const response = await request({
+          url: query ? `/finance/transfers?${query}` : '/finance/transfers',
+          method: 'GET',
+        });
+
+        return (response?.data || []) as Transfer[];
+      },
+    });
+
+  const handleTransferCreated = async () => {
+    await Promise.all([refetchTransferencias(), refetchContasBancarias()]);
+  };
 
   const totalTransferido = transferencias.reduce((acc, t) => acc + t.valor, 0);
 
@@ -147,10 +359,38 @@ export default function TransferenciasPage() {
           { label: t('breadcrumbs.current') },
         ]}
         actions={
-          <NovaTransferenciaSheet contasBancarias={contasBancarias} t={t} />
+          <NovaTransferenciaSheet
+            contasBancarias={contasBancarias}
+            t={t}
+            onCreated={handleTransferCreated}
+          />
         }
       />
 
+      <div className="flex flex-col gap-4 sm:flex-row sm:items-center">
+        <Select value={accountFilter} onValueChange={setAccountFilter}>
+          <SelectTrigger className="w-full sm:w-[280px]">
+            <SelectValue placeholder={t('common.select')} />
+          </SelectTrigger>
+          <SelectContent>
+            <SelectItem value="all">Todas as contas</SelectItem>
+            {contasBancarias.map((conta) => (
+              <SelectItem key={conta.id} value={conta.id}>
+                {conta.banco} - {conta.descricao}
+              </SelectItem>
+            ))}
+          </SelectContent>
+        </Select>
+
+        <div className="flex-1">
+          <FilterBar
+            searchPlaceholder="Buscar na descrição..."
+            searchValue={search}
+            onSearchChange={setSearch}
+          />
+        </div>
+      </div>
+
       <div className="grid gap-4 md:grid-cols-2">
         <Card>
           <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
@@ -175,7 +415,7 @@ export default function TransferenciasPage() {
           </CardHeader>
           <CardContent>
             <div className="text-2xl font-bold">
-              {contasBancarias.filter((c) => c.ativo).length}
+              {contasBancarias.filter((conta) => conta.ativo).length}
             </div>
             <p className="text-xs text-muted-foreground">
               {t('cards.available')}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hed-hog/finance",
-  "version": "0.0.257",
+  "version": "0.0.261",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "dependencies": {
@@ -10,13 +10,13 @@
     "@nestjs/jwt": "^11",
     "@nestjs/mapped-types": "*",
     "@hed-hog/api-pagination": "0.0.5",
-    "@hed-hog/contact": "0.0.257",
+    "@hed-hog/contact": "0.0.261",
     "@hed-hog/api-prisma": "0.0.4",
-    "@hed-hog/tag": "0.0.257",
     "@hed-hog/api-locale": "0.0.11",
     "@hed-hog/api-types": "0.0.1",
+    "@hed-hog/tag": "0.0.261",
     "@hed-hog/api": "0.0.3",
-    "@hed-hog/core": "0.0.257"
+    "@hed-hog/core": "0.0.261"
   },
   "exports": {
     ".": {

package/src/dto/create-bank-statement-adjustment.dto.ts

@@ -0,0 +1,38 @@
+import { getLocaleText } from '@hed-hog/api-locale';
+import { Type } from 'class-transformer';
+import { IsDateString, IsNumber, IsOptional, IsString, Min } from 'class-validator';
+
+export class CreateBankStatementAdjustmentDto {
+  @Type(() => Number)
+  @IsNumber(
+    {},
+    {
+      message: (args) =>
+        getLocaleText('validation.bankAccountIdMustBeNumber', args.value),
+    },
+  )
+  bank_account_id: number;
+
+  @Type(() => Number)
+  @IsNumber(
+    {},
+    {
+      message: (args) => getLocaleText('validation.amountMustBeNumber', args.value),
+    },
+  )
+  @Min(0.01, {
+    message: (args) => getLocaleText('validation.amountMustBeNumber', args.value),
+  })
+  amount: number;
+
+  @IsOptional()
+  @IsDateString()
+  date?: string;
+
+  @IsString()
+  type: string;
+
+  @IsOptional()
+  @IsString()
+  description?: string;
+}

package/src/dto/create-transfer.dto.ts

@@ -0,0 +1,46 @@
+import { getLocaleText } from '@hed-hog/api-locale';
+import { IsNumber, IsOptional, IsString, Min } from 'class-validator';
+
+export class CreateTransferDto {
+  @IsNumber(
+    {},
+    {
+      message: (args) =>
+        getLocaleText('validation.bankAccountIdMustBeNumber', args.value),
+    },
+  )
+  source_account_id: number;
+
+  @IsNumber(
+    {},
+    {
+      message: (args) =>
+        getLocaleText('validation.bankAccountIdMustBeNumber', args.value),
+    },
+  )
+  destination_account_id: number;
+
+  @IsString({
+    message: (args) => getLocaleText('validation.dateMustBeString', args.value),
+  })
+  date: string;
+
+  @IsNumber(
+    {},
+    {
+      message: (args) =>
+        getLocaleText('validation.amountMustBeNumber', args.value),
+    },
+  )
+  @Min(0.01, {
+    message: (args) => getLocaleText('validation.amountMustBeNumber', args.value),
+  })
+  amount: number;
+
+  @IsOptional()
+  @IsString({
+    message: (args) =>
+      getLocaleText('validation.descriptionMustBeString', args.value),
+  })
+  description?: string;
+}

package/src/dto/register-collection-agreement.dto.ts

@@ -0,0 +1,27 @@
+import {
+    IsDateString,
+    IsInt,
+    IsNumber,
+    IsOptional,
+    IsString,
+    Max,
+    Min,
+} from 'class-validator';
+
+export class RegisterCollectionAgreementDto {
+  @IsNumber({ maxDecimalPlaces: 2 })
+  @Min(0.01)
+  amount: number;
+
+  @IsInt()
+  @Min(1)
+  @Max(120)
+  installments: number;
+
+  @IsDateString()
+  first_due_date: string;
+
+  @IsOptional()
+  @IsString()
+  notes?: string;
+}

package/src/dto/send-collection.dto.ts

@@ -0,0 +1,14 @@
+import { IsOptional, IsString, MaxLength, MinLength } from 'class-validator';
+
+export class SendCollectionDto {
+
+  @IsString()
+  @MinLength(5)
+  @MaxLength(2000)
+  message: string;
+
+  @IsOptional()
+  @IsString()
+  @MaxLength(255)
+  subject?: string;
+}

package/src/dto/settle-installment.dto.ts

@@ -27,6 +27,11 @@ export class SettleInstallmentDto {
   @IsInt()
   bank_account_id?: number;
 
+  @IsOptional()
+  @Type(() => Number)
+  @IsInt()
+  bank_statement_line_id?: number;
+
   @IsOptional()
   @IsString()
   payment_channel?: string;

package/src/finance-collections.controller.ts

@@ -0,0 +1,34 @@
+import { Role, User } from '@hed-hog/api';
+import { Body, Controller, Get, Param, ParseIntPipe, Post } from '@nestjs/common';
+import { RegisterCollectionAgreementDto } from './dto/register-collection-agreement.dto';
+import { SendCollectionDto } from './dto/send-collection.dto';
+import { FinanceService } from './finance.service';
+
+@Role()
+@Controller('finance')
+export class FinanceCollectionsController {
+  constructor(private readonly financeService: FinanceService) {}
+
+  @Get('accounts-receivable/collections-default')
+  async getAccountsReceivableCollectionsDefault() {
+    return this.financeService.getAccountsReceivableCollectionsDefault();
+  }
+
+  @Post('accounts-receivable/collections-default/:personId/send')
+  async sendCollection(
+    @Param('personId', ParseIntPipe) personId: number,
+    @Body() data: SendCollectionDto,
+    @User() user,
+  ) {
+    return this.financeService.sendCollection(personId, data, user?.id);
+  }
+
+  @Post('accounts-receivable/collections-default/:personId/agreements')
+  async registerCollectionAgreement(
+    @Param('personId', ParseIntPipe) personId: number,
+    @Body() data: RegisterCollectionAgreementDto,
+    @User() user,
+  ) {
+    return this.financeService.registerCollectionAgreement(personId, data, user?.id);
+  }
+}