@greatapps/common 1.1.676 → 1.1.678

package/dist/components/modals/cards/AddCardModal.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useCallback, useState } from "react";
+import { useCallback, useState, useEffect } from "react";
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from "../../ui/overlay/Dialog";
 import { Button } from "../../ui/buttons/Button";
 import { Toast } from "../../ui/feedback/Toast";
@@ -8,25 +8,28 @@ import { useModalManager } from "../../../store/useModalManager";
 import { useCreateCard } from "../../../modules/cards/hooks/create-card.hook";
 import { useCreateSetupIntent } from "../../../modules/cards/hooks/create-setup-intent.hook";
 import { useUpdateAccount } from "../../../modules/accounts/hooks/useAccountManagement";
+import { useCurrentAccount } from "../../../modules/accounts/hooks/current-account.hook";
 import { useExternalContracting } from "../../../providers/whitelabel.provider";
-import { CardFormFields, BillingFormFields, cardFormSchema } from "./CardFormFields";
+import { CardFormFields, BillingFormFields, buildCardFormSchema } from "./CardFormFields";
 import { IconX, IconCreditCard, IconCheck, IconChevronRight } from "@tabler/icons-react";
 import { cn } from "../../../infra/utils/clsx";
 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 = {
   cardNumber: false,
   cardExpiry: false,
   cardCvc: false
 };
-const STEPS = [
-  { number: 1, label: "Cobran\xE7a" },
-  { number: 2, label: "Cart\xE3o" }
-];
 function CardStepper({ currentStep }) {
-  return /* @__PURE__ */ jsx("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", children: STEPS.map((step, idx) => {
+  const translate = useTranslations();
+  const steps = [
+    { number: 1, label: translate("common.cards.add.stepBilling") },
+    { number: 2, label: translate("common.cards.add.stepCard") }
+  ];
+  return /* @__PURE__ */ jsx("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", children: steps.map((step, idx) => {
     const isCompleted = currentStep > step.number;
     const isCurrent = currentStep === step.number;
     const isPending = !isCompleted && !isCurrent;
@@ -54,14 +57,17 @@ function CardStepper({ currentStep }) {
           children: step.label
         }
       ),
-      idx < STEPS.length - 1 && /* @__PURE__ */ jsx(IconChevronRight, { size: 16, className: "text-zinc-300 ml-1" })
+      idx < steps.length - 1 && /* @__PURE__ */ jsx(IconChevronRight, { size: 16, className: "text-zinc-300 ml-1" })
     ] }, step.number);
   }) });
 }
 function AddCardModal() {
+  const translate = useTranslations();
   const { activeModal, modalData, closeModal } = useModalManager();
   const isOpen = activeModal === "addCardModal";
   const { isExternalContracting, redirectToExternal } = useExternalContracting();
+  const { data: account } = useCurrentAccount();
+  const isInternational = account?.gateway === "stripe_usd";
   const [currentStep, setCurrentStep] = useState(1);
   const [stripeStatus, setStripeStatus] = useState(INITIAL_STRIPE_STATUS);
   const [stripeErrors, setStripeErrors] = useState({});
@@ -73,7 +79,7 @@ function AddCardModal() {
   const elements = useElements();
   const stripe = useStripe();
   const form = useForm({
-    resolver: zodResolver(cardFormSchema),
+    resolver: zodResolver(buildCardFormSchema(isInternational)),
     mode: "onSubmit",
     reValidateMode: "onChange",
     defaultValues: {
@@ -81,6 +87,11 @@ function AddCardModal() {
       personType: "pf"
     }
   });
+  useEffect(() => {
+    if (isInternational) {
+      form.setValue("country", "US");
+    }
+  }, [isInternational, form]);
   const handleClose = useCallback(() => {
     form.reset();
     setCurrentStep(1);
@@ -99,26 +110,19 @@ function AddCardModal() {
     []
   );
   const handleContinue = useCallback(async () => {
-    const isValid = await form.trigger([
-      "fullName",
-      "cep",
-      "street",
-      "streetNumber",
-      "neighborhood",
-      "city",
-      "state"
-    ]);
+    const fields = isInternational ? ["fullName", "cep", "street", "city", "state"] : ["fullName", "cep", "street", "streetNumber", "neighborhood", "city", "state"];
+    const isValid = await form.trigger(fields);
     if (!isValid) return;
     setCurrentStep(2);
-  }, [form]);
+  }, [form, isInternational]);
   const handleBack = useCallback(() => {
     setCurrentStep(1);
   }, []);
   async function handleSubmit(data) {
     const newStripeErrors = {};
-    if (!stripeStatus.cardNumber) newStripeErrors.cardNumber = "N\xFAmero do cart\xE3o \xE9 obrigat\xF3rio";
-    if (!stripeStatus.cardExpiry) newStripeErrors.cardExpiry = "Data de validade \xE9 obrigat\xF3ria";
-    if (!stripeStatus.cardCvc) newStripeErrors.cardCvc = "C\xF3digo de seguran\xE7a \xE9 obrigat\xF3rio";
+    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");
     setStripeErrors(newStripeErrors);
     const stripeValid = stripeStatus.cardNumber && stripeStatus.cardExpiry && stripeStatus.cardCvc;
     if (!stripeValid) return;
@@ -135,7 +139,7 @@ function AddCardModal() {
             Toast,
             {
               variant: "error",
-              message: "N\xE3o foi poss\xEDvel iniciar a autentica\xE7\xE3o do cart\xE3o, tente novamente.",
+              message: translate("common.cards.add.errorInitAuth"),
               toastId: t
             }
           ),
@@ -143,10 +147,21 @@ function AddCardModal() {
         );
         return;
       }
+      const billingDetails = isInternational ? {
+        name: data.name,
+        address: {
+          line1: data.street,
+          line2: data.complement || void 0,
+          city: data.city,
+          state: data.state,
+          postal_code: data.cep,
+          country: data.country
+        }
+      } : { name: data.name };
       const { setupIntent, error } = await stripe.confirmCardSetup(intent.client_secret, {
         payment_method: {
           card: cardElement,
-          billing_details: { name: data.name }
+          billing_details: billingDetails
         }
       });
       if (error) {
@@ -155,7 +170,7 @@ function AddCardModal() {
             Toast,
             {
               variant: "error",
-              message: error.message || "Falha na autentica\xE7\xE3o do cart\xE3o.",
+              message: error.message || translate("common.cards.add.errorAuth"),
               toastId: t
             }
           ),
@@ -169,7 +184,7 @@ function AddCardModal() {
             Toast,
             {
               variant: "error",
-              message: `Autentica\xE7\xE3o n\xE3o conclu\xEDda (status: ${setupIntent?.status ?? "desconhecido"}).`,
+              message: translate("common.cards.add.errorAuthStatus", { status: setupIntent?.status ?? translate("common.cards.add.statusUnknown") }),
               toastId: t
             }
           ),
@@ -184,14 +199,16 @@ function AddCardModal() {
           set_default: true
         }),
         updateAccountMutation.mutateAsync({
-          financial_document_type: data.personType === "pf" ? 1 : 2,
-          financial_document: data.personType === "pf" ? data.cpf : data.cnpj,
+          ...isInternational ? {} : {
+            financial_document_type: data.personType === "pf" ? 1 : 2,
+            financial_document: data.personType === "pf" ? data.cpf : data.cnpj
+          },
           financial_name: data.fullName,
           zipcode: data.cep,
           address: data.street,
-          address_number: data.streetNumber,
+          address_number: data.streetNumber || "",
           address_complement: data.complement || "",
-          neighborhood: data.neighborhood,
+          neighborhood: data.neighborhood || "",
           city: data.city,
           state: data.state,
           country: data.country
@@ -201,7 +218,7 @@ function AddCardModal() {
         onCardAdded?.(cardResult.data.id.toString());
       }
       toast.custom(
-        (t) => /* @__PURE__ */ jsx(Toast, { variant: "success", message: "Cart\xE3o adicionado com sucesso.", toastId: t }),
+        (t) => /* @__PURE__ */ jsx(Toast, { variant: "success", message: translate("common.cards.add.successToast"), toastId: t }),
         { duration: 5e3 }
       );
       handleClose();
@@ -211,7 +228,7 @@ function AddCardModal() {
           Toast,
           {
             variant: "error",
-            message: "N\xE3o foi poss\xEDvel salvar o seu novo cart\xE3o, tente novamente.",
+            message: translate("common.cards.add.errorSave"),
             toastId: t
           }
         ),
@@ -224,15 +241,15 @@ function AddCardModal() {
   const isSubmitting = createCardMutation.isPending || updateAccountMutation.isPending || form.formState.isSubmitting;
   const watchedValues = form.watch(["name", "country", "personType", "cpf", "cnpj", "fullName", "cep", "street", "streetNumber", "neighborhood", "city", "state"]);
   const [name, country, personType, cpf, cnpj, fullName, cep, street, streetNumber, neighborhood, city, state] = watchedValues;
-  const isBillingValid = !!fullName && !!cep && cep.length >= 9 && !!street && !!streetNumber && !!neighborhood && !!city && !!state;
-  const isCardValid = !!name && !!country && !!personType && (personType === "pf" ? !!cpf && cpf.length >= 14 : !!cnpj && cnpj.length >= 18) && stripeStatus.cardNumber && stripeStatus.cardExpiry && stripeStatus.cardCvc;
+  const isBillingValid = isInternational ? !!fullName && !!cep && !!street && !!city && !!state : !!fullName && !!cep && cep.length >= 9 && !!street && !!streetNumber && !!neighborhood && !!city && !!state;
+  const isCardValid = isInternational ? !!name && !!country && stripeStatus.cardNumber && stripeStatus.cardExpiry && stripeStatus.cardCvc : !!name && !!country && !!personType && (personType === "pf" ? !!cpf && cpf.length >= 14 : !!cnpj && cnpj.length >= 18) && stripeStatus.cardNumber && stripeStatus.cardExpiry && stripeStatus.cardCvc;
   if (isExternalContracting) {
     return /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: handleClose, children: /* @__PURE__ */ jsxs(DialogContent, { className: "flex flex-col p-0 gap-0 w-full md:w-[410px] lg:w-[410px]", children: [
       /* @__PURE__ */ jsxs(DialogHeader, { className: "gap-3 text-left p-5", children: [
         /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-10 h-10 bg-zinc-50 rounded-lg", children: /* @__PURE__ */ jsx(IconCreditCard, { size: 24, className: "text-zinc-950" }) }),
         /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-          /* @__PURE__ */ jsx(DialogTitle, { className: "paragraph-medium-semibold text-zinc-950", children: "Gerenciamento de cart\xF5es indispon\xEDvel" }),
-          /* @__PURE__ */ jsx("span", { className: "paragraph-small-regular text-zinc-600", children: "Acesse sua \xE1rea de assinatura para gerenciar formas de pagamento." })
+          /* @__PURE__ */ jsx(DialogTitle, { className: "paragraph-medium-semibold text-zinc-950", children: translate("common.cards.add.externalTitle") }),
+          /* @__PURE__ */ jsx("span", { className: "paragraph-small-regular text-zinc-600", children: translate("common.cards.add.externalDescription") })
         ] })
       ] }),
       /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 p-5 border-t border-zinc-200", children: /* @__PURE__ */ jsx(
@@ -243,7 +260,7 @@ function AddCardModal() {
             handleClose();
             redirectToExternal("contracting");
           },
-          children: "Acessar \xE1rea de assinatura"
+          children: translate("common.cards.add.externalButton")
         }
       ) })
     ] }) });
