@greatapps/common 1.1.790 → 1.1.791

package/dist/components/account/AccountHubLinkHandler.mjs

@@ -0,0 +1,36 @@
+"use client";
+import { useEffect, useRef } from "react";
+import { usePathname, useRouter, useSearchParams } from "next/navigation";
+import useAccountHubActions from "./hooks/useAccountHubActions";
+import {
+  ACCOUNT_HUB_COUPON_PARAM,
+  ACCOUNT_HUB_FLOW_PARAM,
+  ACCOUNT_HUB_SECTION_PARAM
+} from "../../modules/accounts/constants/account-hub-link.constants";
+import { parseAccountHubLink } from "../../modules/accounts/utils/parse-account-hub-link";
+function AccountHubLinkHandler() {
+  const searchParams = useSearchParams();
+  const pathname = usePathname();
+  const router = useRouter();
+  const { openLink } = useAccountHubActions();
+  const handledQueryRef = useRef(null);
+  const query = searchParams.toString();
+  useEffect(() => {
+    if (handledQueryRef.current === query) return;
+    handledQueryRef.current = query;
+    const link = parseAccountHubLink(new URLSearchParams(query));
+    if (!link) return;
+    openLink(link);
+    const remaining = new URLSearchParams(query);
+    remaining.delete(ACCOUNT_HUB_SECTION_PARAM);
+    remaining.delete(ACCOUNT_HUB_FLOW_PARAM);
+    remaining.delete(ACCOUNT_HUB_COUPON_PARAM);
+    const remainingQuery = remaining.toString();
+    router.replace(remainingQuery ? `${pathname}?${remainingQuery}` : pathname, { scroll: false });
+  }, [query, pathname, router, openLink]);
+  return null;
+}
+export {
+  AccountHubLinkHandler
+};
+//# sourceMappingURL=AccountHubLinkHandler.mjs.map

package/dist/components/account/AccountHubLinkHandler.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/account/AccountHubLinkHandler.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useRef } from 'react';\nimport { usePathname, useRouter, useSearchParams } from 'next/navigation';\nimport useAccountHubActions from './hooks/useAccountHubActions';\nimport {\n  ACCOUNT_HUB_COUPON_PARAM,\n  ACCOUNT_HUB_FLOW_PARAM,\n  ACCOUNT_HUB_SECTION_PARAM,\n} from '../../modules/accounts/constants/account-hub-link.constants';\nimport { parseAccountHubLink } from '../../modules/accounts/utils/parse-account-hub-link';\n\nexport function AccountHubLinkHandler() {\n  const searchParams = useSearchParams();\n  const pathname = usePathname();\n  const router = useRouter();\n  const { openLink } = useAccountHubActions();\n  const handledQueryRef = useRef<string | null>(null);\n  const query = searchParams.toString();\n\n  useEffect(() => {\n    if (handledQueryRef.current === query) return;\n    handledQueryRef.current = query;\n\n    const link = parseAccountHubLink(new URLSearchParams(query));\n    if (!link) return;\n\n    openLink(link);\n\n    const remaining = new URLSearchParams(query);\n    remaining.delete(ACCOUNT_HUB_SECTION_PARAM);\n    remaining.delete(ACCOUNT_HUB_FLOW_PARAM);\n    remaining.delete(ACCOUNT_HUB_COUPON_PARAM);\n    const remainingQuery = remaining.toString();\n    router.replace(remainingQuery ? `${pathname}?${remainingQuery}` : pathname, { scroll: false });\n  }, [query, pathname, router, openLink]);\n\n  return null;\n}\n"],"mappings":";AAEA,SAAS,WAAW,cAAc;AAClC,SAAS,aAAa,WAAW,uBAAuB;AACxD,OAAO,0BAA0B;AACjC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,2BAA2B;AAE7B,SAAS,wBAAwB;AACtC,QAAM,eAAe,gBAAgB;AACrC,QAAM,WAAW,YAAY;AAC7B,QAAM,SAAS,UAAU;AACzB,QAAM,EAAE,SAAS,IAAI,qBAAqB;AAC1C,QAAM,kBAAkB,OAAsB,IAAI;AAClD,QAAM,QAAQ,aAAa,SAAS;AAEpC,YAAU,MAAM;AACd,QAAI,gBAAgB,YAAY,MAAO;AACvC,oBAAgB,UAAU;AAE1B,UAAM,OAAO,oBAAoB,IAAI,gBAAgB,KAAK,CAAC;AAC3D,QAAI,CAAC,KAAM;AAEX,aAAS,IAAI;AAEb,UAAM,YAAY,IAAI,gBAAgB,KAAK;AAC3C,cAAU,OAAO,yBAAyB;AAC1C,cAAU,OAAO,sBAAsB;AACvC,cAAU,OAAO,wBAAwB;AACzC,UAAM,iBAAiB,UAAU,SAAS;AAC1C,WAAO,QAAQ,iBAAiB,GAAG,QAAQ,IAAI,cAAc,KAAK,UAAU,EAAE,QAAQ,MAAM,CAAC;AAAA,EAC/F,GAAG,CAAC,OAAO,UAAU,QAAQ,QAAQ,CAAC;AAEtC,SAAO;AACT;","names":[]}

package/dist/components/account/AccountModalLayout.mjs

