@greatapps/common 1.1.738 → 1.1.739

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

@@ -7,8 +7,8 @@ import { Toast } from "../../ui/feedback/Toast";
 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 { isValidTaxId } from "../../../utils/validators/common";
 import { useExternalContracting } from "../../../providers/whitelabel.provider";
 import { CardFormFields, BillingFormFields, buildCardFormSchema } from "./CardFormFields";
 import { IconX, IconCreditCard, IconCheck, IconChevronRight } from "@tabler/icons-react";
@@ -75,7 +75,6 @@ function AddCardModal() {
   const onCardAdded = modalData.onCardAdded;
   const createSetupIntentMutation = useCreateSetupIntent();
   const createCardMutation = useCreateCard();
-  const updateAccountMutation = useUpdateAccount();
   const elements = useElements();
   const stripe = useStripe();
   const form = useForm({
@@ -192,28 +191,24 @@ function AddCardModal() {
         );
         return;
       }
-      const [cardResult] = await Promise.all([
-        createCardMutation.mutateAsync({
-          setup_intent_id: intent.setup_intent_id,
-          name: data.name,
-          set_default: true
-        }),
-        updateAccountMutation.mutateAsync({
-          ...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_complement: data.complement || "",
-          neighborhood: data.neighborhood || "",
-          city: data.city,
-          state: data.state,
-          country: data.country
-        })
-      ]);
+      const cardResult = await createCardMutation.mutateAsync({
+        setup_intent_id: intent.setup_intent_id,
+        name: data.name,
+        set_default: true,
+        ...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_complement: data.complement || "",
+        neighborhood: data.neighborhood || "",
+        city: data.city,
+        state: data.state,
+        country: data.country
+      });
       if (cardResult.success && cardResult.data?.id != null) {
         onCardAdded?.(cardResult.data.id.toString());
       }
@@ -222,13 +217,14 @@ function AddCardModal() {
         { duration: 5e3 }
       );
       handleClose();
-    } catch {
+    } catch (error) {
+      const backendMessage = error instanceof Error && error.message ? error.message : null;
       toast.custom(
         (t) => /* @__PURE__ */ jsx(
           Toast,
           {
             variant: "error",
-            message: translate("common.cards.add.errorSave"),
+            message: backendMessage || translate("common.cards.add.errorSave"),
             toastId: t
           }
         ),
@@ -238,11 +234,13 @@ function AddCardModal() {
       setIsAuthenticating(false);
     }
   }
-  const isSubmitting = createCardMutation.isPending || updateAccountMutation.isPending || form.formState.isSubmitting;
+  const isSubmitting = createCardMutation.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 = 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;
+  const isCardValid = isInternational ? !!name && !!country && stripeStatus.cardNumber && stripeStatus.cardExpiry && stripeStatus.cardCvc : !!name && !!country && !!personType && /* Dígito verificador, em sincronia com o schema (buildCardFormSchema) e com a validação
+   * do backend — a regra antiga de tamanho deixava 111.111.111-11 habilitar o botão. */
+  (personType === "pf" ? isValidTaxId(cpf, "cpf") : isValidTaxId(cnpj, "cnpj")) && 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: [

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, 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":[]}
+{"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 { useCurrentAccount } from '../../../modules/accounts/hooks/current-account.hook';\nimport { isValidTaxId } from '../../../utils/validators/common';\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 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      /* Chamada ÚNICA: os dados fiscais vão no mesmo request do cartão. O backend atualiza a\n       * conta ANTES de registrar o cartão, fail-closed — fiscal rejeitado (CPF inválido etc.)\n       * = cartão não registra e o erro chega com a mensagem específica no catch abaixo.\n       * Substitui o Promise.all de createCard + updateAccount, que não tinha garantia entre as\n       * pernas: quando o PUT de conta falhava, o cartão ficava salvo e a conta sem NENHUM dado\n       * fiscal — e as faturas seguintes falhavam a emissão de nota em silêncio. */\n      const cardResult = await createCardMutation.mutateAsync({\n        setup_intent_id: intent.setup_intent_id,\n        name: data.name,\n        set_default: true,\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      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 (error) {\n      /* O backend fail-closed devolve a razão exata da recusa (ex.: \"CPF do pagador inválido —\n       * confira os dígitos verificadores\"), e o withAction relança como Error com essa mensagem.\n       * Engolir num texto genérico deixaria o usuário sem saber o que corrigir. */\n      const backendMessage = error instanceof Error && error.message ? error.message : null;\n      toast.custom(\n        (t) => (\n          <Toast\n            variant=\"error\"\n            message={backendMessage || 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    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      /* Dígito verificador, em sincronia com o schema (buildCardFormSchema) e com a validação\n       * do backend — a regra antiga de tamanho deixava 111.111.111-11 habilitar o botão. */\n      (personType === 'pf' ? isValidTaxId(cpf, 'cpf') : isValidTaxId(cnpj, 'cnpj')) &&\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/CardFormFields.mjs

@@ -9,6 +9,7 @@ import {
   formatCNPJ,
   formatPostalCode
 } from "../../../utils/format/masks";
+import { isValidCPF, isValidCNPJ } from "../../../utils/validators/common";
 import z from "zod";
 import {
   CardCvcElement,
@@ -45,16 +46,16 @@ function buildCardFormSchema(isInternational) {
     complement: z.string().optional()
   });
   if (isInternational) return base;
-  return base.refine(
-    (data) => {
-      if (data.personType === "pf") return !!data.cpf && data.cpf.length >= 14;
-      return !!data.cnpj && data.cnpj.length >= 18;
-    },
-    {
-      message: "Documento \xE9 obrigat\xF3rio",
-      path: ["cpf"]
+  return base.superRefine((data, ctx) => {
+    const valid = data.personType === "pf" ? isValidCPF(data.cpf) : isValidCNPJ(data.cnpj);
+    if (!valid) {
+      ctx.addIssue({
+        code: "custom",
+        message: data.personType === "pf" ? "CPF inv\xE1lido \u2014 confira os d\xEDgitos verificadores" : "CNPJ inv\xE1lido \u2014 confira os d\xEDgitos verificadores",
+        path: ["cpf"]
+      });
     }
-  );
+  });
 }
 const cardFormSchema = buildCardFormSchema(false);
 const STEP1_FIELDS = [

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/modals/cards/CardFormFields.tsx"],"sourcesContent":["\"use client\";\n\nimport { UseFormReturn } from \"react-hook-form\";\nimport { useViaCep } from \"../../../modules/accounts/hooks/useViaCep\";\nimport { FormField } from \"../../ui/form/FormField\";\nimport { SelectField } from \"../../ui/form/SelectField\";\nimport { COUNTRIES } from \"../../../utils/countries\";\nimport {\n  formatCPF,\n  formatCNPJ,\n  formatPostalCode,\n} from \"../../../utils/format/masks\";\nimport z from \"zod\";\nimport {\n  CardCvcElement,\n  CardExpiryElement,\n  CardNumberElement,\n} from \"@stripe/react-stripe-js\";\nimport { useTranslations } from \"next-intl\";\n\nconst stripeElementOptions = {\n  style: {\n    base: {\n      fontSize: \"16px\",\n      color: \"#030712\",\n      fontFamily: \"Inter, sans-serif\",\n      \"::placeholder\": {\n        color: \"#9ca3af\",\n      },\n    },\n  },\n};\n\nexport function buildCardFormSchema(isInternational: boolean) {\n  const base = z.object({\n    name: z.string().min(1, \"Nome é obrigatório\"),\n    country: z.string().min(1, \"País é obrigatório\"),\n    personType: z.enum([\"pf\", \"pj\"]).optional(),\n    cpf: z.string().optional(),\n    cnpj: z.string().optional(),\n    fullName: z.string().min(1, \"Nome completo é obrigatório\"),\n    cep: z.string().min(isInternational ? 1 : 9, isInternational ? \"Código postal é obrigatório\" : \"CEP é obrigatório\"),\n    street: z.string().min(1, \"Endereço é obrigatório\"),\n    streetNumber: isInternational ? z.string().optional() : z.string().min(1, \"Número é obrigatório\"),\n    city: z.string().min(1, \"Cidade é obrigatória\"),\n    state: z.string().min(1, \"UF é obrigatório\"),\n    neighborhood: isInternational ? z.string().optional() : z.string().min(1, \"Bairro é obrigatório\"),\n    complement: z.string().optional(),\n  });\n  if (isInternational) return base;\n  return base.refine(\n    (data) => {\n      if (data.personType === \"pf\") return !!data.cpf && data.cpf.length >= 14;\n      return !!data.cnpj && data.cnpj.length >= 18;\n    },\n    {\n      message: \"Documento é obrigatório\",\n      path: [\"cpf\"],\n    },\n  );\n}\n\nexport const cardFormSchema = buildCardFormSchema(false);\n\nexport type CardFormData = z.infer<typeof cardFormSchema>;\n\nexport type StripeElementsStatus = {\n  cardNumber: boolean;\n  cardExpiry: boolean;\n  cardCvc: boolean;\n};\n\nexport const STEP1_FIELDS = [\n  \"name\",\n  \"country\",\n  \"personType\",\n  \"cpf\",\n  \"cnpj\",\n] as const;\n\ntype CardFormFieldsProps = {\n  readonly form: UseFormReturn<CardFormData>;\n  readonly onStripeChange: (\n    field: keyof StripeElementsStatus,\n    complete: boolean,\n  ) => void;\n  readonly stripeErrors: {\n    cardNumber?: string;\n    cardExpiry?: string;\n    cardCvc?: string;\n  };\n  readonly isInternational?: boolean;\n};\n\nexport function CardFormFields({\n  form,\n  onStripeChange,\n  stripeErrors,\n  isInternational = false,\n}: CardFormFieldsProps) {\n  const translate = useTranslations();\n  const {\n    register,\n    watch,\n    setValue,\n    formState: { errors },\n  } = form;\n\n  const personType = watch(\"personType\");\n\n  return (\n    <div className=\"flex flex-col gap-5\">\n      <FormField\n        label={translate('common.cards.form.nameOnCard')}\n        placeholder={translate('common.cards.form.typeHere')}\n        {...register(\"name\")}\n        error={!!errors.name}\n        errorMessage={errors.name?.message}\n      />\n\n      <div className=\"flex flex-col gap-1.5\">\n        <label className=\"paragraph-xsmall-semibold text-zinc-600\">\n          {translate('common.cards.form.cardNumber')}\n        </label>\n        <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\">\n          <div className=\"w-full\">\n            <CardNumberElement\n              options={{ ...stripeElementOptions, showIcon: true }}\n              onChange={(e: { complete: boolean }) =>\n                onStripeChange(\"cardNumber\", e.complete)\n              }\n            />\n          </div>\n        </div>\n        {stripeErrors.cardNumber && (\n          <p className=\"paragraph-xsmall-semibold text-red-600\">\n            {stripeErrors.cardNumber}\n          </p>\n        )}\n      </div>\n\n      <div className=\"flex gap-4\">\n        <div className=\"flex-1 flex flex-col gap-1.5\">\n          <label className=\"paragraph-xsmall-semibold text-zinc-600\">\n            {translate('common.cards.form.cardExpiry')}\n          </label>\n          <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\">\n            <div className=\"w-full\">\n              <CardExpiryElement\n                options={stripeElementOptions}\n                onChange={(e: { complete: boolean }) =>\n                  onStripeChange(\"cardExpiry\", e.complete)\n                }\n              />\n            </div>\n          </div>\n          {stripeErrors.cardExpiry && (\n            <p className=\"paragraph-xsmall-semibold text-red-600\">\n              {stripeErrors.cardExpiry}\n            </p>\n          )}\n        </div>\n\n        <div className=\"flex-1 flex flex-col gap-1.5\">\n          <label className=\"paragraph-xsmall-semibold text-zinc-600\">{translate('common.cards.form.cardCvc')}</label>\n          <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\">\n            <div className=\"w-full\">\n              <CardCvcElement\n                options={stripeElementOptions}\n                onChange={(e: { complete: boolean }) =>\n                  onStripeChange(\"cardCvc\", e.complete)\n                }\n              />\n            </div>\n          </div>\n          {stripeErrors.cardCvc && (\n            <p className=\"paragraph-xsmall-semibold text-red-600\">\n              {stripeErrors.cardCvc}\n            </p>\n          )}\n        </div>\n      </div>\n\n      <SelectField\n        label={translate('common.cards.form.country')}\n        placeholder={translate('common.cards.form.select')}\n        value={watch(\"country\")}\n        onChange={(value) => setValue(\"country\", value as string)}\n        options={COUNTRIES.map((c) => ({ value: c.iso, label: c.name }))}\n      />\n\n      {!isInternational && (\n        <div className=\"flex gap-4\">\n          <SelectField\n            label={translate('common.cards.form.personType')}\n            placeholder={translate('common.cards.form.select')}\n            value={personType}\n            onChange={(value) => {\n              setValue(\"personType\", value as \"pf\" | \"pj\");\n              setValue(\"cpf\", \"\");\n              setValue(\"cnpj\", \"\");\n            }}\n            options={[\n              { value: \"pf\", label: translate('common.cards.form.personTypePf') },\n              { value: \"pj\", label: translate('common.cards.form.personTypePj') },\n            ]}\n            containerClassName=\"flex-1\"\n          />\n          <div className=\"flex-1\">\n            {personType === \"pj\" ? (\n              <FormField\n                label={translate('common.cards.form.cnpj')}\n                placeholder=\"__.___.___/____-__\"\n                {...register(\"cnpj\", {\n                  onChange: (e) => {\n                    setValue(\"cnpj\", formatCNPJ(e.target.value));\n                  },\n                })}\n                error={!!errors.cpf}\n                errorMessage={errors.cpf?.message}\n              />\n            ) : (\n              <FormField\n                label={translate('common.cards.form.cpf')}\n                placeholder=\"___.___.___-__\"\n                {...register(\"cpf\", {\n                  onChange: (e) => {\n                    setValue(\"cpf\", formatCPF(e.target.value));\n                  },\n                })}\n                error={!!errors.cpf}\n                errorMessage={errors.cpf?.message}\n              />\n            )}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n\ntype BillingFormFieldsProps = {\n  readonly form: UseFormReturn<CardFormData>;\n  readonly isInternational?: boolean;\n};\n\nexport function BillingFormFields({ form, isInternational = false }: BillingFormFieldsProps) {\n  const translate = useTranslations();\n  const {\n    register,\n    setValue,\n    formState: { errors },\n  } = form;\n\n  const { mutateAsync: lookupCep } = useViaCep();\n\n  const handleCepChange = (rawValue: string) => {\n    if (isInternational) {\n      setValue(\"cep\", rawValue);\n      return;\n    }\n    const masked = formatPostalCode(rawValue);\n    setValue(\"cep\", masked);\n\n    const digits = rawValue.replace(/\\D/g, \"\");\n    if (digits.length === 8) {\n      lookupCep(digits)\n        .then((data) => {\n          setValue(\"street\", data.logradouro, { shouldValidate: true });\n          setValue(\"neighborhood\", data.bairro, { shouldValidate: true });\n          setValue(\"city\", data.localidade, { shouldValidate: true });\n          setValue(\"state\", data.uf, { shouldValidate: true });\n        })\n        .catch(() => {\n          // silently ignore — user can fill manually\n        });\n    }\n  };\n\n  return (\n    <div className=\"flex flex-col gap-5\">\n      <FormField\n        label={translate('common.cards.form.fullName')}\n        placeholder={translate('common.cards.form.typeHere')}\n        {...register(\"fullName\")}\n        error={!!errors.fullName}\n        errorMessage={errors.fullName?.message}\n      />\n\n      <FormField\n        label={isInternational ? translate('common.cards.form.postalCode') : translate('common.cards.form.cep')}\n        placeholder={isInternational ? \"\" : \"_____-___\"}\n        {...register(\"cep\", {\n          onChange: (e) => handleCepChange(e.target.value),\n        })}\n        error={!!errors.cep}\n        errorMessage={errors.cep?.message}\n      />\n\n      <div className=\"flex gap-4\">\n        <div className=\"flex-[4]\">\n          <FormField\n            label={translate('common.cards.form.street')}\n            placeholder=\"\"\n            {...register(\"street\")}\n            error={!!errors.street}\n            errorMessage={errors.street?.message}\n          />\n        </div>\n        <div className=\"flex-[1]\">\n          <FormField\n            label={translate('common.cards.form.streetNumber')}\n            placeholder=\"\"\n            {...register(\"streetNumber\")}\n            error={!!errors.streetNumber}\n            errorMessage={errors.streetNumber?.message}\n          />\n        </div>\n      </div>\n\n      <div className=\"flex gap-4\">\n        <div className=\"flex-1\">\n          <FormField\n            label={translate('common.cards.form.city')}\n            placeholder=\"\"\n            {...register(\"city\")}\n            error={!!errors.city}\n            errorMessage={errors.city?.message}\n          />\n        </div>\n        <div className=\"flex-1\">\n          <FormField\n            label={isInternational ? translate('common.cards.form.stateProvince') : translate('common.cards.form.state')}\n            placeholder=\"\"\n            {...register(\"state\")}\n            error={!!errors.state}\n            errorMessage={errors.state?.message}\n          />\n        </div>\n      </div>\n\n      <div className=\"flex gap-4\">\n        {!isInternational && (\n          <FormField\n            label={translate('common.cards.form.neighborhood')}\n            placeholder=\"\"\n            {...register(\"neighborhood\")}\n            error={!!errors.neighborhood}\n            errorMessage={errors.neighborhood?.message}\n          />\n        )}\n        <FormField\n          label={translate('common.cards.form.complement')}\n          optional\n          placeholder=\"\"\n          {...register(\"complement\")}\n          error={!!errors.complement}\n          errorMessage={errors.complement?.message}\n        />\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/components/modals/cards/CardFormFields.tsx"],"sourcesContent":["\"use client\";\n\nimport { UseFormReturn } from \"react-hook-form\";\nimport { useViaCep } from \"../../../modules/accounts/hooks/useViaCep\";\nimport { FormField } from \"../../ui/form/FormField\";\nimport { SelectField } from \"../../ui/form/SelectField\";\nimport { COUNTRIES } from \"../../../utils/countries\";\nimport {\n  formatCPF,\n  formatCNPJ,\n  formatPostalCode,\n} from \"../../../utils/format/masks\";\nimport { isValidCPF, isValidCNPJ } from \"../../../utils/validators/common\";\nimport z from \"zod\";\nimport {\n  CardCvcElement,\n  CardExpiryElement,\n  CardNumberElement,\n} from \"@stripe/react-stripe-js\";\nimport { useTranslations } from \"next-intl\";\n\nconst stripeElementOptions = {\n  style: {\n    base: {\n      fontSize: \"16px\",\n      color: \"#030712\",\n      fontFamily: \"Inter, sans-serif\",\n      \"::placeholder\": {\n        color: \"#9ca3af\",\n      },\n    },\n  },\n};\n\nexport function buildCardFormSchema(isInternational: boolean) {\n  const base = z.object({\n    name: z.string().min(1, \"Nome é obrigatório\"),\n    country: z.string().min(1, \"País é obrigatório\"),\n    personType: z.enum([\"pf\", \"pj\"]).optional(),\n    cpf: z.string().optional(),\n    cnpj: z.string().optional(),\n    fullName: z.string().min(1, \"Nome completo é obrigatório\"),\n    cep: z.string().min(isInternational ? 1 : 9, isInternational ? \"Código postal é obrigatório\" : \"CEP é obrigatório\"),\n    street: z.string().min(1, \"Endereço é obrigatório\"),\n    streetNumber: isInternational ? z.string().optional() : z.string().min(1, \"Número é obrigatório\"),\n    city: z.string().min(1, \"Cidade é obrigatória\"),\n    state: z.string().min(1, \"UF é obrigatório\"),\n    neighborhood: isInternational ? z.string().optional() : z.string().min(1, \"Bairro é obrigatório\"),\n    complement: z.string().optional(),\n  });\n  if (isInternational) return base;\n  /* Dígito verificador (mesmo algoritmo do backend, ver utils/validators/common): a regra\n   * antiga era só tamanho da string mascarada — 111.111.111-11 passava aqui e estourava\n   * depois no servidor, que rejeita o cadastro inteiro. path fixo em \"cpf\" de propósito:\n   * o campo de CNPJ lê errors.cpf no render. */\n  return base.superRefine((data, ctx) => {\n    const valid = data.personType === \"pf\" ? isValidCPF(data.cpf) : isValidCNPJ(data.cnpj);\n    if (!valid) {\n      ctx.addIssue({\n        code: \"custom\",\n        message:\n          data.personType === \"pf\"\n            ? \"CPF inválido — confira os dígitos verificadores\"\n            : \"CNPJ inválido — confira os dígitos verificadores\",\n        path: [\"cpf\"],\n      });\n    }\n  });\n}\n\nexport const cardFormSchema = buildCardFormSchema(false);\n\nexport type CardFormData = z.infer<typeof cardFormSchema>;\n\nexport type StripeElementsStatus = {\n  cardNumber: boolean;\n  cardExpiry: boolean;\n  cardCvc: boolean;\n};\n\nexport const STEP1_FIELDS = [\n  \"name\",\n  \"country\",\n  \"personType\",\n  \"cpf\",\n  \"cnpj\",\n] as const;\n\ntype CardFormFieldsProps = {\n  readonly form: UseFormReturn<CardFormData>;\n  readonly onStripeChange: (\n    field: keyof StripeElementsStatus,\n    complete: boolean,\n  ) => void;\n  readonly stripeErrors: {\n    cardNumber?: string;\n    cardExpiry?: string;\n    cardCvc?: string;\n  };\n  readonly isInternational?: boolean;\n};\n\nexport function CardFormFields({\n  form,\n  onStripeChange,\n  stripeErrors,\n  isInternational = false,\n}: CardFormFieldsProps) {\n  const translate = useTranslations();\n  const {\n    register,\n    watch,\n    setValue,\n    formState: { errors },\n  } = form;\n\n  const personType = watch(\"personType\");\n\n  return (\n    <div className=\"flex flex-col gap-5\">\n      <FormField\n        label={translate('common.cards.form.nameOnCard')}\n        placeholder={translate('common.cards.form.typeHere')}\n        {...register(\"name\")}\n        error={!!errors.name}\n        errorMessage={errors.name?.message}\n      />\n\n      <div className=\"flex flex-col gap-1.5\">\n        <label className=\"paragraph-xsmall-semibold text-zinc-600\">\n          {translate('common.cards.form.cardNumber')}\n        </label>\n        <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\">\n          <div className=\"w-full\">\n            <CardNumberElement\n              options={{ ...stripeElementOptions, showIcon: true }}\n              onChange={(e: { complete: boolean }) =>\n                onStripeChange(\"cardNumber\", e.complete)\n              }\n            />\n          </div>\n        </div>\n        {stripeErrors.cardNumber && (\n          <p className=\"paragraph-xsmall-semibold text-red-600\">\n            {stripeErrors.cardNumber}\n          </p>\n        )}\n      </div>\n\n      <div className=\"flex gap-4\">\n        <div className=\"flex-1 flex flex-col gap-1.5\">\n          <label className=\"paragraph-xsmall-semibold text-zinc-600\">\n            {translate('common.cards.form.cardExpiry')}\n          </label>\n          <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\">\n            <div className=\"w-full\">\n              <CardExpiryElement\n                options={stripeElementOptions}\n                onChange={(e: { complete: boolean }) =>\n                  onStripeChange(\"cardExpiry\", e.complete)\n                }\n              />\n            </div>\n          </div>\n          {stripeErrors.cardExpiry && (\n            <p className=\"paragraph-xsmall-semibold text-red-600\">\n              {stripeErrors.cardExpiry}\n            </p>\n          )}\n        </div>\n\n        <div className=\"flex-1 flex flex-col gap-1.5\">\n          <label className=\"paragraph-xsmall-semibold text-zinc-600\">{translate('common.cards.form.cardCvc')}</label>\n          <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\">\n            <div className=\"w-full\">\n              <CardCvcElement\n                options={stripeElementOptions}\n                onChange={(e: { complete: boolean }) =>\n                  onStripeChange(\"cardCvc\", e.complete)\n                }\n              />\n            </div>\n          </div>\n          {stripeErrors.cardCvc && (\n            <p className=\"paragraph-xsmall-semibold text-red-600\">\n              {stripeErrors.cardCvc}\n            </p>\n          )}\n        </div>\n      </div>\n\n      <SelectField\n        label={translate('common.cards.form.country')}\n        placeholder={translate('common.cards.form.select')}\n        value={watch(\"country\")}\n        onChange={(value) => setValue(\"country\", value as string)}\n        options={COUNTRIES.map((c) => ({ value: c.iso, label: c.name }))}\n      />\n\n      {!isInternational && (\n        <div className=\"flex gap-4\">\n          <SelectField\n            label={translate('common.cards.form.personType')}\n            placeholder={translate('common.cards.form.select')}\n            value={personType}\n            onChange={(value) => {\n              setValue(\"personType\", value as \"pf\" | \"pj\");\n              setValue(\"cpf\", \"\");\n              setValue(\"cnpj\", \"\");\n            }}\n            options={[\n              { value: \"pf\", label: translate('common.cards.form.personTypePf') },\n              { value: \"pj\", label: translate('common.cards.form.personTypePj') },\n            ]}\n            containerClassName=\"flex-1\"\n          />\n          <div className=\"flex-1\">\n            {personType === \"pj\" ? (\n              <FormField\n                label={translate('common.cards.form.cnpj')}\n                placeholder=\"__.___.___/____-__\"\n                {...register(\"cnpj\", {\n                  onChange: (e) => {\n                    setValue(\"cnpj\", formatCNPJ(e.target.value));\n                  },\n                })}\n                error={!!errors.cpf}\n                errorMessage={errors.cpf?.message}\n              />\n            ) : (\n              <FormField\n                label={translate('common.cards.form.cpf')}\n                placeholder=\"___.___.___-__\"\n                {...register(\"cpf\", {\n                  onChange: (e) => {\n                    setValue(\"cpf\", formatCPF(e.target.value));\n                  },\n                })}\n                error={!!errors.cpf}\n                errorMessage={errors.cpf?.message}\n              />\n            )}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n\ntype BillingFormFieldsProps = {\n  readonly form: UseFormReturn<CardFormData>;\n  readonly isInternational?: boolean;\n};\n\nexport function BillingFormFields({ form, isInternational = false }: BillingFormFieldsProps) {\n  const translate = useTranslations();\n  const {\n    register,\n    setValue,\n    formState: { errors },\n  } = form;\n\n  const { mutateAsync: lookupCep } = useViaCep();\n\n  const handleCepChange = (rawValue: string) => {\n    if (isInternational) {\n      setValue(\"cep\", rawValue);\n      return;\n    }\n    const masked = formatPostalCode(rawValue);\n    setValue(\"cep\", masked);\n\n    const digits = rawValue.replace(/\\D/g, \"\");\n    if (digits.length === 8) {\n      lookupCep(digits)\n        .then((data) => {\n          setValue(\"street\", data.logradouro, { shouldValidate: true });\n          setValue(\"neighborhood\", data.bairro, { shouldValidate: true });\n          setValue(\"city\", data.localidade, { shouldValidate: true });\n          setValue(\"state\", data.uf, { shouldValidate: true });\n        })\n        .catch(() => {\n          // silently ignore — user can fill manually\n        });\n    }\n  };\n\n  return (\n    <div className=\"flex flex-col gap-5\">\n      <FormField\n        label={translate('common.cards.form.fullName')}\n        placeholder={translate('common.cards.form.typeHere')}\n        {...register(\"fullName\")}\n        error={!!errors.fullName}\n        errorMessage={errors.fullName?.message}\n      />\n\n      <FormField\n        label={isInternational ? translate('common.cards.form.postalCode') : translate('common.cards.form.cep')}\n        placeholder={isInternational ? \"\" : \"_____-___\"}\n        {...register(\"cep\", {\n          onChange: (e) => handleCepChange(e.target.value),\n        })}\n        error={!!errors.cep}\n        errorMessage={errors.cep?.message}\n      />\n\n      <div className=\"flex gap-4\">\n        <div className=\"flex-[4]\">\n          <FormField\n            label={translate('common.cards.form.street')}\n            placeholder=\"\"\n            {...register(\"street\")}\n            error={!!errors.street}\n            errorMessage={errors.street?.message}\n          />\n        </div>\n        <div className=\"flex-[1]\">\n          <FormField\n            label={translate('common.cards.form.streetNumber')}\n            placeholder=\"\"\n            {...register(\"streetNumber\")}\n            error={!!errors.streetNumber}\n            errorMessage={errors.streetNumber?.message}\n          />\n        </div>\n      </div>\n\n      <div className=\"flex gap-4\">\n        <div className=\"flex-1\">\n          <FormField\n            label={translate('common.cards.form.city')}\n            placeholder=\"\"\n            {...register(\"city\")}\n            error={!!errors.city}\n            errorMessage={errors.city?.message}\n          />\n        </div>\n        <div className=\"flex-1\">\n          <FormField\n            label={isInternational ? translate('common.cards.form.stateProvince') : translate('common.cards.form.state')}\n            placeholder=\"\"\n            {...register(\"state\")}\n            error={!!errors.state}\n            errorMessage={errors.state?.message}\n          />\n        </div>\n      </div>\n\n      <div className=\"flex gap-4\">\n        {!isInternational && (\n          <FormField\n            label={translate('common.cards.form.neighborhood')}\n            placeholder=\"\"\n            {...register(\"neighborhood\")}\n            error={!!errors.neighborhood}\n            errorMessage={errors.neighborhood?.message}\n          />\n        )}\n        <FormField\n          label={translate('common.cards.form.complement')}\n          optional\n          placeholder=\"\"\n          {...register(\"complement\")}\n          error={!!errors.complement}\n          errorMessage={errors.complement?.message}\n        />\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/modules/cards/hooks/create-card.hook.mjs

@@ -4,9 +4,11 @@ import { withAction } from "../../../utils/withAction";
 import { createCardAction } from "../actions/create-card.action";
 import { CARDS_QUERY_KEY } from "./cards.hook";
 import { useAuthQueryKey } from "../../../hooks/useAuthQueryKey";
+import { useInvalidateAccount } from "../../accounts/hooks/current-account.hook";
 function useCreateCard() {
   const queryClient = useQueryClient();
   const cardsKey = useAuthQueryKey([...CARDS_QUERY_KEY]);
+  const invalidateAccount = useInvalidateAccount();
   return useMutation({
     mutationFn: (data) => withAction(createCardAction)(data),
     onSuccess: (result) => {
@@ -20,6 +22,15 @@ function useCreateCard() {
         );
       }
       queryClient.invalidateQueries({ queryKey: cardsKey });
+    },
+    /* O createCard passou a poder gravar os dados fiscais da conta no mesmo request (o backend
+     * atualiza a conta ANTES de registrar o cartão, fail-closed). onSettled, não onSuccess: com
+     * essa ordem a conta pode ter sido atualizada mesmo quando o cartão falha depois (ex.:
+     * SetupIntent inválido) — o cache da conta não pode ficar stale em nenhum dos desfechos.
+     * Substitui a invalidação que morava no useUpdateAccount quando o AddCardModal fazia as
+     * duas chamadas separadas. */
+    onSettled: () => {
+      invalidateAccount();
     }
   });
 }

package/dist/modules/cards/hooks/create-card.hook.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/modules/cards/hooks/create-card.hook.ts"],"sourcesContent":["'use client';\n\nimport { useMutation, useQueryClient } from '@tanstack/react-query';\nimport { withAction } from '../../../utils/withAction';\nimport { createCardAction } from '../actions/create-card.action';\nimport type { CreateCardRequest, Card } from '../types';\nimport type { PaginatedSuccessResult } from '../../../infra/api/types';\nimport { CARDS_QUERY_KEY } from './cards.hook';\nimport { useAuthQueryKey } from '../../../hooks/useAuthQueryKey';\n\nexport function useCreateCard() {\n  const queryClient = useQueryClient();\n  const cardsKey = useAuthQueryKey([...CARDS_QUERY_KEY]);\n\n  return useMutation({\n    mutationFn: (data: CreateCardRequest) => withAction(createCardAction)(data),\n    onSuccess: (result) => {\n      if (result?.data) {\n        queryClient.setQueriesData<PaginatedSuccessResult<Card>>(\n          { queryKey: cardsKey },\n          (old) => {\n            if (!old?.data) return old;\n            return { ...old, data: [...old.data, result.data!] };\n          }\n        );\n      }\n      queryClient.invalidateQueries({ queryKey: cardsKey });\n    },\n  });\n}\n"],"mappings":";AAEA,SAAS,aAAa,sBAAsB;AAC5C,SAAS,kBAAkB;AAC3B,SAAS,wBAAwB;AAGjC,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAEzB,SAAS,gBAAgB;AAC9B,QAAM,cAAc,eAAe;AACnC,QAAM,WAAW,gBAAgB,CAAC,GAAG,eAAe,CAAC;AAErD,SAAO,YAAY;AAAA,IACjB,YAAY,CAAC,SAA4B,WAAW,gBAAgB,EAAE,IAAI;AAAA,IAC1E,WAAW,CAAC,WAAW;AACrB,UAAI,QAAQ,MAAM;AAChB,oBAAY;AAAA,UACV,EAAE,UAAU,SAAS;AAAA,UACrB,CAAC,QAAQ;AACP,gBAAI,CAAC,KAAK,KAAM,QAAO;AACvB,mBAAO,EAAE,GAAG,KAAK,MAAM,CAAC,GAAG,IAAI,MAAM,OAAO,IAAK,EAAE;AAAA,UACrD;AAAA,QACF;AAAA,MACF;AACA,kBAAY,kBAAkB,EAAE,UAAU,SAAS,CAAC;AAAA,IACtD;AAAA,EACF,CAAC;AACH;","names":[]}
+{"version":3,"sources":["../../../../src/modules/cards/hooks/create-card.hook.ts"],"sourcesContent":["'use client';\n\nimport { useMutation, useQueryClient } from '@tanstack/react-query';\nimport { withAction } from '../../../utils/withAction';\nimport { createCardAction } from '../actions/create-card.action';\nimport type { CreateCardRequest, Card } from '../types';\nimport type { PaginatedSuccessResult } from '../../../infra/api/types';\nimport { CARDS_QUERY_KEY } from './cards.hook';\nimport { useAuthQueryKey } from '../../../hooks/useAuthQueryKey';\nimport { useInvalidateAccount } from '../../accounts/hooks/current-account.hook';\n\nexport function useCreateCard() {\n  const queryClient = useQueryClient();\n  const cardsKey = useAuthQueryKey([...CARDS_QUERY_KEY]);\n  const invalidateAccount = useInvalidateAccount();\n\n  return useMutation({\n    mutationFn: (data: CreateCardRequest) => withAction(createCardAction)(data),\n    onSuccess: (result) => {\n      if (result?.data) {\n        queryClient.setQueriesData<PaginatedSuccessResult<Card>>(\n          { queryKey: cardsKey },\n          (old) => {\n            if (!old?.data) return old;\n            return { ...old, data: [...old.data, result.data!] };\n          }\n        );\n      }\n      queryClient.invalidateQueries({ queryKey: cardsKey });\n    },\n    /* O createCard passou a poder gravar os dados fiscais da conta no mesmo request (o backend\n     * atualiza a conta ANTES de registrar o cartão, fail-closed). onSettled, não onSuccess: com\n     * essa ordem a conta pode ter sido atualizada mesmo quando o cartão falha depois (ex.:\n     * SetupIntent inválido) — o cache da conta não pode ficar stale em nenhum dos desfechos.\n     * Substitui a invalidação que morava no useUpdateAccount quando o AddCardModal fazia as\n     * duas chamadas separadas. */\n    onSettled: () => {\n      invalidateAccount();\n    },\n  });\n}\n"],"mappings":";AAEA,SAAS,aAAa,sBAAsB;AAC5C,SAAS,kBAAkB;AAC3B,SAAS,wBAAwB;AAGjC,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAChC,SAAS,4BAA4B;AAE9B,SAAS,gBAAgB;AAC9B,QAAM,cAAc,eAAe;AACnC,QAAM,WAAW,gBAAgB,CAAC,GAAG,eAAe,CAAC;AACrD,QAAM,oBAAoB,qBAAqB;AAE/C,SAAO,YAAY;AAAA,IACjB,YAAY,CAAC,SAA4B,WAAW,gBAAgB,EAAE,IAAI;AAAA,IAC1E,WAAW,CAAC,WAAW;AACrB,UAAI,QAAQ,MAAM;AAChB,oBAAY;AAAA,UACV,EAAE,UAAU,SAAS;AAAA,UACrB,CAAC,QAAQ;AACP,gBAAI,CAAC,KAAK,KAAM,QAAO;AACvB,mBAAO,EAAE,GAAG,KAAK,MAAM,CAAC,GAAG,IAAI,MAAM,OAAO,IAAK,EAAE;AAAA,UACrD;AAAA,QACF;AAAA,MACF;AACA,kBAAY,kBAAkB,EAAE,UAAU,SAAS,CAAC;AAAA,IACtD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,WAAW,MAAM;AACf,wBAAkB;AAAA,IACpB;AAAA,EACF,CAAC;AACH;","names":[]}

package/dist/modules/cards/types.mjs

@@ -24,7 +24,26 @@ const CardSchema = z.object({
 const CreateCardRequestSchema = z.object({
   setup_intent_id: z.string().min(1, "setup_intent_id \xE9 obrigat\xF3rio"),
   name: z.string().min(1, "name \xE9 obrigat\xF3rio"),
-  set_default: z.boolean().optional()
+  set_default: z.boolean().optional(),
+  /* Dados fiscais OPCIONAIS no mesmo request: o backend (gapps-r3-api, POST
+   * /accounts/:id/cards) atualiza a conta ANTES de registrar o cartão, fail-closed —
+   * fiscal rejeitado (ex.: CPF com dígito verificador errado) = cartão não registra e o
+   * erro volta com a mensagem específica. Substitui o par de chamadas paralelas
+   * (createCard + updateAccount) que não tinha garantia nenhuma entre as pernas e deixava
+   * conta sem cadastro fiscal quando o PUT falhava. Whitelist espelhada do backend
+   * (#extractFiscalFields em cards/services.js). */
+  financial_document_type: z.number().optional(),
+  financial_document: z.string().optional(),
+  financial_name: z.string().optional(),
+  financial_email: z.string().optional(),
+  zipcode: z.string().optional(),
+  address: z.string().optional(),
+  address_number: z.string().optional(),
+  address_complement: z.string().optional(),
+  neighborhood: z.string().optional(),
+  city: z.string().optional(),
+  state: z.string().optional(),
+  country: z.string().optional()
 });
 const SetupIntentSchema = z.object({
   client_secret: z.string(),

package/dist/modules/cards/types.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/modules/cards/types.ts"],"sourcesContent":["import z from 'zod';\n\nimport {\n  PaginationParamsSchema,\n  SearchParamsSchema,\n  SortParamsSchema,\n} from '../../infra/api/types';\n\nexport const CardSchema = z.object({\n  id: z.union([z.number(), z.string()]),\n  id_wl: z.number(),\n  id_account: z.union([z.number(), z.string()]),\n  id_gateway: z.union([z.number(), z.string()]).optional(),\n  gateway_account: z.string(),\n  gateway_card: z.string(),\n  brand: z.string(),\n  name: z.string(),\n  number: z.string().nullable(),\n  date: z.string().nullable(),\n  deleted: z\n    .number()\n    .transform((val) => val === 1)\n    .optional()\n    .default(false),\n  is_default: z.boolean().optional().default(false),\n  datetime_add: z.union([z.date(), z.coerce.date()]).nullable().optional(),\n  datetime_alt: z.union([z.date(), z.coerce.date()]).nullable().optional(),\n  datetime_del: z.union([z.date(), z.coerce.date()]).nullable().optional(),\n});\n\nexport type Card = z.infer<typeof CardSchema>;\n\nexport const CreateCardRequestSchema = z.object({\n  setup_intent_id: z.string().min(1, 'setup_intent_id é obrigatório'),\n  name: z.string().min(1, 'name é obrigatório'),\n  set_default: z.boolean().optional(),\n});\n\nexport type CreateCardRequest = z.infer<typeof CreateCardRequestSchema>;\n\nexport const SetupIntentSchema = z.object({\n  client_secret: z.string(),\n  setup_intent_id: z.string(),\n});\n\nexport type SetupIntent = z.infer<typeof SetupIntentSchema>;\n\nexport const FindCardsParamsSchema = PaginationParamsSchema.extend(SearchParamsSchema.shape).extend(\n  SortParamsSchema.shape\n);\n\nexport type FindCardsParams = z.infer<typeof FindCardsParamsSchema>;\n"],"mappings":"AAAA,OAAO,OAAO;AAEd;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,aAAa,EAAE,OAAO;AAAA,EACjC,IAAI,EAAE,MAAM,CAAC,EAAE,OAAO,GAAG,EAAE,OAAO,CAAC,CAAC;AAAA,EACpC,OAAO,EAAE,OAAO;AAAA,EAChB,YAAY,EAAE,MAAM,CAAC,EAAE,OAAO,GAAG,EAAE,OAAO,CAAC,CAAC;AAAA,EAC5C,YAAY,EAAE,MAAM,CAAC,EAAE,OAAO,GAAG,EAAE,OAAO,CAAC,CAAC,EAAE,SAAS;AAAA,EACvD,iBAAiB,EAAE,OAAO;AAAA,EAC1B,cAAc,EAAE,OAAO;AAAA,EACvB,OAAO,EAAE,OAAO;AAAA,EAChB,MAAM,EAAE,OAAO;AAAA,EACf,QAAQ,EAAE,OAAO,EAAE,SAAS;AAAA,EAC5B,MAAM,EAAE,OAAO,EAAE,SAAS;AAAA,EAC1B,SAAS,EACN,OAAO,EACP,UAAU,CAAC,QAAQ,QAAQ,CAAC,EAC5B,SAAS,EACT,QAAQ,KAAK;AAAA,EAChB,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,KAAK;AAAA,EAChD,cAAc,EAAE,MAAM,CAAC,EAAE,KAAK,GAAG,EAAE,OAAO,KAAK,CAAC,CAAC,EAAE,SAAS,EAAE,SAAS;AAAA,EACvE,cAAc,EAAE,MAAM,CAAC,EAAE,KAAK,GAAG,EAAE,OAAO,KAAK,CAAC,CAAC,EAAE,SAAS,EAAE,SAAS;AAAA,EACvE,cAAc,EAAE,MAAM,CAAC,EAAE,KAAK,GAAG,EAAE,OAAO,KAAK,CAAC,CAAC,EAAE,SAAS,EAAE,SAAS;AACzE,CAAC;AAIM,MAAM,0BAA0B,EAAE,OAAO;AAAA,EAC9C,iBAAiB,EAAE,OAAO,EAAE,IAAI,GAAG,qCAA+B;AAAA,EAClE,MAAM,EAAE,OAAO,EAAE,IAAI,GAAG,0BAAoB;AAAA,EAC5C,aAAa,EAAE,QAAQ,EAAE,SAAS;AACpC,CAAC;AAIM,MAAM,oBAAoB,EAAE,OAAO;AAAA,EACxC,eAAe,EAAE,OAAO;AAAA,EACxB,iBAAiB,EAAE,OAAO;AAC5B,CAAC;AAIM,MAAM,wBAAwB,uBAAuB,OAAO,mBAAmB,KAAK,EAAE;AAAA,EAC3F,iBAAiB;AACnB;","names":[]}
+{"version":3,"sources":["../../../src/modules/cards/types.ts"],"sourcesContent":["import z from 'zod';\n\nimport {\n  PaginationParamsSchema,\n  SearchParamsSchema,\n  SortParamsSchema,\n} from '../../infra/api/types';\n\nexport const CardSchema = z.object({\n  id: z.union([z.number(), z.string()]),\n  id_wl: z.number(),\n  id_account: z.union([z.number(), z.string()]),\n  id_gateway: z.union([z.number(), z.string()]).optional(),\n  gateway_account: z.string(),\n  gateway_card: z.string(),\n  brand: z.string(),\n  name: z.string(),\n  number: z.string().nullable(),\n  date: z.string().nullable(),\n  deleted: z\n    .number()\n    .transform((val) => val === 1)\n    .optional()\n    .default(false),\n  is_default: z.boolean().optional().default(false),\n  datetime_add: z.union([z.date(), z.coerce.date()]).nullable().optional(),\n  datetime_alt: z.union([z.date(), z.coerce.date()]).nullable().optional(),\n  datetime_del: z.union([z.date(), z.coerce.date()]).nullable().optional(),\n});\n\nexport type Card = z.infer<typeof CardSchema>;\n\nexport const CreateCardRequestSchema = z.object({\n  setup_intent_id: z.string().min(1, 'setup_intent_id é obrigatório'),\n  name: z.string().min(1, 'name é obrigatório'),\n  set_default: z.boolean().optional(),\n  /* Dados fiscais OPCIONAIS no mesmo request: o backend (gapps-r3-api, POST\n   * /accounts/:id/cards) atualiza a conta ANTES de registrar o cartão, fail-closed —\n   * fiscal rejeitado (ex.: CPF com dígito verificador errado) = cartão não registra e o\n   * erro volta com a mensagem específica. Substitui o par de chamadas paralelas\n   * (createCard + updateAccount) que não tinha garantia nenhuma entre as pernas e deixava\n   * conta sem cadastro fiscal quando o PUT falhava. Whitelist espelhada do backend\n   * (#extractFiscalFields em cards/services.js). */\n  financial_document_type: z.number().optional(),\n  financial_document: z.string().optional(),\n  financial_name: z.string().optional(),\n  financial_email: z.string().optional(),\n  zipcode: z.string().optional(),\n  address: z.string().optional(),\n  address_number: z.string().optional(),\n  address_complement: z.string().optional(),\n  neighborhood: z.string().optional(),\n  city: z.string().optional(),\n  state: z.string().optional(),\n  country: z.string().optional(),\n});\n\nexport type CreateCardRequest = z.infer<typeof CreateCardRequestSchema>;\n\nexport const SetupIntentSchema = z.object({\n  client_secret: z.string(),\n  setup_intent_id: z.string(),\n});\n\nexport type SetupIntent = z.infer<typeof SetupIntentSchema>;\n\nexport const FindCardsParamsSchema = PaginationParamsSchema.extend(SearchParamsSchema.shape).extend(\n  SortParamsSchema.shape\n);\n\nexport type FindCardsParams = z.infer<typeof FindCardsParamsSchema>;\n"],"mappings":"AAAA,OAAO,OAAO;AAEd;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,aAAa,EAAE,OAAO;AAAA,EACjC,IAAI,EAAE,MAAM,CAAC,EAAE,OAAO,GAAG,EAAE,OAAO,CAAC,CAAC;AAAA,EACpC,OAAO,EAAE,OAAO;AAAA,EAChB,YAAY,EAAE,MAAM,CAAC,EAAE,OAAO,GAAG,EAAE,OAAO,CAAC,CAAC;AAAA,EAC5C,YAAY,EAAE,MAAM,CAAC,EAAE,OAAO,GAAG,EAAE,OAAO,CAAC,CAAC,EAAE,SAAS;AAAA,EACvD,iBAAiB,EAAE,OAAO;AAAA,EAC1B,cAAc,EAAE,OAAO;AAAA,EACvB,OAAO,EAAE,OAAO;AAAA,EAChB,MAAM,EAAE,OAAO;AAAA,EACf,QAAQ,EAAE,OAAO,EAAE,SAAS;AAAA,EAC5B,MAAM,EAAE,OAAO,EAAE,SAAS;AAAA,EAC1B,SAAS,EACN,OAAO,EACP,UAAU,CAAC,QAAQ,QAAQ,CAAC,EAC5B,SAAS,EACT,QAAQ,KAAK;AAAA,EAChB,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,KAAK;AAAA,EAChD,cAAc,EAAE,MAAM,CAAC,EAAE,KAAK,GAAG,EAAE,OAAO,KAAK,CAAC,CAAC,EAAE,SAAS,EAAE,SAAS;AAAA,EACvE,cAAc,EAAE,MAAM,CAAC,EAAE,KAAK,GAAG,EAAE,OAAO,KAAK,CAAC,CAAC,EAAE,SAAS,EAAE,SAAS;AAAA,EACvE,cAAc,EAAE,MAAM,CAAC,EAAE,KAAK,GAAG,EAAE,OAAO,KAAK,CAAC,CAAC,EAAE,SAAS,EAAE,SAAS;AACzE,CAAC;AAIM,MAAM,0BAA0B,EAAE,OAAO;AAAA,EAC9C,iBAAiB,EAAE,OAAO,EAAE,IAAI,GAAG,qCAA+B;AAAA,EAClE,MAAM,EAAE,OAAO,EAAE,IAAI,GAAG,0BAAoB;AAAA,EAC5C,aAAa,EAAE,QAAQ,EAAE,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQlC,yBAAyB,EAAE,OAAO,EAAE,SAAS;AAAA,EAC7C,oBAAoB,EAAE,OAAO,EAAE,SAAS;AAAA,EACxC,gBAAgB,EAAE,OAAO,EAAE,SAAS;AAAA,EACpC,iBAAiB,EAAE,OAAO,EAAE,SAAS;AAAA,EACrC,SAAS,EAAE,OAAO,EAAE,SAAS;AAAA,EAC7B,SAAS,EAAE,OAAO,EAAE,SAAS;AAAA,EAC7B,gBAAgB,EAAE,OAAO,EAAE,SAAS;AAAA,EACpC,oBAAoB,EAAE,OAAO,EAAE,SAAS;AAAA,EACxC,cAAc,EAAE,OAAO,EAAE,SAAS;AAAA,EAClC,MAAM,EAAE,OAAO,EAAE,SAAS;AAAA,EAC1B,OAAO,EAAE,OAAO,EAAE,SAAS;AAAA,EAC3B,SAAS,EAAE,OAAO,EAAE,SAAS;AAC/B,CAAC;AAIM,MAAM,oBAAoB,EAAE,OAAO;AAAA,EACxC,eAAe,EAAE,OAAO;AAAA,EACxB,iBAAiB,EAAE,OAAO;AAC5B,CAAC;AAIM,MAAM,wBAAwB,uBAAuB,OAAO,mBAAmB,KAAK,EAAE;AAAA,EAC3F,iBAAiB;AACnB;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@greatapps/common",
-  "version": "1.1.738",
+  "version": "1.1.739",
   "description": "Shared library for GreatApps frontend applications",
   "main": "./dist/index.mjs",
   "types": "./src/index.ts",

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

@@ -7,8 +7,8 @@ import { Toast } from '../../ui/feedback/Toast';
 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 { isValidTaxId } from '../../../utils/validators/common';
 import { useExternalContracting } from '../../../providers/whitelabel.provider';
 import { CardFormFields, BillingFormFields, buildCardFormSchema } from './CardFormFields';
 import type { CardFormData, StripeElementsStatus } from './CardFormFields';
@@ -89,7 +89,6 @@ export default function AddCardModal() {
 
   const createSetupIntentMutation = useCreateSetupIntent();
   const createCardMutation = useCreateCard();
-  const updateAccountMutation = useUpdateAccount();
   const elements = useElements();
   const stripe = useStripe();
 
@@ -223,30 +222,32 @@ export default function AddCardModal() {
         return;
       }
 
-      const [cardResult] = await Promise.all([
-        createCardMutation.mutateAsync({
-          setup_intent_id: intent.setup_intent_id,
-          name: data.name,
-          set_default: true,
-        }),
-        updateAccountMutation.mutateAsync({
-          ...(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_complement: data.complement || '',
-          neighborhood: data.neighborhood || '',
-          city: data.city,
-          state: data.state,
-          country: data.country,
-        }),
-      ]);
+      /* Chamada ÚNICA: os dados fiscais vão no mesmo request do cartão. O backend atualiza a
+       * conta ANTES de registrar o cartão, fail-closed — fiscal rejeitado (CPF inválido etc.)
+       * = cartão não registra e o erro chega com a mensagem específica no catch abaixo.
+       * Substitui o Promise.all de createCard + updateAccount, que não tinha garantia entre as
+       * pernas: quando o PUT de conta falhava, o cartão ficava salvo e a conta sem NENHUM dado
+       * fiscal — e as faturas seguintes falhavam a emissão de nota em silêncio. */
+      const cardResult = await createCardMutation.mutateAsync({
+        setup_intent_id: intent.setup_intent_id,
+        name: data.name,
+        set_default: true,
+        ...(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_complement: data.complement || '',
+        neighborhood: data.neighborhood || '',
+        city: data.city,
+        state: data.state,
+        country: data.country,
+      });
 
       if (cardResult.success && cardResult.data?.id != null) {
         onCardAdded?.(cardResult.data.id.toString());
@@ -257,12 +258,16 @@ export default function AddCardModal() {
         { duration: 5000 }
       );
       handleClose();
-    } catch {
+    } catch (error) {
+      /* O backend fail-closed devolve a razão exata da recusa (ex.: "CPF do pagador inválido —
+       * confira os dígitos verificadores"), e o withAction relança como Error com essa mensagem.
+       * Engolir num texto genérico deixaria o usuário sem saber o que corrigir. */
+      const backendMessage = error instanceof Error && error.message ? error.message : null;
       toast.custom(
         (t) => (
           <Toast
             variant="error"
-            message={translate('common.cards.add.errorSave')}
+            message={backendMessage || translate('common.cards.add.errorSave')}
             toastId={t}
           />
         ),
@@ -275,7 +280,6 @@ export default 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']);
@@ -294,7 +298,9 @@ export default function AddCardModal() {
     : !!name &&
       !!country &&
       !!personType &&
-      (personType === 'pf' ? !!cpf && cpf.length >= 14 : !!cnpj && cnpj.length >= 18) &&
+      /* Dígito verificador, em sincronia com o schema (buildCardFormSchema) e com a validação
+       * do backend — a regra antiga de tamanho deixava 111.111.111-11 habilitar o botão. */
+      (personType === 'pf' ? isValidTaxId(cpf, 'cpf') : isValidTaxId(cnpj, 'cnpj')) &&
       stripeStatus.cardNumber &&
       stripeStatus.cardExpiry &&
       stripeStatus.cardCvc;

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

@@ -10,6 +10,7 @@ import {
   formatCNPJ,
   formatPostalCode,
 } from "../../../utils/format/masks";
+import { isValidCPF, isValidCNPJ } from "../../../utils/validators/common";
 import z from "zod";
 import {
   CardCvcElement,
@@ -48,16 +49,23 @@ export function buildCardFormSchema(isInternational: boolean) {
     complement: z.string().optional(),
   });
   if (isInternational) return base;
-  return base.refine(
-    (data) => {
-      if (data.personType === "pf") return !!data.cpf && data.cpf.length >= 14;
-      return !!data.cnpj && data.cnpj.length >= 18;
-    },
-    {
-      message: "Documento é obrigatório",
-      path: ["cpf"],
-    },
-  );
+  /* Dígito verificador (mesmo algoritmo do backend, ver utils/validators/common): a regra
+   * antiga era só tamanho da string mascarada — 111.111.111-11 passava aqui e estourava
+   * depois no servidor, que rejeita o cadastro inteiro. path fixo em "cpf" de propósito:
+   * o campo de CNPJ lê errors.cpf no render. */
+  return base.superRefine((data, ctx) => {
+    const valid = data.personType === "pf" ? isValidCPF(data.cpf) : isValidCNPJ(data.cnpj);
+    if (!valid) {
+      ctx.addIssue({
+        code: "custom",
+        message:
+          data.personType === "pf"
+            ? "CPF inválido — confira os dígitos verificadores"
+            : "CNPJ inválido — confira os dígitos verificadores",
+        path: ["cpf"],
+      });
+    }
+  });
 }
 
 export const cardFormSchema = buildCardFormSchema(false);

package/src/modules/cards/hooks/create-card.hook.ts

@@ -7,10 +7,12 @@ import type { CreateCardRequest, Card } from '../types';
 import type { PaginatedSuccessResult } from '../../../infra/api/types';
 import { CARDS_QUERY_KEY } from './cards.hook';
 import { useAuthQueryKey } from '../../../hooks/useAuthQueryKey';
+import { useInvalidateAccount } from '../../accounts/hooks/current-account.hook';
 
 export function useCreateCard() {
   const queryClient = useQueryClient();
   const cardsKey = useAuthQueryKey([...CARDS_QUERY_KEY]);
+  const invalidateAccount = useInvalidateAccount();
 
   return useMutation({
     mutationFn: (data: CreateCardRequest) => withAction(createCardAction)(data),
@@ -26,5 +28,14 @@ export function useCreateCard() {
       }
       queryClient.invalidateQueries({ queryKey: cardsKey });
     },
+    /* O createCard passou a poder gravar os dados fiscais da conta no mesmo request (o backend
+     * atualiza a conta ANTES de registrar o cartão, fail-closed). onSettled, não onSuccess: com
+     * essa ordem a conta pode ter sido atualizada mesmo quando o cartão falha depois (ex.:
+     * SetupIntent inválido) — o cache da conta não pode ficar stale em nenhum dos desfechos.
+     * Substitui a invalidação que morava no useUpdateAccount quando o AddCardModal fazia as
+     * duas chamadas separadas. */
+    onSettled: () => {
+      invalidateAccount();
+    },
   });
 }

package/src/modules/cards/types.ts

@@ -34,6 +34,25 @@ export const CreateCardRequestSchema = z.object({
   setup_intent_id: z.string().min(1, 'setup_intent_id é obrigatório'),
   name: z.string().min(1, 'name é obrigatório'),
   set_default: z.boolean().optional(),
+  /* Dados fiscais OPCIONAIS no mesmo request: o backend (gapps-r3-api, POST
+   * /accounts/:id/cards) atualiza a conta ANTES de registrar o cartão, fail-closed —
+   * fiscal rejeitado (ex.: CPF com dígito verificador errado) = cartão não registra e o
+   * erro volta com a mensagem específica. Substitui o par de chamadas paralelas
+   * (createCard + updateAccount) que não tinha garantia nenhuma entre as pernas e deixava
+   * conta sem cadastro fiscal quando o PUT falhava. Whitelist espelhada do backend
+   * (#extractFiscalFields em cards/services.js). */
+  financial_document_type: z.number().optional(),
+  financial_document: z.string().optional(),
+  financial_name: z.string().optional(),
+  financial_email: z.string().optional(),
+  zipcode: z.string().optional(),
+  address: z.string().optional(),
+  address_number: z.string().optional(),
+  address_complement: z.string().optional(),
+  neighborhood: z.string().optional(),
+  city: z.string().optional(),
+  state: z.string().optional(),
+  country: z.string().optional(),
 });
 
 export type CreateCardRequest = z.infer<typeof CreateCardRequestSchema>;