@greatapps/common 1.1.428 → 1.1.429

package/dist/components/modals/BuyCreditsModal.mjs

@@ -1,281 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import {
-  Dialog,
-  DialogContent,
-  DialogHeader,
-  DialogTitle
-} from "../ui/overlay/Dialog";
-import { Button } from "../ui/buttons/Button";
-import { Separator } from "../ui/data-display/Separator";
-import { Toast } from "../ui/feedback/Toast";
-import { SelectField } from "../ui/form/SelectField";
-import { Skeleton } from "../ui/feedback/Skeleton";
-import { PaymentInfoCard } from "../ui/data-display/PaymentInfoCard";
-import { ADDON_IDS } from "../../modules/subscriptions/constants/addons.constants";
-import {
-  AI_CREDIT_OPTIONS,
-  AI_CREDIT_VALUES
-} from "../../modules/subscriptions/constants/addons.constants";
-import { useBuyCreditsModal } from "../../store/useBuyCreditsModal";
-import { useModalManager } from "../../store/useModalManager";
-import { useCards } from "../../modules/cards/hooks/cards.hook";
-import { useActiveSubscription } from "../../modules/subscriptions/hooks/find-active-subscription.hook";
-import { useCalculateSubscription } from "../../modules/subscriptions/hooks/calculate-subscription.hook";
-import { useUpdateSubscriptionPlan } from "../../modules/subscriptions/hooks/update-subscription-plan.hook";
-import { getPriceFromCalculatedData } from "../../modules/subscriptions/utils/periodicity";
-import { IconInfoCircle, IconX, IconLoader2 } from "@tabler/icons-react";
-import { useCallback, useEffect, useMemo, useRef } from "react";
-import { useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import z from "zod";
-import { toast } from "sonner";
-const buyCreditSchema = z.object({
-  creditOption: z.number().refine((val) => AI_CREDIT_VALUES.has(val), {
-    message: "Selecione uma op\xE7\xE3o de cr\xE9ditos"
-  }),
-  selectedCardId: z.string().min(1, "Selecione um cart\xE3o")
-});
-function BuyCreditsModal() {
-  const { open, closeModal } = useBuyCreditsModal();
-  const { openModal } = useModalManager();
-  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,
-    data: calculateData
-  } = useCalculateSubscription();
-  const updatePlanMutation = useUpdateSubscriptionPlan();
-  const aiItem = useMemo(
-    () => subscription?.items?.find((item) => item.id_addon === ADDON_IDS.AI),
-    [subscription]
-  );
-  const currentCredits = aiItem?.quantity ?? 0;
-  const subscriptionId = subscription?.id;
-  const planId = subscription?.id_plan;
-  const form = useForm({
-    resolver: zodResolver(buyCreditSchema),
-    mode: "onChange",
-    defaultValues: {
-      creditOption: currentCredits,
-      selectedCardId: defaultCardId
-    }
-  });
-  const hasInitialized = useRef(false);
-  useEffect(() => {
-    if (!open) {
-      hasInitialized.current = false;
-      return;
-    }
-    if (hasInitialized.current || !subscription) return;
-    hasInitialized.current = true;
-    form.reset({
-      creditOption: currentCredits,
-      selectedCardId: defaultCardId
-    });
-    calculate({
-      id_product: 1,
-      ...planId != null && { id_plan: planId },
-      ...subscriptionId != null && { id_subscription: subscriptionId },
-      plan_extras: [
-        { id_addon: ADDON_IDS.AI, quantity: currentCredits, currency: "BRL" }
-      ]
-    });
-  }, [
-    open,
-    subscription,
-    currentCredits,
-    defaultCardId,
-    form,
-    calculate,
-    planId,
-    subscriptionId
-  ]);
-  useEffect(() => {
-    if (open && defaultCardId && !form.getValues("selectedCardId")) {
-      form.setValue("selectedCardId", defaultCardId, { shouldValidate: true });
-    }
-  }, [open, defaultCardId, form]);
-  const creditOption = form.watch("creditOption");
-  const selectedCardId = form.watch("selectedCardId");
-  const { isDirty, isSubmitting, isValid } = form.formState;
-  const handleCreditOptionChange = useCallback(
-    (value) => {
-      const credits = Number(value);
-      form.setValue("creditOption", credits, {
-        shouldValidate: true,
-        shouldDirty: true
-      });
-      const option = AI_CREDIT_OPTIONS.find((opt) => opt.credits === credits);
-      if (!option) return;
-      calculate({
-        id_product: 1,
-        ...planId != null && { id_plan: planId },
-        ...subscriptionId != null && { id_subscription: subscriptionId },
-        plan_extras: [
-          { id_addon: ADDON_IDS.AI, quantity: option.credits, currency: "BRL" }
-        ]
-      });
-    },
-    [form, subscriptionId, planId, calculate]
-  );
-  const calculatedData = calculateData?.data ?? null;
-  const totalPrice = useMemo(() => {
-    if (!calculatedData) return null;
-    return getPriceFromCalculatedData(calculatedData, subscription?.periodicity);
-  }, [calculatedData, subscription]);
-  const formatPrice = useCallback((price) => {
-    return price.toLocaleString("pt-BR", {
-      style: "currency",
-      currency: "BRL"
-    });
-  }, []);
-  const isConfirmDisabled = !isDirty || !isValid || isCalculatePending || isSubmitting;
-  const handleClose = useCallback(() => {
-    form.reset();
-    closeModal();
-  }, [form, closeModal]);
-  const handleOpenAddCardModal = useCallback(() => {
-    openModal("addCardModal");
-  }, [openModal]);
-  const selectOptions = useMemo(() => {
-    return AI_CREDIT_OPTIONS.map((opt) => ({
-      value: opt.credits,
-      label: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 w-full", children: [
-        /* @__PURE__ */ jsxs("span", { className: "paragraph-small-medium text-zinc-950 flex-1", children: [
-          opt.credits.toLocaleString("pt-BR"),
-          " cr\xE9ditos de IA"
-        ] }),
-        /* @__PURE__ */ jsx("span", { className: "paragraph-small-medium text-zinc-500 opacity-70", children: opt.priceLabel })
-      ] }),
-      displayValue: `${opt.credits.toLocaleString("pt-BR")} cr\xE9ditos de IA`
-    }));
-  }, []);
-  const onSubmit = useCallback(
-    async (data) => {
-      if (!subscriptionId) return;
-      const option = AI_CREDIT_OPTIONS.find((opt) => opt.credits === data.creditOption);
-      if (!option) return;
-      await updatePlanMutation.mutateAsync({
-        subscriptionId,
-        data: {
-          plan_extras: [
-            {
-              id_addon: ADDON_IDS.AI,
-              quantity: option.credits
-            }
-          ]
-        }
-      });
-      toast.custom((t) => /* @__PURE__ */ jsx(
-        Toast,
-        {
-          variant: "success",
-          message: `Cr\xE9ditos de IA alterados para ${data.creditOption.toLocaleString("pt-BR")}`,
-          toastId: t
-        }
-      ));
-      form.reset();
-      closeModal();
-    },
-    [subscriptionId, updatePlanMutation, form, closeModal]
-  );
-  const renderPriceDisplay = useCallback(() => {
-    if (isCalculatePending) {
-      return /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-24" });
-    }
-    if (totalPrice !== null) {
-      return /* @__PURE__ */ jsx("span", { className: "paragraph-xlarge-semibold text-zinc-950", children: totalPrice === 0 ? "Incluso" : formatPrice(totalPrice) });
-    }
-    return /* @__PURE__ */ jsx("span", { className: "paragraph-xlarge-semibold text-zinc-400", children: "--" });
-  }, [isCalculatePending, totalPrice, formatPrice]);
-  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: handleClose, children: /* @__PURE__ */ jsxs(
-    DialogContent,
-    {
-      showCloseButton: false,
-      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",
-      children: [
-        /* @__PURE__ */ jsxs(DialogHeader, { className: "px-4 py-3 border-b border-zinc-200 shrink-0 relative", children: [
-          /* @__PURE__ */ jsx(DialogTitle, { className: "paragraph-medium-semibold text-zinc-950 text-center", children: "Comprar cr\xE9ditos de IA" }),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: handleClose,
-              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",
-              children: /* @__PURE__ */ jsx(IconX, { size: 18, className: "text-zinc-400" })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs(
-          "form",
-          {
-            onSubmit: form.handleSubmit(onSubmit),
-            className: "flex flex-col flex-1 lg:flex-none overflow-hidden",
-            children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6 lg:gap-8 p-4 lg:p-5 flex-1 lg:flex-none overflow-y-auto", children: [
-                /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
-                  /* @__PURE__ */ jsx(
-                    SelectField,
-                    {
-                      options: selectOptions,
-                      value: creditOption,
-                      onChange: handleCreditOptionChange,
-                      className: "h-12!"
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    PaymentInfoCard,
-                    {
-                      selectedCardId,
-                      onCardSelect: (cardId) => form.setValue("selectedCardId", cardId, { shouldValidate: true }),
-                      onOpenAddCard: handleOpenAddCardModal
-                    }
-                  ),
-                  /* @__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(Separator, { className: "bg-zinc-200 hidden lg:block" }),
-                /* @__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()
-                ] }),
-                /* @__PURE__ */ jsxs(
-                  Button,
-                  {
-                    type: "submit",
-                    disabled: isConfirmDisabled,
-                    className: "w-full hidden lg:inline-flex",
-                    children: [
-                      isSubmitting && /* @__PURE__ */ jsx(IconLoader2, { className: "size-4 animate-spin" }),
-                      "Confirmar e pagar"
-                    ]
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 p-4 border-t border-zinc-200 shrink-0 lg:hidden", children: [
-                /* @__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()
-                ] }),
-                /* @__PURE__ */ jsxs(Button, { type: "submit", disabled: isConfirmDisabled, className: "w-full", children: [
-                  isSubmitting && /* @__PURE__ */ jsx(IconLoader2, { className: "size-4 animate-spin" }),
-                  "Confirmar e pagar"
-                ] })
-              ] })
-            ]
-          }
-        )
-      ]
-    }
-  ) });
-}
-export {
-  BuyCreditsModal as default
-};
-//# sourceMappingURL=BuyCreditsModal.mjs.map

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

