@greatapps/common 1.1.33 → 1.1.35

package/dist/components/layouts/ProfilePopover.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/layouts/ProfilePopover.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { useState } from \"react\";\r\nimport { useRouter } from \"next/navigation\";\r\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\r\nimport { Popover } from \"../ui/overlay/Popover\";\r\nimport { Button } from \"../ui/buttons/Button\";\r\nimport { Progress } from \"../ui/feedback/Progress\";\r\nimport { Separator } from \"../ui/data-display/Separator\";\r\nimport { NavBarItem } from \"./NavBarItem\";\r\nimport { UserAvatar } from \"../ui/data-display/UserAvatar\";\r\nimport { useAuth } from \"../../providers/auth.provider\";\r\nimport { cn } from \"../../infra/utils/clsx\";\r\nimport { useIaCredits } from \"../../modules/ia-credits/hooks/ia-credits.hook\";\r\n\r\nexport interface ProfileMenuItem {\r\n  icon?: React.ReactNode;\r\n  label: string;\r\n  onClick: () => void;\r\n}\r\n\r\nexport interface ProfilePopoverProps {\r\n  side?: \"top\" | \"bottom\" | \"left\" | \"right\";\r\n  align?: \"start\" | \"center\" | \"end\";\r\n  contentClassName?: string;\r\n  onEditProfile?: () => void;\r\n  onCreditsClick?: () => void;\r\n  menuItems?: ProfileMenuItem[];\r\n  logoutRedirect?: string;\r\n  logoutOverlay?: React.ReactNode;\r\n}\r\n\r\nfunction ProfilePopover({\r\n  side = \"top\",\r\n  align = \"start\",\r\n  contentClassName = \"absolute bottom-2 left-[26px]\",\r\n  onEditProfile,\r\n  onCreditsClick,\r\n  menuItems = [],\r\n  logoutRedirect = \"/login\",\r\n  logoutOverlay,\r\n}: ProfilePopoverProps) {\r\n  const router = useRouter();\r\n  const { user, logout } = useAuth();\r\n  const [isLoggingOut, setIsLoggingOut] = useState(false);\r\n\r\n  const { summary, subscription, isSubscriptionLoading, isCreditsLoading } =\r\n    useIaCredits();\r\n\r\n  const handleLogout = async () => {\r\n    try {\r\n      setIsLoggingOut(true);\r\n      await logout();\r\n      router.push(logoutRedirect);\r\n    } catch (error) {\r\n      console.error(\"Erro ao fazer logout:\", error);\r\n    } finally {\r\n      setIsLoggingOut(false);\r\n    }\r\n  };\r\n\r\n  const hasSubscription = !isSubscriptionLoading && subscription !== null;\r\n  const showCreditsSkeleton = hasSubscription && isCreditsLoading;\r\n  const showCredits =\r\n    hasSubscription && !isCreditsLoading;\r\n  const creditsPercentage =\r\n    showCredits && summary.totalCredits > 0\r\n      ? (summary.usedCredits / summary.totalCredits) * 100\r\n      : 0;\r\n\r\n  return (\r\n    <>\r\n      {isLoggingOut && logoutOverlay}\r\n      <Popover>\r\n        <PopoverPrimitive.Trigger className=\"cursor-pointer\">\r\n          {user && (\r\n            <UserAvatar\r\n              key={user.id}\r\n              photo={user.photo}\r\n              name={user.name}\r\n              size={40}\r\n            />\r\n          )}\r\n        </PopoverPrimitive.Trigger>\r\n\r\n        <PopoverPrimitive.Portal>\r\n          <PopoverPrimitive.Content\r\n            className={cn(\r\n              \"w-64.75 p-0 bg-white rounded-2xl shadow-md border border-gray-200 z-99\",\r\n              contentClassName,\r\n            )}\r\n            side={side}\r\n            align={align}\r\n            sideOffset={8}\r\n          >\r\n            <div className=\"grid grid-cols-[32px_1fr_auto] items-center gap-3 p-3 w-full\">\r\n              {user && (\r\n                <UserAvatar\r\n                  key={user.id}\r\n                  photo={user.photo}\r\n                  name={user.name}\r\n                  size={32}\r\n                />\r\n              )}\r\n\r\n              <div className=\"flex flex-col gap-0.5 min-w-0\">\r\n                <span className=\"paragraph-small-semibold text-gray-950 truncate\">\r\n                  {user?.name || \"\"}\r\n                </span>\r\n                <span className=\"paragraph-xsmall-medium text-gray-500 truncate\">\r\n                  {user?.email || \"\"}\r\n                </span>\r\n              </div>\r\n\r\n              {onEditProfile && (\r\n                <Button\r\n                  variant=\"secondary\"\r\n                  className=\"paragraph-small-semibold h-8! whitespace-nowrap px-3 w-fit\"\r\n                  onClick={onEditProfile}\r\n                >\r\n                  Editar Perfil\r\n                </Button>\r\n              )}\r\n            </div>\r\n\r\n            <div className=\"flex flex-col gap-2 border-t border-gray-200 rounded-2xl p-1.5\">\r\n              {showCreditsSkeleton && (\r\n                <div className=\"flex flex-col bg-gray-950 rounded-lg gap-4 w-full p-4\">\r\n                  <div className=\"flex items-center justify-between gap-2\">\r\n                    <span className=\"paragraph-xsmall-semibold text-white truncate\">\r\n                      Créditos usados\r\n                    </span>\r\n                    <div className=\"h-3.5 w-16 rounded bg-white/20 animate-pulse\" />\r\n                  </div>\r\n                  <div className=\"h-1.5 w-full rounded-full bg-white/20 animate-pulse\" />\r\n                </div>\r\n              )}\r\n\r\n              {showCredits && (\r\n                <div\r\n                  className={cn(\r\n                    \"flex flex-col bg-gray-950 rounded-lg gap-4 w-full p-4 transition-colors\",\r\n                    onCreditsClick && \"cursor-pointer hover:bg-gray-900\",\r\n                  )}\r\n                  onClick={onCreditsClick}\r\n                >\r\n                  <div className=\"flex items-center justify-between gap-2\">\r\n                    <span className=\"paragraph-xsmall-semibold text-white truncate\">\r\n                      Créditos usados\r\n                    </span>\r\n                    <span className=\"paragraph-xsmall-medium text-white/50\">\r\n                      {summary.usedCredits.toLocaleString(\"pt-BR\")}/\r\n                      {summary.totalCredits.toLocaleString(\"pt-BR\")}\r\n                    </span>\r\n                  </div>\r\n                  <Progress\r\n                    className=\"bg-white/10\"\r\n                    indicatorColor=\"bg-white\"\r\n                    value={creditsPercentage}\r\n                  />\r\n                </div>\r\n              )}\r\n\r\n              <div className=\"flex flex-col gap-2\">\r\n                {menuItems.length > 0 && (\r\n                  <div className=\"flex flex-col\">\r\n                    {menuItems.map((item, index) => (\r\n                      <NavBarItem\r\n                        key={index}\r\n                        icon={item.icon}\r\n                        label={item.label}\r\n                        onClick={item.onClick}\r\n                      />\r\n                    ))}\r\n                  </div>\r\n                )}\r\n                <Separator />\r\n                <NavBarItem label=\"Sair\" onClick={handleLogout} />\r\n              </div>\r\n            </div>\r\n          </PopoverPrimitive.Content>\r\n        </PopoverPrimitive.Portal>\r\n      </Popover>\r\n    </>\r\n  );\r\n}\r\n\r\nexport { ProfilePopover };\r\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/layouts/ProfilePopover.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { useState } from \"react\";\r\nimport { useRouter } from \"next/navigation\";\r\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\r\nimport { Popover } from \"../ui/overlay/Popover\";\r\nimport { Button } from \"../ui/buttons/Button\";\r\nimport { Progress } from \"../ui/feedback/Progress\";\r\nimport { Separator } from \"../ui/data-display/Separator\";\r\nimport { NavBarItem } from \"./NavBarItem\";\r\nimport { UserAvatar } from \"../ui/data-display/UserAvatar\";\r\nimport { LoadingOverlay } from \"../ui/feedback/LoadingOverlay\";\r\nimport { useAuth } from \"../../providers/auth.provider\";\r\nimport { cn } from \"../../infra/utils/clsx\";\r\nimport { useIaCredits } from \"../../modules/ia-credits/hooks/ia-credits.hook\";\r\n\r\nexport interface ProfileMenuItem {\r\n  icon?: React.ReactNode;\r\n  label: string;\r\n  onClick: () => void;\r\n}\r\n\r\nexport interface ProfilePopoverProps {\r\n  side?: \"top\" | \"bottom\" | \"left\" | \"right\";\r\n  align?: \"start\" | \"center\" | \"end\";\r\n  contentClassName?: string;\r\n  onEditProfile?: () => void;\r\n  onCreditsClick?: () => void;\r\n  menuItems?: ProfileMenuItem[];\r\n  logoutRedirect?: string;\r\n}\r\n\r\nfunction ProfilePopover({\r\n  side = \"top\",\r\n  align = \"start\",\r\n  contentClassName = \"absolute bottom-2 left-[26px]\",\r\n  onEditProfile,\r\n  onCreditsClick,\r\n  menuItems = [],\r\n  logoutRedirect = \"/login\",\r\n}: ProfilePopoverProps) {\r\n  const router = useRouter();\r\n  const { user, logout } = useAuth();\r\n  const [isLoggingOut, setIsLoggingOut] = useState(false);\r\n\r\n  const { summary, subscription, isSubscriptionLoading, isCreditsLoading } =\r\n    useIaCredits();\r\n\r\n  const handleLogout = async () => {\r\n    try {\r\n      setIsLoggingOut(true);\r\n      await logout();\r\n      router.push(logoutRedirect);\r\n    } catch (error) {\r\n      console.error(\"Erro ao fazer logout:\", error);\r\n    } finally {\r\n      setIsLoggingOut(false);\r\n    }\r\n  };\r\n\r\n  const hasSubscription = !isSubscriptionLoading && subscription !== null;\r\n  const showCreditsSkeleton = hasSubscription && isCreditsLoading;\r\n  const showCredits =\r\n    hasSubscription && !isCreditsLoading;\r\n  const creditsPercentage =\r\n    showCredits && summary.totalCredits > 0\r\n      ? (summary.usedCredits / summary.totalCredits) * 100\r\n      : 0;\r\n\r\n  return (\r\n    <>\r\n      <LoadingOverlay isLoading={isLoggingOut} message=\"Saindo da sua conta...\" />\r\n      <Popover>\r\n        <PopoverPrimitive.Trigger className=\"cursor-pointer\">\r\n          {user && (\r\n            <UserAvatar\r\n              key={user.id}\r\n              photo={user.photo}\r\n              name={user.name}\r\n              size={40}\r\n            />\r\n          )}\r\n        </PopoverPrimitive.Trigger>\r\n\r\n        <PopoverPrimitive.Portal>\r\n          <PopoverPrimitive.Content\r\n            className={cn(\r\n              \"w-64.75 p-0 bg-white rounded-2xl shadow-md border border-gray-200 z-99\",\r\n              contentClassName,\r\n            )}\r\n            side={side}\r\n            align={align}\r\n            sideOffset={8}\r\n          >\r\n            <div className=\"grid grid-cols-[32px_1fr_auto] items-center gap-3 p-3 w-full\">\r\n              {user && (\r\n                <UserAvatar\r\n                  key={user.id}\r\n                  photo={user.photo}\r\n                  name={user.name}\r\n                  size={32}\r\n                />\r\n              )}\r\n\r\n              <div className=\"flex flex-col gap-0.5 min-w-0\">\r\n                <span className=\"paragraph-small-semibold text-gray-950 truncate\">\r\n                  {user?.name || \"\"}\r\n                </span>\r\n                <span className=\"paragraph-xsmall-medium text-gray-500 truncate\">\r\n                  {user?.email || \"\"}\r\n                </span>\r\n              </div>\r\n\r\n              {onEditProfile && (\r\n                <Button\r\n                  variant=\"secondary\"\r\n                  className=\"paragraph-small-semibold h-8! whitespace-nowrap px-3 w-fit\"\r\n                  onClick={onEditProfile}\r\n                >\r\n                  Editar Perfil\r\n                </Button>\r\n              )}\r\n            </div>\r\n\r\n            <div className=\"flex flex-col gap-2 border-t border-gray-200 rounded-2xl p-1.5\">\r\n              {showCreditsSkeleton && (\r\n                <div className=\"flex flex-col bg-gray-950 rounded-lg gap-4 w-full p-4\">\r\n                  <div className=\"flex items-center justify-between gap-2\">\r\n                    <span className=\"paragraph-xsmall-semibold text-white truncate\">\r\n                      Créditos usados\r\n                    </span>\r\n                    <div className=\"h-3.5 w-16 rounded bg-white/20 animate-pulse\" />\r\n                  </div>\r\n                  <div className=\"h-1.5 w-full rounded-full bg-white/20 animate-pulse\" />\r\n                </div>\r\n              )}\r\n\r\n              {showCredits && (\r\n                <div\r\n                  className={cn(\r\n                    \"flex flex-col bg-gray-950 rounded-lg gap-4 w-full p-4 transition-colors\",\r\n                    onCreditsClick && \"cursor-pointer hover:bg-gray-900\",\r\n                  )}\r\n                  onClick={onCreditsClick}\r\n                >\r\n                  <div className=\"flex items-center justify-between gap-2\">\r\n                    <span className=\"paragraph-xsmall-semibold text-white truncate\">\r\n                      Créditos usados\r\n                    </span>\r\n                    <span className=\"paragraph-xsmall-medium text-white/50\">\r\n                      {summary.usedCredits.toLocaleString(\"pt-BR\")}/\r\n                      {summary.totalCredits.toLocaleString(\"pt-BR\")}\r\n                    </span>\r\n                  </div>\r\n                  <Progress\r\n                    className=\"bg-white/10\"\r\n                    indicatorColor=\"bg-white\"\r\n                    value={creditsPercentage}\r\n                  />\r\n                </div>\r\n              )}\r\n\r\n              <div className=\"flex flex-col gap-2\">\r\n                {menuItems.length > 0 && (\r\n                  <div className=\"flex flex-col\">\r\n                    {menuItems.map((item, index) => (\r\n                      <NavBarItem\r\n                        key={index}\r\n                        icon={item.icon}\r\n                        label={item.label}\r\n                        onClick={item.onClick}\r\n                      />\r\n                    ))}\r\n                  </div>\r\n                )}\r\n                <Separator />\r\n                <NavBarItem label=\"Sair\" onClick={handleLogout} />\r\n              </div>\r\n            </div>\r\n          </PopoverPrimitive.Content>\r\n        </PopoverPrimitive.Portal>\r\n      </Popover>\r\n    </>\r\n  );\r\n}\r\n\r\nexport { ProfilePopover };\r\n"],"mappings":"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","names":[]}

