@greatapps/common 1.1.278 → 1.1.280

package/dist/components/modals/BuyCreditsModal.mjs

@@ -42,6 +42,7 @@ function BuyCreditsModal() {
   const { data: cardsData } = useCards();
   const { data: subscriptionData } = useActiveSubscription();
   const subscription = subscriptionData?.data?.[0] ?? null;
+  const defaultCardId = cardsData?.data?.find((card) => card.is_default)?.id?.toString() ?? cardsData?.data?.[0]?.id?.toString() ?? "";
   const {
     mutate: calculate,
     isPending: isCalculatePending,
@@ -60,7 +61,7 @@ function BuyCreditsModal() {
     mode: "onChange",
     defaultValues: {
       creditOption: currentCredits,
-      selectedCardId: cardsData?.data?.[0]?.id.toString() ?? ""
+      selectedCardId: defaultCardId
     }
   });
   const hasInitialized = useRef(false);
@@ -73,7 +74,7 @@ function BuyCreditsModal() {
     hasInitialized.current = true;
     form.reset({
       creditOption: currentCredits,
-      selectedCardId: form.getValues("selectedCardId") || cardsData?.data?.[0]?.id.toString() || ""
+      selectedCardId: form.getValues("selectedCardId") || defaultCardId
     });
     calculate({
       id_product: 1,
@@ -83,7 +84,16 @@ function BuyCreditsModal() {
         { id_addon: ADDON_IDS.AI, quantity: currentCredits, currency: "BRL" }
       ]
     });
-  }, [open, subscription, currentCredits, cardsData, form, calculate, planId, subscriptionId]);
+  }, [
+    open,
+    subscription,
+    currentCredits,
+    defaultCardId,
+    form,
+    calculate,
+    planId,
+    subscriptionId
+  ]);
   const creditOption = form.watch("creditOption");
   const selectedCardId = form.watch("selectedCardId");
   const { isDirty, isSubmitting, isValid } = form.formState;