@@ -1 +0,0 @@
-{"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":[]}

package/dist/components/modals/ModalManager.mjs

@@ -1,19 +0,0 @@
-"use client";
-import { Fragment, jsx } from "react/jsx-runtime";
-import { useModalManager } from "../../store/useModalManager";
-function ModalManager({ registry }) {
-  const { modalStack } = useModalManager();
-  if (modalStack.length === 0) return null;
-  return /* @__PURE__ */ jsx(Fragment, { children: modalStack.map((modal) => {
-    const ModalComponent = registry[modal.key];
-    if (!ModalComponent) {
-      console.warn(`Modal "${modal.key}" not found in registry`);
-      return null;
-    }
-    return /* @__PURE__ */ jsx(ModalComponent, {}, modal.key);
-  }) });
-}
-export {
-  ModalManager
-};
-//# sourceMappingURL=ModalManager.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/modals/ModalManager.tsx"],"sourcesContent":["'use client';\n\nimport { ComponentType } from 'react';\nimport { useModalManager } from '../../store/useModalManager';\n\ninterface ModalManagerProps {\n  registry: Record<string, ComponentType>;\n}\n\nexport function ModalManager({ registry }: ModalManagerProps) {\n  const { modalStack } = useModalManager();\n\n  if (modalStack.length === 0) return null;\n\n  return (\n    <>\n      {modalStack.map((modal) => {\n        const ModalComponent = registry[modal.key];\n\n        if (!ModalComponent) {\n          console.warn(`Modal \"${modal.key}\" not found in registry`);\n          return null;\n        }\n\n        return <ModalComponent key={modal.key} />;\n      })}\n    </>\n  );\n}\n"],"mappings":";AAeI,mBASW,WATX;AAZJ,SAAS,uBAAuB;AAMzB,SAAS,aAAa,EAAE,SAAS,GAAsB;AAC5D,QAAM,EAAE,WAAW,IAAI,gBAAgB;AAEvC,MAAI,WAAW,WAAW,EAAG,QAAO;AAEpC,SACE,gCACG,qBAAW,IAAI,CAAC,UAAU;AACzB,UAAM,iBAAiB,SAAS,MAAM,GAAG;AAEzC,QAAI,CAAC,gBAAgB;AACnB,cAAQ,KAAK,UAAU,MAAM,GAAG,yBAAyB;AACzD,aAAO;AAAA,IACT;AAEA,WAAO,oBAAC,oBAAoB,MAAM,GAAK;AAAA,EACzC,CAAC,GACH;AAEJ;","names":[]}

