@greatapps/common 1.1.479 → 1.1.481

package/dist/components/modals/BuyCreditsModal.mjs

@@ -123,6 +123,9 @@ function BuyCreditsModal() {
     [form, subscriptionId, planId, calculate]
   );
   const calculatedData = calculateData?.data ?? null;
+  const isIncreasingCredits = creditOption > currentCredits;
+  const hasChanged = creditOption !== currentCredits;
+  const immediateChargeTotal = calculatedData?.target?.immediate_charge?.total ?? null;
   const totalPrice = useMemo(() => {
     if (!calculatedData) return null;
     return getPriceFromCalculatedData(calculatedData, subscription?.periodicity);
@@ -235,12 +238,16 @@ function BuyCreditsModal() {
                       onOpenAddCard: handleOpenAddCardModal
                     }
                   ),
-                  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 p-4 bg-cyan-50 rounded-lg", children: [
+                  hasChanged && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 p-4 bg-cyan-50 rounded-lg", children: [
                     /* @__PURE__ */ jsx(IconInfoCircle, { className: "size-4 text-zinc-950 shrink-0" }),
-                    /* @__PURE__ */ jsx("span", { className: "paragraph-small-regular text-zinc-950", children: "As altera\xE7\xF5es entrar\xE3o em vigor a partir da sua pr\xF3xima fatura." })
+                    /* @__PURE__ */ jsx("span", { className: "paragraph-small-regular text-zinc-950", children: isIncreasingCredits ? "O pagamento ser\xE1 processado no momento da confirma\xE7\xE3o." : "As altera\xE7\xF5es entrar\xE3o em vigor a partir da sua pr\xF3xima fatura." })
                   ] })
                 ] }),
                 /* @__PURE__ */ jsx(Separator, { className: "bg-zinc-200 hidden lg:block" }),