@@ -0,0 +1,137 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useEffect, useState } from "react";
+import { IconX } from "@tabler/icons-react";
+import { Dialog, DialogContent, DialogTitle } from "../ui/overlay/Dialog";
+import { Tabs, TabsList, TabsTrigger, TabsContent } from "../ui/data-display/Tabs";
+import { Skeleton } from "../ui/feedback/Skeleton";
+import { cn } from "../../infra/utils/clsx";
+const SectionCountContext = createContext(() => {
+});
+function useSectionCount(count) {
+  const setCount = useContext(SectionCountContext);
+  useEffect(() => {
+    setCount(count);
+    return () => setCount(void 0);
+  }, [count, setCount]);
+}
+const navItemClasses = cn(
+  "group border-0! rounded-lg flex items-center gap-2 h-10 px-2 py-3 transition-colors cursor-pointer",
+  // Mesma paleta do menu lateral do gpages (`navigation/NavItem`): selecionado em gray-50.
+  "bg-white hover:bg-gray-100 active:bg-gray-50 data-[state=active]:bg-gray-50",
+  "text-zinc-500 data-[state=active]:text-zinc-950",
+  "paragraph-small-medium data-[state=active]:paragraph-small-semibold",
+  "whitespace-nowrap outline-none focus-visible:ring-2 focus-visible:ring-zinc-300",
+  // Mobile: os itens viram uma faixa de abas rolável no topo.
+  "justify-center lg:justify-start lg:w-full"
+);
+function AccountModalLayout({
+  open,
+  onClose,
+  title,
+  sectionTitle,
+  activeSection,
+  onSectionChange,
+  navigation,
+  children,
+  isLoading = false
+}) {
+  const [sectionCount, setSectionCount] = useState(void 0);
+  const registerCount = useCallback((count) => setSectionCount(count), []);
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: onClose, children: /* @__PURE__ */ jsx(
+    DialogContent,
+    {
+      showCloseButton: false,
+      onOpenAutoFocus: (event) => event.preventDefault(),
+      className: cn(
+        "max-w-none! p-0 gap-0 flex flex-col lg:flex-row overflow-hidden border-0",
+        "rounded-t-2xl rounded-b-none h-[100dvh] w-full top-0 bottom-0 left-0 right-0 translate-x-0 translate-y-0",
+        "lg:rounded-lg lg:border lg:shadow-[0px_24px_70px_rgba(9,9,11,0.22)]",
+        "lg:top-[50%] lg:bottom-auto lg:left-[50%] lg:right-auto lg:translate-x-[-50%] lg:translate-y-[-50%]",
+        "lg:w-[min(1260px,calc(100vw-48px))] lg:h-[min(824px,calc(100dvh-48px))]"
+      ),
+      children: /* @__PURE__ */ jsxs(
+        Tabs,
+        {
+          value: activeSection,
+          onValueChange: onSectionChange,
+          orientation: "vertical",
+          className: "flex flex-col lg:flex-row w-full h-full flex-1 min-h-0 gap-0",
+          children: [
+            /* @__PURE__ */ jsxs(
+              TabsList,
+              {
+                className: cn(
+                  "flex gap-0 bg-transparent border-b-0 shrink-0",
+                  "lg:flex-col lg:items-stretch lg:justify-start lg:overflow-y-auto [scrollbar-width:auto] [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-zinc-300",
+                  "lg:w-[280px] lg:shrink-0 lg:border-r lg:border-zinc-200 lg:p-5",
+                  "flex-row items-center justify-start w-full overflow-x-auto scrollbar-hide px-3 py-2 border-b border-zinc-200 lg:border-b-0",
+                  "[mask-image:linear-gradient(to_right,transparent,black_16px,black_calc(100%-24px),transparent)] lg:[mask-image:none]"
+                ),
+                children: [
+                  /* @__PURE__ */ jsx("span", { className: "hidden lg:block text-zinc-950 paragraph-medium-semibold", children: title }),
+                  /* @__PURE__ */ jsx("div", { className: "flex flex-row lg:flex-col lg:mt-5 lg:gap-5 lg:w-full", children: isLoading ? /* @__PURE__ */ jsx(AccountModalNavSkeleton, {}) : navigation })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0 min-h-0 flex flex-col", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-5 border-b border-zinc-200 pt-3 pr-4 pb-3 pl-5 shrink-0", children: [
+                /* @__PURE__ */ jsxs(DialogTitle, { className: "text-zinc-950 paragraph-medium-semibold flex-1 min-w-0 truncate", children: [
+                  sectionTitle,
+                  sectionCount != null && /* @__PURE__ */ jsxs("span", { className: "text-zinc-500", children: [
+                    " (",
+                    sectionCount,
+                    ")"
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: onClose,
+                    "aria-label": "Fechar",
+                    className: "group shrink-0 inline-flex size-10 items-center justify-center rounded-lg cursor-pointer border-none transition-colors hover:bg-zinc-100",
+                    children: /* @__PURE__ */ jsx(IconX, { size: 18, className: "text-zinc-500 group-hover:text-zinc-950" })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx(SectionCountContext.Provider, { value: registerCount, children: /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-0 flex flex-col", children: isLoading ? /* @__PURE__ */ jsx(AccountModalContentSkeleton, {}) : children }) })
+            ] })
+          ]
+        }
+      )
+    }
+  ) });
+}
+function AccountModalNavSkeleton() {
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-row lg:flex-col gap-2 lg:gap-3 w-full", children: Array.from({ length: 6 }).map((_, index) => /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-24 lg:w-full rounded-lg shrink-0" }, index)) });
+}
+function AccountModalContentSkeleton() {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 p-5 lg:p-6", children: [
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-32 w-full rounded-lg" }),
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-24 w-full rounded-lg" })
+  ] });
+}
+function AccountModalNavGroup({ label, children }) {
+  return /* @__PURE__ */ jsxs("div", { className: "contents lg:flex lg:flex-col lg:gap-2", children: [
+    /* @__PURE__ */ jsx("span", { className: "hidden lg:block paragraph-xsmall-medium text-zinc-500", children: label }),
+    /* @__PURE__ */ jsx("div", { className: "contents lg:flex lg:flex-col lg:gap-0.5", children })
+  ] });
+}
+function AccountModalNavItem({ value, icon: Icon, label }) {
+  return /* @__PURE__ */ jsxs(TabsTrigger, { value, className: navItemClasses, children: [
+    /* @__PURE__ */ jsx(Icon, { size: 18, className: "shrink-0 text-zinc-500 group-data-[state=active]:text-zinc-950" }),
+    label
+  ] });
+}
+function AccountModalSection({ value, children }) {
+  return /* @__PURE__ */ jsx(TabsContent, { value, className: "h-full! relative overflow-hidden", children });
+}
+export {
+  AccountModalLayout,
+  AccountModalNavGroup,
+  AccountModalNavItem,
+  AccountModalSection,
+  useSectionCount
+};
+//# sourceMappingURL=AccountModalLayout.mjs.map

