@greatapps/common 1.1.674 → 1.1.675

package/src/components/account/ConfirmDeleteAccountModal.tsx

@@ -1,6 +1,5 @@
 'use client';
 
-import { useTranslations } from 'next-intl';
 import { IconAlertTriangle } from '@tabler/icons-react';
 import { toast } from 'sonner';
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from '../ui/overlay/Dialog';
@@ -16,7 +15,6 @@ import { useAuth } from '../../providers/auth.provider';
 import { UserProfile } from '../../modules/users/schema';
 
 export default function ConfirmDeleteAccountModal() {
-  const translate = useTranslations();
   const { activeModal, deleteAccountPayload, openDeleteAccount, close } = useAccountModals();
   const open = activeModal === 'confirmDelete';
 
@@ -35,7 +33,7 @@ export default function ConfirmDeleteAccountModal() {
         if (!deleteAccountPayload) {
           // Fluxo quebrado (usuário pulou o primeiro modal ou refresh) — manda
           // de volta pro modal inicial pra re-coletar a senha.
-          openDeleteAccount(translate('common.account.confirmDelete.sessionExpired'));
+          openDeleteAccount('Sessão expirada. Preencha os campos novamente.');
           return;
         }
         await deleteAccount.mutateAsync({ password: deleteAccountPayload.password });
@@ -43,25 +41,20 @@ export default function ConfirmDeleteAccountModal() {
         await deleteAccountUser.mutateAsync(user!.id);
       }
       close();
-      toast.custom((toastId) => (
-        <Toast
-          variant="success"
-          message={translate('common.account.confirmDelete.success')}
-          toastId={toastId}
-        />
+      toast.custom((t) => (
+        <Toast variant="success" message="Conta excluída com sucesso" toastId={t} />
       ));
       await logout();
     } catch (error) {
-      const message =
-        error instanceof Error ? error.message : translate('common.account.confirmDelete.error');
+      const message = error instanceof Error ? error.message : 'Erro ao excluir. Tente novamente.';
       if (isOwner) {
         // Falha no delete do owner (ex.: senha inválida) — volta pro primeiro
         // modal com a mensagem do backend pra o usuário corrigir e tentar de novo.
         openDeleteAccount(message);
         return;
       }
-      toast.custom((toastId) => (
-        <Toast variant="error" message={message} toastId={toastId} />
+      toast.custom((t) => (
+        <Toast variant="error" message={message} toastId={t} />
       ));
     }
   };
@@ -72,17 +65,17 @@ export default function ConfirmDeleteAccountModal() {
         <div className="flex flex-col gap-5 p-4 lg:p-5">
           <DialogHeader className="p-0">
             <DialogTitle className="paragraph-medium-semibold text-gray-950">
-              {translate('common.account.confirmDelete.title')}
+              Uma pena te ver ir!
             </DialogTitle>
           </DialogHeader>
 
           <div className="bg-red-50 p-4 lg:p-5 rounded-lg flex items-center gap-4">
             <IconAlertTriangle size={20} className="text-red-500 shrink-0" strokeWidth={2} />
             <p className="paragraph-small-regular text-gray-600">
-              {translate.rich('common.account.confirmDelete.warning', {
-                count: String(pagesCount),
-                b: (chunks) => <span className="font-semibold text-gray-950">{chunks}</span>,
-              })}
+              Todas suas{' '}
+              <span className="font-semibold text-gray-950">{pagesCount} páginas</span>{' '}
+              serão deletadas permanentemente. Essa ação é{' '}
+              <span className="font-semibold text-gray-950">irreversível!</span>
             </p>
           </div>
         </div>
@@ -91,7 +84,7 @@ export default function ConfirmDeleteAccountModal() {
 
         <div className="flex items-center gap-2 p-4 lg:p-5">
           <Button className="h-10 flex-1" onClick={close} disabled={isDeleting}>
-            {translate('common.account.confirmDelete.keepAccount')}
+            Manter minha conta
           </Button>
           <Button
             variant="secondary"
@@ -99,9 +92,7 @@ export default function ConfirmDeleteAccountModal() {
             onClick={handleConfirm}
             disabled={isDeleting}
           >
-            {isDeleting
-              ? translate('common.account.confirmDelete.deleting')
-              : translate('common.account.confirmDelete.deleteAnyway')}
+            {isDeleting ? 'Excluindo...' : 'Excluir mesmo assim'}
           </Button>
         </div>
       </DialogContent>

package/src/components/account/ConfirmGlobalPreferencesModal.tsx

@@ -1,6 +1,5 @@
 'use client';
 
-import { useTranslations } from 'next-intl';
 import { IconAlertTriangle } from '@tabler/icons-react';
 import { Button } from '../ui/buttons/Button';
 import {
@@ -23,14 +22,13 @@ export default function ConfirmGlobalPreferencesModal({
   onConfirm,
   onCancel,
 }: ConfirmGlobalPreferencesModalProps) {
-  const translate = useTranslations();
   return (
     <Dialog open={open} onOpenChange={onCancel}>
       <DialogContent className="flex flex-col p-0 gap-0 md:w-[386px]! lg:w-[386px]! max-w-[386px]! max-[386px]:w-[calc(100%-32px)]">
         <DialogHeader className="sr-only">
-          <DialogTitle>{translate('common.account.globalPreferences.title')}</DialogTitle>
+          <DialogTitle>Alterar preferências globais</DialogTitle>
           <DialogDescription>
-            {translate('common.account.globalPreferences.srDescription')}
+            Confirmação de alteração de preferências globais da conta
           </DialogDescription>
         </DialogHeader>
 
@@ -40,14 +38,14 @@ export default function ConfirmGlobalPreferencesModal({
           </div>
           <div className="flex flex-col gap-2">
             <span className="paragraph-medium-semibold text-gray-950">
-              {translate('common.account.globalPreferences.title')}
+              Alterar preferências globais
             </span>
             <span className="paragraph-small-regular text-gray-600">
-              {translate.rich('common.account.globalPreferences.warning', {
-                b: (chunks) => (
-                  <span className="paragraph-small-semibold text-gray-950">{chunks}</span>
-                ),
-              })}
+              Você está alterando configurações que impactam{' '}
+              <span className="paragraph-small-semibold text-gray-950">
+                todos os usuários da conta
+              </span>
+              . Deseja confirmar?
             </span>
           </div>
         </div>
@@ -56,10 +54,10 @@ export default function ConfirmGlobalPreferencesModal({
 
         <div className="flex items-center gap-2 p-5">
           <Button onClick={onConfirm} className="h-10!">
-            {translate('common.actions.confirm')}
+            Confirmar
           </Button>
           <Button variant="secondary" onClick={onCancel} className="h-10!">
-            {translate('common.actions.cancel')}
+            Cancelar
           </Button>
         </div>
       </DialogContent>

package/src/components/account/DeleteAccountModal.tsx

@@ -1,7 +1,6 @@
 'use client';
 
 import { useState, useCallback, useEffect } from 'react';
-import { useTranslations } from 'next-intl';
 import { IconLock, IconAlertTriangle } from '@tabler/icons-react';
 import { toast } from 'sonner';
 import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '../ui/overlay/Dialog';
@@ -14,16 +13,16 @@ import usePasswordVisibility from '../../hooks/usePasswordVisibility';
 import { useAccountModals } from '../../store/useAccountModals';
 import { AccountSectionType } from '../../enums/AccountSectionType';
 
+const REASON_OPTIONS = [
+  { value: 'sem-funcao', label: 'A ferramenta não possui uma função que eu preciso' },
+  { value: 'problemas', label: 'Encontrei problemas técnicos ou erros no sistema' },
+  { value: 'suporte', label: 'Tive problemas com o suporte ou atendimento' },
+  { value: 'demora', label: 'As atualizações demoram mais do que o esperado' },
+  { value: 'temporario', label: 'O cancelamento é temporário' },
+  { value: 'outro', label: 'Outro motivo' },
+];
+
 export default function DeleteAccountModal() {
-  const translate = useTranslations();
-  const reasonOptions = [
-    { value: 'sem-funcao', label: translate('common.account.deleteAccount.reasons.noFeature') },
-    { value: 'problemas', label: translate('common.account.deleteAccount.reasons.technical') },
-    { value: 'suporte', label: translate('common.account.deleteAccount.reasons.support') },
-    { value: 'demora', label: translate('common.account.deleteAccount.reasons.updates') },
-    { value: 'temporario', label: translate('common.account.deleteAccount.reasons.temporary') },
-    { value: 'outro', label: translate('common.account.deleteAccount.reasons.other') },
-  ];
   const {
     activeModal,
     deleteAccountError,
@@ -62,12 +61,8 @@ export default function DeleteAccountModal() {
   const handleDelete = (e: React.FormEvent) => {
     e.preventDefault();
     if (!isFormValid) {
-      toast.custom((toastId) => (
-        <Toast
-          variant="error"
-          message={translate('common.account.deleteAccount.requiredFields')}
-          toastId={toastId}
-        />
+      toast.custom((t) => (
+        <Toast variant="error" message="Preencha todos os campos obrigatórios" toastId={t} />
       ));
       return;
     }
@@ -85,21 +80,18 @@ export default function DeleteAccountModal() {
               <div className="flex items-center justify-center w-fit bg-red-50 rounded-lg p-2.5 mb-5">
                 <IconAlertTriangle size={20} className="text-red-500" />
               </div>
-              <DialogTitle>{translate('common.account.deleteAccount.title')}</DialogTitle>
+              <DialogTitle>Excluir conta</DialogTitle>
               <DialogDescription className="paragraph-small-regular">
-                {translate.rich('common.account.deleteAccount.description', {
-                  b: (chunks) => (
-                    <span className="font-semibold text-gray-950">{chunks}</span>
-                  ),
-                })}
+                Esta ação é <span className="font-semibold text-gray-950">irreversível</span>. Ao
+                confirmar, sua conta e todos os seus dados serão excluídos.
               </DialogDescription>
             </DialogHeader>
 
             <SelectField
-              label={translate('common.account.deleteAccount.reasonLabel')}
+              label="Motivo do cancelamento"
               required
-              placeholder={translate('common.account.deleteAccount.reasonPlaceholder')}
-              options={reasonOptions}
+              placeholder="Selecione"
+              options={REASON_OPTIONS}
               value={reason}
               onChange={(value) => setReason(value as string)}
               className="h-10!"
@@ -107,26 +99,24 @@ export default function DeleteAccountModal() {
 
             <div>
               <TextAreaField
-                label={translate('common.account.deleteAccount.descriptionLabel')}
+                label="Descreva o que levou a tomar essa decisão"
                 required
-                placeholder={translate('common.account.deleteAccount.descriptionPlaceholder')}
+                placeholder="Explique sua decisão..."
                 value={description}
                 onChange={(e) => setDescription(e.target.value)}
                 rows={4}
                 maxLength={400}
               />
               <span className="paragraph-xsmall-medium text-gray-600 text-left mt-1 block">
-                {translate('common.account.deleteAccount.charactersCount', {
-                  count: String(description.length),
-                })}
+                {description.length}/400 caracteres
               </span>
             </div>
 
             <FormField
               className="text-gray-600"
-              label={translate('common.account.deleteAccount.passwordLabel')}
+              label="Senha"
               type="password"
-              placeholder={translate('common.account.deleteAccount.passwordPlaceholder')}
+              placeholder="Informe sua senha"
               leftIcon={IconLock}
               value={password}
               onChange={(e) => {
@@ -147,10 +137,10 @@ export default function DeleteAccountModal() {
               className="h-10"
               type="submit"
             >
-              {translate('common.account.deleteAccount.submit')}
+              Excluir conta
             </Button>
             <Button variant="secondary" className="h-10" type="button" onClick={handleClose}>
-              {translate('common.actions.close')}
+              Fechar
             </Button>
           </div>
         </form>

package/src/components/account/DisableTwoFactorAuthModal.tsx

@@ -1,6 +1,5 @@
 'use client';
 
-import { useTranslations } from 'next-intl';
 import { IconShieldCheck } from '@tabler/icons-react';
 import { Button } from '../ui/buttons/Button';
 import {
@@ -25,7 +24,6 @@ export default function DisableTwoFactorAuthModal({
   onClose,
   onSuccess,
 }: DisableTwoFactorAuthModalProps) {
-  const translate = useTranslations();
   const { code, setCode, isValid, isLoading, handleClose, handleSubmit } =
     useDisableTwoFactorAuthForm({ onClose, onSuccess });
 
@@ -45,17 +43,16 @@ export default function DisableTwoFactorAuthModal({
             </div>
             <DialogHeader className="p-0 gap-2">
               <DialogTitle className="paragraph-medium-semibold text-gray-950">
-                {translate('common.account.twoFactor.disableTitle')}
+                Desabilitar autenticação 2FA
               </DialogTitle>
               <DialogDescription className="paragraph-small-regular text-gray-600">
-                {translate('common.account.twoFactor.disableDescription')}
+                Informe o código de 6 dígitos do seu aplicativo autenticador para confirmar a
+                desativação.
               </DialogDescription>
             </DialogHeader>
 
             <div className="flex flex-col gap-2">
-              <span className="paragraph-small-medium text-gray-700">
-                {translate('common.account.twoFactor.authenticatorCode')}
-              </span>
+              <span className="paragraph-small-medium text-gray-700">Código do autenticador</span>
               <InputOTP maxLength={6} pattern={REGEXP_ONLY_DIGITS} value={code} onChange={setCode}>
                 <InputOTPGroup className="gap-2">
                   {Array.from({ length: 6 }).map((_, i) => (
@@ -72,9 +69,7 @@ export default function DisableTwoFactorAuthModal({
 
           <div className="flex flex-row items-center gap-2 p-4 lg:p-5 border-t border-gray-200 mt-auto lg:mt-0">
             <Button className="h-10! flex-1" disabled={!isValid || isLoading} type="submit">
-              {isLoading
-                ? translate('common.account.twoFactor.disabling')
-                : translate('common.account.twoFactor.disable')}
+              {isLoading ? 'Desabilitando...' : 'Desabilitar 2FA'}
             </Button>
             <Button
               variant="secondary"
@@ -82,7 +77,7 @@ export default function DisableTwoFactorAuthModal({
               type="button"
               onClick={handleClose}
             >
-              {translate('common.actions.cancel')}
+              Cancelar
             </Button>
           </div>
         </form>

package/src/components/account/IsntPossibleDeleteAccountModal.tsx

@@ -1,13 +1,11 @@
 'use client';
 
-import { useTranslations } from 'next-intl';
 import { IconAlertTriangle } from '@tabler/icons-react';
 import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '../ui/overlay/Dialog';
 import { Button } from '../ui/buttons/Button';
 import { useAccountModals } from '../../store/useAccountModals';
 
 export default function IsntPossibleDeleteAccountModal() {
-  const translate = useTranslations();
   const { activeModal, close, config } = useAccountModals();
   const { onGoToSubscription } = config;
   const open = activeModal === 'isntPossibleDelete';
@@ -21,12 +19,12 @@ export default function IsntPossibleDeleteAccountModal() {
           </div>
           <DialogHeader className="p-0 gap-2">
             <DialogTitle className="paragraph-medium-semibold text-gray-950">
-              {translate('common.account.cantDelete.title')}
+              Não é possível excluir a conta
             </DialogTitle>
             <DialogDescription className="paragraph-small-regular text-gray-600">
-              {translate.rich('common.account.cantDelete.description', {
-                b: (chunks) => <span className="font-semibold text-gray-950">{chunks}</span>,
-              })}
+              Você tem uma assinatura ativa. Para excluir sua conta,{' '}
+              <span className="font-semibold text-gray-950">primeiro cancele a assinatura</span> na
+              página Assinatura e depois tente novamente.
             </DialogDescription>
           </DialogHeader>
         </div>
@@ -35,14 +33,14 @@ export default function IsntPossibleDeleteAccountModal() {
 
         <div className="flex flex-row items-center gap-2">
           <Button className="h-10 flex-1" onClick={close}>
-            {translate('common.account.cantDelete.confirm')}
+            Ok, entendi
           </Button>
           <Button
             variant="secondary"
             className="h-10 flex-1"
             onClick={onGoToSubscription ?? close}
           >
-            {translate('common.account.cantDelete.goToSubscription')}
+            Ir para assinatura
           </Button>
         </div>
       </DialogContent>

package/src/components/account/TwoFactorAuthModal.tsx

@@ -1,6 +1,5 @@
 'use client';
 
-import { useTranslations } from 'next-intl';
 import { IconX, IconCopy, IconRefresh } from '@tabler/icons-react';
 import { Button } from '../ui/buttons/Button';
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from '../ui/overlay/Dialog';
@@ -16,7 +15,6 @@ interface TwoFactorAuthModalProps {
 }
 
 export default function TwoFactorAuthModal({ open, onClose, onSuccess }: TwoFactorAuthModalProps) {
-  const translate = useTranslations();
   const {
     code,
     setCode,
@@ -48,11 +46,11 @@ export default function TwoFactorAuthModal({ open, onClose, onSuccess }: TwoFact
           className="z-[1011] flex flex-col p-0 gap-0 max-w-full sm:max-w-full border-0 rounded-t-2xl rounded-b-none h-[100dvh] top-0 bottom-0 left-0 right-0 translate-x-0 translate-y-0 lg:max-w-[470px] lg:h-auto lg:rounded-lg lg:border lg:top-[50%] lg:left-[50%] lg:right-auto lg:bottom-auto lg:translate-x-[-50%] lg:translate-y-[-50%]"
         >
           <DialogHeader className="sr-only">
-            <DialogTitle>{translate('common.account.twoFactor.recoveryTitle')}</DialogTitle>
+            <DialogTitle>Códigos de segurança</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.twoFactor.recoveryTitle')}
+              Códigos de segurança
             </span>
             <Button
               type="button"
@@ -67,12 +65,15 @@ export default function TwoFactorAuthModal({ open, onClose, onSuccess }: TwoFact
           <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-2">
               <h3 className="paragraph-medium-semibold text-gray-950 max-w-[269px]">
-                {translate('common.account.twoFactor.recoveryHeading')}
+                Salve estes códigos de recuperação de emergência
               </h3>
               <div className="paragraph-small-regular text-gray-600">
-                <p>{translate('common.account.twoFactor.recoveryText1')}</p>
+                <p>
+                  Se você perder acesso ao seu telefone, não será possível fazer login em sua conta
+                  sem um código de dois fatores.
+                </p>
                 <br />
-                <p>{translate('common.account.twoFactor.recoveryText2')}</p>
+                <p>Imprima, copie ou escreva em um local seguro os códigos abaixo.</p>
               </div>
             </div>
 
@@ -89,17 +90,17 @@ export default function TwoFactorAuthModal({ open, onClose, onSuccess }: TwoFact
                 onClick={handleCopyCodes}
               >
                 <IconCopy size={16} />
-                {translate('common.account.twoFactor.copyCodes')}
+                Copiar códigos
               </Button>
             </div>
           </div>
 
           <div className="flex items-center p-4 lg:p-5 border-t border-gray-200 justify-between 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="button" onClick={handleFinalize}>
-              {translate('common.account.twoFactor.finish')}
+              Finalizar
             </Button>
           </div>
         </DialogContent>
@@ -115,11 +116,11 @@ export default function TwoFactorAuthModal({ open, onClose, onSuccess }: TwoFact
         className="z-[1011] flex flex-col p-0 gap-0 max-w-full sm:max-w-full border-0 rounded-t-2xl rounded-b-none h-[100dvh] top-0 bottom-0 left-0 right-0 translate-x-0 translate-y-0 lg:max-w-[470px] lg:h-auto lg:max-h-[90vh] lg:rounded-lg lg:border lg:top-[50%] lg:left-[50%] lg:right-auto lg:bottom-auto lg:translate-x-[-50%] lg:translate-y-[-50%]"
       >
         <DialogHeader className="sr-only">
-          <DialogTitle>{translate('common.account.twoFactor.title')}</DialogTitle>
+          <DialogTitle>Autenticação de dois fatores</DialogTitle>
         </DialogHeader>
         <div className="shrink-0 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.twoFactor.title')}
+            Autenticação de dois fatores
           </span>
           <Button
             type="button"
@@ -141,18 +142,17 @@ export default function TwoFactorAuthModal({ open, onClose, onSuccess }: TwoFact
           <div className="flex-1 min-h-0 overflow-y-auto overscroll-contain lg:overflow-visible">
             <div className="flex flex-col items-center gap-4 lg:gap-8 px-4 lg:px-5 py-4 lg:py-6 pb-60 lg:pb-6">
               <p className="paragraph-small-regular text-gray-950 text-center max-w-full lg:max-w-[412px]">
-                {translate.rich('common.account.twoFactor.instructions', {
-                  link: (chunks) => (
-                    <a
-                      href="https://support.google.com/accounts/answer/1066447"
-                      target="_blank"
-                      rel="noopener noreferrer"
-                      className="paragraph-small-medium underline"
-                    >
-                      {chunks}
-                    </a>
-                  ),
-                })}
+                Instale um aplicativo autenticador no seu celular (ex.:{' '}
+                <a
+                  href="https://support.google.com/accounts/answer/1066447"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  className="paragraph-small-medium underline"
+                >
+                  Google Authenticator
+                </a>
+                ), escaneie o QR Code ao lado ou copie a chave no aplicativo e, em seguida, digite o
+                código de 6 dígitos gerado para continuar.
               </p>
 
               <div className="border border-gray-200 rounded-lg overflow-hidden p-2 lg:p-3 flex items-center justify-center w-[136px] h-[136px] lg:w-[203px] lg:h-[203px]">
@@ -163,9 +163,7 @@ export default function TwoFactorAuthModal({ open, onClose, onSuccess }: TwoFact
                     className="flex flex-col items-center gap-1.5 text-center"
                   >
                     <IconRefresh size={20} className="text-gray-400" />
-                    <span className="paragraph-xsmall-medium text-gray-500">
-                      {translate('common.account.twoFactor.retry')}
-                    </span>
+                    <span className="paragraph-xsmall-medium text-gray-500">Tentar novamente</span>
                   </button>
                 ) : isGenerating || !qrcode ? (
                   <div className="skeleton w-full h-full rounded" />
@@ -173,7 +171,7 @@ export default function TwoFactorAuthModal({ open, onClose, onSuccess }: TwoFact
                   // eslint-disable-next-line @next/next/no-img-element
                   <img
                     src={qrcode}
-                    alt={translate('common.account.twoFactor.qrAlt')}
+                    alt="QR Code para autenticação de dois fatores"
                     className="w-full h-full"
                   />
                 )}
@@ -182,7 +180,7 @@ export default function TwoFactorAuthModal({ open, onClose, onSuccess }: TwoFact
               <div className="flex items-center gap-3 w-full">
                 <Separator className="flex-1" />
                 <span className="paragraph-xsmall-medium text-gray-500 opacity-80 whitespace-nowrap">
-                  {translate('common.account.twoFactor.pasteDigits')}
+                  Cole os 6 dígitos abaixo
                 </span>
                 <Separator className="flex-1" />
               </div>
@@ -205,12 +203,10 @@ export default function TwoFactorAuthModal({ open, onClose, onSuccess }: TwoFact
 
           <div className="shrink-0 flex items-center p-4 lg:p-5 border-t border-gray-200 justify-between gap-2 bg-white">
             <Button variant="secondary" className="h-10!" type="button" onClick={handleClose}>
-              {translate('common.actions.cancel')}
+              Cancelar
             </Button>
             <Button type="submit" className="h-10!" disabled={!isCodeComplete || isConfirming}>
-              {isConfirming
-                ? translate('common.account.twoFactor.activating')
-                : translate('common.account.twoFactor.activate')}
+              {isConfirming ? 'Ativando...' : 'Ativar autenticação'}
             </Button>
           </div>
         </form>

package/src/components/account/constants.ts

@@ -18,12 +18,9 @@ export const TIME_FORMAT_OPTIONS = [
   { value: '12h', label: '12 horas (AM/PM)', displayValue: '12 horas (AM/PM)' },
 ];
 
-// Catalog keys — consumers call translate(type) to get the localized label.
-// pt-br values: 'Atualizações de projetos' | 'Alertas de segurança' |
-//               'Mudanças no plano ou faturamento' | 'Manutenções programadas'
 export const NOTIFICATION_TYPES = [
-  'common.account.notificationTypes.projectUpdates',
-  'common.account.notificationTypes.securityAlerts',
-  'common.account.notificationTypes.planBilling',
-  'common.account.notificationTypes.scheduledMaintenance',
-] as const;
+  'Atualizações de projetos',
+  'Alertas de segurança',
+  'Mudanças no plano ou faturamento',
+  'Manutenções programadas',
+];

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

@@ -3,14 +3,12 @@
 import { useState, useCallback } from 'react';
 import { useForm } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
-import { useTranslations } from 'next-intl';
 import { toast } from 'sonner';
 import { Toast } from '../../ui/feedback/Toast';
 import { changeEmailSchema, type ChangeEmailFormData } from '../../../utils/validators/account';
 import { requestEmailChangeAction } from '../../../modules/accounts/actions/account-management.action';
 
 export default function useChangeEmailForm() {
-  const translate = useTranslations();
   const [showVerification, setShowVerification] = useState(false);
 
   const { register, handleSubmit, reset, watch, formState: { errors, isSubmitting } } = useForm<ChangeEmailFormData>({
@@ -23,11 +21,11 @@ export default function useChangeEmailForm() {
     const result = await requestEmailChangeAction(data.email);
 
     if (!result.success) {
-      toast.custom((toastId) => (
+      toast.custom((t) => (
         <Toast
           variant="error"
-          message={result.error ?? translate('common.account.changeEmail.emailExistsError')}
-          toastId={toastId}
+          message={result.error ?? 'E-mail já existente ou ocorreu um erro. Tente novamente mais tarde.'}
+          toastId={t}
         />
       ));
       return;

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

@@ -3,7 +3,6 @@
 import { useForm } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { useMutation } from '@tanstack/react-query';
-import { useTranslations } from 'next-intl';
 import { toast } from 'sonner';
 import { Toast } from '../../ui/feedback/Toast';
 import { changePasswordSchema, type ChangePasswordFormData } from '../../../utils/validators/account';
@@ -14,7 +13,6 @@ interface UseChangePasswordFormProps {
 }
 
 export default function useChangePasswordForm({ onSuccess }: UseChangePasswordFormProps = {}) {
-  const translate = useTranslations();
   const form = useForm<ChangePasswordFormData>({
     resolver: zodResolver(changePasswordSchema),
     mode: 'onChange',
@@ -28,34 +26,22 @@ export default function useChangePasswordForm({ onSuccess }: UseChangePasswordFo
     mutationFn: changePasswordAction,
     onSuccess: (result) => {
       if (!result.success) {
-        toast.custom((toastId) => (
-          <Toast
-            variant="error"
-            message={result.error ?? translate('common.account.changePassword.changeError')}
-            toastId={toastId}
-          />
+        toast.custom((t) => (
+          <Toast variant="error" message={result.error ?? 'Erro ao alterar senha'} toastId={t} />
         ));
         return;
       }
 
-      toast.custom((toastId) => (
-        <Toast
-          variant="success"
-          message={translate('common.account.changePassword.changedSuccess')}
-          toastId={toastId}
-        />
+      toast.custom((t) => (
+        <Toast variant="success" message="Senha alterada com sucesso" toastId={t} />
       ));
 
       form.reset();
       onSuccess?.();
     },
     onError: () => {
-      toast.custom((toastId) => (
-        <Toast
-          variant="error"
-          message={translate('common.account.changePassword.genericError')}
-          toastId={toastId}
-        />
+      toast.custom((t) => (
+        <Toast variant="error" message="Erro ao alterar senha. Tente novamente." toastId={t} />
       ));
     },
   });