package/dist/components/modals/ModalManager.mjs

@@ -0,0 +1,19 @@
+"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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,20 @@
+"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, currencies, onGoToSubscription }) {
+  const { updateConfig } = useAccountModals();
+  useEffect(() => {
+    updateConfig({ hasActiveSubscription, currencies, onGoToSubscription });
+  }, [hasActiveSubscription, currencies, 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

@@ -0,0 +1 @@
+{"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';\nimport type { ComboboxOption } from '../ui/form/ComboboxField';\n\ninterface ModalsProps {\n  registry: Record<string, ComponentType>;\n  hasActiveSubscription?: boolean;\n  currencies?: ComboboxOption[];\n  onGoToSubscription?: () => void;\n}\n\nexport function Modals({ registry, hasActiveSubscription, currencies, onGoToSubscription }: ModalsProps) {\n  const { updateConfig } = useAccountModals();\n\n  useEffect(() => {\n    updateConfig({ hasActiveSubscription, currencies, onGoToSubscription });\n  }, [hasActiveSubscription, currencies, onGoToSubscription, updateConfig]);\n\n  return (\n    <>\n      <AccountModals />\n      <ModalManager registry={registry} />\n    </>\n  );\n}\n"],"mappings":";AAuBI,mBACE,KADF;AArBJ,SAAwB,iBAAiB;AACzC,OAAO,mBAAmB;AAC1B,SAAS,oBAAoB;AAC7B,SAAS,wBAAwB;AAU1B,SAAS,OAAO,EAAE,UAAU,uBAAuB,YAAY,mBAAmB,GAAgB;AACvG,QAAM,EAAE,aAAa,IAAI,iBAAiB;AAE1C,YAAU,MAAM;AACd,iBAAa,EAAE,uBAAuB,YAAY,mBAAmB,CAAC;AAAA,EACxE,GAAG,CAAC,uBAAuB,YAAY,oBAAoB,YAAY,CAAC;AAExE,SACE,iCACE;AAAA,wBAAC,iBAAc;AAAA,IACf,oBAAC,gBAAa,UAAoB;AAAA,KACpC;AAEJ;","names":[]}

package/dist/components/ui/feedback/LoadingOverlay.mjs

@@ -0,0 +1,19 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Image from "next/image";
+function LoadingOverlay({ isLoading, message, icon }) {
+  if (!isLoading) return null;
+  const defaultIcon = /* @__PURE__ */ jsx(Image, { src: "/icons/great-icon.svg", alt: "Great Icon", width: 20, height: 20 });
+  return /* @__PURE__ */ jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-[2px]", children: /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-2xl shadow-xl px-16 py-12 flex flex-col items-center gap-6 min-w-[380px]", children: [
+    /* @__PURE__ */ jsxs("div", { className: "relative flex items-center justify-center w-20 h-20", children: [
+      /* @__PURE__ */ jsx("div", { className: "absolute inset-0 border-[5px] border-gray-100 rounded-full" }),
+      /* @__PURE__ */ jsx("div", { className: "absolute inset-0 border-[5px] border-transparent border-t-black rounded-full animate-spin" }),
+      /* @__PURE__ */ jsx("div", { className: "relative z-20 flex items-center justify-center w-14 h-14 bg-gray-100 rounded-full", children: icon ?? defaultIcon })
+    ] }),
+    /* @__PURE__ */ jsx("span", { className: "font-bold text-gray-900 text-lg", children: message })
+  ] }) });
+}
+export {
+  LoadingOverlay
+};
+//# sourceMappingURL=LoadingOverlay.mjs.map