package/dist/components/modals/Modals.mjs

@@ -1,20 +0,0 @@
-"use client";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useEffect } from "react";
-import AccountModals from "../account/AccountModals";
-import { ModalManager } from "./ModalManager";
-import { useAccountModals } from "../../store/useAccountModals";
-function Modals({ registry, hasActiveSubscription, onGoToSubscription }) {
-  const { updateConfig } = useAccountModals();
-  useEffect(() => {
-    updateConfig({ hasActiveSubscription, onGoToSubscription });
-  }, [hasActiveSubscription, onGoToSubscription, updateConfig]);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(AccountModals, {}),
-    /* @__PURE__ */ jsx(ModalManager, { registry })
-  ] });
-}
-export {
-  Modals
-};
-//# sourceMappingURL=Modals.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/modals/Modals.tsx"],"sourcesContent":["'use client';\n\nimport { ComponentType, useEffect } from 'react';\nimport AccountModals from '../account/AccountModals';\nimport { ModalManager } from './ModalManager';\nimport { useAccountModals } from '../../store/useAccountModals';\ninterface ModalsProps {\n  registry: Record<string, ComponentType>;\n  hasActiveSubscription?: boolean;\n  onGoToSubscription?: () => void;\n}\n\nexport function Modals({ registry, hasActiveSubscription, onGoToSubscription }: ModalsProps) {\n  const { updateConfig } = useAccountModals();\n\n  useEffect(() => {\n    updateConfig({ hasActiveSubscription, onGoToSubscription });\n  }, [hasActiveSubscription, onGoToSubscription, updateConfig]);\n\n  return (\n    <>\n      <AccountModals />\n      <ModalManager registry={registry} />\n    </>\n  );\n}\n"],"mappings":";AAoBI,mBACE,KADF;AAlBJ,SAAwB,iBAAiB;AACzC,OAAO,mBAAmB;AAC1B,SAAS,oBAAoB;AAC7B,SAAS,wBAAwB;AAO1B,SAAS,OAAO,EAAE,UAAU,uBAAuB,mBAAmB,GAAgB;AAC3F,QAAM,EAAE,aAAa,IAAI,iBAAiB;AAE1C,YAAU,MAAM;AACd,iBAAa,EAAE,uBAAuB,mBAAmB,CAAC;AAAA,EAC5D,GAAG,CAAC,uBAAuB,oBAAoB,YAAY,CAAC;AAE5D,SACE,iCACE;AAAA,wBAAC,iBAAc;AAAA,IACf,oBAAC,gBAAa,UAAoB;AAAA,KACpC;AAEJ;","names":[]}

