@greatapps/common 1.1.666 → 1.1.668

package/src/components/account/sections/PreferencesSection.tsx

@@ -2,9 +2,13 @@
 
 import { useState, useEffect } from 'react';
 import { useForm } from 'react-hook-form';
+import { useTranslations, useLocale } from 'next-intl';
+import { useRouter } from 'next/navigation';
 import { toast } from 'sonner';
 import { IconLock } from '@tabler/icons-react';
 import { cn } from '../../../infra/utils/clsx';
+import type { Locale } from '../../../i18n/config';
+import { setLocaleCookie } from '../../../utils/intl/locale-cookie';
 import { Button } from '../../ui/buttons/Button';
 import { Separator } from '../../ui/data-display/Separator';
 import { Toast } from '../../ui/feedback/Toast';
@@ -13,6 +17,7 @@ import { ComboboxField } from '../../ui/form/ComboboxField';
 import { SelectField } from '../../ui/form/SelectField';
 import ConfirmGlobalPreferencesModal from '../ConfirmGlobalPreferencesModal';
 import { useAuth } from '../../../providers/auth.provider';
+import { useWhitelabel } from '../../../providers/whitelabel.provider';
 import { UserProfile } from '../../../modules/users/schema';
 import type { UpdateAccountRequest } from '../../../modules/accounts/types';
 import {
@@ -41,9 +46,27 @@ interface PreferencesSectionProps {
 }
 
 export function PreferencesSection({ onClose }: PreferencesSectionProps) {
+  // Padrão raiz: um único `translate` chamado pela chave inteira (`common.<modulo>.<chave>`).
+  const translate = useTranslations();
+  // Exceção: chave dinâmica (option.value) numa lista → namespace escopado.
+  const translateLanguage = useTranslations('common.languages');
+  const currentLocale = useLocale();
+  const router = useRouter();
   const { data: timezones = [] } = useTimezones();
   const { data: currencies = [] } = useCurrencies();
   const { user, account } = useAuth();
+  const { whitelabel } = useWhitelabel();
+  const languageOptions = LANGUAGE_OPTIONS.map((option) => ({
+    ...option,
+    label: translateLanguage(option.value as Locale),
+    displayValue: translateLanguage(option.value as Locale),
+  }));
+  const timeFormatOptions = TIME_FORMAT_OPTIONS.map((option) => ({
+    ...option,
+    label: translate(
+      `common.preferences.timeFormatOptions.${option.value === '24h' ? 'h24' : 'h12'}`,
+    ),
+  }));
   const isOwner = user?.profile === UserProfile.owner;
   const canEditPreferences = isOwner || user?.profile === UserProfile.admin;
   const updateAccountUser = useUpdateAccountUser();
@@ -74,7 +97,7 @@ export function PreferencesSection({ onClose }: PreferencesSectionProps) {
       companyName: account.name ?? '',
       language: LANGUAGE_OPTIONS.find(
         (o) => o.apiValue === user.language?.toLowerCase()
-      )?.value ?? 'pt-BR',
+      )?.value ?? 'pt-br',
       currency: account.currency,
       timezone: account.timezone,
       timeFormat: '24h',
@@ -98,16 +121,20 @@ export function PreferencesSection({ onClose }: PreferencesSectionProps) {
       }
 
       reset(data);
-      toast.custom((t) => (
-        <Toast variant="success" message="Preferências salvas com sucesso" toastId={t} />
+      toast.custom((toastId) => (
+        <Toast variant="success" message={translate('common.preferences.savedSuccess')} toastId={toastId} />
       ));
       onClose();
+      if (data.language !== currentLocale) {
+        setLocaleCookie(data.language, whitelabel?.domain);
+        router.refresh();
+      }
     } catch (error) {
-      toast.custom((t) => (
+      toast.custom((toastId) => (
         <Toast
           variant="error"
-          message={error instanceof Error ? error.message : 'Erro ao salvar preferências'}
-          toastId={t}
+          message={error instanceof Error ? error.message : translate('common.preferences.saveError')}
+          toastId={toastId}
         />
       ));
     } finally {
@@ -148,12 +175,12 @@ export function PreferencesSection({ onClose }: PreferencesSectionProps) {
     <>
       <form onSubmit={handleSubmit(onSubmit)} className="flex flex-col h-full">
         <div className="overflow-y-auto overscroll-contain px-4 pb-4 lg:p-5 flex flex-col gap-5 lg:gap-6 flex-1">
-          <span className="paragraph-medium-semibold text-gray-950">Preferências</span>
+          <span className="paragraph-medium-semibold text-gray-950">{translate('common.preferences.title')}</span>
           <div className="flex flex-col gap-8">
             <div className="flex flex-col lg:flex-row items-center gap-3">
               <FormField
-                label="Nome da empresa"
-                placeholder="Digite o nome da empresa"
+                label={translate('common.preferences.companyName')}
+                placeholder={translate('common.preferences.companyNamePlaceholder')}
                 classnameContainer={cn('w-full', !isOwner && 'cursor-not-allowed opacity-50')}
                 value={watch('companyName')}
                 onChange={(e) => setValue('companyName', e.target.value, { shouldDirty: true })}
@@ -163,18 +190,18 @@ export function PreferencesSection({ onClose }: PreferencesSectionProps) {
 
             <div className="flex flex-col lg:flex-row items-center gap-3">
               <ComboboxField
-                label="Idioma"
-                placeholder="Selecione o idioma"
-                searchPlaceholder="Buscar idioma..."
+                label={translate('common.preferences.language')}
+                placeholder={translate('common.preferences.languagePlaceholder')}
+                searchPlaceholder={translate('common.preferences.languageSearch')}
                 containerClassName="w-full"
-                options={LANGUAGE_OPTIONS}
+                options={languageOptions}
                 value={watch('language')}
                 onChange={(value) => setValue('language', value, { shouldDirty: true })}
               />
               <ComboboxField
-                label="Moeda"
-                placeholder="Selecione a moeda"
-                searchPlaceholder="Buscar moeda..."
+                label={translate('common.preferences.currency')}
+                placeholder={translate('common.preferences.currencyPlaceholder')}
+                searchPlaceholder={translate('common.preferences.currencySearch')}
                 containerClassName="w-full"
                 options={currencies}
                 value={watch('currency')}
@@ -187,12 +214,12 @@ export function PreferencesSection({ onClose }: PreferencesSectionProps) {
             <Separator />
 
             <div className="flex flex-col gap-4">
-              <span className="paragraph-medium-semibold text-gray-950">Exibição hora</span>
+              <span className="paragraph-medium-semibold text-gray-950">{translate('common.preferences.timeDisplay')}</span>
               <div className="flex flex-col lg:flex-row items-center gap-3">
                 <ComboboxField
-                  label="Fuso horário"
-                  placeholder="Selecione o fuso horário"
-                  searchPlaceholder="Buscar fuso horário..."
+                  label={translate('common.preferences.timezone')}
+                  placeholder={translate('common.preferences.timezonePlaceholder')}
+                  searchPlaceholder={translate('common.preferences.timezoneSearch')}
                   containerClassName="w-full"
                   options={timezones}
                   value={watch('timezone')}
@@ -201,11 +228,11 @@ export function PreferencesSection({ onClose }: PreferencesSectionProps) {
                   disabled={!canEditPreferences}
                 />
                 <SelectField
-                  label="Formato hora"
-                  placeholder="Selecione o formato"
+                  label={translate('common.preferences.timeFormat')}
+                  placeholder={translate('common.preferences.timeFormatPlaceholder')}
                   className="h-10!"
                   containerClassName="w-full"
-                  options={TIME_FORMAT_OPTIONS}
+                  options={timeFormatOptions}
                   value={watch('timeFormat')}
                   onChange={(value) =>
                     setValue('timeFormat', value as string, { shouldDirty: true })
@@ -230,10 +257,10 @@ export function PreferencesSection({ onClose }: PreferencesSectionProps) {
               onClose();
             }}
           >
-            Cancelar
+            {translate('common.actions.cancel')}
           </Button>
           <Button className="h-10!" type="submit" disabled={isSaving}>
-            {isSaving ? 'Salvando...' : 'Salvar alterações'}
+            {isSaving ? translate('common.actions.saving') : translate('common.actions.saveChanges')}
           </Button>
         </div>
       </form>

package/src/components/account/sections/SecuritySection.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import { IconAlertTriangle, IconBrandGoogleFilled } from '@tabler/icons-react';
+import { useTranslations } from 'next-intl';
 import { toast } from 'sonner';
 import { useQueryClient } from '@tanstack/react-query';
 import { useAuth } from '../../../providers/auth.provider';
@@ -18,6 +19,7 @@ interface SecuritySectionProps {
 export function SecuritySection({
   onDeleteAccount,
 }: SecuritySectionProps) {
+  const translate = useTranslations();
   const { user } = useAuth();
   const queryClient = useQueryClient();
   const { mutateAsync: unlinkGoogle, isPending: isUnlinking } = useUnlinkGoogle();
@@ -32,14 +34,16 @@ export function SecuritySection({
       queryClient.invalidateQueries({ queryKey: USER_QUERY_KEY });
     } catch (error) {
       const message =
-        error instanceof Error ? error.message : 'Erro ao desvincular conta Google.';
-      toast.custom((t) => <Toast variant="error" message={message} toastId={t} />);
+        error instanceof Error ? error.message : translate('common.account.security.unlinkError');
+      toast.custom((toastId) => <Toast variant="error" message={message} toastId={toastId} />);
     }
   };
 
   return (
     <div className="h-full overflow-y-auto overscroll-contain px-4 pb-20 lg:p-5 lg:pt-5 flex flex-col gap-5 lg:gap-6 lg:pb-31 lg:overscroll-auto">
-      <span className="paragraph-medium-semibold text-gray-950 hidden lg:block">Segurança</span>
+      <span className="paragraph-medium-semibold text-gray-950 hidden lg:block">
+        {translate('common.account.security.title')}
+      </span>
 
       {hasGoogleLinked && (
         <div className="flex flex-col items-center lg:items-start gap-4">
@@ -48,10 +52,11 @@ export function SecuritySection({
           </div>
 
           <div className="flex flex-col gap-2">
-            <span className="paragraph-medium-semibold text-gray-950">Conta Google vinculada</span>
+            <span className="paragraph-medium-semibold text-gray-950">
+              {translate('common.account.security.googleLinkedTitle')}
+            </span>
             <span className="paragraph-small-regular text-gray-600">
-              Sua conta está vinculada ao Google. Se desvincular, use &quot;Esqueci minha senha&quot; para
-              redefinir uma senha de acesso por e-mail.
+              {translate('common.account.security.googleLinkedDescription')}
             </span>
           </div>
 
@@ -61,7 +66,9 @@ export function SecuritySection({
             className="paragraph-small-semibold text-zinc-700 bg-zinc-100 rounded-lg px-3 py-2 cursor-pointer hover:bg-zinc-200 transition-colors w-fit disabled:opacity-50 disabled:cursor-not-allowed"
             onClick={handleUnlinkGoogle}
           >
-            {isUnlinking ? 'Desvinculando...' : 'Desvincular Google'}
+            {isUnlinking
+              ? translate('common.account.security.unlinking')
+              : translate('common.account.security.unlinkGoogle')}
           </button>
         </div>
       )}
@@ -72,9 +79,11 @@ export function SecuritySection({
         </div>
 
         <div className="flex flex-col gap-2">
-          <span className="paragraph-medium-semibold text-gray-950">Excluir conta</span>
+          <span className="paragraph-medium-semibold text-gray-950">
+            {translate('common.account.deleteAccount.title')}
+          </span>
           <span className="paragraph-small-regular text-gray-600">
-            Esta ação é permanente e não pode ser desfeita. Todos os seus dados, projetos e configurações serão removidos definitivamente.
+            {translate('common.account.security.deleteAccountDescription')}
           </span>
         </div>
 
@@ -84,7 +93,7 @@ export function SecuritySection({
             className="paragraph-small-semibold text-red-600 bg-red-50 rounded-lg px-3 py-2 cursor-pointer hover:bg-red-100 transition-colors w-fit"
             onClick={onDeleteAccount}
           >
-            Excluir minha conta
+            {translate('common.account.security.deleteMyAccount')}
           </button>
         )}
       </div>

package/src/components/account/sections/TokenSection.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import { IconCheck, IconCopy, IconInfoCircle } from '@tabler/icons-react';
+import { useTranslations } from 'next-intl';
 import { toast } from 'sonner';
 import { Toast } from '../../ui/feedback/Toast';
 import { Button } from '../../ui/buttons/Button';
@@ -10,31 +11,42 @@ import { useAccountToken } from '../../../modules/accounts/hooks/use-account-tok
 import { useIsDefaultWhitelabel } from '../../../providers/whitelabel.provider';
 
 export function TokenSection() {
+  const translate = useTranslations();
   const { data: token = '', isLoading } = useAccountToken();
   const isDefaultWl = useIsDefaultWhitelabel();
 
   const { isCopied, copy } = useCopyToClipboard({
     onSuccess: () => {
-      toast.custom((t) => (
-        <Toast variant="success" message="Token copiado com sucesso" toastId={t} />
+      toast.custom((toastId) => (
+        <Toast
+          variant="success"
+          message={translate('common.account.token.copySuccess')}
+          toastId={toastId}
+        />
       ));
     },
     onError: () => {
-      toast.custom((t) => (
-        <Toast variant="error" message="Não foi possível copiar o token" toastId={t} />
+      toast.custom((toastId) => (
+        <Toast
+          variant="error"
+          message={translate('common.account.token.copyError')}
+          toastId={toastId}
+        />
       ));
     },
   });
 
   return (
     <div className="h-full overflow-y-auto overscroll-contain px-4 pb-20 lg:p-5 lg:pt-5 flex flex-col gap-5 lg:gap-6 lg:pb-31 lg:overscroll-auto">
-      <span className="paragraph-medium-semibold text-gray-950">Token da conta</span>
+      <span className="paragraph-medium-semibold text-gray-950">
+        {translate('common.account.token.title')}
+      </span>
 
       <div className="flex flex-col gap-3">
         <div className="flex items-end gap-3">
           <FormField
-            label="Token"
-            value={isLoading ? 'Carregando...' : token}
+            label={translate('common.account.token.label')}
+            value={isLoading ? translate('common.actions.loading') : token}
             disabled
             readOnly
             classnameContainer="bg-gray-50 cursor-default opacity-100!"
@@ -48,14 +60,14 @@ export function TokenSection() {
             disabled={isLoading || !token}
           >
             {isCopied ? <IconCheck size={16} /> : <IconCopy size={16} />}
-            {isCopied ? 'Copiado' : 'Copiar'}
+            {isCopied ? translate('common.actions.copied') : translate('common.actions.copy')}
           </Button>
         </div>
 
         <div className={`flex items-center gap-3 p-4 rounded-lg ${isDefaultWl ? 'bg-cyan-50' : 'bg-zinc-50'}`}>
           <IconInfoCircle className="size-4 text-zinc-950 shrink-0" />
           <span className="paragraph-small-regular text-zinc-950 max-w-[420px]">
-            Este token é exclusivo da sua conta e permite acesso à API. Não compartilhe com terceiros.
+            {translate('common.account.token.info')}
           </span>
         </div>
 
@@ -65,7 +77,7 @@ export function TokenSection() {
           rel="noopener noreferrer"
           className="paragraph-small-medium text-gray-500 underline hover:text-gray-700 transition-colors w-fit"
         >
-          Acessar a documentação
+          {translate('common.account.token.docsLink')}
         </a>
       </div>
     </div>

package/src/i18n/config.ts

@@ -0,0 +1,17 @@
+/**
+ * Locales suportados pela plataforma GreatApps.
+ * Identificadores no padrão `idioma-REGIÃO` em minúsculas: `pt-br`, `en-us`, `es-es`.
+ */
+export const LOCALES = ['pt-br', 'en-us', 'es-es'] as const;
+
+export type Locale = (typeof LOCALES)[number];
+
+/** Idioma padrão — fallback final (o produto nasce em pt-BR). */
+export const DEFAULT_LOCALE: Locale = 'pt-br';
+
+/** Nome do cookie onde o locale resolvido é persistido (convenção next-intl). */
+export const LOCALE_COOKIE = 'NEXT_LOCALE';
+
+export function isLocale(value: unknown): value is Locale {
+  return typeof value === 'string' && (LOCALES as readonly string[]).includes(value);
+}

package/src/i18n/country-language.ts

@@ -0,0 +1,60 @@
+import { Locale } from './config';
+
+/**
+ * Países de língua portuguesa (ISO 3166-1 alpha-2).
+ */
+const PORTUGUESE_COUNTRIES = new Set<string>([
+  'BR', // Brasil
+  'PT', // Portugal
+  'AO', // Angola
+  'MZ', // Moçambique
+  'CV', // Cabo Verde
+  'GW', // Guiné-Bissau
+  'ST', // São Tomé e Príncipe
+  'TL', // Timor-Leste
+]);
+
+/**
+ * Países de língua espanhola (ISO 3166-1 alpha-2).
+ */
+const SPANISH_COUNTRIES = new Set<string>([
+  'ES', // Espanha
+  'MX', // México
+  'AR', // Argentina
+  'CO', // Colômbia
+  'PE', // Peru
+  'VE', // Venezuela
+  'CL', // Chile
+  'EC', // Equador
+  'GT', // Guatemala
+  'CU', // Cuba
+  'BO', // Bolívia
+  'DO', // República Dominicana
+  'HN', // Honduras
+  'PY', // Paraguai
+  'SV', // El Salvador
+  'NI', // Nicarágua
+  'CR', // Costa Rica
+  'PA', // Panamá
+  'UY', // Uruguai
+  'PR', // Porto Rico
+  'GQ', // Guiné Equatorial
+]);
+
+/**
+ * Infere o idioma a partir do código de país (ex.: header `CF-IPCountry` da Cloudflare
+ * ou `session.location.country` do JWT):
+ * - país lusófono → `pt`
+ * - país hispanófono → `es`
+ * - demais países → `en`
+ *
+ * Retorna `null` quando o país é desconhecido/ausente (deixa o fallback de locale decidir).
+ */
+export function localeFromCountry(country?: string | null): Locale | null {
+  if (!country) return null;
+  const code = country.trim().toUpperCase();
+  if (code === 'XX' || code === 'T1') return null; // Cloudflare: desconhecido / Tor
+  if (PORTUGUESE_COUNTRIES.has(code)) return 'pt-br';
+  if (SPANISH_COUNTRIES.has(code)) return 'es-es';
+  return 'en-us';
+}

package/src/i18n/messages/en-us.ts

@@ -0,0 +1,234 @@
+/**
+ * en-us translation catalog for @greatapps/common components.
+ * Consumer apps merge this object under the `common` namespace.
+ * Mirror the module structure of `pt-br.ts` (the source of truth).
+ */
+const messages = {
+  actions: {
+    save: 'Save',
+    saveChanges: 'Save changes',
+    cancel: 'Cancel',
+    confirm: 'Confirm',
+    delete: 'Delete',
+    edit: 'Edit',
+    close: 'Close',
+    back: 'Back',
+    continue: 'Continue',
+    add: 'Add',
+    remove: 'Remove',
+    search: 'Search',
+    loading: 'Loading...',
+    saving: 'Saving...',
+    sending: 'Sending...',
+    copy: 'Copy',
+    copied: 'Copied',
+  },
+
+  validations: {
+    required: 'Required field',
+    invalidEmail: 'Invalid email',
+    invalidPhone: 'Invalid phone number',
+  },
+
+  preferences: {
+    title: 'Preferences',
+    companyName: 'Company name',
+    companyNamePlaceholder: 'Enter the company name',
+    language: 'Language',
+    languagePlaceholder: 'Select the language',
+    languageSearch: 'Search language...',
+    currency: 'Currency',
+    currencyPlaceholder: 'Select the currency',
+    currencySearch: 'Search currency...',
+    timeDisplay: 'Time display',
+    timezone: 'Time zone',
+    timezonePlaceholder: 'Select the time zone',
+    timezoneSearch: 'Search time zone...',
+    timeFormat: 'Time format',
+    timeFormatPlaceholder: 'Select the format',
+    timeFormatOptions: {
+      h24: '24 hours',
+      h12: '12 hours (AM/PM)',
+    },
+    savedSuccess: 'Preferences saved successfully',
+    saveError: 'Error saving preferences',
+  },
+
+  account: {
+    deleteAccount: {
+      title: 'Delete account',
+      description:
+        'This action is <b>irreversible</b>. By confirming, your account and all your data will be deleted.',
+      reasonLabel: 'Reason for cancellation',
+      reasonPlaceholder: 'Select',
+      descriptionLabel: 'Describe what led you to make this decision',
+      descriptionPlaceholder: 'Explain your decision...',
+      charactersCount: '{count}/400 characters',
+      passwordLabel: 'Password',
+      passwordPlaceholder: 'Enter your password',
+      submit: 'Delete account',
+      requiredFields: 'Fill in all required fields',
+      reasons: {
+        noFeature: 'The tool lacks a feature I need',
+        technical: 'I encountered technical issues or errors in the system',
+        support: 'I had issues with support or customer service',
+        updates: 'Updates take longer than expected',
+        temporary: 'The cancellation is temporary',
+        other: 'Other reason',
+      },
+    },
+    confirmDelete: {
+      title: 'Sorry to see you go!',
+      warning:
+        'All your <b>{count} pages</b> will be permanently deleted. This action is <b>irreversible!</b>',
+      sessionExpired: 'Session expired. Fill in the fields again.',
+      success: 'Account deleted successfully',
+      error: 'Error deleting account. Please try again.',
+      keepAccount: 'Keep my account',
+      deleteAnyway: 'Delete anyway',
+      deleting: 'Deleting...',
+    },
+    cantDelete: {
+      title: 'Unable to delete account',
+      description:
+        'You have an active subscription. To delete your account, <b>first cancel your subscription</b> on the Subscription page and then try again.',
+      confirm: 'Ok, I understand',
+      goToSubscription: 'Go to subscription',
+    },
+    twoFactor: {
+      title: 'Two-factor authentication',
+      instructions:
+        'Install an authenticator app on your mobile device (e.g., <link>Google Authenticator</link>), scan the QR Code on the side or copy the key in the app, and then enter the 6-digit code generated to continue.',
+      qrAlt: 'QR Code for two-factor authentication',
+      retry: 'Try again',
+      pasteDigits: 'Paste the 6 digits below',
+      activating: 'Activating...',
+      activate: 'Activate authentication',
+      recoveryTitle: 'Security codes',
+      recoveryHeading: 'Save these emergency recovery codes',
+      recoveryText1:
+        'If you lose access to your phone, you will not be able to log into your account without a two-factor code.',
+      recoveryText2: 'Print, copy, or write the codes below in a safe location.',
+      copyCodes: 'Copy codes',
+      finish: 'Finish',
+      codesCopied: 'Codes copied successfully',
+      generateError: 'Error generating QR Code. Try again.',
+      confirmError: 'Error confirming code. Try again.',
+      disableTitle: 'Disable 2FA authentication',
+      disableDescription:
+        'Enter the 6-digit code from your authenticator app to confirm disabling.',
+      authenticatorCode: 'Authenticator code',
+      disabling: 'Disabling...',
+      disable: 'Disable 2FA',
+      disabledSuccess: 'Two-factor authentication disabled',
+      disableError: 'Error disabling 2FA. Try again.',
+      invalidCode: 'Invalid code',
+      codeResent: 'Code resent',
+      resendError: 'Error resending code. Try again.',
+    },
+    profile: {
+      title: 'My profile',
+      avatarAlt: 'User photo',
+      changePhoto: 'Change photo',
+      name: 'First name',
+      namePlaceholder: 'Enter your first name',
+      lastName: 'Last name',
+      lastNamePlaceholder: 'Enter your last name',
+      gender: 'Gender',
+      genderPlaceholder: 'Select your gender',
+      genderOptions: {
+        male: 'Male',
+        female: 'Female',
+      },
+      phone: 'Phone',
+      change: 'Change',
+      accessData: 'Access data',
+      email: 'Email',
+      savedSuccess: 'Profile updated successfully',
+      saveError: 'Error updating profile',
+    },
+    otp: {
+      validationCode: 'Validation code',
+      incorrectCode: 'Incorrect code',
+      resend: 'Resend code',
+      resendIn: 'Resend in <b>{time}</b>',
+      validating: 'Validating...',
+    },
+    changeEmail: {
+      title: 'Change email',
+      confirm: 'Change email',
+      sentCodeTo: 'We sent a validation code to email <b>{email}.</b>',
+      updateTitle: 'Update contact email',
+      updateDescription: 'Enter your new email to keep your contact information updated.',
+      newEmail: 'New email',
+      newEmailPlaceholder: 'Enter your new email',
+      emailChanged: 'Email changed successfully',
+      emailExistsError: 'Email already exists or an error occurred. Please try again later.',
+    },
+    changePhone: {
+      titleEdit: 'Change phone',
+      titleAdd: 'Add phone',
+      sentCodeTo: 'We sent a validation code to your current number <b>{phone}.</b>',
+      confirm: 'Change phone',
+      updateTitle: 'Update contact phone',
+      addTitle: 'Add contact phone',
+      updateDescription: 'Enter the new number to keep your contact information updated.',
+      addDescription: 'Enter your phone number for contact.',
+      newNumber: 'New number',
+      numberLabel: 'Phone number',
+      phoneChanged: 'Phone changed',
+      phoneAdded: 'Phone added',
+      invalidNumber: 'Invalid phone number',
+      saveError: 'An error occurred while saving the phone number. Please try again later.',
+      numberExistsError: 'Number already exists or an error occurred. Please try again later.',
+    },
+    security: {
+      title: 'Security',
+      googleLinkedTitle: 'Google account linked',
+      googleLinkedDescription:
+        'Your account is linked to Google. If you unlink it, use "Forgot my password" to reset an email access password.',
+      unlinking: 'Unlinking...',
+      unlinkGoogle: 'Unlink Google',
+      unlinkError: 'Error unlinking Google account.',
+      deleteAccountDescription:
+        'This action is permanent and cannot be undone. All your data, projects, and settings will be permanently removed.',
+      deleteMyAccount: 'Delete my account',
+    },
+    token: {
+      title: 'Account token',
+      label: 'Token',
+      copySuccess: 'Token copied successfully',
+      copyError: 'Failed to copy token',
+      info: 'This token is unique to your account and allows API access. Do not share with third parties.',
+      docsLink: 'Access documentation',
+    },
+    changePassword: {
+      title: 'Change password',
+      currentPassword: 'Current password',
+      currentPasswordPlaceholder: 'Enter your current password',
+      newPassword: 'New password',
+      newPasswordPlaceholder: 'Enter your new password',
+      submit: 'Save new password',
+      changeError: 'Error changing password',
+      changedSuccess: 'Password changed successfully',
+      genericError: 'Error changing password. Try again.',
+    },
+    globalPreferences: {
+      title: 'Change global preferences',
+      srDescription: 'Confirmation of global account preferences change',
+      warning:
+        'You are changing settings that impact <b>all account users</b>. Do you want to confirm?',
+    },
+    configurations: {
+      title: 'Settings',
+    },
+  },
+
+  languages: {
+    'pt-br': 'Portuguese (Brazil)',
+    'en-us': 'English (US)',
+    'es-es': 'Spanish',
+  },
+} as const;
+
+export default messages;