@greatapps/common 1.1.674 → 1.1.675

package/src/components/account/hooks/useChangePhoneForm.tsx

@@ -1,7 +1,6 @@
 'use client';
 
 import { useState, useCallback } from 'react';
-import { useTranslations } from 'next-intl';
 import { toast } from 'sonner';
 import { Toast } from '../../ui/feedback/Toast';
 import { requestPhoneChangeAction, updateUserAction } from '../../../modules/accounts/actions/account-management.action';
@@ -19,7 +18,6 @@ interface UseChangePhoneFormOptions {
 }
 
 export default function useChangePhoneForm({ hasExistingPhone, onDirectUpdateSuccess }: UseChangePhoneFormOptions) {
-  const translate = useTranslations();
   const [showVerification, setShowVerification] = useState(false);
   const [phoneValue, setPhoneValue] = useState('');
   const [phoneError, setPhoneError] = useState('');
@@ -37,7 +35,7 @@ export default function useChangePhoneForm({ hasExistingPhone, onDirectUpdateSuc
     const { ddi, local } = splitPhoneValue(phoneValue);
 
     if (!local || local.replace(/\D/g, '').length < 8) {
-      setPhoneError(translate('common.account.changePhone.invalidNumber'));
+      setPhoneError('Número de telefone inválido');
       return;
     }
 
@@ -47,22 +45,18 @@ export default function useChangePhoneForm({ hasExistingPhone, onDirectUpdateSuc
         const result = await updateUserAction({ phone: local, ddi });
 
         if (!result.success) {
-          toast.custom((toastId) => (
+          toast.custom((t) => (
             <Toast
               variant="error"
-              message={result.error ?? translate('common.account.changePhone.saveError')}
-              toastId={toastId}
+              message={result.error ?? 'Ocorreu um erro ao salvar o telefone. Tente novamente mais tarde.'}
+              toastId={t}
             />
           ));
           return;
         }
 
-        toast.custom((toastId) => (
-          <Toast
-            variant="success"
-            message={translate('common.account.changePhone.phoneAdded')}
-            toastId={toastId}
-          />
+        toast.custom((t) => (
+          <Toast variant="success" message="Telefone adicionado" toastId={t} />
         ));
         onDirectUpdateSuccess?.();
         return;
@@ -71,11 +65,11 @@ export default function useChangePhoneForm({ hasExistingPhone, onDirectUpdateSuc
       const result = await requestPhoneChangeAction(local, ddi);
 
       if (!result.success) {
-        toast.custom((toastId) => (
+        toast.custom((t) => (
           <Toast
             variant="error"
-            message={result.error ?? translate('common.account.changePhone.numberExistsError')}
-            toastId={toastId}
+            message={result.error ?? 'Número já existente ou ocorreu um erro. Tente novamente mais tarde.'}
+            toastId={t}
           />
         ));
         return;
@@ -86,7 +80,7 @@ export default function useChangePhoneForm({ hasExistingPhone, onDirectUpdateSuc
     } finally {
       setIsSubmitting(false);
     }
-  }, [phoneValue, hasExistingPhone, onDirectUpdateSuccess, translate]);
+  }, [phoneValue, hasExistingPhone, onDirectUpdateSuccess]);
 
   const handleBack = useCallback(() => {
     setShowVerification(false);

package/src/components/account/hooks/useDisableTwoFactorAuthForm.tsx

@@ -2,7 +2,6 @@
 
 import { useState, useCallback } from 'react';
 import { useMutation, useQueryClient } from '@tanstack/react-query';
-import { useTranslations } from 'next-intl';
 import { toast } from 'sonner';
 import { Toast } from '../../ui/feedback/Toast';
 import { USER_QUERY_KEY } from '../../../modules/auth/hooks/useUserQuery';
@@ -18,7 +17,6 @@ export default function useDisableTwoFactorAuthForm({
   onClose,
   onSuccess,
 }: UseDisableTwoFactorAuthFormProps) {
-  const translate = useTranslations();
   const [code, setCode] = useState('');
   const queryClient = useQueryClient();
   const userKey = useWlQueryKey([...USER_QUERY_KEY]);
@@ -30,35 +28,23 @@ export default function useDisableTwoFactorAuthForm({
     onSuccess: (result) => {
       if (!result.success) {
         setCode('');
-        toast.custom((toastId) => (
-          <Toast
-            variant="error"
-            message={result.error ?? translate('common.account.twoFactor.invalidCode')}
-            toastId={toastId}
-          />
+        toast.custom((t) => (
+          <Toast variant="error" message={result.error ?? 'Código inválido'} toastId={t} />
         ));
         return;
       }
 
       queryClient.invalidateQueries({ queryKey: userKey });
-      toast.custom((toastId) => (
-        <Toast
-          variant="success"
-          message={translate('common.account.twoFactor.disabledSuccess')}
-          toastId={toastId}
-        />
+      toast.custom((t) => (
+        <Toast variant="success" message="Autenticação de dois fatores desabilitada" toastId={t} />
       ));
       setCode('');
       onSuccess?.();
     },
     onError: () => {
       setCode('');
-      toast.custom((toastId) => (
-        <Toast
-          variant="error"
-          message={translate('common.account.twoFactor.disableError')}
-          toastId={toastId}
-        />
+      toast.custom((t) => (
+        <Toast variant="error" message="Erro ao desabilitar 2FA. Tente novamente." toastId={t} />
       ));
     },
   });

package/src/components/account/hooks/useOtpVerification.tsx

@@ -1,7 +1,6 @@
 'use client';
 
 import { useState, useCallback } from 'react';
-import { useTranslations } from 'next-intl';
 import { toast } from 'sonner';
 import { Toast } from '../../ui/feedback/Toast';
 import useCountdownTimer from '../../../hooks/useCountdownTimer';
@@ -21,7 +20,6 @@ export default function useOtpVerification({
   validateFn,
   resendFn,
 }: UseOtpVerificationOptions) {
-  const translate = useTranslations();
   const [code, setCode] = useState('');
   const [isLoading, setIsLoading] = useState(false);
   const [hasError, setHasError] = useState(false);
@@ -87,24 +85,14 @@ export default function useOtpVerification({
         await resendFn();
       }
 
-      toast.custom((toastId) => (
-        <Toast
-          variant="success"
-          message={translate('common.account.twoFactor.codeResent')}
-          toastId={toastId}
-        />
-      ));
+      toast.custom((t) => <Toast variant="success" message="Código reenviado" toastId={t} />);
     } catch (error) {
       console.error('Erro ao reenviar código:', error);
-      toast.custom((toastId) => (
-        <Toast
-          variant="error"
-          message={translate('common.account.twoFactor.resendError')}
-          toastId={toastId}
-        />
+      toast.custom((t) => (
+        <Toast variant="error" message="Erro ao reenviar código. Tente novamente." toastId={t} />
       ));
     }
-  }, [canResend, resetTimer, resendFn, translate]);
+  }, [canResend, resetTimer, resendFn]);
 
   const reset = useCallback(() => {
     setCode('');

package/src/components/account/hooks/useTwoFactorAuthForm.tsx

@@ -2,7 +2,6 @@
 
 import { useState, useCallback, useEffect } from 'react';
 import { useMutation } from '@tanstack/react-query';
-import { useTranslations } from 'next-intl';
 import { toast } from 'sonner';
 import { Toast } from '../../ui/feedback/Toast';
 import { copyToClipboard } from '../../../utils/browser/clipboard';
@@ -20,19 +19,14 @@ interface UseTwoFactorAuthFormProps {
 }
 
 export default function useTwoFactorAuthForm({ onSuccess, open }: UseTwoFactorAuthFormProps = {}) {
-  const translate = useTranslations();
   const [code, setCode] = useState('');
   const [step, setStep] = useState<Step>('code');
 
   const generateMutation = useMutation({
     mutationFn: withAction(generateTwoFactorAction),
     onError: () => {
-      toast.custom((toastId) => (
-        <Toast
-          variant="error"
-          message={translate('common.account.twoFactor.generateError')}
-          toastId={toastId}
-        />
+      toast.custom((t) => (
+        <Toast variant="error" message="Erro ao gerar QR Code. Tente novamente." toastId={t} />
       ));
     },
   });
@@ -44,12 +38,8 @@ export default function useTwoFactorAuthForm({ onSuccess, open }: UseTwoFactorAu
     },
     onError: () => {
       setCode('');
-      toast.custom((toastId) => (
-        <Toast
-          variant="error"
-          message={translate('common.account.twoFactor.confirmError')}
-          toastId={toastId}
-        />
+      toast.custom((t) => (
+        <Toast variant="error" message="Erro ao confirmar código. Tente novamente." toastId={t} />
       ));
     },
   });
@@ -80,15 +70,11 @@ export default function useTwoFactorAuthForm({ onSuccess, open }: UseTwoFactorAu
     const codes = generateMutation.data?.backupCodes ?? [];
     const success = await copyToClipboard(codes.join('\n'));
     if (success) {
-      toast.custom((toastId) => (
-        <Toast
-          variant="success"
-          message={translate('common.account.twoFactor.codesCopied')}
-          toastId={toastId}
-        />
+      toast.custom((t) => (
+        <Toast variant="success" message="Códigos copiados com sucesso" toastId={t} />
       ));
     }
-  }, [generateMutation.data, translate]);
+  }, [generateMutation.data]);
 
   const resetForm = () => {
     setCode('');

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

@@ -1,6 +1,5 @@
 'use client';
 
-import { useTranslations } from 'next-intl';
 import { IconChevronLeft, IconX, IconMail } from '@tabler/icons-react';
 import { Button } from '../../ui/buttons/Button';
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from '../../ui/overlay/Dialog';
@@ -21,7 +20,6 @@ interface ChangeEmailModalProps {
 }
 
 export function ChangeEmailModal({ open, onClose }: ChangeEmailModalProps) {
-  const translate = useTranslations();
   const { user } = useAuth();
   const invalidateUser = useInvalidateUser();
 
@@ -55,7 +53,7 @@ export function ChangeEmailModal({ open, onClose }: ChangeEmailModalProps) {
     reset: resetOtp,
   } = useOtpVerification({
     onSuccess: handleSuccess,
-    successMessage: translate('common.account.changeEmail.emailChanged'),
+    successMessage: 'E-mail alterado com sucesso',
     validateFn: async (token) => {
       const result = await confirmEmailChangeAction(token, emailToVerify);
       return result.success;
@@ -93,7 +91,7 @@ export function ChangeEmailModal({ open, onClose }: ChangeEmailModalProps) {
               <IconChevronLeft size={20} className="text-gray-950" />
             </Button>
             <DialogTitle className="paragraph-medium-semibold text-gray-950 text-center flex-1">
-              {translate('common.account.changeEmail.title')}
+              Alterar e-mail
             </DialogTitle>
             <Button variant="ghost" className="size-8! p-0" onClick={handleClose}>
               <IconX size={18} className="text-gray-500" />
@@ -102,11 +100,11 @@ export function ChangeEmailModal({ open, onClose }: ChangeEmailModalProps) {
         ) : (
           <>
             <DialogHeader className="sr-only">
-              <DialogTitle>{translate('common.account.changeEmail.title')}</DialogTitle>
+              <DialogTitle>Alterar e-mail</DialogTitle>
             </DialogHeader>
             <div className="flex items-center justify-center px-4 py-3 relative border-b border-gray-200 lg:border-b-0">
               <span className="paragraph-medium-semibold text-gray-950 text-center">
-                {translate('common.account.changeEmail.title')}
+                Alterar e-mail
               </span>
               <Button
                 variant="ghost"
@@ -135,16 +133,10 @@ export function ChangeEmailModal({ open, onClose }: ChangeEmailModalProps) {
               </div>
 
               <div className="flex flex-col gap-1">
-                <h3 className="paragraph-medium-semibold text-gray-950">
-                  {translate('common.account.otp.validationCode')}
-                </h3>
+                <h3 className="paragraph-medium-semibold text-gray-950">Código de validação</h3>
                 <p className="paragraph-small-regular text-gray-600">
-                  {translate.rich('common.account.changeEmail.sentCodeTo', {
-                    email: user?.email ?? '',
-                    b: (chunks) => (
-                      <span className="font-semibold text-gray-950 break-all">{chunks}</span>
-                    ),
-                  })}
+                  Enviamos um código de validação para o E-mail{' '}
+                  <span className="font-semibold text-gray-950 break-all">{user?.email}.</span>
                 </p>
               </div>
 
@@ -161,9 +153,7 @@ export function ChangeEmailModal({ open, onClose }: ChangeEmailModalProps) {
                   </InputOTPGroup>
                 </InputOTP>
                 {hasError && (
-                  <p className="paragraph-small-regular text-red-500">
-                    {translate('common.account.otp.incorrectCode')}
-                  </p>
+                  <p className="paragraph-small-regular text-red-500">Código incorreto</p>
                 )}
               </div>
 
@@ -173,16 +163,14 @@ export function ChangeEmailModal({ open, onClose }: ChangeEmailModalProps) {
                   onClick={handleResend}
                   className="paragraph-small-medium text-gray-950 underline cursor-pointer hover:text-gray-700 w-fit"
                 >
-                  {translate('common.account.otp.resend')}
+                  Reenviar código
                 </button>
               ) : (
                 <p className="paragraph-small-regular text-gray-500">
-                  {translate.rich('common.account.otp.resendIn', {
-                    time: formatTimer(timer),
-                    b: (chunks) => (
-                      <span className="paragraph-small-semibold text-gray-950">{chunks}</span>
-                    ),
-                  })}
+                  Reenviar em{' '}
+                  <span className="paragraph-small-semibold text-gray-950">
+                    {formatTimer(timer)}
+                  </span>
                 </p>
               )}
             </div>
@@ -191,12 +179,10 @@ export function ChangeEmailModal({ open, onClose }: ChangeEmailModalProps) {
 
             <div className="flex items-center justify-between px-4 lg:px-5 py-4 lg:py-5 mt-auto lg:mt-0">
               <Button variant="secondary" className="h-10!" type="button" onClick={handleClose}>
-                {translate('common.actions.cancel')}
+                Cancelar
               </Button>
               <Button className="h-10!" type="submit" disabled={!isValidLength || isLoading}>
-                {isLoading
-                  ? translate('common.account.otp.validating')
-                  : translate('common.account.changeEmail.confirm')}
+                {isLoading ? 'Validando...' : 'Alterar e-mail'}
               </Button>
             </div>
           </form>
@@ -205,16 +191,16 @@ export function ChangeEmailModal({ open, onClose }: ChangeEmailModalProps) {
             <div className="flex flex-col gap-5 lg:gap-6 px-4 lg:px-5 py-5 lg:py-6 flex-1 lg:flex-none">
               <div className="flex flex-col gap-1">
                 <span className="paragraph-medium-semibold text-gray-950">
-                  {translate('common.account.changeEmail.updateTitle')}
+                  Atualizar E-mail de contato
                 </span>
                 <span className="paragraph-small-regular text-gray-600">
-                  {translate('common.account.changeEmail.updateDescription')}
+                  Informe o seu novo E-mail para manter seu contato atualizado.
                 </span>
               </div>
 
               <FormField
-                label={translate('common.account.changeEmail.newEmail')}
-                placeholder={translate('common.account.changeEmail.newEmailPlaceholder')}
+                label="Novo e-mail"
+                placeholder="Digite seu novo e-mail"
                 type="email"
                 {...register('email')}
                 error={!!errors.email}
@@ -225,10 +211,10 @@ export function ChangeEmailModal({ open, onClose }: ChangeEmailModalProps) {
 
             <div className="flex items-center justify-between p-4 lg:p-5 border-t border-gray-200 mt-auto lg:mt-0">
               <Button variant="secondary" className="h-10!" type="button" onClick={handleClose}>
-                {translate('common.actions.cancel')}
+                Cancelar
               </Button>
               <Button className="h-10!" type="submit" disabled={isSubmitting}>
-                {isSubmitting ? translate('common.actions.sending') : translate('common.actions.continue')}
+                {isSubmitting ? 'Enviando...' : 'Continuar'}
               </Button>
             </div>
           </form>

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

@@ -1,7 +1,6 @@
 'use client';
 
 import { IconLock, IconX } from '@tabler/icons-react';
-import { useTranslations } from 'next-intl';
 import { Button } from '../../ui/buttons/Button';
 import { FormField } from '../../ui/form/FormField';
 import useChangePasswordForm from '../hooks/useChangePasswordForm';
@@ -12,7 +11,6 @@ interface ChangePasswordSectionProps {
 }
 
 export function ChangePasswordSection({ onBack }: ChangePasswordSectionProps) {
-  const translate = useTranslations();
   const { register, handleSubmit, errors } = useChangePasswordForm({
     onSuccess: onBack,
   });
@@ -25,9 +23,7 @@ export function ChangePasswordSection({ onBack }: ChangePasswordSectionProps) {
       className="flex-1 overflow-y-auto px-4 pb-5 lg:p-5 flex flex-col h-full lg:h-full gap-5 lg:gap-6"
     >
       <div className="flex items-center justify-between">
-        <span className="paragraph-medium-semibold text-gray-950">
-          {translate('common.account.changePassword.title')}
-        </span>
+        <span className="paragraph-medium-semibold text-gray-950">Alterar senha</span>
         <Button type="button" variant="ghost" className="size-8! p-0" onClick={onBack}>
           <IconX size={18} />
         </Button>
@@ -35,9 +31,9 @@ export function ChangePasswordSection({ onBack }: ChangePasswordSectionProps) {
 
       <div className="flex flex-col gap-4">
         <FormField
-          label={translate('common.account.changePassword.currentPassword')}
+          label="Senha atual"
           type="password"
-          placeholder={translate('common.account.changePassword.currentPasswordPlaceholder')}
+          placeholder="Digite sua senha atual"
           leftIcon={IconLock}
           error={!!errors.currentPassword}
           errorMessage={errors.currentPassword?.message}
@@ -47,9 +43,9 @@ export function ChangePasswordSection({ onBack }: ChangePasswordSectionProps) {
           {...register('currentPassword')}
         />
         <FormField
-          label={translate('common.account.changePassword.newPassword')}
+          label="Nova senha"
           type="password"
-          placeholder={translate('common.account.changePassword.newPasswordPlaceholder')}
+          placeholder="Digite sua nova senha"
           leftIcon={IconLock}
           error={!!errors.newPassword}
           errorMessage={errors.newPassword?.message}
@@ -61,7 +57,7 @@ export function ChangePasswordSection({ onBack }: ChangePasswordSectionProps) {
       </div>
 
       <Button type="submit" className="w-fit h-10!">
-        {translate('common.account.changePassword.submit')}
+        Salvar nova senha
       </Button>
     </form>
   );

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

@@ -1,6 +1,5 @@
 'use client';
 
-import { useTranslations } from 'next-intl';
 import { IconChevronLeft, IconX, IconMessage } from '@tabler/icons-react';
 import { Button } from '../../ui/buttons/Button';
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from '../../ui/overlay/Dialog';
@@ -21,7 +20,6 @@ interface ChangePhoneModalProps {
 }
 
 export function ChangePhoneModal({ open, onClose }: ChangePhoneModalProps) {
-  const translate = useTranslations();
   const { user } = useAuth();
   const invalidateUser = useInvalidateUser();
 
@@ -72,7 +70,7 @@ export function ChangePhoneModal({ open, onClose }: ChangePhoneModalProps) {
     reset: resetOtp,
   } = useOtpVerification({
     onSuccess: handleSuccess,
-    successMessage: translate('common.account.changePhone.phoneChanged'),
+    successMessage: 'Telefone alterado',
     validateFn: async (token) => {
       const result = await confirmPhoneChangeAction(token, submittedPhone.local, submittedPhone.ddi);
       return result.success;
@@ -110,7 +108,7 @@ export function ChangePhoneModal({ open, onClose }: ChangePhoneModalProps) {
               <IconChevronLeft size={20} className="text-gray-950" />
             </Button>
             <DialogTitle className="paragraph-medium-semibold text-gray-950 text-center flex-1">
-              {translate('common.account.changePhone.titleEdit')}
+              Alterar telefone
             </DialogTitle>
             <Button variant="ghost" className="size-8! p-0" onClick={handleClose}>
               <IconX size={18} className="text-gray-500" />
@@ -119,17 +117,11 @@ export function ChangePhoneModal({ open, onClose }: ChangePhoneModalProps) {
         ) : (
           <>
             <DialogHeader className="sr-only">
-              <DialogTitle>
-                {hasExistingPhone
-                  ? translate('common.account.changePhone.titleEdit')
-                  : translate('common.account.changePhone.titleAdd')}
-              </DialogTitle>
+              <DialogTitle>{hasExistingPhone ? 'Alterar telefone' : 'Adicionar telefone'}</DialogTitle>
             </DialogHeader>
             <div className="flex items-center justify-center px-4 py-3 relative border-b border-gray-200 lg:border-b-0">
               <span className="paragraph-medium-semibold text-gray-950 text-center">
-                {hasExistingPhone
-                  ? translate('common.account.changePhone.titleEdit')
-                  : translate('common.account.changePhone.titleAdd')}
+                {hasExistingPhone ? 'Alterar telefone' : 'Adicionar telefone'}
               </span>
               <Button
                 variant="ghost"
@@ -158,14 +150,10 @@ export function ChangePhoneModal({ open, onClose }: ChangePhoneModalProps) {
               </div>
 
               <div className="flex flex-col gap-1">
-                <h3 className="paragraph-medium-semibold text-gray-950">
-                  {translate('common.account.otp.validationCode')}
-                </h3>
+                <h3 className="paragraph-medium-semibold text-gray-950">Código de validação</h3>
                 <p className="paragraph-small-regular text-gray-600">
-                  {translate.rich('common.account.changePhone.sentCodeTo', {
-                    phone: currentPhoneDisplay,
-                    b: (chunks) => <span className="font-semibold text-gray-950">{chunks}</span>,
-                  })}
+                  Enviamos um código de validação para o número atual{' '}
+                  <span className="font-semibold text-gray-950">{currentPhoneDisplay}.</span>
                 </p>
               </div>
 
@@ -182,9 +170,7 @@ export function ChangePhoneModal({ open, onClose }: ChangePhoneModalProps) {
                   </InputOTPGroup>
                 </InputOTP>
                 {hasError && (
-                  <p className="paragraph-small-regular text-red-500">
-                    {translate('common.account.otp.incorrectCode')}
-                  </p>
+                  <p className="paragraph-small-regular text-red-500">Código incorreto</p>
                 )}
               </div>
 
@@ -194,16 +180,14 @@ export function ChangePhoneModal({ open, onClose }: ChangePhoneModalProps) {
                   onClick={handleResend}
                   className="paragraph-small-medium text-gray-950 underline cursor-pointer hover:text-gray-700 w-fit"
                 >
-                  {translate('common.account.otp.resend')}
+                  Reenviar código
                 </button>
               ) : (
                 <p className="paragraph-small-regular text-gray-500">
-                  {translate.rich('common.account.otp.resendIn', {
-                    time: formatTimer(timer),
-                    b: (chunks) => (
-                      <span className="paragraph-small-semibold text-gray-950">{chunks}</span>
-                    ),
-                  })}
+                  Reenviar em{' '}
+                  <span className="paragraph-small-semibold text-gray-950">
+                    {formatTimer(timer)}
+                  </span>
                 </p>
               )}
             </div>
@@ -212,12 +196,10 @@ export function ChangePhoneModal({ open, onClose }: ChangePhoneModalProps) {
 
             <div className="flex items-center justify-between px-4 lg:px-5 py-4 lg:py-5 mt-auto lg:mt-0">
               <Button variant="secondary" className="h-10!" type="button" onClick={handleClose}>
-                {translate('common.actions.cancel')}
+                Cancelar
               </Button>
               <Button className="h-10!" type="submit" disabled={!isValidLength || isLoading}>
-                {isLoading
-                  ? translate('common.account.otp.validating')
-                  : translate('common.account.changePhone.confirm')}
+                {isLoading ? 'Validando...' : 'Alterar telefone'}
               </Button>
             </div>
           </form>
@@ -226,23 +208,17 @@ export function ChangePhoneModal({ open, onClose }: ChangePhoneModalProps) {
             <div className="flex flex-col gap-5 lg:gap-6 px-4 lg:px-5 py-5 lg:py-6 flex-1 lg:flex-none">
               <div className="flex flex-col gap-1">
                 <span className="paragraph-medium-semibold text-gray-950">
-                  {hasExistingPhone
-                    ? translate('common.account.changePhone.updateTitle')
-                    : translate('common.account.changePhone.addTitle')}
+                  {hasExistingPhone ? 'Atualizar telefone de contato' : 'Adicionar telefone de contato'}
                 </span>
                 <span className="paragraph-small-regular text-gray-600">
                   {hasExistingPhone
-                    ? translate('common.account.changePhone.updateDescription')
-                    : translate('common.account.changePhone.addDescription')}
+                    ? 'Informe o novo número para manter seu contato atualizado.'
+                    : 'Informe seu número de telefone para contato.'}
                 </span>
               </div>
 
               <PhoneInput
-                label={
-                  hasExistingPhone
-                    ? translate('common.account.changePhone.newNumber')
-                    : translate('common.account.changePhone.numberLabel')
-                }
+                label={hasExistingPhone ? 'Novo número' : 'Número de telefone'}
                 placeholder="(00) 0 0000-0000"
                 value={phoneValue}
                 onChange={handlePhoneChange}
@@ -253,16 +229,12 @@ export function ChangePhoneModal({ open, onClose }: ChangePhoneModalProps) {
 
             <div className="flex items-center justify-between p-4 lg:p-5 border-t border-gray-200 mt-auto lg:mt-0">
               <Button variant="secondary" className="h-10!" type="button" onClick={handleClose}>
-                {translate('common.actions.cancel')}
+                Cancelar
               </Button>
               <Button className="h-10!" type="submit" disabled={isSubmitting}>
                 {isSubmitting
-                  ? hasExistingPhone
-                    ? translate('common.actions.sending')
-                    : translate('common.actions.saving')
-                  : hasExistingPhone
-                    ? translate('common.actions.continue')
-                    : translate('common.actions.save')}
+                  ? (hasExistingPhone ? 'Enviando...' : 'Salvando...')
+                  : (hasExistingPhone ? 'Continuar' : 'Salvar')}
               </Button>
             </div>
           </form>