package/dist/components/account/AccountModalLayout.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/account/AccountModalLayout.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, useCallback, useContext, useEffect, useState, type ReactNode } from 'react';\nimport { IconX, type TablerIcon } from '@tabler/icons-react';\nimport { Dialog, DialogContent, DialogTitle } from '../ui/overlay/Dialog';\nimport { Tabs, TabsList, TabsTrigger, TabsContent } from '../ui/data-display/Tabs';\nimport { Skeleton } from '../ui/feedback/Skeleton';\nimport { cn } from '../../infra/utils/clsx';\n\n/** Contagem exibida ao lado do título no topo; cada seção informa a sua. */\nconst SectionCountContext = createContext<(count?: number) => void>(() => {});\n\nexport function useSectionCount(count?: number) {\n  const setCount = useContext(SectionCountContext);\n\n  useEffect(() => {\n    setCount(count);\n    return () => setCount(undefined);\n  }, [count, setCount]);\n}\n\nconst navItemClasses = cn(\n  'group border-0! rounded-lg flex items-center gap-2 h-10 px-2 py-3 transition-colors cursor-pointer',\n  // Mesma paleta do menu lateral do gpages (`navigation/NavItem`): selecionado em gray-50.\n  'bg-white hover:bg-gray-100 active:bg-gray-50 data-[state=active]:bg-gray-50',\n  'text-zinc-500 data-[state=active]:text-zinc-950',\n  'paragraph-small-medium data-[state=active]:paragraph-small-semibold',\n  'whitespace-nowrap outline-none focus-visible:ring-2 focus-visible:ring-zinc-300',\n  // Mobile: os itens viram uma faixa de abas rolável no topo.\n  'justify-center lg:justify-start lg:w-full'\n);\n\ntype AccountModalLayoutProps = {\n  open: boolean;\n  onClose: () => void;\n  /** Título do menu lateral. */\n  title: string;\n  /** Título da seção aberta, no topo do conteúdo. */\n  sectionTitle: string;\n  activeSection: string;\n  onSectionChange: (section: string) => void;\n  /** Menu lateral: `AccountModalNavGroup` com `AccountModalNavItem`. */\n  navigation: ReactNode;\n  /** Conteúdo das seções (`AccountModalSection`). */\n  children: ReactNode;\n  /** Perfil ainda carregando: o menu e o conteúdo esperam em vez de cair numa seção qualquer. */\n  isLoading?: boolean;\n};\n\n/**\n * Casca do modal Minha conta, no mesmo padrão do modal de configurações de página: menu lateral\n * à esquerda e, à direita, topo com o título da seção e o X sobre uma divisória.\n */\nexport function AccountModalLayout({\n  open,\n  onClose,\n  title,\n  sectionTitle,\n  activeSection,\n  onSectionChange,\n  navigation,\n  children,\n  isLoading = false,\n}: AccountModalLayoutProps) {\n  const [sectionCount, setSectionCount] = useState<number | undefined>(undefined);\n  const registerCount = useCallback((count?: number) => setSectionCount(count), []);\n\n  return (\n    <Dialog open={open} onOpenChange={onClose}>\n      <DialogContent\n        showCloseButton={false}\n        onOpenAutoFocus={(event) => event.preventDefault()}\n        className={cn(\n          'max-w-none! p-0 gap-0 flex flex-col lg:flex-row overflow-hidden border-0',\n          'rounded-t-2xl rounded-b-none h-[100dvh] w-full top-0 bottom-0 left-0 right-0 translate-x-0 translate-y-0',\n          'lg:rounded-lg lg:border lg:shadow-[0px_24px_70px_rgba(9,9,11,0.22)]',\n          'lg:top-[50%] lg:bottom-auto lg:left-[50%] lg:right-auto lg:translate-x-[-50%] lg:translate-y-[-50%]',\n          'lg:w-[min(1260px,calc(100vw-48px))] lg:h-[min(824px,calc(100dvh-48px))]'\n        )}\n      >\n        <Tabs\n          value={activeSection}\n          onValueChange={onSectionChange}\n          orientation=\"vertical\"\n          className=\"flex flex-col lg:flex-row w-full h-full flex-1 min-h-0 gap-0\"\n        >\n          <TabsList\n            className={cn(\n              'flex gap-0 bg-transparent border-b-0 shrink-0',\n              'lg:flex-col lg:items-stretch lg:justify-start lg:overflow-y-auto [scrollbar-width:auto] [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-zinc-300',\n              'lg:w-[280px] lg:shrink-0 lg:border-r lg:border-zinc-200 lg:p-5',\n              'flex-row items-center justify-start w-full overflow-x-auto scrollbar-hide px-3 py-2 border-b border-zinc-200 lg:border-b-0',\n              '[mask-image:linear-gradient(to_right,transparent,black_16px,black_calc(100%-24px),transparent)] lg:[mask-image:none]'\n            )}\n          >\n            <span className=\"hidden lg:block text-zinc-950 paragraph-medium-semibold\">{title}</span>\n            <div className=\"flex flex-row lg:flex-col lg:mt-5 lg:gap-5 lg:w-full\">\n              {isLoading ? <AccountModalNavSkeleton /> : navigation}\n            </div>\n          </TabsList>\n\n          <div className=\"flex-1 min-w-0 min-h-0 flex flex-col\">\n            <div className=\"flex items-center gap-5 border-b border-zinc-200 pt-3 pr-4 pb-3 pl-5 shrink-0\">\n              <DialogTitle className=\"text-zinc-950 paragraph-medium-semibold flex-1 min-w-0 truncate\">\n                {sectionTitle}\n                {sectionCount != null && <span className=\"text-zinc-500\"> ({sectionCount})</span>}\n              </DialogTitle>\n              <button\n                type=\"button\"\n                onClick={onClose}\n                aria-label=\"Fechar\"\n                className=\"group shrink-0 inline-flex size-10 items-center justify-center rounded-lg cursor-pointer border-none transition-colors hover:bg-zinc-100\"\n              >\n                <IconX size={18} className=\"text-zinc-500 group-hover:text-zinc-950\" />\n              </button>\n            </div>\n\n            <SectionCountContext.Provider value={registerCount}>\n              <div className=\"flex-1 min-h-0 flex flex-col\">\n                {isLoading ? <AccountModalContentSkeleton /> : children}\n              </div>\n            </SectionCountContext.Provider>\n          </div>\n        </Tabs>\n      </DialogContent>\n    </Dialog>\n  );\n}\n\nfunction AccountModalNavSkeleton() {\n  return (\n    <div className=\"flex flex-row lg:flex-col gap-2 lg:gap-3 w-full\">\n      {Array.from({ length: 6 }).map((_, index) => (\n        <Skeleton key={index} className=\"h-10 w-24 lg:w-full rounded-lg shrink-0\" />\n      ))}\n    </div>\n  );\n}\n\nfunction AccountModalContentSkeleton() {\n  return (\n    <div className=\"flex flex-col gap-4 p-5 lg:p-6\">\n      <Skeleton className=\"h-32 w-full rounded-lg\" />\n      <Skeleton className=\"h-24 w-full rounded-lg\" />\n    </div>\n  );\n}\n\ntype AccountModalNavGroupProps = {\n  label: string;\n  children: ReactNode;\n};\n\n/** Grupo do menu lateral. No mobile os itens de todos os grupos viram uma única faixa de abas. */\nexport function AccountModalNavGroup({ label, children }: AccountModalNavGroupProps) {\n  return (\n    <div className=\"contents lg:flex lg:flex-col lg:gap-2\">\n      <span className=\"hidden lg:block paragraph-xsmall-medium text-zinc-500\">{label}</span>\n      <div className=\"contents lg:flex lg:flex-col lg:gap-0.5\">{children}</div>\n    </div>\n  );\n}\n\ntype AccountModalNavItemProps = {\n  value: string;\n  icon: TablerIcon;\n  label: string;\n};\n\nexport function AccountModalNavItem({ value, icon: Icon, label }: AccountModalNavItemProps) {\n  return (\n    <TabsTrigger value={value} className={navItemClasses}>\n      <Icon size={18} className=\"shrink-0 text-zinc-500 group-data-[state=active]:text-zinc-950\" />\n      {label}\n    </TabsTrigger>\n  );\n}\n\ntype AccountModalSectionProps = {\n  value: string;\n  children: ReactNode;\n};\n\nexport function AccountModalSection({ value, children }: AccountModalSectionProps) {\n  return (\n    <TabsContent value={value} className=\"h-full! relative overflow-hidden\">\n      {children}\n    </TabsContent>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/account/AccountModals.mjs

@@ -1,15 +1,22 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import ConfigurationsMyAccountModal from "./ConfigurationsMyAccountModal";
+import { Suspense } from "react";
+import MyAccountModal from "./MyAccountModal";
+import { AccountHubLinkHandler } from "./AccountHubLinkHandler";
+import AddFirstCardWarningModal from "../modals/cards/AddFirstCardWarningModal";
+import SwitchPaymentToCardModal from "../modals/cards/SwitchPaymentToCardModal";
 import DeleteAccountModal from "./DeleteAccountModal";
 import IsntPossibleDeleteAccountModal from "./IsntPossibleDeleteAccountModal";
 import ConfirmDeleteAccountModal from "./ConfirmDeleteAccountModal";
 function AccountModals() {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(ConfigurationsMyAccountModal, {}),
+    /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(AccountHubLinkHandler, {}) }),
+    /* @__PURE__ */ jsx(MyAccountModal, {}),
     /* @__PURE__ */ jsx(DeleteAccountModal, {}),
     /* @__PURE__ */ jsx(IsntPossibleDeleteAccountModal, {}),
