@hed-hog/finance 0.0.329 → 0.0.330

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

@@ -118,38 +118,46 @@ type PaginatedStatementsResponse = {
   };
 };
 
-const statementEntrySchema = z.object({
-  date: z.string().trim().min(1, 'Data é obrigatória'),
-  description: z.string().trim().min(1, 'Descrição é obrigatória'),
-  type: z.enum(['entrada', 'saida']),
-  amount: z.number().min(0.01, 'Valor deve ser maior que zero'),
-});
-
-type StatementEntryFormValues = z.infer<typeof statementEntrySchema>;
-
-const bankAccountFormSchema = z.object({
-  banco: z.string().trim().min(1, 'Banco é obrigatório'),
-  agencia: z.string().optional(),
-  conta: z.string().optional(),
-  tipo: z.string().min(1, 'Tipo é obrigatório'),
-  descricao: z.string().optional(),
-  dataInicial: z.string().optional(),
-  saldoInicial: z.number().min(0, 'Saldo inicial inválido'),
-});
-
-const importStatementSchema = z.object({
-  bankAccountId: z.string().trim().min(1, 'Conta bancária é obrigatória'),
-  file: z.instanceof(File, { message: 'Arquivo é obrigatório' }).refine(
-    (value) => {
-      const fileName = value.name.toLowerCase();
-      return fileName.endsWith('.csv') || fileName.endsWith('.ofx');
-    },
-    { message: 'Apenas arquivos CSV ou OFX são permitidos' }
-  ),
-});
+const createStatementEntrySchema = (t: ReturnType<typeof useTranslations>) =>
+  z.object({
+    date: z.string().trim().min(1, t('formErrors.dateRequired')),
+    description: z.string().trim().min(1, t('formErrors.descriptionRequired')),
+    type: z.enum(['entrada', 'saida']),
+    amount: z.number().min(0.01, t('formErrors.amountMustBePositive')),
+  });
 
