@greatapps/common 1.1.674 → 1.1.675

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>

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

@@ -16,7 +16,6 @@ import {
   CardExpiryElement,
   CardNumberElement,
 } from "@stripe/react-stripe-js";
-import { useTranslations } from "next-intl";
 
 const stripeElementOptions = {
   style: {
@@ -92,7 +91,6 @@ export function CardFormFields({
   onStripeChange,
   stripeErrors,
 }: CardFormFieldsProps) {
-  const translate = useTranslations();
   const {
     register,
     watch,
@@ -105,8 +103,8 @@ export function CardFormFields({
   return (
     <div className="flex flex-col gap-5">
       <FormField
-        label={translate('common.cards.form.nameOnCard')}
-        placeholder={translate('common.cards.form.typeHere')}
+        label="Nome impresso no cartão"
+        placeholder="Digite aqui"
         {...register("name")}
         error={!!errors.name}
         errorMessage={errors.name?.message}
@@ -114,7 +112,7 @@ export function CardFormFields({
 
       <div className="flex flex-col gap-1.5">
         <label className="paragraph-xsmall-semibold text-zinc-600">
-          {translate('common.cards.form.cardNumber')}
+          Número do cartão
         </label>
         <div className="h-10 px-3 flex items-center w-full border border-zinc-200 rounded-lg bg-white transition-colors focus-within:border-zinc-400 relative">
           <div className="w-full">
@@ -136,7 +134,7 @@ export function CardFormFields({
       <div className="flex gap-4">
         <div className="flex-1 flex flex-col gap-1.5">
           <label className="paragraph-xsmall-semibold text-zinc-600">
-            {translate('common.cards.form.cardExpiry')}
+            Data de validade
           </label>
           <div className="h-10 px-3 flex items-center w-full border border-zinc-200 rounded-lg bg-white transition-colors focus-within:border-zinc-400">
             <div className="w-full">
@@ -156,7 +154,7 @@ export function CardFormFields({
         </div>
 
         <div className="flex-1 flex flex-col gap-1.5">
-          <label className="paragraph-xsmall-semibold text-zinc-600">{translate('common.cards.form.cardCvc')}</label>
+          <label className="paragraph-xsmall-semibold text-zinc-600">CVC</label>
           <div className="h-10 px-3 flex items-center w-full border border-zinc-200 rounded-lg bg-white transition-colors focus-within:border-zinc-400">
             <div className="w-full">
               <CardCvcElement
@@ -176,8 +174,8 @@ export function CardFormFields({
       </div>
 
       <SelectField
-        label={translate('common.cards.form.country')}
-        placeholder={translate('common.cards.form.select')}
+        label="País"
+        placeholder="Selecione"
         value={watch("country")}
         onChange={(value) => setValue("country", value as string)}
         options={COUNTRIES.map((c) => ({ value: c.iso, label: c.name }))}
@@ -185,8 +183,8 @@ export function CardFormFields({
 
       <div className="flex gap-4">
         <SelectField
-          label={translate('common.cards.form.personType')}
-          placeholder={translate('common.cards.form.select')}
+          label="Tipo de pessoa"
+          placeholder="Selecione"
           value={personType}
           onChange={(value) => {
             setValue("personType", value as "pf" | "pj");
@@ -194,15 +192,15 @@ export function CardFormFields({
             setValue("cnpj", "");
           }}
           options={[
-            { value: "pf", label: translate('common.cards.form.personTypePf') },
-            { value: "pj", label: translate('common.cards.form.personTypePj') },
+            { value: "pf", label: "Pessoa física" },
+            { value: "pj", label: "Pessoa jurídica" },
           ]}
           containerClassName="flex-1"
         />
         <div className="flex-1">
           {personType === "pj" ? (
             <FormField
-              label={translate('common.cards.form.cnpj')}
+              label="CNPJ"
               placeholder="__.___.___/____-__"
               {...register("cnpj", {
                 onChange: (e) => {
@@ -214,7 +212,7 @@ export function CardFormFields({
             />
           ) : (
             <FormField
-              label={translate('common.cards.form.cpf')}
+              label="CPF"
               placeholder="___.___.___-__"
               {...register("cpf", {
                 onChange: (e) => {
@@ -236,7 +234,6 @@ type BillingFormFieldsProps = {
 };
 
 export function BillingFormFields({ form }: BillingFormFieldsProps) {
-  const translate = useTranslations();
   const {
     register,
     setValue,
@@ -267,15 +264,15 @@ export function BillingFormFields({ form }: BillingFormFieldsProps) {
   return (
     <div className="flex flex-col gap-5">
       <FormField
-        label={translate('common.cards.form.fullName')}
-        placeholder={translate('common.cards.form.typeHere')}
+        label="Nome completo"
+        placeholder="Digite aqui"
         {...register("fullName")}
         error={!!errors.fullName}
         errorMessage={errors.fullName?.message}
       />
 
       <FormField
-        label={translate('common.cards.form.cep')}
+        label="CEP"
         placeholder="_____-___"
         {...register("cep", {
           onChange: (e) => handleCepChange(e.target.value),
@@ -287,7 +284,7 @@ export function BillingFormFields({ form }: BillingFormFieldsProps) {
       <div className="flex gap-4">
         <div className="flex-[4]">
           <FormField
-            label={translate('common.cards.form.street')}
+            label="Endereço"
             placeholder=""
             {...register("street")}
             error={!!errors.street}
@@ -296,7 +293,7 @@ export function BillingFormFields({ form }: BillingFormFieldsProps) {
         </div>
         <div className="flex-[1]">
           <FormField
-            label={translate('common.cards.form.streetNumber')}
+            label="Número"
             placeholder=""
             {...register("streetNumber")}
             error={!!errors.streetNumber}
@@ -308,7 +305,7 @@ export function BillingFormFields({ form }: BillingFormFieldsProps) {
       <div className="flex gap-4">
         <div className="flex-1">
           <FormField
-            label={translate('common.cards.form.city')}
+            label="Cidade"
             placeholder=""
             {...register("city")}
             error={!!errors.city}
@@ -317,7 +314,7 @@ export function BillingFormFields({ form }: BillingFormFieldsProps) {
         </div>
         <div className="flex-1">
           <FormField
-            label={translate('common.cards.form.state')}
+            label="UF"
             placeholder=""
             {...register("state")}
             error={!!errors.state}
@@ -328,14 +325,14 @@ export function BillingFormFields({ form }: BillingFormFieldsProps) {
 
       <div className="flex gap-4">
         <FormField
-          label={translate('common.cards.form.neighborhood')}
+          label="Bairro"
           placeholder=""
           {...register("neighborhood")}
           error={!!errors.neighborhood}
           errorMessage={errors.neighborhood?.message}
         />
         <FormField
-          label={translate('common.cards.form.complement')}
+          label="Complemento"
           optional
           placeholder=""
           {...register("complement")}

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

@@ -17,10 +17,8 @@ import { useModalManager } from '../../../store/useModalManager';
 import { useDeleteConfirmation } from '../../../modules/cards/hooks/delete-confirmation.hook';
 import { useDeleteCard } from '../../../modules/cards/hooks/delete-card.hook';
 import { useCards } from '../../../modules/cards/hooks/cards.hook';
-import { useTranslations } from 'next-intl';
 
 export function DeleteCardModal() {
-  const translate = useTranslations();
   const { activeModal, modalData, closeModal } = useModalManager();
   const { form, isValidConfirmation, resetConfirmation } = useDeleteConfirmation();
   const deleteCard = useDeleteCard();
@@ -52,7 +50,7 @@ export function DeleteCardModal() {
             message={
               error instanceof Error
                 ? error.message
-                : translate('common.cards.delete.errorToast')
+                : 'Não foi possível excluir o cartão'
             }
           />
         ),
@@ -69,7 +67,7 @@ export function DeleteCardModal() {
       (t) => (
         <Toast
           variant="success"
-          message={translate('common.cards.delete.successToast', { digits: cardLastDigits })}
+          message={`O cartão •••• ${cardLastDigits} foi excluído com sucesso`}
           toastId={t}
         />
       ),
@@ -87,10 +85,10 @@ export function DeleteCardModal() {
             </div>
             <div className="flex flex-col gap-2">
               <DialogTitle className="paragraph-medium-semibold text-zinc-950">
-                {translate('common.cards.delete.title')}
+                Excluir cartão
               </DialogTitle>
               <DialogDescription className="paragraph-small-regular text-zinc-600">
-                {translate('common.cards.delete.description')}{' '}
+                Deseja realmente excluir o cartão:{' '}
                 <span className="font-semibold text-zinc-950">
                   •••• {cardLastDigits}
                 </span>
@@ -101,9 +99,9 @@ export function DeleteCardModal() {
 
           <div className="px-4 lg:px-5 py-5">
             <FormField
-              label={translate('common.cards.delete.confirmLabel')}
+              label="Digite EXCLUIR abaixo"
               required
-              placeholder={translate('common.cards.delete.confirmPlaceholder')}
+              placeholder="EXCLUIR"
               {...form.register('confirmText')}
             />
           </div>
@@ -115,7 +113,7 @@ export function DeleteCardModal() {
               loading={form.formState.isSubmitting}
               className="h-10!"
             >
-              {form.formState.isSubmitting ? translate('common.cards.delete.deleting') : translate('common.actions.delete')}
+              {form.formState.isSubmitting ? 'Excluindo...' : 'Excluir'}
             </Button>
             <Button
               type="button"
@@ -124,7 +122,7 @@ export function DeleteCardModal() {
               onClick={handleClose}
               disabled={form.formState.isSubmitting}
             >
-              {translate('common.actions.cancel')}
+              Cancelar
             </Button>
           </div>
         </form>

package/src/components/navigation/CancelledSubscriptionBanner.tsx

@@ -5,14 +5,12 @@ import { IconAlertOctagon, IconX } from '@tabler/icons-react';
 import { useActiveSubscription } from '../../modules/subscriptions/hooks/find-active-subscription.hook';
 import { toCalendarDate } from '../../infra/utils/date';
 import { getSubscriptionExpiryDate } from '../../modules/subscriptions/utils/get-subscription-expiry-date';
-import { useTranslations } from 'next-intl';
 
 interface CancelledSubscriptionBannerProps {
   onReactivate?: () => void;
 }
 
 export function CancelledSubscriptionBanner({ onReactivate }: CancelledSubscriptionBannerProps) {
-  const translate = useTranslations();
   const { data: { data: [subscription] = [] } = {} } = useActiveSubscription();
   const [visible, setVisible] = useState(true);
   const [animated, setAnimated] = useState(false);
@@ -42,7 +40,7 @@ export function CancelledSubscriptionBanner({ onReactivate }: CancelledSubscript
         <div className="flex items-center gap-2 flex-1 w-full sm:w-auto">
           <IconAlertOctagon size={16} className="text-white shrink-0" />
           <span className="paragraph-xsmall-semibold text-white">
-            {translate('common.navigation.banners.cancelled.message')}
+            Assinatura cancelada! Suas páginas foram retiradas do ar.
           </span>
         </div>
         <div className="flex items-center gap-1.5 w-full sm:w-auto justify-between sm:justify-start">
@@ -52,7 +50,7 @@ export function CancelledSubscriptionBanner({ onReactivate }: CancelledSubscript
             onClick={onReactivate}
           >
             <span className="paragraph-xsmall-semibold text-white underline">
-              {translate('common.navigation.banners.cancelled.choosePlan')}
+              Escolher um novo plano
             </span>
           </button>
           <button type="button" className="cursor-pointer shrink-0" onClick={dismiss}>

package/src/components/navigation/OverdueInvoiceBanner.tsx

@@ -2,14 +2,12 @@
 
 import { useState, useEffect, useCallback } from 'react';
 import { IconAlertTriangle, IconX } from '@tabler/icons-react';
-import { useTranslations } from 'next-intl';
 
 interface OverdueInvoiceBannerProps {
   onDetails?: () => void;
 }
 
 export function OverdueInvoiceBanner({ onDetails }: OverdueInvoiceBannerProps) {
-  const translate = useTranslations();
   const [visible, setVisible] = useState(true);
   const [animated, setAnimated] = useState(false);
 
@@ -30,7 +28,7 @@ export function OverdueInvoiceBanner({ onDetails }: OverdueInvoiceBannerProps) {
         <div className="flex items-center gap-2 flex-1 w-full sm:w-auto">
           <IconAlertTriangle size={16} className="text-white shrink-0" />
           <span className="paragraph-xsmall-semibold text-white">
-            {translate('common.navigation.banners.overdue.message')}
+            Sua assinatura está atrasada e suas páginas podem ser retiradas do ar a qualquer momento.
           </span>
         </div>
         <div className="flex items-center gap-1.5 w-full sm:w-auto justify-between sm:justify-start">
@@ -39,7 +37,7 @@ export function OverdueInvoiceBanner({ onDetails }: OverdueInvoiceBannerProps) {
             className="flex items-center justify-center p-1.5 cursor-pointer"
             onClick={onDetails}
           >
-            <span className="paragraph-xsmall-semibold text-white underline">{translate('common.navigation.banners.overdue.details')}</span>
+            <span className="paragraph-xsmall-semibold text-white underline">Detalhes</span>
           </button>
           <button type="button" className="cursor-pointer shrink-0" onClick={dismiss}>
             <IconX size={18} className="text-orange-200" />

package/src/components/navigation/PendingCancellationBanner.tsx

@@ -3,7 +3,6 @@
 import { useState, useEffect, useCallback } from 'react';
 import { IconAlertTriangle, IconX } from '@tabler/icons-react';
 import { formatShortDate } from '../../infra/utils/date';
-import { useTranslations } from 'next-intl';
 
 interface PendingCancellationBannerProps {
   limitDate?: Date | null;
@@ -14,7 +13,6 @@ export function PendingCancellationBanner({
   limitDate,
   onReactivate,
 }: PendingCancellationBannerProps) {
-  const translate = useTranslations();
   const [visible, setVisible] = useState(true);
   const [animated, setAnimated] = useState(false);
 
@@ -37,7 +35,7 @@ export function PendingCancellationBanner({
         <div className="flex items-center gap-2 flex-1 w-full sm:w-auto">
           <IconAlertTriangle size={16} className="text-zinc-950 shrink-0" />
           <span className="paragraph-xsmall-semibold text-zinc-950">
-            {translate('common.navigation.banners.pending.message', { limitDate: formattedLimitDate ?? '' })}
+            Sua assinatura foi cancelada, você possui até {formattedLimitDate} com suas páginas online.
           </span>
         </div>
         <div className="flex items-center gap-1.5 w-full sm:w-auto justify-between sm:justify-start">
@@ -47,7 +45,7 @@ export function PendingCancellationBanner({
             onClick={onReactivate}
           >
             <span className="paragraph-xsmall-semibold text-zinc-950 underline">
-              {translate('common.navigation.banners.pending.reactivate')}
+              Reativar assinatura
             </span>
           </button>
           <button type="button" className="cursor-pointer shrink-0" onClick={dismiss}>

package/src/components/navigation/ProjectSelectorPopover.tsx

@@ -1,7 +1,6 @@
 'use client';
 
 import { Dispatch, RefObject, SetStateAction, UIEvent, useCallback } from 'react';
-import { useTranslations } from 'next-intl';
 import {
   Button,
   Command,
@@ -62,7 +61,6 @@ export function ProjectSelectorPopover({
   onSearchChange,
   children,
 }: ProjectSelectorPopoverProps) {
-  const translate = useTranslations();
   const handleListScroll = useCallback((event: UIEvent<HTMLDivElement>) => {
     if (!hasNextPage || isFetchingNextPage || !onLoadMore) return;
 
@@ -98,10 +96,10 @@ export function ProjectSelectorPopover({
       >
         <div className="flex flex-col p-3 gap-2">
           <div className="flex items-center justify-between">
-            <span className="paragraph-small-semibold">{translate('common.navigation.projectSelector.title')}</span>
+            <span className="paragraph-small-semibold">Projetos</span>
           </div>
           <Command className="gap-2" defaultValue=" " shouldFilter={!onSearchChange} value=" " onValueChange={() => {}}>
-            <CommandInput placeholder={translate('common.navigation.projectSelector.searchPlaceholder')} value={search} onValueChange={onSearchChange} />
+            <CommandInput placeholder="Busque aqui" value={search} onValueChange={onSearchChange} />
             <CommandList
               className="custom-scrollbar paragraph-small-medium text-gray-600 max-h-[227px]"
               onScroll={handleListScroll}
@@ -117,14 +115,14 @@ export function ProjectSelectorPopover({
                 <div className="flex flex-col items-center justify-center gap-2 h-full text-gray-400 py-4">
                   <IconFolderOpen size={28} className="text-gray-300" />
                   <span className="paragraph-small-medium text-center text-gray-500">
-                    {translate('common.navigation.projectSelector.emptyLine1')}
+                    Nenhum projeto encontrado.
                     <br />
-                    {translate('common.navigation.projectSelector.emptyLine2')}
+                    Crie um projeto para começar.
                   </span>
                 </div>
               ) : (
                 <>
-                  <CommandEmpty>{translate('common.navigation.projectSelector.noResults')}</CommandEmpty>
+                  <CommandEmpty>Nenhum resultado encontrado.</CommandEmpty>
                   {projects.map((project) => {
                     const isSelected = selectedProject?.id === project.id;
                     return (
@@ -169,7 +167,7 @@ export function ProjectSelectorPopover({
                 className="h-10! paragraph-small-medium text-gray-600 hover:text-gray-950 hover:bg-zinc-50 w-full justify-center"
                 onClick={onManageProjects}
               >
-                {translate('common.navigation.projectSelector.manageProjects')}
+                Gerenciar projetos
               </Button>
             </>
           )}