@greatapps/common 1.1.719 → 1.1.721

package/dist/components/modals/BuyCreditsModal.mjs

@@ -62,10 +62,22 @@ function BuyCreditsModal() {
   const subscriptionId = subscription?.id;
   const planId = subscription?.id_plan;
   const buildPlanExtras = useCallback(
-    (aiQuantity) => [
-      ...(subscription?.items ?? []).filter((item) => item.id_addon != null && item.id_addon !== ADDON_IDS.AI && Number(item.value ?? 0) > 0).map((item) => ({ id_addon: Number(item.id_addon), quantity: item.quantity ?? 0 })),
-      { id_addon: ADDON_IDS.AI, quantity: aiQuantity }
-    ],
+    (aiQuantity) => {
+      const aiOption = AI_CREDIT_OPTIONS.find((opt) => opt.credits === aiQuantity);
+      return [
+        ...(subscription?.items ?? []).filter((item) => item.id_addon != null && item.id_addon !== ADDON_IDS.AI).map((item) => ({
+          id_addon: Number(item.id_addon),
+          quantity: item.quantity ?? 0,
+          value: Number(item.value ?? 0),
+          price: item.price
+        })),
+        {
+          id_addon: ADDON_IDS.AI,
+          quantity: aiQuantity,
+          value: aiOption?.price ?? 0
+        }
+      ];
+    },
     [subscription]
   );
   const form = useForm({

package/dist/components/modals/BuyCreditsModal.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/modals/BuyCreditsModal.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Dialog,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\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 { SelectField } from '../ui/form/SelectField';\nimport { Skeleton } from '../ui/feedback/Skeleton';\nimport { PaymentInfoCard } from '../ui/data-display/PaymentInfoCard';\nimport { ADDON_IDS } from '../../modules/subscriptions/constants/addons.constants';\nimport {\n  AI_CREDIT_OPTIONS,\n  AI_CREDIT_VALUES,\n} from '../../modules/subscriptions/constants/addons.constants';\nimport { useBuyCreditsModal } from '../../store/useBuyCreditsModal';\nimport { useModalManager } from '../../store/useModalManager';\nimport { useCards } from '../../modules/cards/hooks/cards.hook';\nimport { useActiveSubscription } from '../../modules/subscriptions/hooks/find-active-subscription.hook';\nimport { useCalculateSubscription } from '../../modules/subscriptions/hooks/calculate-subscription.hook';\nimport { useUpdateSubscriptionPlan } from '../../modules/subscriptions/hooks/update-subscription-plan.hook';\nimport { getPriceFromCalculatedData } from '../../modules/subscriptions/utils/periodicity';\nimport { useIsDefaultWhitelabel, useExternalContracting } from '../../providers/whitelabel.provider';\nimport { IconInfoCircle, IconX, IconLoader2, IconSparkles } from '@tabler/icons-react';\nimport { useTranslations } from 'next-intl';\nimport { useCallback, useEffect, useMemo, useRef } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport z from 'zod';\nimport { toast } from 'sonner';\n\nconst buyCreditSchema = z.object({\n  creditOption: z.number().refine((val) => AI_CREDIT_VALUES.has(val), {\n    message: 'Selecione uma opção de créditos',\n  }),\n  selectedCardId: z.string().min(1, 'Selecione um cartão'),\n});\n\ntype BuyCreditFormData = z.infer<typeof buyCreditSchema>;\n\nexport default function BuyCreditsModal() {\n  const translate = useTranslations();\n  const { open, closeModal } = useBuyCreditsModal();\n  const { openModal } = useModalManager();\n  const isDefaultWl = useIsDefaultWhitelabel();\n  const { isExternalContracting, redirectToExternal } = useExternalContracting();\n  const { data: cardsData } = useCards();\n  const { data: subscriptionData } = useActiveSubscription();\n  const subscription = subscriptionData?.data?.[0] ?? null;\n  const defaultCardId =\n    cardsData?.data?.find((card) => card.is_default)?.id?.toString() ??\n    cardsData?.data?.[0]?.id?.toString() ??\n    '';\n\n  const {\n    mutate: calculate,\n    isPending: isCalculatePending,\n    data: calculateData,\n  } = useCalculateSubscription();\n  const updatePlanMutation = useUpdateSubscriptionPlan();\n\n  const aiItem = useMemo(\n    () => subscription?.items?.find((item) => item.id_addon === ADDON_IDS.AI),\n    [subscription]\n  );\n\n  const currentCredits = aiItem?.quantity ?? 0;\n  const subscriptionId = subscription?.id;\n  const planId = subscription?.id_plan;\n\n  const buildPlanExtras = useCallback(\n    (aiQuantity: number) => [\n      ...(subscription?.items ?? [])\n        .filter((item) => item.id_addon != null && item.id_addon !== ADDON_IDS.AI && Number(item.value ?? 0) > 0)\n        .map((item) => ({ id_addon: Number(item.id_addon), quantity: item.quantity ?? 0 })),\n      { id_addon: ADDON_IDS.AI, quantity: aiQuantity },\n    ],\n    [subscription]\n  );\n\n  const form = useForm<BuyCreditFormData>({\n    resolver: zodResolver(buyCreditSchema),\n    mode: 'onChange',\n    defaultValues: {\n      creditOption: currentCredits,\n      selectedCardId: defaultCardId,\n    },\n  });\n\n  const hasInitialized = useRef(false);\n\n  useEffect(() => {\n    if (!open) {\n      hasInitialized.current = false;\n      return;\n    }\n\n    if (hasInitialized.current || !subscription) return;\n    hasInitialized.current = true;\n\n    form.reset({\n      creditOption: currentCredits,\n      selectedCardId: defaultCardId,\n    });\n\n    calculate({\n      id_product: 1,\n      ...(planId != null && { id_plan: planId }),\n      ...(subscriptionId != null && { id_subscription: subscriptionId }),\n      plan_extras: buildPlanExtras(currentCredits),\n    });\n  }, [\n    open,\n    subscription,\n    currentCredits,\n    defaultCardId,\n    form,\n    calculate,\n    planId,\n    subscriptionId,\n    buildPlanExtras,\n  ]);\n\n  // Sync selectedCardId when cards load after modal opened\n  useEffect(() => {\n    if (open && defaultCardId && !form.getValues('selectedCardId')) {\n      form.setValue('selectedCardId', defaultCardId, { shouldValidate: true });\n    }\n  }, [open, defaultCardId, form]);\n\n  const creditOption = form.watch('creditOption');\n  const selectedCardId = form.watch('selectedCardId');\n  const { isDirty, isSubmitting, isValid } = form.formState;\n\n\n  const handleCreditOptionChange = useCallback(\n    (value: string | number | boolean) => {\n      const credits = Number(value);\n\n      form.setValue('creditOption', credits, {\n        shouldValidate: true,\n        shouldDirty: true,\n      });\n\n      const option = AI_CREDIT_OPTIONS.find((opt) => opt.credits === credits);\n      if (!option) return;\n\n      calculate({\n        id_product: 1,\n        ...(planId != null && { id_plan: planId }),\n        ...(subscriptionId != null && { id_subscription: subscriptionId }),\n        plan_extras: buildPlanExtras(option.credits),\n      });\n    },\n    [form, subscriptionId, planId, calculate, buildPlanExtras]\n  );\n\n  const calculatedData = calculateData?.data ?? null;\n\n  const isIncreasingCredits = creditOption > currentCredits;\n  const hasChanged = creditOption !== currentCredits;\n\n  const immediateChargeTotal = calculatedData?.target?.immediate_charge?.total ?? null;\n\n  const totalPrice = useMemo(() => {\n    if (!calculatedData) return null;\n    return getPriceFromCalculatedData(calculatedData, subscription?.periodicity);\n  }, [calculatedData, subscription]);\n\n  const formatPrice = useCallback((price: number) => {\n    return price.toLocaleString('pt-BR', {\n      style: 'currency',\n      currency: 'BRL',\n    });\n  }, []);\n\n  const isConfirmDisabled = !isDirty || !isValid || isCalculatePending || isSubmitting;\n\n  const handleClose = useCallback(() => {\n    form.reset();\n    closeModal();\n  }, [form, closeModal]);\n\n  const handleOpenAddCardModal = useCallback(() => {\n    openModal('addCardModal');\n  }, [openModal]);\n\n  const selectOptions = useMemo(() => {\n    return AI_CREDIT_OPTIONS.map((opt) => ({\n      value: opt.credits,\n      label: (\n        <div className=\"flex items-center justify-between gap-2 w-full\">\n          <span className=\"paragraph-small-medium text-zinc-950 flex-1\">\n            {translate('common.credits.buy.creditsOptionLabel', { credits: opt.credits.toLocaleString('pt-BR') })}\n          </span>\n          <span className=\"paragraph-small-medium text-zinc-500 opacity-70\">{opt.priceLabel}</span>\n        </div>\n      ),\n      displayValue: translate('common.credits.buy.creditsOptionDisplayValue', { credits: opt.credits.toLocaleString('pt-BR') }),\n    }));\n  }, [translate]);\n\n  const onSubmit = useCallback(\n    async (data: BuyCreditFormData) => {\n      if (!subscriptionId) return;\n\n      const option = AI_CREDIT_OPTIONS.find((opt) => opt.credits === data.creditOption);\n      if (!option) return;\n\n      await updatePlanMutation.mutateAsync({\n        subscriptionId,\n        data: {\n          plan_extras: buildPlanExtras(option.credits),\n        },\n      });\n\n      toast.custom((t) => (\n        <Toast\n          variant=\"success\"\n          message={translate('common.credits.buy.creditsChangedToast', { credits: data.creditOption.toLocaleString('pt-BR') })}\n          toastId={t}\n        />\n      ));\n      form.reset();\n      closeModal();\n    },\n    [subscriptionId, updatePlanMutation, form, closeModal, buildPlanExtras]\n  );\n\n  const renderPriceDisplay = useCallback(() => {\n    if (isCalculatePending) {\n      return <Skeleton className=\"h-7 w-24\" />;\n    }\n    if (totalPrice !== null) {\n      return (\n        <span className=\"paragraph-xlarge-semibold text-zinc-950\">\n          {totalPrice === 0 ? translate('common.credits.buy.defaultPrice') : formatPrice(totalPrice)}\n        </span>\n      );\n    }\n    return <span className=\"paragraph-xlarge-semibold text-zinc-400\">--</span>;\n  }, [isCalculatePending, totalPrice, formatPrice]);\n\n  if (isExternalContracting) {\n    return (\n      <Dialog open={open} 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              <IconSparkles 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.credits.buy.externalTitle')}\n              </DialogTitle>\n              <span className=\"paragraph-small-regular text-zinc-600\">\n                {translate('common.credits.buy.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                closeModal();\n                redirectToExternal('contracting');\n              }}\n            >\n              {translate('common.credits.buy.externalButton')}\n            </Button>\n          </div>\n        </DialogContent>\n      </Dialog>\n    );\n  }\n\n  return (\n    <Dialog open={open} 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-[433px] 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 lg:overflow-y-auto\"\n      >\n        <DialogHeader className=\"px-4 py-3 border-b border-zinc-200 shrink-0 relative\">\n          <DialogTitle className=\"paragraph-medium-semibold text-zinc-950 text-center\">\n            {translate('common.credits.buy.title')}\n          </DialogTitle>\n          <button\n            type=\"button\"\n            onClick={handleClose}\n            className=\"absolute right-3 top-1/2 -translate-y-1/2 size-8 flex items-center justify-center rounded-lg cursor-pointer hover:bg-zinc-100 transition-colors\"\n          >\n            <IconX size={18} className=\"text-zinc-400\" />\n          </button>\n        </DialogHeader>\n\n        <form\n          onSubmit={form.handleSubmit(onSubmit)}\n          className=\"flex flex-col flex-1 lg:flex-none overflow-hidden\"\n        >\n          <div className=\"flex flex-col gap-6 lg:gap-8 p-4 lg:p-5 flex-1 lg:flex-none overflow-y-auto\">\n            <div className=\"flex flex-col gap-4\">\n              <SelectField\n                options={selectOptions}\n                value={creditOption}\n                onChange={handleCreditOptionChange}\n                className=\"h-12!\"\n              />\n\n              <PaymentInfoCard\n                selectedCardId={selectedCardId}\n                onCardSelect={(cardId) =>\n                  form.setValue('selectedCardId', cardId, { shouldValidate: true })\n                }\n                onOpenAddCard={handleOpenAddCardModal}\n              />\n\n              {hasChanged && (\n                <div className={`flex items-center gap-3 p-4 rounded-lg ${isDefaultWl ? 'bg-cyan-50' : 'bg-zinc-50'}`}>\n                  <IconInfoCircle className=\"size-4 text-zinc-950 shrink-0\" />\n                  <span className=\"paragraph-small-regular text-zinc-950\">\n                    {isIncreasingCredits\n                      ? translate('common.credits.buy.paymentOnConfirm')\n                      : translate('common.credits.buy.nextInvoiceChanges')}\n                  </span>\n                </div>\n              )}\n            </div>\n\n            <Separator className=\"bg-zinc-200 hidden lg:block\" />\n\n            <div className=\"hidden lg:flex flex-col gap-2\">\n              {immediateChargeTotal !== null && immediateChargeTotal > 0 && (\n                <div className=\"flex items-center justify-between\">\n                  <span className=\"paragraph-xsmall-medium text-zinc-500\">{translate('common.credits.buy.immediateCharge')}</span>\n                  {isCalculatePending ? (\n                    <Skeleton className=\"h-5 w-20\" />\n                  ) : (\n                    <span className=\"paragraph-small-semibold text-zinc-950\">\n                      {formatPrice(immediateChargeTotal)}\n                    </span>\n                  )}\n                </div>\n              )}\n              <div className=\"flex items-center justify-between\">\n                <span className=\"paragraph-small-medium text-zinc-500\">{translate('common.credits.buy.totalPlanValue')}</span>\n                {renderPriceDisplay()}\n              </div>\n            </div>\n\n            <Button\n              type=\"submit\"\n              disabled={isConfirmDisabled}\n              className=\"w-full hidden lg:inline-flex\"\n            >\n              {isSubmitting && <IconLoader2 className=\"size-4 animate-spin\" />}\n              {translate('common.credits.buy.confirmAndPay')}\n            </Button>\n          </div>\n\n          <div className=\"flex flex-col gap-4 p-4 border-t border-zinc-200 shrink-0 lg:hidden\">\n            <div className=\"flex flex-col gap-2\">\n              {immediateChargeTotal !== null && immediateChargeTotal > 0 && (\n                <div className=\"flex items-center justify-between\">\n                  <span className=\"paragraph-xsmall-medium text-zinc-500\">{translate('common.credits.buy.immediateCharge')}</span>\n                  {isCalculatePending ? (\n                    <Skeleton className=\"h-5 w-20\" />\n                  ) : (\n                    <span className=\"paragraph-small-semibold text-zinc-950\">\n                      {formatPrice(immediateChargeTotal)}\n                    </span>\n                  )}\n                </div>\n              )}\n              <div className=\"flex items-center justify-between\">\n                <span className=\"paragraph-small-medium text-zinc-500\">{translate('common.credits.buy.totalPlanValue')}</span>\n                {renderPriceDisplay()}\n              </div>\n            </div>\n            <Button type=\"submit\" disabled={isConfirmDisabled} className=\"w-full\">\n              {isSubmitting && <IconLoader2 className=\"size-4 animate-spin\" />}\n              {translate('common.credits.buy.confirmAndPay')}\n            </Button>\n          </div>\n        </form>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/modals/BuyCreditsModal.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Dialog,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\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 { SelectField } from '../ui/form/SelectField';\nimport { Skeleton } from '../ui/feedback/Skeleton';\nimport { PaymentInfoCard } from '../ui/data-display/PaymentInfoCard';\nimport { ADDON_IDS } from '../../modules/subscriptions/constants/addons.constants';\nimport {\n  AI_CREDIT_OPTIONS,\n  AI_CREDIT_VALUES,\n} from '../../modules/subscriptions/constants/addons.constants';\nimport { useBuyCreditsModal } from '../../store/useBuyCreditsModal';\nimport { useModalManager } from '../../store/useModalManager';\nimport { useCards } from '../../modules/cards/hooks/cards.hook';\nimport { useActiveSubscription } from '../../modules/subscriptions/hooks/find-active-subscription.hook';\nimport { useCalculateSubscription } from '../../modules/subscriptions/hooks/calculate-subscription.hook';\nimport { useUpdateSubscriptionPlan } from '../../modules/subscriptions/hooks/update-subscription-plan.hook';\nimport { getPriceFromCalculatedData } from '../../modules/subscriptions/utils/periodicity';\nimport { useIsDefaultWhitelabel, useExternalContracting } from '../../providers/whitelabel.provider';\nimport { IconInfoCircle, IconX, IconLoader2, IconSparkles } from '@tabler/icons-react';\nimport { useTranslations } from 'next-intl';\nimport { useCallback, useEffect, useMemo, useRef } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport z from 'zod';\nimport { toast } from 'sonner';\n\nconst buyCreditSchema = z.object({\n  creditOption: z.number().refine((val) => AI_CREDIT_VALUES.has(val), {\n    message: 'Selecione uma opção de créditos',\n  }),\n  selectedCardId: z.string().min(1, 'Selecione um cartão'),\n});\n\ntype BuyCreditFormData = z.infer<typeof buyCreditSchema>;\n\nexport default function BuyCreditsModal() {\n  const translate = useTranslations();\n  const { open, closeModal } = useBuyCreditsModal();\n  const { openModal } = useModalManager();\n  const isDefaultWl = useIsDefaultWhitelabel();\n  const { isExternalContracting, redirectToExternal } = useExternalContracting();\n  const { data: cardsData } = useCards();\n  const { data: subscriptionData } = useActiveSubscription();\n  const subscription = subscriptionData?.data?.[0] ?? null;\n  const defaultCardId =\n    cardsData?.data?.find((card) => card.is_default)?.id?.toString() ??\n    cardsData?.data?.[0]?.id?.toString() ??\n    '';\n\n  const {\n    mutate: calculate,\n    isPending: isCalculatePending,\n    data: calculateData,\n  } = useCalculateSubscription();\n  const updatePlanMutation = useUpdateSubscriptionPlan();\n\n  const aiItem = useMemo(\n    () => subscription?.items?.find((item) => item.id_addon === ADDON_IDS.AI),\n    [subscription]\n  );\n\n  const currentCredits = aiItem?.quantity ?? 0;\n  const subscriptionId = subscription?.id;\n  const planId = subscription?.id_plan;\n\n  const buildPlanExtras = useCallback(\n    (aiQuantity: number) => {\n      const aiOption = AI_CREDIT_OPTIONS.find(opt => opt.credits === aiQuantity);\n      return [\n        ...(subscription?.items ?? [])\n          .filter((item) => item.id_addon != null && item.id_addon !== ADDON_IDS.AI)\n          .map((item: any) => ({ \n            id_addon: Number(item.id_addon), \n            quantity: item.quantity ?? 0,\n            value: Number(item.value ?? 0),\n            price: item.price,\n          })),\n        { \n          id_addon: ADDON_IDS.AI, \n          quantity: aiQuantity,\n          value: aiOption?.price ?? 0 \n        },\n      ];\n    },\n    [subscription]\n  );\n\n  const form = useForm<BuyCreditFormData>({\n    resolver: zodResolver(buyCreditSchema),\n    mode: 'onChange',\n    defaultValues: {\n      creditOption: currentCredits,\n      selectedCardId: defaultCardId,\n    },\n  });\n\n  const hasInitialized = useRef(false);\n\n  useEffect(() => {\n    if (!open) {\n      hasInitialized.current = false;\n      return;\n    }\n\n    if (hasInitialized.current || !subscription) return;\n    hasInitialized.current = true;\n\n    form.reset({\n      creditOption: currentCredits,\n      selectedCardId: defaultCardId,\n    });\n\n    calculate({\n      id_product: 1,\n      ...(planId != null && { id_plan: planId }),\n      ...(subscriptionId != null && { id_subscription: subscriptionId }),\n      plan_extras: buildPlanExtras(currentCredits),\n    });\n  }, [\n    open,\n    subscription,\n    currentCredits,\n    defaultCardId,\n    form,\n    calculate,\n    planId,\n    subscriptionId,\n    buildPlanExtras,\n  ]);\n\n  // Sync selectedCardId when cards load after modal opened\n  useEffect(() => {\n    if (open && defaultCardId && !form.getValues('selectedCardId')) {\n      form.setValue('selectedCardId', defaultCardId, { shouldValidate: true });\n    }\n  }, [open, defaultCardId, form]);\n\n  const creditOption = form.watch('creditOption');\n  const selectedCardId = form.watch('selectedCardId');\n  const { isDirty, isSubmitting, isValid } = form.formState;\n\n\n  const handleCreditOptionChange = useCallback(\n    (value: string | number | boolean) => {\n      const credits = Number(value);\n\n      form.setValue('creditOption', credits, {\n        shouldValidate: true,\n        shouldDirty: true,\n      });\n\n      const option = AI_CREDIT_OPTIONS.find((opt) => opt.credits === credits);\n      if (!option) return;\n\n      calculate({\n        id_product: 1,\n        ...(planId != null && { id_plan: planId }),\n        ...(subscriptionId != null && { id_subscription: subscriptionId }),\n        plan_extras: buildPlanExtras(option.credits),\n      });\n    },\n    [form, subscriptionId, planId, calculate, buildPlanExtras]\n  );\n\n  const calculatedData = calculateData?.data ?? null;\n\n  const isIncreasingCredits = creditOption > currentCredits;\n  const hasChanged = creditOption !== currentCredits;\n\n  const immediateChargeTotal = calculatedData?.target?.immediate_charge?.total ?? null;\n\n  const totalPrice = useMemo(() => {\n    if (!calculatedData) return null;\n    return getPriceFromCalculatedData(calculatedData, subscription?.periodicity);\n  }, [calculatedData, subscription]);\n\n  const formatPrice = useCallback((price: number) => {\n    return price.toLocaleString('pt-BR', {\n      style: 'currency',\n      currency: 'BRL',\n    });\n  }, []);\n\n  const isConfirmDisabled = !isDirty || !isValid || isCalculatePending || isSubmitting;\n\n  const handleClose = useCallback(() => {\n    form.reset();\n    closeModal();\n  }, [form, closeModal]);\n\n  const handleOpenAddCardModal = useCallback(() => {\n    openModal('addCardModal');\n  }, [openModal]);\n\n  const selectOptions = useMemo(() => {\n    return AI_CREDIT_OPTIONS.map((opt) => ({\n      value: opt.credits,\n      label: (\n        <div className=\"flex items-center justify-between gap-2 w-full\">\n          <span className=\"paragraph-small-medium text-zinc-950 flex-1\">\n            {translate('common.credits.buy.creditsOptionLabel', { credits: opt.credits.toLocaleString('pt-BR') })}\n          </span>\n          <span className=\"paragraph-small-medium text-zinc-500 opacity-70\">{opt.priceLabel}</span>\n        </div>\n      ),\n      displayValue: translate('common.credits.buy.creditsOptionDisplayValue', { credits: opt.credits.toLocaleString('pt-BR') }),\n    }));\n  }, [translate]);\n\n  const onSubmit = useCallback(\n    async (data: BuyCreditFormData) => {\n      if (!subscriptionId) return;\n\n      const option = AI_CREDIT_OPTIONS.find((opt) => opt.credits === data.creditOption);\n      if (!option) return;\n\n      await updatePlanMutation.mutateAsync({\n        subscriptionId,\n        data: {\n          plan_extras: buildPlanExtras(option.credits),\n        },\n      });\n\n      toast.custom((t) => (\n        <Toast\n          variant=\"success\"\n          message={translate('common.credits.buy.creditsChangedToast', { credits: data.creditOption.toLocaleString('pt-BR') })}\n          toastId={t}\n        />\n      ));\n      form.reset();\n      closeModal();\n    },\n    [subscriptionId, updatePlanMutation, form, closeModal, buildPlanExtras]\n  );\n\n  const renderPriceDisplay = useCallback(() => {\n    if (isCalculatePending) {\n      return <Skeleton className=\"h-7 w-24\" />;\n    }\n    if (totalPrice !== null) {\n      return (\n        <span className=\"paragraph-xlarge-semibold text-zinc-950\">\n          {totalPrice === 0 ? translate('common.credits.buy.defaultPrice') : formatPrice(totalPrice)}\n        </span>\n      );\n    }\n    return <span className=\"paragraph-xlarge-semibold text-zinc-400\">--</span>;\n  }, [isCalculatePending, totalPrice, formatPrice]);\n\n  if (isExternalContracting) {\n    return (\n      <Dialog open={open} 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              <IconSparkles 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.credits.buy.externalTitle')}\n              </DialogTitle>\n              <span className=\"paragraph-small-regular text-zinc-600\">\n                {translate('common.credits.buy.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                closeModal();\n                redirectToExternal('contracting');\n              }}\n            >\n              {translate('common.credits.buy.externalButton')}\n            </Button>\n          </div>\n        </DialogContent>\n      </Dialog>\n    );\n  }\n\n  return (\n    <Dialog open={open} 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-[433px] 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 lg:overflow-y-auto\"\n      >\n        <DialogHeader className=\"px-4 py-3 border-b border-zinc-200 shrink-0 relative\">\n          <DialogTitle className=\"paragraph-medium-semibold text-zinc-950 text-center\">\n            {translate('common.credits.buy.title')}\n          </DialogTitle>\n          <button\n            type=\"button\"\n            onClick={handleClose}\n            className=\"absolute right-3 top-1/2 -translate-y-1/2 size-8 flex items-center justify-center rounded-lg cursor-pointer hover:bg-zinc-100 transition-colors\"\n          >\n            <IconX size={18} className=\"text-zinc-400\" />\n          </button>\n        </DialogHeader>\n\n        <form\n          onSubmit={form.handleSubmit(onSubmit)}\n          className=\"flex flex-col flex-1 lg:flex-none overflow-hidden\"\n        >\n          <div className=\"flex flex-col gap-6 lg:gap-8 p-4 lg:p-5 flex-1 lg:flex-none overflow-y-auto\">\n            <div className=\"flex flex-col gap-4\">\n              <SelectField\n                options={selectOptions}\n                value={creditOption}\n                onChange={handleCreditOptionChange}\n                className=\"h-12!\"\n              />\n\n              <PaymentInfoCard\n                selectedCardId={selectedCardId}\n                onCardSelect={(cardId) =>\n                  form.setValue('selectedCardId', cardId, { shouldValidate: true })\n                }\n                onOpenAddCard={handleOpenAddCardModal}\n              />\n\n              {hasChanged && (\n                <div className={`flex items-center gap-3 p-4 rounded-lg ${isDefaultWl ? 'bg-cyan-50' : 'bg-zinc-50'}`}>\n                  <IconInfoCircle className=\"size-4 text-zinc-950 shrink-0\" />\n                  <span className=\"paragraph-small-regular text-zinc-950\">\n                    {isIncreasingCredits\n                      ? translate('common.credits.buy.paymentOnConfirm')\n                      : translate('common.credits.buy.nextInvoiceChanges')}\n                  </span>\n                </div>\n              )}\n            </div>\n\n            <Separator className=\"bg-zinc-200 hidden lg:block\" />\n\n            <div className=\"hidden lg:flex flex-col gap-2\">\n              {immediateChargeTotal !== null && immediateChargeTotal > 0 && (\n                <div className=\"flex items-center justify-between\">\n                  <span className=\"paragraph-xsmall-medium text-zinc-500\">{translate('common.credits.buy.immediateCharge')}</span>\n                  {isCalculatePending ? (\n                    <Skeleton className=\"h-5 w-20\" />\n                  ) : (\n                    <span className=\"paragraph-small-semibold text-zinc-950\">\n                      {formatPrice(immediateChargeTotal)}\n                    </span>\n                  )}\n                </div>\n              )}\n              <div className=\"flex items-center justify-between\">\n                <span className=\"paragraph-small-medium text-zinc-500\">{translate('common.credits.buy.totalPlanValue')}</span>\n                {renderPriceDisplay()}\n              </div>\n            </div>\n\n            <Button\n              type=\"submit\"\n              disabled={isConfirmDisabled}\n              className=\"w-full hidden lg:inline-flex\"\n            >\n              {isSubmitting && <IconLoader2 className=\"size-4 animate-spin\" />}\n              {translate('common.credits.buy.confirmAndPay')}\n            </Button>\n          </div>\n\n          <div className=\"flex flex-col gap-4 p-4 border-t border-zinc-200 shrink-0 lg:hidden\">\n            <div className=\"flex flex-col gap-2\">\n              {immediateChargeTotal !== null && immediateChargeTotal > 0 && (\n                <div className=\"flex items-center justify-between\">\n                  <span className=\"paragraph-xsmall-medium text-zinc-500\">{translate('common.credits.buy.immediateCharge')}</span>\n                  {isCalculatePending ? (\n                    <Skeleton className=\"h-5 w-20\" />\n                  ) : (\n                    <span className=\"paragraph-small-semibold text-zinc-950\">\n                      {formatPrice(immediateChargeTotal)}\n                    </span>\n                  )}\n                </div>\n              )}\n              <div className=\"flex items-center justify-between\">\n                <span className=\"paragraph-small-medium text-zinc-500\">{translate('common.credits.buy.totalPlanValue')}</span>\n                {renderPriceDisplay()}\n              </div>\n            </div>\n            <Button type=\"submit\" disabled={isConfirmDisabled} className=\"w-full\">\n              {isSubmitting && <IconLoader2 className=\"size-4 animate-spin\" />}\n              {translate('common.credits.buy.confirmAndPay')}\n            </Button>\n          </div>\n        </form>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":";AA+MQ,SACE,KADF;AA7MR;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAC1B,SAAS,aAAa;AACtB,SAAS,mBAAmB;AAC5B,SAAS,gBAAgB;AACzB,SAAS,uBAAuB;AAChC,SAAS,iBAAiB;AAC1B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,0BAA0B;AACnC,SAAS,uBAAuB;AAChC,SAAS,gBAAgB;AACzB,SAAS,6BAA6B;AACtC,SAAS,gCAAgC;AACzC,SAAS,iCAAiC;AAC1C,SAAS,kCAAkC;AAC3C,SAAS,wBAAwB,8BAA8B;AAC/D,SAAS,gBAAgB,OAAO,aAAa,oBAAoB;AACjE,SAAS,uBAAuB;AAChC,SAAS,aAAa,WAAW,SAAS,cAAc;AACxD,SAAS,eAAe;AACxB,SAAS,mBAAmB;AAC5B,OAAO,OAAO;AACd,SAAS,aAAa;AAEtB,MAAM,kBAAkB,EAAE,OAAO;AAAA,EAC/B,cAAc,EAAE,OAAO,EAAE,OAAO,CAAC,QAAQ,iBAAiB,IAAI,GAAG,GAAG;AAAA,IAClE,SAAS;AAAA,EACX,CAAC;AAAA,EACD,gBAAgB,EAAE,OAAO,EAAE,IAAI,GAAG,wBAAqB;AACzD,CAAC;AAIc,SAAR,kBAAmC;AACxC,QAAM,YAAY,gBAAgB;AAClC,QAAM,EAAE,MAAM,WAAW,IAAI,mBAAmB;AAChD,QAAM,EAAE,UAAU,IAAI,gBAAgB;AACtC,QAAM,cAAc,uBAAuB;AAC3C,QAAM,EAAE,uBAAuB,mBAAmB,IAAI,uBAAuB;AAC7E,QAAM,EAAE,MAAM,UAAU,IAAI,SAAS;AACrC,QAAM,EAAE,MAAM,iBAAiB,IAAI,sBAAsB;AACzD,QAAM,eAAe,kBAAkB,OAAO,CAAC,KAAK;AACpD,QAAM,gBACJ,WAAW,MAAM,KAAK,CAAC,SAAS,KAAK,UAAU,GAAG,IAAI,SAAS,KAC/D,WAAW,OAAO,CAAC,GAAG,IAAI,SAAS,KACnC;AAEF,QAAM;AAAA,IACJ,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,MAAM;AAAA,EACR,IAAI,yBAAyB;AAC7B,QAAM,qBAAqB,0BAA0B;AAErD,QAAM,SAAS;AAAA,IACb,MAAM,cAAc,OAAO,KAAK,CAAC,SAAS,KAAK,aAAa,UAAU,EAAE;AAAA,IACxE,CAAC,YAAY;AAAA,EACf;AAEA,QAAM,iBAAiB,QAAQ,YAAY;AAC3C,QAAM,iBAAiB,cAAc;AACrC,QAAM,SAAS,cAAc;AAE7B,QAAM,kBAAkB;AAAA,IACtB,CAAC,eAAuB;AACtB,YAAM,WAAW,kBAAkB,KAAK,SAAO,IAAI,YAAY,UAAU;AACzE,aAAO;AAAA,QACL,IAAI,cAAc,SAAS,CAAC,GACzB,OAAO,CAAC,SAAS,KAAK,YAAY,QAAQ,KAAK,aAAa,UAAU,EAAE,EACxE,IAAI,CAAC,UAAe;AAAA,UACnB,UAAU,OAAO,KAAK,QAAQ;AAAA,UAC9B,UAAU,KAAK,YAAY;AAAA,UAC3B,OAAO,OAAO,KAAK,SAAS,CAAC;AAAA,UAC7B,OAAO,KAAK;AAAA,QACd,EAAE;AAAA,QACJ;AAAA,UACE,UAAU,UAAU;AAAA,UACpB,UAAU;AAAA,UACV,OAAO,UAAU,SAAS;AAAA,QAC5B;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,YAAY;AAAA,EACf;AAEA,QAAM,OAAO,QAA2B;AAAA,IACtC,UAAU,YAAY,eAAe;AAAA,IACrC,MAAM;AAAA,IACN,eAAe;AAAA,MACb,cAAc;AAAA,MACd,gBAAgB;AAAA,IAClB;AAAA,EACF,CAAC;AAED,QAAM,iBAAiB,OAAO,KAAK;AAEnC,YAAU,MAAM;AACd,QAAI,CAAC,MAAM;AACT,qBAAe,UAAU;AACzB;AAAA,IACF;AAEA,QAAI,eAAe,WAAW,CAAC,aAAc;AAC7C,mBAAe,UAAU;AAEzB,SAAK,MAAM;AAAA,MACT,cAAc;AAAA,MACd,gBAAgB;AAAA,IAClB,CAAC;AAED,cAAU;AAAA,MACR,YAAY;AAAA,MACZ,GAAI,UAAU,QAAQ,EAAE,SAAS,OAAO;AAAA,MACxC,GAAI,kBAAkB,QAAQ,EAAE,iBAAiB,eAAe;AAAA,MAChE,aAAa,gBAAgB,cAAc;AAAA,IAC7C,CAAC;AAAA,EACH,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAGD,YAAU,MAAM;AACd,QAAI,QAAQ,iBAAiB,CAAC,KAAK,UAAU,gBAAgB,GAAG;AAC9D,WAAK,SAAS,kBAAkB,eAAe,EAAE,gBAAgB,KAAK,CAAC;AAAA,IACzE;AAAA,EACF,GAAG,CAAC,MAAM,eAAe,IAAI,CAAC;AAE9B,QAAM,eAAe,KAAK,MAAM,cAAc;AAC9C,QAAM,iBAAiB,KAAK,MAAM,gBAAgB;AAClD,QAAM,EAAE,SAAS,cAAc,QAAQ,IAAI,KAAK;AAGhD,QAAM,2BAA2B;AAAA,IAC/B,CAAC,UAAqC;AACpC,YAAM,UAAU,OAAO,KAAK;AAE5B,WAAK,SAAS,gBAAgB,SAAS;AAAA,QACrC,gBAAgB;AAAA,QAChB,aAAa;AAAA,MACf,CAAC;AAED,YAAM,SAAS,kBAAkB,KAAK,CAAC,QAAQ,IAAI,YAAY,OAAO;AACtE,UAAI,CAAC,OAAQ;AAEb,gBAAU;AAAA,QACR,YAAY;AAAA,QACZ,GAAI,UAAU,QAAQ,EAAE,SAAS,OAAO;AAAA,QACxC,GAAI,kBAAkB,QAAQ,EAAE,iBAAiB,eAAe;AAAA,QAChE,aAAa,gBAAgB,OAAO,OAAO;AAAA,MAC7C,CAAC;AAAA,IACH;AAAA,IACA,CAAC,MAAM,gBAAgB,QAAQ,WAAW,eAAe;AAAA,EAC3D;AAEA,QAAM,iBAAiB,eAAe,QAAQ;AAE9C,QAAM,sBAAsB,eAAe;AAC3C,QAAM,aAAa,iBAAiB;AAEpC,QAAM,uBAAuB,gBAAgB,QAAQ,kBAAkB,SAAS;AAEhF,QAAM,aAAa,QAAQ,MAAM;AAC/B,QAAI,CAAC,eAAgB,QAAO;AAC5B,WAAO,2BAA2B,gBAAgB,cAAc,WAAW;AAAA,EAC7E,GAAG,CAAC,gBAAgB,YAAY,CAAC;AAEjC,QAAM,cAAc,YAAY,CAAC,UAAkB;AACjD,WAAO,MAAM,eAAe,SAAS;AAAA,MACnC,OAAO;AAAA,MACP,UAAU;AAAA,IACZ,CAAC;AAAA,EACH,GAAG,CAAC,CAAC;AAEL,QAAM,oBAAoB,CAAC,WAAW,CAAC,WAAW,sBAAsB;AAExE,QAAM,cAAc,YAAY,MAAM;AACpC,SAAK,MAAM;AACX,eAAW;AAAA,EACb,GAAG,CAAC,MAAM,UAAU,CAAC;AAErB,QAAM,yBAAyB,YAAY,MAAM;AAC/C,cAAU,cAAc;AAAA,EAC1B,GAAG,CAAC,SAAS,CAAC;AAEd,QAAM,gBAAgB,QAAQ,MAAM;AAClC,WAAO,kBAAkB,IAAI,CAAC,SAAS;AAAA,MACrC,OAAO,IAAI;AAAA,MACX,OACE,qBAAC,SAAI,WAAU,kDACb;AAAA,4BAAC,UAAK,WAAU,+CACb,oBAAU,yCAAyC,EAAE,SAAS,IAAI,QAAQ,eAAe,OAAO,EAAE,CAAC,GACtG;AAAA,QACA,oBAAC,UAAK,WAAU,mDAAmD,cAAI,YAAW;AAAA,SACpF;AAAA,MAEF,cAAc,UAAU,gDAAgD,EAAE,SAAS,IAAI,QAAQ,eAAe,OAAO,EAAE,CAAC;AAAA,IAC1H,EAAE;AAAA,EACJ,GAAG,CAAC,SAAS,CAAC;AAEd,QAAM,WAAW;AAAA,IACf,OAAO,SAA4B;AACjC,UAAI,CAAC,eAAgB;AAErB,YAAM,SAAS,kBAAkB,KAAK,CAAC,QAAQ,IAAI,YAAY,KAAK,YAAY;AAChF,UAAI,CAAC,OAAQ;AAEb,YAAM,mBAAmB,YAAY;AAAA,QACnC;AAAA,QACA,MAAM;AAAA,UACJ,aAAa,gBAAgB,OAAO,OAAO;AAAA,QAC7C;AAAA,MACF,CAAC;AAED,YAAM,OAAO,CAAC,MACZ;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,UAAU,0CAA0C,EAAE,SAAS,KAAK,aAAa,eAAe,OAAO,EAAE,CAAC;AAAA,UACnH,SAAS;AAAA;AAAA,MACX,CACD;AACD,WAAK,MAAM;AACX,iBAAW;AAAA,IACb;AAAA,IACA,CAAC,gBAAgB,oBAAoB,MAAM,YAAY,eAAe;AAAA,EACxE;AAEA,QAAM,qBAAqB,YAAY,MAAM;AAC3C,QAAI,oBAAoB;AACtB,aAAO,oBAAC,YAAS,WAAU,YAAW;AAAA,IACxC;AACA,QAAI,eAAe,MAAM;AACvB,aACE,oBAAC,UAAK,WAAU,2CACb,yBAAe,IAAI,UAAU,iCAAiC,IAAI,YAAY,UAAU,GAC3F;AAAA,IAEJ;AACA,WAAO,oBAAC,UAAK,WAAU,2CAA0C,gBAAE;AAAA,EACrE,GAAG,CAAC,oBAAoB,YAAY,WAAW,CAAC;AAEhD,MAAI,uBAAuB;AACzB,WACE,oBAAC,UAAO,MAAY,cAAc,aAChC,+BAAC,iBAAc,WAAU,4DACvB;AAAA,2BAAC,gBAAa,WAAU,uBACtB;AAAA,4BAAC,SAAI,WAAU,oEACb,8BAAC,gBAAa,MAAM,IAAI,WAAU,iBAAgB,GACpD;AAAA,QACA,qBAAC,SAAI,WAAU,uBACb;AAAA,8BAAC,eAAY,WAAU,2CACpB,oBAAU,kCAAkC,GAC/C;AAAA,UACA,oBAAC,UAAK,WAAU,yCACb,oBAAU,wCAAwC,GACrD;AAAA,WACF;AAAA,SACF;AAAA,MACA,oBAAC,SAAI,WAAU,wDACb;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,SAAS,MAAM;AACb,uBAAW;AACX,+BAAmB,aAAa;AAAA,UAClC;AAAA,UAEC,oBAAU,mCAAmC;AAAA;AAAA,MAChD,GACF;AAAA,OACF,GACF;AAAA,EAEJ;AAEA,SACE,oBAAC,UAAO,MAAY,cAAc,aAChC;AAAA,IAAC;AAAA;AAAA,MACC,iBAAiB;AAAA,MACjB,WAAU;AAAA,MAEV;AAAA,6BAAC,gBAAa,WAAU,wDACtB;AAAA,8BAAC,eAAY,WAAU,uDACpB,oBAAU,0BAA0B,GACvC;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAS;AAAA,cACT,WAAU;AAAA,cAEV,8BAAC,SAAM,MAAM,IAAI,WAAU,iBAAgB;AAAA;AAAA,UAC7C;AAAA,WACF;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,UAAU,KAAK,aAAa,QAAQ;AAAA,YACpC,WAAU;AAAA,YAEV;AAAA,mCAAC,SAAI,WAAU,+EACb;AAAA,qCAAC,SAAI,WAAU,uBACb;AAAA;AAAA,oBAAC;AAAA;AAAA,sBACC,SAAS;AAAA,sBACT,OAAO;AAAA,sBACP,UAAU;AAAA,sBACV,WAAU;AAAA;AAAA,kBACZ;AAAA,kBAEA;AAAA,oBAAC;AAAA;AAAA,sBACC;AAAA,sBACA,cAAc,CAAC,WACb,KAAK,SAAS,kBAAkB,QAAQ,EAAE,gBAAgB,KAAK,CAAC;AAAA,sBAElE,eAAe;AAAA;AAAA,kBACjB;AAAA,kBAEC,cACC,qBAAC,SAAI,WAAW,0CAA0C,cAAc,eAAe,YAAY,IACjG;AAAA,wCAAC,kBAAe,WAAU,iCAAgC;AAAA,oBAC1D,oBAAC,UAAK,WAAU,yCACb,gCACG,UAAU,qCAAqC,IAC/C,UAAU,uCAAuC,GACvD;AAAA,qBACF;AAAA,mBAEJ;AAAA,gBAEA,oBAAC,aAAU,WAAU,+BAA8B;AAAA,gBAEnD,qBAAC,SAAI,WAAU,iCACZ;AAAA,2CAAyB,QAAQ,uBAAuB,KACvD,qBAAC,SAAI,WAAU,qCACb;AAAA,wCAAC,UAAK,WAAU,yCAAyC,oBAAU,oCAAoC,GAAE;AAAA,oBACxG,qBACC,oBAAC,YAAS,WAAU,YAAW,IAE/B,oBAAC,UAAK,WAAU,0CACb,sBAAY,oBAAoB,GACnC;AAAA,qBAEJ;AAAA,kBAEF,qBAAC,SAAI,WAAU,qCACb;AAAA,wCAAC,UAAK,WAAU,wCAAwC,oBAAU,mCAAmC,GAAE;AAAA,oBACtG,mBAAmB;AAAA,qBACtB;AAAA,mBACF;AAAA,gBAEA;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,UAAU;AAAA,oBACV,WAAU;AAAA,oBAET;AAAA,sCAAgB,oBAAC,eAAY,WAAU,uBAAsB;AAAA,sBAC7D,UAAU,kCAAkC;AAAA;AAAA;AAAA,gBAC/C;AAAA,iBACF;AAAA,cAEA,qBAAC,SAAI,WAAU,uEACb;AAAA,qCAAC,SAAI,WAAU,uBACZ;AAAA,2CAAyB,QAAQ,uBAAuB,KACvD,qBAAC,SAAI,WAAU,qCACb;AAAA,wCAAC,UAAK,WAAU,yCAAyC,oBAAU,oCAAoC,GAAE;AAAA,oBACxG,qBACC,oBAAC,YAAS,WAAU,YAAW,IAE/B,oBAAC,UAAK,WAAU,0CACb,sBAAY,oBAAoB,GACnC;AAAA,qBAEJ;AAAA,kBAEF,qBAAC,SAAI,WAAU,qCACb;AAAA,wCAAC,UAAK,WAAU,wCAAwC,oBAAU,mCAAmC,GAAE;AAAA,oBACtG,mBAAmB;AAAA,qBACtB;AAAA,mBACF;AAAA,gBACA,qBAAC,UAAO,MAAK,UAAS,UAAU,mBAAmB,WAAU,UAC1D;AAAA,kCAAgB,oBAAC,eAAY,WAAU,uBAAsB;AAAA,kBAC7D,UAAU,kCAAkC;AAAA,mBAC/C;AAAA,iBACF;AAAA;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}

package/dist/modules/plans/utils/map-api-plan-to-ui.mjs

@@ -2,6 +2,7 @@ import { ADDON_IDS } from "../../subscriptions/constants/addons.constants";
 import {
   formatCurrencyNumber
 } from "../../../utils/format/currency";
+const STARTER_PLAN_ID = 415;
 const BASE_FEATURES_KEYS = [
   { icon: "check", key: "plans.features.unlimitedVisits", fallback: "Visitas ilimitadas" },
   { icon: "check", key: "plans.features.unlimitedLeads", fallback: "Leads ilimitadas" },
@@ -60,9 +61,8 @@ function buildUiPlan(plan, currency, translate) {
   const buttonVariant = popular ? "brand" : "default";
   const pricingByPeriod = computePricingByPeriod(plan, currency);
   const monthlyFinal = pricingByPeriod.monthly;
-  const lowerName = plan.name.toLowerCase();
-  const isStarterPlan = plan.id === 415 || plan.id_plan === 415 || lowerName.includes("iniciante");
-  const hasProjectAndOnboarding = lowerName.includes("ag\xEAncia") || lowerName.includes("agencia");
+  const isStarterPlan = plan.id === STARTER_PLAN_ID || plan.id_plan === STARTER_PLAN_ID;
+  const hasProjectAndOnboarding = plan.name.toLowerCase().includes("ag\xEAncia") || plan.name.toLowerCase().includes("agencia");
   const onboardingText = translate ? translate("common.plans.features.onboarding") : "Reuni\xE3o de Onboarding";
   const projectMgmtText = translate ? translate("common.plans.features.projectManagement") : "Gest\xE3o de projetos";
   const sharePagesText = translate ? translate("common.plans.features.sharePages") : "Compartilhar p\xE1ginas";

package/dist/modules/plans/utils/map-api-plan-to-ui.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/modules/plans/utils/map-api-plan-to-ui.ts"],"sourcesContent":["import type {\n  Plan,\n  PlanFeature,\n  PlanMainFeatures,\n  PlanPricingByPeriod,\n  UiPlan,\n} from \"../types/plan.type\";\nimport { ADDON_IDS } from \"../../subscriptions/constants/addons.constants\";\nimport {\n  formatCurrencyNumber,\n  type CurrencyCode,\n} from \"../../../utils/format/currency\";\n\nexport type PlanBillingPeriod = \"monthly\" | \"semiannual\" | \"annual\";\n\ntype TranslateFn = (key: any, values?: Record<string, string | number>) => string;\n\nconst BASE_FEATURES_KEYS = [\n  { icon: \"check\", key: \"plans.features.unlimitedVisits\",  fallback: \"Visitas ilimitadas\" },\n  { icon: \"check\", key: \"plans.features.unlimitedLeads\",   fallback: \"Leads ilimitadas\" },\n  { icon: \"check\", key: \"plans.features.sharePages\",        fallback: \"Compartilhar páginas\", tooltip: \"sharePages\" },\n  { icon: \"check\", key: \"plans.features.hosting\",           fallback: \"Hospedagem inclusa\" },\n  // SSL (HTTPS) + CDN — brand/acronym: never translated\n  { icon: \"check\", key: null,                               fallback: \"SSL (HTTPS) + CDN\" },\n  { icon: \"check\", key: \"plans.features.freeTemplates\",     fallback: \"Templates gratuitos\" },\n] as const;\n\nfunction buildBaseFeatures(translate?: TranslateFn): PlanFeature[] {\n  return BASE_FEATURES_KEYS.map(({ icon, key, fallback, ...rest }) => {\n    const text = key && translate ? translate(`common.${key}`) : fallback;\n    const feature: PlanFeature = { icon, text };\n    if (\"tooltip\" in rest && rest.tooltip) feature.tooltip = rest.tooltip;\n    return feature;\n  });\n}\n\nfunction buildMainFeaturesFromItems(\n  items: Plan[\"items\"],\n  translate?: TranslateFn\n): PlanMainFeatures {\n  const pagesItem = items.find((i) => i.id_addon === ADDON_IDS.PAGES);\n  const domainsItem = items.find((i) => i.id_addon === ADDON_IDS.DOMAINS);\n\n  const pagesQty = pagesItem?.quantity ?? 0;\n  const domainsQty = domainsItem?.quantity ?? 1;\n\n  let pages: string;\n  if (pagesQty === 0) {\n    pages = translate\n      ? translate(\"common.plans.mainFeatures.pagesUnlimited\")\n      : \"Páginas ilimitadas\";\n  } else if (pagesQty === 1) {\n    pages = translate\n      ? translate(\"common.plans.mainFeatures.pageSingular\")\n      : \"1 página\";\n  } else {\n    pages = translate\n      ? translate(\"common.plans.mainFeatures.pagesPlural\", { count: pagesQty })\n      : `${pagesQty} páginas`;\n  }\n\n  let domains: string;\n  if (domainsQty >= 999) {\n    domains = translate\n      ? translate(\"common.plans.mainFeatures.domainsUnlimited\")\n      : \"Domínios ilimitados\";\n  } else if (domainsQty === 1) {\n    domains = translate\n      ? translate(\"common.plans.mainFeatures.domainSingular\")\n      : \"1 domínio externo\";\n  } else {\n    domains = translate\n      ? translate(\"common.plans.mainFeatures.domainsPlural\", { count: domainsQty })\n      : `${domainsQty} domínios externos`;\n  }\n\n  const users = translate\n    ? translate(\"common.plans.mainFeatures.usersUnlimited\")\n    : \"Usuários ilimitados\";\n\n  return { pages, domains, users };\n}\n\nfunction computePricingByPeriod(apiPlan: Plan, currency: CurrencyCode): PlanPricingByPeriod {\n  // Backend agora resolve value por moeda da conta; mapper apenas lê.\n  // value pode ser null (ex.: conta USD, preço USD não cadastrado).\n  const monthly = apiPlan.value;\n  if (monthly == null) {\n    return { monthly: 0, semiannual: 0, annual: 0 };\n  }\n  const round2 = (n: number) => Math.round(n * 100) / 100;\n  return {\n    monthly,\n    semiannual: round2(monthly * (1 - apiPlan.discount_semester / 100)),\n    annual: round2(monthly * (1 - apiPlan.discount_annual / 100)),\n  };\n}\n\nfunction buildUiPlan(plan: Plan, currency: CurrencyCode, translate?: TranslateFn): UiPlan {\n  const popular = plan.id === 2 || plan.id_plan === 2;\n  const buttonVariant = popular ? \"brand\" : \"default\";\n\n  const pricingByPeriod = computePricingByPeriod(plan, currency);\n  const monthlyFinal = pricingByPeriod.monthly;\n\n  const lowerName = plan.name.toLowerCase();\n  const isStarterPlan =\n    plan.id === 415 ||\n    plan.id_plan === 415 ||\n    lowerName.includes(\"iniciante\");\n  const hasProjectAndOnboarding =\n    lowerName.includes(\"agência\") || lowerName.includes(\"agencia\");\n\n  const onboardingText = translate\n    ? translate(\"common.plans.features.onboarding\")\n    : \"Reunião de Onboarding\";\n  const projectMgmtText = translate\n    ? translate(\"common.plans.features.projectManagement\")\n    : \"Gestão de projetos\";\n  const sharePagesText = translate\n    ? translate(\"common.plans.features.sharePages\")\n    : \"Compartilhar páginas\";\n\n  const features: PlanFeature[] = [\n    ...buildBaseFeatures(translate).map((feature) =>\n      feature.text === sharePagesText && isStarterPlan\n        ? { ...feature, icon: \"x\" as const, disabled: true }\n        : feature\n    ),\n    hasProjectAndOnboarding\n      ? { icon: \"check\", text: onboardingText }\n      : { icon: \"x\", text: onboardingText, disabled: true },\n    hasProjectAndOnboarding\n      ? { icon: \"check\", text: projectMgmtText, tooltip: \"projectManagement\" }\n      : { icon: \"x\",     text: projectMgmtText, disabled: true, tooltip: \"projectManagement\" },\n  ];\n\n  const currencyAwareItems = plan.items.map((item) => ({\n    ...item,\n    value: item.value ?? 0,\n  }));\n\n  const priceUnavailable = plan.value == null;\n  const unavailableLabel = translate ? translate(\"common.plans.usdNotConfigured\") : \"USD não configurado\";\n\n  return {\n    planId: plan.id,\n    name: plan.name,\n    isPopular: popular,\n    buttonVariant,\n    mainFeatures: buildMainFeaturesFromItems(plan.items, translate),\n    features,\n    originalPrice: priceUnavailable ? unavailableLabel : formatCurrencyNumber(monthlyFinal, 2, currency),\n    price: priceUnavailable ? unavailableLabel : formatCurrencyNumber(monthlyFinal, 2, currency),\n    pricingByPeriod,\n    priceUnavailable,\n    items: currencyAwareItems,\n  };\n}\n\n/**\n * Mapeia um plano da API para UiPlan em BRL.\n * Assinatura de 1 argumento — seguro em `plans.map(mapApiPlanToUiPlan)`.\n * Passa `translate` opcional para i18n; sem ele cai nos literais pt-br (back-compat).\n */\nexport function mapApiPlanToUiPlan(plan: Plan, translate?: TranslateFn): UiPlan {\n  return buildUiPlan(plan, \"brl\", translate);\n}\n\n/**\n * Variante currency-aware: a moeda vem do gateway da conta (getCurrencyForGateway).\n * Fábrica para uso ergonômico em `.map`: `plans.map(mapApiPlanToUiPlanForCurrency(currency, translate))`.\n * Mantida separada de mapApiPlanToUiPlan para não quebrar callers que passam a fn direto pro `.map`.\n */\nexport const mapApiPlanToUiPlanForCurrency =\n  (currency: CurrencyCode, translate?: TranslateFn) =>\n  (plan: Plan): UiPlan =>\n    buildUiPlan(plan, currency, translate);\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/modules/plans/utils/map-api-plan-to-ui.ts"],"sourcesContent":["import type {\n  Plan,\n  PlanFeature,\n  PlanMainFeatures,\n  PlanPricingByPeriod,\n  UiPlan,\n} from \"../types/plan.type\";\nimport { ADDON_IDS } from \"../../subscriptions/constants/addons.constants\";\nimport {\n  formatCurrencyNumber,\n  type CurrencyCode,\n} from \"../../../utils/format/currency\";\n\nexport type PlanBillingPeriod = \"monthly\" | \"semiannual\" | \"annual\";\n\nconst STARTER_PLAN_ID = 415;\n\ntype TranslateFn = (key: any, values?: Record<string, string | number>) => string;\n\nconst BASE_FEATURES_KEYS = [\n  { icon: \"check\", key: \"plans.features.unlimitedVisits\",  fallback: \"Visitas ilimitadas\" },\n  { icon: \"check\", key: \"plans.features.unlimitedLeads\",   fallback: \"Leads ilimitadas\" },\n  { icon: \"check\", key: \"plans.features.sharePages\",        fallback: \"Compartilhar páginas\", tooltip: \"sharePages\" },\n  { icon: \"check\", key: \"plans.features.hosting\",           fallback: \"Hospedagem inclusa\" },\n  // SSL (HTTPS) + CDN — brand/acronym: never translated\n  { icon: \"check\", key: null,                               fallback: \"SSL (HTTPS) + CDN\" },\n  { icon: \"check\", key: \"plans.features.freeTemplates\",     fallback: \"Templates gratuitos\" },\n] as const;\n\nfunction buildBaseFeatures(translate?: TranslateFn): PlanFeature[] {\n  return BASE_FEATURES_KEYS.map(({ icon, key, fallback, ...rest }) => {\n    const text = key && translate ? translate(`common.${key}`) : fallback;\n    const feature: PlanFeature = { icon, text };\n    if (\"tooltip\" in rest && rest.tooltip) feature.tooltip = rest.tooltip;\n    return feature;\n  });\n}\n\nfunction buildMainFeaturesFromItems(\n  items: Plan[\"items\"],\n  translate?: TranslateFn\n): PlanMainFeatures {\n  const pagesItem = items.find((i) => i.id_addon === ADDON_IDS.PAGES);\n  const domainsItem = items.find((i) => i.id_addon === ADDON_IDS.DOMAINS);\n\n  const pagesQty = pagesItem?.quantity ?? 0;\n  const domainsQty = domainsItem?.quantity ?? 1;\n\n  let pages: string;\n  if (pagesQty === 0) {\n    pages = translate\n      ? translate(\"common.plans.mainFeatures.pagesUnlimited\")\n      : \"Páginas ilimitadas\";\n  } else if (pagesQty === 1) {\n    pages = translate\n      ? translate(\"common.plans.mainFeatures.pageSingular\")\n      : \"1 página\";\n  } else {\n    pages = translate\n      ? translate(\"common.plans.mainFeatures.pagesPlural\", { count: pagesQty })\n      : `${pagesQty} páginas`;\n  }\n\n  let domains: string;\n  if (domainsQty >= 999) {\n    domains = translate\n      ? translate(\"common.plans.mainFeatures.domainsUnlimited\")\n      : \"Domínios ilimitados\";\n  } else if (domainsQty === 1) {\n    domains = translate\n      ? translate(\"common.plans.mainFeatures.domainSingular\")\n      : \"1 domínio externo\";\n  } else {\n    domains = translate\n      ? translate(\"common.plans.mainFeatures.domainsPlural\", { count: domainsQty })\n      : `${domainsQty} domínios externos`;\n  }\n\n  const users = translate\n    ? translate(\"common.plans.mainFeatures.usersUnlimited\")\n    : \"Usuários ilimitados\";\n\n  return { pages, domains, users };\n}\n\nfunction computePricingByPeriod(apiPlan: Plan, currency: CurrencyCode): PlanPricingByPeriod {\n  // Backend agora resolve value por moeda da conta; mapper apenas lê.\n  // value pode ser null (ex.: conta USD, preço USD não cadastrado).\n  const monthly = apiPlan.value;\n  if (monthly == null) {\n    return { monthly: 0, semiannual: 0, annual: 0 };\n  }\n  const round2 = (n: number) => Math.round(n * 100) / 100;\n  return {\n    monthly,\n    semiannual: round2(monthly * (1 - apiPlan.discount_semester / 100)),\n    annual: round2(monthly * (1 - apiPlan.discount_annual / 100)),\n  };\n}\n\nfunction buildUiPlan(plan: Plan, currency: CurrencyCode, translate?: TranslateFn): UiPlan {\n  const popular = plan.id === 2 || plan.id_plan === 2;\n  const buttonVariant = popular ? \"brand\" : \"default\";\n\n  const pricingByPeriod = computePricingByPeriod(plan, currency);\n  const monthlyFinal = pricingByPeriod.monthly;\n\n  const isStarterPlan = plan.id === STARTER_PLAN_ID || plan.id_plan === STARTER_PLAN_ID;\n  const hasProjectAndOnboarding =\n    plan.name.toLowerCase().includes(\"agência\") || plan.name.toLowerCase().includes(\"agencia\");\n\n  const onboardingText = translate\n    ? translate(\"common.plans.features.onboarding\")\n    : \"Reunião de Onboarding\";\n  const projectMgmtText = translate\n    ? translate(\"common.plans.features.projectManagement\")\n    : \"Gestão de projetos\";\n  const sharePagesText = translate\n    ? translate(\"common.plans.features.sharePages\")\n    : \"Compartilhar páginas\";\n\n  const features: PlanFeature[] = [\n    ...buildBaseFeatures(translate).map((feature) =>\n      feature.text === sharePagesText && isStarterPlan\n        ? { ...feature, icon: \"x\" as const, disabled: true }\n        : feature\n    ),\n    hasProjectAndOnboarding\n      ? { icon: \"check\", text: onboardingText }\n      : { icon: \"x\", text: onboardingText, disabled: true },\n    hasProjectAndOnboarding\n      ? { icon: \"check\", text: projectMgmtText, tooltip: \"projectManagement\" }\n      : { icon: \"x\",     text: projectMgmtText, disabled: true, tooltip: \"projectManagement\" },\n  ];\n\n  const currencyAwareItems = plan.items.map((item) => ({\n    ...item,\n    value: item.value ?? 0,\n  }));\n\n  const priceUnavailable = plan.value == null;\n  const unavailableLabel = translate ? translate(\"common.plans.usdNotConfigured\") : \"USD não configurado\";\n\n  return {\n    planId: plan.id,\n    name: plan.name,\n    isPopular: popular,\n    buttonVariant,\n    mainFeatures: buildMainFeaturesFromItems(plan.items, translate),\n    features,\n    originalPrice: priceUnavailable ? unavailableLabel : formatCurrencyNumber(monthlyFinal, 2, currency),\n    price: priceUnavailable ? unavailableLabel : formatCurrencyNumber(monthlyFinal, 2, currency),\n    pricingByPeriod,\n    priceUnavailable,\n    items: currencyAwareItems,\n  };\n}\n\n/**\n * Mapeia um plano da API para UiPlan em BRL.\n * Assinatura de 1 argumento — seguro em `plans.map(mapApiPlanToUiPlan)`.\n * Passa `translate` opcional para i18n; sem ele cai nos literais pt-br (back-compat).\n */\nexport function mapApiPlanToUiPlan(plan: Plan, translate?: TranslateFn): UiPlan {\n  return buildUiPlan(plan, \"brl\", translate);\n}\n\n/**\n * Variante currency-aware: a moeda vem do gateway da conta (getCurrencyForGateway).\n * Fábrica para uso ergonômico em `.map`: `plans.map(mapApiPlanToUiPlanForCurrency(currency, translate))`.\n * Mantida separada de mapApiPlanToUiPlan para não quebrar callers que passam a fn direto pro `.map`.\n */\nexport const mapApiPlanToUiPlanForCurrency =\n  (currency: CurrencyCode, translate?: TranslateFn) =>\n  (plan: Plan): UiPlan =>\n    buildUiPlan(plan, currency, translate);\n"],"mappings":"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","names":[]}

package/package.json

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

package/src/components/modals/BuyCreditsModal.tsx

@@ -73,12 +73,24 @@ export default function BuyCreditsModal() {
   const planId = subscription?.id_plan;
 
   const buildPlanExtras = useCallback(
-    (aiQuantity: number) => [
-      ...(subscription?.items ?? [])
-        .filter((item) => item.id_addon != null && item.id_addon !== ADDON_IDS.AI && Number(item.value ?? 0) > 0)
-        .map((item) => ({ id_addon: Number(item.id_addon), quantity: item.quantity ?? 0 })),
-      { id_addon: ADDON_IDS.AI, quantity: aiQuantity },
-    ],
+    (aiQuantity: number) => {
+      const aiOption = AI_CREDIT_OPTIONS.find(opt => opt.credits === aiQuantity);
+      return [
+        ...(subscription?.items ?? [])
+          .filter((item) => item.id_addon != null && item.id_addon !== ADDON_IDS.AI)
+          .map((item: any) => ({ 
+            id_addon: Number(item.id_addon), 
+            quantity: item.quantity ?? 0,
+            value: Number(item.value ?? 0),
+            price: item.price,
+          })),
+        { 
+          id_addon: ADDON_IDS.AI, 
+          quantity: aiQuantity,
+          value: aiOption?.price ?? 0 
+        },
+      ];
+    },
     [subscription]
   );
 

package/src/modules/plans/utils/map-api-plan-to-ui.ts

@@ -13,6 +13,8 @@ import {
 
 export type PlanBillingPeriod = "monthly" | "semiannual" | "annual";
 
+const STARTER_PLAN_ID = 415;
+
 type TranslateFn = (key: any, values?: Record<string, string | number>) => string;
 
 const BASE_FEATURES_KEYS = [
@@ -103,13 +105,9 @@ function buildUiPlan(plan: Plan, currency: CurrencyCode, translate?: TranslateFn
   const pricingByPeriod = computePricingByPeriod(plan, currency);
   const monthlyFinal = pricingByPeriod.monthly;
 
-  const lowerName = plan.name.toLowerCase();
-  const isStarterPlan =
-    plan.id === 415 ||
-    plan.id_plan === 415 ||
-    lowerName.includes("iniciante");
+  const isStarterPlan = plan.id === STARTER_PLAN_ID || plan.id_plan === STARTER_PLAN_ID;
   const hasProjectAndOnboarding =
-    lowerName.includes("agência") || lowerName.includes("agencia");
+    plan.name.toLowerCase().includes("agência") || plan.name.toLowerCase().includes("agencia");
 
   const onboardingText = translate
     ? translate("common.plans.features.onboarding")