-    /* @__PURE__ */ jsx(ConfirmDeleteAccountModal, {})
+    /* @__PURE__ */ jsx(ConfirmDeleteAccountModal, {}),
+    /* @__PURE__ */ jsx(AddFirstCardWarningModal, {}),
+    /* @__PURE__ */ jsx(SwitchPaymentToCardModal, {})
   ] });
 }
 export {

package/dist/components/account/AccountModals.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/account/AccountModals.tsx"],"sourcesContent":["'use client';\n\nimport ConfigurationsMyAccountModal from './ConfigurationsMyAccountModal';\nimport DeleteAccountModal from './DeleteAccountModal';\nimport IsntPossibleDeleteAccountModal from './IsntPossibleDeleteAccountModal';\nimport ConfirmDeleteAccountModal from './ConfirmDeleteAccountModal';\n\nexport default function AccountModals() {\n  return (\n    <>\n      <ConfigurationsMyAccountModal />\n      <DeleteAccountModal />\n      <IsntPossibleDeleteAccountModal />\n      <ConfirmDeleteAccountModal />\n    </>\n  );\n}\n"],"mappings":";AASI,mBACE,KADF;AAPJ,OAAO,kCAAkC;AACzC,OAAO,wBAAwB;AAC/B,OAAO,oCAAoC;AAC3C,OAAO,+BAA+B;AAEvB,SAAR,gBAAiC;AACtC,SACE,iCACE;AAAA,wBAAC,gCAA6B;AAAA,IAC9B,oBAAC,sBAAmB;AAAA,IACpB,oBAAC,kCAA+B;AAAA,IAChC,oBAAC,6BAA0B;AAAA,KAC7B;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/account/AccountModals.tsx"],"sourcesContent":["'use client';\n\nimport { Suspense } from 'react';\nimport MyAccountModal from './MyAccountModal';\nimport { AccountHubLinkHandler } from './AccountHubLinkHandler';\nimport AddFirstCardWarningModal from '../modals/cards/AddFirstCardWarningModal';\nimport SwitchPaymentToCardModal from '../modals/cards/SwitchPaymentToCardModal';\nimport DeleteAccountModal from './DeleteAccountModal';\nimport IsntPossibleDeleteAccountModal from './IsntPossibleDeleteAccountModal';\nimport ConfirmDeleteAccountModal from './ConfirmDeleteAccountModal';\n\nexport default function AccountModals() {\n  return (\n    <>\n      <Suspense fallback={null}>\n        <AccountHubLinkHandler />\n      </Suspense>\n      <MyAccountModal />\n      <DeleteAccountModal />\n      <IsntPossibleDeleteAccountModal />\n      <ConfirmDeleteAccountModal />\n      {/* Cartões: montados aqui para todo app que usa o modal ganhar o fluxo sem registrar nada. */}\n      <AddFirstCardWarningModal />\n      <SwitchPaymentToCardModal />\n    </>\n  );\n}\n"],"mappings":";AAaI,mBAEI,KAFJ;AAXJ,SAAS,gBAAgB;AACzB,OAAO,oBAAoB;AAC3B,SAAS,6BAA6B;AACtC,OAAO,8BAA8B;AACrC,OAAO,8BAA8B;AACrC,OAAO,wBAAwB;AAC/B,OAAO,oCAAoC;AAC3C,OAAO,+BAA+B;AAEvB,SAAR,gBAAiC;AACtC,SACE,iCACE;AAAA,wBAAC,YAAS,UAAU,MAClB,8BAAC,yBAAsB,GACzB;AAAA,IACA,oBAAC,kBAAe;AAAA,IAChB,oBAAC,sBAAmB;AAAA,IACpB,oBAAC,kCAA+B;AAAA,IAChC,oBAAC,6BAA0B;AAAA,IAE3B,oBAAC,4BAAyB;AAAA,IAC1B,oBAAC,4BAAyB;AAAA,KAC5B;AAEJ;","names":[]}

package/dist/components/account/DeleteAccountModal.mjs

@@ -66,7 +66,7 @@ function DeleteAccountModal() {
     openConfirmDelete({ password });
     resetForm();
   };
-  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: handleClose, children: /* @__PURE__ */ jsx(DialogContent, { className: "flex flex-col p-0 gap-0 max-w-full sm:max-w-full border-0 rounded-t-2xl rounded-b-none h-[100dvh] top-0 bottom-0 left-0 right-0 translate-x-0 translate-y-0 lg:max-w-lg 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__ */ jsxs("form", { onSubmit: handleDelete, className: "flex flex-col flex-1 lg:flex-none", children: [
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: handleClose, children: /* @__PURE__ */ jsx(DialogContent, { className: "flex flex-col p-0 gap-0 max-w-full sm:max-w-full border-0 rounded-t-2xl rounded-b-none h-[100dvh] top-0 bottom-0 left-0 right-0 translate-x-0 translate-y-0 lg:max-w-lg 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 [scrollbar-width:auto] [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-zinc-300", children: /* @__PURE__ */ jsxs("form", { onSubmit: handleDelete, className: "flex flex-col flex-1 lg:flex-none", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6 p-4 lg:p-6 flex-1 lg:flex-none", children: [
       /* @__PURE__ */ jsxs(DialogHeader, { className: "p-0", children: [
         /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-fit bg-red-50 rounded-lg p-2.5 mb-5", children: /* @__PURE__ */ jsx(IconAlertTriangle, { size: 20, className: "text-red-500" }) }),

package/dist/components/account/DeleteAccountModal.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/account/DeleteAccountModal.tsx"],"sourcesContent":["'use client';\n\nimport { useState, useCallback, useEffect } from 'react';\nimport { useTranslations } from 'next-intl';\nimport { IconLock, IconAlertTriangle } from '@tabler/icons-react';\nimport { toast } from 'sonner';\nimport { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '../ui/overlay/Dialog';\nimport { Button } from '../ui/buttons/Button';\nimport { FormField } from '../ui/form/FormField';\nimport { SelectField } from '../ui/form/SelectField';\nimport { TextAreaField } from '../ui/form/TextAreaField';\nimport { Toast } from '../ui/feedback/Toast';\nimport usePasswordVisibility from '../../hooks/usePasswordVisibility';\nimport { useAccountModals } from '../../store/useAccountModals';\nimport { AccountSectionType } from '../../enums/AccountSectionType';\n\nexport default function DeleteAccountModal() {\n  const translate = useTranslations();\n  const reasonOptions = [\n    { value: 'sem-funcao', label: translate('common.account.deleteAccount.reasons.noFeature') },\n    { value: 'problemas', label: translate('common.account.deleteAccount.reasons.technical') },\n    { value: 'suporte', label: translate('common.account.deleteAccount.reasons.support') },\n    { value: 'demora', label: translate('common.account.deleteAccount.reasons.updates') },\n    { value: 'temporario', label: translate('common.account.deleteAccount.reasons.temporary') },\n    { value: 'outro', label: translate('common.account.deleteAccount.reasons.other') },\n  ];\n  const {\n    activeModal,\n    deleteAccountError,\n    openConfigurations,\n    openConfirmDelete,\n    clearDeleteAccountError,\n  } = useAccountModals();\n  const open = activeModal === 'deleteAccount';\n\n  const [reason, setReason] = useState('');\n  const [description, setDescription] = useState('');\n  const [password, setPassword] = useState('');\n  const { showPassword, togglePassword } = usePasswordVisibility();\n\n  const isFormValid = Boolean(reason && description && password);\n\n  const resetForm = useCallback(() => {\n    setReason('');\n    setDescription('');\n    setPassword('');\n  }, []);\n\n  // Quando o modal deixa de estar aberto, limpa o erro residual do store\n  // pra não aparecer numa próxima abertura vinda de fluxo limpo.\n  useEffect(() => {\n    if (!open) {\n      clearDeleteAccountError();\n    }\n  }, [open, clearDeleteAccountError]);\n\n  const handleClose = () => {\n    resetForm();\n    openConfigurations(AccountSectionType.SECURITY);\n  };\n\n  const handleDelete = (e: React.FormEvent) => {\n    e.preventDefault();\n    if (!isFormValid) {\n      toast.custom((toastId) => (\n        <Toast\n          variant=\"error\"\n          message={translate('common.account.deleteAccount.requiredFields')}\n          toastId={toastId}\n        />\n      ));\n      return;\n    }\n    openConfirmDelete({ password });\n    // Campos locais podem ser limpos — o payload já está no store.\n    resetForm();\n  };\n\n  return (\n    <Dialog open={open} onOpenChange={handleClose}>\n      <DialogContent className=\"flex flex-col p-0 gap-0 max-w-full sm:max-w-full border-0 rounded-t-2xl rounded-b-none h-[100dvh] top-0 bottom-0 left-0 right-0 translate-x-0 translate-y-0 lg:max-w-lg 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\">\n        <form onSubmit={handleDelete} className=\"flex flex-col flex-1 lg:flex-none\">\n          <div className=\"flex flex-col gap-6 p-4 lg:p-6 flex-1 lg:flex-none\">\n            <DialogHeader className=\"p-0\">\n              <div className=\"flex items-center justify-center w-fit bg-red-50 rounded-lg p-2.5 mb-5\">\n                <IconAlertTriangle size={20} className=\"text-red-500\" />\n              </div>\n              <DialogTitle>{translate('common.account.deleteAccount.title')}</DialogTitle>\n              <DialogDescription className=\"paragraph-small-regular\">\n                {translate.rich('common.account.deleteAccount.description', {\n                  b: (chunks) => (\n                    <span className=\"font-semibold text-gray-950\">{chunks}</span>\n                  ),\n                })}\n              </DialogDescription>\n            </DialogHeader>\n\n            <SelectField\n              label={translate('common.account.deleteAccount.reasonLabel')}\n              required\n              placeholder={translate('common.account.deleteAccount.reasonPlaceholder')}\n              options={reasonOptions}\n              value={reason}\n              onChange={(value) => setReason(value as string)}\n              className=\"h-10!\"\n            />\n\n            <div>\n              <TextAreaField\n                label={translate('common.account.deleteAccount.descriptionLabel')}\n                required\n                placeholder={translate('common.account.deleteAccount.descriptionPlaceholder')}\n                value={description}\n                onChange={(e) => setDescription(e.target.value)}\n                rows={4}\n                maxLength={400}\n              />\n              <span className=\"paragraph-xsmall-medium text-gray-600 text-left mt-1 block\">\n                {translate('common.account.deleteAccount.charactersCount', {\n                  count: String(description.length),\n                })}\n              </span>\n            </div>\n\n            <FormField\n              className=\"text-gray-600\"\n              label={translate('common.account.deleteAccount.passwordLabel')}\n              type=\"password\"\n              placeholder={translate('common.account.deleteAccount.passwordPlaceholder')}\n              leftIcon={IconLock}\n              value={password}\n              onChange={(e) => {\n                setPassword(e.target.value);\n                if (deleteAccountError) clearDeleteAccountError();\n              }}\n              classnameContainer=\"h-10!\"\n              showPassword={showPassword}\n              onTogglePassword={togglePassword}\n              error={!!deleteAccountError}\n              errorMessage={deleteAccountError ?? undefined}\n            />\n          </div>\n\n          <div className=\"flex flex-row items-center justify-start gap-2 p-4 lg:p-6 border-t border-gray-200 bg-white mt-auto lg:mt-0\">\n            <Button\n              variant=\"default\"\n              className=\"h-10\"\n              type=\"submit\"\n            >\n              {translate('common.account.deleteAccount.submit')}\n            </Button>\n            <Button variant=\"secondary\" className=\"h-10\" type=\"button\" onClick={handleClose}>\n              {translate('common.actions.close')}\n            </Button>\n          </div>\n        </form>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/account/DeleteAccountModal.tsx"],"sourcesContent":["'use client';\n\nimport { useState, useCallback, useEffect } from 'react';\nimport { useTranslations } from 'next-intl';\nimport { IconLock, IconAlertTriangle } from '@tabler/icons-react';\nimport { toast } from 'sonner';\nimport { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '../ui/overlay/Dialog';\nimport { Button } from '../ui/buttons/Button';\nimport { FormField } from '../ui/form/FormField';\nimport { SelectField } from '../ui/form/SelectField';\nimport { TextAreaField } from '../ui/form/TextAreaField';\nimport { Toast } from '../ui/feedback/Toast';\nimport usePasswordVisibility from '../../hooks/usePasswordVisibility';\nimport { useAccountModals } from '../../store/useAccountModals';\nimport { AccountSectionType } from '../../enums/AccountSectionType';\n\nexport default function DeleteAccountModal() {\n  const translate = useTranslations();\n  const reasonOptions = [\n    { value: 'sem-funcao', label: translate('common.account.deleteAccount.reasons.noFeature') },\n    { value: 'problemas', label: translate('common.account.deleteAccount.reasons.technical') },\n    { value: 'suporte', label: translate('common.account.deleteAccount.reasons.support') },\n    { value: 'demora', label: translate('common.account.deleteAccount.reasons.updates') },\n    { value: 'temporario', label: translate('common.account.deleteAccount.reasons.temporary') },\n    { value: 'outro', label: translate('common.account.deleteAccount.reasons.other') },\n  ];\n  const {\n    activeModal,\n    deleteAccountError,\n    openConfigurations,\n    openConfirmDelete,\n    clearDeleteAccountError,\n  } = useAccountModals();\n  const open = activeModal === 'deleteAccount';\n\n  const [reason, setReason] = useState('');\n  const [description, setDescription] = useState('');\n  const [password, setPassword] = useState('');\n  const { showPassword, togglePassword } = usePasswordVisibility();\n\n  const isFormValid = Boolean(reason && description && password);\n\n  const resetForm = useCallback(() => {\n    setReason('');\n    setDescription('');\n    setPassword('');\n  }, []);\n\n  // Quando o modal deixa de estar aberto, limpa o erro residual do store\n  // pra não aparecer numa próxima abertura vinda de fluxo limpo.\n  useEffect(() => {\n    if (!open) {\n      clearDeleteAccountError();\n    }\n  }, [open, clearDeleteAccountError]);\n\n  const handleClose = () => {\n    resetForm();\n    openConfigurations(AccountSectionType.SECURITY);\n  };\n\n  const handleDelete = (e: React.FormEvent) => {\n    e.preventDefault();\n    if (!isFormValid) {\n      toast.custom((toastId) => (\n        <Toast\n          variant=\"error\"\n          message={translate('common.account.deleteAccount.requiredFields')}\n          toastId={toastId}\n        />\n      ));\n      return;\n    }\n    openConfirmDelete({ password });\n    // Campos locais podem ser limpos — o payload já está no store.\n    resetForm();\n  };\n\n  return (\n    <Dialog open={open} onOpenChange={handleClose}>\n      <DialogContent className=\"flex flex-col p-0 gap-0 max-w-full sm:max-w-full border-0 rounded-t-2xl rounded-b-none h-[100dvh] top-0 bottom-0 left-0 right-0 translate-x-0 translate-y-0 lg:max-w-lg 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 [scrollbar-width:auto] [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-zinc-300\">\n        <form onSubmit={handleDelete} className=\"flex flex-col flex-1 lg:flex-none\">\n          <div className=\"flex flex-col gap-6 p-4 lg:p-6 flex-1 lg:flex-none\">\n            <DialogHeader className=\"p-0\">\n              <div className=\"flex items-center justify-center w-fit bg-red-50 rounded-lg p-2.5 mb-5\">\n                <IconAlertTriangle size={20} className=\"text-red-500\" />\n              </div>\n              <DialogTitle>{translate('common.account.deleteAccount.title')}</DialogTitle>\n              <DialogDescription className=\"paragraph-small-regular\">\n                {translate.rich('common.account.deleteAccount.description', {\n                  b: (chunks) => (\n                    <span className=\"font-semibold text-gray-950\">{chunks}</span>\n                  ),\n                })}\n              </DialogDescription>\n            </DialogHeader>\n\n            <SelectField\n              label={translate('common.account.deleteAccount.reasonLabel')}\n              required\n              placeholder={translate('common.account.deleteAccount.reasonPlaceholder')}\n              options={reasonOptions}\n              value={reason}\n              onChange={(value) => setReason(value as string)}\n              className=\"h-10!\"\n            />\n\n            <div>\n              <TextAreaField\n                label={translate('common.account.deleteAccount.descriptionLabel')}\n                required\n                placeholder={translate('common.account.deleteAccount.descriptionPlaceholder')}\n                value={description}\n                onChange={(e) => setDescription(e.target.value)}\n                rows={4}\n                maxLength={400}\n              />\n              <span className=\"paragraph-xsmall-medium text-gray-600 text-left mt-1 block\">\n                {translate('common.account.deleteAccount.charactersCount', {\n                  count: String(description.length),\n                })}\n              </span>\n            </div>\n\n            <FormField\n              className=\"text-gray-600\"\n              label={translate('common.account.deleteAccount.passwordLabel')}\n              type=\"password\"\n              placeholder={translate('common.account.deleteAccount.passwordPlaceholder')}\n              leftIcon={IconLock}\n              value={password}\n              onChange={(e) => {\n                setPassword(e.target.value);\n                if (deleteAccountError) clearDeleteAccountError();\n              }}\n              classnameContainer=\"h-10!\"\n              showPassword={showPassword}\n              onTogglePassword={togglePassword}\n              error={!!deleteAccountError}\n              errorMessage={deleteAccountError ?? undefined}\n            />\n          </div>\n\n          <div className=\"flex flex-row items-center justify-start gap-2 p-4 lg:p-6 border-t border-gray-200 bg-white mt-auto lg:mt-0\">\n            <Button\n              variant=\"default\"\n              className=\"h-10\"\n              type=\"submit\"\n            >\n              {translate('common.account.deleteAccount.submit')}\n            </Button>\n            <Button variant=\"secondary\" className=\"h-10\" type=\"button\" onClick={handleClose}>\n              {translate('common.actions.close')}\n            </Button>\n          </div>\n        </form>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/account/IsntPossibleDeleteAccountModal.mjs

@@ -4,12 +4,19 @@ import { useTranslations } from "next-intl";
 import { IconAlertTriangle } from "@tabler/icons-react";
 import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "../ui/overlay/Dialog";
 import { Button } from "../ui/buttons/Button";
+import { WorkspaceSectionType } from "../../enums/WorkspaceSectionType";
 import { useAccountModals } from "../../store/useAccountModals";
+import useAccountHubActions from "./hooks/useAccountHubActions";
 function IsntPossibleDeleteAccountModal() {
   const translate = useTranslations();
   const { activeModal, close, config } = useAccountModals();
+  const { openSection } = useAccountHubActions();
   const { onGoToSubscription } = config;
   const open = activeModal === "isntPossibleDelete";
+  const goToSubscription = () => {
+    close();
+    openSection(WorkspaceSectionType.SUBSCRIPTION);
+  };
   return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: close, children: /* @__PURE__ */ jsxs(DialogContent, { className: "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%]!", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-5", children: [
       /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-fit bg-red-50 rounded-lg p-2.5", children: /* @__PURE__ */ jsx(IconAlertTriangle, { size: 20, className: "text-red-500" }) }),
@@ -28,7 +35,7 @@ function IsntPossibleDeleteAccountModal() {
         {
           variant: "secondary",
           className: "h-10 flex-1",
-          onClick: onGoToSubscription ?? close,
+          onClick: onGoToSubscription ?? goToSubscription,
           children: translate("common.account.cantDelete.goToSubscription")
         }
       )

package/dist/components/account/IsntPossibleDeleteAccountModal.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/account/IsntPossibleDeleteAccountModal.tsx"],"sourcesContent":["'use client';\n\nimport { useTranslations } from 'next-intl';\nimport { IconAlertTriangle } from '@tabler/icons-react';\nimport { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '../ui/overlay/Dialog';\nimport { Button } from '../ui/buttons/Button';\nimport { useAccountModals } from '../../store/useAccountModals';\n\nexport default function IsntPossibleDeleteAccountModal() {\n  const translate = useTranslations();\n  const { activeModal, close, config } = useAccountModals();\n  const { onGoToSubscription } = config;\n  const open = activeModal === 'isntPossibleDelete';\n\n  return (\n    <Dialog open={open} onOpenChange={close}>\n      <DialogContent className=\"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%]!\">\n        <div className=\"flex flex-col gap-5\">\n          <div className=\"flex items-center justify-center w-fit bg-red-50 rounded-lg p-2.5\">\n            <IconAlertTriangle size={20} className=\"text-red-500\" />\n          </div>\n          <DialogHeader className=\"p-0 gap-2\">\n            <DialogTitle className=\"paragraph-medium-semibold text-gray-950\">\n              {translate('common.account.cantDelete.title')}\n            </DialogTitle>\n            <DialogDescription className=\"paragraph-small-regular text-gray-600\">\n              {translate.rich('common.account.cantDelete.description', {\n                b: (chunks) => <span className=\"font-semibold text-gray-950\">{chunks}</span>,\n              })}\n            </DialogDescription>\n          </DialogHeader>\n        </div>\n\n        <div className=\"h-px bg-gray-200 -mx-6\" />\n\n        <div className=\"flex flex-row items-center gap-2\">\n          <Button className=\"h-10 flex-1\" onClick={close}>\n            {translate('common.account.cantDelete.confirm')}\n          </Button>\n          <Button\n            variant=\"secondary\"\n            className=\"h-10 flex-1\"\n            onClick={onGoToSubscription ?? close}\n          >\n            {translate('common.account.cantDelete.goToSubscription')}\n          </Button>\n        </div>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":";AAmBY,cAEF,YAFE;AAjBZ,SAAS,uBAAuB;AAChC,SAAS,yBAAyB;AAClC,SAAS,QAAQ,eAAe,mBAAmB,cAAc,mBAAmB;AACpF,SAAS,cAAc;AACvB,SAAS,wBAAwB;AAElB,SAAR,iCAAkD;AACvD,QAAM,YAAY,gBAAgB;AAClC,QAAM,EAAE,aAAa,OAAO,OAAO,IAAI,iBAAiB;AACxD,QAAM,EAAE,mBAAmB,IAAI;AAC/B,QAAM,OAAO,gBAAgB;AAE7B,SACE,oBAAC,UAAO,MAAY,cAAc,OAChC,+BAAC,iBAAc,WAAU,mMACvB;AAAA,yBAAC,SAAI,WAAU,uBACb;AAAA,0BAAC,SAAI,WAAU,qEACb,8BAAC,qBAAkB,MAAM,IAAI,WAAU,gBAAe,GACxD;AAAA,MACA,qBAAC,gBAAa,WAAU,aACtB;AAAA,4BAAC,eAAY,WAAU,2CACpB,oBAAU,iCAAiC,GAC9C;AAAA,QACA,oBAAC,qBAAkB,WAAU,yCAC1B,oBAAU,KAAK,yCAAyC;AAAA,UACvD,GAAG,CAAC,WAAW,oBAAC,UAAK,WAAU,+BAA+B,kBAAO;AAAA,QACvE,CAAC,GACH;AAAA,SACF;AAAA,OACF;AAAA,IAEA,oBAAC,SAAI,WAAU,0BAAyB;AAAA,IAExC,qBAAC,SAAI,WAAU,oCACb;AAAA,0BAAC,UAAO,WAAU,eAAc,SAAS,OACtC,oBAAU,mCAAmC,GAChD;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,WAAU;AAAA,UACV,SAAS,sBAAsB;AAAA,UAE9B,oBAAU,4CAA4C;AAAA;AAAA,MACzD;AAAA,OACF;AAAA,KACF,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/account/IsntPossibleDeleteAccountModal.tsx"],"sourcesContent":["'use client';\n\nimport { useTranslations } from 'next-intl';\nimport { IconAlertTriangle } from '@tabler/icons-react';\nimport { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '../ui/overlay/Dialog';\nimport { Button } from '../ui/buttons/Button';\nimport { WorkspaceSectionType } from '../../enums/WorkspaceSectionType';\nimport { useAccountModals } from '../../store/useAccountModals';\nimport useAccountHubActions from './hooks/useAccountHubActions';\n\nexport default function IsntPossibleDeleteAccountModal() {\n  const translate = useTranslations();\n  const { activeModal, close, config } = useAccountModals();\n  const { openSection } = useAccountHubActions();\n  const { onGoToSubscription } = config;\n  const open = activeModal === 'isntPossibleDelete';\n\n  const goToSubscription = () => {\n    close();\n    openSection(WorkspaceSectionType.SUBSCRIPTION);\n  };\n\n  return (\n    <Dialog open={open} onOpenChange={close}>\n      <DialogContent className=\"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%]!\">\n        <div className=\"flex flex-col gap-5\">\n          <div className=\"flex items-center justify-center w-fit bg-red-50 rounded-lg p-2.5\">\n            <IconAlertTriangle size={20} className=\"text-red-500\" />\n          </div>\n          <DialogHeader className=\"p-0 gap-2\">\n            <DialogTitle className=\"paragraph-medium-semibold text-gray-950\">\n              {translate('common.account.cantDelete.title')}\n            </DialogTitle>\n            <DialogDescription className=\"paragraph-small-regular text-gray-600\">\n              {translate.rich('common.account.cantDelete.description', {\n                b: (chunks) => <span className=\"font-semibold text-gray-950\">{chunks}</span>,\n              })}\n            </DialogDescription>\n          </DialogHeader>\n        </div>\n\n        <div className=\"h-px bg-gray-200 -mx-6\" />\n\n        <div className=\"flex flex-row items-center gap-2\">\n          <Button className=\"h-10 flex-1\" onClick={close}>\n            {translate('common.account.cantDelete.confirm')}\n          </Button>\n          <Button\n            variant=\"secondary\"\n            className=\"h-10 flex-1\"\n            onClick={onGoToSubscription ?? goToSubscription}\n          >\n            {translate('common.account.cantDelete.goToSubscription')}\n          </Button>\n        </div>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":";AA2BY,cAEF,YAFE;AAzBZ,SAAS,uBAAuB;AAChC,SAAS,yBAAyB;AAClC,SAAS,QAAQ,eAAe,mBAAmB,cAAc,mBAAmB;AACpF,SAAS,cAAc;AACvB,SAAS,4BAA4B;AACrC,SAAS,wBAAwB;AACjC,OAAO,0BAA0B;AAElB,SAAR,iCAAkD;AACvD,QAAM,YAAY,gBAAgB;AAClC,QAAM,EAAE,aAAa,OAAO,OAAO,IAAI,iBAAiB;AACxD,QAAM,EAAE,YAAY,IAAI,qBAAqB;AAC7C,QAAM,EAAE,mBAAmB,IAAI;AAC/B,QAAM,OAAO,gBAAgB;AAE7B,QAAM,mBAAmB,MAAM;AAC7B,UAAM;AACN,gBAAY,qBAAqB,YAAY;AAAA,EAC/C;AAEA,SACE,oBAAC,UAAO,MAAY,cAAc,OAChC,+BAAC,iBAAc,WAAU,mMACvB;AAAA,yBAAC,SAAI,WAAU,uBACb;AAAA,0BAAC,SAAI,WAAU,qEACb,8BAAC,qBAAkB,MAAM,IAAI,WAAU,gBAAe,GACxD;AAAA,MACA,qBAAC,gBAAa,WAAU,aACtB;AAAA,4BAAC,eAAY,WAAU,2CACpB,oBAAU,iCAAiC,GAC9C;AAAA,QACA,oBAAC,qBAAkB,WAAU,yCAC1B,oBAAU,KAAK,yCAAyC;AAAA,UACvD,GAAG,CAAC,WAAW,oBAAC,UAAK,WAAU,+BAA+B,kBAAO;AAAA,QACvE,CAAC,GACH;AAAA,SACF;AAAA,OACF;AAAA,IAEA,oBAAC,SAAI,WAAU,0BAAyB;AAAA,IAExC,qBAAC,SAAI,WAAU,oCACb;AAAA,0BAAC,UAAO,WAAU,eAAc,SAAS,OACtC,oBAAU,mCAAmC,GAChD;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,WAAU;AAAA,UACV,SAAS,sBAAsB;AAAA,UAE9B,oBAAU,4CAA4C;AAAA;AAAA,MACzD;AAAA,OACF;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/components/account/MyAccountModal.mjs

@@ -0,0 +1,167 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import {
+  IconCreditCard,
+  IconFolder,
+  IconKey,
+  IconLink,
+  IconLock,
+  IconSettings2,
+  IconUser,
+  IconUsers
+} from "@tabler/icons-react";
+import { useTranslations } from "next-intl";
+import {
+  AccountModalLayout,
+  AccountModalNavGroup,
+  AccountModalNavItem,
+  AccountModalSection
+} from "./AccountModalLayout";
+import { MyProfileSection } from "./sections/MyProfileSection";
+import { PreferencesSection } from "./sections/PreferencesSection";
+import { TokenSection } from "./sections/TokenSection";
+import { SecuritySection } from "./sections/SecuritySection";
+import { ChangePasswordSection } from "./sections/ChangePasswordSection";
+import { SubscriptionSection } from "./sections/SubscriptionSection";
+import { ProjectsSection } from "./sections/ProjectsSection";
+import { TeamSection } from "./sections/TeamSection";
+import { AffiliatesSection } from "./sections/AffiliatesSection";
+import useMyAccountModal from "./hooks/useMyAccountModal";
+import { AccountSectionType } from "../../enums/AccountSectionType";
+import { WorkspaceSectionType } from "../../enums/WorkspaceSectionType";
+import { useAccountModals } from "../../store/useAccountModals";
+import { useAuth } from "../../providers/auth.provider";
+import { useManagementPermissions } from "../../modules/auth/hooks/useManagementPermissions";
+import { useCurrentSubscription } from "../../modules/subscriptions/hooks/use-current-subscription.hook";
+import { hasSubscriptionExpired } from "../../modules/subscriptions/utils/has-subscription-expired";
+import { useExternalContracting, useWhitelabel } from "../../providers/whitelabel.provider";
+function MyAccountModal() {
+  const translate = useTranslations();
+  const { activeModal, initialSection, openDeleteAccount, openIsntPossibleDelete, close } = useAccountModals();
+  const { isOwner, isOwnerOrAdmin } = useManagementPermissions();
+  const { isLoading: isProfileLoading } = useAuth();
+  const { isExternalContracting } = useExternalContracting();
+  const { whitelabel } = useWhitelabel();
+  const { data: { data: [subscription] = [] } = {} } = useCurrentSubscription();
+  const open = activeModal === "account";
+  const isBlockingSubscription = !!subscription && subscription.type !== "free" && subscription.type !== "trial" && subscription.active === true && !subscription.date_cancellation && !hasSubscriptionExpired(subscription.date_due);
+  const handleDeleteAccount = () => {
+    close();
+    if (isBlockingSubscription) {
+      openIsntPossibleDelete();
+    } else {
+      openDeleteAccount();
+    }
+  };
+  const accountSections = [
+    {
+      value: AccountSectionType.MY_PROFILE,
+      icon: IconUser,
+      label: translate("common.account.profile.title"),
+      visible: true,
+      content: /* @__PURE__ */ jsx(MyProfileSection, { onClose: close })
+    },
+    {
+      value: AccountSectionType.PREFERENCES,
+      icon: IconSettings2,
+      label: translate("common.preferences.title"),
+      visible: true,
+      content: /* @__PURE__ */ jsx(PreferencesSection, { onClose: close })
+    },
+    {
+      value: AccountSectionType.TOKEN,
+      icon: IconKey,
+      label: translate("common.account.token.title"),
+      visible: isOwner,
+      content: /* @__PURE__ */ jsx(TokenSection, {})
+    },
+    {
+      value: AccountSectionType.SECURITY,
+      icon: IconLock,
+      label: translate("common.account.security.title"),
+      visible: isOwner,
+      content: /* @__PURE__ */ jsx(
+        SecuritySection,
+        {
+          setActiveSection: (section) => setActiveSection(section),
+          onClose: close,
+          onDeleteAccount: handleDeleteAccount
+        }
+      )
+    }
+  ];
+  const workspaceSections = [
+    {
+      value: WorkspaceSectionType.SUBSCRIPTION,
+      icon: IconCreditCard,
+      label: translate("common.account.workspace.nav.subscription"),
+      visible: isOwnerOrAdmin && !isExternalContracting,
+      content: /* @__PURE__ */ jsx(SubscriptionSection, {})
+    },
+    {
+      value: WorkspaceSectionType.PROJECTS,
+      icon: IconFolder,
+      label: translate("common.account.workspace.nav.projects"),
+      visible: true,
+      content: /* @__PURE__ */ jsx(ProjectsSection, {})
+    },
+    {
+      value: WorkspaceSectionType.TEAM,
+      icon: IconUsers,
+      label: translate("common.account.workspace.nav.team"),
+      visible: true,
+      content: /* @__PURE__ */ jsx(TeamSection, {})
+    },
+    {
+      value: WorkspaceSectionType.AFFILIATES,
+      icon: IconLink,
+      label: translate("common.account.workspace.nav.affiliates"),
+      visible: whitelabel?.id === 1 && isOwnerOrAdmin,
+      content: /* @__PURE__ */ jsx(AffiliatesSection, {})
+    }
+  ];
+  const visibleAccountSections = accountSections.filter((section) => section.visible);
+  const visibleWorkspaceSections = workspaceSections.filter((section) => section.visible);
+  const visibleSections = [...visibleWorkspaceSections, ...visibleAccountSections];
+  const changePasswordSection = isOwner ? [
+    {
+      value: AccountSectionType.CHANGE_PASSWORD,
+      icon: IconLock,
+      label: translate("common.account.changePassword.title"),
+      visible: false,
+      content: /* @__PURE__ */ jsx(ChangePasswordSection, { onBack: () => setActiveSection(AccountSectionType.SECURITY) })
+    }
+  ] : [];
+  const { activeSection, setActiveSection } = useMyAccountModal({
+    isOpen: open,
+    initialSection,
+    availableSections: [...visibleSections, ...changePasswordSection].map((section) => section.value),
+    isReady: !isProfileLoading
+  });
+  const sectionTitle = [...visibleSections, ...changePasswordSection].find((section) => section.value === activeSection)?.label ?? translate("common.account.workspace.title");
+  const renderNavItems = (sections) => sections.map((section) => /* @__PURE__ */ jsx(AccountModalNavItem, { value: section.value, icon: section.icon, label: section.label }, section.value));
+  return /* @__PURE__ */ jsxs(
+    AccountModalLayout,
+    {
+      open,
+      onClose: close,
+      title: translate("common.account.workspace.title"),
+      sectionTitle,
+      activeSection: activeSection ?? "",
+      onSectionChange: setActiveSection,
+      isLoading: isProfileLoading,
+      navigation: /* @__PURE__ */ jsxs(Fragment, { children: [
+        visibleWorkspaceSections.length > 0 && /* @__PURE__ */ jsx(AccountModalNavGroup, { label: translate("common.account.workspace.groups.workspace"), children: renderNavItems(visibleWorkspaceSections) }),
+        /* @__PURE__ */ jsx(AccountModalNavGroup, { label: translate("common.account.workspace.groups.account"), children: renderNavItems(visibleAccountSections) })
+      ] }),
+      children: [
+        visibleSections.map((section) => /* @__PURE__ */ jsx(AccountModalSection, { value: section.value, children: section.content }, section.value)),
+        changePasswordSection.map((section) => /* @__PURE__ */ jsx(AccountModalSection, { value: section.value, children: section.content }, section.value))
+      ]
+    }
+  );
+}
+export {
+  MyAccountModal as default
+};
+//# sourceMappingURL=MyAccountModal.mjs.map

package/dist/components/account/MyAccountModal.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/account/MyAccountModal.tsx"],"sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\nimport {\n  IconCreditCard,\n  IconFolder,\n  IconKey,\n  IconLink,\n  IconLock,\n  IconSettings2,\n  IconUser,\n  IconUsers,\n  type TablerIcon,\n} from '@tabler/icons-react';\nimport { useTranslations } from 'next-intl';\nimport {\n  AccountModalLayout,\n  AccountModalNavGroup,\n  AccountModalNavItem,\n  AccountModalSection,\n} from './AccountModalLayout';\nimport { MyProfileSection } from './sections/MyProfileSection';\nimport { PreferencesSection } from './sections/PreferencesSection';\nimport { TokenSection } from './sections/TokenSection';\nimport { SecuritySection } from './sections/SecuritySection';\nimport { ChangePasswordSection } from './sections/ChangePasswordSection';\nimport { SubscriptionSection } from './sections/SubscriptionSection';\nimport { ProjectsSection } from './sections/ProjectsSection';\nimport { TeamSection } from './sections/TeamSection';\nimport { AffiliatesSection } from './sections/AffiliatesSection';\nimport useMyAccountModal from './hooks/useMyAccountModal';\nimport { AccountSectionType } from '../../enums/AccountSectionType';\nimport { WorkspaceSectionType } from '../../enums/WorkspaceSectionType';\nimport { useAccountModals, type MyAccountSection } from '../../store/useAccountModals';\nimport { useAuth } from '../../providers/auth.provider';\nimport { useManagementPermissions } from '../../modules/auth/hooks/useManagementPermissions';\nimport { useCurrentSubscription } from '../../modules/subscriptions/hooks/use-current-subscription.hook';\nimport { hasSubscriptionExpired } from '../../modules/subscriptions/utils/has-subscription-expired';\nimport { useExternalContracting, useWhitelabel } from '../../providers/whitelabel.provider';\n\ntype MyAccountNavSection = {\n  value: MyAccountSection;\n  icon: TablerIcon;\n  label: string;\n  visible: boolean;\n  content: ReactNode;\n};\n\n/** Modal Minha conta: assinatura, projetos, equipe e afiliados (workspace), e preferências, token e segurança. */\nexport default function MyAccountModal() {\n  const translate = useTranslations();\n  const { activeModal, initialSection, openDeleteAccount, openIsntPossibleDelete, close } = useAccountModals();\n  const { isOwner, isOwnerOrAdmin } = useManagementPermissions();\n  const { isLoading: isProfileLoading } = useAuth();\n  const { isExternalContracting } = useExternalContracting();\n  const { whitelabel } = useWhitelabel();\n  const { data: { data: [subscription] = [] } = {} } = useCurrentSubscription();\n\n  const open = activeModal === 'account';\n\n  // Assinatura paga vigente impede excluir a conta: o fluxo manda para o aviso em vez da exclusão.\n  const isBlockingSubscription =\n    !!subscription &&\n    subscription.type !== 'free' &&\n    subscription.type !== 'trial' &&\n    subscription.active === true &&\n    !subscription.date_cancellation &&\n    !hasSubscriptionExpired(subscription.date_due);\n\n  const handleDeleteAccount = () => {\n    close();\n    if (isBlockingSubscription) {\n      openIsntPossibleDelete();\n    } else {\n      openDeleteAccount();\n    }\n  };\n\n  const accountSections: MyAccountNavSection[] = [\n    {\n      value: AccountSectionType.MY_PROFILE,\n      icon: IconUser,\n      label: translate('common.account.profile.title'),\n      visible: true,\n      content: <MyProfileSection onClose={close} />,\n    },\n    {\n      value: AccountSectionType.PREFERENCES,\n      icon: IconSettings2,\n      label: translate('common.preferences.title'),\n      visible: true,\n      content: <PreferencesSection onClose={close} />,\n    },\n    {\n      value: AccountSectionType.TOKEN,\n      icon: IconKey,\n      label: translate('common.account.token.title'),\n      visible: isOwner,\n      content: <TokenSection />,\n    },\n    {\n      value: AccountSectionType.SECURITY,\n      icon: IconLock,\n      label: translate('common.account.security.title'),\n      visible: isOwner,\n      content: (\n        <SecuritySection\n          setActiveSection={(section) => setActiveSection(section)}\n          onClose={close}\n          onDeleteAccount={handleDeleteAccount}\n        />\n      ),\n    },\n  ];\n\n  const workspaceSections: MyAccountNavSection[] = [\n    {\n      value: WorkspaceSectionType.SUBSCRIPTION,\n      icon: IconCreditCard,\n      label: translate('common.account.workspace.nav.subscription'),\n      visible: isOwnerOrAdmin && !isExternalContracting,\n      content: <SubscriptionSection />,\n    },\n    {\n      value: WorkspaceSectionType.PROJECTS,\n      icon: IconFolder,\n      label: translate('common.account.workspace.nav.projects'),\n      visible: true,\n      content: <ProjectsSection />,\n    },\n    {\n      value: WorkspaceSectionType.TEAM,\n      icon: IconUsers,\n      label: translate('common.account.workspace.nav.team'),\n      visible: true,\n      content: <TeamSection />,\n    },\n    {\n      value: WorkspaceSectionType.AFFILIATES,\n      icon: IconLink,\n      label: translate('common.account.workspace.nav.affiliates'),\n      visible: whitelabel?.id === 1 && isOwnerOrAdmin,\n      content: <AffiliatesSection />,\n    },\n  ];\n\n  const visibleAccountSections = accountSections.filter((section) => section.visible);\n  const visibleWorkspaceSections = workspaceSections.filter((section) => section.visible);\n  const visibleSections = [...visibleWorkspaceSections, ...visibleAccountSections];\n\n  // Troca de senha não tem item no menu: abre a partir de Segurança.\n  const changePasswordSection: MyAccountNavSection[] = isOwner\n    ? [\n        {\n          value: AccountSectionType.CHANGE_PASSWORD,\n          icon: IconLock,\n          label: translate('common.account.changePassword.title'),\n          visible: false,\n          content: <ChangePasswordSection onBack={() => setActiveSection(AccountSectionType.SECURITY)} />,\n        },\n      ]\n    : [];\n\n  const { activeSection, setActiveSection } = useMyAccountModal({\n    isOpen: open,\n    initialSection,\n    availableSections: [...visibleSections, ...changePasswordSection].map((section) => section.value),\n    isReady: !isProfileLoading,\n  });\n\n  const sectionTitle =\n    [...visibleSections, ...changePasswordSection].find((section) => section.value === activeSection)?.label ??\n    translate('common.account.workspace.title');\n\n  const renderNavItems = (sections: MyAccountNavSection[]) =>\n    sections.map((section) => (\n      <AccountModalNavItem key={section.value} value={section.value} icon={section.icon} label={section.label} />\n    ));\n\n  return (\n    <AccountModalLayout\n      open={open}\n      onClose={close}\n      title={translate('common.account.workspace.title')}\n      sectionTitle={sectionTitle}\n      activeSection={activeSection ?? ''}\n      onSectionChange={setActiveSection}\n      isLoading={isProfileLoading}\n      navigation={\n        <>\n          {visibleWorkspaceSections.length > 0 && (\n            <AccountModalNavGroup label={translate('common.account.workspace.groups.workspace')}>\n              {renderNavItems(visibleWorkspaceSections)}\n            </AccountModalNavGroup>\n          )}\n          <AccountModalNavGroup label={translate('common.account.workspace.groups.account')}>\n            {renderNavItems(visibleAccountSections)}\n          </AccountModalNavGroup>\n        </>\n      }\n    >\n      {visibleSections.map((section) => (\n        <AccountModalSection key={section.value} value={section.value}>\n          {section.content}\n        </AccountModalSection>\n      ))}\n\n      {changePasswordSection.map((section) => (\n        <AccountModalSection key={section.value} value={section.value}>\n          {section.content}\n        </AccountModalSection>\n      ))}\n    </AccountModalLayout>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/account/TwoFactorAuthModal.mjs

@@ -114,7 +114,7 @@ function TwoFactorAuthModal({ open, onClose, onSuccess }) {
               if (isCodeComplete) handleSubmit();
             },
             children: [
-              /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-0 overflow-y-auto overscroll-contain lg:overflow-visible", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-4 lg:gap-8 px-4 lg:px-5 py-4 lg:py-6 pb-60 lg:pb-6", children: [
+              /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-0 overflow-y-auto [scrollbar-width:auto] [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-zinc-300 overscroll-contain lg:overflow-visible", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-4 lg:gap-8 px-4 lg:px-5 py-4 lg:py-6 pb-60 lg:pb-6", children: [
                 /* @__PURE__ */ jsx("p", { className: "paragraph-small-regular text-gray-950 text-center max-w-full lg:max-w-[412px]", children: translate.rich("common.account.twoFactor.instructions", {
                   link: (chunks) => /* @__PURE__ */ jsx(
                     "a",