+                immediateChargeTotal !== null && immediateChargeTotal > 0 && /* @__PURE__ */ jsxs("div", { className: "hidden lg:flex items-center justify-between", children: [
+                  /* @__PURE__ */ jsx("span", { className: "paragraph-small-medium text-zinc-500", children: "Cobran\xE7a imediata" }),
+                  isCalculatePending ? /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-24" }) : /* @__PURE__ */ jsx("span", { className: "paragraph-xlarge-semibold text-zinc-950", children: formatPrice(immediateChargeTotal) })
+                ] }),
                 /* @__PURE__ */ jsxs("div", { className: "hidden lg:flex items-center justify-between", children: [
                   /* @__PURE__ */ jsx("span", { className: "paragraph-small-medium text-zinc-500", children: "Valor total do plano" }),
                   renderPriceDisplay()
@@ -259,6 +266,10 @@ function BuyCreditsModal() {
                 )
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 p-4 border-t border-zinc-200 shrink-0 lg:hidden", children: [
+                immediateChargeTotal !== null && immediateChargeTotal > 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+                  /* @__PURE__ */ jsx("span", { className: "paragraph-small-medium text-zinc-500", children: "Cobran\xE7a imediata" }),
+                  isCalculatePending ? /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-24" }) : /* @__PURE__ */ jsx("span", { className: "paragraph-xlarge-semibold text-zinc-950", children: formatPrice(immediateChargeTotal) })
+                ] }),
                 /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
                   /* @__PURE__ */ jsx("span", { className: "paragraph-small-medium text-zinc-500", children: "Valor total do plano" }),
                   renderPriceDisplay()

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 { IconInfoCircle, IconX, IconLoader2 } from '@tabler/icons-react';\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 { open, closeModal } = useBuyCreditsModal();\n  const { openModal } = useModalManager();\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 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: [\n        { id_addon: ADDON_IDS.AI, quantity: currentCredits, currency: 'BRL' },\n      ],\n    });\n  }, [\n    open,\n    subscription,\n    currentCredits,\n    defaultCardId,\n    form,\n    calculate,\n    planId,\n    subscriptionId,\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  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: [\n          { id_addon: ADDON_IDS.AI, quantity: option.credits, currency: 'BRL' },\n        ],\n      });\n    },\n    [form, subscriptionId, planId, calculate]\n  );\n\n  const calculatedData = calculateData?.data ?? 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            {opt.credits.toLocaleString('pt-BR')} créditos de IA\n          </span>\n          <span className=\"paragraph-small-medium text-zinc-500 opacity-70\">{opt.priceLabel}</span>\n        </div>\n      ),\n      displayValue: `${opt.credits.toLocaleString('pt-BR')} créditos de IA`,\n    }));\n  }, []);\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: [\n            {\n              id_addon: ADDON_IDS.AI,\n              quantity: option.credits,\n            },\n          ],\n        },\n      });\n\n      toast.custom((t) => (\n        <Toast\n          variant=\"success\"\n          message={`Créditos de IA alterados para ${data.creditOption.toLocaleString('pt-BR')}`}\n          toastId={t}\n        />\n      ));\n      form.reset();\n      closeModal();\n    },\n    [subscriptionId, updatePlanMutation, form, closeModal]\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 ? 'Incluso' : formatPrice(totalPrice)}\n        </span>\n      );\n    }\n    return <span className=\"paragraph-xlarge-semibold text-zinc-400\">--</span>;\n  }, [isCalculatePending, totalPrice, formatPrice]);\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            Comprar créditos de IA\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              <div className=\"flex items-center gap-3 p-4 bg-cyan-50 rounded-lg\">\n                <IconInfoCircle className=\"size-4 text-zinc-950 shrink-0\" />\n                <span className=\"paragraph-small-regular text-zinc-950\">\n                  As alterações entrarão em vigor a partir da sua próxima fatura.\n                </span>\n              </div>\n            </div>\n\n            <Separator className=\"bg-zinc-200 hidden lg:block\" />\n\n            <div className=\"hidden lg:flex items-center justify-between\">\n              <span className=\"paragraph-small-medium text-zinc-500\">Valor total do plano</span>\n              {renderPriceDisplay()}\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              Confirmar e pagar\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 items-center justify-between\">\n              <span className=\"paragraph-small-medium text-zinc-500\">Valor total do plano</span>\n              {renderPriceDisplay()}\n            </div>\n            <Button type=\"submit\" disabled={isConfirmDisabled} className=\"w-full\">\n              {isSubmitting && <IconLoader2 className=\"size-4 animate-spin\" />}\n              Confirmar e pagar\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 { IconInfoCircle, IconX, IconLoader2 } from '@tabler/icons-react';\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 { open, closeModal } = useBuyCreditsModal();\n  const { openModal } = useModalManager();\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 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: [\n        { id_addon: ADDON_IDS.AI, quantity: currentCredits, currency: 'BRL' },\n      ],\n    });\n  }, [\n    open,\n    subscription,\n    currentCredits,\n    defaultCardId,\n    form,\n    calculate,\n    planId,\n    subscriptionId,\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: [\n          { id_addon: ADDON_IDS.AI, quantity: option.credits, currency: 'BRL' },\n        ],\n      });\n    },\n    [form, subscriptionId, planId, calculate]\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            {opt.credits.toLocaleString('pt-BR')} créditos de IA\n          </span>\n          <span className=\"paragraph-small-medium text-zinc-500 opacity-70\">{opt.priceLabel}</span>\n        </div>\n      ),\n      displayValue: `${opt.credits.toLocaleString('pt-BR')} créditos de IA`,\n    }));\n  }, []);\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: [\n            {\n              id_addon: ADDON_IDS.AI,\n              quantity: option.credits,\n            },\n          ],\n        },\n      });\n\n      toast.custom((t) => (\n        <Toast\n          variant=\"success\"\n          message={`Créditos de IA alterados para ${data.creditOption.toLocaleString('pt-BR')}`}\n          toastId={t}\n        />\n      ));\n      form.reset();\n      closeModal();\n    },\n    [subscriptionId, updatePlanMutation, form, closeModal]\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 ? 'Incluso' : formatPrice(totalPrice)}\n        </span>\n      );\n    }\n    return <span className=\"paragraph-xlarge-semibold text-zinc-400\">--</span>;\n  }, [isCalculatePending, totalPrice, formatPrice]);\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            Comprar créditos de IA\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 bg-cyan-50 rounded-lg\">\n                  <IconInfoCircle className=\"size-4 text-zinc-950 shrink-0\" />\n                  <span className=\"paragraph-small-regular text-zinc-950\">\n                    {isIncreasingCredits\n                      ? 'O pagamento será processado no momento da confirmação.'\n                      : 'As alterações entrarão em vigor a partir da sua próxima fatura.'}\n                  </span>\n                </div>\n              )}\n            </div>\n\n            <Separator className=\"bg-zinc-200 hidden lg:block\" />\n\n            {immediateChargeTotal !== null && immediateChargeTotal > 0 && (\n              <div className=\"hidden lg:flex items-center justify-between\">\n                <span className=\"paragraph-small-medium text-zinc-500\">Cobrança imediata</span>\n                {isCalculatePending ? (\n                  <Skeleton className=\"h-7 w-24\" />\n                ) : (\n                  <span className=\"paragraph-xlarge-semibold text-zinc-950\">\n                    {formatPrice(immediateChargeTotal)}\n                  </span>\n                )}\n              </div>\n            )}\n\n            <div className=\"hidden lg:flex items-center justify-between\">\n              <span className=\"paragraph-small-medium text-zinc-500\">Valor total do plano</span>\n              {renderPriceDisplay()}\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              Confirmar e pagar\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            {immediateChargeTotal !== null && immediateChargeTotal > 0 && (\n              <div className=\"flex items-center justify-between\">\n                <span className=\"paragraph-small-medium text-zinc-500\">Cobrança imediata</span>\n                {isCalculatePending ? (\n                  <Skeleton className=\"h-7 w-24\" />\n                ) : (\n                  <span className=\"paragraph-xlarge-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\">Valor total do plano</span>\n              {renderPriceDisplay()}\n            </div>\n            <Button type=\"submit\" disabled={isConfirmDisabled} className=\"w-full\">\n              {isSubmitting && <IconLoader2 className=\"size-4 animate-spin\" />}\n              Confirmar e pagar\n            </Button>\n          </div>\n        </form>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/modules/subscriptions/types/calculate-subscription.type.mjs