package/dist/components/modals/PaidPlanRequiredModal.mjs

@@ -1,46 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { IconLock } from "@tabler/icons-react";
-import { Button } from "../ui/buttons/Button";
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogHeader,
-  DialogTitle
-} from "../ui/overlay/Dialog";
-import { useWhitelabelUrls } from "../../providers/whitelabel.provider";
-import { useModalManager } from "../../store/useModalManager";
-function PaidPlanRequiredModal() {
-  const { activeModal, modalData, closeModal } = useModalManager();
-  const isOpen = activeModal === "paidPlanRequiredModal";
-  const data = modalData;
-  const { accountsUrl } = useWhitelabelUrls();
-  const title = data.title ?? "Recurso dispon\xEDvel em planos pagos";
-  const description = data.description ?? "Para acessar este recurso, fa\xE7a upgrade para um plano pago";
-  const handleKnowPlans = () => {
-    closeModal();
-    window.open(`${accountsUrl}/subscriptions?tab=plans`, "_blank");
-  };
-  return /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: () => closeModal(), children: /* @__PURE__ */ jsxs(DialogContent, { className: "flex flex-col p-0 gap-0 w-full md:w-[410px] lg:w-[410px]", children: [
-    /* @__PURE__ */ jsxs(DialogHeader, { className: "gap-3 text-left p-5", children: [
-      /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-10 h-10 bg-zinc-50 rounded-lg", children: /* @__PURE__ */ jsx(IconLock, { size: 24, className: "text-zinc-950" }) }),
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-        /* @__PURE__ */ jsx(DialogTitle, { className: "paragraph-medium-semibold text-zinc-950", children: title }),
-        /* @__PURE__ */ jsx(DialogDescription, { className: "paragraph-small-regular text-zinc-600", children: description })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 p-5 border-t border-zinc-200", children: /* @__PURE__ */ jsx(
-      Button,
-      {
-        className: "w-fit h-10!",
-        onClick: handleKnowPlans,
-        children: "Conhecer planos"
-      }
-    ) })
-  ] }) });
-}
-export {
-  PaidPlanRequiredModal as default
-};
-//# sourceMappingURL=PaidPlanRequiredModal.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/modals/PaidPlanRequiredModal.tsx"],"sourcesContent":["\"use client\";\n\nimport { IconLock } from '@tabler/icons-react';\nimport { Button } from '../ui/buttons/Button';\nimport {\n    Dialog,\n    DialogContent,\n    DialogDescription,\n    DialogHeader,\n    DialogTitle,\n} from '../ui/overlay/Dialog';\nimport { useWhitelabelUrls } from '../../providers/whitelabel.provider';\nimport { useModalManager } from '../../store/useModalManager';\nimport type { ModalData } from '../../store/useModalManager';\n\nexport default function PaidPlanRequiredModal() {\n    const { activeModal, modalData, closeModal } = useModalManager();\n    const isOpen = activeModal === 'paidPlanRequiredModal';\n    const data = modalData as ModalData & { title?: string; description?: string };\n    const { accountsUrl } = useWhitelabelUrls();\n\n    const title = (data.title as string) ?? \"Recurso disponível em planos pagos\";\n    const description = (data.description as string) ?? \"Para acessar este recurso, faça upgrade para um plano pago\";\n\n    const handleKnowPlans = () => {\n        closeModal();\n        window.open(`${accountsUrl}/subscriptions?tab=plans`, '_blank');\n    };\n\n    return (\n        <Dialog open={isOpen} onOpenChange={() => closeModal()}>\n            <DialogContent className=\"flex flex-col p-0 gap-0 w-full md:w-[410px] lg:w-[410px]\">\n                <DialogHeader className=\"gap-3 text-left p-5\">\n                    <div className=\"flex items-center justify-center w-10 h-10 bg-zinc-50 rounded-lg\">\n                        <IconLock size={24} className=\"text-zinc-950\" />\n                    </div>\n                    <div className=\"flex flex-col gap-2\">\n                        <DialogTitle className=\"paragraph-medium-semibold text-zinc-950\">\n                            {title}\n                        </DialogTitle>\n                        <DialogDescription className=\"paragraph-small-regular text-zinc-600\">\n                            {description}\n                        </DialogDescription>\n                    </div>\n                </DialogHeader>\n                <div className=\"flex items-center gap-2 p-5 border-t border-zinc-200\">\n                    <Button\n                        className=\"w-fit h-10!\"\n                        onClick={handleKnowPlans}\n                    >\n                        Conhecer planos\n                    </Button>\n                </div>\n            </DialogContent>\n        </Dialog>\n    );\n}\n"],"mappings":";AAkCwB,cAEJ,YAFI;AAhCxB,SAAS,gBAAgB;AACzB,SAAS,cAAc;AACvB;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACG;AACP,SAAS,yBAAyB;AAClC,SAAS,uBAAuB;AAGjB,SAAR,wBAAyC;AAC5C,QAAM,EAAE,aAAa,WAAW,WAAW,IAAI,gBAAgB;AAC/D,QAAM,SAAS,gBAAgB;AAC/B,QAAM,OAAO;AACb,QAAM,EAAE,YAAY,IAAI,kBAAkB;AAE1C,QAAM,QAAS,KAAK,SAAoB;AACxC,QAAM,cAAe,KAAK,eAA0B;AAEpD,QAAM,kBAAkB,MAAM;AAC1B,eAAW;AACX,WAAO,KAAK,GAAG,WAAW,4BAA4B,QAAQ;AAAA,EAClE;AAEA,SACI,oBAAC,UAAO,MAAM,QAAQ,cAAc,MAAM,WAAW,GACjD,+BAAC,iBAAc,WAAU,4DACrB;AAAA,yBAAC,gBAAa,WAAU,uBACpB;AAAA,0BAAC,SAAI,WAAU,oEACX,8BAAC,YAAS,MAAM,IAAI,WAAU,iBAAgB,GAClD;AAAA,MACA,qBAAC,SAAI,WAAU,uBACX;AAAA,4BAAC,eAAY,WAAU,2CAClB,iBACL;AAAA,QACA,oBAAC,qBAAkB,WAAU,yCACxB,uBACL;AAAA,SACJ;AAAA,OACJ;AAAA,IACA,oBAAC,SAAI,WAAU,wDACX;AAAA,MAAC;AAAA;AAAA,QACG,WAAU;AAAA,QACV,SAAS;AAAA,QACZ;AAAA;AAAA,IAED,GACJ;AAAA,KACJ,GACJ;AAER;","names":[]}

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

