@hed-hog/finance 0.0.328 → 0.0.330

package/hedhog/frontend/app/_components/category-picker-field.tsx.ejs

@@ -0,0 +1,3 @@
+'use client';
+
+export { CategoryPickerField, type FinanceCategory } from './finance-picker';

package/hedhog/frontend/app/_components/cost-center-picker-field.tsx.ejs

@@ -0,0 +1,3 @@
+'use client';
+
+export { CostCenterPickerField, type CostCenter } from './finance-picker';

package/hedhog/frontend/app/_components/finance-entity-field-with-create.tsx.ejs

@@ -6,14 +6,14 @@ import { useTranslations } from 'next-intl';
 import { useMemo, useState } from 'react';
 import { FieldValues, Path, UseFormReturn } from 'react-hook-form';
 
-type FinanceCategory = {
+export type FinanceCategory = {
   id: number | string;
   codigo?: string;
   nome: string;
   natureza?: string;
 };
 
-type CostCenter = {
+export type CostCenter = {
   id: number | string;
   codigo?: string;
   nome: string;
@@ -44,7 +44,7 @@ const extractCreatedId = (
   return String(id);
 };
 
-export function CategoryFieldWithCreate<TFieldValues extends FieldValues>({
+export function CategoryPickerField<TFieldValues extends FieldValues>({
   form,
   name,
   label,
@@ -144,7 +144,7 @@ export function CategoryFieldWithCreate<TFieldValues extends FieldValues>({
   );
 }
 
-export function CostCenterFieldWithCreate<TFieldValues extends FieldValues>({
+export function CostCenterPickerField<TFieldValues extends FieldValues>({
   form,
   name,
   label,
@@ -235,3 +235,8 @@ export function CostCenterFieldWithCreate<TFieldValues extends FieldValues>({
     />
   );
 }
+
+export {
+  CategoryPickerField as CategoryFieldWithCreate,
+  CostCenterPickerField as CostCenterFieldWithCreate,
+};

package/hedhog/frontend/app/_components/finance-picker.tsx.ejs

@@ -0,0 +1,242 @@
+'use client';
+
+import { EntityPicker } from '@/components/ui/entity-picker';
+import { useApp } from '@hed-hog/next-app-provider';
+import { useTranslations } from 'next-intl';
+import { useMemo, useState } from 'react';
+import { FieldValues, Path, UseFormReturn } from 'react-hook-form';
+
+export type FinanceCategory = {
+  id: number | string;
+  codigo?: string;
+  nome: string;
+  natureza?: string;
+};
+
+export type CostCenter = {
+  id: number | string;
+  codigo?: string;
+  nome: string;
+};
+
+type CreatedEntityResponse = {
+  id?: number | string | null;
+  data?: {
+    id?: number | string | null;
+  } | null;
+  category_id?: number | string | null;
+  cost_center_id?: number | string | null;
+};
+
+const extractCreatedId = (
+  payload: CreatedEntityResponse | null | undefined
+): string | null => {
+  const id =
+    payload?.id ??
+    payload?.data?.id ??
+    payload?.category_id ??
+    payload?.cost_center_id;
+
+  if (id === undefined || id === null || id === '') {
+    return null;
+  }
+
+  return String(id);
+};
+
+export function CategoryPickerField<TFieldValues extends FieldValues>({
+  form,
+  name,
+  label,
+  selectPlaceholder,
+  categories,
+  categoryKind,
+  onCreated,
+}: {
+  form: UseFormReturn<TFieldValues>;
+  name: Path<TFieldValues>;
+  label: string;
+  selectPlaceholder: string;
+  categories: FinanceCategory[];
+  categoryKind: 'receita' | 'despesa';
+  onCreated?: () => Promise<unknown> | void;
+}) {
+  const { request, showToastHandler } = useApp();
+  const t = useTranslations('finance.FinanceEntityFieldWithCreate');
+  const [localCategories, setLocalCategories] = useState<FinanceCategory[]>([]);
+
+  const filteredCategories = useMemo(() => {
+    const merged = [...(categories || []), ...localCategories];
+    const uniqueById = merged.filter(
+      (item, index, arr) =>
+        arr.findIndex(
+          (candidate) => String(candidate.id) === String(item.id)
+        ) === index
+    );
+
+    return uniqueById.filter((item) => item.natureza === categoryKind);
+  }, [categories, categoryKind, localCategories]);
+
+  return (
+    <EntityPicker<FinanceCategory, TFieldValues>
+      form={form}
+      name={name}
+      label={label}
+      placeholder={selectPlaceholder}
+      searchPlaceholder={selectPlaceholder}
+      emptySelectionLabel={selectPlaceholder}
+      clearable
+      allowEmptySelection
+      options={filteredCategories}
+      createActionLabel={t('actions.createCategoryAria')}
+      createTitle={t('categorySheet.title')}
+      createDescription={t('categorySheet.description')}
+      createFields={[
+        {
+          name: 'nome',
+          label: t('fields.name'),
+          placeholder: t('categorySheet.namePlaceholder'),
+          required: true,
+        },
+      ]}
+      getOptionValue={(category) => String(category.id)}
+      getOptionLabel={(category) =>
+        category.codigo
+          ? `${category.codigo} - ${category.nome}`
+          : category.nome
+      }
+      onCreate={async (values) => {
+        try {
+          const createdName = values.nome?.trim() ?? '';
+          const response = await request<CreatedEntityResponse>({
+            url: '/finance/categories',
+            method: 'POST',
+            data: {
+              name: createdName,
+              kind: categoryKind,
+              parent_id: null,
+            },
+          });
+
+          const createdId = extractCreatedId(response?.data);
+          const createdCategory = createdId
+            ? {
+                id: String(createdId),
+                nome: createdName,
+                natureza: categoryKind,
+              }
+            : null;
+
+          if (createdCategory) {
+            setLocalCategories((prev) => [...prev, createdCategory]);
+          }
+
+          await onCreated?.();
+          showToastHandler?.('success', t('messages.categoryCreateSuccess'));
+
+          return createdCategory;
+        } catch {
+          showToastHandler?.('error', t('messages.categoryCreateError'));
+          return null;
+        }
+      }}
+    />
+  );
+}
+
+export function CostCenterPickerField<TFieldValues extends FieldValues>({
+  form,
+  name,
+  label,
+  selectPlaceholder,
+  costCenters,
+  onCreated,
+}: {
+  form: UseFormReturn<TFieldValues>;
+  name: Path<TFieldValues>;
+  label: string;
+  selectPlaceholder: string;
+  costCenters: CostCenter[];
+  onCreated?: () => Promise<unknown> | void;
+}) {
+  const { request, showToastHandler } = useApp();
+  const t = useTranslations('finance.FinanceEntityFieldWithCreate');
+  const [localCostCenters, setLocalCostCenters] = useState<CostCenter[]>([]);
+
+  const mergedCostCenters = useMemo(() => {
+    const merged = [...(costCenters || []), ...localCostCenters];
+
+    return merged.filter(
+      (item, index, arr) =>
+        arr.findIndex(
+          (candidate) => String(candidate.id) === String(item.id)
+        ) === index
+    );
+  }, [costCenters, localCostCenters]);
+
+  return (
+    <EntityPicker<CostCenter, TFieldValues>
+      form={form}
+      name={name}
+      label={label}
+      placeholder={selectPlaceholder}
+      searchPlaceholder={selectPlaceholder}
+      emptySelectionLabel={selectPlaceholder}
+      clearable
+      allowEmptySelection
+      options={mergedCostCenters}
+      createActionLabel={t('actions.createCostCenterAria')}
+      createTitle={t('costCenterSheet.title')}
+      createDescription={t('costCenterSheet.description')}
+      createFields={[
+        {
+          name: 'nome',
+          label: t('fields.name'),
+          placeholder: t('costCenterSheet.namePlaceholder'),
+          required: true,
+        },
+      ]}
+      getOptionValue={(center) => String(center.id)}
+      getOptionLabel={(center) =>
+        center.codigo ? `${center.codigo} - ${center.nome}` : center.nome
+      }
+      onCreate={async (values) => {
+        try {
+          const createdName = values.nome?.trim() ?? '';
+          const response = await request<CreatedEntityResponse>({
+            url: '/finance/cost-centers',
+            method: 'POST',
+            data: {
+              name: createdName,
+            },
+          });
+
+          const createdId = extractCreatedId(response?.data);
+          const createdCostCenter = createdId
+            ? {
+                id: String(createdId),
+                nome: createdName,
+              }
+            : null;
+
+          if (createdCostCenter) {
+            setLocalCostCenters((prev) => [...prev, createdCostCenter]);
+          }
+
+          await onCreated?.();
+          showToastHandler?.('success', t('messages.costCenterCreateSuccess'));
+
+          return createdCostCenter;
+        } catch {
+          showToastHandler?.('error', t('messages.costCenterCreateError'));
+          return null;
+        }
+      }}
+    />
+  );
+}
+
+export {
+  CategoryPickerField as CategoryFieldWithCreate,
+  CostCenterPickerField as CostCenterFieldWithCreate,
+};

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,10 +1,8 @@
 'use client';
 
-import { PersonFieldWithCreate } from '@/app/(app)/(libraries)/contact/person/_components/person-field-with-create';
-import {
-  CategoryFieldWithCreate,
-  CostCenterFieldWithCreate,
-} from '@/app/(app)/(libraries)/finance/_components/finance-entity-field-with-create';
+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 {
   FinancePageSection,
   FinanceSheetBody,
@@ -444,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');
@@ -963,7 +959,7 @@ function NovoTituloSheet({
                   />
                 </div>
 
-                <PersonFieldWithCreate
+                <PersonPickerField
                   form={form}
                   name="fornecedorId"
                   label={t('fields.supplier')}
@@ -1216,7 +1212,7 @@ function NovoTituloSheet({
                 description={t('sections.classification.description')}
               >
                 <div className="grid gap-4 md:grid-cols-2 xl:grid-cols-3">
-                  <CategoryFieldWithCreate
+                  <CategoryPickerField
                     form={form}
                     name="categoriaId"
                     label={t('fields.category')}
@@ -1226,7 +1222,7 @@ function NovoTituloSheet({
                     onCreated={onCategoriesUpdated}
                   />
 
-                  <CostCenterFieldWithCreate
+                  <CostCenterPickerField
                     form={form}
                     name="centroCustoId"
                     label={t('fields.costCenter')}
@@ -1503,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');
@@ -2079,7 +2073,7 @@ function EditarTituloSheet({
                   />
                 </div>
 
-                <PersonFieldWithCreate
+                <PersonPickerField
                   form={form}
                   name="fornecedorId"
                   label={t('fields.supplier')}
@@ -2333,7 +2327,7 @@ function EditarTituloSheet({
                 description={t('sections.classification.description')}
               >
                 <div className="grid gap-4 md:grid-cols-2 xl:grid-cols-3">
-                  <CategoryFieldWithCreate
+                  <CategoryPickerField
                     form={form}
                     name="categoriaId"
                     label={t('fields.category')}
@@ -2343,7 +2337,7 @@ function EditarTituloSheet({
                     onCreated={onCategoriesUpdated}
                   />
 
-                  <CostCenterFieldWithCreate
+                  <CostCenterPickerField
                     form={form}
                     name="centroCustoId"
                     label={t('fields.costCenter')}

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/page.tsx.ejs

@@ -1,10 +1,8 @@
 'use client';
 
-import { PersonFieldWithCreate } from '@/app/(app)/(libraries)/contact/person/_components/person-field-with-create';
-import {
-  CategoryFieldWithCreate,
-  CostCenterFieldWithCreate,
-} from '@/app/(app)/(libraries)/finance/_components/finance-entity-field-with-create';
+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 {
   FinancePageSection,
   FinanceSheetBody,
@@ -424,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');
@@ -943,7 +939,7 @@ function NovoTituloSheet({
                   />
                 </div>
 
-                <PersonFieldWithCreate
+                <PersonPickerField
                   form={form}
                   name="clienteId"
                   label={t('fields.client')}
@@ -1194,7 +1190,7 @@ function NovoTituloSheet({
                 description={t('sections.classification.description')}
               >
                 <div className="grid gap-4 md:grid-cols-2 xl:grid-cols-3">
-                  <CategoryFieldWithCreate
+                  <CategoryPickerField
                     form={form}
                     name="categoriaId"
                     label={t('fields.category')}
@@ -1204,7 +1200,7 @@ function NovoTituloSheet({
                     onCreated={onOptionsUpdated}
                   />
 
-                  <CostCenterFieldWithCreate
+                  <CostCenterPickerField
                     form={form}
                     name="centroCustoId"
                     label={t('fields.costCenter')}
@@ -1473,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');
@@ -2049,7 +2043,7 @@ function EditarTituloSheet({
                   />
                 </div>
 
-                <PersonFieldWithCreate
+                <PersonPickerField
                   form={form}
                   name="clienteId"
                   label={t('fields.client')}
@@ -2302,7 +2296,7 @@ function EditarTituloSheet({
                 description={t('sections.classification.description')}
               >
                 <div className="grid gap-4 md:grid-cols-2 xl:grid-cols-3">
-                  <CategoryFieldWithCreate
+                  <CategoryPickerField
                     form={form}
                     name="categoriaId"
                     label={t('fields.category')}
@@ -2312,7 +2306,7 @@ function EditarTituloSheet({
                     onCreated={onOptionsUpdated}
                   />
 
-                  <CostCenterFieldWithCreate
+                  <CostCenterPickerField
                     form={form}
                     name="centroCustoId"
                     label={t('fields.costCenter')}

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

@@ -150,9 +150,15 @@ export default function AuditLogsPage() {
           </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>
 
@@ -234,7 +240,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')}