@@ -255,7 +272,7 @@ function AddCardModal() {
       className: "flex flex-col p-0 gap-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-[502px] 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-y-auto",
       children: [
         /* @__PURE__ */ jsx(DialogHeader, { className: "p-0", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center px-4 py-3 relative border-b border-zinc-200 lg:border-b-0", children: [
-          /* @__PURE__ */ jsx(DialogTitle, { className: "paragraph-medium-semibold text-zinc-950 text-center", children: "Adicionar cart\xE3o" }),
+          /* @__PURE__ */ jsx(DialogTitle, { className: "paragraph-medium-semibold text-zinc-950 text-center", children: translate("common.cards.add.title") }),
           /* @__PURE__ */ jsx(
             Button,
             {
@@ -275,22 +292,23 @@ function AddCardModal() {
             className: "flex flex-col flex-1 lg:flex-none",
             children: [
               /* @__PURE__ */ jsxs("div", { className: `flex flex-col gap-6 lg:gap-8 p-4 lg:p-5 flex-1 lg:flex-none ${currentStep !== 1 ? "hidden" : ""}`, children: [
-                /* @__PURE__ */ jsx("h2", { className: "font-[family-name:var(--font-outfit)] text-[18px] leading-tight font-semibold text-zinc-950", children: "Adicione suas informa\xE7\xF5es de cobran\xE7a" }),
-                /* @__PURE__ */ jsx(BillingFormFields, { form })
+                /* @__PURE__ */ jsx("h2", { className: "font-[family-name:var(--font-outfit)] text-[18px] leading-tight font-semibold text-zinc-950", children: translate("common.cards.add.billingHeading") }),
+                /* @__PURE__ */ jsx(BillingFormFields, { form, isInternational })
               ] }),
               /* @__PURE__ */ jsxs("div", { className: `flex flex-col gap-6 lg:gap-8 p-4 lg:p-5 flex-1 lg:flex-none ${currentStep !== 2 ? "hidden" : ""}`, children: [
-                /* @__PURE__ */ jsx("h2", { className: "font-[family-name:var(--font-outfit)] text-[18px] leading-tight font-semibold text-zinc-950", children: "Adicione informa\xE7\xF5es do seu cart\xE3o" }),
+                /* @__PURE__ */ jsx("h2", { className: "font-[family-name:var(--font-outfit)] text-[18px] leading-tight font-semibold text-zinc-950", children: translate("common.cards.add.cardHeading") }),
                 /* @__PURE__ */ jsx(
                   CardFormFields,
                   {
                     form,
                     onStripeChange: handleStripeChange,
-                    stripeErrors
+                    stripeErrors,
+                    isInternational
                   }
                 )
               ] }),
               /* @__PURE__ */ jsx("div", { className: "flex justify-between items-center p-4 lg:p-5 border-t border-zinc-200 gap-2 mt-auto lg:mt-0", children: currentStep === 1 ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx(Button, { variant: "secondary", type: "button", onClick: handleClose, className: "h-10!", children: "Cancelar" }),
+                /* @__PURE__ */ jsx(Button, { variant: "secondary", type: "button", onClick: handleClose, className: "h-10!", children: translate("common.actions.cancel") }),
                 /* @__PURE__ */ jsx(
                   Button,
                   {
@@ -298,11 +316,11 @@ function AddCardModal() {
                     className: "h-10!",
                     onClick: handleContinue,
                     disabled: !isBillingValid,
-                    children: "Continuar"
+                    children: translate("common.actions.continue")
                   }
                 )
               ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx(Button, { variant: "secondary", type: "button", onClick: handleBack, className: "h-10!", children: "Voltar" }),
+                /* @__PURE__ */ jsx(Button, { variant: "secondary", type: "button", onClick: handleBack, className: "h-10!", children: translate("common.actions.back") }),
                 /* @__PURE__ */ jsx(
                   Button,
                   {
@@ -310,7 +328,7 @@ function AddCardModal() {
                     className: "h-10!",
                     disabled: isSubmitting || isAuthenticating || !isCardValid,
                     loading: isAuthenticating || isSubmitting,
-                    children: isAuthenticating ? "Autenticando..." : isSubmitting ? "Adicionando cart\xE3o..." : "Adicionar cart\xE3o"
+                    children: isAuthenticating ? translate("common.cards.add.authenticating") : isSubmitting ? translate("common.cards.add.submitting") : translate("common.cards.add.submit")
                   }
                 )
               ] }) })

package/dist/components/modals/cards/AddCardModal.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/modals/cards/AddCardModal.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback, useState } from 'react';\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '../../ui/overlay/Dialog';\nimport { Button } from '../../ui/buttons/Button';\nimport { Toast } from '../../ui/feedback/Toast';\nimport { useModalManager } from '../../../store/useModalManager';\nimport { useCreateCard } from '../../../modules/cards/hooks/create-card.hook';\nimport { useCreateSetupIntent } from '../../../modules/cards/hooks/create-setup-intent.hook';\nimport { useUpdateAccount } from '../../../modules/accounts/hooks/useAccountManagement';\nimport { useExternalContracting } from '../../../providers/whitelabel.provider';\nimport { CardFormFields, BillingFormFields, cardFormSchema } from './CardFormFields';\nimport type { CardFormData, StripeElementsStatus } from './CardFormFields';\nimport { IconX, IconCreditCard, IconCheck, IconChevronRight } from '@tabler/icons-react';\nimport { cn } from '../../../infra/utils/clsx';\nimport { useForm } from 'react-hook-form';\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport { CardNumberElement, useElements, useStripe } from '@stripe/react-stripe-js';\nimport { toast } from 'sonner';\n\nconst INITIAL_STRIPE_STATUS: StripeElementsStatus = {\n  cardNumber: false,\n  cardExpiry: false,\n  cardCvc: false,\n};\n\nconst STEPS = [\n  { number: 1, label: 'Cobrança' },\n  { number: 2, label: 'Cartão' },\n] as const;\n\nfunction CardStepper({ currentStep }: { readonly currentStep: number }) {\n  return (\n    <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\">\n      {STEPS.map((step, idx) => {\n        const isCompleted = currentStep > step.number;\n        const isCurrent = currentStep === step.number;\n        const isPending = !isCompleted && !isCurrent;\n        return (\n          <div key={step.number} className=\"flex items-center gap-2\">\n            <div\n              className={cn(\n                'flex items-center justify-center size-6 rounded-full paragraph-xsmall-semibold',\n                isCompleted && 'bg-green-50 text-green-600 border border-green-200',\n                isCurrent && 'bg-primary text-zinc-950',\n                isPending && 'border border-zinc-200 text-zinc-400',\n              )}\n            >\n              {isCompleted ? (\n                <IconCheck size={14} stroke={3} />\n              ) : (\n                step.number\n              )}\n            </div>\n            <span\n              className={cn(\n                'paragraph-xsmall-semibold',\n                (isCompleted || isCurrent) && 'text-zinc-950',\n                isPending && 'text-zinc-400',\n              )}\n            >\n              {step.label}\n            </span>\n            {idx < STEPS.length - 1 && (\n              <IconChevronRight size={16} className=\"text-zinc-300 ml-1\" />\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n\nexport default function AddCardModal() {\n  const { activeModal, modalData, closeModal } = useModalManager();\n  const isOpen = activeModal === 'addCardModal';\n  const { isExternalContracting, redirectToExternal } = useExternalContracting();\n  const [currentStep, setCurrentStep] = useState(1);\n  const [stripeStatus, setStripeStatus] = useState<StripeElementsStatus>(INITIAL_STRIPE_STATUS);\n  const [stripeErrors, setStripeErrors] = useState<Record<string, string | undefined>>({});\n  const [isAuthenticating, setIsAuthenticating] = useState(false);\n\n  const onCardAdded = modalData.onCardAdded as ((cardId: string) => void) | undefined;\n\n  const createSetupIntentMutation = useCreateSetupIntent();\n  const createCardMutation = useCreateCard();\n  const updateAccountMutation = useUpdateAccount();\n  const elements = useElements();\n  const stripe = useStripe();\n\n  const form = useForm<CardFormData>({\n    resolver: zodResolver(cardFormSchema),\n    mode: 'onSubmit',\n    reValidateMode: 'onChange',\n    defaultValues: {\n      country: 'BR',\n      personType: 'pf',\n    },\n  });\n\n  const handleClose = useCallback(() => {\n    form.reset();\n    setCurrentStep(1);\n    setStripeStatus(INITIAL_STRIPE_STATUS);\n    setStripeErrors({});\n    setIsAuthenticating(false);\n    closeModal();\n  }, [form, closeModal]);\n\n  const handleStripeChange = useCallback(\n    (field: keyof StripeElementsStatus, complete: boolean) => {\n      setStripeStatus((prev) => ({ ...prev, [field]: complete }));\n      if (complete) {\n        setStripeErrors((prev) => ({ ...prev, [field]: undefined }));\n      }\n    },\n    []\n  );\n\n  const handleContinue = useCallback(async () => {\n    const isValid = await form.trigger([\n      'fullName',\n      'cep',\n      'street',\n      'streetNumber',\n      'neighborhood',\n      'city',\n      'state',\n    ]);\n    if (!isValid) return;\n    setCurrentStep(2);\n  }, [form]);\n\n  const handleBack = useCallback(() => {\n    setCurrentStep(1);\n  }, []);\n\n  async function handleSubmit(data: CardFormData) {\n    const newStripeErrors: Record<string, string | undefined> = {};\n    if (!stripeStatus.cardNumber) newStripeErrors.cardNumber = 'Número do cartão é obrigatório';\n    if (!stripeStatus.cardExpiry) newStripeErrors.cardExpiry = 'Data de validade é obrigatória';\n    if (!stripeStatus.cardCvc) newStripeErrors.cardCvc = 'Código de segurança é obrigatório';\n    setStripeErrors(newStripeErrors);\n\n    const stripeValid =\n      stripeStatus.cardNumber && stripeStatus.cardExpiry && stripeStatus.cardCvc;\n    if (!stripeValid) return;\n    if (!stripe || !elements) return;\n\n    const cardElement = elements.getElement(CardNumberElement);\n    if (!cardElement) return;\n\n    setIsAuthenticating(true);\n    try {\n      const intentResult = await createSetupIntentMutation.mutateAsync();\n      const intent = intentResult?.data;\n      if (!intent?.client_secret || !intent?.setup_intent_id) {\n        toast.custom(\n          (t) => (\n            <Toast\n              variant=\"error\"\n              message=\"Não foi possível iniciar a autenticação do cartão, tente novamente.\"\n              toastId={t}\n            />\n          ),\n          { duration: 5000 }\n        );\n        return;\n      }\n\n      const { setupIntent, error } = await stripe.confirmCardSetup(intent.client_secret, {\n        payment_method: {\n          card: cardElement,\n          billing_details: { name: data.name },\n        },\n      });\n\n      if (error) {\n        toast.custom(\n          (t) => (\n            <Toast\n              variant=\"error\"\n              message={error.message || 'Falha na autenticação do cartão.'}\n              toastId={t}\n            />\n          ),\n          { duration: 5000 }\n        );\n        return;\n      }\n\n      if (setupIntent?.status !== 'succeeded') {\n        toast.custom(\n          (t) => (\n            <Toast\n              variant=\"error\"\n              message={`Autenticação não concluída (status: ${setupIntent?.status ?? 'desconhecido'}).`}\n              toastId={t}\n            />\n          ),\n          { duration: 5000 }\n        );\n        return;\n      }\n\n      const [cardResult] = await Promise.all([\n        createCardMutation.mutateAsync({\n          setup_intent_id: intent.setup_intent_id,\n          name: data.name,\n          set_default: true,\n        }),\n        updateAccountMutation.mutateAsync({\n          financial_document_type: data.personType === 'pf' ? 1 : 2,\n          financial_document: data.personType === 'pf' ? data.cpf : data.cnpj,\n          financial_name: data.fullName,\n          zipcode: data.cep,\n          address: data.street,\n          address_number: data.streetNumber,\n          address_complement: data.complement || '',\n          neighborhood: data.neighborhood,\n          city: data.city,\n          state: data.state,\n          country: data.country,\n        }),\n      ]);\n\n      if (cardResult.success && cardResult.data?.id != null) {\n        onCardAdded?.(cardResult.data.id.toString());\n      }\n\n      toast.custom(\n        (t) => <Toast variant=\"success\" message=\"Cartão adicionado com sucesso.\" toastId={t} />,\n        { duration: 5000 }\n      );\n      handleClose();\n    } catch {\n      toast.custom(\n        (t) => (\n          <Toast\n            variant=\"error\"\n            message=\"Não foi possível salvar o seu novo cartão, tente novamente.\"\n            toastId={t}\n          />\n        ),\n        { duration: 5000 }\n      );\n    } finally {\n      setIsAuthenticating(false);\n    }\n  }\n\n  const isSubmitting =\n    createCardMutation.isPending ||\n    updateAccountMutation.isPending ||\n    form.formState.isSubmitting;\n\n  const watchedValues = form.watch(['name', 'country', 'personType', 'cpf', 'cnpj', 'fullName', 'cep', 'street', 'streetNumber', 'neighborhood', 'city', 'state']);\n  const [name, country, personType, cpf, cnpj, fullName, cep, street, streetNumber, neighborhood, city, state] = watchedValues;\n  const isBillingValid =\n    !!fullName &&\n    !!cep && cep.length >= 9 &&\n    !!street &&\n    !!streetNumber &&\n    !!neighborhood &&\n    !!city &&\n    !!state;\n  const isCardValid =\n    !!name &&\n    !!country &&\n    !!personType &&\n    (personType === 'pf' ? !!cpf && cpf.length >= 14 : !!cnpj && cnpj.length >= 18) &&\n    stripeStatus.cardNumber &&\n    stripeStatus.cardExpiry &&\n    stripeStatus.cardCvc;\n\n  if (isExternalContracting) {\n    return (\n      <Dialog open={isOpen} onOpenChange={handleClose}>\n        <DialogContent className=\"flex flex-col p-0 gap-0 w-full md:w-[410px] lg:w-[410px]\">\n          <DialogHeader className=\"gap-3 text-left p-5\">\n            <div className=\"flex items-center justify-center w-10 h-10 bg-zinc-50 rounded-lg\">\n              <IconCreditCard size={24} className=\"text-zinc-950\" />\n            </div>\n            <div className=\"flex flex-col gap-2\">\n              <DialogTitle className=\"paragraph-medium-semibold text-zinc-950\">\n                Gerenciamento de cartões indisponível\n              </DialogTitle>\n              <span className=\"paragraph-small-regular text-zinc-600\">\n                Acesse sua área de assinatura para gerenciar formas de pagamento.\n              </span>\n            </div>\n          </DialogHeader>\n          <div className=\"flex items-center gap-2 p-5 border-t border-zinc-200\">\n            <Button\n              className=\"w-fit h-10!\"\n              onClick={() => {\n                handleClose();\n                redirectToExternal('contracting');\n              }}\n            >\n              Acessar área de assinatura\n            </Button>\n          </div>\n        </DialogContent>\n      </Dialog>\n    );\n  }\n\n  return (\n    <Dialog open={isOpen} onOpenChange={handleClose}>\n      <DialogContent\n        showCloseButton={false}\n        className=\"flex flex-col p-0 gap-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-[502px] 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-y-auto\"\n      >\n        <DialogHeader className=\"p-0\">\n          <div className=\"flex items-center justify-center px-4 py-3 relative border-b border-zinc-200 lg:border-b-0\">\n            <DialogTitle className=\"paragraph-medium-semibold text-zinc-950 text-center\">\n              Adicionar cartão\n            </DialogTitle>\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              className=\"size-8! p-0 absolute right-4\"\n              onClick={handleClose}\n            >\n              <IconX size={18} />\n            </Button>\n          </div>\n        </DialogHeader>\n\n        <CardStepper currentStep={currentStep} />\n\n        <form\n          onSubmit={form.handleSubmit(handleSubmit)}\n          className=\"flex flex-col flex-1 lg:flex-none\"\n        >\n          <div className={`flex flex-col gap-6 lg:gap-8 p-4 lg:p-5 flex-1 lg:flex-none ${currentStep !== 1 ? 'hidden' : ''}`}>\n            <h2 className=\"font-[family-name:var(--font-outfit)] text-[18px] leading-tight font-semibold text-zinc-950\">\n              Adicione suas informações de cobrança\n            </h2>\n            <BillingFormFields form={form} />\n          </div>\n          <div className={`flex flex-col gap-6 lg:gap-8 p-4 lg:p-5 flex-1 lg:flex-none ${currentStep !== 2 ? 'hidden' : ''}`}>\n            <h2 className=\"font-[family-name:var(--font-outfit)] text-[18px] leading-tight font-semibold text-zinc-950\">\n              Adicione informações do seu cartão\n            </h2>\n            <CardFormFields\n              form={form}\n              onStripeChange={handleStripeChange}\n              stripeErrors={stripeErrors}\n            />\n          </div>\n\n          <div className=\"flex justify-between items-center p-4 lg:p-5 border-t border-zinc-200 gap-2 mt-auto lg:mt-0\">\n            {currentStep === 1 ? (\n              <>\n                <Button variant=\"secondary\" type=\"button\" onClick={handleClose} className=\"h-10!\">\n                  Cancelar\n                </Button>\n                <Button\n                  type=\"button\"\n                  className=\"h-10!\"\n                  onClick={handleContinue}\n                  disabled={!isBillingValid}\n                >\n                  Continuar\n                </Button>\n              </>\n            ) : (\n              <>\n                <Button variant=\"secondary\" type=\"button\" onClick={handleBack} className=\"h-10!\">\n                  Voltar\n                </Button>\n                <Button\n                  type=\"submit\"\n                  className=\"h-10!\"\n                  disabled={isSubmitting || isAuthenticating || !isCardValid}\n                  loading={isAuthenticating || isSubmitting}\n                >\n                  {isAuthenticating\n                    ? 'Autenticando...'\n                    : isSubmitting\n                      ? 'Adicionando cartão...'\n                      : 'Adicionar cartão'}\n                </Button>\n              </>\n            )}\n          </div>\n        </form>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/components/modals/cards/AddCardModal.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback, useState, useEffect } from 'react';\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '../../ui/overlay/Dialog';\nimport { Button } from '../../ui/buttons/Button';\nimport { Toast } from '../../ui/feedback/Toast';\nimport { useModalManager } from '../../../store/useModalManager';\nimport { useCreateCard } from '../../../modules/cards/hooks/create-card.hook';\nimport { useCreateSetupIntent } from '../../../modules/cards/hooks/create-setup-intent.hook';\nimport { useUpdateAccount } from '../../../modules/accounts/hooks/useAccountManagement';\nimport { useCurrentAccount } from '../../../modules/accounts/hooks/current-account.hook';\nimport { useExternalContracting } from '../../../providers/whitelabel.provider';\nimport { CardFormFields, BillingFormFields, buildCardFormSchema } from './CardFormFields';\nimport type { CardFormData, StripeElementsStatus } from './CardFormFields';\nimport { IconX, IconCreditCard, IconCheck, IconChevronRight } from '@tabler/icons-react';\nimport { cn } from '../../../infra/utils/clsx';\nimport { useForm } from 'react-hook-form';\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport { CardNumberElement, useElements, useStripe } from '@stripe/react-stripe-js';\nimport { toast } from 'sonner';\nimport { useTranslations } from 'next-intl';\n\nconst INITIAL_STRIPE_STATUS: StripeElementsStatus = {\n  cardNumber: false,\n  cardExpiry: false,\n  cardCvc: false,\n};\n\nfunction CardStepper({ currentStep }: { readonly currentStep: number }) {\n  const translate = useTranslations();\n  const steps = [\n    { number: 1, label: translate('common.cards.add.stepBilling') },\n    { number: 2, label: translate('common.cards.add.stepCard') },\n  ];\n  return (\n    <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\">\n      {steps.map((step, idx) => {\n        const isCompleted = currentStep > step.number;\n        const isCurrent = currentStep === step.number;\n        const isPending = !isCompleted && !isCurrent;\n        return (\n          <div key={step.number} className=\"flex items-center gap-2\">\n            <div\n              className={cn(\n                'flex items-center justify-center size-6 rounded-full paragraph-xsmall-semibold',\n                isCompleted && 'bg-green-50 text-green-600 border border-green-200',\n                isCurrent && 'bg-primary text-zinc-950',\n                isPending && 'border border-zinc-200 text-zinc-400',\n              )}\n            >\n              {isCompleted ? (\n                <IconCheck size={14} stroke={3} />\n              ) : (\n                step.number\n              )}\n            </div>\n            <span\n              className={cn(\n                'paragraph-xsmall-semibold',\n                (isCompleted || isCurrent) && 'text-zinc-950',\n                isPending && 'text-zinc-400',\n              )}\n            >\n              {step.label}\n            </span>\n            {idx < steps.length - 1 && (\n              <IconChevronRight size={16} className=\"text-zinc-300 ml-1\" />\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n\nexport default function AddCardModal() {\n  const translate = useTranslations();\n  const { activeModal, modalData, closeModal } = useModalManager();\n  const isOpen = activeModal === 'addCardModal';\n  const { isExternalContracting, redirectToExternal } = useExternalContracting();\n  const { data: account } = useCurrentAccount();\n  const isInternational = account?.gateway === 'stripe_usd';\n  const [currentStep, setCurrentStep] = useState(1);\n  const [stripeStatus, setStripeStatus] = useState<StripeElementsStatus>(INITIAL_STRIPE_STATUS);\n  const [stripeErrors, setStripeErrors] = useState<Record<string, string | undefined>>({});\n  const [isAuthenticating, setIsAuthenticating] = useState(false);\n\n  const onCardAdded = modalData.onCardAdded as ((cardId: string) => void) | undefined;\n\n  const createSetupIntentMutation = useCreateSetupIntent();\n  const createCardMutation = useCreateCard();\n  const updateAccountMutation = useUpdateAccount();\n  const elements = useElements();\n  const stripe = useStripe();\n\n  const form = useForm<CardFormData>({\n    resolver: zodResolver(buildCardFormSchema(isInternational)),\n    mode: 'onSubmit',\n    reValidateMode: 'onChange',\n    defaultValues: {\n      country: 'BR',\n      personType: 'pf',\n    },\n  });\n\n  useEffect(() => {\n    if (isInternational) {\n      form.setValue('country', 'US');\n    }\n  }, [isInternational, form]);\n\n  const handleClose = useCallback(() => {\n    form.reset();\n    setCurrentStep(1);\n    setStripeStatus(INITIAL_STRIPE_STATUS);\n    setStripeErrors({});\n    setIsAuthenticating(false);\n    closeModal();\n  }, [form, closeModal]);\n\n  const handleStripeChange = useCallback(\n    (field: keyof StripeElementsStatus, complete: boolean) => {\n      setStripeStatus((prev) => ({ ...prev, [field]: complete }));\n      if (complete) {\n        setStripeErrors((prev) => ({ ...prev, [field]: undefined }));\n      }\n    },\n    []\n  );\n\n  const handleContinue = useCallback(async () => {\n    const fields: (keyof CardFormData)[] = isInternational\n      ? ['fullName', 'cep', 'street', 'city', 'state']\n      : ['fullName', 'cep', 'street', 'streetNumber', 'neighborhood', 'city', 'state'];\n    const isValid = await form.trigger(fields);\n    if (!isValid) return;\n    setCurrentStep(2);\n  }, [form, isInternational]);\n\n  const handleBack = useCallback(() => {\n    setCurrentStep(1);\n  }, []);\n\n  async function handleSubmit(data: CardFormData) {\n    const newStripeErrors: Record<string, string | undefined> = {};\n    if (!stripeStatus.cardNumber) newStripeErrors.cardNumber = translate('common.cards.form.cardNumberRequired');\n    if (!stripeStatus.cardExpiry) newStripeErrors.cardExpiry = translate('common.cards.form.cardExpiryRequired');\n    if (!stripeStatus.cardCvc) newStripeErrors.cardCvc = translate('common.cards.form.cardCvcRequired');\n    setStripeErrors(newStripeErrors);\n\n    const stripeValid =\n      stripeStatus.cardNumber && stripeStatus.cardExpiry && stripeStatus.cardCvc;\n    if (!stripeValid) return;\n    if (!stripe || !elements) return;\n\n    const cardElement = elements.getElement(CardNumberElement);\n    if (!cardElement) return;\n\n    setIsAuthenticating(true);\n    try {\n      const intentResult = await createSetupIntentMutation.mutateAsync();\n      const intent = intentResult?.data;\n      if (!intent?.client_secret || !intent?.setup_intent_id) {\n        toast.custom(\n          (t) => (\n            <Toast\n              variant=\"error\"\n              message={translate('common.cards.add.errorInitAuth')}\n              toastId={t}\n            />\n          ),\n          { duration: 5000 }\n        );\n        return;\n      }\n\n      const billingDetails = isInternational\n        ? {\n            name: data.name,\n            address: {\n              line1: data.street,\n              line2: data.complement || undefined,\n              city: data.city,\n              state: data.state,\n              postal_code: data.cep,\n              country: data.country,\n            },\n          }\n        : { name: data.name };\n\n      const { setupIntent, error } = await stripe.confirmCardSetup(intent.client_secret, {\n        payment_method: {\n          card: cardElement,\n          billing_details: billingDetails,\n        },\n      });\n\n      if (error) {\n        toast.custom(\n          (t) => (\n            <Toast\n              variant=\"error\"\n              message={error.message || translate('common.cards.add.errorAuth')}\n              toastId={t}\n            />\n          ),\n          { duration: 5000 }\n        );\n        return;\n      }\n\n      if (setupIntent?.status !== 'succeeded') {\n        toast.custom(\n          (t) => (\n            <Toast\n              variant=\"error\"\n              message={translate('common.cards.add.errorAuthStatus', { status: setupIntent?.status ?? translate('common.cards.add.statusUnknown') })}\n              toastId={t}\n            />\n          ),\n          { duration: 5000 }\n        );\n        return;\n      }\n\n      const [cardResult] = await Promise.all([\n        createCardMutation.mutateAsync({\n          setup_intent_id: intent.setup_intent_id,\n          name: data.name,\n          set_default: true,\n        }),\n        updateAccountMutation.mutateAsync({\n          ...(isInternational\n            ? {}\n            : {\n                financial_document_type: data.personType === 'pf' ? 1 : 2,\n                financial_document: data.personType === 'pf' ? data.cpf : data.cnpj,\n              }),\n          financial_name: data.fullName,\n          zipcode: data.cep,\n          address: data.street,\n          address_number: data.streetNumber || '',\n          address_complement: data.complement || '',\n          neighborhood: data.neighborhood || '',\n          city: data.city,\n          state: data.state,\n          country: data.country,\n        }),\n      ]);\n\n      if (cardResult.success && cardResult.data?.id != null) {\n        onCardAdded?.(cardResult.data.id.toString());\n      }\n\n      toast.custom(\n        (t) => <Toast variant=\"success\" message={translate('common.cards.add.successToast')} toastId={t} />,\n        { duration: 5000 }\n      );\n      handleClose();\n    } catch {\n      toast.custom(\n        (t) => (\n          <Toast\n            variant=\"error\"\n            message={translate('common.cards.add.errorSave')}\n            toastId={t}\n          />\n        ),\n        { duration: 5000 }\n      );\n    } finally {\n      setIsAuthenticating(false);\n    }\n  }\n\n  const isSubmitting =\n    createCardMutation.isPending ||\n    updateAccountMutation.isPending ||\n    form.formState.isSubmitting;\n\n  const watchedValues = form.watch(['name', 'country', 'personType', 'cpf', 'cnpj', 'fullName', 'cep', 'street', 'streetNumber', 'neighborhood', 'city', 'state']);\n  const [name, country, personType, cpf, cnpj, fullName, cep, street, streetNumber, neighborhood, city, state] = watchedValues;\n  const isBillingValid = isInternational\n    ? !!fullName && !!cep && !!street && !!city && !!state\n    : !!fullName &&\n      !!cep && cep.length >= 9 &&\n      !!street &&\n      !!streetNumber &&\n      !!neighborhood &&\n      !!city &&\n      !!state;\n  const isCardValid = isInternational\n    ? !!name && !!country && stripeStatus.cardNumber && stripeStatus.cardExpiry && stripeStatus.cardCvc\n    : !!name &&\n      !!country &&\n      !!personType &&\n      (personType === 'pf' ? !!cpf && cpf.length >= 14 : !!cnpj && cnpj.length >= 18) &&\n      stripeStatus.cardNumber &&\n      stripeStatus.cardExpiry &&\n      stripeStatus.cardCvc;\n\n  if (isExternalContracting) {\n    return (\n      <Dialog open={isOpen} onOpenChange={handleClose}>\n        <DialogContent className=\"flex flex-col p-0 gap-0 w-full md:w-[410px] lg:w-[410px]\">\n          <DialogHeader className=\"gap-3 text-left p-5\">\n            <div className=\"flex items-center justify-center w-10 h-10 bg-zinc-50 rounded-lg\">\n              <IconCreditCard size={24} className=\"text-zinc-950\" />\n            </div>\n            <div className=\"flex flex-col gap-2\">\n              <DialogTitle className=\"paragraph-medium-semibold text-zinc-950\">\n                {translate('common.cards.add.externalTitle')}\n              </DialogTitle>\n              <span className=\"paragraph-small-regular text-zinc-600\">\n                {translate('common.cards.add.externalDescription')}\n              </span>\n            </div>\n          </DialogHeader>\n          <div className=\"flex items-center gap-2 p-5 border-t border-zinc-200\">\n            <Button\n              className=\"w-fit h-10!\"\n              onClick={() => {\n                handleClose();\n                redirectToExternal('contracting');\n              }}\n            >\n              {translate('common.cards.add.externalButton')}\n            </Button>\n          </div>\n        </DialogContent>\n      </Dialog>\n    );\n  }\n\n  return (\n    <Dialog open={isOpen} onOpenChange={handleClose}>\n      <DialogContent\n        showCloseButton={false}\n        className=\"flex flex-col p-0 gap-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-[502px] 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-y-auto\"\n      >\n        <DialogHeader className=\"p-0\">\n          <div className=\"flex items-center justify-center px-4 py-3 relative border-b border-zinc-200 lg:border-b-0\">\n            <DialogTitle className=\"paragraph-medium-semibold text-zinc-950 text-center\">\n              {translate('common.cards.add.title')}\n            </DialogTitle>\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              className=\"size-8! p-0 absolute right-4\"\n              onClick={handleClose}\n            >\n              <IconX size={18} />\n            </Button>\n          </div>\n        </DialogHeader>\n\n        <CardStepper currentStep={currentStep} />\n\n        <form\n          onSubmit={form.handleSubmit(handleSubmit)}\n          className=\"flex flex-col flex-1 lg:flex-none\"\n        >\n          <div className={`flex flex-col gap-6 lg:gap-8 p-4 lg:p-5 flex-1 lg:flex-none ${currentStep !== 1 ? 'hidden' : ''}`}>\n            <h2 className=\"font-[family-name:var(--font-outfit)] text-[18px] leading-tight font-semibold text-zinc-950\">\n              {translate('common.cards.add.billingHeading')}\n            </h2>\n            <BillingFormFields form={form} isInternational={isInternational} />\n          </div>\n          <div className={`flex flex-col gap-6 lg:gap-8 p-4 lg:p-5 flex-1 lg:flex-none ${currentStep !== 2 ? 'hidden' : ''}`}>\n            <h2 className=\"font-[family-name:var(--font-outfit)] text-[18px] leading-tight font-semibold text-zinc-950\">\n              {translate('common.cards.add.cardHeading')}\n            </h2>\n            <CardFormFields\n              form={form}\n              onStripeChange={handleStripeChange}\n              stripeErrors={stripeErrors}\n              isInternational={isInternational}\n            />\n          </div>\n\n          <div className=\"flex justify-between items-center p-4 lg:p-5 border-t border-zinc-200 gap-2 mt-auto lg:mt-0\">\n            {currentStep === 1 ? (\n              <>\n                <Button variant=\"secondary\" type=\"button\" onClick={handleClose} className=\"h-10!\">\n                  {translate('common.actions.cancel')}\n                </Button>\n                <Button\n                  type=\"button\"\n                  className=\"h-10!\"\n                  onClick={handleContinue}\n                  disabled={!isBillingValid}\n                >\n                  {translate('common.actions.continue')}\n                </Button>\n              </>\n            ) : (\n              <>\n                <Button variant=\"secondary\" type=\"button\" onClick={handleBack} className=\"h-10!\">\n                  {translate('common.actions.back')}\n                </Button>\n                <Button\n                  type=\"submit\"\n                  className=\"h-10!\"\n                  disabled={isSubmitting || isAuthenticating || !isCardValid}\n                  loading={isAuthenticating || isSubmitting}\n                >\n                  {isAuthenticating\n                    ? translate('common.cards.add.authenticating')\n                    : isSubmitting\n                      ? translate('common.cards.add.submitting')\n                      : translate('common.cards.add.submit')}\n                </Button>\n              </>\n            )}\n          </div>\n        </form>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/modals/cards/CannotDeleteCardModal.mjs

@@ -11,7 +11,9 @@ import { useModalManager } from "../../../store/useModalManager";
 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 { useTranslations } from "next-intl";
 function CannotDeleteCardModal() {
+  const translate = useTranslations();
   const { activeModal, modalData, closeModal, openModal } = useModalManager();
   const { data: cardsData } = useCards();
   const { mutateAsync: updatePayment } = useUpdateSubscriptionPayment();
@@ -40,7 +42,7 @@ function CannotDeleteCardModal() {
             Toast,
             {
               variant: "error",
-              message: error instanceof Error ? error.message : "Erro ao atualizar cart\xE3o da assinatura",
+              message: error instanceof Error ? error.message : translate("common.cards.cannotDelete.errorUpdateCard"),
               toastId: t
             }
           ),
@@ -55,17 +57,17 @@ function CannotDeleteCardModal() {
     openModal("addCardModal", { showDefaultToggle: true });
   }, [openModal, closeModal]);
   return /* @__PURE__ */ jsxs(Dialog, { open: isOpen, onOpenChange: (open) => !open && closeModal(), children: [
-    /* @__PURE__ */ jsx(DialogTitle, { className: "sr-only", children: "N\xE3o \xE9 poss\xEDvel excluir este cart\xE3o" }),
+    /* @__PURE__ */ jsx(DialogTitle, { className: "sr-only", children: translate("common.cards.cannotDelete.title") }),
     /* @__PURE__ */ jsxs(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", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-5 p-4 lg:p-5", children: [
         /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center size-10 bg-red-50 rounded-lg", children: /* @__PURE__ */ jsx(IconAlertTriangle, { className: "size-6 text-red-500" }) }),
         /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-          /* @__PURE__ */ jsx("h2", { className: "paragraph-medium-semibold text-zinc-950", children: "N\xE3o \xE9 poss\xEDvel excluir este cart\xE3o" }),
-          /* @__PURE__ */ jsx("p", { className: "paragraph-small-regular text-zinc-600", children: "Este cart\xE3o est\xE1 em uso e tem uma assinatura ativa vinculada a ele. Selecione outro cart\xE3o como padr\xE3o ou adicione um novo." })
+          /* @__PURE__ */ jsx("h2", { className: "paragraph-medium-semibold text-zinc-950", children: translate("common.cards.cannotDelete.title") }),
+          /* @__PURE__ */ jsx("p", { className: "paragraph-small-regular text-zinc-600", children: translate("common.cards.cannotDelete.description") })
         ] })
       ] }),
       availableCards.length > 0 && /* @__PURE__ */ jsxs("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", children: [
-        /* @__PURE__ */ jsx("span", { className: "paragraph-xsmall-semibold text-zinc-600", children: "Selecione um cart\xE3o como padr\xE3o:" }),
+        /* @__PURE__ */ jsx("span", { className: "paragraph-xsmall-semibold text-zinc-600", children: translate("common.cards.cannotDelete.selectDefault") }),
         availableCards.map((card) => /* @__PURE__ */ jsx(
           CardItem,
           {
@@ -79,7 +81,7 @@ function CannotDeleteCardModal() {
       /* @__PURE__ */ jsxs("div", { className: "flex flex-row gap-2 p-4 lg:p-5 border-t border-zinc-200 mt-auto lg:mt-0", children: [
         /* @__PURE__ */ jsxs(Button, { onClick: handleAddCard, className: "h-10! flex-1", children: [
           /* @__PURE__ */ jsx(IconPlus, { size: 20 }),
-          "Adicionar novo cart\xE3o"
+          translate("common.cards.cannotDelete.addNewCard")
         ] }),
         /* @__PURE__ */ jsx(
           Button,
@@ -87,7 +89,7 @@ function CannotDeleteCardModal() {
             variant: "secondary",
             onClick: () => closeModal(),
             className: "h-10! flex-1",
-            children: "Cancelar"
+            children: translate("common.actions.cancel")
           }
         )
       ] })

package/dist/components/modals/cards/CannotDeleteCardModal.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/modals/cards/CannotDeleteCardModal.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback } from 'react';\nimport { Dialog, DialogContent, DialogTitle } from '../../ui/overlay/Dialog';\nimport { Button } from '../../ui/buttons/Button';\nimport { Toast } from '../../ui/feedback/Toast';\nimport { CardItem } from '../../ui/data-display/CardItem';\nimport { IconAlertTriangle, IconPlus } from '@tabler/icons-react';\nimport { toast } from 'sonner';\nimport { useModalManager } from '../../../store/useModalManager';\nimport { useCards } from '../../../modules/cards/hooks/cards.hook';\nimport { useActiveSubscription } from '../../../modules/subscriptions/hooks/find-active-subscription.hook';\nimport { useUpdateSubscriptionPayment } from '../../../modules/subscriptions/hooks/update-subscription-payment.hook';\nimport type { Card } from '../../../modules/cards/types';\n\nexport function CannotDeleteCardModal() {\n  const { activeModal, modalData, closeModal, openModal } = useModalManager();\n  const { data: cardsData } = useCards();\n  const { mutateAsync: updatePayment } = useUpdateSubscriptionPayment();\n  const { data: subscriptionData } = useActiveSubscription();\n  const activeSubscription = subscriptionData?.data?.[0] ?? null;\n\n  const isOpen = activeModal === 'cannotDeleteCardModal';\n  const cardToDeleteId = modalData.cardId as string | undefined;\n\n  const allCards = cardsData?.data ?? [];\n  const cardToDelete = allCards.find((c) => c.id.toString() === cardToDeleteId);\n  const availableCards = allCards.filter((c) => c.id.toString() !== cardToDeleteId);\n\n  const handleSelectCard = useCallback(\n    async (card: Card) => {\n      if (!activeSubscription || !cardToDelete) return;\n\n      try {\n        await updatePayment({\n          subscriptionId: activeSubscription.id,\n          data: { id_card: card.id.toString(), payment_method: 1 },\n        });\n\n        closeModal();\n        openModal('deleteCardModal', {\n          cardId: cardToDelete.id.toString(),\n        });\n      } catch (error) {\n        toast.custom(\n          (t) => (\n            <Toast\n              variant=\"error\"\n              message={\n                error instanceof Error\n                  ? error.message\n                  : 'Erro ao atualizar cartão da assinatura'\n              }\n              toastId={t}\n            />\n          ),\n          { duration: 5000 },\n        );\n      }\n    },\n    [updatePayment, activeSubscription, closeModal, openModal, cardToDelete],\n  );\n\n  const handleAddCard = useCallback(() => {\n    closeModal();\n    openModal('addCardModal', { showDefaultToggle: true });\n  }, [openModal, closeModal]);\n\n  return (\n    <Dialog open={isOpen} onOpenChange={(open) => !open && closeModal()}>\n      <DialogTitle className=\"sr-only\">\n        Não é possível excluir este cartão\n      </DialogTitle>\n      <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\">\n        <div className=\"flex flex-col gap-5 p-4 lg:p-5\">\n          <div className=\"flex items-center justify-center size-10 bg-red-50 rounded-lg\">\n            <IconAlertTriangle className=\"size-6 text-red-500\" />\n          </div>\n\n          <div className=\"flex flex-col gap-2\">\n            <h2 className=\"paragraph-medium-semibold text-zinc-950\">\n              Não é possível excluir este cartão\n            </h2>\n            <p className=\"paragraph-small-regular text-zinc-600\">\n              Este cartão está em uso e tem uma assinatura ativa vinculada a ele.\n              Selecione outro cartão como padrão ou adicione um novo.\n            </p>\n          </div>\n        </div>\n\n        {availableCards.length > 0 && (\n          <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\">\n            <span className=\"paragraph-xsmall-semibold text-zinc-600\">\n              Selecione um cartão como padrão:\n            </span>\n            {availableCards.map((card) => (\n              <CardItem\n                key={card.id}\n                card={card}\n                onSelect={() => handleSelectCard(card)}\n                showMenu={false}\n              />\n            ))}\n          </div>\n        )}\n\n        <div className=\"flex flex-row gap-2 p-4 lg:p-5 border-t border-zinc-200 mt-auto lg:mt-0\">\n          <Button onClick={handleAddCard} className=\"h-10! flex-1\">\n            <IconPlus size={20} />\n            Adicionar novo cartão\n          </Button>\n          <Button\n            variant=\"secondary\"\n            onClick={() => closeModal()}\n            className=\"h-10! flex-1\"\n          >\n            Cancelar\n          </Button>\n        </div>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/components/modals/cards/CannotDeleteCardModal.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback } from 'react';\nimport { Dialog, DialogContent, DialogTitle } from '../../ui/overlay/Dialog';\nimport { Button } from '../../ui/buttons/Button';\nimport { Toast } from '../../ui/feedback/Toast';\nimport { CardItem } from '../../ui/data-display/CardItem';\nimport { IconAlertTriangle, IconPlus } from '@tabler/icons-react';\nimport { toast } from 'sonner';\nimport { useModalManager } from '../../../store/useModalManager';\nimport { useCards } from '../../../modules/cards/hooks/cards.hook';\nimport { useActiveSubscription } from '../../../modules/subscriptions/hooks/find-active-subscription.hook';\nimport { useUpdateSubscriptionPayment } from '../../../modules/subscriptions/hooks/update-subscription-payment.hook';\nimport type { Card } from '../../../modules/cards/types';\nimport { useTranslations } from 'next-intl';\n\nexport function CannotDeleteCardModal() {\n  const translate = useTranslations();\n  const { activeModal, modalData, closeModal, openModal } = useModalManager();\n  const { data: cardsData } = useCards();\n  const { mutateAsync: updatePayment } = useUpdateSubscriptionPayment();\n  const { data: subscriptionData } = useActiveSubscription();\n  const activeSubscription = subscriptionData?.data?.[0] ?? null;\n\n  const isOpen = activeModal === 'cannotDeleteCardModal';\n  const cardToDeleteId = modalData.cardId as string | undefined;\n\n  const allCards = cardsData?.data ?? [];\n  const cardToDelete = allCards.find((c) => c.id.toString() === cardToDeleteId);\n  const availableCards = allCards.filter((c) => c.id.toString() !== cardToDeleteId);\n\n  const handleSelectCard = useCallback(\n    async (card: Card) => {\n      if (!activeSubscription || !cardToDelete) return;\n\n      try {\n        await updatePayment({\n          subscriptionId: activeSubscription.id,\n          data: { id_card: card.id.toString(), payment_method: 1 },\n        });\n\n        closeModal();\n        openModal('deleteCardModal', {\n          cardId: cardToDelete.id.toString(),\n        });\n      } catch (error) {\n        toast.custom(\n          (t) => (\n            <Toast\n              variant=\"error\"\n              message={\n                error instanceof Error\n                  ? error.message\n                  : translate('common.cards.cannotDelete.errorUpdateCard')\n              }\n              toastId={t}\n            />\n          ),\n          { duration: 5000 },\n        );\n      }\n    },\n    [updatePayment, activeSubscription, closeModal, openModal, cardToDelete],\n  );\n\n  const handleAddCard = useCallback(() => {\n    closeModal();\n    openModal('addCardModal', { showDefaultToggle: true });\n  }, [openModal, closeModal]);\n\n  return (\n    <Dialog open={isOpen} onOpenChange={(open) => !open && closeModal()}>\n      <DialogTitle className=\"sr-only\">\n        {translate('common.cards.cannotDelete.title')}\n      </DialogTitle>\n      <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\">\n        <div className=\"flex flex-col gap-5 p-4 lg:p-5\">\n          <div className=\"flex items-center justify-center size-10 bg-red-50 rounded-lg\">\n            <IconAlertTriangle className=\"size-6 text-red-500\" />\n          </div>\n\n          <div className=\"flex flex-col gap-2\">\n            <h2 className=\"paragraph-medium-semibold text-zinc-950\">\n              {translate('common.cards.cannotDelete.title')}\n            </h2>\n            <p className=\"paragraph-small-regular text-zinc-600\">\n              {translate('common.cards.cannotDelete.description')}\n            </p>\n          </div>\n        </div>\n\n        {availableCards.length > 0 && (\n          <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\">\n            <span className=\"paragraph-xsmall-semibold text-zinc-600\">\n              {translate('common.cards.cannotDelete.selectDefault')}\n            </span>\n            {availableCards.map((card) => (\n              <CardItem\n                key={card.id}\n                card={card}\n                onSelect={() => handleSelectCard(card)}\n                showMenu={false}\n              />\n            ))}\n          </div>\n        )}\n\n        <div className=\"flex flex-row gap-2 p-4 lg:p-5 border-t border-zinc-200 mt-auto lg:mt-0\">\n          <Button onClick={handleAddCard} className=\"h-10! flex-1\">\n            <IconPlus size={20} />\n            {translate('common.cards.cannotDelete.addNewCard')}\n          </Button>\n          <Button\n            variant=\"secondary\"\n            onClick={() => closeModal()}\n            className=\"h-10! flex-1\"\n          >\n            {translate('common.actions.cancel')}\n          </Button>\n        </div>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":"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","names":[]}