@greatapps/common 1.1.673 → 1.1.675

package/src/components/layouts/UsersSelectorPopover.tsx

@@ -1,7 +1,6 @@
 "use client";
 
 import { useEffect, useState } from "react";
-import { useTranslations } from "next-intl";
 import { IconPlus, IconUser, IconUsers } from '@tabler/icons-react';
 import { UserAvatar } from "../ui/data-display/UserAvatar";
 import { Popover, PopoverContent, PopoverTrigger } from "../ui/overlay/Popover";
@@ -47,7 +46,6 @@ export function UsersSelectorPopover({
   align,
   contentClassName,
 }: UsersSelectorPopoverProps) {
-  const translate = useTranslations();
   const { accountsUrl } = useWhitelabelUrls();
   const [open, setOpen] = useState(false);
   const [hoveredId, setHoveredId] = useState<number | null>(null);
@@ -110,7 +108,7 @@ export function UsersSelectorPopover({
       >
         <div className="flex flex-col p-3 gap-2">
           <div className="flex items-center justify-between">
-            <span className="paragraph-small-semibold">{translate('common.layout.usersSelector.title')}</span>
+            <span className="paragraph-small-semibold">Usuários</span>
             <div className="flex items-center gap-1.5">
               <Button
                 variant="secondary"
@@ -120,14 +118,14 @@ export function UsersSelectorPopover({
                 }}
               >
                 <IconPlus size={16} />
-                {translate('common.layout.usersSelector.add')}
+                Adicionar
               </Button>
             </div>
           </div>
 
           <Command shouldFilter={false} className="gap-2" value="">
             <CommandInput
-              placeholder={translate('common.layout.usersSelector.searchPlaceholder')}
+              placeholder="Busque aqui"
               value={searchInput}
               onValueChange={setSearchInput}
             />
@@ -145,12 +143,12 @@ export function UsersSelectorPopover({
                 <div className="flex flex-col items-center justify-center gap-2 h-full text-gray-400 py-4">
                   <IconUsers size={28} className="text-gray-300" />
                   <span className="paragraph-small-medium text-center text-gray-500">
-                    {translate('common.layout.usersSelector.empty')}
+                    Nenhum usuário encontrado.
                   </span>
                 </div>
               ) : (
                 <>
-                  <CommandEmpty>{translate('common.layout.usersSelector.noResults')}</CommandEmpty>
+                  <CommandEmpty>Nenhum resultado encontrado.</CommandEmpty>
                   {allUsers.map((user) => {
                     const inProject = user.in_project ?? false;
                     const removable =
@@ -202,7 +200,7 @@ export function UsersSelectorPopover({
                               </div>
                             </TooltipTrigger>
                             <TooltipContent className="z-[1002]">
-                              {inProject ? translate('common.layout.usersSelector.removeFromProject') : translate('common.layout.usersSelector.addToProject')}
+                              {inProject ? "Remover do projeto" : "Adicionar ao projeto"}
                             </TooltipContent>
                           </Tooltip>
                         </div>
@@ -227,7 +225,7 @@ export function UsersSelectorPopover({
               window.location.href = `${accountsUrl}/my-teams`;
             }}
           >
-            {translate('common.layout.usersSelector.manageTeam')}
+            Gerenciar equipe
           </Button>
         </div>
       </PopoverContent>

package/src/components/modals/BuyCreditsModal.tsx

@@ -26,7 +26,6 @@ import { useUpdateSubscriptionPlan } from '../../modules/subscriptions/hooks/upd
 import { getPriceFromCalculatedData } from '../../modules/subscriptions/utils/periodicity';
 import { useIsDefaultWhitelabel, useExternalContracting } from '../../providers/whitelabel.provider';
 import { IconInfoCircle, IconX, IconLoader2, IconSparkles } from '@tabler/icons-react';
-import { useTranslations } from 'next-intl';
 import { useCallback, useEffect, useMemo, useRef } from 'react';
 import { useForm } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
@@ -43,7 +42,6 @@ const buyCreditSchema = z.object({
 type BuyCreditFormData = z.infer<typeof buyCreditSchema>;
 
 export default function BuyCreditsModal() {
-  const translate = useTranslations();
   const { open, closeModal } = useBuyCreditsModal();
   const { openModal } = useModalManager();
   const isDefaultWl = useIsDefaultWhitelabel();
@@ -188,12 +186,12 @@ export default function BuyCreditsModal() {
       label: (
         <div className="flex items-center justify-between gap-2 w-full">
           <span className="paragraph-small-medium text-zinc-950 flex-1">
-            {translate('common.credits.buy.creditsOptionLabel', { credits: opt.credits.toLocaleString('pt-BR') })}
+            {opt.credits.toLocaleString('pt-BR')} créditos de IA
           </span>
           <span className="paragraph-small-medium text-zinc-500 opacity-70">{opt.priceLabel}</span>
         </div>
       ),
-      displayValue: translate('common.credits.buy.creditsOptionDisplayValue', { credits: opt.credits.toLocaleString('pt-BR') }),
+      displayValue: `${opt.credits.toLocaleString('pt-BR')} créditos de IA`,
     }));
   }, []);
 
@@ -219,7 +217,7 @@ export default function BuyCreditsModal() {
       toast.custom((t) => (
         <Toast
           variant="success"
-          message={translate('common.credits.buy.creditsChangedToast', { credits: data.creditOption.toLocaleString('pt-BR') })}
+          message={`Créditos de IA alterados para ${data.creditOption.toLocaleString('pt-BR')}`}
           toastId={t}
         />
       ));
@@ -236,7 +234,7 @@ export default function BuyCreditsModal() {
     if (totalPrice !== null) {
       return (
         <span className="paragraph-xlarge-semibold text-zinc-950">
-          {totalPrice === 0 ? translate('common.credits.buy.defaultPrice') : formatPrice(totalPrice)}
+          {totalPrice === 0 ? 'Padrão' : formatPrice(totalPrice)}
         </span>
       );
     }
@@ -253,10 +251,10 @@ export default function BuyCreditsModal() {
             </div>
             <div className="flex flex-col gap-2">
               <DialogTitle className="paragraph-medium-semibold text-zinc-950">
-                {translate('common.credits.buy.externalTitle')}
+                Créditos de IA
               </DialogTitle>
               <span className="paragraph-small-regular text-zinc-600">
-                {translate('common.credits.buy.externalDescription')}
+                Para adquirir créditos de IA, acesse sua área de assinatura.
               </span>
             </div>
           </DialogHeader>
@@ -268,7 +266,7 @@ export default function BuyCreditsModal() {
                 redirectToExternal('contracting');
               }}
             >
-              {translate('common.credits.buy.externalButton')}
+              Acessar área de assinatura
             </Button>
           </div>
         </DialogContent>
@@ -284,7 +282,7 @@ export default function BuyCreditsModal() {
       >
         <DialogHeader className="px-4 py-3 border-b border-zinc-200 shrink-0 relative">
           <DialogTitle className="paragraph-medium-semibold text-zinc-950 text-center">
-            {translate('common.credits.buy.title')}
+            Comprar créditos de IA
           </DialogTitle>
           <button
             type="button"
@@ -321,8 +319,8 @@ export default function BuyCreditsModal() {
                   <IconInfoCircle className="size-4 text-zinc-950 shrink-0" />
                   <span className="paragraph-small-regular text-zinc-950">
                     {isIncreasingCredits
-                      ? translate('common.credits.buy.paymentOnConfirm')
-                      : translate('common.credits.buy.nextInvoiceChanges')}
+                      ? 'O pagamento será processado no momento da confirmação.'
+                      : 'As alterações entrarão em vigor a partir da sua próxima fatura.'}
                   </span>
                 </div>
               )}
@@ -333,7 +331,7 @@ export default function BuyCreditsModal() {
             <div className="hidden lg:flex flex-col gap-2">
               {immediateChargeTotal !== null && immediateChargeTotal > 0 && (
                 <div className="flex items-center justify-between">
-                  <span className="paragraph-xsmall-medium text-zinc-500">{translate('common.credits.buy.immediateCharge')}</span>
+                  <span className="paragraph-xsmall-medium text-zinc-500">Cobrança imediata</span>
                   {isCalculatePending ? (
                     <Skeleton className="h-5 w-20" />
                   ) : (
@@ -344,7 +342,7 @@ export default function BuyCreditsModal() {
                 </div>
               )}
               <div className="flex items-center justify-between">
-                <span className="paragraph-small-medium text-zinc-500">{translate('common.credits.buy.totalPlanValue')}</span>
+                <span className="paragraph-small-medium text-zinc-500">Valor total do plano</span>
                 {renderPriceDisplay()}
               </div>
             </div>
@@ -355,7 +353,7 @@ export default function BuyCreditsModal() {
               className="w-full hidden lg:inline-flex"
             >
               {isSubmitting && <IconLoader2 className="size-4 animate-spin" />}
-              {translate('common.credits.buy.confirmAndPay')}
+              Confirmar e pagar
             </Button>
           </div>
 
@@ -363,7 +361,7 @@ export default function BuyCreditsModal() {
             <div className="flex flex-col gap-2">
               {immediateChargeTotal !== null && immediateChargeTotal > 0 && (
                 <div className="flex items-center justify-between">
-                  <span className="paragraph-xsmall-medium text-zinc-500">{translate('common.credits.buy.immediateCharge')}</span>
+                  <span className="paragraph-xsmall-medium text-zinc-500">Cobrança imediata</span>
                   {isCalculatePending ? (
                     <Skeleton className="h-5 w-20" />
                   ) : (
@@ -374,13 +372,13 @@ export default function BuyCreditsModal() {
                 </div>
               )}
               <div className="flex items-center justify-between">
-                <span className="paragraph-small-medium text-zinc-500">{translate('common.credits.buy.totalPlanValue')}</span>
+                <span className="paragraph-small-medium text-zinc-500">Valor total do plano</span>
                 {renderPriceDisplay()}
               </div>
             </div>
             <Button type="submit" disabled={isConfirmDisabled} className="w-full">
               {isSubmitting && <IconLoader2 className="size-4 animate-spin" />}
-              {translate('common.credits.buy.confirmAndPay')}
+              Confirmar e pagar
             </Button>
           </div>
         </form>

package/src/components/modals/CreditsDisabledModal.tsx

@@ -10,11 +10,9 @@ import {
 import { Button } from '../ui/buttons/Button';
 import { Separator } from '../ui/data-display/Separator';
 import { IconAlertTriangle } from '@tabler/icons-react';
-import { useTranslations } from 'next-intl';
 import { useCreditsDisabledModal } from '../../store/useCreditsDisabledModal';
 
 export default function CreditsDisabledModal() {
-  const translate = useTranslations();
   const { open, closeModal } = useCreditsDisabledModal();
 
   return (
@@ -34,12 +32,14 @@ export default function CreditsDisabledModal() {
           </div>
           <div className="flex flex-col gap-2">
             <DialogTitle className="paragraph-medium-semibold text-zinc-950">
-              {translate('common.credits.disabled.title')}
+              Compra de créditos indisponível
             </DialogTitle>
             <DialogDescription className="paragraph-small-regular text-zinc-600" asChild>
               <div className="flex flex-col gap-3">
-                <p>{translate('common.credits.disabled.descriptionLine1')}</p>
-                <p>{translate('common.credits.disabled.descriptionLine2')}</p>
+                <p>Apenas administradores e proprietários podem comprar créditos de IA.</p>
+                <p>
+                  Peça a um administrador ou proprietário da conta para adquirir mais créditos.
+                </p>
               </div>
             </DialogDescription>
           </div>
@@ -53,7 +53,7 @@ export default function CreditsDisabledModal() {
             className="h-10! transition-colors"
             onClick={() => closeModal()}
           >
-            {translate('common.credits.disabled.understood')}
+            Entendi
           </Button>
         </div>
       </DialogContent>

package/src/components/modals/PaidPlanRequiredModal.tsx

@@ -1,7 +1,6 @@
 "use client";
 
 import { IconLock } from '@tabler/icons-react';
-import { useTranslations } from 'next-intl';
 import { Button } from '../ui/buttons/Button';
 import {
     Dialog,
@@ -15,15 +14,14 @@ import { useModalManager } from '../../store/useModalManager';
 import type { ModalData } from '../../store/useModalManager';
 
 export default function PaidPlanRequiredModal() {
-    const translate = useTranslations();
     const { activeModal, modalData, closeModal } = useModalManager();
     const isOpen = activeModal === 'paidPlanRequiredModal';
     const data = modalData as ModalData & { title?: string; description?: string };
     const { accountsUrl } = useWhitelabelUrls();
     const { redirectToExternal } = useExternalContracting();
 
-    const title = (data.title as string) ?? translate('common.credits.paidPlanRequired.defaultTitle');
-    const description = (data.description as string) ?? translate('common.credits.paidPlanRequired.defaultDescription');
+    const title = (data.title as string) ?? "Recurso disponível em planos pagos";
+    const description = (data.description as string) ?? "Para acessar este recurso, faça upgrade para um plano pago";
 
     const handleKnowPlans = () => {
         if (redirectToExternal('plans')) return;
@@ -51,7 +49,7 @@ export default function PaidPlanRequiredModal() {
                         className="w-fit h-10!"
                         onClick={handleKnowPlans}
                     >
-                        {translate('common.credits.paidPlanRequired.knowPlans')}
+                        Conhecer planos
                     </Button>
                 </div>
             </DialogContent>

package/src/components/modals/cards/AddCardModal.tsx

@@ -17,7 +17,6 @@ import { useForm } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { CardNumberElement, useElements, useStripe } from '@stripe/react-stripe-js';
 import { toast } from 'sonner';
-import { useTranslations } from 'next-intl';
 
 const INITIAL_STRIPE_STATUS: StripeElementsStatus = {
   cardNumber: false,
@@ -25,15 +24,15 @@ const INITIAL_STRIPE_STATUS: StripeElementsStatus = {
   cardCvc: false,
 };
 
+const STEPS = [
+  { number: 1, label: 'Cobrança' },
+  { number: 2, label: 'Cartão' },
+] as const;
+
 function CardStepper({ currentStep }: { readonly currentStep: number }) {
-  const translate = useTranslations();
-  const steps = [
-    { number: 1, label: translate('common.cards.add.stepBilling') },
-    { number: 2, label: translate('common.cards.add.stepCard') },
-  ];
   return (
     <div className="flex items-center justify-start gap-2 px-4 py-3 bg-zinc-50 border-b border-zinc-200 lg:border-b-0">
-      {steps.map((step, idx) => {
+      {STEPS.map((step, idx) => {
         const isCompleted = currentStep > step.number;
         const isCurrent = currentStep === step.number;
         const isPending = !isCompleted && !isCurrent;
@@ -62,7 +61,7 @@ function CardStepper({ currentStep }: { readonly currentStep: number }) {
             >
               {step.label}
             </span>
-            {idx < steps.length - 1 && (
+            {idx < STEPS.length - 1 && (
               <IconChevronRight size={16} className="text-zinc-300 ml-1" />
             )}
           </div>
@@ -73,7 +72,6 @@ function CardStepper({ currentStep }: { readonly currentStep: number }) {
 }
 
 export default function AddCardModal() {
-  const translate = useTranslations();
   const { activeModal, modalData, closeModal } = useModalManager();
   const isOpen = activeModal === 'addCardModal';
   const { isExternalContracting, redirectToExternal } = useExternalContracting();
@@ -139,9 +137,9 @@ export default function AddCardModal() {
 
   async function handleSubmit(data: CardFormData) {
     const newStripeErrors: Record<string, string | undefined> = {};
-    if (!stripeStatus.cardNumber) newStripeErrors.cardNumber = translate('common.cards.form.cardNumberRequired');
-    if (!stripeStatus.cardExpiry) newStripeErrors.cardExpiry = translate('common.cards.form.cardExpiryRequired');
-    if (!stripeStatus.cardCvc) newStripeErrors.cardCvc = translate('common.cards.form.cardCvcRequired');
+    if (!stripeStatus.cardNumber) newStripeErrors.cardNumber = 'Número do cartão é obrigatório';
+    if (!stripeStatus.cardExpiry) newStripeErrors.cardExpiry = 'Data de validade é obrigatória';
+    if (!stripeStatus.cardCvc) newStripeErrors.cardCvc = 'Código de segurança é obrigatório';
     setStripeErrors(newStripeErrors);
 
     const stripeValid =
@@ -161,7 +159,7 @@ export default function AddCardModal() {
           (t) => (
             <Toast
               variant="error"
-              message={translate('common.cards.add.errorInitAuth')}
+              message="Não foi possível iniciar a autenticação do cartão, tente novamente."
               toastId={t}
             />
           ),
@@ -182,7 +180,7 @@ export default function AddCardModal() {
           (t) => (
             <Toast
               variant="error"
-              message={error.message || translate('common.cards.add.errorAuth')}
+              message={error.message || 'Falha na autenticação do cartão.'}
               toastId={t}
             />
           ),
@@ -196,7 +194,7 @@ export default function AddCardModal() {
           (t) => (
             <Toast
               variant="error"
-              message={translate('common.cards.add.errorAuthStatus', { status: setupIntent?.status ?? translate('common.cards.add.statusUnknown') })}
+              message={`Autenticação não concluída (status: ${setupIntent?.status ?? 'desconhecido'}).`}
               toastId={t}
             />
           ),
@@ -231,7 +229,7 @@ export default function AddCardModal() {
       }
 
       toast.custom(
-        (t) => <Toast variant="success" message={translate('common.cards.add.successToast')} toastId={t} />,
+        (t) => <Toast variant="success" message="Cartão adicionado com sucesso." toastId={t} />,
         { duration: 5000 }
       );
       handleClose();
@@ -240,7 +238,7 @@ export default function AddCardModal() {
         (t) => (
           <Toast
             variant="error"
-            message={translate('common.cards.add.errorSave')}
+            message="Não foi possível salvar o seu novo cartão, tente novamente."
             toastId={t}
           />
         ),
@@ -285,10 +283,10 @@ export default function AddCardModal() {
             </div>
             <div className="flex flex-col gap-2">
               <DialogTitle className="paragraph-medium-semibold text-zinc-950">
-                {translate('common.cards.add.externalTitle')}
+                Gerenciamento de cartões indisponível
               </DialogTitle>
               <span className="paragraph-small-regular text-zinc-600">
-                {translate('common.cards.add.externalDescription')}
+                Acesse sua área de assinatura para gerenciar formas de pagamento.
               </span>
             </div>
           </DialogHeader>
@@ -300,7 +298,7 @@ export default function AddCardModal() {
                 redirectToExternal('contracting');
               }}
             >
-              {translate('common.cards.add.externalButton')}
+              Acessar área de assinatura
             </Button>
           </div>
         </DialogContent>
@@ -317,7 +315,7 @@ export default function AddCardModal() {
         <DialogHeader className="p-0">
           <div className="flex items-center justify-center px-4 py-3 relative border-b border-zinc-200 lg:border-b-0">
             <DialogTitle className="paragraph-medium-semibold text-zinc-950 text-center">
-              {translate('common.cards.add.title')}
+              Adicionar cartão
             </DialogTitle>
             <Button
               type="button"
@@ -338,13 +336,13 @@ export default function AddCardModal() {
         >
           <div className={`flex flex-col gap-6 lg:gap-8 p-4 lg:p-5 flex-1 lg:flex-none ${currentStep !== 1 ? 'hidden' : ''}`}>
             <h2 className="font-[family-name:var(--font-outfit)] text-[18px] leading-tight font-semibold text-zinc-950">
-              {translate('common.cards.add.billingHeading')}
+              Adicione suas informações de cobrança
             </h2>
             <BillingFormFields form={form} />
           </div>
           <div className={`flex flex-col gap-6 lg:gap-8 p-4 lg:p-5 flex-1 lg:flex-none ${currentStep !== 2 ? 'hidden' : ''}`}>
             <h2 className="font-[family-name:var(--font-outfit)] text-[18px] leading-tight font-semibold text-zinc-950">
-              {translate('common.cards.add.cardHeading')}
+              Adicione informações do seu cartão
             </h2>
             <CardFormFields
               form={form}
@@ -357,7 +355,7 @@ export default function AddCardModal() {
             {currentStep === 1 ? (
               <>
                 <Button variant="secondary" type="button" onClick={handleClose} className="h-10!">
-                  {translate('common.actions.cancel')}
+                  Cancelar
                 </Button>
                 <Button
                   type="button"
@@ -365,13 +363,13 @@ export default function AddCardModal() {
                   onClick={handleContinue}
                   disabled={!isBillingValid}
                 >
-                  {translate('common.actions.continue')}
+                  Continuar
                 </Button>
               </>
             ) : (
               <>
                 <Button variant="secondary" type="button" onClick={handleBack} className="h-10!">
-                  {translate('common.actions.back')}
+                  Voltar
                 </Button>
                 <Button
                   type="submit"
@@ -380,10 +378,10 @@ export default function AddCardModal() {
                   loading={isAuthenticating || isSubmitting}
                 >
                   {isAuthenticating
-                    ? translate('common.cards.add.authenticating')
+                    ? 'Autenticando...'
                     : isSubmitting
-                      ? translate('common.cards.add.submitting')
-                      : translate('common.cards.add.submit')}
+                      ? 'Adicionando cartão...'
+                      : 'Adicionar cartão'}
                 </Button>
               </>
             )}

package/src/components/modals/cards/CannotDeleteCardModal.tsx

@@ -12,10 +12,8 @@ import { useCards } from '../../../modules/cards/hooks/cards.hook';
 import { useActiveSubscription } from '../../../modules/subscriptions/hooks/find-active-subscription.hook';
 import { useUpdateSubscriptionPayment } from '../../../modules/subscriptions/hooks/update-subscription-payment.hook';
 import type { Card } from '../../../modules/cards/types';
-import { useTranslations } from 'next-intl';
 
 export function CannotDeleteCardModal() {
-  const translate = useTranslations();
   const { activeModal, modalData, closeModal, openModal } = useModalManager();
   const { data: cardsData } = useCards();
   const { mutateAsync: updatePayment } = useUpdateSubscriptionPayment();
@@ -51,7 +49,7 @@ export function CannotDeleteCardModal() {
               message={
                 error instanceof Error
                   ? error.message
-                  : translate('common.cards.cannotDelete.errorUpdateCard')
+                  : 'Erro ao atualizar cartão da assinatura'
               }
               toastId={t}
             />
@@ -71,7 +69,7 @@ export function CannotDeleteCardModal() {
   return (
     <Dialog open={isOpen} onOpenChange={(open) => !open && closeModal()}>
       <DialogTitle className="sr-only">
-        {translate('common.cards.cannotDelete.title')}
+        Não é possível excluir este cartão
       </DialogTitle>
       <DialogContent className="flex flex-col p-0 max-w-full sm:max-w-full border-0 rounded-t-2xl rounded-b-none h-dvh top-0 bottom-0 left-0 right-0 translate-x-0 translate-y-0 lg:max-w-[436px] 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%] overflow-hidden">
         <div className="flex flex-col gap-5 p-4 lg:p-5">
@@ -81,10 +79,11 @@ export function CannotDeleteCardModal() {
 
           <div className="flex flex-col gap-2">
             <h2 className="paragraph-medium-semibold text-zinc-950">
-              {translate('common.cards.cannotDelete.title')}
+              Não é possível excluir este cartão
             </h2>
             <p className="paragraph-small-regular text-zinc-600">
-              {translate('common.cards.cannotDelete.description')}
+              Este cartão está em uso e tem uma assinatura ativa vinculada a ele.
+              Selecione outro cartão como padrão ou adicione um novo.
             </p>
           </div>
         </div>
@@ -92,7 +91,7 @@ export function CannotDeleteCardModal() {
         {availableCards.length > 0 && (
           <div className="flex flex-col gap-3 px-4 lg:px-5 pb-4 lg:pb-5 overflow-y-auto max-h-[200px] flex-1 lg:flex-none">
             <span className="paragraph-xsmall-semibold text-zinc-600">
-              {translate('common.cards.cannotDelete.selectDefault')}
+              Selecione um cartão como padrão:
             </span>
             {availableCards.map((card) => (
               <CardItem
@@ -108,14 +107,14 @@ export function CannotDeleteCardModal() {
         <div className="flex flex-row gap-2 p-4 lg:p-5 border-t border-zinc-200 mt-auto lg:mt-0">
           <Button onClick={handleAddCard} className="h-10! flex-1">
             <IconPlus size={20} />
-            {translate('common.cards.cannotDelete.addNewCard')}
+            Adicionar novo cartão
           </Button>
           <Button
             variant="secondary"
             onClick={() => closeModal()}
             className="h-10! flex-1"
           >
-            {translate('common.actions.cancel')}
+            Cancelar
           </Button>
         </div>
       </DialogContent>