@@ -20,6 +20,27 @@ const CalculateSubscriptionPlanExtraResponseSchema = z.object({
   quantity: z.number(),
   currency: z.string()
 });
+const ImmediateChargeItemSchema = z.object({
+  type: z.string(),
+  description: z.string(),
+  value: z.number(),
+  id_addon: z.number().optional(),
+  quantity: z.number().optional()
+});
+const ImmediateChargeSchema = z.object({
+  total: z.number(),
+  items: z.array(ImmediateChargeItemSchema)
+});
+const CalculateSubscriptionTargetSchema = z.object({
+  id_subscription: z.string().optional(),
+  current_plan_id: z.number().optional(),
+  current_plan_name: z.string().optional(),
+  current_periodicity: z.number().optional(),
+  current_date_due: z.string().optional(),
+  days_remaining: z.number().optional(),
+  days_total: z.number().optional(),
+  immediate_charge: ImmediateChargeSchema.optional()
+});
 const CalculateSubscriptionResponseSchema = z.object({
   name: z.string(),
   month: z.number(),
@@ -41,7 +62,8 @@ const CalculateSubscriptionResponseSchema = z.object({
   year_original: z.number(),
   year_original_discount: z.number().optional().default(0),
   year_original_discount_cupom: z.number().optional().default(0),
-  plan_extras: z.array(CalculateSubscriptionPlanExtraResponseSchema)
+  plan_extras: z.array(CalculateSubscriptionPlanExtraResponseSchema),
+  target: CalculateSubscriptionTargetSchema.optional().nullable()
 });
 const UpdateSubscriptionPlanExtraSchema = z.object({
   id_addon: z.number(),

package/dist/modules/subscriptions/types/calculate-subscription.type.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/modules/subscriptions/types/calculate-subscription.type.ts"],"sourcesContent":["import z from 'zod';\n\nexport const CalculateSubscriptionPlanExtraRequestSchema = z.object({\n  id_addon: z.number(),\n  value: z.number(),\n  quantity: z.number(),\n  currency: z.string(),\n});\n\nexport const CalculateSubscriptionRequestSchema = z.object({\n  id_product: z.number(),\n  id_plan: z.number().optional(),\n  id_subscription: z.union([z.number(), z.string()]).optional(),\n  id_coupon: z.number().optional(),\n  plan_extras: z.array(CalculateSubscriptionPlanExtraRequestSchema.partial({ value: true })).optional(),\n});\n\nexport type CalculateSubscriptionRequest = z.infer<typeof CalculateSubscriptionRequestSchema>;\n\nexport const CalculateSubscriptionPlanExtraResponseSchema = z.object({\n  id_addon: z.number(),\n  value: z.number(),\n  value_original: z.number().optional().default(0),\n  value_discount: z.number().optional().default(0),\n  quantity: z.number(),\n  currency: z.string(),\n});\n\nexport const CalculateSubscriptionResponseSchema = z.object({\n  name: z.string(),\n  month: z.number(),\n  month_discount: z.number(),\n  month_discount_coupom: z.number().optional().default(0),\n  month_original: z.number(),\n  month_original_discount: z.number().optional().default(0),\n  month_original_discount_cupom: z.number().optional().default(0),\n  semmester: z.number(),\n  semmester_price: z.number().optional().default(0),\n  semmester_discount: z.number(),\n  semmester_discount_coupom: z.number().optional().default(0),\n  semmester_original: z.number(),\n  semmester_original_discount: z.number().optional().default(0),\n  semmester_original_discount_cupom: z.number().optional().default(0),\n  year: z.number(),\n  year_discount: z.number(),\n  year_discount_coupom: z.number().optional().default(0),\n  year_original: z.number(),\n  year_original_discount: z.number().optional().default(0),\n  year_original_discount_cupom: z.number().optional().default(0),\n  plan_extras: z.array(CalculateSubscriptionPlanExtraResponseSchema),\n});\n\nexport type CalculateSubscriptionResponse = z.infer<typeof CalculateSubscriptionResponseSchema>;\n\nexport const UpdateSubscriptionPlanExtraSchema = z.object({\n  id_addon: z.number(),\n  value: z.number().optional(),\n  quantity: z.number(),\n  price: z.string().optional(),\n  trial: z.boolean().optional(),\n  trial_days: z.number().optional(),\n});\n\nexport const UpdateSubscriptionPlanRequestSchema = z.object({\n  id_plan: z.number().optional(),\n  id_coupon: z.union([z.number(), z.null()]).optional(),\n  date_due: z.string().optional(),\n  type: z.string().optional(),\n  active: z.boolean().optional(),\n  periodicity: z.number().optional(),\n  plan_extras: z.array(UpdateSubscriptionPlanExtraSchema).optional(),\n  enable_charge: z.boolean().optional(),\n});\n\nexport type UpdateSubscriptionPlanRequest = z.infer<typeof UpdateSubscriptionPlanRequestSchema>;\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/modules/subscriptions/types/calculate-subscription.type.ts"],"sourcesContent":["import z from 'zod';\n\nexport const CalculateSubscriptionPlanExtraRequestSchema = z.object({\n  id_addon: z.number(),\n  value: z.number(),\n  quantity: z.number(),\n  currency: z.string(),\n});\n\nexport const CalculateSubscriptionRequestSchema = z.object({\n  id_product: z.number(),\n  id_plan: z.number().optional(),\n  id_subscription: z.union([z.number(), z.string()]).optional(),\n  id_coupon: z.number().optional(),\n  plan_extras: z.array(CalculateSubscriptionPlanExtraRequestSchema.partial({ value: true })).optional(),\n});\n\nexport type CalculateSubscriptionRequest = z.infer<typeof CalculateSubscriptionRequestSchema>;\n\nexport const CalculateSubscriptionPlanExtraResponseSchema = z.object({\n  id_addon: z.number(),\n  value: z.number(),\n  value_original: z.number().optional().default(0),\n  value_discount: z.number().optional().default(0),\n  quantity: z.number(),\n  currency: z.string(),\n});\n\nconst ImmediateChargeItemSchema = z.object({\n  type: z.string(),\n  description: z.string(),\n  value: z.number(),\n  id_addon: z.number().optional(),\n  quantity: z.number().optional(),\n});\n\nconst ImmediateChargeSchema = z.object({\n  total: z.number(),\n  items: z.array(ImmediateChargeItemSchema),\n});\n\nconst CalculateSubscriptionTargetSchema = z.object({\n  id_subscription: z.string().optional(),\n  current_plan_id: z.number().optional(),\n  current_plan_name: z.string().optional(),\n  current_periodicity: z.number().optional(),\n  current_date_due: z.string().optional(),\n  days_remaining: z.number().optional(),\n  days_total: z.number().optional(),\n  immediate_charge: ImmediateChargeSchema.optional(),\n});\n\nexport const CalculateSubscriptionResponseSchema = z.object({\n  name: z.string(),\n  month: z.number(),\n  month_discount: z.number(),\n  month_discount_coupom: z.number().optional().default(0),\n  month_original: z.number(),\n  month_original_discount: z.number().optional().default(0),\n  month_original_discount_cupom: z.number().optional().default(0),\n  semmester: z.number(),\n  semmester_price: z.number().optional().default(0),\n  semmester_discount: z.number(),\n  semmester_discount_coupom: z.number().optional().default(0),\n  semmester_original: z.number(),\n  semmester_original_discount: z.number().optional().default(0),\n  semmester_original_discount_cupom: z.number().optional().default(0),\n  year: z.number(),\n  year_discount: z.number(),\n  year_discount_coupom: z.number().optional().default(0),\n  year_original: z.number(),\n  year_original_discount: z.number().optional().default(0),\n  year_original_discount_cupom: z.number().optional().default(0),\n  plan_extras: z.array(CalculateSubscriptionPlanExtraResponseSchema),\n  target: CalculateSubscriptionTargetSchema.optional().nullable(),\n});\n\nexport type CalculateSubscriptionResponse = z.infer<typeof CalculateSubscriptionResponseSchema>;\n\nexport const UpdateSubscriptionPlanExtraSchema = z.object({\n  id_addon: z.number(),\n  value: z.number().optional(),\n  quantity: z.number(),\n  price: z.string().optional(),\n  trial: z.boolean().optional(),\n  trial_days: z.number().optional(),\n});\n\nexport const UpdateSubscriptionPlanRequestSchema = z.object({\n  id_plan: z.number().optional(),\n  id_coupon: z.union([z.number(), z.null()]).optional(),\n  date_due: z.string().optional(),\n  type: z.string().optional(),\n  active: z.boolean().optional(),\n  periodicity: z.number().optional(),\n  plan_extras: z.array(UpdateSubscriptionPlanExtraSchema).optional(),\n  enable_charge: z.boolean().optional(),\n});\n\nexport type UpdateSubscriptionPlanRequest = z.infer<typeof UpdateSubscriptionPlanRequestSchema>;\n"],"mappings":"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","names":[]}

package/dist/modules/subscriptions/utils/periodicity.mjs

@@ -36,11 +36,18 @@ function getPriceFromCalculatedData(data, periodicity) {
   if (period === "semiannual") return data.semmester;
   return data.month;
 }
+function getOriginalPriceFromCalculatedData(data, periodicity) {
+  const period = periodicityToBillingPeriod(periodicity);
+  if (period === "annual") return data.year_original;
+  if (period === "semiannual") return data.semmester_original;
+  return data.month_original;
+}
 export {
   billingPeriodToNumeric,
   getBillingPeriodLabel,
   getBillingPeriodMonths,
   getBillingPeriodSuffix,
+  getOriginalPriceFromCalculatedData,
   getPeriodicityLabel,
   getPriceFromCalculatedData,
   periodicityToBillingPeriod

package/dist/modules/subscriptions/utils/periodicity.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/modules/subscriptions/utils/periodicity.ts"],"sourcesContent":["import type { BillingPeriod } from '../types/billing-period.type';\nimport type { CalculateSubscriptionResponse } from '../types/calculate-subscription.type';\n\nexport function periodicityToBillingPeriod(\n  periodicity: number | string | null | undefined\n): BillingPeriod | null {\n  if (periodicity === 30 || periodicity === 1 || periodicity === 'monthly') return 'monthly';\n  if (periodicity === 180 || periodicity === 3 || periodicity === 'semiannual') return 'semiannual';\n  if (periodicity === 365 || periodicity === 2 || periodicity === 'annual') return 'annual';\n  return null;\n}\n\nexport function billingPeriodToNumeric(billingPeriod: BillingPeriod): 30 | 180 | 365 {\n  if (billingPeriod === 'semiannual') return 180;\n  if (billingPeriod === 'annual') return 365;\n  return 30;\n}\n\nexport function getPeriodicityLabel(periodicity: number | string | null | undefined): string {\n  const period = periodicityToBillingPeriod(periodicity);\n  if (period === 'semiannual') return 'Semestral';\n  if (period === 'annual') return 'Anual';\n  return 'Mensal';\n}\n\nexport function getBillingPeriodSuffix(billingPeriod: BillingPeriod): string {\n  if (billingPeriod === 'semiannual') return '/semestre';\n  if (billingPeriod === 'annual') return '/ano';\n  return '/mês';\n}\n\nexport function getBillingPeriodLabel(billingPeriod: BillingPeriod): string {\n  if (billingPeriod === 'semiannual') return 'semestral';\n  if (billingPeriod === 'annual') return 'anual';\n  return 'mensal';\n}\n\nexport function getBillingPeriodMonths(billingPeriod: BillingPeriod): number {\n  if (billingPeriod === 'semiannual') return 6;\n  if (billingPeriod === 'annual') return 12;\n  return 1;\n}\n\nexport function getPriceFromCalculatedData(\n  data: CalculateSubscriptionResponse,\n  periodicity: number | string | null | undefined\n): number {\n  const period = periodicityToBillingPeriod(periodicity);\n  if (period === 'annual') return data.year;\n  if (period === 'semiannual') return data.semmester;\n  return data.month;\n}\n"],"mappings":"AAGO,SAAS,2BACd,aACsB;AACtB,MAAI,gBAAgB,MAAM,gBAAgB,KAAK,gBAAgB,UAAW,QAAO;AACjF,MAAI,gBAAgB,OAAO,gBAAgB,KAAK,gBAAgB,aAAc,QAAO;AACrF,MAAI,gBAAgB,OAAO,gBAAgB,KAAK,gBAAgB,SAAU,QAAO;AACjF,SAAO;AACT;AAEO,SAAS,uBAAuB,eAA8C;AACnF,MAAI,kBAAkB,aAAc,QAAO;AAC3C,MAAI,kBAAkB,SAAU,QAAO;AACvC,SAAO;AACT;AAEO,SAAS,oBAAoB,aAAyD;AAC3F,QAAM,SAAS,2BAA2B,WAAW;AACrD,MAAI,WAAW,aAAc,QAAO;AACpC,MAAI,WAAW,SAAU,QAAO;AAChC,SAAO;AACT;AAEO,SAAS,uBAAuB,eAAsC;AAC3E,MAAI,kBAAkB,aAAc,QAAO;AAC3C,MAAI,kBAAkB,SAAU,QAAO;AACvC,SAAO;AACT;AAEO,SAAS,sBAAsB,eAAsC;AAC1E,MAAI,kBAAkB,aAAc,QAAO;AAC3C,MAAI,kBAAkB,SAAU,QAAO;AACvC,SAAO;AACT;AAEO,SAAS,uBAAuB,eAAsC;AAC3E,MAAI,kBAAkB,aAAc,QAAO;AAC3C,MAAI,kBAAkB,SAAU,QAAO;AACvC,SAAO;AACT;AAEO,SAAS,2BACd,MACA,aACQ;AACR,QAAM,SAAS,2BAA2B,WAAW;AACrD,MAAI,WAAW,SAAU,QAAO,KAAK;AACrC,MAAI,WAAW,aAAc,QAAO,KAAK;AACzC,SAAO,KAAK;AACd;","names":[]}
+{"version":3,"sources":["../../../../src/modules/subscriptions/utils/periodicity.ts"],"sourcesContent":["import type { BillingPeriod } from '../types/billing-period.type';\nimport type { CalculateSubscriptionResponse } from '../types/calculate-subscription.type';\n\nexport function periodicityToBillingPeriod(\n  periodicity: number | string | null | undefined\n): BillingPeriod | null {\n  if (periodicity === 30 || periodicity === 1 || periodicity === 'monthly') return 'monthly';\n  if (periodicity === 180 || periodicity === 3 || periodicity === 'semiannual') return 'semiannual';\n  if (periodicity === 365 || periodicity === 2 || periodicity === 'annual') return 'annual';\n  return null;\n}\n\nexport function billingPeriodToNumeric(billingPeriod: BillingPeriod): 30 | 180 | 365 {\n  if (billingPeriod === 'semiannual') return 180;\n  if (billingPeriod === 'annual') return 365;\n  return 30;\n}\n\nexport function getPeriodicityLabel(periodicity: number | string | null | undefined): string {\n  const period = periodicityToBillingPeriod(periodicity);\n  if (period === 'semiannual') return 'Semestral';\n  if (period === 'annual') return 'Anual';\n  return 'Mensal';\n}\n\nexport function getBillingPeriodSuffix(billingPeriod: BillingPeriod): string {\n  if (billingPeriod === 'semiannual') return '/semestre';\n  if (billingPeriod === 'annual') return '/ano';\n  return '/mês';\n}\n\nexport function getBillingPeriodLabel(billingPeriod: BillingPeriod): string {\n  if (billingPeriod === 'semiannual') return 'semestral';\n  if (billingPeriod === 'annual') return 'anual';\n  return 'mensal';\n}\n\nexport function getBillingPeriodMonths(billingPeriod: BillingPeriod): number {\n  if (billingPeriod === 'semiannual') return 6;\n  if (billingPeriod === 'annual') return 12;\n  return 1;\n}\n\nexport function getPriceFromCalculatedData(\n  data: CalculateSubscriptionResponse,\n  periodicity: number | string | null | undefined\n): number {\n  const period = periodicityToBillingPeriod(periodicity);\n  if (period === 'annual') return data.year;\n  if (period === 'semiannual') return data.semmester;\n  return data.month;\n}\n\nexport function getOriginalPriceFromCalculatedData(\n  data: CalculateSubscriptionResponse,\n  periodicity: number | string | null | undefined\n): number {\n  const period = periodicityToBillingPeriod(periodicity);\n  if (period === 'annual') return data.year_original;\n  if (period === 'semiannual') return data.semmester_original;\n  return data.month_original;\n}\n"],"mappings":"AAGO,SAAS,2BACd,aACsB;AACtB,MAAI,gBAAgB,MAAM,gBAAgB,KAAK,gBAAgB,UAAW,QAAO;AACjF,MAAI,gBAAgB,OAAO,gBAAgB,KAAK,gBAAgB,aAAc,QAAO;AACrF,MAAI,gBAAgB,OAAO,gBAAgB,KAAK,gBAAgB,SAAU,QAAO;AACjF,SAAO;AACT;AAEO,SAAS,uBAAuB,eAA8C;AACnF,MAAI,kBAAkB,aAAc,QAAO;AAC3C,MAAI,kBAAkB,SAAU,QAAO;AACvC,SAAO;AACT;AAEO,SAAS,oBAAoB,aAAyD;AAC3F,QAAM,SAAS,2BAA2B,WAAW;AACrD,MAAI,WAAW,aAAc,QAAO;AACpC,MAAI,WAAW,SAAU,QAAO;AAChC,SAAO;AACT;AAEO,SAAS,uBAAuB,eAAsC;AAC3E,MAAI,kBAAkB,aAAc,QAAO;AAC3C,MAAI,kBAAkB,SAAU,QAAO;AACvC,SAAO;AACT;AAEO,SAAS,sBAAsB,eAAsC;AAC1E,MAAI,kBAAkB,aAAc,QAAO;AAC3C,MAAI,kBAAkB,SAAU,QAAO;AACvC,SAAO;AACT;AAEO,SAAS,uBAAuB,eAAsC;AAC3E,MAAI,kBAAkB,aAAc,QAAO;AAC3C,MAAI,kBAAkB,SAAU,QAAO;AACvC,SAAO;AACT;AAEO,SAAS,2BACd,MACA,aACQ;AACR,QAAM,SAAS,2BAA2B,WAAW;AACrD,MAAI,WAAW,SAAU,QAAO,KAAK;AACrC,MAAI,WAAW,aAAc,QAAO,KAAK;AACzC,SAAO,KAAK;AACd;AAEO,SAAS,mCACd,MACA,aACQ;AACR,QAAM,SAAS,2BAA2B,WAAW;AACrD,MAAI,WAAW,SAAU,QAAO,KAAK;AACrC,MAAI,WAAW,aAAc,QAAO,KAAK;AACzC,SAAO,KAAK;AACd;","names":[]}

package/package.json

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

package/src/components/modals/BuyCreditsModal.tsx

@@ -122,6 +122,7 @@ export default function BuyCreditsModal() {
   const selectedCardId = form.watch('selectedCardId');
   const { isDirty, isSubmitting, isValid } = form.formState;
 
+
   const handleCreditOptionChange = useCallback(
     (value: string | number | boolean) => {
       const credits = Number(value);
@@ -148,6 +149,11 @@ export default function BuyCreditsModal() {
 
   const calculatedData = calculateData?.data ?? null;
 
+  const isIncreasingCredits = creditOption > currentCredits;
+  const hasChanged = creditOption !== currentCredits;
+
+  const immediateChargeTotal = calculatedData?.target?.immediate_charge?.total ?? null;
+
   const totalPrice = useMemo(() => {
     if (!calculatedData) return null;
     return getPriceFromCalculatedData(calculatedData, subscription?.periodicity);
@@ -272,16 +278,33 @@ export default function BuyCreditsModal() {
                 onOpenAddCard={handleOpenAddCardModal}
               />
 
-              <div className="flex items-center gap-3 p-4 bg-cyan-50 rounded-lg">
-                <IconInfoCircle className="size-4 text-zinc-950 shrink-0" />
-                <span className="paragraph-small-regular text-zinc-950">
-                  As alterações entrarão em vigor a partir da sua próxima fatura.
-                </span>
-              </div>
+              {hasChanged && (
+                <div className="flex items-center gap-3 p-4 bg-cyan-50 rounded-lg">
+                  <IconInfoCircle className="size-4 text-zinc-950 shrink-0" />
+                  <span className="paragraph-small-regular text-zinc-950">
+                    {isIncreasingCredits
+                      ? 'O pagamento será processado no momento da confirmação.'
+                      : 'As alterações entrarão em vigor a partir da sua próxima fatura.'}
+                  </span>
+                </div>
+              )}
             </div>
 
             <Separator className="bg-zinc-200 hidden lg:block" />
 
+            {immediateChargeTotal !== null && immediateChargeTotal > 0 && (
+              <div className="hidden lg:flex items-center justify-between">
+                <span className="paragraph-small-medium text-zinc-500">Cobrança imediata</span>
+                {isCalculatePending ? (
+                  <Skeleton className="h-7 w-24" />
+                ) : (
+                  <span className="paragraph-xlarge-semibold text-zinc-950">
+                    {formatPrice(immediateChargeTotal)}
+                  </span>
+                )}
+              </div>
+            )}
+
             <div className="hidden lg:flex items-center justify-between">
               <span className="paragraph-small-medium text-zinc-500">Valor total do plano</span>
               {renderPriceDisplay()}
@@ -298,6 +321,18 @@ export default function BuyCreditsModal() {
           </div>
 
           <div className="flex flex-col gap-4 p-4 border-t border-zinc-200 shrink-0 lg:hidden">
+            {immediateChargeTotal !== null && immediateChargeTotal > 0 && (
+              <div className="flex items-center justify-between">
+                <span className="paragraph-small-medium text-zinc-500">Cobrança imediata</span>
+                {isCalculatePending ? (
+                  <Skeleton className="h-7 w-24" />
+                ) : (
+                  <span className="paragraph-xlarge-semibold text-zinc-950">
+                    {formatPrice(immediateChargeTotal)}
+                  </span>
+                )}
+              </div>
+            )}
             <div className="flex items-center justify-between">
               <span className="paragraph-small-medium text-zinc-500">Valor total do plano</span>
               {renderPriceDisplay()}

package/src/modules/subscriptions/types/calculate-subscription.type.ts

@@ -26,6 +26,30 @@ export const CalculateSubscriptionPlanExtraResponseSchema = z.object({
   currency: z.string(),
 });
 
+const ImmediateChargeItemSchema = z.object({
+  type: z.string(),
+  description: z.string(),
+  value: z.number(),
+  id_addon: z.number().optional(),
+  quantity: z.number().optional(),
+});
+
+const ImmediateChargeSchema = z.object({
+  total: z.number(),
+  items: z.array(ImmediateChargeItemSchema),
+});
+
+const CalculateSubscriptionTargetSchema = z.object({
+  id_subscription: z.string().optional(),
+  current_plan_id: z.number().optional(),
+  current_plan_name: z.string().optional(),
+  current_periodicity: z.number().optional(),
+  current_date_due: z.string().optional(),
+  days_remaining: z.number().optional(),
+  days_total: z.number().optional(),
+  immediate_charge: ImmediateChargeSchema.optional(),
+});
+
 export const CalculateSubscriptionResponseSchema = z.object({
   name: z.string(),
   month: z.number(),
@@ -48,6 +72,7 @@ export const CalculateSubscriptionResponseSchema = z.object({
   year_original_discount: z.number().optional().default(0),
   year_original_discount_cupom: z.number().optional().default(0),
   plan_extras: z.array(CalculateSubscriptionPlanExtraResponseSchema),
+  target: CalculateSubscriptionTargetSchema.optional().nullable(),
 });
 
 export type CalculateSubscriptionResponse = z.infer<typeof CalculateSubscriptionResponseSchema>;

package/src/modules/subscriptions/utils/periodicity.ts

@@ -50,3 +50,13 @@ export function getPriceFromCalculatedData(
   if (period === 'semiannual') return data.semmester;
   return data.month;
 }
+
+export function getOriginalPriceFromCalculatedData(
+  data: CalculateSubscriptionResponse,
+  periodicity: number | string | null | undefined
+): number {
+  const period = periodicityToBillingPeriod(periodicity);
+  if (period === 'annual') return data.year_original;
+  if (period === 'semiannual') return data.semmester_original;
+  return data.month_original;
+}