@@ -1,215 +0,0 @@
-"use client";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useCallback, useState } from "react";
-import { Dialog, DialogContent, DialogHeader, DialogTitle } from "../../ui/overlay/Dialog";
-import { Button } from "../../ui/buttons/Button";
-import { Toast } from "../../ui/feedback/Toast";
-import { useModalManager } from "../../../store/useModalManager";
-import { useCreateCard } from "../../../modules/cards/hooks/create-card.hook";
-import { useUpdateAccount } from "../../../modules/accounts/hooks/useAccountManagement";
-import { CardFormFields, BillingFormFields, cardFormSchema } from "./CardFormFields";
-import { IconX } from "@tabler/icons-react";
-import { useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { CardNumberElement, useElements, useStripe } from "@stripe/react-stripe-js";
-import { toast } from "sonner";
-const INITIAL_STRIPE_STATUS = {
-  cardNumber: false,
-  cardExpiry: false,
-  cardCvc: false
-};
-function AddCardModal() {
-  const { activeModal, modalData, closeModal } = useModalManager();
-  const isOpen = activeModal === "addCardModal";
-  const [currentStep, setCurrentStep] = useState(1);
-  const [stripeStatus, setStripeStatus] = useState(INITIAL_STRIPE_STATUS);
-  const [stripeErrors, setStripeErrors] = useState({});
-  const onCardAdded = modalData.onCardAdded;
-  const createCardMutation = useCreateCard();
-  const updateAccountMutation = useUpdateAccount();
-  const elements = useElements();
-  const stripe = useStripe();
-  const form = useForm({
-    resolver: zodResolver(cardFormSchema),
-    mode: "onSubmit",
-    reValidateMode: "onChange",
-    defaultValues: {
-      country: "BR",
-      personType: "pf"
-    }
-  });
-  const handleClose = useCallback(() => {
-    form.reset();
-    setCurrentStep(1);
-    setStripeStatus(INITIAL_STRIPE_STATUS);
-    setStripeErrors({});
-    closeModal();
-  }, [form, closeModal]);
-  const handleStripeChange = useCallback(
-    (field, complete) => {
-      setStripeStatus((prev) => ({ ...prev, [field]: complete }));
-      if (complete) {
-        setStripeErrors((prev) => ({ ...prev, [field]: void 0 }));
-      }
-    },
-    []
-  );
-  const handleContinue = useCallback(async () => {
-    const rhfValid = await form.trigger(["name", "country", "personType", "cpf", "cnpj"]);
-    const newStripeErrors = {};
-    if (!stripeStatus.cardNumber) newStripeErrors.cardNumber = "N\xFAmero do cart\xE3o \xE9 obrigat\xF3rio";
-    if (!stripeStatus.cardExpiry) newStripeErrors.cardExpiry = "Data de validade \xE9 obrigat\xF3ria";
-    if (!stripeStatus.cardCvc) newStripeErrors.cardCvc = "C\xF3digo de seguran\xE7a \xE9 obrigat\xF3rio";
-    setStripeErrors(newStripeErrors);
-    const stripeValid = stripeStatus.cardNumber && stripeStatus.cardExpiry && stripeStatus.cardCvc;
-    if (rhfValid && stripeValid) {
-      form.clearErrors(["fullName", "cep", "street", "streetNumber", "city", "state"]);
-      setCurrentStep(2);
-    }
-  }, [form, stripeStatus]);
-  const handleBack = useCallback(() => {
-    setCurrentStep(1);
-  }, []);
-  async function handleSubmit(data) {
-    if (!stripe || !elements) return;
-    const cardElement = elements.getElement(CardNumberElement);
-    if (!cardElement) return;
-    const { error, paymentMethod } = await stripe.createPaymentMethod({
-      type: "card",
-      card: cardElement,
-      billing_details: {
-        name: data.fullName,
-        address: {
-          country: data.country,
-          postal_code: data.cep,
-          line1: `${data.street}, ${data.streetNumber}`,
-          line2: data.complement || void 0,
-          city: data.city,
-          state: data.state
-        }
-      }
-    });
-    if (error) {
-      toast.custom(
-        (t) => /* @__PURE__ */ jsx(
-          Toast,
-          {
-            variant: "error",
-            message: "N\xE3o foi poss\xEDvel adicionar o cart\xE3o na Stripe, tente novamente.",
-            toastId: t
-          }
-        ),
-        { duration: 5e3 }
-      );
-      return;
-    }
-    try {
-      const [cardResult] = await Promise.all([
-        createCardMutation.mutateAsync({ payment_method_id: paymentMethod.id }),
-        updateAccountMutation.mutateAsync({
-          financial_document_type: data.personType === "pf" ? 1 : 2,
-          financial_document: data.personType === "pf" ? data.cpf : data.cnpj,
-          financial_name: data.fullName,
-          zipcode: data.cep,
-          address: data.street,
-          address_number: data.streetNumber,
-          address_complement: data.complement || "",
-          city: data.city,
-          state: data.state
-        })
-      ]);
-      if (cardResult.success && cardResult.data?.id != null) {
-        onCardAdded?.(cardResult.data.id.toString());
-      }
-      toast.custom(
-        (t) => /* @__PURE__ */ jsx(Toast, { variant: "success", message: "Cart\xE3o adicionado com sucesso.", toastId: t }),
-        { duration: 5e3 }
-      );
-      handleClose();
-    } catch {
-      toast.custom(
-        (t) => /* @__PURE__ */ jsx(
-          Toast,
-          {
-            variant: "error",
-            message: "N\xE3o foi poss\xEDvel salvar o seu novo cart\xE3o, tente novamente.",
-            toastId: t
-          }
-        ),
-        { duration: 5e3 }
-      );
-    }
-  }
-  const isSubmitting = createCardMutation.isPending || updateAccountMutation.isPending || form.formState.isSubmitting;
-  const watchedValues = form.watch(["name", "country", "personType", "cpf", "cnpj", "fullName", "cep", "street", "streetNumber", "city", "state"]);
-  const [name, country, personType, cpf, cnpj, fullName, cep, street, streetNumber, city, state] = watchedValues;
-  const isStep1Valid = !!name && !!country && !!personType && (personType === "pf" ? !!cpf && cpf.length >= 14 : !!cnpj && cnpj.length >= 18) && stripeStatus.cardNumber && stripeStatus.cardExpiry && stripeStatus.cardCvc;
-  const isStep2Valid = !!fullName && !!cep && cep.length >= 9 && !!street && !!streetNumber && !!city && !!state;
-  return /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: handleClose, children: /* @__PURE__ */ jsxs(
-    DialogContent,
-    {
-      showCloseButton: false,
-      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-[470px] lg:h-auto lg:max-h-[90vh] lg:rounded-lg lg:border lg:top-[50%] lg:left-[50%] lg:right-auto lg:bottom-auto lg:translate-x-[-50%] lg:translate-y-[-50%] overflow-y-auto",
-      children: [
-        /* @__PURE__ */ jsx(DialogHeader, { className: "p-0", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center px-4 py-3 relative border-b border-zinc-200 lg:border-b-0", children: [
-          /* @__PURE__ */ jsx(DialogTitle, { className: "paragraph-medium-semibold text-zinc-950 text-center", children: currentStep === 1 ? "Adicionar cart\xE3o" : "Dados de cobran\xE7a" }),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              type: "button",
-              variant: "ghost",
-              className: "size-8! p-0 absolute right-4",
-              onClick: handleClose,
-              children: /* @__PURE__ */ jsx(IconX, { size: 18 })
-            }
-          )
-        ] }) }),
-        /* @__PURE__ */ jsx("div", { className: "h-1 bg-zinc-100 w-full", children: /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: "h-full bg-cyan-400 transition-all duration-300 ease-in-out",
-            style: { width: currentStep === 1 ? "50%" : "100%" }
-          }
-        ) }),
-        /* @__PURE__ */ jsxs(
-          "form",
-          {
-            onSubmit: form.handleSubmit(handleSubmit),
-            className: "flex flex-col flex-1 lg:flex-none",
-            children: [
-              /* @__PURE__ */ jsx("div", { className: `flex flex-col gap-6 lg:gap-8 p-4 lg:p-5 flex-1 lg:flex-none ${currentStep !== 1 ? "hidden" : ""}`, children: /* @__PURE__ */ jsx(
-                CardFormFields,
-                {
-                  form,
-                  onStripeChange: handleStripeChange,
-                  stripeErrors
-                }
-              ) }),
-              /* @__PURE__ */ jsx("div", { className: `flex flex-col gap-6 lg:gap-8 p-4 lg:p-5 flex-1 lg:flex-none ${currentStep !== 2 ? "hidden" : ""}`, children: /* @__PURE__ */ jsx(BillingFormFields, { form }) }),
-              /* @__PURE__ */ jsx("div", { className: "flex justify-between items-center p-4 lg:p-5 border-t border-zinc-200 gap-2 mt-auto lg:mt-0", children: currentStep === 1 ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx(Button, { variant: "secondary", type: "button", onClick: handleClose, className: "h-10!", children: "Cancelar" }),
-                /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    type: "button",
-                    className: "h-10!",
-                    onClick: handleContinue,
-                    disabled: !isStep1Valid,
-                    children: "Continuar"
-                  }
-                )
-              ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx(Button, { variant: "secondary", type: "button", onClick: handleBack, className: "h-10!", children: "Voltar" }),
-                /* @__PURE__ */ jsx(Button, { type: "submit", className: "h-10!", disabled: isSubmitting || !isStep2Valid, children: isSubmitting ? "Adicionando cart\xE3o..." : "Adicionar cart\xE3o" })
-              ] }) })
-            ]
-          }
-        )
-      ]
-    }
-  ) });
-}
-export {
-  AddCardModal as default
-};
-//# sourceMappingURL=AddCardModal.mjs.map