package/dist/components/ui/feedback/LoadingOverlay.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/feedback/LoadingOverlay.tsx"],"sourcesContent":["'use client';\n\nimport Image from 'next/image';\nimport { ReactNode } from 'react';\n\ninterface LoadingOverlayProps {\n  isLoading: boolean;\n  message?: string;\n  icon?: ReactNode;\n}\n\nexport function LoadingOverlay({ isLoading, message, icon }: LoadingOverlayProps) {\n  if (!isLoading) return null;\n\n  const defaultIcon = <Image src=\"/icons/great-icon.svg\" alt=\"Great Icon\" width={20} height={20} />;\n\n  return (\n    <div className=\"fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-[2px]\">\n      <div className=\"bg-white rounded-2xl shadow-xl px-16 py-12 flex flex-col items-center gap-6 min-w-[380px]\">\n        <div className=\"relative flex items-center justify-center w-20 h-20\">\n          <div className=\"absolute inset-0 border-[5px] border-gray-100 rounded-full\" />\n          <div className=\"absolute inset-0 border-[5px] border-transparent border-t-black rounded-full animate-spin\" />\n          <div className=\"relative z-20 flex items-center justify-center w-14 h-14 bg-gray-100 rounded-full\">\n            {icon ?? defaultIcon}\n          </div>\n        </div>\n        <span className=\"font-bold text-gray-900 text-lg\">{message}</span>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AAcsB,cAKd,YALc;AAZtB,OAAO,WAAW;AASX,SAAS,eAAe,EAAE,WAAW,SAAS,KAAK,GAAwB;AAChF,MAAI,CAAC,UAAW,QAAO;AAEvB,QAAM,cAAc,oBAAC,SAAM,KAAI,yBAAwB,KAAI,cAAa,OAAO,IAAI,QAAQ,IAAI;AAE/F,SACE,oBAAC,SAAI,WAAU,uFACb,+BAAC,SAAI,WAAU,6FACb;AAAA,yBAAC,SAAI,WAAU,uDACb;AAAA,0BAAC,SAAI,WAAU,8DAA6D;AAAA,MAC5E,oBAAC,SAAI,WAAU,6FAA4F;AAAA,MAC3G,oBAAC,SAAI,WAAU,qFACZ,kBAAQ,aACX;AAAA,OACF;AAAA,IACA,oBAAC,UAAK,WAAU,mCAAmC,mBAAQ;AAAA,KAC7D,GACF;AAEJ;","names":[]}

package/dist/index.mjs

@@ -20,6 +20,8 @@ import { buildQueryParams } from "./infra/utils/params";
 import { parseSchema, parseResult } from "./infra/utils/parser";
 import { MainLayout, MainLayoutContent, MainLayoutSpacer, MainLayoutMain } from "./components/layouts/MainLayout";
 import { NavBar } from "./components/layouts/NavBar";
+import { AppNavBar } from "./components/layouts/AppNavBar";
+import { AppMobileNavBar } from "./components/layouts/AppMobileNavBar";
 import { SideBarNavigation } from "./components/layouts/SideBarNavigation";
 import { MdSideBarNavigation } from "./components/layouts/MdSideBarNavigation";
 import { NotificationItem } from "./components/layouts/NotificationItem";
@@ -42,6 +44,7 @@ import { UserAvatar } from "./components/ui/data-display/UserAvatar";
 import { default as default3 } from "./components/ui/feedback/CircularProgress";
 import { default as default4 } from "./components/ui/feedback/DefaultCircularProgress";
 import { Progress } from "./components/ui/feedback/Progress";
+import { LoadingOverlay } from "./components/ui/feedback/LoadingOverlay";
 import { Toast, toastVariants, toastIconContainerVariants } from "./components/ui/feedback/Toast";
 import { Calendar, CalendarDayButton } from "./components/ui/form/Calendar";
 import { Checkbox } from "./components/ui/form/Checkbox";
