@hed-hog/finance 0.0.318 → 0.0.319

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

@@ -1,6 +1,11 @@
 'use client';
 
-import { EmptyState, Page, PageHeader } from '@/components/entity-list';
+import {
+  EmptyState,
+  Page,
+  PageHeader,
+  PaginationFooter,
+} from '@/components/entity-list';
 import {
   AlertDialog,
   AlertDialogAction,
@@ -84,6 +89,7 @@ const bankAccountFormSchema = z.object({
   tipo: z.string().min(1, 'Tipo é obrigatório'),
   descricao: z.string().optional(),
   logoFileId: z.number().int().nullable().optional(),
+  dataInicial: z.string().optional(),
   saldoInicial: z.number().min(0, 'Saldo inicial inválido'),
 });
 
@@ -101,6 +107,17 @@ type BankAccount = {
   saldoAtual: number;
   saldoConciliado: number;
   ativo: boolean;
+  dataInicial: string | null;
+};
+
+type PaginatedBankAccountsResponse = {
+  data: BankAccount[];
+  total: number;
+  page: number;
+  pageSize: number;
+  prev: number | null;
+  next: number | null;
+  lastPage: number;
 };
 
 type UploadedFilePayload = {
@@ -204,6 +221,7 @@ function NovaContaSheet({
       tipo: '',
       descricao: '',
       logoFileId: null,
+      dataInicial: new Date().toISOString().slice(0, 10),
       saldoInicial: 0,
     },
   });
@@ -228,6 +246,8 @@ function NovaContaSheet({
         (watchedFormValues.conta ?? '').trim() ||
         (watchedFormValues.tipo ?? '').trim() ||
         (watchedFormValues.descricao ?? '').trim() ||
+        (watchedFormValues.dataInicial ?? '').trim() !==
+          new Date().toISOString().slice(0, 10) ||
         (watchedFormValues.saldoInicial ?? 0) > 0 ||
         logoFileId != null
       ),
@@ -245,6 +265,9 @@ function NovaContaSheet({
         tipo: watchedFormValues.tipo ?? '',
         descricao: watchedFormValues.descricao ?? '',
         logoFileId: logoFileId ?? null,
+        dataInicial:
+          watchedFormValues.dataInicial ||
+          new Date().toISOString().slice(0, 10),
         saldoInicial: watchedFormValues.saldoInicial ?? 0,
       },
       logoFileId: logoFileId ?? null,
@@ -463,6 +486,9 @@ function NovaContaSheet({
               tipo: editingAccount.tipo,
               descricao: editingAccount.descricao,
               logoFileId: currentLogoFileId,
+              dataInicial:
+                editingAccount.dataInicial ??
+                new Date().toISOString().slice(0, 10),
               saldoInicial: editingAccount.saldoAtual,
             }
       );
@@ -488,6 +514,7 @@ function NovaContaSheet({
             tipo: '',
             descricao: '',
             logoFileId: null,
+            dataInicial: new Date().toISOString().slice(0, 10),
             saldoInicial: 0,
           }
     );
@@ -509,6 +536,7 @@ function NovaContaSheet({
             type: values.tipo,
             description: values.descricao?.trim() || undefined,
             logo_file_id: nextLogoFileId,
+            start_date: values.dataInicial || undefined,
           },
         });
       } else {
@@ -522,6 +550,7 @@ function NovaContaSheet({
             type: values.tipo,
             description: values.descricao?.trim() || undefined,
             logo_file_id: nextLogoFileId,
+            start_date: values.dataInicial || undefined,
             initial_balance: values.saldoInicial,
           },
         });
@@ -550,6 +579,7 @@ function NovaContaSheet({
         tipo: '',
         descricao: '',
         logoFileId: null,
+        dataInicial: new Date().toISOString().slice(0, 10),
         saldoInicial: 0,
       });
       onOpenChange(false);
@@ -697,6 +727,32 @@ function NovaContaSheet({
                     )}
                   />
 
+                  <FormField
+                    control={form.control}
+                    name="dataInicial"
+                    render={({ field }) => (
+                      <FormItem>
+                        <FormLabel>Data inicial</FormLabel>
+                        <FormControl>
+                          <Input
+                            type="date"
+                            {...field}
+                            onChange={(e) =>
+                              field.onChange(
+                                e.target.value ||
+                                  new Date().toISOString().slice(0, 10)
+                              )
+                            }
+                            disabled={!!editingAccount}
+                          />
+                        </FormControl>
+                        <FormMessage />
+                      </FormItem>
+                    )}
+                  />
+                </div>
+
+                <div className="grid gap-4 md:grid-cols-2">
                   <FormField
                     control={form.control}
                     name="saldoInicial"
@@ -720,25 +776,25 @@ function NovaContaSheet({
                       </FormItem>
                     )}
                   />
-                </div>
 
-                <FormField
-                  control={form.control}
-                  name="descricao"
-                  render={({ field }) => (
-                    <FormItem>
-                      <FormLabel>{t('fields.description')}</FormLabel>
-                      <FormControl>
-                        <Input
-                          placeholder={t('fields.descriptionPlaceholder')}
-                          {...field}
-                          value={field.value || ''}
-                        />
-                      </FormControl>
-                      <FormMessage />
-                    </FormItem>
-                  )}
-                />
+                  <FormField
+                    control={form.control}
+                    name="descricao"
+                    render={({ field }) => (
+                      <FormItem>
+                        <FormLabel>{t('fields.description')}</FormLabel>
+                        <FormControl>
+                          <Input
+                            placeholder={t('fields.descriptionPlaceholder')}
+                            {...field}
+                            value={field.value || ''}
+                          />
+                        </FormControl>
+                        <FormMessage />
+                      </FormItem>
+                    )}
+                  />
+                </div>
               </FinanceSheetSection>
 
               <FinanceSheetSection
@@ -862,19 +918,34 @@ export default function ContasBancariasPage() {
   const [accountIdToDelete, setAccountIdToDelete] = useState<string | null>(
     null
   );
-  const { data: contasBancarias, refetch } = useQuery<BankAccount[]>({
-    queryKey: ['finance-bank-accounts', currentLocaleCode],
-    queryFn: async () => {
-      const response = await request({
-        url: '/finance/bank-accounts',
-        method: 'GET',
-      });
+  const [page, setPage] = useState(1);
+  const pageSize = 9;
+  const { data: contasBancarias, refetch } =
+    useQuery<PaginatedBankAccountsResponse>({
+      queryKey: ['finance-bank-accounts', currentLocaleCode, page, pageSize],
+      queryFn: async () => {
+        const response = await request({
+          url: '/finance/bank-accounts',
+          method: 'GET',
+          params: {
+            page,
+            pageSize,
+          },
+        });
 
-      return (response.data || []) as BankAccount[];
-    },
-    placeholderData: [],
-  });
-  const accounts = contasBancarias ?? [];
+        return (response.data || {
+          data: [],
+          total: 0,
+          page,
+          pageSize,
+          prev: null,
+          next: null,
+          lastPage: 1,
+        }) as PaginatedBankAccountsResponse;
+      },
+      placeholderData: (old) => old,
+    });
+  const accounts = contasBancarias?.data ?? [];
 
   const tipoConfig = {
     corrente: { label: t('types.corrente'), icon: Building2 },
@@ -1159,6 +1230,18 @@ export default function ContasBancariasPage() {
             onAction={handleCreate}
           />
         )}
+        {accounts.length > 0 ? (
+          <div className="border-t border-border/50 px-4 py-4 sm:px-6">
+            <PaginationFooter
+              currentPage={page}
+              pageSize={pageSize}
+              totalItems={contasBancarias?.total || 0}
+              onPageChange={setPage}
+              onPageSizeChange={() => undefined}
+              pageSizeOptions={[9]}
+            />
+          </div>
+        ) : null}
       </FinancePageSection>
     </Page>
   );

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

@@ -388,9 +388,20 @@ export default function ConciliacaoPage() {
       const response = await request({
         url: '/finance/bank-accounts',
         method: 'GET',
+        params: {
+          page: 1,
+          pageSize: 100,
+        },
       });
 
-      return (response?.data || []) as BankAccount[];
+      const payload = response?.data as
+        | { data?: BankAccount[] }
+        | BankAccount[]
+        | undefined;
+
+      return (
+        Array.isArray(payload) ? payload : payload?.data || []
+      ) as BankAccount[];
     },
   });
 
@@ -437,11 +448,22 @@ export default function ConciliacaoPage() {
       }
 
       const response = await request({
-        url: `/finance/statements?bank_account_id=${activeContaFilter}`,
+        url: '/finance/statements',
         method: 'GET',
+        params: {
+          bank_account_id: activeContaFilter,
+          page: 1,
+          pageSize: 500,
+        },
       });
 
-      return (response?.data || []) as Statement[];
+      const payload = response?.data as
+        | { data?: Statement[] }
+        | Statement[]
+        | undefined;
+      return (
+        Array.isArray(payload) ? payload : payload?.data || []
+      ) as Statement[];
     },
   });