@@ -124,14 +134,8 @@ function BuyCreditsModal() {
     closeModal();
   }, [form, closeModal]);
   const handleOpenAddCardModal = useCallback(() => {
-    openModal("addCardModal", {
-      returnToBuyCredits: true,
-      buyCreditsState: {
-        activeCardId: selectedCardId,
-        selectedValue: creditOption
-      }
-    });
-  }, [openModal, selectedCardId, creditOption]);
+    openModal("addCardModal");
+  }, [openModal]);
   const selectOptions = useMemo(() => {
     return AI_CREDIT_OPTIONS.map((opt) => ({
       value: opt.credits,

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\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: cardsData?.data?.[0]?.id.toString() ?? '',\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:\n        form.getValues('selectedCardId') || cardsData?.data?.[0]?.id.toString() || '',\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  }, [open, subscription, currentCredits, cardsData, form, calculate, planId, subscriptionId]);\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      returnToBuyCredits: true,\n      buyCreditsState: {\n        activeCardId: selectedCardId,\n        selectedValue: creditOption,\n      },\n    });\n  }, [openModal, selectedCardId, creditOption]);\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: form.getValues('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  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":[]}

package/dist/providers/auth.provider.mjs

@@ -15,7 +15,10 @@ import {
 import { useLogin } from "../modules/auth/hooks/login.hook";
 import { useRegister } from "../modules/auth/hooks/register.hook";
 import { useLogout } from "../modules/auth/hooks/logout.hook";
-import { useCurrentAccount, ACCOUNT_QUERY_KEY } from "../modules/accounts/hooks/current-account.hook";
+import {
+  useCurrentAccount,
+  ACCOUNT_QUERY_KEY
+} from "../modules/accounts/hooks/current-account.hook";
 import { useWhitelabelUrls } from "./whitelabel.provider";
 const AuthContext = createContext(
   void 0
@@ -63,18 +66,15 @@ function AuthProvider({ children }) {
     [queryClient, setUserData]
   );
   const resolveLogoutRedirect = useCallback(() => {
-    if (typeof window === "undefined") {
-      return "/login";
-    }
     try {
       const currentOrigin = window.location.origin;
       const pagesOrigin = pagesUrl ? new URL(pagesUrl).origin : "";
       if (pagesOrigin && currentOrigin === pagesOrigin) {
-        return accountsUrl || "/login";
+        return `${accountsUrl}/login?redirect=${encodeURIComponent(pagesUrl)}`;
       }
     } catch {
     }
-    return "/login";
+    return `${accountsUrl}/login?redirect=${encodeURIComponent(pagesUrl || "/")}`;
   }, [accountsUrl, pagesUrl]);
   const logout = useCallback(async () => {
     try {

package/dist/providers/auth.provider.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/providers/auth.provider.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {\r\n  createContext,\r\n  ReactNode,\r\n  useCallback,\r\n  useContext,\r\n  useMemo,\r\n} from \"react\";\r\nimport { useQueryClient } from \"@tanstack/react-query\";\r\nimport {\n  useUserQuery,\n  useSetUserData,\n  useUserValidateSession,\n} from \"../modules/auth/hooks/useUserQuery\";\nimport { useLogin } from \"../modules/auth/hooks/login.hook\";\r\nimport { useRegister } from \"../modules/auth/hooks/register.hook\";\r\nimport { useLogout } from \"../modules/auth/hooks/logout.hook\";\r\nimport {\n  AuthState,\n  LoginRequest,\n  RegisterRequest,\n} from \"../modules/auth/schema\";\n\r\nexport type LoginResult =\n  | { result: \"success\" }\n  | { result: \"two_factor_required\"; cookie: string }\n  | { result: \"error\"; message: string };\nimport { useCurrentAccount, ACCOUNT_QUERY_KEY } from \"../modules/accounts/hooks/current-account.hook\";\nimport { useWhitelabelUrls } from \"./whitelabel.provider\";\n\ninterface AuthContextProps extends AuthState {\n  login: (credentials: LoginRequest) => Promise<LoginResult>;\n  register: (data: RegisterRequest) => Promise<void>;\n  logout: () => Promise<void>;\n}\n\r\nexport const AuthContext = createContext<AuthContextProps | undefined>(\r\n  undefined\r\n);\r\n\r\ninterface AuthProviderProps {\r\n  children: ReactNode;\r\n}\r\n\r\nexport function AuthProvider({ children }: AuthProviderProps) {\r\n  const { data: user, isLoading: isQueryLoading } = useUserQuery();\r\n  const { data: account, isLoading: isAccountLoading } = useCurrentAccount();\r\n  const { isLoading: isSessionLoading } = useUserValidateSession();\r\n\r\n  const queryClient = useQueryClient();\n  const setUserData = useSetUserData();\n  const { accountsUrl, pagesUrl } = useWhitelabelUrls();\n\r\n  const { mutateAsync: loginMutate, isPending: isLogging } = useLogin();\n  const { mutateAsync: registerMutate, isPending: isRegistering } =\r\n    useRegister();\r\n  const { mutateAsync: logoutMutate, isPending: isLoggingOut } = useLogout();\r\n\r\n  const isAuthenticated = !!user;\r\n  const isLoading =\r\n    isLogging ||\r\n    isRegistering ||\r\n    isLoggingOut ||\r\n    isQueryLoading ||\r\n    isAccountLoading ||\r\n    isSessionLoading;\r\n\r\n  const login = useCallback(\r\n    async (credentials: LoginRequest): Promise<LoginResult> => {\r\n      try {\r\n        const data = await loginMutate(credentials);\r\n\r\n        if (data.result === \"two_factor_required\") {\r\n          return { result: \"two_factor_required\", cookie: data.cookie };\r\n        }\r\n\r\n        queryClient.clear();\r\n        setUserData(data.user);\r\n        queryClient.setQueryData(ACCOUNT_QUERY_KEY, data.account);\r\n\r\n        return { result: \"success\" };\r\n      } catch (error) {\r\n        const message =\r\n          error instanceof Error ? error.message : \"Ocorreu um erro ao fazer login. Tente novamente.\";\r\n        return { result: \"error\", message };\r\n      }\r\n    },\r\n    [queryClient, setUserData]\r\n  );\r\n\r\n  const register = useCallback(\r\n    async (data: RegisterRequest): Promise<void> => {\r\n      await registerMutate(data, {\r\n        onSuccess: (data) => {\r\n          queryClient.clear();\r\n          setUserData(data.user);\r\n          queryClient.setQueryData(ACCOUNT_QUERY_KEY, data.account);\r\n        },\r\n      });\r\n    },\r\n    [queryClient, setUserData]\r\n  );\r\n\r\n  const resolveLogoutRedirect = useCallback(() => {\n    if (typeof window === \"undefined\") {\n      return \"/login\";\n    }\n\n    try {\n      const currentOrigin = window.location.origin;\n      const pagesOrigin = pagesUrl ? new URL(pagesUrl).origin : \"\";\n\n      if (pagesOrigin && currentOrigin === pagesOrigin) {\n        return accountsUrl || \"/login\";\n      }\n    } catch {\n      // fallback below\n    }\n\n    return \"/login\";\n  }, [accountsUrl, pagesUrl]);\n\n  const logout = useCallback(async (): Promise<void> => {\n    try {\n      await logoutMutate(undefined);\n    } catch {\n      // cookie já removido no servidor mesmo se a API falhou\n    } finally {\n      queryClient.clear();\n      window.location.assign(resolveLogoutRedirect());\n    }\n  }, [queryClient, logoutMutate, resolveLogoutRedirect]);\n\r\n  const value: AuthContextProps = useMemo(\r\n    () => ({\r\n      user: user ?? null,\r\n      account: account ?? null,\r\n      isAuthenticated,\r\n      isLoading,\r\n      login,\r\n      register,\r\n      logout,\r\n    }),\r\n    [user, account, isAuthenticated, isLoading, login, register, logout]\r\n  );\r\n\r\n  return <AuthContext.Provider value={value}>{children}</AuthContext.Provider>;\r\n}\r\n\r\nexport function useAuth(): AuthContextProps {\r\n  const context = useContext(AuthContext);\r\n\r\n  if (context === undefined) {\r\n    throw new Error(\"useAuth deve ser usado dentro de um AuthProvider\");\r\n  }\r\n\r\n  return context;\r\n}\r\n"],"mappings":"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","names":["data"]}
+{"version":3,"sources":["../../src/providers/auth.provider.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {\r\n  createContext,\r\n  ReactNode,\r\n  useCallback,\r\n  useContext,\r\n  useMemo,\r\n} from \"react\";\r\nimport { useQueryClient } from \"@tanstack/react-query\";\r\nimport {\r\n  useUserQuery,\r\n  useSetUserData,\r\n  useUserValidateSession,\r\n} from \"../modules/auth/hooks/useUserQuery\";\r\nimport { useLogin } from \"../modules/auth/hooks/login.hook\";\r\nimport { useRegister } from \"../modules/auth/hooks/register.hook\";\r\nimport { useLogout } from \"../modules/auth/hooks/logout.hook\";\r\nimport {\r\n  AuthState,\r\n  LoginRequest,\r\n  RegisterRequest,\r\n} from \"../modules/auth/schema\";\r\n\r\nexport type LoginResult =\r\n  | { result: \"success\" }\r\n  | { result: \"two_factor_required\"; cookie: string }\r\n  | { result: \"error\"; message: string };\r\nimport {\r\n  useCurrentAccount,\r\n  ACCOUNT_QUERY_KEY,\r\n} from \"../modules/accounts/hooks/current-account.hook\";\r\nimport { useWhitelabelUrls } from \"./whitelabel.provider\";\r\n\r\ninterface AuthContextProps extends AuthState {\r\n  login: (credentials: LoginRequest) => Promise<LoginResult>;\r\n  register: (data: RegisterRequest) => Promise<void>;\r\n  logout: () => Promise<void>;\r\n}\r\n\r\nexport const AuthContext = createContext<AuthContextProps | undefined>(\r\n  undefined,\r\n);\r\n\r\ninterface AuthProviderProps {\r\n  children: ReactNode;\r\n}\r\n\r\nexport function AuthProvider({ children }: AuthProviderProps) {\r\n  const { data: user, isLoading: isQueryLoading } = useUserQuery();\r\n  const { data: account, isLoading: isAccountLoading } = useCurrentAccount();\r\n  const { isLoading: isSessionLoading } = useUserValidateSession();\r\n\r\n  const queryClient = useQueryClient();\r\n  const setUserData = useSetUserData();\r\n  const { accountsUrl, pagesUrl } = useWhitelabelUrls();\r\n\r\n  const { mutateAsync: loginMutate, isPending: isLogging } = useLogin();\r\n  const { mutateAsync: registerMutate, isPending: isRegistering } =\r\n    useRegister();\r\n  const { mutateAsync: logoutMutate, isPending: isLoggingOut } = useLogout();\r\n\r\n  const isAuthenticated = !!user;\r\n  const isLoading =\r\n    isLogging ||\r\n    isRegistering ||\r\n    isLoggingOut ||\r\n    isQueryLoading ||\r\n    isAccountLoading ||\r\n    isSessionLoading;\r\n\r\n  const login = useCallback(\r\n    async (credentials: LoginRequest): Promise<LoginResult> => {\r\n      try {\r\n        const data = await loginMutate(credentials);\r\n\r\n        if (data.result === \"two_factor_required\") {\r\n          return { result: \"two_factor_required\", cookie: data.cookie };\r\n        }\r\n\r\n        queryClient.clear();\r\n        setUserData(data.user);\r\n        queryClient.setQueryData(ACCOUNT_QUERY_KEY, data.account);\r\n\r\n        return { result: \"success\" };\r\n      } catch (error) {\r\n        const message =\r\n          error instanceof Error\r\n            ? error.message\r\n            : \"Ocorreu um erro ao fazer login. Tente novamente.\";\r\n        return { result: \"error\", message };\r\n      }\r\n    },\r\n    [queryClient, setUserData],\r\n  );\r\n\r\n  const register = useCallback(\r\n    async (data: RegisterRequest): Promise<void> => {\r\n      await registerMutate(data, {\r\n        onSuccess: (data) => {\r\n          queryClient.clear();\r\n          setUserData(data.user);\r\n          queryClient.setQueryData(ACCOUNT_QUERY_KEY, data.account);\r\n        },\r\n      });\r\n    },\r\n    [queryClient, setUserData],\r\n  );\r\n\r\n  const resolveLogoutRedirect = useCallback(() => {\r\n    try {\r\n      const currentOrigin = window.location.origin;\r\n      const pagesOrigin = pagesUrl ? new URL(pagesUrl).origin : \"\";\r\n\r\n      if (pagesOrigin && currentOrigin === pagesOrigin) {\r\n        return `${accountsUrl}/login?redirect=${encodeURIComponent(pagesUrl)}`;\r\n      }\r\n    } catch {\r\n      // fallback below\r\n    }\r\n\r\n    return `${accountsUrl}/login?redirect=${encodeURIComponent(pagesUrl || \"/\")}`;\r\n  }, [accountsUrl, pagesUrl]);\r\n\r\n  const logout = useCallback(async (): Promise<void> => {\r\n    try {\r\n      await logoutMutate(undefined);\r\n    } catch {\r\n      // cookie já removido no servidor mesmo se a API falhou\r\n    } finally {\r\n      queryClient.clear();\r\n      window.location.assign(resolveLogoutRedirect());\r\n    }\r\n  }, [queryClient, logoutMutate, resolveLogoutRedirect]);\r\n\r\n  const value: AuthContextProps = useMemo(\r\n    () => ({\r\n      user: user ?? null,\r\n      account: account ?? null,\r\n      isAuthenticated,\r\n      isLoading,\r\n      login,\r\n      register,\r\n      logout,\r\n    }),\r\n    [user, account, isAuthenticated, isLoading, login, register, logout],\r\n  );\r\n\r\n  return <AuthContext.Provider value={value}>{children}</AuthContext.Provider>;\r\n}\r\n\r\nexport function useAuth(): AuthContextProps {\r\n  const context = useContext(AuthContext);\r\n\r\n  if (context === undefined) {\r\n    throw new Error(\"useAuth deve ser usado dentro de um AuthProvider\");\r\n  }\r\n\r\n  return context;\r\n}\r\n"],"mappings":"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","names":["data"]}

package/dist/store/useBuyCreditsModal.mjs

@@ -6,8 +6,6 @@ const useBuyCreditsModal = () => {
   return {
     open: isOpen,
     onConfirm: data?.onConfirm,
-    initialActiveCardId: data?.initialActiveCardId,
-    initialSelectedValue: data?.initialSelectedValue,
     openModal: (onConfirm) => openModal("buyCreditsModal", { onConfirm }),
     closeModal
   };

package/dist/store/useBuyCreditsModal.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/store/useBuyCreditsModal.ts"],"sourcesContent":["import { useModalManager } from './useModalManager';\n\ninterface BuyCreditsModalData {\n  onConfirm?: (creditAmount: number, price: number) => void;\n  initialActiveCardId?: string;\n  initialSelectedValue?: number;\n}\n\nexport const useBuyCreditsModal = () => {\n  const { activeModal, modalData, openModal, closeModal } = useModalManager();\n\n  const isOpen = activeModal === 'buyCreditsModal';\n  const data = modalData as BuyCreditsModalData;\n\n  return {\n    open: isOpen,\n    onConfirm: data?.onConfirm,\n    initialActiveCardId: data?.initialActiveCardId,\n    initialSelectedValue: data?.initialSelectedValue,\n\n    openModal: (onConfirm?: (creditAmount: number, price: number) => void) =>\n      openModal('buyCreditsModal', { onConfirm }),\n    closeModal,\n  };\n};\n"],"mappings":"AAAA,SAAS,uBAAuB;AAQzB,MAAM,qBAAqB,MAAM;AACtC,QAAM,EAAE,aAAa,WAAW,WAAW,WAAW,IAAI,gBAAgB;AAE1E,QAAM,SAAS,gBAAgB;AAC/B,QAAM,OAAO;AAEb,SAAO;AAAA,IACL,MAAM;AAAA,IACN,WAAW,MAAM;AAAA,IACjB,qBAAqB,MAAM;AAAA,IAC3B,sBAAsB,MAAM;AAAA,IAE5B,WAAW,CAAC,cACV,UAAU,mBAAmB,EAAE,UAAU,CAAC;AAAA,IAC5C;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../src/store/useBuyCreditsModal.ts"],"sourcesContent":["import { useModalManager } from './useModalManager';\n\ninterface BuyCreditsModalData {\n  onConfirm?: (creditAmount: number, price: number) => void;\n}\n\nexport const useBuyCreditsModal = () => {\n  const { activeModal, modalData, openModal, closeModal } = useModalManager();\n\n  const isOpen = activeModal === 'buyCreditsModal';\n  const data = modalData as BuyCreditsModalData;\n\n  return {\n    open: isOpen,\n    onConfirm: data?.onConfirm,\n\n    openModal: (onConfirm?: (creditAmount: number, price: number) => void) =>\n      openModal('buyCreditsModal', { onConfirm }),\n    closeModal,\n  };\n};\n"],"mappings":"AAAA,SAAS,uBAAuB;AAMzB,MAAM,qBAAqB,MAAM;AACtC,QAAM,EAAE,aAAa,WAAW,WAAW,WAAW,IAAI,gBAAgB;AAE1E,QAAM,SAAS,gBAAgB;AAC/B,QAAM,OAAO;AAEb,SAAO;AAAA,IACL,MAAM;AAAA,IACN,WAAW,MAAM;AAAA,IAEjB,WAAW,CAAC,cACV,UAAU,mBAAmB,EAAE,UAAU,CAAC;AAAA,IAC5C;AAAA,EACF;AACF;","names":[]}

package/package.json

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

package/src/components/modals/BuyCreditsModal.tsx

@@ -46,6 +46,10 @@ export default function BuyCreditsModal() {
   const { data: cardsData } = useCards();
   const { data: subscriptionData } = useActiveSubscription();
   const subscription = subscriptionData?.data?.[0] ?? null;
+  const defaultCardId =
+    cardsData?.data?.find((card) => card.is_default)?.id?.toString() ??
+    cardsData?.data?.[0]?.id?.toString() ??
+    '';
 
   const {
     mutate: calculate,
@@ -68,7 +72,7 @@ export default function BuyCreditsModal() {
     mode: 'onChange',
     defaultValues: {
       creditOption: currentCredits,
-      selectedCardId: cardsData?.data?.[0]?.id.toString() ?? '',
+      selectedCardId: defaultCardId,
     },
   });
 
@@ -85,8 +89,7 @@ export default function BuyCreditsModal() {
 
     form.reset({
       creditOption: currentCredits,
-      selectedCardId:
-        form.getValues('selectedCardId') || cardsData?.data?.[0]?.id.toString() || '',
+      selectedCardId: form.getValues('selectedCardId') || defaultCardId,
     });
 
     calculate({
@@ -97,7 +100,16 @@ export default function BuyCreditsModal() {
         { id_addon: ADDON_IDS.AI, quantity: currentCredits, currency: 'BRL' },
       ],
     });
-  }, [open, subscription, currentCredits, cardsData, form, calculate, planId, subscriptionId]);
+  }, [
+    open,
+    subscription,
+    currentCredits,
+    defaultCardId,
+    form,
+    calculate,
+    planId,
+    subscriptionId,
+  ]);
 
   const creditOption = form.watch('creditOption');
   const selectedCardId = form.watch('selectedCardId');
@@ -149,14 +161,8 @@ export default function BuyCreditsModal() {
   }, [form, closeModal]);
 
   const handleOpenAddCardModal = useCallback(() => {
-    openModal('addCardModal', {
-      returnToBuyCredits: true,
-      buyCreditsState: {
-        activeCardId: selectedCardId,
-        selectedValue: creditOption,
-      },
-    });
-  }, [openModal, selectedCardId, creditOption]);
+    openModal('addCardModal');
+  }, [openModal]);
 
   const selectOptions = useMemo(() => {
     return AI_CREDIT_OPTIONS.map((opt) => ({

package/src/modules/whitelabel/schema.ts

@@ -1,25 +1,25 @@
 export interface GeneralStyleJson {
-  cor_principal: string;
-  cor_hover: string;
-  cor_link: string;
+  primary_color: string;
+  hover_color: string;
+  link_color: string;
 }
 
 export interface PageStyleJson {
-  titulo_principal: string | null;
-  cor_titulo_principal: string | null;
-  cor_fundo: string | null;
-  imagem: string | null;
-  titulo_secundario: string | null;
-  cor_titulo_secundario: string | null;
-  descricao: string | null;
-  cor_descricao: string | null;
-  toggle_imagem: boolean;
-  toggle_titulo_secundario: boolean;
-  toggle_descricao: boolean;
+  main_title: string | null;
+  main_title_color: string | null;
+  background_color: string | null;
+  image: string | null;
+  secondary_title: string | null;
+  secondary_title_color: string | null;
+  description: string | null;
+  description_color: string | null;
+  show_image: boolean;
+  show_secondary_title: boolean;
+  show_description: boolean;
 }
 
 export interface DashboardStyleJson {
-  cor_fundo: string | null;
+  background_color: string | null;
 }
 
 export interface WhitelabelData {

package/src/providers/auth.provider.tsx

@@ -8,35 +8,38 @@ import {
   useMemo,
 } from "react";
 import { useQueryClient } from "@tanstack/react-query";
-import {
-  useUserQuery,
-  useSetUserData,
-  useUserValidateSession,
-} from "../modules/auth/hooks/useUserQuery";
+import {
+  useUserQuery,
+  useSetUserData,
+  useUserValidateSession,
+} from "../modules/auth/hooks/useUserQuery";
 import { useLogin } from "../modules/auth/hooks/login.hook";
 import { useRegister } from "../modules/auth/hooks/register.hook";
 import { useLogout } from "../modules/auth/hooks/logout.hook";
-import {
-  AuthState,
-  LoginRequest,
-  RegisterRequest,
-} from "../modules/auth/schema";
-
-export type LoginResult =
-  | { result: "success" }
-  | { result: "two_factor_required"; cookie: string }
-  | { result: "error"; message: string };
-import { useCurrentAccount, ACCOUNT_QUERY_KEY } from "../modules/accounts/hooks/current-account.hook";
-import { useWhitelabelUrls } from "./whitelabel.provider";
-
-interface AuthContextProps extends AuthState {
-  login: (credentials: LoginRequest) => Promise<LoginResult>;
-  register: (data: RegisterRequest) => Promise<void>;
-  logout: () => Promise<void>;
-}
+import {
+  AuthState,
+  LoginRequest,
+  RegisterRequest,
+} from "../modules/auth/schema";
+
+export type LoginResult =
+  | { result: "success" }
+  | { result: "two_factor_required"; cookie: string }
+  | { result: "error"; message: string };
+import {
+  useCurrentAccount,
+  ACCOUNT_QUERY_KEY,
+} from "../modules/accounts/hooks/current-account.hook";
+import { useWhitelabelUrls } from "./whitelabel.provider";
+
+interface AuthContextProps extends AuthState {
+  login: (credentials: LoginRequest) => Promise<LoginResult>;
+  register: (data: RegisterRequest) => Promise<void>;
+  logout: () => Promise<void>;
+}
 
 export const AuthContext = createContext<AuthContextProps | undefined>(
-  undefined
+  undefined,
 );
 
 interface AuthProviderProps {
@@ -48,11 +51,11 @@ export function AuthProvider({ children }: AuthProviderProps) {
   const { data: account, isLoading: isAccountLoading } = useCurrentAccount();
   const { isLoading: isSessionLoading } = useUserValidateSession();
 
-  const queryClient = useQueryClient();
-  const setUserData = useSetUserData();
-  const { accountsUrl, pagesUrl } = useWhitelabelUrls();
+  const queryClient = useQueryClient();
+  const setUserData = useSetUserData();
+  const { accountsUrl, pagesUrl } = useWhitelabelUrls();
 
-  const { mutateAsync: loginMutate, isPending: isLogging } = useLogin();
+  const { mutateAsync: loginMutate, isPending: isLogging } = useLogin();
   const { mutateAsync: registerMutate, isPending: isRegistering } =
     useRegister();
   const { mutateAsync: logoutMutate, isPending: isLoggingOut } = useLogout();
@@ -82,11 +85,13 @@ export function AuthProvider({ children }: AuthProviderProps) {
         return { result: "success" };
       } catch (error) {
         const message =
-          error instanceof Error ? error.message : "Ocorreu um erro ao fazer login. Tente novamente.";
+          error instanceof Error
+            ? error.message
+            : "Ocorreu um erro ao fazer login. Tente novamente.";
         return { result: "error", message };
       }
     },
-    [queryClient, setUserData]
+    [queryClient, setUserData],
   );
 
   const register = useCallback(
@@ -99,38 +104,34 @@ export function AuthProvider({ children }: AuthProviderProps) {
         },
       });
     },
-    [queryClient, setUserData]
+    [queryClient, setUserData],
   );
 
-  const resolveLogoutRedirect = useCallback(() => {
-    if (typeof window === "undefined") {
-      return "/login";
-    }
-
-    try {
-      const currentOrigin = window.location.origin;
-      const pagesOrigin = pagesUrl ? new URL(pagesUrl).origin : "";
-
-      if (pagesOrigin && currentOrigin === pagesOrigin) {
-        return accountsUrl || "/login";
-      }
-    } catch {
-      // fallback below
-    }
-
-    return "/login";
-  }, [accountsUrl, pagesUrl]);
-
-  const logout = useCallback(async (): Promise<void> => {
-    try {
-      await logoutMutate(undefined);
-    } catch {
-      // cookie já removido no servidor mesmo se a API falhou
-    } finally {
-      queryClient.clear();
-      window.location.assign(resolveLogoutRedirect());
-    }
-  }, [queryClient, logoutMutate, resolveLogoutRedirect]);
+  const resolveLogoutRedirect = useCallback(() => {
+    try {
+      const currentOrigin = window.location.origin;
+      const pagesOrigin = pagesUrl ? new URL(pagesUrl).origin : "";
+
+      if (pagesOrigin && currentOrigin === pagesOrigin) {
+        return `${accountsUrl}/login?redirect=${encodeURIComponent(pagesUrl)}`;
+      }
+    } catch {
+      // fallback below
+    }
+
+    return `${accountsUrl}/login?redirect=${encodeURIComponent(pagesUrl || "/")}`;
+  }, [accountsUrl, pagesUrl]);
+
+  const logout = useCallback(async (): Promise<void> => {
+    try {
+      await logoutMutate(undefined);
+    } catch {
+      // cookie já removido no servidor mesmo se a API falhou
+    } finally {
+      queryClient.clear();
+      window.location.assign(resolveLogoutRedirect());
+    }
+  }, [queryClient, logoutMutate, resolveLogoutRedirect]);
 
   const value: AuthContextProps = useMemo(
     () => ({
@@ -142,7 +143,7 @@ export function AuthProvider({ children }: AuthProviderProps) {
       register,
       logout,
     }),
-    [user, account, isAuthenticated, isLoading, login, register, logout]
+    [user, account, isAuthenticated, isLoading, login, register, logout],
   );
 
   return <AuthContext.Provider value={value}>{children}</AuthContext.Provider>;

package/src/store/useBuyCreditsModal.ts

@@ -2,8 +2,6 @@ import { useModalManager } from './useModalManager';
 
 interface BuyCreditsModalData {
   onConfirm?: (creditAmount: number, price: number) => void;
-  initialActiveCardId?: string;
-  initialSelectedValue?: number;
 }
 
 export const useBuyCreditsModal = () => {
@@ -15,8 +13,6 @@ export const useBuyCreditsModal = () => {
   return {
     open: isOpen,
     onConfirm: data?.onConfirm,
-    initialActiveCardId: data?.initialActiveCardId,
-    initialSelectedValue: data?.initialSelectedValue,
 
     openModal: (onConfirm?: (creditAmount: number, price: number) => void) =>
       openModal('buyCreditsModal', { onConfirm }),

package/dist/modules/whitelabel/styles-schema.mjs

@@ -1 +0,0 @@
-//# sourceMappingURL=styles-schema.mjs.map

package/dist/modules/whitelabel/styles-schema.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/src/modules/whitelabel/styles-schema.ts

@@ -1,37 +0,0 @@
-// Espelha gapps-r3-admin/src/modules/styles/types.ts (WhitelabelStylesRow)
-
-export interface GeneralStyleJson {
-  nome_empresa: string;
-  favicon: string | null;
-  logo: string | null;
-  cor_principal: string;
-  cor_hover: string;
-  cor_link: string;
-}
-
-export interface PageStyleJson {
-  titulo_principal: string | null;
-  cor_titulo_principal: string | null;
-  cor_fundo: string | null;
-  imagem: string | null;
-  titulo_secundario: string | null;
-  cor_titulo_secundario: string | null;
-  descricao: string | null;
-  cor_descricao: string | null;
-  toggle_imagem: boolean;
-  toggle_titulo_secundario: boolean;
-  toggle_descricao: boolean;
-}
-
-export interface DashboardStyleJson {
-  cor_fundo: string | null;
-}
-
-export interface WhitelabelStylesData {
-  id: number;
-  id_wl: number;
-  general: GeneralStyleJson | null;
-  signin_page: PageStyleJson | null;
-  signup_page: PageStyleJson | null;
-  dashboard: DashboardStyleJson | null;
-}