@@ -59,6 +62,7 @@ import { Popover, PopoverTrigger, PopoverContent, PopoverAnchor } from "./compon
 import { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription } from "./components/ui/overlay/Sheet";
 import { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from "./components/ui/overlay/Tooltip";
 import { useMdSidebarStore } from "./store/useMdSidebarStore";
+import { useModalManager } from "./store/useModalManager";
 import { AccountSectionType } from "./enums/AccountSectionType";
 import { default as default5 } from "./hooks/usePasswordVisibility";
 import { default as default6 } from "./hooks/useCountdownTimer";
@@ -80,7 +84,10 @@ import {
   useDeleteAccountUser,
   useDeleteAccount
 } from "./modules/accounts/hooks/useAccountManagement";
-import { default as default10 } from "./components/account/ConfigurationsMyAccountModal";
+import { default as default10 } from "./components/account/AccountModals";
+import { useAccountModals } from "./store/useAccountModals";
+import { ModalManager } from "./components/modals/ModalManager";
+import { Modals } from "./components/modals/Modals";
 import { default as default11 } from "./components/account/TwoFactorAuthModal";
 import { default as default12 } from "./components/account/DisableTwoFactorAuthModal";
 import { default as default13 } from "./components/account/ConfirmGlobalPreferencesModal";
@@ -104,7 +111,10 @@ export {
   AccordionContent,
   AccordionItem,
   AccordionTrigger,
+  default10 as AccountModals,
   AccountSectionType,
+  AppMobileNavBar,
+  AppNavBar,
   Badge,
   Button,
   CURRENCY_OPTIONS,
@@ -133,7 +143,6 @@ export {
   CommandList,
   CommandSeparator,
   CommandShortcut,
-  default10 as ConfigurationsMyAccountModal,
   default13 as ConfirmGlobalPreferencesModal,
   CopyButton,
   DatePicker,
@@ -159,11 +168,14 @@ export {
   InputOTPSlot,
   LANGUAGE_OPTIONS2 as LANGUAGE_OPTIONS,
   LANGUAGE_OPTIONS as LOCALE_LANGUAGE_OPTIONS,
+  LoadingOverlay,
   MainLayout,
   MainLayoutContent,
   MainLayoutMain,
   MainLayoutSpacer,
   MdSideBarNavigation,
+  ModalManager,
+  Modals,
   MyProfileSection,
   NOTIFICATION_TYPES,
   NavBar,
@@ -263,6 +275,7 @@ export {
   stopChain,
   toastIconContainerVariants,
   toastVariants,
+  useAccountModals,
   useActiveSubscription,
   default6 as useCountdownTimer,
   useDeleteAccount,
@@ -271,6 +284,7 @@ export {
   useInvalidateUser,
   default7 as useIsMobile,
   useMdSidebarStore,
+  useModalManager,
   default5 as usePasswordVisibility,
   useSetUserData,
   useSubscriptions,

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["// Types\nexport * from './modules/auth/schema';\nexport * from './modules/users/schema';\nexport * from './modules/whitelabel/schema';\nexport * from './infra/api/types';\n\n// Contexts\nexport * from './providers/query.provider';\nexport * from './providers/auth.provider';\nexport * from './providers/whitelabel.provider';\n\n// Hooks\nexport { useUserQuery, useUserValidateSession, useInvalidateUser, useSetUserData, USER_QUERY_KEY } from './modules/auth/hooks/useUserQuery';\nexport { useSubscriptions, SUBSCRIPTIONS_QUERY_KEY } from './modules/subscriptions/hooks/list-subscriptions.hook';\nexport { useActiveSubscription } from './modules/subscriptions/hooks/find-active-subscription.hook';\nexport { useIaCredits } from './modules/ia-credits/hooks/ia-credits.hook';\nexport type { IaCreditsSummary, IaCreditOperation } from './modules/ia-credits/types';\nexport type { Subscription, SubscriptionItem, FindSubscriptionsParams } from './modules/subscriptions/types';\nexport { SubscriptionSchema, SubscriptionItemSchema } from './modules/subscriptions/types';\nexport { ADDON_IDS } from './modules/subscriptions/constants/addons.constants';\nexport type { AddonKindEnum } from './modules/subscriptions/constants/addons.constants';\n\n// Providers\nexport { QueryProvider } from './providers/query.provider';\n\n// Middleware\nexport { createAuthMiddleware } from './middlewares/create-auth-middleware';\nexport { createMiddlewareChain } from './middlewares/chain';\nexport { continueChain, stopChain } from './middlewares/types';\nexport type { MiddlewareFunction, MiddlewareConfig, MiddlewareResult } from './middlewares/types';\n\n// Utils\nexport { cn } from './infra/utils/clsx';\nexport { buildQueryParams } from './infra/utils/params';\nexport { parseSchema, parseResult } from './infra/utils/parser';\n\n// Layout\nexport { MainLayout, MainLayoutContent, MainLayoutSpacer, MainLayoutMain } from './components/layouts/MainLayout';\nexport { NavBar } from './components/layouts/NavBar';\nexport type { NavBarProps } from './components/layouts/NavBar';\nexport { SideBarNavigation } from './components/layouts/SideBarNavigation';\nexport { MdSideBarNavigation } from './components/layouts/MdSideBarNavigation';\nexport { NotificationItem } from './components/layouts/NotificationItem';\nexport type { NotificationItemProps } from './components/layouts/NotificationItem';\nexport { NotificationsPopover } from './components/layouts/NotificationsPopover';\nexport type { NotificationsPopoverProps, NotificationData } from './components/layouts/NotificationsPopover';\nexport { UsersSelectorPopover } from './components/layouts/UsersSelectorPopover';\nexport type { UsersSelectorPopoverProps, UserSelectorItem } from './components/layouts/UsersSelectorPopover';\nexport { ProfilePopover } from './components/layouts/ProfilePopover';\nexport type { ProfilePopoverProps, ProfileMenuItem } from './components/layouts/ProfilePopover';\nexport { NavBarItem } from './components/layouts/NavBarItem';\nexport type { NavBarItemProps } from './components/layouts/NavBarItem';\n\n// UI - Buttons\nexport { Button, buttonVariants } from './components/ui/buttons/Button';\nexport { CopyButton } from './components/ui/buttons/CopyButton';\nexport { default as CancelButton } from './components/ui/buttons/CancelButton';\n\n// UI - Data Display\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from './components/ui/data-display/Accordion';\nexport { Badge, badgeVariants } from './components/ui/data-display/Badge';\nexport { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent } from './components/ui/data-display/Card';\nexport { Pagination, PaginationContent, PaginationLink, PaginationItem, PaginationPrevious, PaginationNext, PaginationEllipsis } from './components/ui/data-display/Pagination';\nexport { ScrollArea, ScrollBar } from './components/ui/data-display/ScrollArea';\nexport { Separator } from './components/ui/data-display/Separator';\nexport { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption } from './components/ui/data-display/Table';\nexport { Tabs, TabsList, TabsTrigger, TabsContent } from './components/ui/data-display/Tabs';\nexport { UserAvatar } from './components/ui/data-display/UserAvatar';\nexport type { UserAvatarProps } from './components/ui/data-display/UserAvatar';\n\n// UI - Feedback\nexport { default as CircularProgress } from './components/ui/feedback/CircularProgress';\nexport { default as DefaultCircularProgress } from './components/ui/feedback/DefaultCircularProgress';\nexport { Progress } from './components/ui/feedback/Progress';\nexport { Toast, toastVariants, toastIconContainerVariants } from './components/ui/feedback/Toast';\nexport type { ToastProps } from './components/ui/feedback/Toast';\n\n// UI - Form\nexport { Calendar, CalendarDayButton } from './components/ui/form/Calendar';\nexport { Checkbox } from './components/ui/form/Checkbox';\nexport { DatePicker } from './components/ui/form/DatePicker';\nexport { DateRangePicker } from './components/ui/form/DateRangePicker';\nexport { Input } from './components/ui/form/Input';\nexport { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator } from './components/ui/form/InputOtp';\nexport { RadioGroup, RadioGroupItem } from './components/ui/form/RadioGroup';\nexport { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from './components/ui/form/Select';\nexport { Switch } from './components/ui/form/Switch';\nexport { Textarea } from './components/ui/form/Textarea';\n\n// UI - Overlay\nexport { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator } from './components/ui/overlay/Command';\nexport { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from './components/ui/overlay/Dialog';\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor } from './components/ui/overlay/Popover';\nexport { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription } from './components/ui/overlay/Sheet';\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from './components/ui/overlay/Tooltip';\n\n// Store\nexport { useMdSidebarStore } from './store/useMdSidebarStore';\n\n// Enums\nexport { AccountSectionType } from './enums/AccountSectionType';\n\n// Hooks\nexport { default as usePasswordVisibility } from './hooks/usePasswordVisibility';\nexport { default as useCountdownTimer } from './hooks/useCountdownTimer';\nexport { default as useIsMobile } from './hooks/useIsMobile';\n\n// Utils\nexport { formatPhone, formatTimer, formatFullName, formatCPF, formatCardNumber } from './utils/format/masks';\nexport { buildTimezoneOptions } from './utils/intl/timezones';\nexport type { TimezoneOption } from './utils/intl/timezones';\nexport { buildLocaleOptions, LANGUAGE_OPTIONS as LOCALE_LANGUAGE_OPTIONS } from './utils/intl/locales';\nexport type { LocaleOption } from './utils/intl/locales';\nexport { copyToClipboard, readFromClipboard } from './utils/browser/clipboard';\n\n// UI - Form (new widgets)\nexport { FormField } from './components/ui/form/FormField';\nexport { SelectField } from './components/ui/form/SelectField';\nexport { ComboboxField } from './components/ui/form/ComboboxField';\nexport type { ComboboxOption } from './components/ui/form/ComboboxField';\nexport { default as PhoneInput } from './components/ui/form/PhoneInput';\nexport { default as SwitchOptionFieldWithIcon } from './components/ui/form/SwitchOptionFieldWithIcon';\nexport { TextAreaField } from './components/ui/form/TextAreaField';\n\n// Account Module - Hooks\nexport {\n  useUpdateAccount,\n  useUpdateAccountUser,\n  useUpdateAccountUserById,\n  useDeleteAccountUser,\n  useDeleteAccount,\n} from './modules/accounts/hooks/useAccountManagement';\n\n// Account Types\nexport type {\n  UpdateAccountRequest,\n  UpdateAccountUserRequest,\n  ChangePasswordRequest,\n  DeleteAccountActionResult,\n  DeleteUserActionResult,\n  UpdateAccountActionResult,\n  UpdateUserActionResult,\n  TwoFactorGenerateResult,\n  TwoFactorActionResult,\n  ContactResetResult,\n} from './modules/accounts/types';\n\n// Account Components\nexport { default as ConfigurationsMyAccountModal } from './components/account/ConfigurationsMyAccountModal';\nexport { default as TwoFactorAuthModal } from './components/account/TwoFactorAuthModal';\nexport { default as DisableTwoFactorAuthModal } from './components/account/DisableTwoFactorAuthModal';\nexport { default as ConfirmGlobalPreferencesModal } from './components/account/ConfirmGlobalPreferencesModal';\nexport { MyProfileSection } from './components/account/sections/MyProfileSection';\nexport { PreferencesSection } from './components/account/sections/PreferencesSection';\nexport { SecuritySection } from './components/account/sections/SecuritySection';\nexport { ChangePasswordSection } from './components/account/sections/ChangePasswordSection';\nexport { ChangeEmailModal } from './components/account/sections/ChangeEmailModal';\nexport { ChangePhoneModal } from './components/account/sections/ChangePhoneModal';\n\n// Account Constants\nexport {\n  GENDER_OPTIONS,\n  CURRENCY_OPTIONS,\n  TIMEZONE_OPTIONS,\n  TIME_FORMAT_OPTIONS,\n  NOTIFICATION_TYPES,\n  LANGUAGE_OPTIONS,\n} from './components/account/constants';\n"],"mappings":"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","names":["default","LANGUAGE_OPTIONS"]}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["// Types\nexport * from './modules/auth/schema';\nexport * from './modules/users/schema';\nexport * from './modules/whitelabel/schema';\nexport * from './infra/api/types';\n\n// Contexts\nexport * from './providers/query.provider';\nexport * from './providers/auth.provider';\nexport * from './providers/whitelabel.provider';\n\n// Hooks\nexport { useUserQuery, useUserValidateSession, useInvalidateUser, useSetUserData, USER_QUERY_KEY } from './modules/auth/hooks/useUserQuery';\nexport { useSubscriptions, SUBSCRIPTIONS_QUERY_KEY } from './modules/subscriptions/hooks/list-subscriptions.hook';\nexport { useActiveSubscription } from './modules/subscriptions/hooks/find-active-subscription.hook';\nexport { useIaCredits } from './modules/ia-credits/hooks/ia-credits.hook';\nexport type { IaCreditsSummary, IaCreditOperation } from './modules/ia-credits/types';\nexport type { Subscription, SubscriptionItem, FindSubscriptionsParams } from './modules/subscriptions/types';\nexport { SubscriptionSchema, SubscriptionItemSchema } from './modules/subscriptions/types';\nexport { ADDON_IDS } from './modules/subscriptions/constants/addons.constants';\nexport type { AddonKindEnum } from './modules/subscriptions/constants/addons.constants';\n\n// Providers\nexport { QueryProvider } from './providers/query.provider';\n\n// Middleware\nexport { createAuthMiddleware } from './middlewares/create-auth-middleware';\nexport { createMiddlewareChain } from './middlewares/chain';\nexport { continueChain, stopChain } from './middlewares/types';\nexport type { MiddlewareFunction, MiddlewareConfig, MiddlewareResult } from './middlewares/types';\n\n// Utils\nexport { cn } from './infra/utils/clsx';\nexport { buildQueryParams } from './infra/utils/params';\nexport { parseSchema, parseResult } from './infra/utils/parser';\n\n// Layout\nexport { MainLayout, MainLayoutContent, MainLayoutSpacer, MainLayoutMain } from './components/layouts/MainLayout';\nexport { NavBar } from './components/layouts/NavBar';\nexport type { NavBarProps } from './components/layouts/NavBar';\nexport { AppNavBar } from './components/layouts/AppNavBar';\nexport type { AppNavBarProps } from './components/layouts/AppNavBar';\nexport { AppMobileNavBar } from './components/layouts/AppMobileNavBar';\nexport type { AppMobileNavBarProps } from './components/layouts/AppMobileNavBar';\nexport { SideBarNavigation } from './components/layouts/SideBarNavigation';\nexport { MdSideBarNavigation } from './components/layouts/MdSideBarNavigation';\nexport { NotificationItem } from './components/layouts/NotificationItem';\nexport type { NotificationItemProps } from './components/layouts/NotificationItem';\nexport { NotificationsPopover } from './components/layouts/NotificationsPopover';\nexport type { NotificationsPopoverProps, NotificationData } from './components/layouts/NotificationsPopover';\nexport { UsersSelectorPopover } from './components/layouts/UsersSelectorPopover';\nexport type { UsersSelectorPopoverProps, UserSelectorItem } from './components/layouts/UsersSelectorPopover';\nexport { ProfilePopover } from './components/layouts/ProfilePopover';\nexport type { ProfilePopoverProps, ProfileMenuItem } from './components/layouts/ProfilePopover';\nexport { NavBarItem } from './components/layouts/NavBarItem';\nexport type { NavBarItemProps } from './components/layouts/NavBarItem';\n\n// UI - Buttons\nexport { Button, buttonVariants } from './components/ui/buttons/Button';\nexport { CopyButton } from './components/ui/buttons/CopyButton';\nexport { default as CancelButton } from './components/ui/buttons/CancelButton';\n\n// UI - Data Display\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from './components/ui/data-display/Accordion';\nexport { Badge, badgeVariants } from './components/ui/data-display/Badge';\nexport { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent } from './components/ui/data-display/Card';\nexport { Pagination, PaginationContent, PaginationLink, PaginationItem, PaginationPrevious, PaginationNext, PaginationEllipsis } from './components/ui/data-display/Pagination';\nexport { ScrollArea, ScrollBar } from './components/ui/data-display/ScrollArea';\nexport { Separator } from './components/ui/data-display/Separator';\nexport { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption } from './components/ui/data-display/Table';\nexport { Tabs, TabsList, TabsTrigger, TabsContent } from './components/ui/data-display/Tabs';\nexport { UserAvatar } from './components/ui/data-display/UserAvatar';\nexport type { UserAvatarProps } from './components/ui/data-display/UserAvatar';\n\n// UI - Feedback\nexport { default as CircularProgress } from './components/ui/feedback/CircularProgress';\nexport { default as DefaultCircularProgress } from './components/ui/feedback/DefaultCircularProgress';\nexport { Progress } from './components/ui/feedback/Progress';\nexport { LoadingOverlay } from './components/ui/feedback/LoadingOverlay';\nexport { Toast, toastVariants, toastIconContainerVariants } from './components/ui/feedback/Toast';\nexport type { ToastProps } from './components/ui/feedback/Toast';\n\n// UI - Form\nexport { Calendar, CalendarDayButton } from './components/ui/form/Calendar';\nexport { Checkbox } from './components/ui/form/Checkbox';\nexport { DatePicker } from './components/ui/form/DatePicker';\nexport { DateRangePicker } from './components/ui/form/DateRangePicker';\nexport { Input } from './components/ui/form/Input';\nexport { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator } from './components/ui/form/InputOtp';\nexport { RadioGroup, RadioGroupItem } from './components/ui/form/RadioGroup';\nexport { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from './components/ui/form/Select';\nexport { Switch } from './components/ui/form/Switch';\nexport { Textarea } from './components/ui/form/Textarea';\n\n// UI - Overlay\nexport { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator } from './components/ui/overlay/Command';\nexport { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from './components/ui/overlay/Dialog';\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor } from './components/ui/overlay/Popover';\nexport { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription } from './components/ui/overlay/Sheet';\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from './components/ui/overlay/Tooltip';\n\n// Store\nexport { useMdSidebarStore } from './store/useMdSidebarStore';\nexport { useModalManager } from './store/useModalManager';\nexport type { ModalData } from './store/useModalManager';\n\n// Enums\nexport { AccountSectionType } from './enums/AccountSectionType';\n\n// Hooks\nexport { default as usePasswordVisibility } from './hooks/usePasswordVisibility';\nexport { default as useCountdownTimer } from './hooks/useCountdownTimer';\nexport { default as useIsMobile } from './hooks/useIsMobile';\n\n// Utils\nexport { formatPhone, formatTimer, formatFullName, formatCPF, formatCardNumber } from './utils/format/masks';\nexport { buildTimezoneOptions } from './utils/intl/timezones';\nexport type { TimezoneOption } from './utils/intl/timezones';\nexport { buildLocaleOptions, LANGUAGE_OPTIONS as LOCALE_LANGUAGE_OPTIONS } from './utils/intl/locales';\nexport type { LocaleOption } from './utils/intl/locales';\nexport { copyToClipboard, readFromClipboard } from './utils/browser/clipboard';\n\n// UI - Form (new widgets)\nexport { FormField } from './components/ui/form/FormField';\nexport { SelectField } from './components/ui/form/SelectField';\nexport { ComboboxField } from './components/ui/form/ComboboxField';\nexport type { ComboboxOption } from './components/ui/form/ComboboxField';\nexport { default as PhoneInput } from './components/ui/form/PhoneInput';\nexport { default as SwitchOptionFieldWithIcon } from './components/ui/form/SwitchOptionFieldWithIcon';\nexport { TextAreaField } from './components/ui/form/TextAreaField';\n\n// Account Module - Hooks\nexport {\n  useUpdateAccount,\n  useUpdateAccountUser,\n  useUpdateAccountUserById,\n  useDeleteAccountUser,\n  useDeleteAccount,\n} from './modules/accounts/hooks/useAccountManagement';\n\n// Account Types\nexport type {\n  UpdateAccountRequest,\n  UpdateAccountUserRequest,\n  ChangePasswordRequest,\n  DeleteAccountActionResult,\n  DeleteUserActionResult,\n  UpdateAccountActionResult,\n  UpdateUserActionResult,\n  TwoFactorGenerateResult,\n  TwoFactorActionResult,\n  ContactResetResult,\n} from './modules/accounts/types';\n\nexport { default as AccountModals } from './components/account/AccountModals';\nexport { useAccountModals } from './store/useAccountModals';\nexport type { AccountModalsConfig } from './store/useAccountModals';\n\nexport { ModalManager } from './components/modals/ModalManager';\nexport { Modals } from './components/modals/Modals';\n\nexport { default as TwoFactorAuthModal } from './components/account/TwoFactorAuthModal';\nexport { default as DisableTwoFactorAuthModal } from './components/account/DisableTwoFactorAuthModal';\nexport { default as ConfirmGlobalPreferencesModal } from './components/account/ConfirmGlobalPreferencesModal';\nexport { MyProfileSection } from './components/account/sections/MyProfileSection';\nexport { PreferencesSection } from './components/account/sections/PreferencesSection';\nexport { SecuritySection } from './components/account/sections/SecuritySection';\nexport { ChangePasswordSection } from './components/account/sections/ChangePasswordSection';\nexport { ChangeEmailModal } from './components/account/sections/ChangeEmailModal';\nexport { ChangePhoneModal } from './components/account/sections/ChangePhoneModal';\n\n// Account Constants\nexport {\n  GENDER_OPTIONS,\n  CURRENCY_OPTIONS,\n  TIMEZONE_OPTIONS,\n  TIME_FORMAT_OPTIONS,\n  NOTIFICATION_TYPES,\n  LANGUAGE_OPTIONS,\n} from './components/account/constants';\n"],"mappings":"AACA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAGd,cAAc;AACd,cAAc;AACd,cAAc;AAGd,SAAS,cAAc,wBAAwB,mBAAmB,gBAAgB,sBAAsB;AACxG,SAAS,kBAAkB,+BAA+B;AAC1D,SAAS,6BAA6B;AACtC,SAAS,oBAAoB;AAG7B,SAAS,oBAAoB,8BAA8B;AAC3D,SAAS,iBAAiB;AAI1B,SAAS,qBAAqB;AAG9B,SAAS,4BAA4B;AACrC,SAAS,6BAA6B;AACtC,SAAS,eAAe,iBAAiB;AAIzC,SAAS,UAAU;AACnB,SAAS,wBAAwB;AACjC,SAAS,aAAa,mBAAmB;AAGzC,SAAS,YAAY,mBAAmB,kBAAkB,sBAAsB;AAChF,SAAS,cAAc;AAEvB,SAAS,iBAAiB;AAE1B,SAAS,uBAAuB;AAEhC,SAAS,yBAAyB;AAClC,SAAS,2BAA2B;AACpC,SAAS,wBAAwB;AAEjC,SAAS,4BAA4B;AAErC,SAAS,4BAA4B;AAErC,SAAS,sBAAsB;AAE/B,SAAS,kBAAkB;AAI3B,SAAS,QAAQ,sBAAsB;AACvC,SAAS,kBAAkB;AAC3B,SAAoB,WAAXA,gBAA+B;AAGxC,SAAS,WAAW,eAAe,kBAAkB,wBAAwB;AAC7E,SAAS,OAAO,qBAAqB;AACrC,SAAS,MAAM,YAAY,YAAY,WAAW,YAAY,iBAAiB,mBAAmB;AAClG,SAAS,YAAY,mBAAmB,gBAAgB,gBAAgB,oBAAoB,gBAAgB,0BAA0B;AACtI,SAAS,YAAY,iBAAiB;AACtC,SAAS,iBAAiB;AAC1B,SAAS,OAAO,aAAa,WAAW,aAAa,WAAW,UAAU,WAAW,oBAAoB;AACzG,SAAS,MAAM,UAAU,aAAa,mBAAmB;AACzD,SAAS,kBAAkB;AAI3B,SAAoB,WAAXA,gBAAmC;AAC5C,SAAoB,WAAXA,gBAA0C;AACnD,SAAS,gBAAgB;AACzB,SAAS,sBAAsB;AAC/B,SAAS,OAAO,eAAe,kCAAkC;AAIjE,SAAS,UAAU,yBAAyB;AAC5C,SAAS,gBAAgB;AACzB,SAAS,kBAAkB;AAC3B,SAAS,uBAAuB;AAChC,SAAS,aAAa;AACtB,SAAS,UAAU,eAAe,cAAc,yBAAyB;AACzE,SAAS,YAAY,sBAAsB;AAC3C,SAAS,QAAQ,eAAe,aAAa,YAAY,aAAa,wBAAwB,sBAAsB,iBAAiB,eAAe,mBAAmB;AACvK,SAAS,cAAc;AACvB,SAAS,gBAAgB;AAGzB,SAAS,SAAS,eAAe,cAAc,aAAa,cAAc,cAAc,aAAa,iBAAiB,wBAAwB;AAC9I,SAAS,QAAQ,aAAa,eAAe,mBAAmB,cAAc,cAAc,eAAe,cAAc,aAAa,qBAAqB;AAC3J,SAAS,SAAS,gBAAgB,gBAAgB,qBAAqB;AACvE,SAAS,OAAO,cAAc,YAAY,cAAc,aAAa,aAAa,YAAY,wBAAwB;AACtH,SAAS,SAAS,gBAAgB,gBAAgB,uBAAuB;AAGzE,SAAS,yBAAyB;AAClC,SAAS,uBAAuB;AAIhC,SAAS,0BAA0B;AAGnC,SAAoB,WAAXA,gBAAwC;AACjD,SAAoB,WAAXA,gBAAoC;AAC7C,SAAoB,WAAXA,gBAA8B;AAGvC,SAAS,aAAa,aAAa,gBAAgB,WAAW,wBAAwB;AACtF,SAAS,4BAA4B;AAErC,SAAS,oBAAwC,wBAA+B;AAEhF,SAAS,iBAAiB,yBAAyB;AAGnD,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AAC5B,SAAS,qBAAqB;AAE9B,SAAoB,WAAXA,gBAA6B;AACtC,SAAoB,WAAXA,gBAA4C;AACrD,SAAS,qBAAqB;AAG9B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAgBP,SAAoB,WAAXA,iBAAgC;AACzC,SAAS,wBAAwB;AAGjC,SAAS,oBAAoB;AAC7B,SAAS,cAAc;AAEvB,SAAoB,WAAXA,iBAAqC;AAC9C,SAAoB,WAAXA,iBAA4C;AACrD,SAAoB,WAAXA,iBAAgD;AACzD,SAAS,wBAAwB;AACjC,SAAS,0BAA0B;AACnC,SAAS,uBAAuB;AAChC,SAAS,6BAA6B;AACtC,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AAGjC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,oBAAAC;AAAA,OACK;","names":["default","LANGUAGE_OPTIONS"]}

package/dist/store/useAccountModals.mjs

@@ -0,0 +1,18 @@
+"use client";
+import { create } from "zustand";
+const useAccountModals = create((set) => ({
+  activeModal: null,
+  config: {},
+  initialSection: void 0,
+  pagesCount: 0,
+  updateConfig: (config) => set({ config }),
+  openConfigurations: (initialSection) => set({ activeModal: "configurations", initialSection }),
+  openDeleteAccount: (pagesCount = 0) => set({ activeModal: "deleteAccount", pagesCount }),
+  openIsntPossibleDelete: () => set({ activeModal: "isntPossibleDelete" }),
+  openConfirmDelete: (pagesCount = 0) => set({ activeModal: "confirmDelete", pagesCount }),
+  close: () => set({ activeModal: null, initialSection: void 0 })
+}));
+export {
+  useAccountModals
+};
+//# sourceMappingURL=useAccountModals.mjs.map

package/dist/store/useAccountModals.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/store/useAccountModals.ts"],"sourcesContent":["'use client';\n\nimport { create } from 'zustand';\nimport type { ComboboxOption } from '../components/ui/form/ComboboxField';\nimport type { AccountSectionType } from '../enums/AccountSectionType';\n\ntype AccountModalType =\n  | 'configurations'\n  | 'deleteAccount'\n  | 'isntPossibleDelete'\n  | 'confirmDelete';\n\nexport interface AccountModalsConfig {\n  hasActiveSubscription?: boolean;\n  currencies?: ComboboxOption[];\n  onGoToSubscription?: () => void;\n}\n\ninterface AccountModalsState {\n  activeModal: AccountModalType | null;\n  config: AccountModalsConfig;\n  initialSection?: AccountSectionType;\n  pagesCount: number;\n\n  /** Called by <AccountModals> to keep app-level config in sync */\n  updateConfig: (config: AccountModalsConfig) => void;\n\n  openConfigurations: (initialSection?: AccountSectionType) => void;\n  openDeleteAccount: (pagesCount?: number) => void;\n  openIsntPossibleDelete: () => void;\n  openConfirmDelete: (pagesCount?: number) => void;\n  close: () => void;\n}\n\nexport const useAccountModals = create<AccountModalsState>((set) => ({\n  activeModal: null,\n  config: {},\n  initialSection: undefined,\n  pagesCount: 0,\n\n  updateConfig: (config) => set({ config }),\n\n  openConfigurations: (initialSection) =>\n    set({ activeModal: 'configurations', initialSection }),\n\n  openDeleteAccount: (pagesCount = 0) =>\n    set({ activeModal: 'deleteAccount', pagesCount }),\n\n  openIsntPossibleDelete: () =>\n    set({ activeModal: 'isntPossibleDelete' }),\n\n  openConfirmDelete: (pagesCount = 0) =>\n    set({ activeModal: 'confirmDelete', pagesCount }),\n\n  close: () =>\n    set({ activeModal: null, initialSection: undefined }),\n}));\n"],"mappings":";AAEA,SAAS,cAAc;AAgChB,MAAM,mBAAmB,OAA2B,CAAC,SAAS;AAAA,EACnE,aAAa;AAAA,EACb,QAAQ,CAAC;AAAA,EACT,gBAAgB;AAAA,EAChB,YAAY;AAAA,EAEZ,cAAc,CAAC,WAAW,IAAI,EAAE,OAAO,CAAC;AAAA,EAExC,oBAAoB,CAAC,mBACnB,IAAI,EAAE,aAAa,kBAAkB,eAAe,CAAC;AAAA,EAEvD,mBAAmB,CAAC,aAAa,MAC/B,IAAI,EAAE,aAAa,iBAAiB,WAAW,CAAC;AAAA,EAElD,wBAAwB,MACtB,IAAI,EAAE,aAAa,qBAAqB,CAAC;AAAA,EAE3C,mBAAmB,CAAC,aAAa,MAC/B,IAAI,EAAE,aAAa,iBAAiB,WAAW,CAAC;AAAA,EAElD,OAAO,MACL,IAAI,EAAE,aAAa,MAAM,gBAAgB,OAAU,CAAC;AACxD,EAAE;","names":[]}

package/dist/store/useModalManager.mjs

@@ -0,0 +1,75 @@
+"use client";
+import { create } from "zustand";
+const useModalManager = create((set, get) => ({
+  modalStack: [],
+  activeModal: null,
+  modalData: {},
+  openModal: (key, data = {}) => {
+    set((state) => {
+      const existingIndex = state.modalStack.findIndex((item) => item.key === key);
+      if (existingIndex !== -1) {
+        const newStack2 = [...state.modalStack];
+        newStack2[existingIndex] = { key, data };
+        return {
+          modalStack: newStack2,
+          activeModal: newStack2[newStack2.length - 1]?.key ?? null,
+          modalData: newStack2[newStack2.length - 1]?.data ?? {}
+        };
+      }
+      const newStack = [...state.modalStack, { key, data }];
+      return {
+        modalStack: newStack,
+        activeModal: key,
+        modalData: data
+      };
+    });
+  },
+  closeModal: () => {
+    set((state) => {
+      const newStack = state.modalStack.slice(0, -1);
+      const topModal = newStack[newStack.length - 1];
+      return {
+        modalStack: newStack,
+        activeModal: topModal?.key ?? null,
+        modalData: topModal?.data ?? {}
+      };
+    });
+  },
+  closeModalByKey: (key) => {
+    set((state) => {
+      const newStack = state.modalStack.filter((item) => item.key !== key);
+      const topModal = newStack[newStack.length - 1];
+      return {
+        modalStack: newStack,
+        activeModal: topModal?.key ?? null,
+        modalData: topModal?.data ?? {}
+      };
+    });
+  },
+  updateModalData: (data) => {
+    set((state) => {
+      if (state.modalStack.length === 0) return state;
+      const newStack = [...state.modalStack];
+      const lastIndex = newStack.length - 1;
+      newStack[lastIndex] = {
+        ...newStack[lastIndex],
+        data: { ...newStack[lastIndex].data, ...data }
+      };
+      return {
+        modalStack: newStack,
+        modalData: newStack[lastIndex].data
+      };
+    });
+  },
+  isModalOpen: (key) => {
+    return get().modalStack.some((item) => item.key === key);
+  },
+  getModalData: (key) => {
+    const item = get().modalStack.find((item2) => item2.key === key);
+    return item?.data ?? {};
+  }
+}));
+export {
+  useModalManager
+};
+//# sourceMappingURL=useModalManager.mjs.map

package/dist/store/useModalManager.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/store/useModalManager.ts"],"sourcesContent":["'use client';\n\nimport { create } from 'zustand';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type ModalData = Record<string, any>;\n\ninterface ModalStackItem {\n  key: string;\n  data: ModalData;\n}\n\ninterface ModalState {\n  modalStack: ModalStackItem[];\n  activeModal: string | null;\n  modalData: ModalData;\n  openModal: (key: string, data?: ModalData) => void;\n  /** Closes the top modal in the stack */\n  closeModal: () => void;\n  /** Closes a specific modal by key */\n  closeModalByKey: (key: string) => void;\n  updateModalData: (data: ModalData) => void;\n  isModalOpen: (key: string) => boolean;\n  getModalData: (key: string) => ModalData;\n}\n\nexport const useModalManager = create<ModalState>((set, get) => ({\n  modalStack: [],\n  activeModal: null,\n  modalData: {},\n\n  openModal: (key, data = {}) => {\n    set((state) => {\n      const existingIndex = state.modalStack.findIndex((item) => item.key === key);\n      if (existingIndex !== -1) {\n        const newStack = [...state.modalStack];\n        newStack[existingIndex] = { key, data };\n        return {\n          modalStack: newStack,\n          activeModal: newStack[newStack.length - 1]?.key ?? null,\n          modalData: newStack[newStack.length - 1]?.data ?? {},\n        };\n      }\n\n      const newStack = [...state.modalStack, { key, data }];\n      return {\n        modalStack: newStack,\n        activeModal: key,\n        modalData: data,\n      };\n    });\n  },\n\n  closeModal: () => {\n    set((state) => {\n      const newStack = state.modalStack.slice(0, -1);\n      const topModal = newStack[newStack.length - 1];\n      return {\n        modalStack: newStack,\n        activeModal: topModal?.key ?? null,\n        modalData: topModal?.data ?? {},\n      };\n    });\n  },\n\n  closeModalByKey: (key: string) => {\n    set((state) => {\n      const newStack = state.modalStack.filter((item) => item.key !== key);\n      const topModal = newStack[newStack.length - 1];\n      return {\n        modalStack: newStack,\n        activeModal: topModal?.key ?? null,\n        modalData: topModal?.data ?? {},\n      };\n    });\n  },\n\n  updateModalData: (data) => {\n    set((state) => {\n      if (state.modalStack.length === 0) return state;\n\n      const newStack = [...state.modalStack];\n      const lastIndex = newStack.length - 1;\n      newStack[lastIndex] = {\n        ...newStack[lastIndex],\n        data: { ...newStack[lastIndex].data, ...data },\n      };\n\n      return {\n        modalStack: newStack,\n        modalData: newStack[lastIndex].data,\n      };\n    });\n  },\n\n  isModalOpen: (key: string) => {\n    return get().modalStack.some((item) => item.key === key);\n  },\n\n  getModalData: (key: string) => {\n    const item = get().modalStack.find((item) => item.key === key);\n    return item?.data ?? {};\n  },\n}));\n"],"mappings":";AAEA,SAAS,cAAc;AAwBhB,MAAM,kBAAkB,OAAmB,CAAC,KAAK,SAAS;AAAA,EAC/D,YAAY,CAAC;AAAA,EACb,aAAa;AAAA,EACb,WAAW,CAAC;AAAA,EAEZ,WAAW,CAAC,KAAK,OAAO,CAAC,MAAM;AAC7B,QAAI,CAAC,UAAU;AACb,YAAM,gBAAgB,MAAM,WAAW,UAAU,CAAC,SAAS,KAAK,QAAQ,GAAG;AAC3E,UAAI,kBAAkB,IAAI;AACxB,cAAMA,YAAW,CAAC,GAAG,MAAM,UAAU;AACrC,QAAAA,UAAS,aAAa,IAAI,EAAE,KAAK,KAAK;AACtC,eAAO;AAAA,UACL,YAAYA;AAAA,UACZ,aAAaA,UAASA,UAAS,SAAS,CAAC,GAAG,OAAO;AAAA,UACnD,WAAWA,UAASA,UAAS,SAAS,CAAC,GAAG,QAAQ,CAAC;AAAA,QACrD;AAAA,MACF;AAEA,YAAM,WAAW,CAAC,GAAG,MAAM,YAAY,EAAE,KAAK,KAAK,CAAC;AACpD,aAAO;AAAA,QACL,YAAY;AAAA,QACZ,aAAa;AAAA,QACb,WAAW;AAAA,MACb;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAEA,YAAY,MAAM;AAChB,QAAI,CAAC,UAAU;AACb,YAAM,WAAW,MAAM,WAAW,MAAM,GAAG,EAAE;AAC7C,YAAM,WAAW,SAAS,SAAS,SAAS,CAAC;AAC7C,aAAO;AAAA,QACL,YAAY;AAAA,QACZ,aAAa,UAAU,OAAO;AAAA,QAC9B,WAAW,UAAU,QAAQ,CAAC;AAAA,MAChC;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAEA,iBAAiB,CAAC,QAAgB;AAChC,QAAI,CAAC,UAAU;AACb,YAAM,WAAW,MAAM,WAAW,OAAO,CAAC,SAAS,KAAK,QAAQ,GAAG;AACnE,YAAM,WAAW,SAAS,SAAS,SAAS,CAAC;AAC7C,aAAO;AAAA,QACL,YAAY;AAAA,QACZ,aAAa,UAAU,OAAO;AAAA,QAC9B,WAAW,UAAU,QAAQ,CAAC;AAAA,MAChC;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAEA,iBAAiB,CAAC,SAAS;AACzB,QAAI,CAAC,UAAU;AACb,UAAI,MAAM,WAAW,WAAW,EAAG,QAAO;AAE1C,YAAM,WAAW,CAAC,GAAG,MAAM,UAAU;AACrC,YAAM,YAAY,SAAS,SAAS;AACpC,eAAS,SAAS,IAAI;AAAA,QACpB,GAAG,SAAS,SAAS;AAAA,QACrB,MAAM,EAAE,GAAG,SAAS,SAAS,EAAE,MAAM,GAAG,KAAK;AAAA,MAC/C;AAEA,aAAO;AAAA,QACL,YAAY;AAAA,QACZ,WAAW,SAAS,SAAS,EAAE;AAAA,MACjC;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAEA,aAAa,CAAC,QAAgB;AAC5B,WAAO,IAAI,EAAE,WAAW,KAAK,CAAC,SAAS,KAAK,QAAQ,GAAG;AAAA,EACzD;AAAA,EAEA,cAAc,CAAC,QAAgB;AAC7B,UAAM,OAAO,IAAI,EAAE,WAAW,KAAK,CAACC,UAASA,MAAK,QAAQ,GAAG;AAC7D,WAAO,MAAM,QAAQ,CAAC;AAAA,EACxB;AACF,EAAE;","names":["newStack","item"]}

package/package.json

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

package/src/components/account/AccountModals.tsx

@@ -0,0 +1,17 @@
+'use client';
+
+import ConfigurationsMyAccountModal from './ConfigurationsMyAccountModal';
+import DeleteAccountModal from './DeleteAccountModal';
+import IsntPossibleDeleteAccountModal from './IsntPossibleDeleteAccountModal';
+import ConfirmDeleteAccountModal from './ConfirmDeleteAccountModal';
+
+export default function AccountModals() {
+  return (
+    <>
+      <ConfigurationsMyAccountModal />
+      <DeleteAccountModal />
+      <IsntPossibleDeleteAccountModal />
+      <ConfirmDeleteAccountModal />
+    </>
+  );
+}

package/src/components/account/ConfigurationsMyAccountModal.tsx

@@ -12,33 +12,36 @@ import { ChangePasswordSection } from './sections/ChangePasswordSection';
 import { SecuritySection } from './sections/SecuritySection';
 import useConfigurationsModal from './hooks/useConfigurationsModal';
 import useIsMobile from '../../hooks/useIsMobile';
-import type { ComboboxOption } from '../ui/form/ComboboxField';
-
-interface ConfigurationsMyAccountModalProps {
-  open: boolean;
-  onClose: () => void;
-  initialSection?: AccountSectionType;
-  hasActiveSubscription?: boolean;
-  currencies?: ComboboxOption[];
-  storageUrl?: string;
-  onDeleteAccount?: () => void;
-}
+import { useAccountModals } from '../../store/useAccountModals';
+
+export default function ConfigurationsMyAccountModal() {
+  const {
+    activeModal,
+    config,
+    initialSection,
+    openDeleteAccount,
+    openIsntPossibleDelete,
+    close,
+  } = useAccountModals();
+
+  const open = activeModal === 'configurations';
+  const { hasActiveSubscription, currencies = [] } = config;
 
-export default function ConfigurationsMyAccountModal({
-  open,
-  onClose,
-  initialSection,
-  hasActiveSubscription,
-  currencies = [],
-  storageUrl,
-  onDeleteAccount,
-}: ConfigurationsMyAccountModalProps) {
   const isMobile = useIsMobile();
   const { activeSection, setActiveSection } = useConfigurationsModal({
     isOpen: open,
     initialSection,
   });
 
+  const handleDeleteAccount = () => {
+    close();
+    if (hasActiveSubscription) {
+      openIsntPossibleDelete();
+    } else {
+      openDeleteAccount();
+    }
+  };
+
   const tabTriggerClasses = cn(
     'border-0! px-0 py-0',
 
@@ -55,7 +58,7 @@ export default function ConfigurationsMyAccountModal({
   );
 
   return (
-    <Dialog open={open} onOpenChange={onClose}>
+    <Dialog open={open} onOpenChange={close}>
       <DialogContent
         showCloseButton={!isMobile}
         overlayClassName="bg-black/20 lg:bg-black/50"
@@ -73,7 +76,7 @@ export default function ConfigurationsMyAccountModal({
           <button
             type="button"
             className="size-8 flex items-center justify-center text-gray-500 cursor-pointer"
-            onClick={onClose}
+            onClick={close}
           >
             <X size={18} />
           </button>
@@ -120,15 +123,15 @@ export default function ConfigurationsMyAccountModal({
 
           <div className="w-full flex-1 min-h-0 lg:h-full overflow-hidden lg:overflow-visible relative">
             <TabsContent value={AccountSectionType.MY_PROFILE} className="h-full! relative overflow-hidden">
-              <MyProfileSection onClose={onClose} storageUrl={storageUrl} />
+              <MyProfileSection onClose={close} />
             </TabsContent>
 
             <TabsContent value={AccountSectionType.SECURITY} className="h-full! relative overflow-hidden">
               <SecuritySection
                 setActiveSection={setActiveSection}
-                onClose={onClose}
+                onClose={close}
                 hasActiveSubscription={hasActiveSubscription}
-                onDeleteAccount={onDeleteAccount}
+                onDeleteAccount={handleDeleteAccount}
               />
             </TabsContent>
 
@@ -137,7 +140,7 @@ export default function ConfigurationsMyAccountModal({
             </TabsContent>
 
             <TabsContent value={AccountSectionType.PREFERENCES} className="h-full! relative overflow-hidden">
-              <PreferencesSection onClose={onClose} currencies={currencies} />
+              <PreferencesSection onClose={close} currencies={currencies} />
             </TabsContent>
           </div>
         </Tabs>

package/src/components/account/ConfirmDeleteAccountModal.tsx

@@ -0,0 +1,55 @@
+'use client';
+
+import { TriangleAlert } from 'lucide-react';
+import { toast } from 'sonner';
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from '../ui/overlay/Dialog';
+import { Button } from '../ui/buttons/Button';
+import { Toast } from '../ui/feedback/Toast';
+import { useAccountModals } from '../../store/useAccountModals';
+
+export default function ConfirmDeleteAccountModal() {
+  const { activeModal, pagesCount, close } = useAccountModals();
+  const open = activeModal === 'confirmDelete';
+
+  const handleConfirm = () => {
+    toast.custom((t) => (
+      <Toast variant="success" message="Conta excluída com sucesso" toastId={t} />
+    ));
+    close();
+  };
+
+  return (
+    <Dialog open={open} onOpenChange={close}>
+      <DialogContent className="flex flex-col p-0 gap-0 max-w-[calc(100%-2rem)]! w-full rounded-lg border sm:max-w-[400px]! lg:max-w-[470px]! lg:top-[50%]! lg:left-[50%]! lg:right-auto! lg:bottom-auto! lg:translate-x-[-50%]! lg:translate-y-[-50%]!">
+        <div className="flex flex-col gap-5 p-4 lg:p-5">
+          <DialogHeader className="p-0">
+            <DialogTitle className="paragraph-medium-semibold text-gray-950">
+              Uma pena te ver ir!
+            </DialogTitle>
+          </DialogHeader>
+
+          <div className="bg-red-50 p-4 lg:p-5 rounded-lg flex items-center gap-4">
+            <TriangleAlert size={20} className="text-red-500 shrink-0" strokeWidth={2} />
+            <p className="paragraph-small-regular text-gray-600">
+              Todas suas{' '}
+              <span className="font-semibold text-gray-950">{pagesCount} páginas</span>{' '}
+              serão deletadas permanentemente. Essa ação é{' '}
+              <span className="font-semibold text-gray-950">irreversível!</span>
+            </p>
+          </div>
+        </div>
+
+        <div className="h-px bg-gray-200" />
+
+        <div className="flex items-center gap-2 p-4 lg:p-5">
+          <Button className="h-10 flex-1" onClick={close}>
+            Manter minha conta
+          </Button>
+          <Button variant="secondary" className="h-10! flex-1" onClick={handleConfirm}>
+            Excluir mesmo assim
+          </Button>
+        </div>
+      </DialogContent>
+    </Dialog>
+  );
+}