@hed-hog/finance 0.0.278 → 0.0.285

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

@@ -1,6 +1,6 @@
 'use client';
 
-import { Page, PageHeader } from '@/components/entity-list';
+import { EmptyState, Page, PageHeader } from '@/components/entity-list';
 import { RichTextEditor } from '@/components/rich-text-editor';
 import { Button } from '@/components/ui/button';
 import {
@@ -548,94 +548,108 @@ export default function CobrancaPage() {
           <CardDescription>{t('table.description')}</CardDescription>
         </CardHeader>
         <CardContent>
-          <Table>
-            <TableHeader>
-              <TableRow>
-                <TableHead>{t('table.headers.client')}</TableHead>
-                <TableHead className="text-right">
-                  {t('table.headers.range0to30')}
-                </TableHead>
-                <TableHead className="text-right">
-                  {t('table.headers.range31to60')}
-                </TableHead>
-                <TableHead className="text-right">
-                  {t('table.headers.range61to90')}
-                </TableHead>
-                <TableHead className="text-right">
-                  {t('table.headers.range90plus')}
-                </TableHead>
-                <TableHead className="text-right">
-                  {t('table.headers.total')}
-                </TableHead>
-                <TableHead className="text-right">
-                  {t('table.headers.actions')}
-                </TableHead>
-              </TableRow>
-            </TableHeader>
-            <TableBody>
-              {agingInadimplencia.map((item) => (
-                <TableRow key={item.clienteId}>
-                  <TableCell className="font-medium">{item.cliente}</TableCell>
-                  <TableCell className="text-right">
-                    {item.bucket0_30 > 0 ? (
-                      <Money value={item.bucket0_30} />
-                    ) : (
-                      '-'
-                    )}
-                  </TableCell>
-                  <TableCell className="text-right">
-                    {item.bucket31_60 > 0 ? (
-                      <Money value={item.bucket31_60} />
-                    ) : (
-                      '-'
-                    )}
-                  </TableCell>
-                  <TableCell className="text-right">
-                    {item.bucket61_90 > 0 ? (
-                      <Money value={item.bucket61_90} />
-                    ) : (
-                      '-'
-                    )}
-                  </TableCell>
-                  <TableCell className="text-right">
-                    {item.bucket90plus > 0 ? (
-                      <span className="font-medium text-destructive">
-                        <Money value={item.bucket90plus} />
-                      </span>
-                    ) : (
-                      '-'
-                    )}
-                  </TableCell>
-                  <TableCell className="text-right font-semibold">
-                    <Money value={item.total} />
-                  </TableCell>
-                  <TableCell>
-                    <div className="flex justify-end gap-2">
-                      <HistoricoContatosSheet
-                        cliente={item.cliente}
-                        historicoContatos={historicoContatos.filter(
-                          (contato) => contato.clienteId === item.clienteId
-                        )}
-                        t={t}
-                      />
-                      <EnviarCobrancaDialog
-                        cliente={item.cliente}
-                        clienteId={item.clienteId}
-                        onSuccess={refetch}
-                        t={t}
-                      />
-                      <RegistrarAcordoDialog
-                        cliente={item.cliente}
-                        clienteId={item.clienteId}
-                        onSuccess={refetch}
-                        t={t}
-                      />
-                    </div>
-                  </TableCell>
+          {agingInadimplencia.length > 0 ? (
+            <Table>
+              <TableHeader>
+                <TableRow>
+                  <TableHead>{t('table.headers.client')}</TableHead>
+                  <TableHead className="text-right">
+                    {t('table.headers.range0to30')}
+                  </TableHead>
+                  <TableHead className="text-right">
+                    {t('table.headers.range31to60')}
+                  </TableHead>
+                  <TableHead className="text-right">
+                    {t('table.headers.range61to90')}
+                  </TableHead>
+                  <TableHead className="text-right">
+                    {t('table.headers.range90plus')}
+                  </TableHead>
+                  <TableHead className="text-right">
+                    {t('table.headers.total')}
+                  </TableHead>
+                  <TableHead className="text-right">
+                    {t('table.headers.actions')}
+                  </TableHead>
                 </TableRow>
-              ))}
-            </TableBody>
-          </Table>
+              </TableHeader>
+              <TableBody>
+                {agingInadimplencia.map((item) => (
+                  <TableRow key={item.clienteId}>
+                    <TableCell className="font-medium">
+                      {item.cliente}
+                    </TableCell>
+                    <TableCell className="text-right">
+                      {item.bucket0_30 > 0 ? (
+                        <Money value={item.bucket0_30} />
+                      ) : (
+                        '-'
+                      )}
+                    </TableCell>
+                    <TableCell className="text-right">
+                      {item.bucket31_60 > 0 ? (
+                        <Money value={item.bucket31_60} />
+                      ) : (
+                        '-'
+                      )}
+                    </TableCell>
+                    <TableCell className="text-right">
+                      {item.bucket61_90 > 0 ? (
+                        <Money value={item.bucket61_90} />
+                      ) : (
+                        '-'
+                      )}
+                    </TableCell>
+                    <TableCell className="text-right">
+                      {item.bucket90plus > 0 ? (
+                        <span className="font-medium text-destructive">
+                          <Money value={item.bucket90plus} />
+                        </span>
+                      ) : (
+                        '-'
+                      )}
+                    </TableCell>
+                    <TableCell className="text-right font-semibold">
+                      <Money value={item.total} />
+                    </TableCell>
+                    <TableCell>
+                      <div className="flex justify-end gap-2">
+                        <HistoricoContatosSheet
+                          cliente={item.cliente}
+                          historicoContatos={historicoContatos.filter(
+                            (contato) => contato.clienteId === item.clienteId
+                          )}
+                          t={t}
+                        />
+                        <EnviarCobrancaDialog
+                          cliente={item.cliente}
+                          clienteId={item.clienteId}
+                          onSuccess={refetch}
+                          t={t}
+                        />
+                        <RegistrarAcordoDialog
+                          cliente={item.cliente}
+                          clienteId={item.clienteId}
+                          onSuccess={refetch}
+                          t={t}
+                        />
+                      </div>
+                    </TableCell>
+                  </TableRow>
+                ))}
+              </TableBody>
+            </Table>
+          ) : (
+            <EmptyState
+              icon={<FileText className="h-12 w-12" />}
+              title={t('empty.title')}
+              description={t('empty.description')}
+              actionLabel={t('empty.action')}
+              onAction={() => {
+                void refetch();
+              }}
+            />
+          )}
         </CardContent>
       </Card>
     </Page>

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

@@ -1,6 +1,6 @@
 'use client';
 
-import { Page, PageHeader } from '@/components/entity-list';
+import { EmptyState, Page, PageHeader } from '@/components/entity-list';
 import { Button } from '@/components/ui/button';
 import {
   Card,
@@ -357,16 +357,27 @@ function ImportarExtratoSheet({
   defaultBankAccountId,
   onImported,
   onBankAccountCreated,
+  open,
+  onOpenChange,
 }: {
   contasBancarias: BankAccount[];
   t: ReturnType<typeof useTranslations>;
   defaultBankAccountId?: string;
   onImported: () => Promise<any> | void;
   onBankAccountCreated: (createdBankAccountId?: string) => Promise<void> | void;
+  open?: boolean;
+  onOpenChange?: (open: boolean) => void;
 }) {
   const { request, showToastHandler } = useApp();
-  const [open, setOpen] = useState(false);
+  const [internalOpen, setInternalOpen] = useState(false);
   const [openNovaContaSheet, setOpenNovaContaSheet] = useState(false);
+  const isOpen = open ?? internalOpen;
+  const handleOpenChange = (nextOpen: boolean) => {
+    onOpenChange?.(nextOpen);
+    if (open === undefined) {
+      setInternalOpen(nextOpen);
+    }
+  };
 
   const form = useForm<ImportStatementFormValues>({
     resolver: zodResolver(importStatementSchema),
@@ -376,7 +387,7 @@ function ImportarExtratoSheet({
   });
 
   useEffect(() => {
-    if (!open) {
+    if (!isOpen) {
       return;
     }
 
@@ -384,7 +395,7 @@ function ImportarExtratoSheet({
       bankAccountId: defaultBankAccountId || '',
       file: undefined as unknown as File,
     });
-  }, [defaultBankAccountId, form, open]);
+  }, [defaultBankAccountId, form, isOpen]);
 
   const handleSubmit = async (values: ImportStatementFormValues) => {
     const formData = new FormData();
@@ -400,15 +411,15 @@ function ImportarExtratoSheet({
 
       await onImported();
       showToastHandler?.('success', 'Extrato importado com sucesso');
-      setOpen(false);
+      handleOpenChange(false);
     } catch {
       showToastHandler?.('error', 'Não foi possível importar o extrato');
     }
   };
 
   return (
-    <Sheet open={open} onOpenChange={setOpen}>
-      <Button onClick={() => setOpen(true)}>
+    <Sheet open={isOpen} onOpenChange={handleOpenChange}>
+      <Button onClick={() => handleOpenChange(true)}>
         <Upload className="mr-2 h-4 w-4" />
         {t('importDialog.action')}
       </Button>
@@ -510,7 +521,7 @@ function ImportarExtratoSheet({
               <Button
                 type="button"
                 variant="outline"
-                onClick={() => setOpen(false)}
+                onClick={() => handleOpenChange(false)}
               >
                 {t('common.cancel')}
               </Button>
@@ -536,6 +547,7 @@ export default function ExtratosPage() {
   const [contaFilter, setContaFilter] = useState<string>('');
   const [search, setSearch] = useState('');
   const [debouncedSearch, setDebouncedSearch] = useState('');
+  const [isImportSheetOpen, setIsImportSheetOpen] = useState(false);
   const [extratoSelecionado, setExtratoSelecionado] =
     useState<Statement | null>(null);
 
@@ -717,6 +729,8 @@ export default function ExtratosPage() {
               contasBancarias={contasBancarias}
               t={t}
               defaultBankAccountId={contaFilter}
+              open={isImportSheetOpen}
+              onOpenChange={setIsImportSheetOpen}
               onImported={refetchExtratos}
               onBankAccountCreated={handleBankAccountCreated}
             />
@@ -797,89 +811,99 @@ export default function ExtratosPage() {
         </Card>
       </div>
 
-      <Card>
-        <CardHeader>
-          <CardTitle>{t('table.title')}</CardTitle>
-          <CardDescription>
-            {t('table.foundTransactions', { count: extratos.length })}
-          </CardDescription>
-        </CardHeader>
-        <CardContent>
-          <div className="overflow-x-auto">
-            <Table className="min-w-[760px] table-fixed">
-              <TableHeader>
-                <TableRow>
-                  <TableHead className="w-[110px]">
-                    {t('table.headers.date')}
-                  </TableHead>
-                  <TableHead>{t('table.headers.description')}</TableHead>
-                  <TableHead className="w-[130px] text-right">
-                    {t('table.headers.value')}
-                  </TableHead>
-                  <TableHead className="w-[110px]">
-                    {t('table.headers.type')}
-                  </TableHead>
-                  <TableHead className="w-[140px]">
-                    {t('table.headers.reconciliation')}
-                  </TableHead>
-                </TableRow>
-              </TableHeader>
-              <TableBody>
-                {extratos.map((extrato) => (
-                  <TableRow
-                    key={extrato.id}
-                    className="cursor-pointer"
-                    onClick={() => setExtratoSelecionado(extrato)}
-                    onKeyDown={(event) => {
-                      if (event.key === 'Enter' || event.key === ' ') {
-                        event.preventDefault();
-                        setExtratoSelecionado(extrato);
-                      }
-                    }}
-                    role="button"
-                    tabIndex={0}
-                  >
-                    <TableCell>{formatarData(extrato.data)}</TableCell>
-                    <TableCell className="truncate" title={extrato.descricao}>
-                      {extrato.descricao}
-                    </TableCell>
-                    <TableCell className="text-right">
-                      <span
-                        className={
-                          extrato.tipo === 'entrada'
-                            ? 'text-green-600'
-                            : 'text-red-600'
+      {extratos.length > 0 ? (
+        <Card>
+          <CardHeader>
+            <CardTitle>{t('table.title')}</CardTitle>
+            <CardDescription>
+              {t('table.foundTransactions', { count: extratos.length })}
+            </CardDescription>
+          </CardHeader>
+          <CardContent>
+            <div className="overflow-x-auto">
+              <Table className="min-w-[760px] table-fixed">
+                <TableHeader>
+                  <TableRow>
+                    <TableHead className="w-[110px]">
+                      {t('table.headers.date')}
+                    </TableHead>
+                    <TableHead>{t('table.headers.description')}</TableHead>
+                    <TableHead className="w-[130px] text-right">
+                      {t('table.headers.value')}
+                    </TableHead>
+                    <TableHead className="w-[110px]">
+                      {t('table.headers.type')}
+                    </TableHead>
+                    <TableHead className="w-[140px]">
+                      {t('table.headers.reconciliation')}
+                    </TableHead>
+                  </TableRow>
+                </TableHeader>
+                <TableBody>
+                  {extratos.map((extrato) => (
+                    <TableRow
+                      key={extrato.id}
+                      className="cursor-pointer"
+                      onClick={() => setExtratoSelecionado(extrato)}
+                      onKeyDown={(event) => {
+                        if (event.key === 'Enter' || event.key === ' ') {
+                          event.preventDefault();
+                          setExtratoSelecionado(extrato);
                         }
-                      >
-                        <Money value={extrato.valor} />
-                      </span>
-                    </TableCell>
-                    <TableCell>
-                      {extrato.tipo === 'entrada' ? (
-                        <span className="flex items-center gap-1 text-green-600">
-                          <ArrowUpRight className="h-4 w-4" />
-                          {t('types.inflow')}
-                        </span>
-                      ) : (
-                        <span className="flex items-center gap-1 text-red-600">
-                          <ArrowDownRight className="h-4 w-4" />
-                          {t('types.outflow')}
+                      }}
+                      role="button"
+                      tabIndex={0}
+                    >
+                      <TableCell>{formatarData(extrato.data)}</TableCell>
+                      <TableCell className="truncate" title={extrato.descricao}>
+                        {extrato.descricao}
+                      </TableCell>
+                      <TableCell className="text-right">
+                        <span
+                          className={
+                            extrato.tipo === 'entrada'
+                              ? 'text-green-600'
+                              : 'text-red-600'
+                          }
+                        >
+                          <Money value={extrato.valor} />
                         </span>
-                      )}
-                    </TableCell>
-                    <TableCell>
-                      <StatusBadge
-                        status={extrato.statusConciliacao}
-                        type="conciliacao"
-                      />
-                    </TableCell>
-                  </TableRow>
-                ))}
-              </TableBody>
-            </Table>
-          </div>
-        </CardContent>
-      </Card>
+                      </TableCell>
+                      <TableCell>
+                        {extrato.tipo === 'entrada' ? (
+                          <span className="flex items-center gap-1 text-green-600">
+                            <ArrowUpRight className="h-4 w-4" />
+                            {t('types.inflow')}
+                          </span>
+                        ) : (
+                          <span className="flex items-center gap-1 text-red-600">
+                            <ArrowDownRight className="h-4 w-4" />
+                            {t('types.outflow')}
+                          </span>
+                        )}
+                      </TableCell>
+                      <TableCell>
+                        <StatusBadge
+                          status={extrato.statusConciliacao}
+                          type="conciliacao"
+                        />
+                      </TableCell>
+                    </TableRow>
+                  ))}
+                </TableBody>
+              </Table>
+            </div>
+          </CardContent>
+        </Card>
+      ) : (
+        <EmptyState
+          icon={<Upload className="h-12 w-12" />}
+          title={t('empty.title')}
+          description={t('empty.description')}
+          actionLabel={t('importDialog.action')}
+          onAction={() => setIsImportSheetOpen(true)}
+        />
+      )}
 
       <Dialog
         open={!!extratoSelecionado}