@hed-hog/finance 0.0.329 → 0.0.331

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

@@ -131,10 +131,9 @@ export default function AprovacoesPage() {
   const { request, showToastHandler } = useApp();
   const [page, setPage] = useState(1);
   const pageSize = 10;
-  const {
-    data: approvalsResponse,
-    refetch,
-  } = useQuery<PaginatedResponse<ApprovalTitle>>({
+  const { data: approvalsResponse, refetch } = useQuery<
+    PaginatedResponse<ApprovalTitle>
+  >({
     queryKey: ['finance-payable-approvals', page, pageSize],
     queryFn: async () => {
       const response = await request({
@@ -165,7 +164,7 @@ export default function AprovacoesPage() {
 
   const handleAprovacao = async (_id: string, tituloId?: string) => {
     if (!tituloId) {
-      showToastHandler?.('error', 'Título inválido para aprovação');
+      showToastHandler?.('error', t('messages.invalidTitleForApproval'));
       return;
     }
 
@@ -176,9 +175,9 @@ export default function AprovacoesPage() {
       });
 
       await refetch();
-      showToastHandler?.('success', 'Título aprovado com sucesso');
+      showToastHandler?.('success', t('messages.approveSuccess'));
     } catch {
-      showToastHandler?.('error', 'Não foi possível aprovar o título');
+      showToastHandler?.('error', t('messages.approveError'));
     }
   };
 
@@ -188,7 +187,7 @@ export default function AprovacoesPage() {
     reason?: string
   ) => {
     if (!tituloId) {
-      showToastHandler?.('error', 'Título inválido para reprovação');
+      showToastHandler?.('error', t('messages.invalidTitleForRejection'));
       return;
     }
 
@@ -202,9 +201,9 @@ export default function AprovacoesPage() {
       });
 
       await refetch();
-      showToastHandler?.('success', 'Título reprovado com sucesso');
+      showToastHandler?.('success', t('messages.rejectSuccess'));
     } catch {
-      showToastHandler?.('error', 'Não foi possível reprovar o título');
+      showToastHandler?.('error', t('messages.rejectError'));
     }
   };
 
@@ -316,21 +315,25 @@ export default function AprovacoesPage() {
                           {urgencia.label}
                         </Badge>
                       </TableCell>
-                      <TableCell>
-                        {formatarData(aprovacao.criadoEm)}
-                      </TableCell>
+                      <TableCell>{formatarData(aprovacao.criadoEm)}</TableCell>
                       <TableCell>
                         <div className="flex justify-end gap-2">
                           <AprovacaoDialog
                             tipo="aprovar"
                             t={t}
-                            onConfirm={() => void handleAprovacao(aprovacao.id, aprovacao.id)}
+                            onConfirm={() =>
+                              void handleAprovacao(aprovacao.id, aprovacao.id)
+                            }
                           />
                           <AprovacaoDialog
                             tipo="reprovar"
                             t={t}
                             onConfirm={(comment) =>
-                              void handleReprovacao(aprovacao.id, aprovacao.id, comment)
+                              void handleReprovacao(
+                                aprovacao.id,
+                                aprovacao.id,
+                                comment
+                              )
                             }
                           />
                         </div>

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

@@ -1,12 +1,8 @@
 'use client';
 
 import { PersonPickerField } from '@/app/(app)/(libraries)/contact/_components/person-picker';
-import {
-  CategoryPickerField,
-} from '@/app/(app)/(libraries)/finance/_components/category-picker-field';
-import {
-  CostCenterPickerField,
-} from '@/app/(app)/(libraries)/finance/_components/cost-center-picker-field';
+import { CategoryPickerField } from '@/app/(app)/(libraries)/finance/_components/category-picker-field';
+import { CostCenterPickerField } from '@/app/(app)/(libraries)/finance/_components/cost-center-picker-field';
 import {
   FinancePageSection,
   FinanceSheetBody,
@@ -446,10 +442,8 @@ function NovoTituloSheet({
       currentLocaleCode
     );
 
-    return currentLocaleCode.startsWith('pt')
-      ? `Rascunho salvo ${relativeLabel} • Último salvamento: ${absoluteLabel}`
-      : `Draft saved ${relativeLabel} • Last saved: ${absoluteLabel}`;
-  }, [draftSavedAt, currentLocaleCode, getSettingValue, hasDraft]);
+    return t('draftStatus', { relativeLabel, absoluteLabel });
+  }, [draftSavedAt, currentLocaleCode, getSettingValue, hasDraft, t]);
 
   const watchedInstallmentsCount = form.watch('installmentsCount');
   const watchedTotalValue = form.watch('valor');
@@ -774,7 +768,7 @@ function NovoTituloSheet({
         }
 
         if (extracted.descricao) {
-          form.setValue('descricao', extracted.descricao, {
+          form.setValue('descricao', extracted.descricao, {
             shouldValidate: true,
           });
         }
@@ -1290,7 +1284,7 @@ function NovoTituloSheet({
               >
                 <FormField
                   control={form.control}
-                  name="descricao"
+                  name="descricao"
                   render={({ field }) => (
                     <FormItem>
                       <FormLabel>{t('fields.description')}</FormLabel>
@@ -1505,10 +1499,8 @@ function EditarTituloSheet({
       currentLocaleCode
     );
 
-    return currentLocaleCode.startsWith('pt')
-      ? `Rascunho salvo ${relativeLabel} • Último salvamento: ${absoluteLabel}`
-      : `Draft saved ${relativeLabel} • Last saved: ${absoluteLabel}`;
-  }, [draftSavedAt, currentLocaleCode, getSettingValue, hasDraft]);
+    return t('draftStatus', { relativeLabel, absoluteLabel });
+  }, [draftSavedAt, currentLocaleCode, getSettingValue, hasDraft, t]);
 
   const watchedInstallmentsCount = form.watch('installmentsCount');
   const watchedTotalValue = form.watch('valor');
@@ -1893,7 +1885,7 @@ function EditarTituloSheet({
         }
 
         if (extracted.descricao) {
-          form.setValue('descricao', extracted.descricao, {
+          form.setValue('descricao', extracted.descricao, {
             shouldValidate: true,
           });
         }
@@ -2407,7 +2399,7 @@ function EditarTituloSheet({
               >
                 <FormField
                   control={form.control}
-                  name="descricao"
+                  name="descricao"
                   render={({ field }) => (
                     <FormItem>
                       <FormLabel>{t('fields.description')}</FormLabel>

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

@@ -232,10 +232,8 @@ function EnviarCobrancaDialog({
       currentLocaleCode
     );
 
-    return currentLocaleCode.startsWith('pt')
-      ? `Rascunho salvo ${relativeLabel} • Último salvamento: ${absoluteLabel}`
-      : `Draft saved ${relativeLabel} • Last saved: ${absoluteLabel}`;
-  }, [draftSavedAt, currentLocaleCode, getSettingValue, hasDraft]);
+    return t('draftStatus', { relativeLabel, absoluteLabel });
+  }, [draftSavedAt, currentLocaleCode, getSettingValue, hasDraft, t]);
 
   useEffect(() => {
     if (!open) {
@@ -425,10 +423,8 @@ function RegistrarAcordoDialog({
       currentLocaleCode
     );
 
-    return currentLocaleCode.startsWith('pt')
-      ? `Rascunho salvo ${relativeLabel} • Último salvamento: ${absoluteLabel}`
-      : `Draft saved ${relativeLabel} • Last saved: ${absoluteLabel}`;
-  }, [draftSavedAt, currentLocaleCode, getSettingValue, hasDraft]);
+    return t('draftStatus', { relativeLabel, absoluteLabel });
+  }, [draftSavedAt, currentLocaleCode, getSettingValue, hasDraft, t]);
 
   useEffect(() => {
     if (!open) {

package/hedhog/frontend/app/accounts-receivable/installments/[id]/page.tsx.ejs

@@ -186,11 +186,11 @@ export default function TituloReceberDetalhePage() {
       className: 'bg-orange-100 text-orange-700',
     },
     debito_automatico: {
-      label: 'D\u00e9bito autom\u00e1tico',
+      label: t('channels.debitAutomatico'),
       className: 'bg-emerald-100 text-emerald-700',
     },
     debito_em_conta: {
-      label: 'D\u00e9bito em conta',
+      label: t('channels.debitEmConta'),
       className: 'bg-cyan-100 text-cyan-700',
     },
   };

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

@@ -1,12 +1,8 @@
 'use client';
 
 import { PersonPickerField } from '@/app/(app)/(libraries)/contact/_components/person-picker';
-import {
-  CategoryPickerField,
-} from '@/app/(app)/(libraries)/finance/_components/category-picker-field';
-import {
-  CostCenterPickerField,
-} from '@/app/(app)/(libraries)/finance/_components/cost-center-picker-field';
+import { CategoryPickerField } from '@/app/(app)/(libraries)/finance/_components/category-picker-field';
+import { CostCenterPickerField } from '@/app/(app)/(libraries)/finance/_components/cost-center-picker-field';
 import {
   FinancePageSection,
   FinanceSheetBody,
@@ -426,10 +422,8 @@ function NovoTituloSheet({
       currentLocaleCode
     );
 
-    return currentLocaleCode.startsWith('pt')
-      ? `Rascunho salvo ${relativeLabel} • Último salvamento: ${absoluteLabel}`
-      : `Draft saved ${relativeLabel} • Last saved: ${absoluteLabel}`;
-  }, [draftSavedAt, currentLocaleCode, getSettingValue, hasDraft]);
+    return t('draftStatus', { relativeLabel, absoluteLabel });
+  }, [draftSavedAt, currentLocaleCode, getSettingValue, hasDraft, t]);
 
   const watchedInstallmentsCount = form.watch('installmentsCount');
   const watchedTotalValue = form.watch('valor');
@@ -754,7 +748,7 @@ function NovoTituloSheet({
         }
 
         if (extracted.descricao) {
-          form.setValue('descricao', extracted.descricao, {
+          form.setValue('descricao', extracted.descricao, {
             shouldValidate: true,
           });
         }
@@ -1242,10 +1236,10 @@ function NovoTituloSheet({
                               {t('channels.transfer')}
                             </SelectItem>
                             <SelectItem value="debito_automatico">
-                              D&#233;bito autom&#225;tico
+                              {t('channels.debitAutomatico')}
                             </SelectItem>
                             <SelectItem value="debito_em_conta">
-                              D&#233;bito em conta
+                              {t('channels.debitEmConta')}
                             </SelectItem>
                           </SelectContent>
                         </Select>
@@ -1262,7 +1256,7 @@ function NovoTituloSheet({
               >
                 <FormField
                   control={form.control}
-                  name="descricao"
+                  name="descricao"
                   render={({ field }) => (
                     <FormItem>
                       <FormLabel>{t('fields.description')}</FormLabel>
@@ -1475,10 +1469,8 @@ function EditarTituloSheet({
       currentLocaleCode
     );
 
-    return currentLocaleCode.startsWith('pt')
-      ? `Rascunho salvo ${relativeLabel} • Último salvamento: ${absoluteLabel}`
-      : `Draft saved ${relativeLabel} • Last saved: ${absoluteLabel}`;
-  }, [draftSavedAt, currentLocaleCode, getSettingValue, hasDraft]);
+    return t('draftStatus', { relativeLabel, absoluteLabel });
+  }, [draftSavedAt, currentLocaleCode, getSettingValue, hasDraft, t]);
 
   const watchedInstallmentsCount = form.watch('installmentsCount');
   const watchedTotalValue = form.watch('valor');
@@ -1815,7 +1807,7 @@ function EditarTituloSheet({
         }
 
         if (extracted.descricao) {
-          form.setValue('descricao', extracted.descricao, {
+          form.setValue('descricao', extracted.descricao, {
             shouldValidate: true,
           });
         }
@@ -2350,10 +2342,10 @@ function EditarTituloSheet({
                               {t('channels.transfer')}
                             </SelectItem>
                             <SelectItem value="debito_automatico">
-                              D&#233;bito autom&#225;tico
+                              {t('channels.debitAutomatico')}
                             </SelectItem>
                             <SelectItem value="debito_em_conta">
-                              D&#233;bito em conta
+                              {t('channels.debitEmConta')}
                             </SelectItem>
                           </SelectContent>
                         </Select>
@@ -2370,7 +2362,7 @@ function EditarTituloSheet({
               >
                 <FormField
                   control={form.control}
-                  name="descricao"
+                  name="descricao"
                   render={({ field }) => (
                     <FormItem>
                       <FormLabel>{t('fields.description')}</FormLabel>
@@ -2742,7 +2734,7 @@ export default function TitulosReceberPage() {
       <FinancePageSection variant="flat">
         {titulosReceber.length > 0 ? (
           <div className="overflow-x-auto">
-            <Table className="min-w-[760px]">
+            <Table className="min-w-190">
               <TableHeader>
                 <TableRow>
                   <TableHead>{t('table.headers.document')}</TableHead>
@@ -2754,7 +2746,7 @@ export default function TitulosReceberPage() {
                   </TableHead>
                   <TableHead>{t('table.headers.channel')}</TableHead>
                   <TableHead>{t('table.headers.status')}</TableHead>
-                  <TableHead className="w-[50px]" />
+                  <TableHead className="w-12.5" />
                 </TableRow>
               </TableHeader>
               <TableBody>

package/hedhog/frontend/app/administration/audit-logs/page.tsx.ejs

@@ -4,6 +4,7 @@ import { Page, PageHeader, PaginationFooter } from '@/components/entity-list';
 import { Badge } from '@/components/ui/badge';
 import { Button } from '@/components/ui/button';
 import { Input } from '@/components/ui/input';
+import { usePersistedPageSize } from '@/hooks/use-persisted-page-size';
 import {
   Select,
   SelectContent,
@@ -52,7 +53,11 @@ export default function AuditLogsPage() {
   const { request } = useApp();
 
   const [page, setPage] = useState(1);
-  const [pageSize, setPageSize] = useState(10);
+  const [pageSize, setPageSize] = usePersistedPageSize({
+    storageKey: 'pagination:finance-audit-logs:pageSize',
+    defaultValue: 10,
+    allowedValues: [10, 20, 30, 40, 50],
+  });
   const [search, setSearch] = useState('');
   const [action, setAction] = useState('all');
   const [entityTable, setEntityTable] = useState('all');
@@ -125,7 +130,7 @@ export default function AuditLogsPage() {
       />
 
       <div className="flex flex-col gap-4 xl:flex-row xl:flex-wrap xl:items-center">
-        <div className="relative min-w-[260px] flex-1">
+        <div className="relative min-w-65 flex-1">
           <Search className="pointer-events-none absolute left-2.5 top-2.5 h-4 w-4 text-muted-foreground" />
           <Input
             placeholder={t('filters.searchPlaceholder')}
@@ -145,14 +150,20 @@ export default function AuditLogsPage() {
             setPage(1);
           }}
         >
-          <SelectTrigger className="w-full sm:w-[180px]">
+          <SelectTrigger className="w-full sm:w-45">
             <SelectValue placeholder={t('filters.action')} />
           </SelectTrigger>
           <SelectContent>
             <SelectItem value="all">{t('filters.allActions')}</SelectItem>
-            <SelectItem value="create">create</SelectItem>
-            <SelectItem value="update">update</SelectItem>
-            <SelectItem value="delete">delete</SelectItem>
+            <SelectItem value="create">
+              {t('filters.actionOptions.create')}
+            </SelectItem>
+            <SelectItem value="update">
+              {t('filters.actionOptions.update')}
+            </SelectItem>
+            <SelectItem value="delete">
+              {t('filters.actionOptions.delete')}
+            </SelectItem>
           </SelectContent>
         </Select>
 
@@ -163,7 +174,7 @@ export default function AuditLogsPage() {
             setActorUserId(event.target.value);
             setPage(1);
           }}
-          className="w-full sm:w-[220px]"
+          className="w-full sm:w-55"
         />
 
         <Select
@@ -173,7 +184,7 @@ export default function AuditLogsPage() {
             setPage(1);
           }}
         >
-          <SelectTrigger className="w-full sm:w-[180px]">
+          <SelectTrigger className="w-full sm:w-45">
             <SelectValue placeholder={t('filters.entity')} />
           </SelectTrigger>
           <SelectContent>
@@ -192,7 +203,7 @@ export default function AuditLogsPage() {
             setFrom(event.target.value);
             setPage(1);
           }}
-          className="w-full sm:w-[220px]"
+          className="w-full sm:w-55"
         />
 
         <Input
@@ -202,7 +213,7 @@ export default function AuditLogsPage() {
             setTo(event.target.value);
             setPage(1);
           }}
-          className="w-full sm:w-[220px]"
+          className="w-full sm:w-55"
         />
 
         <Button
@@ -234,7 +245,7 @@ export default function AuditLogsPage() {
               <TableHead>{t('table.headers.entity')}</TableHead>
               <TableHead>{t('table.headers.record')}</TableHead>
               <TableHead>{t('table.headers.summary')}</TableHead>
-              <TableHead>IP</TableHead>
+              <TableHead>{t('table.headers.ip')}</TableHead>
             </TableRow>
           </TableHeader>
           <TableBody>

package/hedhog/frontend/app/administration/categories/page.tsx.ejs

@@ -214,10 +214,8 @@ function CategoriaSheet({
       currentLocaleCode
     );
 
-    return currentLocaleCode.startsWith('pt')
-      ? `Rascunho salvo ${relativeLabel} • Último salvamento: ${absoluteLabel}`
-      : `Draft saved ${relativeLabel} • Last saved: ${absoluteLabel}`;
-  }, [draftSavedAt, currentLocaleCode, getSettingValue, hasDraft]);
+    return t('draftStatus', { relativeLabel, absoluteLabel });
+  }, [draftSavedAt, currentLocaleCode, getSettingValue, hasDraft, t]);
 
   useEffect(() => {
     if (!open) {
@@ -300,7 +298,7 @@ function CategoriaSheet({
 
   return (
     <Sheet open={open} onOpenChange={handleOpenChange}>
-      <SheetContent className="w-full overflow-y-auto sm:max-w-lg">
+      <SheetContent className="w-full overflow-y-auto sm:max-w-lg">
         <SheetHeader>
           <SheetTitle>
             {editing ? t('sheet.editTitle') : t('sheet.newTitle')}

package/hedhog/frontend/app/administration/cost-centers/page.tsx.ejs

@@ -133,10 +133,8 @@ function CentroCustoSheet({
       currentLocaleCode
     );
 
-    return currentLocaleCode.startsWith('pt')
-      ? `Rascunho salvo ${relativeLabel} • Último salvamento: ${absoluteLabel}`
-      : `Draft saved ${relativeLabel} • Last saved: ${absoluteLabel}`;
-  }, [draftSavedAt, currentLocaleCode, getSettingValue, hasDraft]);
+    return t('draftStatus', { relativeLabel, absoluteLabel });
+  }, [draftSavedAt, currentLocaleCode, getSettingValue, hasDraft, t]);
 
   useEffect(() => {
     if (!open) {
@@ -216,7 +214,7 @@ function CentroCustoSheet({
 
   return (
     <Sheet open={open} onOpenChange={handleOpenChange}>
-      <SheetContent className="w-full overflow-y-auto sm:max-w-lg">
+      <SheetContent className="w-full overflow-y-auto sm:max-w-lg">
         <SheetHeader>
           <SheetTitle>
             {editingCostCenter ? t('sheet.editTitle') : t('sheet.newTitle')}

package/hedhog/frontend/app/administration/currencies/page.tsx.ejs

@@ -141,10 +141,8 @@ function CurrencySheet({
       getSettingValue,
       currentLocaleCode
     );
-    return currentLocaleCode.startsWith('pt')
-      ? `Rascunho salvo ${relativeLabel} • Último salvamento: ${absoluteLabel}`
-      : `Draft saved ${relativeLabel} • Last saved: ${absoluteLabel}`;
-  }, [draftSavedAt, currentLocaleCode, getSettingValue, hasDraft]);
+    return t('draftStatus', { relativeLabel, absoluteLabel });
+  }, [draftSavedAt, currentLocaleCode, getSettingValue, hasDraft, t]);
 
   useEffect(() => {
     if (!open) return;
@@ -225,7 +223,7 @@ function CurrencySheet({
 
   return (
     <Sheet open={open} onOpenChange={handleOpenChange}>
-      <SheetContent className="w-full overflow-y-auto sm:max-w-lg">
+      <SheetContent className="w-full overflow-y-auto sm:max-w-lg">
         <SheetHeader>
           <SheetTitle>
             {editingCurrency ? t('sheet.editTitle') : t('sheet.newTitle')}

package/hedhog/frontend/app/administration/period-close/page.tsx.ejs

@@ -35,6 +35,7 @@ import {
   TableRow,
 } from '@/components/ui/table';
 import { useFormDraft } from '@/hooks/use-form-draft';
+import { usePersistedPageSize } from '@/hooks/use-persisted-page-size';
 import { formatDateTime } from '@/lib/format-date';
 import { useApp, useQuery } from '@hed-hog/next-app-provider';
 import { zodResolver } from '@hookform/resolvers/zod';
@@ -160,10 +161,8 @@ function ClosePeriodSheet({
       currentLocaleCode
     );
 
-    return currentLocaleCode.startsWith('pt')
-      ? `Rascunho salvo ${relativeLabel} • Último salvamento: ${absoluteLabel}`
-      : `Draft saved ${relativeLabel} • Last saved: ${absoluteLabel}`;
-  }, [draftSavedAt, currentLocaleCode, getSettingValue, hasDraft]);
+    return t('draftStatus', { relativeLabel, absoluteLabel });
+  }, [draftSavedAt, currentLocaleCode, getSettingValue, hasDraft, t]);
 
   useEffect(() => {
     if (!open) {
@@ -212,7 +211,7 @@ function ClosePeriodSheet({
         onOpenChange(nextOpen);
       }}
     >
-      <SheetContent className="w-full overflow-y-auto sm:max-w-lg">
+      <SheetContent className="w-full overflow-y-auto sm:max-w-lg">
         <SheetHeader>
           <SheetTitle>{t('sheet.title')}</SheetTitle>
           <SheetDescription>{t('sheet.description')}</SheetDescription>
@@ -326,7 +325,11 @@ export default function PeriodClosePage() {
 
   const [sheetOpen, setSheetOpen] = useState(false);
   const [page, setPage] = useState(1);
-  const [pageSize, setPageSize] = useState(10);
+  const [pageSize, setPageSize] = usePersistedPageSize({
+    storageKey: 'pagination:finance-period-close:pageSize',
+    defaultValue: 10,
+    allowedValues: [10, 20, 30, 40, 50],
+  });
   const [search, setSearch] = useState('');
   const [status, setStatus] = useState('all');
   const [user, setUser] = useState('');
@@ -434,7 +437,7 @@ export default function PeriodClosePage() {
             setUser(event.target.value);
             setPage(1);
           }}
-          className="w-full sm:w-[220px]"
+          className="w-full sm:w-55"
         />
 
         <Input
@@ -444,7 +447,7 @@ export default function PeriodClosePage() {
             setFrom(event.target.value);
             setPage(1);
           }}
-          className="w-full sm:w-[220px]"
+          className="w-full sm:w-55"
         />
 
         <Input
@@ -454,7 +457,7 @@ export default function PeriodClosePage() {
             setTo(event.target.value);
             setPage(1);
           }}
-          className="w-full sm:w-[220px]"
+          className="w-full sm:w-55"
         />
 
         <Button