-type ImportStatementFormValues = z.infer<typeof importStatementSchema>;
-type BankAccountFormValues = z.infer<typeof bankAccountFormSchema>;
+type StatementEntryFormValues = z.infer<ReturnType<typeof createStatementEntrySchema>>;
+
+const createBankAccountFormSchema = (
+  tBank: ReturnType<typeof useTranslations>
+) =>
+  z.object({
+    banco: z.string().trim().min(1, tBank('validation.bankRequired')),
+    agencia: z.string().optional(),
+    conta: z.string().optional(),
+    tipo: z.string().min(1, tBank('validation.typeRequired')),
+    descricao: z.string().optional(),
+    dataInicial: z.string().optional(),
+    saldoInicial: z.number().min(0, tBank('validation.initialBalanceInvalid')),
+  });
+
+const createImportStatementSchema = (t: ReturnType<typeof useTranslations>) =>
+  z.object({
+    bankAccountId: z
+      .string()
+      .trim()
+      .min(1, t('formErrors.bankAccountRequired')),
+    file: z.instanceof(File, { message: t('formErrors.fileRequired') }).refine(
+      (value) => {
+        const fileName = value.name.toLowerCase();
+        return fileName.endsWith('.csv') || fileName.endsWith('.ofx');
+      },
+      { message: t('formErrors.fileTypeNotAllowed') }
+    ),
+  });
+
+type ImportStatementFormValues = z.infer<ReturnType<typeof createImportStatementSchema>>;
+type BankAccountFormValues = z.infer<ReturnType<typeof createBankAccountFormSchema>>;
 
 type StatementBankAccountDraftPayload = {
   values: BankAccountFormValues;
@@ -180,7 +188,7 @@ function NovaContaBancariaSheet({
     useApp();
 
   const form = useForm<BankAccountFormValues>({
-    resolver: zodResolver(bankAccountFormSchema),
+    resolver: zodResolver(createBankAccountFormSchema(tBank)),
     defaultValues: {
       banco: '',
       agencia: '',
@@ -250,10 +258,11 @@ function NovaContaBancariaSheet({
       currentLocaleCode
     );
 
-    return currentLocaleCode.startsWith('pt')
-      ? `Rascunho salvo ${relativeLabel} • Último salvamento: ${absoluteLabel}`
-      : `Draft saved ${relativeLabel} • Last saved: ${absoluteLabel}`;
-  }, [draftSavedAt, currentLocaleCode, getSettingValue, hasDraft]);
+    return tBank('draftStatus', {
+      relativeLabel,
+      absoluteLabel,
+    });
+  }, [draftSavedAt, currentLocaleCode, getSettingValue, hasDraft, tBank]);
 
   useEffect(() => {
     if (!open) {
@@ -534,7 +543,7 @@ function ImportarExtratoSheet({
   };
 
   const form = useForm<ImportStatementFormValues>({
-    resolver: zodResolver(importStatementSchema),
+    resolver: zodResolver(createImportStatementSchema(t)),
     defaultValues: {
       bankAccountId: defaultBankAccountId || '',
     },
@@ -585,10 +594,11 @@ function ImportarExtratoSheet({
       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 (!isOpen) {
@@ -618,10 +628,10 @@ function ImportarExtratoSheet({
 
       clearDraft();
       await onImported();
-      showToastHandler?.('success', 'Extrato importado com sucesso');
+      showToastHandler?.('success', t('messages.importSuccess'));
       handleOpenChange(false);
     } catch {
-      showToastHandler?.('error', 'Não foi possível importar o extrato');
+      showToastHandler?.('error', t('messages.importError'));
     }
   };
 
@@ -676,7 +686,7 @@ function ImportarExtratoSheet({
                       variant="outline"
                       size="icon"
                       onClick={() => setOpenNovaContaSheet(true)}
-                      aria-label="Nova conta bancária"
+                      aria-label={t('aria.newBankAccount')}
                     >
                       <Plus className="h-4 w-4" />
                     </Button>
@@ -751,11 +761,13 @@ function ImportarExtratoSheet({
 }
 
 function NovoLancamentoSheet({
+  t,
   open,
   onOpenChange,
   bankAccountId,
   onCreated,
 }: {
+  t: ReturnType<typeof useTranslations>;
   open: boolean;
   onOpenChange: (open: boolean) => void;
   bankAccountId?: string;
@@ -763,7 +775,7 @@ function NovoLancamentoSheet({
 }) {
   const { request, showToastHandler } = useApp();
   const form = useForm<StatementEntryFormValues>({
-    resolver: zodResolver(statementEntrySchema),
+    resolver: zodResolver(createStatementEntrySchema(t)),
     defaultValues: {
       date: new Date().toISOString().slice(0, 10),
       description: '',
@@ -785,7 +797,7 @@ function NovoLancamentoSheet({
 
   const handleSubmit = async (values: StatementEntryFormValues) => {
     if (!bankAccountId) {
-      showToastHandler?.('error', 'Selecione uma conta bancária');
+      showToastHandler?.('error', t('messages.selectBankAccount'));
       return;
     }
 
@@ -804,14 +816,14 @@ function NovoLancamentoSheet({
 
       await onCreated();
       onOpenChange(false);
-      showToastHandler?.('success', 'Movimentação adicionada com sucesso');
+      showToastHandler?.('success', t('messages.createEntrySuccess'));
     } catch (error: any) {
       const message = error?.response?.data?.message;
       showToastHandler?.(
         'error',
         typeof message === 'string' && message.trim()
           ? message
-          : 'Não foi possível adicionar a movimentação'
+          : t('messages.createEntryError')
       );
     }
   };
@@ -820,10 +832,8 @@ function NovoLancamentoSheet({
     <Sheet open={open} onOpenChange={onOpenChange}>
       <SheetContent className="w-full sm:max-w-lg overflow-y-auto">
         <SheetHeader>
-          <SheetTitle>Novo lançamento</SheetTitle>
-          <SheetDescription>
-            Adicione uma movimentação manual ao extrato da conta bancária.
-          </SheetDescription>
+          <SheetTitle>{t('newEntry.title')}</SheetTitle>
+          <SheetDescription>{t('newEntry.description')}</SheetDescription>
         </SheetHeader>
 
         <Form {...form}>
@@ -837,7 +847,7 @@ function NovoLancamentoSheet({
                 name="date"
                 render={({ field }) => (
                   <FormItem>
-                    <FormLabel>Data</FormLabel>
+                    <FormLabel>{t('newEntry.fields.date')}</FormLabel>
                     <FormControl>
                       <Input type="date" {...field} />
                     </FormControl>
@@ -851,7 +861,7 @@ function NovoLancamentoSheet({
                 name="type"
                 render={({ field }) => (
                   <FormItem>
-                    <FormLabel>Tipo</FormLabel>
+                    <FormLabel>{t('newEntry.fields.type')}</FormLabel>
                     <Select value={field.value} onValueChange={field.onChange}>
                       <FormControl>
                         <SelectTrigger className="w-full">
@@ -859,8 +869,12 @@ function NovoLancamentoSheet({
                         </SelectTrigger>
                       </FormControl>
                       <SelectContent>
-                        <SelectItem value="entrada">Entrada</SelectItem>
-                        <SelectItem value="saida">Saída</SelectItem>
+                        <SelectItem value="entrada">
+                          {t('types.inflow')}
+                        </SelectItem>
+                        <SelectItem value="saida">
+                          {t('types.outflow')}
+                        </SelectItem>
                       </SelectContent>
                     </Select>
                     <FormMessage />
@@ -874,7 +888,7 @@ function NovoLancamentoSheet({
               name="description"
               render={({ field }) => (
                 <FormItem>
-                  <FormLabel>Descrição</FormLabel>
+                  <FormLabel>{t('newEntry.fields.description')}</FormLabel>
                   <FormControl>
                     <Input {...field} />
                   </FormControl>
@@ -888,7 +902,7 @@ function NovoLancamentoSheet({
               name="amount"
               render={({ field }) => (
                 <FormItem>
-                  <FormLabel>Valor</FormLabel>
+                  <FormLabel>{t('newEntry.fields.amount')}</FormLabel>
                   <FormControl>
                     <InputMoney
                       ref={field.ref}
@@ -910,10 +924,10 @@ function NovoLancamentoSheet({
                 variant="outline"
                 onClick={() => onOpenChange(false)}
               >
-                Cancelar
+                {t('common.cancel')}
               </Button>
               <Button type="submit" disabled={form.formState.isSubmitting}>
-                Salvar
+                {t('newEntry.submit')}
               </Button>
             </div>
           </form>
@@ -1166,7 +1180,7 @@ export default function ExtratosPage() {
   ];
   const handleExport = async () => {
     if (!activeContaFilter) {
-      showToastHandler?.('error', 'Selecione uma conta bancária para exportar');
+      showToastHandler?.('error', t('messages.selectBankAccountToExport'));
       return;
     }
 
@@ -1217,7 +1231,7 @@ export default function ExtratosPage() {
       link.remove();
       window.URL.revokeObjectURL(url);
     } catch {
-      showToastHandler?.('error', 'Não foi possível exportar o extrato');
+      showToastHandler?.('error', t('messages.exportError'));
     }
   };
 
@@ -1298,7 +1312,7 @@ export default function ExtratosPage() {
         'error',
         typeof message === 'string' && message.trim()
           ? message
-          : 'Não foi possível salvar as alterações'
+          : t('messages.saveChangesError')
       );
     } finally {
       setIsSavingEdits(false);
@@ -1310,7 +1324,7 @@ export default function ExtratosPage() {
       setEditingDescId(null);
       setEditingDateId(null);
       await Promise.all([refetchExtratos(), refetchContasBancarias()]);
-      showToastHandler?.('success', 'Alterações salvas com sucesso');
+      showToastHandler?.('success', t('messages.saveChangesSuccess'));
     }
   };
 
@@ -1337,14 +1351,14 @@ export default function ExtratosPage() {
 
       setStatementToDelete(null);
       await Promise.all([refetchExtratos(), refetchContasBancarias()]);
-      showToastHandler?.('success', 'Movimentação excluída com sucesso');
+      showToastHandler?.('success', t('messages.deleteEntrySuccess'));
     } catch (error: any) {
       const message = error?.response?.data?.message;
       showToastHandler?.(
         'error',
         typeof message === 'string' && message.trim()
           ? message
-          : 'Não foi possível excluir a movimentação'
+          : t('messages.deleteEntryError')
       );
     } finally {
       setIsDeletingStatement(false);
@@ -1369,7 +1383,7 @@ export default function ExtratosPage() {
             </Button>
             <Button onClick={() => setIsNewEntrySheetOpen(true)}>
               <Plus className="mr-2 h-4 w-4" />
-              Novo lançamento
+              {t('newEntry.action')}
             </Button>
             <ImportarExtratoSheet
               contasBancarias={contasBancarias}
@@ -1385,6 +1399,7 @@ export default function ExtratosPage() {
       />
 
       <NovoLancamentoSheet
+        t={t}
         open={isNewEntrySheetOpen}
         onOpenChange={setIsNewEntrySheetOpen}
         bankAccountId={activeContaFilter}
@@ -1773,7 +1788,9 @@ export default function ExtratosPage() {
             onClick={() => void handleSaveAllPendingEdits()}
             disabled={isSavingEdits}
           >
-            {isSavingEdits ? 'Salvando...' : 'Salvar alterações'}
+            {isSavingEdits
+              ? t('actions.savingChanges')
+              : t('actions.saveChanges')}
           </Button>
         </div>
       ) : null}
@@ -1786,10 +1803,9 @@ export default function ExtratosPage() {
       >
         <DialogContent className="sm:max-w-sm">
           <DialogHeader>
-            <DialogTitle>Excluir movimentação</DialogTitle>
+            <DialogTitle>{t('deleteDialog.title')}</DialogTitle>
             <DialogDescription>
-              Esta ação não pode ser desfeita. A movimentação será removida
-              permanentemente do extrato.
+              {t('deleteDialog.description')}
             </DialogDescription>
           </DialogHeader>
           <DialogFooter className="mt-2">
@@ -1798,14 +1814,16 @@ export default function ExtratosPage() {
               onClick={() => setStatementToDelete(null)}
               disabled={isDeletingStatement}
             >
-              Cancelar
+              {t('common.cancel')}
             </Button>
             <Button
               variant="destructive"
               onClick={() => void confirmDeleteStatement()}
               disabled={isDeletingStatement}
             >
-              {isDeletingStatement ? 'Excluindo...' : 'Excluir'}
+              {isDeletingStatement
+                ? t('deleteDialog.deleting')
+                : t('deleteDialog.confirm')}
             </Button>
           </DialogFooter>
         </DialogContent>

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

@@ -88,23 +88,30 @@ type TransferDraftPayload = {
 
 const TRANSFER_FORM_DRAFT_STORAGE_KEY = 'finance-transfer-form-draft';
 
-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'],
-  });
+const createTransferFormSchema = (t: ReturnType<typeof useTranslations>) =>
+  z
+    .object({
+      sourceAccountId: z
+        .string()
+        .trim()
+        .min(1, t('formErrors.sourceAccountRequired')),
+      destinationAccountId: z
+        .string()
+        .trim()
+        .min(1, t('formErrors.destinationAccountRequired')),
+      date: z.string().trim().min(1, t('formErrors.dateRequired')),
+      amount: z.number().min(0.01, t('formErrors.amountMustBePositive')),
+      description: z.string().optional(),
+    })
+    .refine(
+      (values) => values.sourceAccountId !== values.destinationAccountId,
+      {
+        message: t('formErrors.differentAccounts'),
+        path: ['destinationAccountId'],
+      }
+    );
 
-type TransferFormValues = z.infer<typeof transferFormSchema>;
+type TransferFormValues = z.infer<ReturnType<typeof createTransferFormSchema>>;
 
 function NovaTransferenciaSheet({
   contasBancarias,
@@ -118,6 +125,7 @@ function NovaTransferenciaSheet({
   const { request, showToastHandler, currentLocaleCode, getSettingValue } =
     useApp();
   const [open, setOpen] = useState(false);
+  const transferFormSchema = useMemo(() => createTransferFormSchema(t), [t]);
 
   const form = useForm<TransferFormValues>({
     resolver: zodResolver(transferFormSchema),
@@ -187,10 +195,8 @@ function NovaTransferenciaSheet({
       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) {
@@ -227,9 +233,9 @@ function NovaTransferenciaSheet({
       clearDraft();
       await onCreated();
       setOpen(false);
-      showToastHandler?.('success', 'Transferência cadastrada com sucesso');
+      showToastHandler?.('success', t('transferCreatedSuccess'));
     } catch {
-      showToastHandler?.('error', 'Erro ao cadastrar transferência');
+      showToastHandler?.('error', t('transferCreateError'));
     }
   };
 
@@ -540,7 +546,7 @@ export default function TransferenciasPage() {
             <SelectValue placeholder={t('common.select')} />
           </SelectTrigger>
           <SelectContent>
-            <SelectItem value="all">Todas as contas</SelectItem>
+            <SelectItem value="all">{t('allAccounts')}</SelectItem>
             {contasBancarias.map((conta) => (
               <SelectItem key={conta.id} value={conta.id}>
                 {conta.banco} - {conta.descricao}
@@ -551,7 +557,7 @@ export default function TransferenciasPage() {
 
         <div className="flex-1">
           <FilterBar
-            searchPlaceholder="Buscar na descrição..."
+            searchPlaceholder={t('searchPlaceholder')}
             searchValue={search}
             onSearchChange={setSearch}
           />
@@ -575,7 +581,9 @@ export default function TransferenciasPage() {
               <TableRow>
                 <TableHead>{t('table.headers.date')}</TableHead>
                 <TableHead>{t('table.headers.source')}</TableHead>
-                <TableHead className="text-center">→</TableHead>
+                <TableHead className="text-center">
+                  {t('table.headers.arrow')}
+                </TableHead>
                 <TableHead>{t('table.headers.destination')}</TableHead>
                 <TableHead className="text-right">
                   {t('table.headers.value')}

package/hedhog/frontend/app/planning/scenarios/page.tsx.ejs

@@ -316,9 +316,9 @@ export default function CenariosPage() {
                     });
 
                     await refetch();
-                    showToastHandler?.('success', 'Cenário salvo com sucesso');
+                    showToastHandler?.('success', t('messages.saveSuccess'));
                   } catch {
-                    showToastHandler?.('error', 'Erro ao salvar cenário');
+                    showToastHandler?.('error', t('messages.saveError'));
                   } finally {
                     setIsSaving(false);
                   }

package/hedhog/frontend/app/reports/actual-vs-forecast/page.tsx.ejs

@@ -21,6 +21,7 @@ import {
   TableHeader,
   TableRow,
 } from '@/components/ui/table';
+import { useApp } from '@hed-hog/next-app-provider';
 import {
   Download,
   Loader2,
@@ -47,6 +48,7 @@ type Scenario = 'base' | 'pessimista' | 'otimista';
 
 export default function ActualVsForecastPage() {
   const t = useTranslations('finance.ActualVsForecastPage');
+  const { currentLocaleCode } = useApp();
 
   const [horizonte, setHorizonte] = useState<string | null>(null);
   const [cenario, setCenario] = useState<Scenario | null>(null);
@@ -219,7 +221,7 @@ export default function ActualVsForecastPage() {
             />
             <Tooltip
               formatter={(value: number) =>
-                new Intl.NumberFormat('pt-BR', {
+                new Intl.NumberFormat(currentLocaleCode || undefined, {
                   style: 'currency',
                   currency: 'BRL',
                 }).format(value)

package/hedhog/frontend/app/reports/aging-default/page.tsx.ejs

@@ -20,6 +20,7 @@ import {
   TableHeader,
   TableRow,
 } from '@/components/ui/table';
+import { useApp } from '@hed-hog/next-app-provider';
 import { AlertTriangle, Loader2 } from 'lucide-react';
 import { useTranslations } from 'next-intl';
 import { useMemo, useState } from 'react';
@@ -46,6 +47,7 @@ function toPercent(value: number) {
 
 export default function AgingDefaultReportPage() {
   const t = useTranslations('finance.AgingDefaultReportPage');
+  const { currentLocaleCode } = useApp();
 
   const [horizonte, setHorizonte] = useState<string | null>(null);
   const [cenario, setCenario] = useState<Scenario | null>(null);
@@ -213,7 +215,7 @@ export default function AgingDefaultReportPage() {
             />
             <Tooltip
               formatter={(value: number) =>
-                new Intl.NumberFormat('pt-BR', {
+                new Intl.NumberFormat(currentLocaleCode || undefined, {
                   style: 'currency',
                   currency: 'BRL',
                 }).format(value)

package/hedhog/frontend/app/reports/cash-position/page.tsx.ejs

@@ -21,6 +21,7 @@ import {
   TableHeader,
   TableRow,
 } from '@/components/ui/table';
+import { useApp } from '@hed-hog/next-app-provider';
 import {
   Download,
   Loader2,
@@ -46,6 +47,7 @@ type Scenario = 'base' | 'pessimista' | 'otimista';
 
 export default function CashPositionReportPage() {
   const t = useTranslations('finance.CashPositionReportPage');
+  const { currentLocaleCode } = useApp();
 
   const [horizonte, setHorizonte] = useState<string | null>(null);
   const [cenario, setCenario] = useState<Scenario | null>(null);
@@ -309,7 +311,7 @@ export default function CashPositionReportPage() {
             />
             <Tooltip
               formatter={(value: number) =>
-                new Intl.NumberFormat('pt-BR', {
+                new Intl.NumberFormat(currentLocaleCode || undefined, {
                   style: 'currency',
                   currency: 'BRL',
                 }).format(value)

package/hedhog/frontend/app/reports/overview-results/page.tsx.ejs

@@ -3,8 +3,8 @@
 import { FinancePageSection } from '@/app/(app)/(libraries)/finance/_components/finance-layout';
 import { Page, PageHeader } from '@/components/entity-list';
 import { Badge } from '@/components/ui/badge';
-import { KpiCardsGrid } from '@/components/ui/kpi-cards-grid';
 import { Input } from '@/components/ui/input';
+import { KpiCardsGrid } from '@/components/ui/kpi-cards-grid';
 import { Label } from '@/components/ui/label';
 import { Money } from '@/components/ui/money';
 import {
@@ -49,16 +49,12 @@ const LINE_COLORS = {
   diferenca: '#16a34a',
 };
 
-const currencyFormatter = new Intl.NumberFormat('pt-BR', {
-  style: 'currency',
-  currency: 'BRL',
-});
-
 function renderSolidTooltip({
   active,
   payload,
   label,
-}: TooltipProps<number, string>) {
+  currencyFormatter,
+}: TooltipProps<number, string> & { currencyFormatter: Intl.NumberFormat }) {
   if (!active || !payload?.length) return null;
   return (
     <div className="rounded-lg border bg-popover px-3 py-2 shadow-xl text-popover-foreground text-sm">
@@ -84,6 +80,10 @@ function renderSolidTooltip({
 export default function OverviewResultsReportPage() {
   const t = useTranslations('finance.OverviewResultsReportPage');
   const locale = useLocale();
+  const currencyFormatter = new Intl.NumberFormat(locale || undefined, {
+    style: 'currency',
+    currency: 'BRL',
+  });
   const defaults = getDefaultDateRange();
   const [from, setFrom] = useState(defaults.from);
   const [to, setTo] = useState(defaults.to);
@@ -225,7 +225,14 @@ export default function OverviewResultsReportPage() {
               tick={{ fontSize: 12 }}
               tickFormatter={(value) => `${(value / 1000).toFixed(0)}k`}
             />
-            <Tooltip content={renderSolidTooltip} />
+            <Tooltip
+              content={(props) =>
+                renderSolidTooltip({
+                  ...(props as TooltipProps<number, string>),
+                  currencyFormatter,
+                })
+              }
+            />
             <Legend />
             <Line
               type="monotone"

package/hedhog/frontend/app/reports/top-customers/page.tsx.ejs

@@ -28,6 +28,7 @@ import {
   TableHeader,
   TableRow,
 } from '@/components/ui/table';
+import { useApp } from '@hed-hog/next-app-provider';
 import { Crown, PieChartIcon, Users } from 'lucide-react';
 import { useTranslations } from 'next-intl';
 import { type FormEvent, useState } from 'react';
@@ -64,13 +65,9 @@ const rankingColors = [
   '#B45309',
 ];
 
-const currencyFormatter = new Intl.NumberFormat('pt-BR', {
-  style: 'currency',
-  currency: 'BRL',
-});
-
 export default function TopCustomersReportPage() {
   const t = useTranslations('finance.TopCustomersReportPage');
+  const { currentLocaleCode } = useApp();
   const defaults = getDefaultDateRange();
   const [filters, setFilters] = useState({
     from: defaults.from,
@@ -79,6 +76,13 @@ export default function TopCustomersReportPage() {
     search: '',
   });
   const [appliedFilters, setAppliedFilters] = useState(filters);
+  const currencyFormatter = new Intl.NumberFormat(
+    currentLocaleCode || undefined,
+    {
+      style: 'currency',
+      currency: 'BRL',
+    }
+  );
   const { data: viewData, isFetching } = useTopCustomersReport({
     from: appliedFilters.from,
     to: appliedFilters.to,