@greatapps/common 1.1.700 → 1.1.702

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/modals/cards/AddCardModal.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { useCallback, useState, useEffect } from 'react';\r\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '../../ui/overlay/Dialog';\r\nimport { Button } from '../../ui/buttons/Button';\r\nimport { Toast } from '../../ui/feedback/Toast';\r\nimport { useModalManager } from '../../../store/useModalManager';\r\nimport { useCreateCard } from '../../../modules/cards/hooks/create-card.hook';\r\nimport { useCreateSetupIntent } from '../../../modules/cards/hooks/create-setup-intent.hook';\r\nimport { useUpdateAccount } from '../../../modules/accounts/hooks/useAccountManagement';\r\nimport { useCurrentAccount } from '../../../modules/accounts/hooks/current-account.hook';\r\nimport { useExternalContracting } from '../../../providers/whitelabel.provider';\r\nimport { CardFormFields, BillingFormFields, buildCardFormSchema } from './CardFormFields';\r\nimport type { CardFormData, StripeElementsStatus } from './CardFormFields';\r\nimport { IconX, IconCreditCard, IconCheck, IconChevronRight } from '@tabler/icons-react';\r\nimport { cn } from '../../../infra/utils/clsx';\r\nimport { useForm } from 'react-hook-form';\r\nimport { zodResolver } from '@hookform/resolvers/zod';\r\nimport { CardNumberElement, useElements, useStripe } from '@stripe/react-stripe-js';\r\nimport { toast } from 'sonner';\r\nimport { useTranslations } from 'next-intl';\r\n\r\nconst INITIAL_STRIPE_STATUS: StripeElementsStatus = {\r\n  cardNumber: false,\r\n  cardExpiry: false,\r\n  cardCvc: false,\r\n};\r\n\r\nfunction CardStepper({ currentStep }: { readonly currentStep: number }) {\r\n  const translate = useTranslations();\r\n  const steps = [\r\n    { number: 1, label: translate('common.cards.add.stepBilling') },\r\n    { number: 2, label: translate('common.cards.add.stepCard') },\r\n  ];\r\n  return (\r\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\">\r\n      {steps.map((step, idx) => {\r\n        const isCompleted = currentStep > step.number;\r\n        const isCurrent = currentStep === step.number;\r\n        const isPending = !isCompleted && !isCurrent;\r\n        return (\r\n          <div key={step.number} className=\"flex items-center gap-2\">\r\n            <div\r\n              className={cn(\r\n                'flex items-center justify-center size-6 rounded-full paragraph-xsmall-semibold',\r\n                isCompleted && 'bg-green-50 text-green-600 border border-green-200',\r\n                isCurrent && 'bg-primary text-zinc-950',\r\n                isPending && 'border border-zinc-200 text-zinc-400',\r\n              )}\r\n            >\r\n              {isCompleted ? (\r\n                <IconCheck size={14} stroke={3} />\r\n              ) : (\r\n                step.number\r\n              )}\r\n            </div>\r\n            <span\r\n              className={cn(\r\n                'paragraph-xsmall-semibold',\r\n                (isCompleted || isCurrent) && 'text-zinc-950',\r\n                isPending && 'text-zinc-400',\r\n              )}\r\n            >\r\n              {step.label}\r\n            </span>\r\n            {idx < steps.length - 1 && (\r\n              <IconChevronRight size={16} className=\"text-zinc-300 ml-1\" />\r\n            )}\r\n          </div>\r\n        );\r\n      })}\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default function AddCardModal() {\r\n  const translate = useTranslations();\r\n  const { activeModal, modalData, closeModal } = useModalManager();\r\n  const isOpen = activeModal === 'addCardModal';\r\n  const { isExternalContracting, redirectToExternal } = useExternalContracting();\r\n  const { data: account } = useCurrentAccount();\r\n  const isInternational = account?.gateway === 'stripe_usd';\r\n  const [currentStep, setCurrentStep] = useState(1);\r\n  const [stripeStatus, setStripeStatus] = useState<StripeElementsStatus>(INITIAL_STRIPE_STATUS);\r\n  const [stripeErrors, setStripeErrors] = useState<Record<string, string | undefined>>({});\r\n  const [isAuthenticating, setIsAuthenticating] = useState(false);\r\n\r\n  const onCardAdded = modalData.onCardAdded as ((cardId: string) => void) | undefined;\r\n\r\n  const createSetupIntentMutation = useCreateSetupIntent();\r\n  const createCardMutation = useCreateCard();\r\n  const updateAccountMutation = useUpdateAccount();\r\n  const elements = useElements();\r\n  const stripe = useStripe();\r\n\r\n  const form = useForm<CardFormData>({\r\n    resolver: zodResolver(buildCardFormSchema(isInternational)),\r\n    mode: 'onSubmit',\r\n    reValidateMode: 'onChange',\r\n    defaultValues: {\r\n      country: 'BR',\r\n      personType: 'pf',\r\n    },\r\n  });\r\n\r\n  useEffect(() => {\r\n    if (isInternational) {\r\n      form.setValue('country', 'US');\r\n    }\r\n  }, [isInternational, form]);\r\n\r\n  const handleClose = useCallback(() => {\r\n    form.reset();\r\n    setCurrentStep(1);\r\n    setStripeStatus(INITIAL_STRIPE_STATUS);\r\n    setStripeErrors({});\r\n    setIsAuthenticating(false);\r\n    closeModal();\r\n  }, [form, closeModal]);\r\n\r\n  const handleStripeChange = useCallback(\r\n    (field: keyof StripeElementsStatus, complete: boolean) => {\r\n      setStripeStatus((prev) => ({ ...prev, [field]: complete }));\r\n      if (complete) {\r\n        setStripeErrors((prev) => ({ ...prev, [field]: undefined }));\r\n      }\r\n    },\r\n    []\r\n  );\r\n\r\n  const handleContinue = useCallback(async () => {\r\n    const fields: (keyof CardFormData)[] = isInternational\r\n      ? ['fullName', 'cep', 'street', 'city', 'state']\r\n      : ['fullName', 'cep', 'street', 'streetNumber', 'neighborhood', 'city', 'state'];\r\n    const isValid = await form.trigger(fields);\r\n    if (!isValid) return;\r\n    setCurrentStep(2);\r\n  }, [form, isInternational]);\r\n\r\n  const handleBack = useCallback(() => {\r\n    setCurrentStep(1);\r\n  }, []);\r\n\r\n  async function handleSubmit(data: CardFormData) {\r\n    const newStripeErrors: Record<string, string | undefined> = {};\r\n    if (!stripeStatus.cardNumber) newStripeErrors.cardNumber = translate('common.cards.form.cardNumberRequired');\r\n    if (!stripeStatus.cardExpiry) newStripeErrors.cardExpiry = translate('common.cards.form.cardExpiryRequired');\r\n    if (!stripeStatus.cardCvc) newStripeErrors.cardCvc = translate('common.cards.form.cardCvcRequired');\r\n    setStripeErrors(newStripeErrors);\r\n\r\n    const stripeValid =\r\n      stripeStatus.cardNumber && stripeStatus.cardExpiry && stripeStatus.cardCvc;\r\n    if (!stripeValid) return;\r\n    if (!stripe || !elements) return;\r\n\r\n    const cardElement = elements.getElement(CardNumberElement);\r\n    if (!cardElement) return;\r\n\r\n    setIsAuthenticating(true);\r\n    try {\r\n      const intentResult = await createSetupIntentMutation.mutateAsync();\r\n      const intent = intentResult?.data;\r\n      if (!intent?.client_secret || !intent?.setup_intent_id) {\r\n        toast.custom(\r\n          (t) => (\r\n            <Toast\r\n              variant=\"error\"\r\n              message={translate('common.cards.add.errorInitAuth')}\r\n              toastId={t}\r\n            />\r\n          ),\r\n          { duration: 5000 }\r\n        );\r\n        return;\r\n      }\r\n\r\n      const billingDetails = isInternational\r\n        ? {\r\n            name: data.name,\r\n            address: {\r\n              line1: data.street,\r\n              line2: data.complement || undefined,\r\n              city: data.city,\r\n              state: data.state,\r\n              postal_code: data.cep,\r\n              country: data.country,\r\n            },\r\n          }\r\n        : { name: data.name };\r\n\r\n      const { setupIntent, error } = await stripe.confirmCardSetup(intent.client_secret, {\r\n        payment_method: {\r\n          card: cardElement,\r\n          billing_details: billingDetails,\r\n        },\r\n      });\r\n\r\n      if (error) {\r\n        toast.custom(\r\n          (t) => (\r\n            <Toast\r\n              variant=\"error\"\r\n              message={error.message || translate('common.cards.add.errorAuth')}\r\n              toastId={t}\r\n            />\r\n          ),\r\n          { duration: 5000 }\r\n        );\r\n        return;\r\n      }\r\n\r\n      if (setupIntent?.status !== 'succeeded') {\r\n        toast.custom(\r\n          (t) => (\r\n            <Toast\r\n              variant=\"error\"\r\n              message={translate('common.cards.add.errorAuthStatus', { status: setupIntent?.status ?? translate('common.cards.add.statusUnknown') })}\r\n              toastId={t}\r\n            />\r\n          ),\r\n          { duration: 5000 }\r\n        );\r\n        return;\r\n      }\r\n\r\n      const [cardResult] = await Promise.all([\r\n        createCardMutation.mutateAsync({\r\n          setup_intent_id: intent.setup_intent_id,\r\n          name: data.name,\r\n          set_default: true,\r\n        }),\r\n        updateAccountMutation.mutateAsync({\r\n          ...(isInternational\r\n            ? {}\r\n            : {\r\n                financial_document_type: data.personType === 'pf' ? 1 : 2,\r\n                financial_document: data.personType === 'pf' ? data.cpf : data.cnpj,\r\n              }),\r\n          financial_name: data.fullName,\r\n          zipcode: data.cep,\r\n          address: data.street,\r\n          address_number: data.streetNumber || '',\r\n          address_complement: data.complement || '',\r\n          neighborhood: data.neighborhood || '',\r\n          city: data.city,\r\n          state: data.state,\r\n          country: data.country,\r\n        }),\r\n      ]);\r\n\r\n      if (cardResult.success && cardResult.data?.id != null) {\r\n        onCardAdded?.(cardResult.data.id.toString());\r\n      }\r\n\r\n      toast.custom(\r\n        (t) => <Toast variant=\"success\" message={translate('common.cards.add.successToast')} toastId={t} />,\r\n        { duration: 5000 }\r\n      );\r\n      handleClose();\r\n    } catch {\r\n      toast.custom(\r\n        (t) => (\r\n          <Toast\r\n            variant=\"error\"\r\n            message={translate('common.cards.add.errorSave')}\r\n            toastId={t}\r\n          />\r\n        ),\r\n        { duration: 5000 }\r\n      );\r\n    } finally {\r\n      setIsAuthenticating(false);\r\n    }\r\n  }\r\n\r\n  const isSubmitting =\r\n    createCardMutation.isPending ||\r\n    updateAccountMutation.isPending ||\r\n    form.formState.isSubmitting;\r\n\r\n  const watchedValues = form.watch(['name', 'country', 'personType', 'cpf', 'cnpj', 'fullName', 'cep', 'street', 'streetNumber', 'neighborhood', 'city', 'state']);\r\n  const [name, country, personType, cpf, cnpj, fullName, cep, street, streetNumber, neighborhood, city, state] = watchedValues;\r\n  const isBillingValid = isInternational\r\n    ? !!fullName && !!cep && !!street && !!city && !!state\r\n    : !!fullName &&\r\n      !!cep && cep.length >= 9 &&\r\n      !!street &&\r\n      !!streetNumber &&\r\n      !!neighborhood &&\r\n      !!city &&\r\n      !!state;\r\n  const isCardValid = isInternational\r\n    ? !!name && !!country && stripeStatus.cardNumber && stripeStatus.cardExpiry && stripeStatus.cardCvc\r\n    : !!name &&\r\n      !!country &&\r\n      !!personType &&\r\n      (personType === 'pf' ? !!cpf && cpf.length >= 14 : !!cnpj && cnpj.length >= 18) &&\r\n      stripeStatus.cardNumber &&\r\n      stripeStatus.cardExpiry &&\r\n      stripeStatus.cardCvc;\r\n\r\n  if (isExternalContracting) {\r\n    return (\r\n      <Dialog open={isOpen} onOpenChange={handleClose}>\r\n        <DialogContent className=\"flex flex-col p-0 gap-0 w-full md:w-[410px] lg:w-[410px]\">\r\n          <DialogHeader className=\"gap-3 text-left p-5\">\r\n            <div className=\"flex items-center justify-center w-10 h-10 bg-zinc-50 rounded-lg\">\r\n              <IconCreditCard size={24} className=\"text-zinc-950\" />\r\n            </div>\r\n            <div className=\"flex flex-col gap-2\">\r\n              <DialogTitle className=\"paragraph-medium-semibold text-zinc-950\">\r\n                {translate('common.cards.add.externalTitle')}\r\n              </DialogTitle>\r\n              <span className=\"paragraph-small-regular text-zinc-600\">\r\n                {translate('common.cards.add.externalDescription')}\r\n              </span>\r\n            </div>\r\n          </DialogHeader>\r\n          <div className=\"flex items-center gap-2 p-5 border-t border-zinc-200\">\r\n            <Button\r\n              className=\"w-fit h-10!\"\r\n              onClick={() => {\r\n                handleClose();\r\n                redirectToExternal('contracting');\r\n              }}\r\n            >\r\n              {translate('common.cards.add.externalButton')}\r\n            </Button>\r\n          </div>\r\n        </DialogContent>\r\n      </Dialog>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <Dialog open={isOpen} onOpenChange={handleClose}>\r\n      <DialogContent\r\n        showCloseButton={false}\r\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\"\r\n      >\r\n        <DialogHeader className=\"p-0\">\r\n          <div className=\"flex items-center justify-center px-4 py-3 relative border-b border-zinc-200 lg:border-b-0\">\r\n            <DialogTitle className=\"paragraph-medium-semibold text-zinc-950 text-center\">\r\n              {translate('common.cards.add.title')}\r\n            </DialogTitle>\r\n            <Button\r\n              type=\"button\"\r\n              variant=\"ghost\"\r\n              className=\"size-8! p-0 absolute right-4\"\r\n              onClick={handleClose}\r\n            >\r\n              <IconX size={18} />\r\n            </Button>\r\n          </div>\r\n        </DialogHeader>\r\n\r\n        <CardStepper currentStep={currentStep} />\r\n\r\n        <form\r\n          onSubmit={form.handleSubmit(handleSubmit)}\r\n          className=\"flex flex-col flex-1 lg:flex-none\"\r\n        >\r\n          <div className={`flex flex-col gap-6 lg:gap-8 p-4 lg:p-5 flex-1 lg:flex-none ${currentStep !== 1 ? 'hidden' : ''}`}>\r\n            <h2 className=\"font-[family-name:var(--font-outfit)] text-[18px] leading-tight font-semibold text-zinc-950\">\r\n              {translate('common.cards.add.billingHeading')}\r\n            </h2>\r\n            <BillingFormFields form={form} isInternational={isInternational} />\r\n          </div>\r\n          <div className={`flex flex-col gap-6 lg:gap-8 p-4 lg:p-5 flex-1 lg:flex-none ${currentStep !== 2 ? 'hidden' : ''}`}>\r\n            <h2 className=\"font-[family-name:var(--font-outfit)] text-[18px] leading-tight font-semibold text-zinc-950\">\r\n              {translate('common.cards.add.cardHeading')}\r\n            </h2>\r\n            <CardFormFields\r\n              form={form}\r\n              onStripeChange={handleStripeChange}\r\n              stripeErrors={stripeErrors}\r\n              isInternational={isInternational}\r\n            />\r\n          </div>\r\n\r\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\">\r\n            {currentStep === 1 ? (\r\n              <>\r\n                <Button variant=\"secondary\" type=\"button\" onClick={handleClose} className=\"h-10!\">\r\n                  {translate('common.actions.cancel')}\r\n                </Button>\r\n                <Button\r\n                  type=\"button\"\r\n                  className=\"h-10!\"\r\n                  onClick={handleContinue}\r\n                  disabled={!isBillingValid}\r\n                >\r\n                  {translate('common.actions.continue')}\r\n                </Button>\r\n              </>\r\n            ) : (\r\n              <>\r\n                <Button variant=\"secondary\" type=\"button\" onClick={handleBack} className=\"h-10!\">\r\n                  {translate('common.actions.back')}\r\n                </Button>\r\n                <Button\r\n                  type=\"submit\"\r\n                  className=\"h-10!\"\r\n                  disabled={isSubmitting || isAuthenticating || !isCardValid}\r\n                  loading={isAuthenticating || isSubmitting}\r\n                >\r\n                  {isAuthenticating\r\n                    ? translate('common.cards.add.authenticating')\r\n                    : isSubmitting\r\n                      ? translate('common.cards.add.submitting')\r\n                      : translate('common.cards.add.submit')}\r\n                </Button>\r\n              </>\r\n            )}\r\n          </div>\r\n        </form>\r\n      </DialogContent>\r\n    </Dialog>\r\n  );\r\n}\r\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":";AAyCU,SAqVI,UA3UE,KAVN;AAvCV,SAAS,aAAa,UAAU,iBAAiB;AACjD,SAAS,QAAQ,eAAe,cAAc,mBAAmB;AACjE,SAAS,cAAc;AACvB,SAAS,aAAa;AACtB,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,4BAA4B;AACrC,SAAS,wBAAwB;AACjC,SAAS,yBAAyB;AAClC,SAAS,8BAA8B;AACvC,SAAS,gBAAgB,mBAAmB,2BAA2B;AAEvE,SAAS,OAAO,gBAAgB,WAAW,wBAAwB;AACnE,SAAS,UAAU;AACnB,SAAS,eAAe;AACxB,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB,aAAa,iBAAiB;AAC1D,SAAS,aAAa;AACtB,SAAS,uBAAuB;AAEhC,MAAM,wBAA8C;AAAA,EAClD,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,SAAS;AACX;AAEA,SAAS,YAAY,EAAE,YAAY,GAAqC;AACtE,QAAM,YAAY,gBAAgB;AAClC,QAAM,QAAQ;AAAA,IACZ,EAAE,QAAQ,GAAG,OAAO,UAAU,8BAA8B,EAAE;AAAA,IAC9D,EAAE,QAAQ,GAAG,OAAO,UAAU,2BAA2B,EAAE;AAAA,EAC7D;AACA,SACE,oBAAC,SAAI,WAAU,qGACZ,gBAAM,IAAI,CAAC,MAAM,QAAQ;AACxB,UAAM,cAAc,cAAc,KAAK;AACvC,UAAM,YAAY,gBAAgB,KAAK;AACvC,UAAM,YAAY,CAAC,eAAe,CAAC;AACnC,WACE,qBAAC,SAAsB,WAAU,2BAC/B;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA,eAAe;AAAA,YACf,aAAa;AAAA,YACb,aAAa;AAAA,UACf;AAAA,UAEC,wBACC,oBAAC,aAAU,MAAM,IAAI,QAAQ,GAAG,IAEhC,KAAK;AAAA;AAAA,MAET;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,YACT;AAAA,aACC,eAAe,cAAc;AAAA,YAC9B,aAAa;AAAA,UACf;AAAA,UAEC,eAAK;AAAA;AAAA,MACR;AAAA,MACC,MAAM,MAAM,SAAS,KACpB,oBAAC,oBAAiB,MAAM,IAAI,WAAU,sBAAqB;AAAA,SAzBrD,KAAK,MA2Bf;AAAA,EAEJ,CAAC,GACH;AAEJ;AAEe,SAAR,eAAgC;AACrC,QAAM,YAAY,gBAAgB;AAClC,QAAM,EAAE,aAAa,WAAW,WAAW,IAAI,gBAAgB;AAC/D,QAAM,SAAS,gBAAgB;AAC/B,QAAM,EAAE,uBAAuB,mBAAmB,IAAI,uBAAuB;AAC7E,QAAM,EAAE,MAAM,QAAQ,IAAI,kBAAkB;AAC5C,QAAM,kBAAkB,SAAS,YAAY;AAC7C,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,CAAC;AAChD,QAAM,CAAC,cAAc,eAAe,IAAI,SAA+B,qBAAqB;AAC5F,QAAM,CAAC,cAAc,eAAe,IAAI,SAA6C,CAAC,CAAC;AACvF,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAS,KAAK;AAE9D,QAAM,cAAc,UAAU;AAE9B,QAAM,4BAA4B,qBAAqB;AACvD,QAAM,qBAAqB,cAAc;AACzC,QAAM,wBAAwB,iBAAiB;AAC/C,QAAM,WAAW,YAAY;AAC7B,QAAM,SAAS,UAAU;AAEzB,QAAM,OAAO,QAAsB;AAAA,IACjC,UAAU,YAAY,oBAAoB,eAAe,CAAC;AAAA,IAC1D,MAAM;AAAA,IACN,gBAAgB;AAAA,IAChB,eAAe;AAAA,MACb,SAAS;AAAA,MACT,YAAY;AAAA,IACd;AAAA,EACF,CAAC;AAED,YAAU,MAAM;AACd,QAAI,iBAAiB;AACnB,WAAK,SAAS,WAAW,IAAI;AAAA,IAC/B;AAAA,EACF,GAAG,CAAC,iBAAiB,IAAI,CAAC;AAE1B,QAAM,cAAc,YAAY,MAAM;AACpC,SAAK,MAAM;AACX,mBAAe,CAAC;AAChB,oBAAgB,qBAAqB;AACrC,oBAAgB,CAAC,CAAC;AAClB,wBAAoB,KAAK;AACzB,eAAW;AAAA,EACb,GAAG,CAAC,MAAM,UAAU,CAAC;AAErB,QAAM,qBAAqB;AAAA,IACzB,CAAC,OAAmC,aAAsB;AACxD,sBAAgB,CAAC,UAAU,EAAE,GAAG,MAAM,CAAC,KAAK,GAAG,SAAS,EAAE;AAC1D,UAAI,UAAU;AACZ,wBAAgB,CAAC,UAAU,EAAE,GAAG,MAAM,CAAC,KAAK,GAAG,OAAU,EAAE;AAAA,MAC7D;AAAA,IACF;AAAA,IACA,CAAC;AAAA,EACH;AAEA,QAAM,iBAAiB,YAAY,YAAY;AAC7C,UAAM,SAAiC,kBACnC,CAAC,YAAY,OAAO,UAAU,QAAQ,OAAO,IAC7C,CAAC,YAAY,OAAO,UAAU,gBAAgB,gBAAgB,QAAQ,OAAO;AACjF,UAAM,UAAU,MAAM,KAAK,QAAQ,MAAM;AACzC,QAAI,CAAC,QAAS;AACd,mBAAe,CAAC;AAAA,EAClB,GAAG,CAAC,MAAM,eAAe,CAAC;AAE1B,QAAM,aAAa,YAAY,MAAM;AACnC,mBAAe,CAAC;AAAA,EAClB,GAAG,CAAC,CAAC;AAEL,iBAAe,aAAa,MAAoB;AAC9C,UAAM,kBAAsD,CAAC;AAC7D,QAAI,CAAC,aAAa,WAAY,iBAAgB,aAAa,UAAU,sCAAsC;AAC3G,QAAI,CAAC,aAAa,WAAY,iBAAgB,aAAa,UAAU,sCAAsC;AAC3G,QAAI,CAAC,aAAa,QAAS,iBAAgB,UAAU,UAAU,mCAAmC;AAClG,oBAAgB,eAAe;AAE/B,UAAM,cACJ,aAAa,cAAc,aAAa,cAAc,aAAa;AACrE,QAAI,CAAC,YAAa;AAClB,QAAI,CAAC,UAAU,CAAC,SAAU;AAE1B,UAAM,cAAc,SAAS,WAAW,iBAAiB;AACzD,QAAI,CAAC,YAAa;AAElB,wBAAoB,IAAI;AACxB,QAAI;AACF,YAAM,eAAe,MAAM,0BAA0B,YAAY;AACjE,YAAM,SAAS,cAAc;AAC7B,UAAI,CAAC,QAAQ,iBAAiB,CAAC,QAAQ,iBAAiB;AACtD,cAAM;AAAA,UACJ,CAAC,MACC;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,SAAS,UAAU,gCAAgC;AAAA,cACnD,SAAS;AAAA;AAAA,UACX;AAAA,UAEF,EAAE,UAAU,IAAK;AAAA,QACnB;AACA;AAAA,MACF;AAEA,YAAM,iBAAiB,kBACnB;AAAA,QACE,MAAM,KAAK;AAAA,QACX,SAAS;AAAA,UACP,OAAO,KAAK;AAAA,UACZ,OAAO,KAAK,cAAc;AAAA,UAC1B,MAAM,KAAK;AAAA,UACX,OAAO,KAAK;AAAA,UACZ,aAAa,KAAK;AAAA,UAClB,SAAS,KAAK;AAAA,QAChB;AAAA,MACF,IACA,EAAE,MAAM,KAAK,KAAK;AAEtB,YAAM,EAAE,aAAa,MAAM,IAAI,MAAM,OAAO,iBAAiB,OAAO,eAAe;AAAA,QACjF,gBAAgB;AAAA,UACd,MAAM;AAAA,UACN,iBAAiB;AAAA,QACnB;AAAA,MACF,CAAC;AAED,UAAI,OAAO;AACT,cAAM;AAAA,UACJ,CAAC,MACC;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,SAAS,MAAM,WAAW,UAAU,4BAA4B;AAAA,cAChE,SAAS;AAAA;AAAA,UACX;AAAA,UAEF,EAAE,UAAU,IAAK;AAAA,QACnB;AACA;AAAA,MACF;AAEA,UAAI,aAAa,WAAW,aAAa;AACvC,cAAM;AAAA,UACJ,CAAC,MACC;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,SAAS,UAAU,oCAAoC,EAAE,QAAQ,aAAa,UAAU,UAAU,gCAAgC,EAAE,CAAC;AAAA,cACrI,SAAS;AAAA;AAAA,UACX;AAAA,UAEF,EAAE,UAAU,IAAK;AAAA,QACnB;AACA;AAAA,MACF;AAEA,YAAM,CAAC,UAAU,IAAI,MAAM,QAAQ,IAAI;AAAA,QACrC,mBAAmB,YAAY;AAAA,UAC7B,iBAAiB,OAAO;AAAA,UACxB,MAAM,KAAK;AAAA,UACX,aAAa;AAAA,QACf,CAAC;AAAA,QACD,sBAAsB,YAAY;AAAA,UAChC,GAAI,kBACA,CAAC,IACD;AAAA,YACE,yBAAyB,KAAK,eAAe,OAAO,IAAI;AAAA,YACxD,oBAAoB,KAAK,eAAe,OAAO,KAAK,MAAM,KAAK;AAAA,UACjE;AAAA,UACJ,gBAAgB,KAAK;AAAA,UACrB,SAAS,KAAK;AAAA,UACd,SAAS,KAAK;AAAA,UACd,gBAAgB,KAAK,gBAAgB;AAAA,UACrC,oBAAoB,KAAK,cAAc;AAAA,UACvC,cAAc,KAAK,gBAAgB;AAAA,UACnC,MAAM,KAAK;AAAA,UACX,OAAO,KAAK;AAAA,UACZ,SAAS,KAAK;AAAA,QAChB,CAAC;AAAA,MACH,CAAC;AAED,UAAI,WAAW,WAAW,WAAW,MAAM,MAAM,MAAM;AACrD,sBAAc,WAAW,KAAK,GAAG,SAAS,CAAC;AAAA,MAC7C;AAEA,YAAM;AAAA,QACJ,CAAC,MAAM,oBAAC,SAAM,SAAQ,WAAU,SAAS,UAAU,+BAA+B,GAAG,SAAS,GAAG;AAAA,QACjG,EAAE,UAAU,IAAK;AAAA,MACnB;AACA,kBAAY;AAAA,IACd,QAAQ;AACN,YAAM;AAAA,QACJ,CAAC,MACC;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,SAAS,UAAU,4BAA4B;AAAA,YAC/C,SAAS;AAAA;AAAA,QACX;AAAA,QAEF,EAAE,UAAU,IAAK;AAAA,MACnB;AAAA,IACF,UAAE;AACA,0BAAoB,KAAK;AAAA,IAC3B;AAAA,EACF;AAEA,QAAM,eACJ,mBAAmB,aACnB,sBAAsB,aACtB,KAAK,UAAU;AAEjB,QAAM,gBAAgB,KAAK,MAAM,CAAC,QAAQ,WAAW,cAAc,OAAO,QAAQ,YAAY,OAAO,UAAU,gBAAgB,gBAAgB,QAAQ,OAAO,CAAC;AAC/J,QAAM,CAAC,MAAM,SAAS,YAAY,KAAK,MAAM,UAAU,KAAK,QAAQ,cAAc,cAAc,MAAM,KAAK,IAAI;AAC/G,QAAM,iBAAiB,kBACnB,CAAC,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC,CAAC,QAAQ,CAAC,CAAC,QAC/C,CAAC,CAAC,YACF,CAAC,CAAC,OAAO,IAAI,UAAU,KACvB,CAAC,CAAC,UACF,CAAC,CAAC,gBACF,CAAC,CAAC,gBACF,CAAC,CAAC,QACF,CAAC,CAAC;AACN,QAAM,cAAc,kBAChB,CAAC,CAAC,QAAQ,CAAC,CAAC,WAAW,aAAa,cAAc,aAAa,cAAc,aAAa,UAC1F,CAAC,CAAC,QACF,CAAC,CAAC,WACF,CAAC,CAAC,eACD,eAAe,OAAO,CAAC,CAAC,OAAO,IAAI,UAAU,KAAK,CAAC,CAAC,QAAQ,KAAK,UAAU,OAC5E,aAAa,cACb,aAAa,cACb,aAAa;AAEjB,MAAI,uBAAuB;AACzB,WACE,oBAAC,UAAO,MAAM,QAAQ,cAAc,aAClC,+BAAC,iBAAc,WAAU,4DACvB;AAAA,2BAAC,gBAAa,WAAU,uBACtB;AAAA,4BAAC,SAAI,WAAU,oEACb,8BAAC,kBAAe,MAAM,IAAI,WAAU,iBAAgB,GACtD;AAAA,QACA,qBAAC,SAAI,WAAU,uBACb;AAAA,8BAAC,eAAY,WAAU,2CACpB,oBAAU,gCAAgC,GAC7C;AAAA,UACA,oBAAC,UAAK,WAAU,yCACb,oBAAU,sCAAsC,GACnD;AAAA,WACF;AAAA,SACF;AAAA,MACA,oBAAC,SAAI,WAAU,wDACb;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,SAAS,MAAM;AACb,wBAAY;AACZ,+BAAmB,aAAa;AAAA,UAClC;AAAA,UAEC,oBAAU,iCAAiC;AAAA;AAAA,MAC9C,GACF;AAAA,OACF,GACF;AAAA,EAEJ;AAEA,SACE,oBAAC,UAAO,MAAM,QAAQ,cAAc,aAClC;AAAA,IAAC;AAAA;AAAA,MACC,iBAAiB;AAAA,MACjB,WAAU;AAAA,MAEV;AAAA,4BAAC,gBAAa,WAAU,OACtB,+BAAC,SAAI,WAAU,8FACb;AAAA,8BAAC,eAAY,WAAU,uDACpB,oBAAU,wBAAwB,GACrC;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAQ;AAAA,cACR,WAAU;AAAA,cACV,SAAS;AAAA,cAET,8BAAC,SAAM,MAAM,IAAI;AAAA;AAAA,UACnB;AAAA,WACF,GACF;AAAA,QAEA,oBAAC,eAAY,aAA0B;AAAA,QAEvC;AAAA,UAAC;AAAA;AAAA,YACC,UAAU,KAAK,aAAa,YAAY;AAAA,YACxC,WAAU;AAAA,YAEV;AAAA,mCAAC,SAAI,WAAW,+DAA+D,gBAAgB,IAAI,WAAW,EAAE,IAC9G;AAAA,oCAAC,QAAG,WAAU,+FACX,oBAAU,iCAAiC,GAC9C;AAAA,gBACA,oBAAC,qBAAkB,MAAY,iBAAkC;AAAA,iBACnE;AAAA,cACA,qBAAC,SAAI,WAAW,+DAA+D,gBAAgB,IAAI,WAAW,EAAE,IAC9G;AAAA,oCAAC,QAAG,WAAU,+FACX,oBAAU,8BAA8B,GAC3C;AAAA,gBACA;AAAA,kBAAC;AAAA;AAAA,oBACC;AAAA,oBACA,gBAAgB;AAAA,oBAChB;AAAA,oBACA;AAAA;AAAA,gBACF;AAAA,iBACF;AAAA,cAEA,oBAAC,SAAI,WAAU,+FACZ,0BAAgB,IACf,iCACE;AAAA,oCAAC,UAAO,SAAQ,aAAY,MAAK,UAAS,SAAS,aAAa,WAAU,SACvE,oBAAU,uBAAuB,GACpC;AAAA,gBACA;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,WAAU;AAAA,oBACV,SAAS;AAAA,oBACT,UAAU,CAAC;AAAA,oBAEV,oBAAU,yBAAyB;AAAA;AAAA,gBACtC;AAAA,iBACF,IAEA,iCACE;AAAA,oCAAC,UAAO,SAAQ,aAAY,MAAK,UAAS,SAAS,YAAY,WAAU,SACtE,oBAAU,qBAAqB,GAClC;AAAA,gBACA;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,WAAU;AAAA,oBACV,UAAU,gBAAgB,oBAAoB,CAAC;AAAA,oBAC/C,SAAS,oBAAoB;AAAA,oBAE5B,6BACG,UAAU,iCAAiC,IAC3C,eACE,UAAU,6BAA6B,IACvC,UAAU,yBAAyB;AAAA;AAAA,gBAC3C;AAAA,iBACF,GAEJ;AAAA;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/modals/cards/CardFormFields.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { UseFormReturn } from \"react-hook-form\";\r\nimport { useViaCep } from \"../../../modules/accounts/hooks/useViaCep\";\r\nimport { FormField } from \"../../ui/form/FormField\";\r\nimport { SelectField } from \"../../ui/form/SelectField\";\r\nimport { COUNTRIES } from \"../../../utils/countries\";\r\nimport {\r\n  formatCPF,\r\n  formatCNPJ,\r\n  formatPostalCode,\r\n} from \"../../../utils/format/masks\";\r\nimport z from \"zod\";\r\nimport {\r\n  CardCvcElement,\r\n  CardExpiryElement,\r\n  CardNumberElement,\r\n} from \"@stripe/react-stripe-js\";\r\nimport { useTranslations } from \"next-intl\";\r\n\r\nconst stripeElementOptions = {\r\n  style: {\r\n    base: {\r\n      fontSize: \"16px\",\r\n      color: \"#030712\",\r\n      fontFamily: \"Inter, sans-serif\",\r\n      \"::placeholder\": {\r\n        color: \"#9ca3af\",\r\n      },\r\n    },\r\n  },\r\n};\r\n\r\nexport function buildCardFormSchema(isInternational: boolean) {\r\n  const base = z.object({\r\n    name: z.string().min(1, \"Nome é obrigatório\"),\r\n    country: z.string().min(1, \"País é obrigatório\"),\r\n    personType: z.enum([\"pf\", \"pj\"]).optional(),\r\n    cpf: z.string().optional(),\r\n    cnpj: z.string().optional(),\r\n    fullName: z.string().min(1, \"Nome completo é obrigatório\"),\r\n    cep: z.string().min(isInternational ? 1 : 9, isInternational ? \"Código postal é obrigatório\" : \"CEP é obrigatório\"),\r\n    street: z.string().min(1, \"Endereço é obrigatório\"),\r\n    streetNumber: isInternational ? z.string().optional() : z.string().min(1, \"Número é obrigatório\"),\r\n    city: z.string().min(1, \"Cidade é obrigatória\"),\r\n    state: z.string().min(1, \"UF é obrigatório\"),\r\n    neighborhood: isInternational ? z.string().optional() : z.string().min(1, \"Bairro é obrigatório\"),\r\n    complement: z.string().optional(),\r\n  });\r\n  if (isInternational) return base;\r\n  return base.refine(\r\n    (data) => {\r\n      if (data.personType === \"pf\") return !!data.cpf && data.cpf.length >= 14;\r\n      return !!data.cnpj && data.cnpj.length >= 18;\r\n    },\r\n    {\r\n      message: \"Documento é obrigatório\",\r\n      path: [\"cpf\"],\r\n    },\r\n  );\r\n}\r\n\r\nexport const cardFormSchema = buildCardFormSchema(false);\r\n\r\nexport type CardFormData = z.infer<typeof cardFormSchema>;\r\n\r\nexport type StripeElementsStatus = {\r\n  cardNumber: boolean;\r\n  cardExpiry: boolean;\r\n  cardCvc: boolean;\r\n};\r\n\r\nexport const STEP1_FIELDS = [\r\n  \"name\",\r\n  \"country\",\r\n  \"personType\",\r\n  \"cpf\",\r\n  \"cnpj\",\r\n] as const;\r\n\r\ntype CardFormFieldsProps = {\r\n  readonly form: UseFormReturn<CardFormData>;\r\n  readonly onStripeChange: (\r\n    field: keyof StripeElementsStatus,\r\n    complete: boolean,\r\n  ) => void;\r\n  readonly stripeErrors: {\r\n    cardNumber?: string;\r\n    cardExpiry?: string;\r\n    cardCvc?: string;\r\n  };\r\n  readonly isInternational?: boolean;\r\n};\r\n\r\nexport function CardFormFields({\r\n  form,\r\n  onStripeChange,\r\n  stripeErrors,\r\n  isInternational = false,\r\n}: CardFormFieldsProps) {\r\n  const translate = useTranslations();\r\n  const {\r\n    register,\r\n    watch,\r\n    setValue,\r\n    formState: { errors },\r\n  } = form;\r\n\r\n  const personType = watch(\"personType\");\r\n\r\n  return (\r\n    <div className=\"flex flex-col gap-5\">\r\n      <FormField\r\n        label={translate('common.cards.form.nameOnCard')}\r\n        placeholder={translate('common.cards.form.typeHere')}\r\n        {...register(\"name\")}\r\n        error={!!errors.name}\r\n        errorMessage={errors.name?.message}\r\n      />\r\n\r\n      <div className=\"flex flex-col gap-1.5\">\r\n        <label className=\"paragraph-xsmall-semibold text-zinc-600\">\r\n          {translate('common.cards.form.cardNumber')}\r\n        </label>\r\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\">\r\n          <div className=\"w-full\">\r\n            <CardNumberElement\r\n              options={{ ...stripeElementOptions, showIcon: true }}\r\n              onChange={(e: { complete: boolean }) =>\r\n                onStripeChange(\"cardNumber\", e.complete)\r\n              }\r\n            />\r\n          </div>\r\n        </div>\r\n        {stripeErrors.cardNumber && (\r\n          <p className=\"paragraph-xsmall-semibold text-red-600\">\r\n            {stripeErrors.cardNumber}\r\n          </p>\r\n        )}\r\n      </div>\r\n\r\n      <div className=\"flex gap-4\">\r\n        <div className=\"flex-1 flex flex-col gap-1.5\">\r\n          <label className=\"paragraph-xsmall-semibold text-zinc-600\">\r\n            {translate('common.cards.form.cardExpiry')}\r\n          </label>\r\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\">\r\n            <div className=\"w-full\">\r\n              <CardExpiryElement\r\n                options={stripeElementOptions}\r\n                onChange={(e: { complete: boolean }) =>\r\n                  onStripeChange(\"cardExpiry\", e.complete)\r\n                }\r\n              />\r\n            </div>\r\n          </div>\r\n          {stripeErrors.cardExpiry && (\r\n            <p className=\"paragraph-xsmall-semibold text-red-600\">\r\n              {stripeErrors.cardExpiry}\r\n            </p>\r\n          )}\r\n        </div>\r\n\r\n        <div className=\"flex-1 flex flex-col gap-1.5\">\r\n          <label className=\"paragraph-xsmall-semibold text-zinc-600\">{translate('common.cards.form.cardCvc')}</label>\r\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\">\r\n            <div className=\"w-full\">\r\n              <CardCvcElement\r\n                options={stripeElementOptions}\r\n                onChange={(e: { complete: boolean }) =>\r\n                  onStripeChange(\"cardCvc\", e.complete)\r\n                }\r\n              />\r\n            </div>\r\n          </div>\r\n          {stripeErrors.cardCvc && (\r\n            <p className=\"paragraph-xsmall-semibold text-red-600\">\r\n              {stripeErrors.cardCvc}\r\n            </p>\r\n          )}\r\n        </div>\r\n      </div>\r\n\r\n      <SelectField\r\n        label={translate('common.cards.form.country')}\r\n        placeholder={translate('common.cards.form.select')}\r\n        value={watch(\"country\")}\r\n        onChange={(value) => setValue(\"country\", value as string)}\r\n        options={COUNTRIES.map((c) => ({ value: c.iso, label: c.name }))}\r\n      />\r\n\r\n      {!isInternational && (\r\n        <div className=\"flex gap-4\">\r\n          <SelectField\r\n            label={translate('common.cards.form.personType')}\r\n            placeholder={translate('common.cards.form.select')}\r\n            value={personType}\r\n            onChange={(value) => {\r\n              setValue(\"personType\", value as \"pf\" | \"pj\");\r\n              setValue(\"cpf\", \"\");\r\n              setValue(\"cnpj\", \"\");\r\n            }}\r\n            options={[\r\n              { value: \"pf\", label: translate('common.cards.form.personTypePf') },\r\n              { value: \"pj\", label: translate('common.cards.form.personTypePj') },\r\n            ]}\r\n            containerClassName=\"flex-1\"\r\n          />\r\n          <div className=\"flex-1\">\r\n            {personType === \"pj\" ? (\r\n              <FormField\r\n                label={translate('common.cards.form.cnpj')}\r\n                placeholder=\"__.___.___/____-__\"\r\n                {...register(\"cnpj\", {\r\n                  onChange: (e) => {\r\n                    setValue(\"cnpj\", formatCNPJ(e.target.value));\r\n                  },\r\n                })}\r\n                error={!!errors.cpf}\r\n                errorMessage={errors.cpf?.message}\r\n              />\r\n            ) : (\r\n              <FormField\r\n                label={translate('common.cards.form.cpf')}\r\n                placeholder=\"___.___.___-__\"\r\n                {...register(\"cpf\", {\r\n                  onChange: (e) => {\r\n                    setValue(\"cpf\", formatCPF(e.target.value));\r\n                  },\r\n                })}\r\n                error={!!errors.cpf}\r\n                errorMessage={errors.cpf?.message}\r\n              />\r\n            )}\r\n          </div>\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n\r\ntype BillingFormFieldsProps = {\r\n  readonly form: UseFormReturn<CardFormData>;\r\n  readonly isInternational?: boolean;\r\n};\r\n\r\nexport function BillingFormFields({ form, isInternational = false }: BillingFormFieldsProps) {\r\n  const translate = useTranslations();\r\n  const {\r\n    register,\r\n    setValue,\r\n    formState: { errors },\r\n  } = form;\r\n\r\n  const { mutateAsync: lookupCep } = useViaCep();\r\n\r\n  const handleCepChange = (rawValue: string) => {\r\n    if (isInternational) {\r\n      setValue(\"cep\", rawValue);\r\n      return;\r\n    }\r\n    const masked = formatPostalCode(rawValue);\r\n    setValue(\"cep\", masked);\r\n\r\n    const digits = rawValue.replace(/\\D/g, \"\");\r\n    if (digits.length === 8) {\r\n      lookupCep(digits)\r\n        .then((data) => {\r\n          setValue(\"street\", data.logradouro, { shouldValidate: true });\r\n          setValue(\"neighborhood\", data.bairro, { shouldValidate: true });\r\n          setValue(\"city\", data.localidade, { shouldValidate: true });\r\n          setValue(\"state\", data.uf, { shouldValidate: true });\r\n        })\r\n        .catch(() => {\r\n          // silently ignore — user can fill manually\r\n        });\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div className=\"flex flex-col gap-5\">\r\n      <FormField\r\n        label={translate('common.cards.form.fullName')}\r\n        placeholder={translate('common.cards.form.typeHere')}\r\n        {...register(\"fullName\")}\r\n        error={!!errors.fullName}\r\n        errorMessage={errors.fullName?.message}\r\n      />\r\n\r\n      <FormField\r\n        label={isInternational ? translate('common.cards.form.postalCode') : translate('common.cards.form.cep')}\r\n        placeholder={isInternational ? \"\" : \"_____-___\"}\r\n        {...register(\"cep\", {\r\n          onChange: (e) => handleCepChange(e.target.value),\r\n        })}\r\n        error={!!errors.cep}\r\n        errorMessage={errors.cep?.message}\r\n      />\r\n\r\n      <div className=\"flex gap-4\">\r\n        <div className=\"flex-[4]\">\r\n          <FormField\r\n            label={translate('common.cards.form.street')}\r\n            placeholder=\"\"\r\n            {...register(\"street\")}\r\n            error={!!errors.street}\r\n            errorMessage={errors.street?.message}\r\n          />\r\n        </div>\r\n        <div className=\"flex-[1]\">\r\n          <FormField\r\n            label={translate('common.cards.form.streetNumber')}\r\n            placeholder=\"\"\r\n            {...register(\"streetNumber\")}\r\n            error={!!errors.streetNumber}\r\n            errorMessage={errors.streetNumber?.message}\r\n          />\r\n        </div>\r\n      </div>\r\n\r\n      <div className=\"flex gap-4\">\r\n        <div className=\"flex-1\">\r\n          <FormField\r\n            label={translate('common.cards.form.city')}\r\n            placeholder=\"\"\r\n            {...register(\"city\")}\r\n            error={!!errors.city}\r\n            errorMessage={errors.city?.message}\r\n          />\r\n        </div>\r\n        <div className=\"flex-1\">\r\n          <FormField\r\n            label={isInternational ? translate('common.cards.form.stateProvince') : translate('common.cards.form.state')}\r\n            placeholder=\"\"\r\n            {...register(\"state\")}\r\n            error={!!errors.state}\r\n            errorMessage={errors.state?.message}\r\n          />\r\n        </div>\r\n      </div>\r\n\r\n      <div className=\"flex gap-4\">\r\n        {!isInternational && (\r\n          <FormField\r\n            label={translate('common.cards.form.neighborhood')}\r\n            placeholder=\"\"\r\n            {...register(\"neighborhood\")}\r\n            error={!!errors.neighborhood}\r\n            errorMessage={errors.neighborhood?.message}\r\n          />\r\n        )}\r\n        <FormField\r\n          label={translate('common.cards.form.complement')}\r\n          optional\r\n          placeholder=\"\"\r\n          {...register(\"complement\")}\r\n          error={!!errors.complement}\r\n          errorMessage={errors.complement?.message}\r\n        />\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":";AAgHM,cAQA,YARA;AA7GN,SAAS,iBAAiB;AAC1B,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAC1B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,OAAO,OAAO;AACd;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,uBAAuB;AAEhC,MAAM,uBAAuB;AAAA,EAC3B,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,UAAU;AAAA,MACV,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,iBAAiB;AAAA,QACf,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AACF;AAEO,SAAS,oBAAoB,iBAA0B;AAC5D,QAAM,OAAO,EAAE,OAAO;AAAA,IACpB,MAAM,EAAE,OAAO,EAAE,IAAI,GAAG,0BAAoB;AAAA,IAC5C,SAAS,EAAE,OAAO,EAAE,IAAI,GAAG,6BAAoB;AAAA,IAC/C,YAAY,EAAE,KAAK,CAAC,MAAM,IAAI,CAAC,EAAE,SAAS;AAAA,IAC1C,KAAK,EAAE,OAAO,EAAE,SAAS;AAAA,IACzB,MAAM,EAAE,OAAO,EAAE,SAAS;AAAA,IAC1B,UAAU,EAAE,OAAO,EAAE,IAAI,GAAG,mCAA6B;AAAA,IACzD,KAAK,EAAE,OAAO,EAAE,IAAI,kBAAkB,IAAI,GAAG,kBAAkB,yCAAgC,yBAAmB;AAAA,IAClH,QAAQ,EAAE,OAAO,EAAE,IAAI,GAAG,iCAAwB;AAAA,IAClD,cAAc,kBAAkB,EAAE,OAAO,EAAE,SAAS,IAAI,EAAE,OAAO,EAAE,IAAI,GAAG,+BAAsB;AAAA,IAChG,MAAM,EAAE,OAAO,EAAE,IAAI,GAAG,4BAAsB;AAAA,IAC9C,OAAO,EAAE,OAAO,EAAE,IAAI,GAAG,wBAAkB;AAAA,IAC3C,cAAc,kBAAkB,EAAE,OAAO,EAAE,SAAS,IAAI,EAAE,OAAO,EAAE,IAAI,GAAG,4BAAsB;AAAA,IAChG,YAAY,EAAE,OAAO,EAAE,SAAS;AAAA,EAClC,CAAC;AACD,MAAI,gBAAiB,QAAO;AAC5B,SAAO,KAAK;AAAA,IACV,CAAC,SAAS;AACR,UAAI,KAAK,eAAe,KAAM,QAAO,CAAC,CAAC,KAAK,OAAO,KAAK,IAAI,UAAU;AACtE,aAAO,CAAC,CAAC,KAAK,QAAQ,KAAK,KAAK,UAAU;AAAA,IAC5C;AAAA,IACA;AAAA,MACE,SAAS;AAAA,MACT,MAAM,CAAC,KAAK;AAAA,IACd;AAAA,EACF;AACF;AAEO,MAAM,iBAAiB,oBAAoB,KAAK;AAUhD,MAAM,eAAe;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAgBO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA,kBAAkB;AACpB,GAAwB;AACtB,QAAM,YAAY,gBAAgB;AAClC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,EAAE,OAAO;AAAA,EACtB,IAAI;AAEJ,QAAM,aAAa,MAAM,YAAY;AAErC,SACE,qBAAC,SAAI,WAAU,uBACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,UAAU,8BAA8B;AAAA,QAC/C,aAAa,UAAU,4BAA4B;AAAA,QAClD,GAAG,SAAS,MAAM;AAAA,QACnB,OAAO,CAAC,CAAC,OAAO;AAAA,QAChB,cAAc,OAAO,MAAM;AAAA;AAAA,IAC7B;AAAA,IAEA,qBAAC,SAAI,WAAU,yBACb;AAAA,0BAAC,WAAM,WAAU,2CACd,oBAAU,8BAA8B,GAC3C;AAAA,MACA,oBAAC,SAAI,WAAU,yIACb,8BAAC,SAAI,WAAU,UACb;AAAA,QAAC;AAAA;AAAA,UACC,SAAS,EAAE,GAAG,sBAAsB,UAAU,KAAK;AAAA,UACnD,UAAU,CAAC,MACT,eAAe,cAAc,EAAE,QAAQ;AAAA;AAAA,MAE3C,GACF,GACF;AAAA,MACC,aAAa,cACZ,oBAAC,OAAE,WAAU,0CACV,uBAAa,YAChB;AAAA,OAEJ;AAAA,IAEA,qBAAC,SAAI,WAAU,cACb;AAAA,2BAAC,SAAI,WAAU,gCACb;AAAA,4BAAC,WAAM,WAAU,2CACd,oBAAU,8BAA8B,GAC3C;AAAA,QACA,oBAAC,SAAI,WAAU,gIACb,8BAAC,SAAI,WAAU,UACb;AAAA,UAAC;AAAA;AAAA,YACC,SAAS;AAAA,YACT,UAAU,CAAC,MACT,eAAe,cAAc,EAAE,QAAQ;AAAA;AAAA,QAE3C,GACF,GACF;AAAA,QACC,aAAa,cACZ,oBAAC,OAAE,WAAU,0CACV,uBAAa,YAChB;AAAA,SAEJ;AAAA,MAEA,qBAAC,SAAI,WAAU,gCACb;AAAA,4BAAC,WAAM,WAAU,2CAA2C,oBAAU,2BAA2B,GAAE;AAAA,QACnG,oBAAC,SAAI,WAAU,gIACb,8BAAC,SAAI,WAAU,UACb;AAAA,UAAC;AAAA;AAAA,YACC,SAAS;AAAA,YACT,UAAU,CAAC,MACT,eAAe,WAAW,EAAE,QAAQ;AAAA;AAAA,QAExC,GACF,GACF;AAAA,QACC,aAAa,WACZ,oBAAC,OAAE,WAAU,0CACV,uBAAa,SAChB;AAAA,SAEJ;AAAA,OACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,UAAU,2BAA2B;AAAA,QAC5C,aAAa,UAAU,0BAA0B;AAAA,QACjD,OAAO,MAAM,SAAS;AAAA,QACtB,UAAU,CAAC,UAAU,SAAS,WAAW,KAAe;AAAA,QACxD,SAAS,UAAU,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,OAAO,EAAE,KAAK,EAAE;AAAA;AAAA,IACjE;AAAA,IAEC,CAAC,mBACA,qBAAC,SAAI,WAAU,cACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,UAAU,8BAA8B;AAAA,UAC/C,aAAa,UAAU,0BAA0B;AAAA,UACjD,OAAO;AAAA,UACP,UAAU,CAAC,UAAU;AACnB,qBAAS,cAAc,KAAoB;AAC3C,qBAAS,OAAO,EAAE;AAClB,qBAAS,QAAQ,EAAE;AAAA,UACrB;AAAA,UACA,SAAS;AAAA,YACP,EAAE,OAAO,MAAM,OAAO,UAAU,gCAAgC,EAAE;AAAA,YAClE,EAAE,OAAO,MAAM,OAAO,UAAU,gCAAgC,EAAE;AAAA,UACpE;AAAA,UACA,oBAAmB;AAAA;AAAA,MACrB;AAAA,MACA,oBAAC,SAAI,WAAU,UACZ,yBAAe,OACd;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,UAAU,wBAAwB;AAAA,UACzC,aAAY;AAAA,UACX,GAAG,SAAS,QAAQ;AAAA,YACnB,UAAU,CAAC,MAAM;AACf,uBAAS,QAAQ,WAAW,EAAE,OAAO,KAAK,CAAC;AAAA,YAC7C;AAAA,UACF,CAAC;AAAA,UACD,OAAO,CAAC,CAAC,OAAO;AAAA,UAChB,cAAc,OAAO,KAAK;AAAA;AAAA,MAC5B,IAEA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,UAAU,uBAAuB;AAAA,UACxC,aAAY;AAAA,UACX,GAAG,SAAS,OAAO;AAAA,YAClB,UAAU,CAAC,MAAM;AACf,uBAAS,OAAO,UAAU,EAAE,OAAO,KAAK,CAAC;AAAA,YAC3C;AAAA,UACF,CAAC;AAAA,UACD,OAAO,CAAC,CAAC,OAAO;AAAA,UAChB,cAAc,OAAO,KAAK;AAAA;AAAA,MAC5B,GAEJ;AAAA,OACF;AAAA,KAEJ;AAEJ;AAOO,SAAS,kBAAkB,EAAE,MAAM,kBAAkB,MAAM,GAA2B;AAC3F,QAAM,YAAY,gBAAgB;AAClC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,WAAW,EAAE,OAAO;AAAA,EACtB,IAAI;AAEJ,QAAM,EAAE,aAAa,UAAU,IAAI,UAAU;AAE7C,QAAM,kBAAkB,CAAC,aAAqB;AAC5C,QAAI,iBAAiB;AACnB,eAAS,OAAO,QAAQ;AACxB;AAAA,IACF;AACA,UAAM,SAAS,iBAAiB,QAAQ;AACxC,aAAS,OAAO,MAAM;AAEtB,UAAM,SAAS,SAAS,QAAQ,OAAO,EAAE;AACzC,QAAI,OAAO,WAAW,GAAG;AACvB,gBAAU,MAAM,EACb,KAAK,CAAC,SAAS;AACd,iBAAS,UAAU,KAAK,YAAY,EAAE,gBAAgB,KAAK,CAAC;AAC5D,iBAAS,gBAAgB,KAAK,QAAQ,EAAE,gBAAgB,KAAK,CAAC;AAC9D,iBAAS,QAAQ,KAAK,YAAY,EAAE,gBAAgB,KAAK,CAAC;AAC1D,iBAAS,SAAS,KAAK,IAAI,EAAE,gBAAgB,KAAK,CAAC;AAAA,MACrD,CAAC,EACA,MAAM,MAAM;AAAA,MAEb,CAAC;AAAA,IACL;AAAA,EACF;AAEA,SACE,qBAAC,SAAI,WAAU,uBACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,UAAU,4BAA4B;AAAA,QAC7C,aAAa,UAAU,4BAA4B;AAAA,QAClD,GAAG,SAAS,UAAU;AAAA,QACvB,OAAO,CAAC,CAAC,OAAO;AAAA,QAChB,cAAc,OAAO,UAAU;AAAA;AAAA,IACjC;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,kBAAkB,UAAU,8BAA8B,IAAI,UAAU,uBAAuB;AAAA,QACtG,aAAa,kBAAkB,KAAK;AAAA,QACnC,GAAG,SAAS,OAAO;AAAA,UAClB,UAAU,CAAC,MAAM,gBAAgB,EAAE,OAAO,KAAK;AAAA,QACjD,CAAC;AAAA,QACD,OAAO,CAAC,CAAC,OAAO;AAAA,QAChB,cAAc,OAAO,KAAK;AAAA;AAAA,IAC5B;AAAA,IAEA,qBAAC,SAAI,WAAU,cACb;AAAA,0BAAC,SAAI,WAAU,YACb;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,UAAU,0BAA0B;AAAA,UAC3C,aAAY;AAAA,UACX,GAAG,SAAS,QAAQ;AAAA,UACrB,OAAO,CAAC,CAAC,OAAO;AAAA,UAChB,cAAc,OAAO,QAAQ;AAAA;AAAA,MAC/B,GACF;AAAA,MACA,oBAAC,SAAI,WAAU,YACb;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,UAAU,gCAAgC;AAAA,UACjD,aAAY;AAAA,UACX,GAAG,SAAS,cAAc;AAAA,UAC3B,OAAO,CAAC,CAAC,OAAO;AAAA,UAChB,cAAc,OAAO,cAAc;AAAA;AAAA,MACrC,GACF;AAAA,OACF;AAAA,IAEA,qBAAC,SAAI,WAAU,cACb;AAAA,0BAAC,SAAI,WAAU,UACb;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,UAAU,wBAAwB;AAAA,UACzC,aAAY;AAAA,UACX,GAAG,SAAS,MAAM;AAAA,UACnB,OAAO,CAAC,CAAC,OAAO;AAAA,UAChB,cAAc,OAAO,MAAM;AAAA;AAAA,MAC7B,GACF;AAAA,MACA,oBAAC,SAAI,WAAU,UACb;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,kBAAkB,UAAU,iCAAiC,IAAI,UAAU,yBAAyB;AAAA,UAC3G,aAAY;AAAA,UACX,GAAG,SAAS,OAAO;AAAA,UACpB,OAAO,CAAC,CAAC,OAAO;AAAA,UAChB,cAAc,OAAO,OAAO;AAAA;AAAA,MAC9B,GACF;AAAA,OACF;AAAA,IAEA,qBAAC,SAAI,WAAU,cACZ;AAAA,OAAC,mBACA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,UAAU,gCAAgC;AAAA,UACjD,aAAY;AAAA,UACX,GAAG,SAAS,cAAc;AAAA,UAC3B,OAAO,CAAC,CAAC,OAAO;AAAA,UAChB,cAAc,OAAO,cAAc;AAAA;AAAA,MACrC;AAAA,MAEF;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,UAAU,8BAA8B;AAAA,UAC/C,UAAQ;AAAA,UACR,aAAY;AAAA,UACX,GAAG,SAAS,YAAY;AAAA,UACzB,OAAO,CAAC,CAAC,OAAO;AAAA,UAChB,cAAc,OAAO,YAAY;AAAA;AAAA,MACnC;AAAA,OACF;AAAA,KACF;AAEJ;","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 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":[]}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/modals/cards/DeleteCardModal.tsx"],"sourcesContent":["'use client';\r\n\r\nimport {\r\n  Dialog,\r\n  DialogContent,\r\n  DialogHeader,\r\n  DialogTitle,\r\n  DialogDescription,\r\n} from '../../ui/overlay/Dialog';\r\nimport { Button } from '../../ui/buttons/Button';\r\nimport { Separator } from '../../ui/data-display/Separator';\r\nimport { Toast } from '../../ui/feedback/Toast';\r\nimport { FormField } from '../../ui/form/FormField';\r\nimport { IconTrash } from '@tabler/icons-react';\r\nimport { toast } from 'sonner';\r\nimport { useModalManager } from '../../../store/useModalManager';\r\nimport { useDeleteConfirmation } from '../../../modules/cards/hooks/delete-confirmation.hook';\r\nimport { useDeleteCard } from '../../../modules/cards/hooks/delete-card.hook';\r\nimport { useCards } from '../../../modules/cards/hooks/cards.hook';\r\nimport { useTranslations } from 'next-intl';\r\n\r\nexport function DeleteCardModal() {\r\n  const translate = useTranslations();\r\n  const { activeModal, modalData, closeModal } = useModalManager();\r\n  const { form, isValidConfirmation, resetConfirmation } = useDeleteConfirmation({\r\n    confirmWord: translate('common.cards.delete.confirmPlaceholder'),\r\n  });\r\n  const deleteCard = useDeleteCard();\r\n  const { data: cardsData } = useCards();\r\n\r\n  const isOpen = activeModal === 'deleteCardModal';\r\n  const cardId = modalData.cardId as string | undefined;\r\n  const onSuccess = modalData.onSuccess as (() => void) | undefined;\r\n\r\n  const card = cardsData?.data?.find((c) => c.id.toString() === cardId);\r\n  const cardLastDigits = (card?.number ?? '').replaceAll(/\\D/g, '').slice(-4);\r\n\r\n  const handleClose = () => {\r\n    resetConfirmation();\r\n    closeModal();\r\n  };\r\n\r\n  const onSubmit = async () => {\r\n    if (!cardId) return;\r\n\r\n    try {\r\n      await deleteCard.mutateAsync(cardId);\r\n    } catch (error) {\r\n      toast.custom(\r\n        (t) => (\r\n          <Toast\r\n            toastId={t}\r\n            variant=\"error\"\r\n            message={\r\n              error instanceof Error\r\n                ? error.message\r\n                : translate('common.cards.delete.errorToast')\r\n            }\r\n          />\r\n        ),\r\n        { duration: 5000 },\r\n      );\r\n      return;\r\n    }\r\n\r\n    onSuccess?.();\r\n    resetConfirmation();\r\n    closeModal();\r\n\r\n    toast.custom(\r\n      (t) => (\r\n        <Toast\r\n          variant=\"success\"\r\n          message={translate('common.cards.delete.successToast', { digits: cardLastDigits })}\r\n          toastId={t}\r\n        />\r\n      ),\r\n      { duration: 5000 },\r\n    );\r\n  };\r\n\r\n  return (\r\n    <Dialog open={isOpen} onOpenChange={(open) => !open && handleClose()}>\r\n      <DialogContent className=\"flex flex-col p-0! gap-0! max-w-[calc(100%-2rem)]! w-full sm:max-w-[400px]! lg:max-w-[410px]! rounded-lg border\">\r\n        <form onSubmit={form.handleSubmit(onSubmit)} className=\"flex flex-col\">\r\n          <DialogHeader className=\"gap-4 text-left p-4 lg:p-5 pb-0 lg:pb-0\">\r\n            <div className=\"flex items-center justify-center w-fit bg-red-50 rounded-lg p-2.5\">\r\n              <IconTrash size={20} className=\"text-red-500\" />\r\n            </div>\r\n            <div className=\"flex flex-col gap-2\">\r\n              <DialogTitle className=\"paragraph-medium-semibold text-zinc-950\">\r\n                {translate('common.cards.delete.title')}\r\n              </DialogTitle>\r\n              <DialogDescription className=\"paragraph-small-regular text-zinc-600\">\r\n                {translate('common.cards.delete.description')}{' '}\r\n                <span className=\"font-semibold text-zinc-950\">\r\n                  •••• {cardLastDigits}\r\n                </span>\r\n                ?\r\n              </DialogDescription>\r\n            </div>\r\n          </DialogHeader>\r\n\r\n          <div className=\"px-4 lg:px-5 py-5\">\r\n            <FormField\r\n              label={translate('common.cards.delete.confirmLabel')}\r\n              required\r\n              placeholder={translate('common.cards.delete.confirmPlaceholder')}\r\n              {...form.register('confirmText')}\r\n            />\r\n          </div>\r\n          <Separator />\r\n          <div className=\"flex flex-row items-center gap-2 p-4 lg:p-5\">\r\n            <Button\r\n              type=\"submit\"\r\n              disabled={!isValidConfirmation}\r\n              loading={form.formState.isSubmitting}\r\n              className=\"h-10!\"\r\n            >\r\n              {form.formState.isSubmitting ? translate('common.cards.delete.deleting') : translate('common.actions.delete')}\r\n            </Button>\r\n            <Button\r\n              type=\"button\"\r\n              variant=\"secondary\"\r\n              className=\"h-10!\"\r\n              onClick={handleClose}\r\n              disabled={form.formState.isSubmitting}\r\n            >\r\n              {translate('common.actions.cancel')}\r\n            </Button>\r\n          </div>\r\n        </form>\r\n      </DialogContent>\r\n    </Dialog>\r\n  );\r\n}\r\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/components/modals/cards/DeleteCardModal.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Dialog,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  DialogDescription,\n} from '../../ui/overlay/Dialog';\nimport { Button } from '../../ui/buttons/Button';\nimport { Separator } from '../../ui/data-display/Separator';\nimport { Toast } from '../../ui/feedback/Toast';\nimport { FormField } from '../../ui/form/FormField';\nimport { IconTrash } from '@tabler/icons-react';\nimport { toast } from 'sonner';\nimport { useModalManager } from '../../../store/useModalManager';\nimport { useDeleteConfirmation } from '../../../modules/cards/hooks/delete-confirmation.hook';\nimport { useDeleteCard } from '../../../modules/cards/hooks/delete-card.hook';\nimport { useCards } from '../../../modules/cards/hooks/cards.hook';\nimport { useTranslations } from 'next-intl';\n\nexport function DeleteCardModal() {\n  const translate = useTranslations();\n  const { activeModal, modalData, closeModal } = useModalManager();\n  const { form, isValidConfirmation, resetConfirmation } = useDeleteConfirmation({\n    confirmWord: translate('common.cards.delete.confirmPlaceholder'),\n  });\n  const deleteCard = useDeleteCard();\n  const { data: cardsData } = useCards();\n\n  const isOpen = activeModal === 'deleteCardModal';\n  const cardId = modalData.cardId as string | undefined;\n  const onSuccess = modalData.onSuccess as (() => void) | undefined;\n\n  const card = cardsData?.data?.find((c) => c.id.toString() === cardId);\n  const cardLastDigits = (card?.number ?? '').replaceAll(/\\D/g, '').slice(-4);\n\n  const handleClose = () => {\n    resetConfirmation();\n    closeModal();\n  };\n\n  const onSubmit = async () => {\n    if (!cardId) return;\n\n    try {\n      await deleteCard.mutateAsync(cardId);\n    } catch (error) {\n      toast.custom(\n        (t) => (\n          <Toast\n            toastId={t}\n            variant=\"error\"\n            message={\n              error instanceof Error\n                ? error.message\n                : translate('common.cards.delete.errorToast')\n            }\n          />\n        ),\n        { duration: 5000 },\n      );\n      return;\n    }\n\n    onSuccess?.();\n    resetConfirmation();\n    closeModal();\n\n    toast.custom(\n      (t) => (\n        <Toast\n          variant=\"success\"\n          message={translate('common.cards.delete.successToast', { digits: cardLastDigits })}\n          toastId={t}\n        />\n      ),\n      { duration: 5000 },\n    );\n  };\n\n  return (\n    <Dialog open={isOpen} onOpenChange={(open) => !open && handleClose()}>\n      <DialogContent className=\"flex flex-col p-0! gap-0! max-w-[calc(100%-2rem)]! w-full sm:max-w-[400px]! lg:max-w-[410px]! rounded-lg border\">\n        <form onSubmit={form.handleSubmit(onSubmit)} className=\"flex flex-col\">\n          <DialogHeader className=\"gap-4 text-left p-4 lg:p-5 pb-0 lg:pb-0\">\n            <div className=\"flex items-center justify-center w-fit bg-red-50 rounded-lg p-2.5\">\n              <IconTrash size={20} className=\"text-red-500\" />\n            </div>\n            <div className=\"flex flex-col gap-2\">\n              <DialogTitle className=\"paragraph-medium-semibold text-zinc-950\">\n                {translate('common.cards.delete.title')}\n              </DialogTitle>\n              <DialogDescription className=\"paragraph-small-regular text-zinc-600\">\n                {translate('common.cards.delete.description')}{' '}\n                <span className=\"font-semibold text-zinc-950\">\n                  •••• {cardLastDigits}\n                </span>\n                ?\n              </DialogDescription>\n            </div>\n          </DialogHeader>\n\n          <div className=\"px-4 lg:px-5 py-5\">\n            <FormField\n              label={translate('common.cards.delete.confirmLabel')}\n              required\n              placeholder={translate('common.cards.delete.confirmPlaceholder')}\n              {...form.register('confirmText')}\n            />\n          </div>\n          <Separator />\n          <div className=\"flex flex-row items-center gap-2 p-4 lg:p-5\">\n            <Button\n              type=\"submit\"\n              disabled={!isValidConfirmation}\n              loading={form.formState.isSubmitting}\n              className=\"h-10!\"\n            >\n              {form.formState.isSubmitting ? translate('common.cards.delete.deleting') : translate('common.actions.delete')}\n            </Button>\n            <Button\n              type=\"button\"\n              variant=\"secondary\"\n              className=\"h-10!\"\n              onClick={handleClose}\n              disabled={form.formState.isSubmitting}\n            >\n              {translate('common.actions.cancel')}\n            </Button>\n          </div>\n        </form>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/navigation/CancelledSubscriptionBanner.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/navigation/CancelledSubscriptionBanner.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { useState, useEffect, useCallback } from 'react';\r\nimport { IconAlertOctagon, IconX } from '@tabler/icons-react';\r\nimport { useActiveSubscription } from '../../modules/subscriptions/hooks/find-active-subscription.hook';\r\nimport { getSubscriptionCancellationState } from '../../modules/subscriptions/utils/get-subscription-cancellation-state';\r\nimport { useTranslations } from 'next-intl';\r\n\r\ninterface CancelledSubscriptionBannerProps {\r\n  onReactivate?: () => void;\r\n}\r\n\r\nexport function CancelledSubscriptionBanner({ onReactivate }: CancelledSubscriptionBannerProps) {\r\n  const translate = useTranslations();\r\n  const { data: { data: [subscription] = [] } = {} } = useActiveSubscription();\r\n  const [visible, setVisible] = useState(true);\r\n  const [animated, setAnimated] = useState(false);\r\n\r\n  useEffect(() => {\r\n    const timer = setTimeout(() => setAnimated(true), 50);\r\n    return () => clearTimeout(timer);\r\n  }, []);\r\n\r\n  const dismiss = useCallback(() => setVisible(false), []);\r\n\r\n  if (!visible) return null;\r\n  if (subscription?.type === 'free' || subscription?.type === 'trial') return null;\r\n\r\n  // Mesma fonte da verdade do SubscriptionBanner: páginas fora do ar quando a\r\n  // assinatura está inativa (ex.: baixa por falha de pagamento) OU o cancelamento\r\n  // explícito já passou do período (com grace, no caso de client).\r\n  if (getSubscriptionCancellationState(subscription) !== 'cancelled') return null;\r\n\r\n  return (\r\n    <div className=\"fixed top-[80px] md:top-0 left-0 right-0 z-[60] flex justify-center pointer-events-none px-4 lg:px-0\">\r\n      <div\r\n        className={`flex flex-col sm:flex-row items-start sm:items-center justify-between bg-red-500 rounded-lg px-3 py-2 sm:py-1 w-full lg:w-[805px] max-w-full pointer-events-auto transition-transform duration-500 ease-out gap-2 sm:gap-0 ${animated ? 'translate-y-0 md:translate-y-9' : '-translate-y-full'}`}\r\n      >\r\n        <div className=\"flex items-center gap-2 flex-1 w-full sm:w-auto\">\r\n          <IconAlertOctagon size={16} className=\"text-white shrink-0\" />\r\n          <span className=\"paragraph-xsmall-semibold text-white\">\r\n            {translate('common.navigation.banners.cancelled.message')}\r\n          </span>\r\n        </div>\r\n        <div className=\"flex items-center gap-1.5 w-full sm:w-auto justify-between sm:justify-start\">\r\n          <button\r\n            type=\"button\"\r\n            className=\"flex items-center justify-center p-1.5 cursor-pointer\"\r\n            onClick={onReactivate}\r\n          >\r\n            <span className=\"paragraph-xsmall-semibold text-white underline\">\r\n              {translate('common.navigation.banners.cancelled.choosePlan')}\r\n            </span>\r\n          </button>\r\n          <button type=\"button\" className=\"cursor-pointer shrink-0\" onClick={dismiss}>\r\n            <IconX size={18} className=\"text-red-200\" />\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":";AAsCQ,SACE,KADF;AApCR,SAAS,UAAU,WAAW,mBAAmB;AACjD,SAAS,kBAAkB,aAAa;AACxC,SAAS,6BAA6B;AACtC,SAAS,wCAAwC;AACjD,SAAS,uBAAuB;AAMzB,SAAS,4BAA4B,EAAE,aAAa,GAAqC;AAC9F,QAAM,YAAY,gBAAgB;AAClC,QAAM,EAAE,MAAM,EAAE,MAAM,CAAC,YAAY,IAAI,CAAC,EAAE,IAAI,CAAC,EAAE,IAAI,sBAAsB;AAC3E,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,IAAI;AAC3C,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAE9C,YAAU,MAAM;AACd,UAAM,QAAQ,WAAW,MAAM,YAAY,IAAI,GAAG,EAAE;AACpD,WAAO,MAAM,aAAa,KAAK;AAAA,EACjC,GAAG,CAAC,CAAC;AAEL,QAAM,UAAU,YAAY,MAAM,WAAW,KAAK,GAAG,CAAC,CAAC;AAEvD,MAAI,CAAC,QAAS,QAAO;AACrB,MAAI,cAAc,SAAS,UAAU,cAAc,SAAS,QAAS,QAAO;AAK5E,MAAI,iCAAiC,YAAY,MAAM,YAAa,QAAO;AAE3E,SACE,oBAAC,SAAI,WAAU,wGACb;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,8NAA8N,WAAW,mCAAmC,mBAAmB;AAAA,MAE1S;AAAA,6BAAC,SAAI,WAAU,mDACb;AAAA,8BAAC,oBAAiB,MAAM,IAAI,WAAU,uBAAsB;AAAA,UAC5D,oBAAC,UAAK,WAAU,wCACb,oBAAU,6CAA6C,GAC1D;AAAA,WACF;AAAA,QACA,qBAAC,SAAI,WAAU,+EACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAU;AAAA,cACV,SAAS;AAAA,cAET,8BAAC,UAAK,WAAU,kDACb,oBAAU,gDAAgD,GAC7D;AAAA;AAAA,UACF;AAAA,UACA,oBAAC,YAAO,MAAK,UAAS,WAAU,2BAA0B,SAAS,SACjE,8BAAC,SAAM,MAAM,IAAI,WAAU,gBAAe,GAC5C;AAAA,WACF;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/navigation/CancelledSubscriptionBanner.tsx"],"sourcesContent":["'use client';\n\nimport { useState, useEffect, useCallback } from 'react';\nimport { IconAlertOctagon, IconX } from '@tabler/icons-react';\nimport { useActiveSubscription } from '../../modules/subscriptions/hooks/find-active-subscription.hook';\nimport { getSubscriptionCancellationState } from '../../modules/subscriptions/utils/get-subscription-cancellation-state';\nimport { useTranslations } from 'next-intl';\n\ninterface CancelledSubscriptionBannerProps {\n  onReactivate?: () => void;\n}\n\nexport function CancelledSubscriptionBanner({ onReactivate }: CancelledSubscriptionBannerProps) {\n  const translate = useTranslations();\n  const { data: { data: [subscription] = [] } = {} } = useActiveSubscription();\n  const [visible, setVisible] = useState(true);\n  const [animated, setAnimated] = useState(false);\n\n  useEffect(() => {\n    const timer = setTimeout(() => setAnimated(true), 50);\n    return () => clearTimeout(timer);\n  }, []);\n\n  const dismiss = useCallback(() => setVisible(false), []);\n\n  if (!visible) return null;\n  if (subscription?.type === 'free' || subscription?.type === 'trial') return null;\n\n  // Mesma fonte da verdade do SubscriptionBanner: páginas fora do ar quando a\n  // assinatura está inativa (ex.: baixa por falha de pagamento) OU o cancelamento\n  // explícito já passou do período (com grace, no caso de client).\n  if (getSubscriptionCancellationState(subscription) !== 'cancelled') return null;\n\n  return (\n    <div className=\"fixed top-[80px] md:top-0 left-0 right-0 z-[60] flex justify-center pointer-events-none px-4 lg:px-0\">\n      <div\n        className={`flex flex-col sm:flex-row items-start sm:items-center justify-between bg-red-500 rounded-lg px-3 py-2 sm:py-1 w-full lg:w-[805px] max-w-full pointer-events-auto transition-transform duration-500 ease-out gap-2 sm:gap-0 ${animated ? 'translate-y-0 md:translate-y-9' : '-translate-y-full'}`}\n      >\n        <div className=\"flex items-center gap-2 flex-1 w-full sm:w-auto\">\n          <IconAlertOctagon size={16} className=\"text-white shrink-0\" />\n          <span className=\"paragraph-xsmall-semibold text-white\">\n            {translate('common.navigation.banners.cancelled.message')}\n          </span>\n        </div>\n        <div className=\"flex items-center gap-1.5 w-full sm:w-auto justify-between sm:justify-start\">\n          <button\n            type=\"button\"\n            className=\"flex items-center justify-center p-1.5 cursor-pointer\"\n            onClick={onReactivate}\n          >\n            <span className=\"paragraph-xsmall-semibold text-white underline\">\n              {translate('common.navigation.banners.cancelled.choosePlan')}\n            </span>\n          </button>\n          <button type=\"button\" className=\"cursor-pointer shrink-0\" onClick={dismiss}>\n            <IconX size={18} className=\"text-red-200\" />\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AAsCQ,SACE,KADF;AApCR,SAAS,UAAU,WAAW,mBAAmB;AACjD,SAAS,kBAAkB,aAAa;AACxC,SAAS,6BAA6B;AACtC,SAAS,wCAAwC;AACjD,SAAS,uBAAuB;AAMzB,SAAS,4BAA4B,EAAE,aAAa,GAAqC;AAC9F,QAAM,YAAY,gBAAgB;AAClC,QAAM,EAAE,MAAM,EAAE,MAAM,CAAC,YAAY,IAAI,CAAC,EAAE,IAAI,CAAC,EAAE,IAAI,sBAAsB;AAC3E,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,IAAI;AAC3C,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAE9C,YAAU,MAAM;AACd,UAAM,QAAQ,WAAW,MAAM,YAAY,IAAI,GAAG,EAAE;AACpD,WAAO,MAAM,aAAa,KAAK;AAAA,EACjC,GAAG,CAAC,CAAC;AAEL,QAAM,UAAU,YAAY,MAAM,WAAW,KAAK,GAAG,CAAC,CAAC;AAEvD,MAAI,CAAC,QAAS,QAAO;AACrB,MAAI,cAAc,SAAS,UAAU,cAAc,SAAS,QAAS,QAAO;AAK5E,MAAI,iCAAiC,YAAY,MAAM,YAAa,QAAO;AAE3E,SACE,oBAAC,SAAI,WAAU,wGACb;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,8NAA8N,WAAW,mCAAmC,mBAAmB;AAAA,MAE1S;AAAA,6BAAC,SAAI,WAAU,mDACb;AAAA,8BAAC,oBAAiB,MAAM,IAAI,WAAU,uBAAsB;AAAA,UAC5D,oBAAC,UAAK,WAAU,wCACb,oBAAU,6CAA6C,GAC1D;AAAA,WACF;AAAA,QACA,qBAAC,SAAI,WAAU,+EACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAU;AAAA,cACV,SAAS;AAAA,cAET,8BAAC,UAAK,WAAU,kDACb,oBAAU,gDAAgD,GAC7D;AAAA;AAAA,UACF;AAAA,UACA,oBAAC,YAAO,MAAK,UAAS,WAAU,2BAA0B,SAAS,SACjE,8BAAC,SAAM,MAAM,IAAI,WAAU,gBAAe,GAC5C;AAAA,WACF;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}

package/dist/components/navigation/NavItemsContext.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/navigation/NavItemsContext.ts"],"sourcesContent":["'use client';\r\n\r\nimport { createContext, useContext } from 'react';\r\nimport type { NavItemConfig } from './subcomponents/NavItems';\r\n\r\ninterface NavItemsContextValue {\r\n  navItems: NavItemConfig[];\r\n  setNavItems: (items: NavItemConfig[]) => void;\r\n  mobileVariant: 'sheet' | 'tabs';\r\n}\r\n\r\nexport const NavItemsContext = createContext<NavItemsContextValue>({\r\n  navItems: [],\r\n  setNavItems: () => {},\r\n  mobileVariant: 'sheet',\r\n});\r\n\r\nexport function useNavItemsContext(): NavItemsContextValue {\r\n  return useContext(NavItemsContext);\r\n}\r\n"],"mappings":";AAEA,SAAS,eAAe,kBAAkB;AASnC,MAAM,kBAAkB,cAAoC;AAAA,EACjE,UAAU,CAAC;AAAA,EACX,aAAa,MAAM;AAAA,EAAC;AAAA,EACpB,eAAe;AACjB,CAAC;AAEM,SAAS,qBAA2C;AACzD,SAAO,WAAW,eAAe;AACnC;","names":[]}
+{"version":3,"sources":["../../../src/components/navigation/NavItemsContext.ts"],"sourcesContent":["'use client';\n\nimport { createContext, useContext } from 'react';\nimport type { NavItemConfig } from './subcomponents/NavItems';\n\ninterface NavItemsContextValue {\n  navItems: NavItemConfig[];\n  setNavItems: (items: NavItemConfig[]) => void;\n  mobileVariant: 'sheet' | 'tabs';\n}\n\nexport const NavItemsContext = createContext<NavItemsContextValue>({\n  navItems: [],\n  setNavItems: () => {},\n  mobileVariant: 'sheet',\n});\n\nexport function useNavItemsContext(): NavItemsContextValue {\n  return useContext(NavItemsContext);\n}\n"],"mappings":";AAEA,SAAS,eAAe,kBAAkB;AASnC,MAAM,kBAAkB,cAAoC;AAAA,EACjE,UAAU,CAAC;AAAA,EACX,aAAa,MAAM;AAAA,EAAC;AAAA,EACpB,eAAe;AACjB,CAAC;AAEM,SAAS,qBAA2C;AACzD,SAAO,WAAW,eAAe;AACnC;","names":[]}

package/dist/components/navigation/OverdueInvoiceBanner.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/navigation/OverdueInvoiceBanner.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { useState, useEffect, useCallback } from 'react';\r\nimport { IconAlertTriangle, IconX } from '@tabler/icons-react';\r\nimport { useTranslations } from 'next-intl';\r\n\r\ninterface OverdueInvoiceBannerProps {\r\n  onDetails?: () => void;\r\n}\r\n\r\nexport function OverdueInvoiceBanner({ onDetails }: OverdueInvoiceBannerProps) {\r\n  const translate = useTranslations();\r\n  const [visible, setVisible] = useState(true);\r\n  const [animated, setAnimated] = useState(false);\r\n\r\n  useEffect(() => {\r\n    const timer = setTimeout(() => setAnimated(true), 50);\r\n    return () => clearTimeout(timer);\r\n  }, []);\r\n\r\n  const dismiss = useCallback(() => setVisible(false), []);\r\n\r\n  if (!visible) return null;\r\n\r\n  return (\r\n    <div className=\"fixed top-[80px] md:top-0 left-0 right-0 z-[60] flex justify-center pointer-events-none px-4 lg:px-0\">\r\n      <div\r\n        className={`flex flex-col sm:flex-row items-start sm:items-center justify-between bg-orange-500 rounded-lg px-3 py-2 sm:py-1 w-full lg:w-[805px] max-w-full pointer-events-auto transition-transform duration-500 ease-out gap-2 sm:gap-0 ${animated ? 'translate-y-0 md:translate-y-9' : '-translate-y-full'}`}\r\n      >\r\n        <div className=\"flex items-center gap-2 flex-1 w-full sm:w-auto\">\r\n          <IconAlertTriangle size={16} className=\"text-white shrink-0\" />\r\n          <span className=\"paragraph-xsmall-semibold text-white\">\r\n            {translate('common.navigation.banners.overdue.message')}\r\n          </span>\r\n        </div>\r\n        <div className=\"flex items-center gap-1.5 w-full sm:w-auto justify-between sm:justify-start\">\r\n          <button\r\n            type=\"button\"\r\n            className=\"flex items-center justify-center p-1.5 cursor-pointer\"\r\n            onClick={onDetails}\r\n          >\r\n            <span className=\"paragraph-xsmall-semibold text-white underline\">{translate('common.navigation.banners.overdue.details')}</span>\r\n          </button>\r\n          <button type=\"button\" className=\"cursor-pointer shrink-0\" onClick={dismiss}>\r\n            <IconX size={18} className=\"text-orange-200\" />\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":";AA6BQ,SACE,KADF;AA3BR,SAAS,UAAU,WAAW,mBAAmB;AACjD,SAAS,mBAAmB,aAAa;AACzC,SAAS,uBAAuB;AAMzB,SAAS,qBAAqB,EAAE,UAAU,GAA8B;AAC7E,QAAM,YAAY,gBAAgB;AAClC,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,IAAI;AAC3C,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAE9C,YAAU,MAAM;AACd,UAAM,QAAQ,WAAW,MAAM,YAAY,IAAI,GAAG,EAAE;AACpD,WAAO,MAAM,aAAa,KAAK;AAAA,EACjC,GAAG,CAAC,CAAC;AAEL,QAAM,UAAU,YAAY,MAAM,WAAW,KAAK,GAAG,CAAC,CAAC;AAEvD,MAAI,CAAC,QAAS,QAAO;AAErB,SACE,oBAAC,SAAI,WAAU,wGACb;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,iOAAiO,WAAW,mCAAmC,mBAAmB;AAAA,MAE7S;AAAA,6BAAC,SAAI,WAAU,mDACb;AAAA,8BAAC,qBAAkB,MAAM,IAAI,WAAU,uBAAsB;AAAA,UAC7D,oBAAC,UAAK,WAAU,wCACb,oBAAU,2CAA2C,GACxD;AAAA,WACF;AAAA,QACA,qBAAC,SAAI,WAAU,+EACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAU;AAAA,cACV,SAAS;AAAA,cAET,8BAAC,UAAK,WAAU,kDAAkD,oBAAU,2CAA2C,GAAE;AAAA;AAAA,UAC3H;AAAA,UACA,oBAAC,YAAO,MAAK,UAAS,WAAU,2BAA0B,SAAS,SACjE,8BAAC,SAAM,MAAM,IAAI,WAAU,mBAAkB,GAC/C;AAAA,WACF;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/navigation/OverdueInvoiceBanner.tsx"],"sourcesContent":["'use client';\n\nimport { useState, useEffect, useCallback } from 'react';\nimport { IconAlertTriangle, IconX } from '@tabler/icons-react';\nimport { useTranslations } from 'next-intl';\n\ninterface OverdueInvoiceBannerProps {\n  onDetails?: () => void;\n}\n\nexport function OverdueInvoiceBanner({ onDetails }: OverdueInvoiceBannerProps) {\n  const translate = useTranslations();\n  const [visible, setVisible] = useState(true);\n  const [animated, setAnimated] = useState(false);\n\n  useEffect(() => {\n    const timer = setTimeout(() => setAnimated(true), 50);\n    return () => clearTimeout(timer);\n  }, []);\n\n  const dismiss = useCallback(() => setVisible(false), []);\n\n  if (!visible) return null;\n\n  return (\n    <div className=\"fixed top-[80px] md:top-0 left-0 right-0 z-[60] flex justify-center pointer-events-none px-4 lg:px-0\">\n      <div\n        className={`flex flex-col sm:flex-row items-start sm:items-center justify-between bg-orange-500 rounded-lg px-3 py-2 sm:py-1 w-full lg:w-[805px] max-w-full pointer-events-auto transition-transform duration-500 ease-out gap-2 sm:gap-0 ${animated ? 'translate-y-0 md:translate-y-9' : '-translate-y-full'}`}\n      >\n        <div className=\"flex items-center gap-2 flex-1 w-full sm:w-auto\">\n          <IconAlertTriangle size={16} className=\"text-white shrink-0\" />\n          <span className=\"paragraph-xsmall-semibold text-white\">\n            {translate('common.navigation.banners.overdue.message')}\n          </span>\n        </div>\n        <div className=\"flex items-center gap-1.5 w-full sm:w-auto justify-between sm:justify-start\">\n          <button\n            type=\"button\"\n            className=\"flex items-center justify-center p-1.5 cursor-pointer\"\n            onClick={onDetails}\n          >\n            <span className=\"paragraph-xsmall-semibold text-white underline\">{translate('common.navigation.banners.overdue.details')}</span>\n          </button>\n          <button type=\"button\" className=\"cursor-pointer shrink-0\" onClick={dismiss}>\n            <IconX size={18} className=\"text-orange-200\" />\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AA6BQ,SACE,KADF;AA3BR,SAAS,UAAU,WAAW,mBAAmB;AACjD,SAAS,mBAAmB,aAAa;AACzC,SAAS,uBAAuB;AAMzB,SAAS,qBAAqB,EAAE,UAAU,GAA8B;AAC7E,QAAM,YAAY,gBAAgB;AAClC,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,IAAI;AAC3C,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAE9C,YAAU,MAAM;AACd,UAAM,QAAQ,WAAW,MAAM,YAAY,IAAI,GAAG,EAAE;AACpD,WAAO,MAAM,aAAa,KAAK;AAAA,EACjC,GAAG,CAAC,CAAC;AAEL,QAAM,UAAU,YAAY,MAAM,WAAW,KAAK,GAAG,CAAC,CAAC;AAEvD,MAAI,CAAC,QAAS,QAAO;AAErB,SACE,oBAAC,SAAI,WAAU,wGACb;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,iOAAiO,WAAW,mCAAmC,mBAAmB;AAAA,MAE7S;AAAA,6BAAC,SAAI,WAAU,mDACb;AAAA,8BAAC,qBAAkB,MAAM,IAAI,WAAU,uBAAsB;AAAA,UAC7D,oBAAC,UAAK,WAAU,wCACb,oBAAU,2CAA2C,GACxD;AAAA,WACF;AAAA,QACA,qBAAC,SAAI,WAAU,+EACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAU;AAAA,cACV,SAAS;AAAA,cAET,8BAAC,UAAK,WAAU,kDAAkD,oBAAU,2CAA2C,GAAE;AAAA;AAAA,UAC3H;AAAA,UACA,oBAAC,YAAO,MAAK,UAAS,WAAU,2BAA0B,SAAS,SACjE,8BAAC,SAAM,MAAM,IAAI,WAAU,mBAAkB,GAC/C;AAAA,WACF;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}

package/dist/components/navigation/PendingCancellationBanner.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/navigation/PendingCancellationBanner.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { useState, useEffect, useCallback } from 'react';\r\nimport { IconAlertTriangle, IconX } from '@tabler/icons-react';\r\nimport { formatShortDate } from '../../infra/utils/date';\r\nimport { useTranslations } from 'next-intl';\r\n\r\ninterface PendingCancellationBannerProps {\r\n  limitDate?: Date | null;\r\n  onReactivate?: () => void;\r\n}\r\n\r\nexport function PendingCancellationBanner({\r\n  limitDate,\r\n  onReactivate,\r\n}: PendingCancellationBannerProps) {\r\n  const translate = useTranslations();\r\n  const [visible, setVisible] = useState(true);\r\n  const [animated, setAnimated] = useState(false);\r\n\r\n  useEffect(() => {\r\n    const timer = setTimeout(() => setAnimated(true), 50);\r\n    return () => clearTimeout(timer);\r\n  }, []);\r\n\r\n  const dismiss = useCallback(() => setVisible(false), []);\r\n\r\n  if (!visible) return null;\r\n\r\n  const formattedLimitDate = formatShortDate(limitDate);\r\n\r\n  return (\r\n    <div className=\"fixed top-[80px] md:top-0 left-0 right-0 z-[60] flex justify-center pointer-events-none px-4 lg:px-0\">\r\n      <div\r\n        className={`flex flex-col sm:flex-row items-start sm:items-center justify-between bg-yellow-400 rounded-lg px-3 py-2 sm:py-1 w-full lg:w-[805px] max-w-full pointer-events-auto transition-transform duration-500 ease-out gap-2 sm:gap-0 ${animated ? 'translate-y-0 md:translate-y-9' : '-translate-y-full'}`}\r\n      >\r\n        <div className=\"flex items-center gap-2 flex-1 w-full sm:w-auto\">\r\n          <IconAlertTriangle size={16} className=\"text-zinc-950 shrink-0\" />\r\n          <span className=\"paragraph-xsmall-semibold text-zinc-950\">\r\n            {translate('common.navigation.banners.pending.message', { limitDate: formattedLimitDate ?? '' })}\r\n          </span>\r\n        </div>\r\n        <div className=\"flex items-center gap-1.5 w-full sm:w-auto justify-between sm:justify-start\">\r\n          <button\r\n            type=\"button\"\r\n            className=\"flex items-center justify-center p-1.5 cursor-pointer\"\r\n            onClick={onReactivate}\r\n          >\r\n            <span className=\"paragraph-xsmall-semibold text-zinc-950 underline\">\r\n              {translate('common.navigation.banners.pending.reactivate')}\r\n            </span>\r\n          </button>\r\n          <button type=\"button\" className=\"cursor-pointer shrink-0\" onClick={dismiss}>\r\n            <IconX size={18} className=\"text-zinc-700\" />\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":";AAoCQ,SACE,KADF;AAlCR,SAAS,UAAU,WAAW,mBAAmB;AACjD,SAAS,mBAAmB,aAAa;AACzC,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAOzB,SAAS,0BAA0B;AAAA,EACxC;AAAA,EACA;AACF,GAAmC;AACjC,QAAM,YAAY,gBAAgB;AAClC,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,IAAI;AAC3C,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAE9C,YAAU,MAAM;AACd,UAAM,QAAQ,WAAW,MAAM,YAAY,IAAI,GAAG,EAAE;AACpD,WAAO,MAAM,aAAa,KAAK;AAAA,EACjC,GAAG,CAAC,CAAC;AAEL,QAAM,UAAU,YAAY,MAAM,WAAW,KAAK,GAAG,CAAC,CAAC;AAEvD,MAAI,CAAC,QAAS,QAAO;AAErB,QAAM,qBAAqB,gBAAgB,SAAS;AAEpD,SACE,oBAAC,SAAI,WAAU,wGACb;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,iOAAiO,WAAW,mCAAmC,mBAAmB;AAAA,MAE7S;AAAA,6BAAC,SAAI,WAAU,mDACb;AAAA,8BAAC,qBAAkB,MAAM,IAAI,WAAU,0BAAyB;AAAA,UAChE,oBAAC,UAAK,WAAU,2CACb,oBAAU,6CAA6C,EAAE,WAAW,sBAAsB,GAAG,CAAC,GACjG;AAAA,WACF;AAAA,QACA,qBAAC,SAAI,WAAU,+EACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAU;AAAA,cACV,SAAS;AAAA,cAET,8BAAC,UAAK,WAAU,qDACb,oBAAU,8CAA8C,GAC3D;AAAA;AAAA,UACF;AAAA,UACA,oBAAC,YAAO,MAAK,UAAS,WAAU,2BAA0B,SAAS,SACjE,8BAAC,SAAM,MAAM,IAAI,WAAU,iBAAgB,GAC7C;AAAA,WACF;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/navigation/PendingCancellationBanner.tsx"],"sourcesContent":["'use client';\n\nimport { useState, useEffect, useCallback } from 'react';\nimport { IconAlertTriangle, IconX } from '@tabler/icons-react';\nimport { formatShortDate } from '../../infra/utils/date';\nimport { useTranslations } from 'next-intl';\n\ninterface PendingCancellationBannerProps {\n  limitDate?: Date | null;\n  onReactivate?: () => void;\n}\n\nexport function PendingCancellationBanner({\n  limitDate,\n  onReactivate,\n}: PendingCancellationBannerProps) {\n  const translate = useTranslations();\n  const [visible, setVisible] = useState(true);\n  const [animated, setAnimated] = useState(false);\n\n  useEffect(() => {\n    const timer = setTimeout(() => setAnimated(true), 50);\n    return () => clearTimeout(timer);\n  }, []);\n\n  const dismiss = useCallback(() => setVisible(false), []);\n\n  if (!visible) return null;\n\n  const formattedLimitDate = formatShortDate(limitDate);\n\n  return (\n    <div className=\"fixed top-[80px] md:top-0 left-0 right-0 z-[60] flex justify-center pointer-events-none px-4 lg:px-0\">\n      <div\n        className={`flex flex-col sm:flex-row items-start sm:items-center justify-between bg-yellow-400 rounded-lg px-3 py-2 sm:py-1 w-full lg:w-[805px] max-w-full pointer-events-auto transition-transform duration-500 ease-out gap-2 sm:gap-0 ${animated ? 'translate-y-0 md:translate-y-9' : '-translate-y-full'}`}\n      >\n        <div className=\"flex items-center gap-2 flex-1 w-full sm:w-auto\">\n          <IconAlertTriangle size={16} className=\"text-zinc-950 shrink-0\" />\n          <span className=\"paragraph-xsmall-semibold text-zinc-950\">\n            {translate('common.navigation.banners.pending.message', { limitDate: formattedLimitDate ?? '' })}\n          </span>\n        </div>\n        <div className=\"flex items-center gap-1.5 w-full sm:w-auto justify-between sm:justify-start\">\n          <button\n            type=\"button\"\n            className=\"flex items-center justify-center p-1.5 cursor-pointer\"\n            onClick={onReactivate}\n          >\n            <span className=\"paragraph-xsmall-semibold text-zinc-950 underline\">\n              {translate('common.navigation.banners.pending.reactivate')}\n            </span>\n          </button>\n          <button type=\"button\" className=\"cursor-pointer shrink-0\" onClick={dismiss}>\n            <IconX size={18} className=\"text-zinc-700\" />\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AAoCQ,SACE,KADF;AAlCR,SAAS,UAAU,WAAW,mBAAmB;AACjD,SAAS,mBAAmB,aAAa;AACzC,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAOzB,SAAS,0BAA0B;AAAA,EACxC;AAAA,EACA;AACF,GAAmC;AACjC,QAAM,YAAY,gBAAgB;AAClC,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,IAAI;AAC3C,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAE9C,YAAU,MAAM;AACd,UAAM,QAAQ,WAAW,MAAM,YAAY,IAAI,GAAG,EAAE;AACpD,WAAO,MAAM,aAAa,KAAK;AAAA,EACjC,GAAG,CAAC,CAAC;AAEL,QAAM,UAAU,YAAY,MAAM,WAAW,KAAK,GAAG,CAAC,CAAC;AAEvD,MAAI,CAAC,QAAS,QAAO;AAErB,QAAM,qBAAqB,gBAAgB,SAAS;AAEpD,SACE,oBAAC,SAAI,WAAU,wGACb;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,iOAAiO,WAAW,mCAAmC,mBAAmB;AAAA,MAE7S;AAAA,6BAAC,SAAI,WAAU,mDACb;AAAA,8BAAC,qBAAkB,MAAM,IAAI,WAAU,0BAAyB;AAAA,UAChE,oBAAC,UAAK,WAAU,2CACb,oBAAU,6CAA6C,EAAE,WAAW,sBAAsB,GAAG,CAAC,GACjG;AAAA,WACF;AAAA,QACA,qBAAC,SAAI,WAAU,+EACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAU;AAAA,cACV,SAAS;AAAA,cAET,8BAAC,UAAK,WAAU,qDACb,oBAAU,8CAA8C,GAC3D;AAAA;AAAA,UACF;AAAA,UACA,oBAAC,YAAO,MAAK,UAAS,WAAU,2BAA0B,SAAS,SACjE,8BAAC,SAAM,MAAM,IAAI,WAAU,iBAAgB,GAC7C;AAAA,WACF;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}

package/dist/components/navigation/ProjectSelectorPopover.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/navigation/ProjectSelectorPopover.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { Dispatch, RefObject, SetStateAction, UIEvent, useCallback } from 'react';\r\nimport { useTranslations } from 'next-intl';\r\nimport {\r\n  Button,\r\n  Command,\r\n  CommandEmpty,\r\n  CommandInput,\r\n  CommandItem,\r\n  CommandList,\r\n  Popover,\r\n  PopoverContent,\r\n  PopoverTrigger,\r\n  UserAvatar,\r\n} from '../../index';\r\nimport { IconCheck, IconChevronDown, IconFolderOpen } from '@tabler/icons-react';\r\nimport type { Project } from '../../modules/projects/types';\r\n\r\nexport interface ProjectSelectorPopoverProps {\r\n  open: boolean;\r\n  setOpen: Dispatch<SetStateAction<boolean>>;\r\n  titleRef?: RefObject<HTMLSpanElement | null>;\r\n  projects: Project[];\r\n  selectedProject: Project | null;\r\n  isLoading?: boolean;\r\n  isFetchingNextPage?: boolean;\r\n  hasNextPage?: boolean;\r\n  onLoadMore?: () => void | Promise<unknown>;\r\n  onSelectProject: (project: Project) => void;\r\n  onManageProjects?: () => void;\r\n  search?: string;\r\n  onSearchChange?: (value: string) => void;\r\n  children?: React.ReactNode;\r\n}\r\n\r\nfunction ProjectItemSkeleton() {\r\n  return (\r\n    <div className=\"flex items-center justify-between px-2 py-2 gap-2\">\r\n      <div className=\"flex items-center gap-2 flex-1\">\r\n        <div className=\"skeleton size-9 rounded-lg shrink-0\" />\r\n        <div className=\"skeleton h-4 w-36 rounded\" />\r\n      </div>\r\n      <div className=\"skeleton size-4 rounded-full shrink-0\" />\r\n    </div>\r\n  );\r\n}\r\n\r\nexport function ProjectSelectorPopover({\r\n  open,\r\n  setOpen,\r\n  titleRef,\r\n  projects,\r\n  selectedProject,\r\n  isLoading,\r\n  isFetchingNextPage,\r\n  hasNextPage,\r\n  onLoadMore,\r\n  onSelectProject,\r\n  onManageProjects,\r\n  search,\r\n  onSearchChange,\r\n  children,\r\n}: ProjectSelectorPopoverProps) {\r\n  const translate = useTranslations();\r\n  const handleListScroll = useCallback((event: UIEvent<HTMLDivElement>) => {\r\n    if (!hasNextPage || isFetchingNextPage || !onLoadMore) return;\r\n\r\n    const target = event.currentTarget;\r\n    const distanceToBottom = target.scrollHeight - target.scrollTop - target.clientHeight;\r\n\r\n    if (distanceToBottom <= 80) {\r\n      onLoadMore();\r\n    }\r\n  }, [hasNextPage, isFetchingNextPage, onLoadMore]);\r\n\r\n  return (\r\n    <Popover open={open} onOpenChange={setOpen}>\r\n      <PopoverTrigger asChild>\r\n        {children ?? (\r\n          <button className=\"cursor-pointer\">\r\n            <IconChevronDown\r\n              size={20}\r\n              className={`transition-transform duration-200 ${open ? 'rotate-180 text-gray-950' : 'text-gray-400'}`}\r\n            />\r\n          </button>\r\n        )}\r\n      </PopoverTrigger>\r\n      <PopoverContent\r\n        className=\"w-[296px] max-h-[380px] p-0 bg-white rounded-2xl shadow-md border border-gray-200\"\r\n        align=\"start\"\r\n        sideOffset={8}\r\n        onInteractOutside={(event: Event) => {\r\n          if (titleRef?.current?.contains(event.target as Node)) {\r\n            event.preventDefault();\r\n          }\r\n        }}\r\n      >\r\n        <div className=\"flex flex-col p-3 gap-2\">\r\n          <div className=\"flex items-center justify-between\">\r\n            <span className=\"paragraph-small-semibold\">{translate('common.navigation.projectSelector.title')}</span>\r\n          </div>\r\n          <Command className=\"gap-2\" defaultValue=\" \" shouldFilter={!onSearchChange} value=\" \" onValueChange={() => {}}>\r\n            <CommandInput placeholder={translate('common.navigation.projectSelector.searchPlaceholder')} value={search} onValueChange={onSearchChange} />\r\n            <CommandList\r\n              className=\"custom-scrollbar paragraph-small-medium text-gray-600 max-h-[227px]\"\r\n              onScroll={handleListScroll}\r\n            >\r\n              {isLoading ? (\r\n                <>\r\n                  <ProjectItemSkeleton />\r\n                  <ProjectItemSkeleton />\r\n                  <ProjectItemSkeleton />\r\n                  <ProjectItemSkeleton />\r\n                </>\r\n              ) : projects.length === 0 ? (\r\n                <div className=\"flex flex-col items-center justify-center gap-2 h-full text-gray-400 py-4\">\r\n                  <IconFolderOpen size={28} className=\"text-gray-300\" />\r\n                  <span className=\"paragraph-small-medium text-center text-gray-500\">\r\n                    {translate('common.navigation.projectSelector.emptyLine1')}\r\n                    <br />\r\n                    {translate('common.navigation.projectSelector.emptyLine2')}\r\n                  </span>\r\n                </div>\r\n              ) : (\r\n                <>\r\n                  <CommandEmpty>{translate('common.navigation.projectSelector.noResults')}</CommandEmpty>\r\n                  {projects.map((project) => {\r\n                    const isSelected = selectedProject?.id === project.id;\r\n                    return (\r\n                      <CommandItem\r\n                        key={project.id}\r\n                        value={`${project.title}-${project.id}`}\r\n                        keywords={[project.title]}\r\n                        className={isSelected ? 'bg-gray-50 min-h-[39px]' : 'min-h-[39px]'}\r\n                        onSelect={() => onSelectProject(project)}\r\n                      >\r\n                        <div className=\"flex items-center justify-between w-full cursor-pointer\">\r\n                          <div className=\"flex items-center gap-2 w-full\">\r\n                            <UserAvatar\r\n                              photo={project.photo}\r\n                              name={project.title}\r\n                              size={36}\r\n                            />\r\n                            {project.title}\r\n                          </div>\r\n                          {isSelected && (\r\n                            <IconCheck className=\"size-4 text-gray-950\" />\r\n                          )}\r\n                        </div>\r\n                      </CommandItem>\r\n                    );\r\n                  })}\r\n                  {isFetchingNextPage && (\r\n                    <>\r\n                      <ProjectItemSkeleton />\r\n                      <ProjectItemSkeleton />\r\n                    </>\r\n                  )}\r\n                </>\r\n              )}\r\n            </CommandList>\r\n          </Command>\r\n          {onManageProjects && (\r\n            <>\r\n              <div className=\"border-t border-gray-200\" />\r\n              <Button\r\n                variant=\"ghost\"\r\n                className=\"h-10! paragraph-small-medium text-gray-600 hover:text-gray-950 hover:bg-zinc-50 w-full justify-center\"\r\n                onClick={onManageProjects}\r\n              >\r\n                {translate('common.navigation.projectSelector.manageProjects')}\r\n              </Button>\r\n            </>\r\n          )}\r\n        </div>\r\n      </PopoverContent>\r\n    </Popover>\r\n  );\r\n}\r\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/navigation/ProjectSelectorPopover.tsx"],"sourcesContent":["'use client';\n\nimport { Dispatch, RefObject, SetStateAction, UIEvent, useCallback } from 'react';\nimport { useTranslations } from 'next-intl';\nimport {\n  Button,\n  Command,\n  CommandEmpty,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n  UserAvatar,\n} from '../../index';\nimport { IconCheck, IconChevronDown, IconFolderOpen } from '@tabler/icons-react';\nimport type { Project } from '../../modules/projects/types';\n\nexport interface ProjectSelectorPopoverProps {\n  open: boolean;\n  setOpen: Dispatch<SetStateAction<boolean>>;\n  titleRef?: RefObject<HTMLSpanElement | null>;\n  projects: Project[];\n  selectedProject: Project | null;\n  isLoading?: boolean;\n  isFetchingNextPage?: boolean;\n  hasNextPage?: boolean;\n  onLoadMore?: () => void | Promise<unknown>;\n  onSelectProject: (project: Project) => void;\n  onManageProjects?: () => void;\n  search?: string;\n  onSearchChange?: (value: string) => void;\n  children?: React.ReactNode;\n}\n\nfunction ProjectItemSkeleton() {\n  return (\n    <div className=\"flex items-center justify-between px-2 py-2 gap-2\">\n      <div className=\"flex items-center gap-2 flex-1\">\n        <div className=\"skeleton size-9 rounded-lg shrink-0\" />\n        <div className=\"skeleton h-4 w-36 rounded\" />\n      </div>\n      <div className=\"skeleton size-4 rounded-full shrink-0\" />\n    </div>\n  );\n}\n\nexport function ProjectSelectorPopover({\n  open,\n  setOpen,\n  titleRef,\n  projects,\n  selectedProject,\n  isLoading,\n  isFetchingNextPage,\n  hasNextPage,\n  onLoadMore,\n  onSelectProject,\n  onManageProjects,\n  search,\n  onSearchChange,\n  children,\n}: ProjectSelectorPopoverProps) {\n  const translate = useTranslations();\n  const handleListScroll = useCallback((event: UIEvent<HTMLDivElement>) => {\n    if (!hasNextPage || isFetchingNextPage || !onLoadMore) return;\n\n    const target = event.currentTarget;\n    const distanceToBottom = target.scrollHeight - target.scrollTop - target.clientHeight;\n\n    if (distanceToBottom <= 80) {\n      onLoadMore();\n    }\n  }, [hasNextPage, isFetchingNextPage, onLoadMore]);\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        {children ?? (\n          <button className=\"cursor-pointer\">\n            <IconChevronDown\n              size={20}\n              className={`transition-transform duration-200 ${open ? 'rotate-180 text-gray-950' : 'text-gray-400'}`}\n            />\n          </button>\n        )}\n      </PopoverTrigger>\n      <PopoverContent\n        className=\"w-[296px] max-h-[380px] p-0 bg-white rounded-2xl shadow-md border border-gray-200\"\n        align=\"start\"\n        sideOffset={8}\n        onInteractOutside={(event: Event) => {\n          if (titleRef?.current?.contains(event.target as Node)) {\n            event.preventDefault();\n          }\n        }}\n      >\n        <div className=\"flex flex-col p-3 gap-2\">\n          <div className=\"flex items-center justify-between\">\n            <span className=\"paragraph-small-semibold\">{translate('common.navigation.projectSelector.title')}</span>\n          </div>\n          <Command className=\"gap-2\" defaultValue=\" \" shouldFilter={!onSearchChange} value=\" \" onValueChange={() => {}}>\n            <CommandInput placeholder={translate('common.navigation.projectSelector.searchPlaceholder')} value={search} onValueChange={onSearchChange} />\n            <CommandList\n              className=\"custom-scrollbar paragraph-small-medium text-gray-600 max-h-[227px]\"\n              onScroll={handleListScroll}\n            >\n              {isLoading ? (\n                <>\n                  <ProjectItemSkeleton />\n                  <ProjectItemSkeleton />\n                  <ProjectItemSkeleton />\n                  <ProjectItemSkeleton />\n                </>\n              ) : projects.length === 0 ? (\n                <div className=\"flex flex-col items-center justify-center gap-2 h-full text-gray-400 py-4\">\n                  <IconFolderOpen size={28} className=\"text-gray-300\" />\n                  <span className=\"paragraph-small-medium text-center text-gray-500\">\n                    {translate('common.navigation.projectSelector.emptyLine1')}\n                    <br />\n                    {translate('common.navigation.projectSelector.emptyLine2')}\n                  </span>\n                </div>\n              ) : (\n                <>\n                  <CommandEmpty>{translate('common.navigation.projectSelector.noResults')}</CommandEmpty>\n                  {projects.map((project) => {\n                    const isSelected = selectedProject?.id === project.id;\n                    return (\n                      <CommandItem\n                        key={project.id}\n                        value={`${project.title}-${project.id}`}\n                        keywords={[project.title]}\n                        className={isSelected ? 'bg-gray-50 min-h-[39px]' : 'min-h-[39px]'}\n                        onSelect={() => onSelectProject(project)}\n                      >\n                        <div className=\"flex items-center justify-between w-full cursor-pointer\">\n                          <div className=\"flex items-center gap-2 w-full\">\n                            <UserAvatar\n                              photo={project.photo}\n                              name={project.title}\n                              size={36}\n                            />\n                            {project.title}\n                          </div>\n                          {isSelected && (\n                            <IconCheck className=\"size-4 text-gray-950\" />\n                          )}\n                        </div>\n                      </CommandItem>\n                    );\n                  })}\n                  {isFetchingNextPage && (\n                    <>\n                      <ProjectItemSkeleton />\n                      <ProjectItemSkeleton />\n                    </>\n                  )}\n                </>\n              )}\n            </CommandList>\n          </Command>\n          {onManageProjects && (\n            <>\n              <div className=\"border-t border-gray-200\" />\n              <Button\n                variant=\"ghost\"\n                className=\"h-10! paragraph-small-medium text-gray-600 hover:text-gray-950 hover:bg-zinc-50 w-full justify-center\"\n                onClick={onManageProjects}\n              >\n                {translate('common.navigation.projectSelector.manageProjects')}\n              </Button>\n            </>\n          )}\n        </div>\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/navigation/SubscriptionBanner.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/navigation/SubscriptionBanner.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { useActiveSubscription } from \"../../modules/subscriptions/hooks/find-active-subscription.hook\";\r\nimport { useCharges } from \"../../modules/charges/hooks/charges.hook\";\r\nimport { SUBSCRIPTION_GRACE_PERIOD_DAYS } from \"../../modules/subscriptions/constants/subscription.constants\";\r\nimport { getSubscriptionExpiryDate } from \"../../modules/subscriptions/utils/get-subscription-expiry-date\";\r\nimport { getSubscriptionCancellationState } from \"../../modules/subscriptions/utils/get-subscription-cancellation-state\";\r\nimport { toCalendarDate, daysBetween } from \"../../infra/utils/date\";\r\nimport { OverdueInvoiceBanner } from \"./OverdueInvoiceBanner\";\r\nimport { UpcomingInvoiceBanner } from \"./UpcomingInvoiceBanner\";\r\nimport { CancelledSubscriptionBanner } from \"./CancelledSubscriptionBanner\";\r\nimport { PendingCancellationBanner } from \"./PendingCancellationBanner\";\r\nimport { TrialBanner } from \"./TrialBanner\";\r\n\r\nconst UPCOMING_WINDOW_DAYS = 7;\r\nconst PAYMENT_METHOD_BOLETO = 2;\r\n\r\ninterface SubscriptionBannerProps {\r\n  onReactivate?: () => void;\r\n  onDetails?: () => void;\r\n}\r\n\r\nexport function SubscriptionBanner({\r\n  onReactivate,\r\n  onDetails,\r\n}: SubscriptionBannerProps) {\r\n  const { data: { data: [subscription] = [] } = {} } = useActiveSubscription();\r\n  const { data: pendingChargesData, isLoading: isLoadingCharges } = useCharges({\r\n    page: 1,\r\n    limit: 1,\r\n    status: [0],\r\n  });\r\n\r\n  if (!subscription?.date_due) return null;\r\n  if (subscription.type === \"free\") return null;\r\n\r\n  const dueDate = toCalendarDate(subscription.date_due);\r\n  const today = toCalendarDate(new Date());\r\n  if (!dueDate || !today) return null;\r\n\r\n  const daysSinceDue = daysBetween(dueDate, today);\r\n  const daysToDue = daysBetween(today, dueDate);\r\n  const hasPendingCharge = !!pendingChargesData?.data?.[0];\r\n  const isBoleto = subscription.payment_method === PAYMENT_METHOD_BOLETO;\r\n\r\n  // Estado de cancelamento (fonte da verdade única, compartilhada com o\r\n  // CancelledSubscriptionBanner). `active === false` tem prioridade e cai em\r\n  // \"cancelled\" mesmo com date_due no futuro — é o caso da baixa por falha de\r\n  // pagamento, onde date_due aponta pra uma fatura não paga.\r\n  const expiryDate = getSubscriptionExpiryDate(subscription);\r\n  const cancellationState = getSubscriptionCancellationState(subscription);\r\n\r\n  // Trial: `date_due` guarda o fim do período de teste (ver auth.service).\r\n  // Mostra a contagem regressiva enquanto o teste está vigente: `active` e não\r\n  // vencido (`daysToDue >= 0`). NÃO usar `cancellationState` aqui — num trial o\r\n  // `date_cancellation` é o agendamento padrão de não-renovação (o Stripe seta\r\n  // = `date_due`), então cairia sempre em \"pending\" e o banner nunca apareceria.\r\n  // Um trial encerrado de verdade vem com `active === false` (date_due placeholder).\r\n  if (subscription.type === \"trial\") {\r\n    if (!subscription.active || daysToDue < 0) return null;\r\n    return <TrialBanner daysRemaining={daysToDue} onReactivate={onReactivate} />;\r\n  }\r\n\r\n  if (cancellationState === \"cancelled\") {\r\n    return <CancelledSubscriptionBanner onReactivate={onReactivate} />;\r\n  }\r\n\r\n  if (cancellationState === \"pending\") {\r\n    return (\r\n      <PendingCancellationBanner\r\n        limitDate={expiryDate}\r\n        onReactivate={onReactivate}\r\n      />\r\n    );\r\n  }\r\n\r\n  if (subscription.type === \"whitelabel\") return null;\r\n\r\n  if (daysSinceDue > 0 && daysSinceDue <= SUBSCRIPTION_GRACE_PERIOD_DAYS) {\r\n    return <OverdueInvoiceBanner onDetails={onDetails} />;\r\n  }\r\n\r\n  if (\r\n    isBoleto &&\r\n    !isLoadingCharges &&\r\n    hasPendingCharge &&\r\n    daysToDue >= 0 &&\r\n    daysToDue <= UPCOMING_WINDOW_DAYS\r\n  ) {\r\n    return <UpcomingInvoiceBanner dueDate={dueDate} onDetails={onDetails} />;\r\n  }\r\n\r\n  return null;\r\n}\r\n"],"mappings":";AA4DW;AA1DX,SAAS,6BAA6B;AACtC,SAAS,kBAAkB;AAC3B,SAAS,sCAAsC;AAC/C,SAAS,iCAAiC;AAC1C,SAAS,wCAAwC;AACjD,SAAS,gBAAgB,mBAAmB;AAC5C,SAAS,4BAA4B;AACrC,SAAS,6BAA6B;AACtC,SAAS,mCAAmC;AAC5C,SAAS,iCAAiC;AAC1C,SAAS,mBAAmB;AAE5B,MAAM,uBAAuB;AAC7B,MAAM,wBAAwB;AAOvB,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AACF,GAA4B;AAC1B,QAAM,EAAE,MAAM,EAAE,MAAM,CAAC,YAAY,IAAI,CAAC,EAAE,IAAI,CAAC,EAAE,IAAI,sBAAsB;AAC3E,QAAM,EAAE,MAAM,oBAAoB,WAAW,iBAAiB,IAAI,WAAW;AAAA,IAC3E,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ,CAAC,CAAC;AAAA,EACZ,CAAC;AAED,MAAI,CAAC,cAAc,SAAU,QAAO;AACpC,MAAI,aAAa,SAAS,OAAQ,QAAO;AAEzC,QAAM,UAAU,eAAe,aAAa,QAAQ;AACpD,QAAM,QAAQ,eAAe,oBAAI,KAAK,CAAC;AACvC,MAAI,CAAC,WAAW,CAAC,MAAO,QAAO;AAE/B,QAAM,eAAe,YAAY,SAAS,KAAK;AAC/C,QAAM,YAAY,YAAY,OAAO,OAAO;AAC5C,QAAM,mBAAmB,CAAC,CAAC,oBAAoB,OAAO,CAAC;AACvD,QAAM,WAAW,aAAa,mBAAmB;AAMjD,QAAM,aAAa,0BAA0B,YAAY;AACzD,QAAM,oBAAoB,iCAAiC,YAAY;AAQvE,MAAI,aAAa,SAAS,SAAS;AACjC,QAAI,CAAC,aAAa,UAAU,YAAY,EAAG,QAAO;AAClD,WAAO,oBAAC,eAAY,eAAe,WAAW,cAA4B;AAAA,EAC5E;AAEA,MAAI,sBAAsB,aAAa;AACrC,WAAO,oBAAC,+BAA4B,cAA4B;AAAA,EAClE;AAEA,MAAI,sBAAsB,WAAW;AACnC,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,QACX;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,MAAI,aAAa,SAAS,aAAc,QAAO;AAE/C,MAAI,eAAe,KAAK,gBAAgB,gCAAgC;AACtE,WAAO,oBAAC,wBAAqB,WAAsB;AAAA,EACrD;AAEA,MACE,YACA,CAAC,oBACD,oBACA,aAAa,KACb,aAAa,sBACb;AACA,WAAO,oBAAC,yBAAsB,SAAkB,WAAsB;AAAA,EACxE;AAEA,SAAO;AACT;","names":[]}
+{"version":3,"sources":["../../../src/components/navigation/SubscriptionBanner.tsx"],"sourcesContent":["\"use client\";\n\nimport { useActiveSubscription } from \"../../modules/subscriptions/hooks/find-active-subscription.hook\";\nimport { useCharges } from \"../../modules/charges/hooks/charges.hook\";\nimport { SUBSCRIPTION_GRACE_PERIOD_DAYS } from \"../../modules/subscriptions/constants/subscription.constants\";\nimport { getSubscriptionExpiryDate } from \"../../modules/subscriptions/utils/get-subscription-expiry-date\";\nimport { getSubscriptionCancellationState } from \"../../modules/subscriptions/utils/get-subscription-cancellation-state\";\nimport { toCalendarDate, daysBetween } from \"../../infra/utils/date\";\nimport { OverdueInvoiceBanner } from \"./OverdueInvoiceBanner\";\nimport { UpcomingInvoiceBanner } from \"./UpcomingInvoiceBanner\";\nimport { CancelledSubscriptionBanner } from \"./CancelledSubscriptionBanner\";\nimport { PendingCancellationBanner } from \"./PendingCancellationBanner\";\nimport { TrialBanner } from \"./TrialBanner\";\n\nconst UPCOMING_WINDOW_DAYS = 7;\nconst PAYMENT_METHOD_BOLETO = 2;\n\ninterface SubscriptionBannerProps {\n  onReactivate?: () => void;\n  onDetails?: () => void;\n}\n\nexport function SubscriptionBanner({\n  onReactivate,\n  onDetails,\n}: SubscriptionBannerProps) {\n  const { data: { data: [subscription] = [] } = {} } = useActiveSubscription();\n  const { data: pendingChargesData, isLoading: isLoadingCharges } = useCharges({\n    page: 1,\n    limit: 1,\n    status: [0],\n  });\n\n  if (!subscription?.date_due) return null;\n  if (subscription.type === \"free\") return null;\n\n  const dueDate = toCalendarDate(subscription.date_due);\n  const today = toCalendarDate(new Date());\n  if (!dueDate || !today) return null;\n\n  const daysSinceDue = daysBetween(dueDate, today);\n  const daysToDue = daysBetween(today, dueDate);\n  const hasPendingCharge = !!pendingChargesData?.data?.[0];\n  const isBoleto = subscription.payment_method === PAYMENT_METHOD_BOLETO;\n\n  // Estado de cancelamento (fonte da verdade única, compartilhada com o\n  // CancelledSubscriptionBanner). `active === false` tem prioridade e cai em\n  // \"cancelled\" mesmo com date_due no futuro — é o caso da baixa por falha de\n  // pagamento, onde date_due aponta pra uma fatura não paga.\n  const expiryDate = getSubscriptionExpiryDate(subscription);\n  const cancellationState = getSubscriptionCancellationState(subscription);\n\n  // Trial: `date_due` guarda o fim do período de teste (ver auth.service).\n  // Mostra a contagem regressiva enquanto o teste está vigente: `active` e não\n  // vencido (`daysToDue >= 0`). NÃO usar `cancellationState` aqui — num trial o\n  // `date_cancellation` é o agendamento padrão de não-renovação (o Stripe seta\n  // = `date_due`), então cairia sempre em \"pending\" e o banner nunca apareceria.\n  // Um trial encerrado de verdade vem com `active === false` (date_due placeholder).\n  if (subscription.type === \"trial\") {\n    if (!subscription.active || daysToDue < 0) return null;\n    return <TrialBanner daysRemaining={daysToDue} onReactivate={onReactivate} />;\n  }\n\n  if (cancellationState === \"cancelled\") {\n    return <CancelledSubscriptionBanner onReactivate={onReactivate} />;\n  }\n\n  if (cancellationState === \"pending\") {\n    return (\n      <PendingCancellationBanner\n        limitDate={expiryDate}\n        onReactivate={onReactivate}\n      />\n    );\n  }\n\n  if (subscription.type === \"whitelabel\") return null;\n\n  if (daysSinceDue > 0 && daysSinceDue <= SUBSCRIPTION_GRACE_PERIOD_DAYS) {\n    return <OverdueInvoiceBanner onDetails={onDetails} />;\n  }\n\n  if (\n    isBoleto &&\n    !isLoadingCharges &&\n    hasPendingCharge &&\n    daysToDue >= 0 &&\n    daysToDue <= UPCOMING_WINDOW_DAYS\n  ) {\n    return <UpcomingInvoiceBanner dueDate={dueDate} onDetails={onDetails} />;\n  }\n\n  return null;\n}\n"],"mappings":";AA4DW;AA1DX,SAAS,6BAA6B;AACtC,SAAS,kBAAkB;AAC3B,SAAS,sCAAsC;AAC/C,SAAS,iCAAiC;AAC1C,SAAS,wCAAwC;AACjD,SAAS,gBAAgB,mBAAmB;AAC5C,SAAS,4BAA4B;AACrC,SAAS,6BAA6B;AACtC,SAAS,mCAAmC;AAC5C,SAAS,iCAAiC;AAC1C,SAAS,mBAAmB;AAE5B,MAAM,uBAAuB;AAC7B,MAAM,wBAAwB;AAOvB,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AACF,GAA4B;AAC1B,QAAM,EAAE,MAAM,EAAE,MAAM,CAAC,YAAY,IAAI,CAAC,EAAE,IAAI,CAAC,EAAE,IAAI,sBAAsB;AAC3E,QAAM,EAAE,MAAM,oBAAoB,WAAW,iBAAiB,IAAI,WAAW;AAAA,IAC3E,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ,CAAC,CAAC;AAAA,EACZ,CAAC;AAED,MAAI,CAAC,cAAc,SAAU,QAAO;AACpC,MAAI,aAAa,SAAS,OAAQ,QAAO;AAEzC,QAAM,UAAU,eAAe,aAAa,QAAQ;AACpD,QAAM,QAAQ,eAAe,oBAAI,KAAK,CAAC;AACvC,MAAI,CAAC,WAAW,CAAC,MAAO,QAAO;AAE/B,QAAM,eAAe,YAAY,SAAS,KAAK;AAC/C,QAAM,YAAY,YAAY,OAAO,OAAO;AAC5C,QAAM,mBAAmB,CAAC,CAAC,oBAAoB,OAAO,CAAC;AACvD,QAAM,WAAW,aAAa,mBAAmB;AAMjD,QAAM,aAAa,0BAA0B,YAAY;AACzD,QAAM,oBAAoB,iCAAiC,YAAY;AAQvE,MAAI,aAAa,SAAS,SAAS;AACjC,QAAI,CAAC,aAAa,UAAU,YAAY,EAAG,QAAO;AAClD,WAAO,oBAAC,eAAY,eAAe,WAAW,cAA4B;AAAA,EAC5E;AAEA,MAAI,sBAAsB,aAAa;AACrC,WAAO,oBAAC,+BAA4B,cAA4B;AAAA,EAClE;AAEA,MAAI,sBAAsB,WAAW;AACnC,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,QACX;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,MAAI,aAAa,SAAS,aAAc,QAAO;AAE/C,MAAI,eAAe,KAAK,gBAAgB,gCAAgC;AACtE,WAAO,oBAAC,wBAAqB,WAAsB;AAAA,EACrD;AAEA,MACE,YACA,CAAC,oBACD,oBACA,aAAa,KACb,aAAa,sBACb;AACA,WAAO,oBAAC,yBAAsB,SAAkB,WAAsB;AAAA,EACxE;AAEA,SAAO;AACT;","names":[]}

package/dist/components/navigation/TrialBanner.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/navigation/TrialBanner.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { useState, useEffect, useCallback } from 'react';\r\nimport { IconClock, IconX } from '@tabler/icons-react';\r\nimport { useTranslations } from 'next-intl';\r\n\r\ninterface TrialBannerProps {\r\n  daysRemaining: number;\r\n  onReactivate?: () => void;\r\n}\r\n\r\nexport function TrialBanner({ daysRemaining, onReactivate }: TrialBannerProps) {\r\n  const translate = useTranslations();\r\n  const [visible, setVisible] = useState(true);\r\n  const [animated, setAnimated] = useState(false);\r\n\r\n  useEffect(() => {\r\n    const timer = setTimeout(() => setAnimated(true), 50);\r\n    return () => clearTimeout(timer);\r\n  }, []);\r\n\r\n  const dismiss = useCallback(() => setVisible(false), []);\r\n\r\n  if (!visible) return null;\r\n\r\n  return (\r\n    <div className=\"fixed top-[80px] md:top-0 left-0 right-0 z-[60] flex justify-center pointer-events-none px-4 lg:px-0\">\r\n      <div\r\n        className={`flex flex-col sm:flex-row items-start sm:items-center justify-between bg-cyan-500 rounded-lg px-3 py-2 sm:py-1 w-full lg:w-[805px] max-w-full pointer-events-auto transition-transform duration-500 ease-out gap-2 sm:gap-0 ${animated ? 'translate-y-0 md:translate-y-9' : '-translate-y-full'}`}\r\n      >\r\n        <div className=\"flex items-center gap-2 flex-1 w-full sm:w-auto\">\r\n          <IconClock size={16} className=\"text-white shrink-0\" />\r\n          <span className=\"paragraph-xsmall-semibold text-white\">\r\n            {translate('common.navigation.banners.trial.message', { days: daysRemaining })}\r\n          </span>\r\n        </div>\r\n        <div className=\"flex items-center gap-1.5 w-full sm:w-auto justify-between sm:justify-start\">\r\n          <button\r\n            type=\"button\"\r\n            className=\"flex items-center justify-center p-1.5 cursor-pointer\"\r\n            onClick={onReactivate}\r\n          >\r\n            <span className=\"paragraph-xsmall-semibold text-white underline\">\r\n              {translate('common.navigation.banners.trial.choosePlan')}\r\n            </span>\r\n          </button>\r\n          <button type=\"button\" className=\"cursor-pointer shrink-0\" onClick={dismiss}>\r\n            <IconX size={18} className=\"text-cyan-100\" />\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":";AA8BQ,SACE,KADF;AA5BR,SAAS,UAAU,WAAW,mBAAmB;AACjD,SAAS,WAAW,aAAa;AACjC,SAAS,uBAAuB;AAOzB,SAAS,YAAY,EAAE,eAAe,aAAa,GAAqB;AAC7E,QAAM,YAAY,gBAAgB;AAClC,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,IAAI;AAC3C,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAE9C,YAAU,MAAM;AACd,UAAM,QAAQ,WAAW,MAAM,YAAY,IAAI,GAAG,EAAE;AACpD,WAAO,MAAM,aAAa,KAAK;AAAA,EACjC,GAAG,CAAC,CAAC;AAEL,QAAM,UAAU,YAAY,MAAM,WAAW,KAAK,GAAG,CAAC,CAAC;AAEvD,MAAI,CAAC,QAAS,QAAO;AAErB,SACE,oBAAC,SAAI,WAAU,wGACb;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,+NAA+N,WAAW,mCAAmC,mBAAmB;AAAA,MAE3S;AAAA,6BAAC,SAAI,WAAU,mDACb;AAAA,8BAAC,aAAU,MAAM,IAAI,WAAU,uBAAsB;AAAA,UACrD,oBAAC,UAAK,WAAU,wCACb,oBAAU,2CAA2C,EAAE,MAAM,cAAc,CAAC,GAC/E;AAAA,WACF;AAAA,QACA,qBAAC,SAAI,WAAU,+EACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAU;AAAA,cACV,SAAS;AAAA,cAET,8BAAC,UAAK,WAAU,kDACb,oBAAU,4CAA4C,GACzD;AAAA;AAAA,UACF;AAAA,UACA,oBAAC,YAAO,MAAK,UAAS,WAAU,2BAA0B,SAAS,SACjE,8BAAC,SAAM,MAAM,IAAI,WAAU,iBAAgB,GAC7C;AAAA,WACF;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/navigation/TrialBanner.tsx"],"sourcesContent":["'use client';\n\nimport { useState, useEffect, useCallback } from 'react';\nimport { IconClock, IconX } from '@tabler/icons-react';\nimport { useTranslations } from 'next-intl';\n\ninterface TrialBannerProps {\n  daysRemaining: number;\n  onReactivate?: () => void;\n}\n\nexport function TrialBanner({ daysRemaining, onReactivate }: TrialBannerProps) {\n  const translate = useTranslations();\n  const [visible, setVisible] = useState(true);\n  const [animated, setAnimated] = useState(false);\n\n  useEffect(() => {\n    const timer = setTimeout(() => setAnimated(true), 50);\n    return () => clearTimeout(timer);\n  }, []);\n\n  const dismiss = useCallback(() => setVisible(false), []);\n\n  if (!visible) return null;\n\n  return (\n    <div className=\"fixed top-[80px] md:top-0 left-0 right-0 z-[60] flex justify-center pointer-events-none px-4 lg:px-0\">\n      <div\n        className={`flex flex-col sm:flex-row items-start sm:items-center justify-between bg-cyan-500 rounded-lg px-3 py-2 sm:py-1 w-full lg:w-[805px] max-w-full pointer-events-auto transition-transform duration-500 ease-out gap-2 sm:gap-0 ${animated ? 'translate-y-0 md:translate-y-9' : '-translate-y-full'}`}\n      >\n        <div className=\"flex items-center gap-2 flex-1 w-full sm:w-auto\">\n          <IconClock size={16} className=\"text-white shrink-0\" />\n          <span className=\"paragraph-xsmall-semibold text-white\">\n            {translate('common.navigation.banners.trial.message', { days: daysRemaining })}\n          </span>\n        </div>\n        <div className=\"flex items-center gap-1.5 w-full sm:w-auto justify-between sm:justify-start\">\n          <button\n            type=\"button\"\n            className=\"flex items-center justify-center p-1.5 cursor-pointer\"\n            onClick={onReactivate}\n          >\n            <span className=\"paragraph-xsmall-semibold text-white underline\">\n              {translate('common.navigation.banners.trial.choosePlan')}\n            </span>\n          </button>\n          <button type=\"button\" className=\"cursor-pointer shrink-0\" onClick={dismiss}>\n            <IconX size={18} className=\"text-cyan-100\" />\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AA8BQ,SACE,KADF;AA5BR,SAAS,UAAU,WAAW,mBAAmB;AACjD,SAAS,WAAW,aAAa;AACjC,SAAS,uBAAuB;AAOzB,SAAS,YAAY,EAAE,eAAe,aAAa,GAAqB;AAC7E,QAAM,YAAY,gBAAgB;AAClC,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,IAAI;AAC3C,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAE9C,YAAU,MAAM;AACd,UAAM,QAAQ,WAAW,MAAM,YAAY,IAAI,GAAG,EAAE;AACpD,WAAO,MAAM,aAAa,KAAK;AAAA,EACjC,GAAG,CAAC,CAAC;AAEL,QAAM,UAAU,YAAY,MAAM,WAAW,KAAK,GAAG,CAAC,CAAC;AAEvD,MAAI,CAAC,QAAS,QAAO;AAErB,SACE,oBAAC,SAAI,WAAU,wGACb;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,+NAA+N,WAAW,mCAAmC,mBAAmB;AAAA,MAE3S;AAAA,6BAAC,SAAI,WAAU,mDACb;AAAA,8BAAC,aAAU,MAAM,IAAI,WAAU,uBAAsB;AAAA,UACrD,oBAAC,UAAK,WAAU,wCACb,oBAAU,2CAA2C,EAAE,MAAM,cAAc,CAAC,GAC/E;AAAA,WACF;AAAA,QACA,qBAAC,SAAI,WAAU,+EACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAU;AAAA,cACV,SAAS;AAAA,cAET,8BAAC,UAAK,WAAU,kDACb,oBAAU,4CAA4C,GACzD;AAAA;AAAA,UACF;AAAA,UACA,oBAAC,YAAO,MAAK,UAAS,WAAU,2BAA0B,SAAS,SACjE,8BAAC,SAAM,MAAM,IAAI,WAAU,iBAAgB,GAC7C;AAAA,WACF;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}

package/dist/components/navigation/UpcomingInvoiceBanner.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/navigation/UpcomingInvoiceBanner.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { useState, useEffect, useCallback } from 'react';\r\nimport { IconAlertTriangle, IconX } from '@tabler/icons-react';\r\nimport { formatShortDate } from '../../infra/utils/date';\r\nimport { useTranslations } from 'next-intl';\r\n\r\ninterface UpcomingInvoiceBannerProps {\r\n  dueDate?: Date | null;\r\n  onDetails?: () => void;\r\n}\r\n\r\nexport function UpcomingInvoiceBanner({ dueDate, onDetails }: UpcomingInvoiceBannerProps) {\r\n  const translate = useTranslations();\r\n  const [visible, setVisible] = useState(true);\r\n  const [animated, setAnimated] = useState(false);\r\n\r\n  useEffect(() => {\r\n    const timer = setTimeout(() => setAnimated(true), 50);\r\n    return () => clearTimeout(timer);\r\n  }, []);\r\n\r\n  const dismiss = useCallback(() => setVisible(false), []);\r\n\r\n  if (!visible) return null;\r\n\r\n  const formattedDueDate = formatShortDate(dueDate);\r\n\r\n  return (\r\n    <div className=\"fixed top-[80px] md:top-0 left-0 right-0 z-[60] flex justify-center pointer-events-none px-4 lg:px-0\">\r\n      <div\r\n        className={`flex flex-col sm:flex-row items-start sm:items-center justify-between bg-yellow-400 rounded-lg px-3 py-2 sm:py-1 w-full lg:w-[805px] max-w-full pointer-events-auto transition-transform duration-500 ease-out gap-2 sm:gap-0 ${animated ? 'translate-y-0 md:translate-y-9' : '-translate-y-full'}`}\r\n      >\r\n        <div className=\"flex items-center gap-2 flex-1 w-full sm:w-auto\">\r\n          <IconAlertTriangle size={16} className=\"text-zinc-950 shrink-0\" />\r\n          <span className=\"paragraph-xsmall-semibold text-zinc-950\">\r\n            {translate('common.navigation.banners.upcoming.message', { dueDate: formattedDueDate ?? '' })}\r\n          </span>\r\n        </div>\r\n        <div className=\"flex items-center gap-1.5 w-full sm:w-auto justify-between sm:justify-start\">\r\n          <button\r\n            type=\"button\"\r\n            className=\"flex items-center justify-center p-1.5 cursor-pointer\"\r\n            onClick={onDetails}\r\n          >\r\n            <span className=\"paragraph-xsmall-semibold text-zinc-950 underline\">{translate('common.navigation.banners.upcoming.details')}</span>\r\n          </button>\r\n          <button type=\"button\" className=\"cursor-pointer shrink-0\" onClick={dismiss}>\r\n            <IconX size={18} className=\"text-zinc-700\" />\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":";AAiCQ,SACE,KADF;AA/BR,SAAS,UAAU,WAAW,mBAAmB;AACjD,SAAS,mBAAmB,aAAa;AACzC,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAOzB,SAAS,sBAAsB,EAAE,SAAS,UAAU,GAA+B;AACxF,QAAM,YAAY,gBAAgB;AAClC,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,IAAI;AAC3C,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAE9C,YAAU,MAAM;AACd,UAAM,QAAQ,WAAW,MAAM,YAAY,IAAI,GAAG,EAAE;AACpD,WAAO,MAAM,aAAa,KAAK;AAAA,EACjC,GAAG,CAAC,CAAC;AAEL,QAAM,UAAU,YAAY,MAAM,WAAW,KAAK,GAAG,CAAC,CAAC;AAEvD,MAAI,CAAC,QAAS,QAAO;AAErB,QAAM,mBAAmB,gBAAgB,OAAO;AAEhD,SACE,oBAAC,SAAI,WAAU,wGACb;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,iOAAiO,WAAW,mCAAmC,mBAAmB;AAAA,MAE7S;AAAA,6BAAC,SAAI,WAAU,mDACb;AAAA,8BAAC,qBAAkB,MAAM,IAAI,WAAU,0BAAyB;AAAA,UAChE,oBAAC,UAAK,WAAU,2CACb,oBAAU,8CAA8C,EAAE,SAAS,oBAAoB,GAAG,CAAC,GAC9F;AAAA,WACF;AAAA,QACA,qBAAC,SAAI,WAAU,+EACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAU;AAAA,cACV,SAAS;AAAA,cAET,8BAAC,UAAK,WAAU,qDAAqD,oBAAU,4CAA4C,GAAE;AAAA;AAAA,UAC/H;AAAA,UACA,oBAAC,YAAO,MAAK,UAAS,WAAU,2BAA0B,SAAS,SACjE,8BAAC,SAAM,MAAM,IAAI,WAAU,iBAAgB,GAC7C;AAAA,WACF;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/navigation/UpcomingInvoiceBanner.tsx"],"sourcesContent":["'use client';\n\nimport { useState, useEffect, useCallback } from 'react';\nimport { IconAlertTriangle, IconX } from '@tabler/icons-react';\nimport { formatShortDate } from '../../infra/utils/date';\nimport { useTranslations } from 'next-intl';\n\ninterface UpcomingInvoiceBannerProps {\n  dueDate?: Date | null;\n  onDetails?: () => void;\n}\n\nexport function UpcomingInvoiceBanner({ dueDate, onDetails }: UpcomingInvoiceBannerProps) {\n  const translate = useTranslations();\n  const [visible, setVisible] = useState(true);\n  const [animated, setAnimated] = useState(false);\n\n  useEffect(() => {\n    const timer = setTimeout(() => setAnimated(true), 50);\n    return () => clearTimeout(timer);\n  }, []);\n\n  const dismiss = useCallback(() => setVisible(false), []);\n\n  if (!visible) return null;\n\n  const formattedDueDate = formatShortDate(dueDate);\n\n  return (\n    <div className=\"fixed top-[80px] md:top-0 left-0 right-0 z-[60] flex justify-center pointer-events-none px-4 lg:px-0\">\n      <div\n        className={`flex flex-col sm:flex-row items-start sm:items-center justify-between bg-yellow-400 rounded-lg px-3 py-2 sm:py-1 w-full lg:w-[805px] max-w-full pointer-events-auto transition-transform duration-500 ease-out gap-2 sm:gap-0 ${animated ? 'translate-y-0 md:translate-y-9' : '-translate-y-full'}`}\n      >\n        <div className=\"flex items-center gap-2 flex-1 w-full sm:w-auto\">\n          <IconAlertTriangle size={16} className=\"text-zinc-950 shrink-0\" />\n          <span className=\"paragraph-xsmall-semibold text-zinc-950\">\n            {translate('common.navigation.banners.upcoming.message', { dueDate: formattedDueDate ?? '' })}\n          </span>\n        </div>\n        <div className=\"flex items-center gap-1.5 w-full sm:w-auto justify-between sm:justify-start\">\n          <button\n            type=\"button\"\n            className=\"flex items-center justify-center p-1.5 cursor-pointer\"\n            onClick={onDetails}\n          >\n            <span className=\"paragraph-xsmall-semibold text-zinc-950 underline\">{translate('common.navigation.banners.upcoming.details')}</span>\n          </button>\n          <button type=\"button\" className=\"cursor-pointer shrink-0\" onClick={dismiss}>\n            <IconX size={18} className=\"text-zinc-700\" />\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AAiCQ,SACE,KADF;AA/BR,SAAS,UAAU,WAAW,mBAAmB;AACjD,SAAS,mBAAmB,aAAa;AACzC,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAOzB,SAAS,sBAAsB,EAAE,SAAS,UAAU,GAA+B;AACxF,QAAM,YAAY,gBAAgB;AAClC,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,IAAI;AAC3C,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAE9C,YAAU,MAAM;AACd,UAAM,QAAQ,WAAW,MAAM,YAAY,IAAI,GAAG,EAAE;AACpD,WAAO,MAAM,aAAa,KAAK;AAAA,EACjC,GAAG,CAAC,CAAC;AAEL,QAAM,UAAU,YAAY,MAAM,WAAW,KAAK,GAAG,CAAC,CAAC;AAEvD,MAAI,CAAC,QAAS,QAAO;AAErB,QAAM,mBAAmB,gBAAgB,OAAO;AAEhD,SACE,oBAAC,SAAI,WAAU,wGACb;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,iOAAiO,WAAW,mCAAmC,mBAAmB;AAAA,MAE7S;AAAA,6BAAC,SAAI,WAAU,mDACb;AAAA,8BAAC,qBAAkB,MAAM,IAAI,WAAU,0BAAyB;AAAA,UAChE,oBAAC,UAAK,WAAU,2CACb,oBAAU,8CAA8C,EAAE,SAAS,oBAAoB,GAAG,CAAC,GAC9F;AAAA,WACF;AAAA,QACA,qBAAC,SAAI,WAAU,+EACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAU;AAAA,cACV,SAAS;AAAA,cAET,8BAAC,UAAK,WAAU,qDAAqD,oBAAU,4CAA4C,GAAE;AAAA;AAAA,UAC/H;AAAA,UACA,oBAAC,YAAO,MAAK,UAAS,WAAU,2BAA0B,SAAS,SACjE,8BAAC,SAAM,MAAM,IAAI,WAAU,iBAAgB,GAC7C;AAAA,WACF;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}

package/dist/components/navigation/shells/TabsMobileShell.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/navigation/shells/TabsMobileShell.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { ReactNode, useRef, useEffect } from 'react';\r\nimport Link from 'next/link';\r\nimport { AppNavigationContext } from '../AppNavigationContext';\r\nimport { useNavItemsContext } from '../NavItemsContext';\r\n\r\nfunction InternalTabsBar({ topOffset = '72px' }: { topOffset?: string }) {\r\n  const { navItems } = useNavItemsContext();\r\n  const tabsListRef = useRef<HTMLDivElement>(null);\r\n  const activeTabRef = useRef<HTMLAnchorElement>(null);\r\n\r\n  const activeLabel = navItems.find((i) => i.isActive)?.label;\r\n\r\n  // Scroll active tab into center when active item changes\r\n  useEffect(() => {\r\n    if (activeTabRef.current && tabsListRef.current) {\r\n      const tabsList = tabsListRef.current;\r\n      const activeTabElement = activeTabRef.current;\r\n      const tabsListRect = tabsList.getBoundingClientRect();\r\n      const activeTabRect = activeTabElement.getBoundingClientRect();\r\n      const scrollLeft =\r\n        activeTabElement.offsetLeft - tabsListRect.width / 2 + activeTabRect.width / 2;\r\n      tabsList.scrollTo({ left: Math.max(0, scrollLeft), behavior: 'smooth' });\r\n    }\r\n  }, [activeLabel]);\r\n\r\n  if (!navItems.length) return null;\r\n\r\n  return (\r\n    <div\r\n      ref={tabsListRef}\r\n      className=\"md:hidden fixed left-0 right-0 z-40 bg-white border-b border-gray-200 flex overflow-x-auto scrollbar-hide\"\r\n      style={{ top: topOffset }}\r\n    >\r\n      {navItems.map((item) => (\r\n        <Link\r\n          key={item.label}\r\n          ref={item.isActive ? activeTabRef : undefined}\r\n          href={item.href}\r\n          prefetch\r\n          className={`flex items-center gap-2 px-4 py-3 shrink-0 border-b-2 transition-colors ${\r\n            item.isActive\r\n              ? 'border-gray-950 text-gray-950'\r\n              : 'border-transparent text-gray-500 hover:text-gray-900'\r\n          }`}\r\n        >\r\n          {item.icon && <item.icon size={16} className=\"shrink-0\" />}\r\n          <span\r\n            className={\r\n              item.isActive ? 'paragraph-small-semibold' : 'paragraph-small-medium'\r\n            }\r\n          >\r\n            {item.label}\r\n          </span>\r\n        </Link>\r\n      ))}\r\n    </div>\r\n  );\r\n}\r\n\r\nexport function TabsMobileShell({ children, topOffset }: { children: ReactNode; topOffset?: string }) {\r\n  return (\r\n    <AppNavigationContext.Provider value={{ breakpoint: 'mobile' }}>\r\n      {/*\r\n        Children are hidden visually, but NavItems' useEffect still fires inside\r\n        display:none — React effects are tied to commit phase, not layout visibility.\r\n        This registers navItems in NavItemsContext so InternalTabsBar can read them.\r\n      */}\r\n      <div className=\"hidden\">{children}</div>\r\n      <InternalTabsBar topOffset={topOffset} />\r\n    </AppNavigationContext.Provider>\r\n  );\r\n}\r\n"],"mappings":";AAoCQ,SAWgB,KAXhB;AAlCR,SAAoB,QAAQ,iBAAiB;AAC7C,OAAO,UAAU;AACjB,SAAS,4BAA4B;AACrC,SAAS,0BAA0B;AAEnC,SAAS,gBAAgB,EAAE,YAAY,OAAO,GAA2B;AACvE,QAAM,EAAE,SAAS,IAAI,mBAAmB;AACxC,QAAM,cAAc,OAAuB,IAAI;AAC/C,QAAM,eAAe,OAA0B,IAAI;AAEnD,QAAM,cAAc,SAAS,KAAK,CAAC,MAAM,EAAE,QAAQ,GAAG;AAGtD,YAAU,MAAM;AACd,QAAI,aAAa,WAAW,YAAY,SAAS;AAC/C,YAAM,WAAW,YAAY;AAC7B,YAAM,mBAAmB,aAAa;AACtC,YAAM,eAAe,SAAS,sBAAsB;AACpD,YAAM,gBAAgB,iBAAiB,sBAAsB;AAC7D,YAAM,aACJ,iBAAiB,aAAa,aAAa,QAAQ,IAAI,cAAc,QAAQ;AAC/E,eAAS,SAAS,EAAE,MAAM,KAAK,IAAI,GAAG,UAAU,GAAG,UAAU,SAAS,CAAC;AAAA,IACzE;AAAA,EACF,GAAG,CAAC,WAAW,CAAC;AAEhB,MAAI,CAAC,SAAS,OAAQ,QAAO;AAE7B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,WAAU;AAAA,MACV,OAAO,EAAE,KAAK,UAAU;AAAA,MAEvB,mBAAS,IAAI,CAAC,SACb;AAAA,QAAC;AAAA;AAAA,UAEC,KAAK,KAAK,WAAW,eAAe;AAAA,UACpC,MAAM,KAAK;AAAA,UACX,UAAQ;AAAA,UACR,WAAW,2EACT,KAAK,WACD,kCACA,sDACN;AAAA,UAEC;AAAA,iBAAK,QAAQ,oBAAC,KAAK,MAAL,EAAU,MAAM,IAAI,WAAU,YAAW;AAAA,YACxD;AAAA,cAAC;AAAA;AAAA,gBACC,WACE,KAAK,WAAW,6BAA6B;AAAA,gBAG9C,eAAK;AAAA;AAAA,YACR;AAAA;AAAA;AAAA,QAjBK,KAAK;AAAA,MAkBZ,CACD;AAAA;AAAA,EACH;AAEJ;AAEO,SAAS,gBAAgB,EAAE,UAAU,UAAU,GAAgD;AACpG,SACE,qBAAC,qBAAqB,UAArB,EAA8B,OAAO,EAAE,YAAY,SAAS,GAM3D;AAAA,wBAAC,SAAI,WAAU,UAAU,UAAS;AAAA,IAClC,oBAAC,mBAAgB,WAAsB;AAAA,KACzC;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/navigation/shells/TabsMobileShell.tsx"],"sourcesContent":["'use client';\n\nimport { ReactNode, useRef, useEffect } from 'react';\nimport Link from 'next/link';\nimport { AppNavigationContext } from '../AppNavigationContext';\nimport { useNavItemsContext } from '../NavItemsContext';\n\nfunction InternalTabsBar({ topOffset = '72px' }: { topOffset?: string }) {\n  const { navItems } = useNavItemsContext();\n  const tabsListRef = useRef<HTMLDivElement>(null);\n  const activeTabRef = useRef<HTMLAnchorElement>(null);\n\n  const activeLabel = navItems.find((i) => i.isActive)?.label;\n\n  // Scroll active tab into center when active item changes\n  useEffect(() => {\n    if (activeTabRef.current && tabsListRef.current) {\n      const tabsList = tabsListRef.current;\n      const activeTabElement = activeTabRef.current;\n      const tabsListRect = tabsList.getBoundingClientRect();\n      const activeTabRect = activeTabElement.getBoundingClientRect();\n      const scrollLeft =\n        activeTabElement.offsetLeft - tabsListRect.width / 2 + activeTabRect.width / 2;\n      tabsList.scrollTo({ left: Math.max(0, scrollLeft), behavior: 'smooth' });\n    }\n  }, [activeLabel]);\n\n  if (!navItems.length) return null;\n\n  return (\n    <div\n      ref={tabsListRef}\n      className=\"md:hidden fixed left-0 right-0 z-40 bg-white border-b border-gray-200 flex overflow-x-auto scrollbar-hide\"\n      style={{ top: topOffset }}\n    >\n      {navItems.map((item) => (\n        <Link\n          key={item.label}\n          ref={item.isActive ? activeTabRef : undefined}\n          href={item.href}\n          prefetch\n          className={`flex items-center gap-2 px-4 py-3 shrink-0 border-b-2 transition-colors ${\n            item.isActive\n              ? 'border-gray-950 text-gray-950'\n              : 'border-transparent text-gray-500 hover:text-gray-900'\n          }`}\n        >\n          {item.icon && <item.icon size={16} className=\"shrink-0\" />}\n          <span\n            className={\n              item.isActive ? 'paragraph-small-semibold' : 'paragraph-small-medium'\n            }\n          >\n            {item.label}\n          </span>\n        </Link>\n      ))}\n    </div>\n  );\n}\n\nexport function TabsMobileShell({ children, topOffset }: { children: ReactNode; topOffset?: string }) {\n  return (\n    <AppNavigationContext.Provider value={{ breakpoint: 'mobile' }}>\n      {/*\n        Children are hidden visually, but NavItems' useEffect still fires inside\n        display:none — React effects are tied to commit phase, not layout visibility.\n        This registers navItems in NavItemsContext so InternalTabsBar can read them.\n      */}\n      <div className=\"hidden\">{children}</div>\n      <InternalTabsBar topOffset={topOffset} />\n    </AppNavigationContext.Provider>\n  );\n}\n"],"mappings":";AAoCQ,SAWgB,KAXhB;AAlCR,SAAoB,QAAQ,iBAAiB;AAC7C,OAAO,UAAU;AACjB,SAAS,4BAA4B;AACrC,SAAS,0BAA0B;AAEnC,SAAS,gBAAgB,EAAE,YAAY,OAAO,GAA2B;AACvE,QAAM,EAAE,SAAS,IAAI,mBAAmB;AACxC,QAAM,cAAc,OAAuB,IAAI;AAC/C,QAAM,eAAe,OAA0B,IAAI;AAEnD,QAAM,cAAc,SAAS,KAAK,CAAC,MAAM,EAAE,QAAQ,GAAG;AAGtD,YAAU,MAAM;AACd,QAAI,aAAa,WAAW,YAAY,SAAS;AAC/C,YAAM,WAAW,YAAY;AAC7B,YAAM,mBAAmB,aAAa;AACtC,YAAM,eAAe,SAAS,sBAAsB;AACpD,YAAM,gBAAgB,iBAAiB,sBAAsB;AAC7D,YAAM,aACJ,iBAAiB,aAAa,aAAa,QAAQ,IAAI,cAAc,QAAQ;AAC/E,eAAS,SAAS,EAAE,MAAM,KAAK,IAAI,GAAG,UAAU,GAAG,UAAU,SAAS,CAAC;AAAA,IACzE;AAAA,EACF,GAAG,CAAC,WAAW,CAAC;AAEhB,MAAI,CAAC,SAAS,OAAQ,QAAO;AAE7B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,WAAU;AAAA,MACV,OAAO,EAAE,KAAK,UAAU;AAAA,MAEvB,mBAAS,IAAI,CAAC,SACb;AAAA,QAAC;AAAA;AAAA,UAEC,KAAK,KAAK,WAAW,eAAe;AAAA,UACpC,MAAM,KAAK;AAAA,UACX,UAAQ;AAAA,UACR,WAAW,2EACT,KAAK,WACD,kCACA,sDACN;AAAA,UAEC;AAAA,iBAAK,QAAQ,oBAAC,KAAK,MAAL,EAAU,MAAM,IAAI,WAAU,YAAW;AAAA,YACxD;AAAA,cAAC;AAAA;AAAA,gBACC,WACE,KAAK,WAAW,6BAA6B;AAAA,gBAG9C,eAAK;AAAA;AAAA,YACR;AAAA;AAAA;AAAA,QAjBK,KAAK;AAAA,MAkBZ,CACD;AAAA;AAAA,EACH;AAEJ;AAEO,SAAS,gBAAgB,EAAE,UAAU,UAAU,GAAgD;AACpG,SACE,qBAAC,qBAAqB,UAArB,EAA8B,OAAO,EAAE,YAAY,SAAS,GAM3D;AAAA,wBAAC,SAAI,WAAU,UAAU,UAAS;AAAA,IAClC,oBAAC,mBAAgB,WAAsB;AAAA,KACzC;AAEJ;","names":[]}