@greatapps/common 1.1.217 → 1.1.219

package/dist/components/account/ConfigurationsMyAccountModal.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Lock, Settings2, User, X } from "lucide-react";
+import { IconLock, IconSettings2, IconUser, IconX } from "@tabler/icons-react";
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from "../ui/overlay/Dialog";
 import { Tabs, TabsList, TabsTrigger, TabsContent } from "../ui/data-display/Tabs";
 import { cn } from "../../infra/utils/clsx";
@@ -63,7 +63,7 @@ function ConfigurationsMyAccountModal() {
               type: "button",
               className: "size-8 flex items-center justify-center text-gray-500 cursor-pointer",
               onClick: close,
-              children: /* @__PURE__ */ jsx(X, { size: 18 })
+              children: /* @__PURE__ */ jsx(IconX, { size: 18 })
             }
           )
         ] }),
@@ -90,15 +90,15 @@ function ConfigurationsMyAccountModal() {
                     /* @__PURE__ */ jsx("span", { className: "hidden lg:block paragraph-medium-semibold text-gray-950 mb-0", children: "Configura\xE7\xF5es" }),
                     /* @__PURE__ */ jsxs("div", { className: "lg:flex lg:flex-col flex flex-row lg:gap-0 gap-0 lg:w-full", children: [
                       /* @__PURE__ */ jsxs(TabsTrigger, { value: AccountSectionType.MY_PROFILE, className: tabTriggerClasses, children: [
-                        /* @__PURE__ */ jsx(User, { size: 20, className: "shrink-0" }),
+                        /* @__PURE__ */ jsx(IconUser, { size: 20, className: "shrink-0" }),
                         /* @__PURE__ */ jsx("span", { className: "paragraph-small-medium", children: "Meu perfil" })
                       ] }),
                       /* @__PURE__ */ jsxs(TabsTrigger, { value: AccountSectionType.PREFERENCES, className: tabTriggerClasses, children: [
-                        /* @__PURE__ */ jsx(Settings2, { size: 20, className: "shrink-0" }),
+                        /* @__PURE__ */ jsx(IconSettings2, { size: 20, className: "shrink-0" }),
                         /* @__PURE__ */ jsx("span", { className: "paragraph-small-medium", children: "Prefer\xEAncias" })
                       ] }),
                       /* @__PURE__ */ jsxs(TabsTrigger, { value: AccountSectionType.SECURITY, className: tabTriggerClasses, children: [
-                        /* @__PURE__ */ jsx(Lock, { size: 20, className: "shrink-0" }),
+                        /* @__PURE__ */ jsx(IconLock, { size: 20, className: "shrink-0" }),
                         /* @__PURE__ */ jsx("span", { className: "paragraph-small-medium", children: "Seguran\xE7a" })
                       ] })
                     ] })

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/account/ConfigurationsMyAccountModal.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { Lock, Settings2, User, X } from 'lucide-react';\r\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '../ui/overlay/Dialog';\r\nimport { Tabs, TabsList, TabsTrigger, TabsContent } from '../ui/data-display/Tabs';\r\nimport { Button } from '../ui/buttons/Button';\r\nimport { cn } from '../../infra/utils/clsx';\r\nimport { AccountSectionType } from '../../enums/AccountSectionType';\r\nimport { MyProfileSection } from './sections/MyProfileSection';\r\nimport { PreferencesSection } from './sections/PreferencesSection';\r\nimport { ChangePasswordSection } from './sections/ChangePasswordSection';\r\nimport { SecuritySection } from './sections/SecuritySection';\r\nimport useConfigurationsModal from './hooks/useConfigurationsModal';\r\nimport useIsMobile from '../../hooks/useIsMobile';\r\nimport { useAccountModals } from '../../store/useAccountModals';\r\n\r\nexport default function ConfigurationsMyAccountModal() {\r\n  const {\r\n    activeModal,\r\n    config,\r\n    initialSection,\r\n    openDeleteAccount,\r\n    openIsntPossibleDelete,\r\n    close,\r\n  } = useAccountModals();\r\n\r\n  const open = activeModal === 'configurations';\r\n  const { hasActiveSubscription } = config;\r\n\r\n  const isMobile = useIsMobile();\r\n  const { activeSection, setActiveSection } = useConfigurationsModal({\r\n    isOpen: open,\r\n    initialSection,\r\n  });\r\n\r\n  const handleDeleteAccount = () => {\r\n    close();\r\n    if (hasActiveSubscription) {\r\n      openIsntPossibleDelete();\r\n    } else {\r\n      openDeleteAccount();\r\n    }\r\n  };\r\n\r\n  const tabTriggerClasses = cn(\r\n    'border-0! px-0 py-0',\r\n\r\n    'lg:rounded-md lg:flex lg:items-center lg:gap-2 lg:p-3 lg:justify-start lg:w-full',\r\n    'lg:bg-white lg:hover:bg-gray-100 lg:active:bg-gray-50 lg:border-0',\r\n    'lg:data-[state=active]:bg-gray-50',\r\n\r\n    'flex items-center gap-1.5 px-3 py-3 justify-center whitespace-nowrap',\r\n    'border-b-2 border-transparent',\r\n    'data-[state=active]:bg-gray-50 rounded-lg',\r\n\r\n    'text-gray-500 data-[state=active]:text-gray-950',\r\n    'hover:text-gray-900 transition-colors'\r\n  );\r\n\r\n  return (\r\n    <Dialog open={open} onOpenChange={close}>\r\n      <DialogContent\r\n        showCloseButton={!isMobile}\r\n        overlayClassName=\"bg-black/20 lg:bg-black/50\"\r\n        className=\"\r\n          flex flex-col p-0 gap-0 max-w-full! overflow-x-hidden border-0\r\n          rounded-t-2xl rounded-b-none h-[100dvh] top-0! bottom-0! left-0! right-0! translate-x-0! translate-y-0!\r\n          lg:flex-row lg:w-[892px]! lg:max-w-[892px]! lg:h-[626px]! lg:rounded-lg lg:border\r\n          lg:top-[50%]! lg:bottom-auto! lg:left-[50%]! lg:right-auto! lg:translate-x-[-50%]! lg:translate-y-[-50%]!\"\r\n      >\r\n        <DialogHeader className=\"sr-only\">\r\n          <DialogTitle>Configurações</DialogTitle>\r\n        </DialogHeader>\r\n        <div className=\"md:hidden flex items-center justify-between px-5 py-3 border-b border-gray-200\">\r\n          <span className=\"text-gray-950 paragraph-medium-semibold\">Configurações</span>\r\n          <button\r\n            type=\"button\"\r\n            className=\"size-8 flex items-center justify-center text-gray-500 cursor-pointer\"\r\n            onClick={close}\r\n          >\r\n            <X size={18} />\r\n          </button>\r\n        </div>\r\n        <Tabs\r\n          value={activeSection}\r\n          onValueChange={(value) => setActiveSection(value as AccountSectionType)}\r\n          orientation=\"vertical\"\r\n          className=\"flex lg:flex-row flex-col w-full h-full flex-1 lg:h-full lg:pt-0 lg:gap-0\"\r\n        >\r\n          <TabsList\r\n            className={cn(\r\n              'flex gap-0 bg-transparent border-b-0',\r\n\r\n              'lg:flex-col lg:items-stretch lg:justify-start lg:w-auto lg:min-w-60',\r\n              'lg:border-r lg:border-gray-200 lg:pl-5 lg:pr-5 lg:pt-5 lg:gap-5 lg:overflow-x-visible lg:self-stretch',\r\n\r\n              'flex-row items-center justify-start w-full overflow-x-auto scrollbar-hide shrink-0',\r\n              'px-4 py-3',\r\n              '[mask-image:linear-gradient(to_right,transparent,black_16px,black_calc(100%-24px),transparent)] lg:[mask-image:none]'\r\n            )}\r\n          >\r\n            <span className=\"hidden lg:block paragraph-medium-semibold text-gray-950 mb-0\">\r\n              Configurações\r\n            </span>\r\n\r\n            <div className=\"lg:flex lg:flex-col flex flex-row lg:gap-0 gap-0 lg:w-full\">\r\n              <TabsTrigger value={AccountSectionType.MY_PROFILE} className={tabTriggerClasses}>\r\n                <User size={20} className=\"shrink-0\" />\r\n                <span className=\"paragraph-small-medium\">Meu perfil</span>\r\n              </TabsTrigger>\r\n\r\n              <TabsTrigger value={AccountSectionType.PREFERENCES} className={tabTriggerClasses}>\r\n                <Settings2 size={20} className=\"shrink-0\" />\r\n                <span className=\"paragraph-small-medium\">Preferências</span>\r\n              </TabsTrigger>\r\n\r\n              <TabsTrigger value={AccountSectionType.SECURITY} className={tabTriggerClasses}>\r\n                <Lock size={20} className=\"shrink-0\" />\r\n                <span className=\"paragraph-small-medium\">Segurança</span>\r\n              </TabsTrigger>\r\n            </div>\r\n          </TabsList>\r\n\r\n          <div className=\"w-full flex-1 min-h-0 lg:h-full overflow-hidden lg:overflow-visible relative\">\r\n            <TabsContent value={AccountSectionType.MY_PROFILE} className=\"h-full! relative overflow-hidden\">\r\n              <MyProfileSection onClose={close} />\r\n            </TabsContent>\r\n\r\n            <TabsContent value={AccountSectionType.SECURITY} className=\"h-full! relative overflow-hidden\">\r\n              <SecuritySection\r\n                setActiveSection={setActiveSection}\r\n                onClose={close}\r\n                hasActiveSubscription={hasActiveSubscription}\r\n                onDeleteAccount={handleDeleteAccount}\r\n              />\r\n            </TabsContent>\r\n\r\n            <TabsContent value={AccountSectionType.CHANGE_PASSWORD} className=\"h-full! relative overflow-hidden\">\r\n              <ChangePasswordSection onBack={() => setActiveSection(AccountSectionType.SECURITY)} />\r\n            </TabsContent>\r\n\r\n            <TabsContent value={AccountSectionType.PREFERENCES} className=\"h-full! relative overflow-hidden\">\r\n              <PreferencesSection onClose={close} />\r\n            </TabsContent>\r\n          </div>\r\n        </Tabs>\r\n      </DialogContent>\r\n    </Dialog>\r\n  );\r\n}\r\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/account/ConfigurationsMyAccountModal.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { IconLock, IconSettings2, IconUser, IconX } from '@tabler/icons-react';\r\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '../ui/overlay/Dialog';\r\nimport { Tabs, TabsList, TabsTrigger, TabsContent } from '../ui/data-display/Tabs';\r\nimport { Button } from '../ui/buttons/Button';\r\nimport { cn } from '../../infra/utils/clsx';\r\nimport { AccountSectionType } from '../../enums/AccountSectionType';\r\nimport { MyProfileSection } from './sections/MyProfileSection';\r\nimport { PreferencesSection } from './sections/PreferencesSection';\r\nimport { ChangePasswordSection } from './sections/ChangePasswordSection';\r\nimport { SecuritySection } from './sections/SecuritySection';\r\nimport useConfigurationsModal from './hooks/useConfigurationsModal';\r\nimport useIsMobile from '../../hooks/useIsMobile';\r\nimport { useAccountModals } from '../../store/useAccountModals';\r\n\r\nexport default function ConfigurationsMyAccountModal() {\r\n  const {\r\n    activeModal,\r\n    config,\r\n    initialSection,\r\n    openDeleteAccount,\r\n    openIsntPossibleDelete,\r\n    close,\r\n  } = useAccountModals();\r\n\r\n  const open = activeModal === 'configurations';\r\n  const { hasActiveSubscription } = config;\r\n\r\n  const isMobile = useIsMobile();\r\n  const { activeSection, setActiveSection } = useConfigurationsModal({\r\n    isOpen: open,\r\n    initialSection,\r\n  });\r\n\r\n  const handleDeleteAccount = () => {\r\n    close();\r\n    if (hasActiveSubscription) {\r\n      openIsntPossibleDelete();\r\n    } else {\r\n      openDeleteAccount();\r\n    }\r\n  };\r\n\r\n  const tabTriggerClasses = cn(\r\n    'border-0! px-0 py-0',\r\n\r\n    'lg:rounded-md lg:flex lg:items-center lg:gap-2 lg:p-3 lg:justify-start lg:w-full',\r\n    'lg:bg-white lg:hover:bg-gray-100 lg:active:bg-gray-50 lg:border-0',\r\n    'lg:data-[state=active]:bg-gray-50',\r\n\r\n    'flex items-center gap-1.5 px-3 py-3 justify-center whitespace-nowrap',\r\n    'border-b-2 border-transparent',\r\n    'data-[state=active]:bg-gray-50 rounded-lg',\r\n\r\n    'text-gray-500 data-[state=active]:text-gray-950',\r\n    'hover:text-gray-900 transition-colors'\r\n  );\r\n\r\n  return (\r\n    <Dialog open={open} onOpenChange={close}>\r\n      <DialogContent\r\n        showCloseButton={!isMobile}\r\n        overlayClassName=\"bg-black/20 lg:bg-black/50\"\r\n        className=\"\r\n          flex flex-col p-0 gap-0 max-w-full! overflow-x-hidden border-0\r\n          rounded-t-2xl rounded-b-none h-[100dvh] top-0! bottom-0! left-0! right-0! translate-x-0! translate-y-0!\r\n          lg:flex-row lg:w-[892px]! lg:max-w-[892px]! lg:h-[626px]! lg:rounded-lg lg:border\r\n          lg:top-[50%]! lg:bottom-auto! lg:left-[50%]! lg:right-auto! lg:translate-x-[-50%]! lg:translate-y-[-50%]!\"\r\n      >\r\n        <DialogHeader className=\"sr-only\">\r\n          <DialogTitle>Configurações</DialogTitle>\r\n        </DialogHeader>\r\n        <div className=\"md:hidden flex items-center justify-between px-5 py-3 border-b border-gray-200\">\r\n          <span className=\"text-gray-950 paragraph-medium-semibold\">Configurações</span>\r\n          <button\r\n            type=\"button\"\r\n            className=\"size-8 flex items-center justify-center text-gray-500 cursor-pointer\"\r\n            onClick={close}\r\n          >\r\n            <IconX size={18} />\r\n          </button>\r\n        </div>\r\n        <Tabs\r\n          value={activeSection}\r\n          onValueChange={(value) => setActiveSection(value as AccountSectionType)}\r\n          orientation=\"vertical\"\r\n          className=\"flex lg:flex-row flex-col w-full h-full flex-1 lg:h-full lg:pt-0 lg:gap-0\"\r\n        >\r\n          <TabsList\r\n            className={cn(\r\n              'flex gap-0 bg-transparent border-b-0',\r\n\r\n              'lg:flex-col lg:items-stretch lg:justify-start lg:w-auto lg:min-w-60',\r\n              'lg:border-r lg:border-gray-200 lg:pl-5 lg:pr-5 lg:pt-5 lg:gap-5 lg:overflow-x-visible lg:self-stretch',\r\n\r\n              'flex-row items-center justify-start w-full overflow-x-auto scrollbar-hide shrink-0',\r\n              'px-4 py-3',\r\n              '[mask-image:linear-gradient(to_right,transparent,black_16px,black_calc(100%-24px),transparent)] lg:[mask-image:none]'\r\n            )}\r\n          >\r\n            <span className=\"hidden lg:block paragraph-medium-semibold text-gray-950 mb-0\">\r\n              Configurações\r\n            </span>\r\n\r\n            <div className=\"lg:flex lg:flex-col flex flex-row lg:gap-0 gap-0 lg:w-full\">\r\n              <TabsTrigger value={AccountSectionType.MY_PROFILE} className={tabTriggerClasses}>\r\n                <IconUser size={20} className=\"shrink-0\" />\r\n                <span className=\"paragraph-small-medium\">Meu perfil</span>\r\n              </TabsTrigger>\r\n\r\n              <TabsTrigger value={AccountSectionType.PREFERENCES} className={tabTriggerClasses}>\r\n                <IconSettings2 size={20} className=\"shrink-0\" />\r\n                <span className=\"paragraph-small-medium\">Preferências</span>\r\n              </TabsTrigger>\r\n\r\n              <TabsTrigger value={AccountSectionType.SECURITY} className={tabTriggerClasses}>\r\n                <IconLock size={20} className=\"shrink-0\" />\r\n                <span className=\"paragraph-small-medium\">Segurança</span>\r\n              </TabsTrigger>\r\n            </div>\r\n          </TabsList>\r\n\r\n          <div className=\"w-full flex-1 min-h-0 lg:h-full overflow-hidden lg:overflow-visible relative\">\r\n            <TabsContent value={AccountSectionType.MY_PROFILE} className=\"h-full! relative overflow-hidden\">\r\n              <MyProfileSection onClose={close} />\r\n            </TabsContent>\r\n\r\n            <TabsContent value={AccountSectionType.SECURITY} className=\"h-full! relative overflow-hidden\">\r\n              <SecuritySection\r\n                setActiveSection={setActiveSection}\r\n                onClose={close}\r\n                hasActiveSubscription={hasActiveSubscription}\r\n                onDeleteAccount={handleDeleteAccount}\r\n              />\r\n            </TabsContent>\r\n\r\n            <TabsContent value={AccountSectionType.CHANGE_PASSWORD} className=\"h-full! relative overflow-hidden\">\r\n              <ChangePasswordSection onBack={() => setActiveSection(AccountSectionType.SECURITY)} />\r\n            </TabsContent>\r\n\r\n            <TabsContent value={AccountSectionType.PREFERENCES} className=\"h-full! relative overflow-hidden\">\r\n              <PreferencesSection onClose={close} />\r\n            </TabsContent>\r\n          </div>\r\n        </Tabs>\r\n      </DialogContent>\r\n    </Dialog>\r\n  );\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/components/account/ConfirmDeleteAccountModal.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { TriangleAlert } from "lucide-react";
+import { IconAlertTriangle } from "@tabler/icons-react";
 import { toast } from "sonner";
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from "../ui/overlay/Dialog";
 import { Button } from "../ui/buttons/Button";
@@ -17,7 +17,7 @@ function ConfirmDeleteAccountModal() {
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-5 p-4 lg:p-5", children: [
       /* @__PURE__ */ jsx(DialogHeader, { className: "p-0", children: /* @__PURE__ */ jsx(DialogTitle, { className: "paragraph-medium-semibold text-gray-950", children: "Uma pena te ver ir!" }) }),
       /* @__PURE__ */ jsxs("div", { className: "bg-red-50 p-4 lg:p-5 rounded-lg flex items-center gap-4", children: [
-        /* @__PURE__ */ jsx(TriangleAlert, { size: 20, className: "text-red-500 shrink-0", strokeWidth: 2 }),
+        /* @__PURE__ */ jsx(IconAlertTriangle, { size: 20, className: "text-red-500 shrink-0", strokeWidth: 2 }),
         /* @__PURE__ */ jsxs("p", { className: "paragraph-small-regular text-gray-600", children: [
           "Todas suas",
           " ",

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/account/ConfirmDeleteAccountModal.tsx"],"sourcesContent":["'use client';\n\nimport { TriangleAlert } from 'lucide-react';\nimport { toast } from 'sonner';\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '../ui/overlay/Dialog';\nimport { Button } from '../ui/buttons/Button';\nimport { Toast } from '../ui/feedback/Toast';\nimport { useAccountModals } from '../../store/useAccountModals';\n\nexport default function ConfirmDeleteAccountModal() {\n  const { activeModal, pagesCount, close } = useAccountModals();\n  const open = activeModal === 'confirmDelete';\n\n  const handleConfirm = () => {\n    toast.custom((t) => (\n      <Toast variant=\"success\" message=\"Conta excluída com sucesso\" toastId={t} />\n    ));\n    close();\n  };\n\n  return (\n    <Dialog open={open} onOpenChange={close}>\n      <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%]!\">\n        <div className=\"flex flex-col gap-5 p-4 lg:p-5\">\n          <DialogHeader className=\"p-0\">\n            <DialogTitle className=\"paragraph-medium-semibold text-gray-950\">\n              Uma pena te ver ir!\n            </DialogTitle>\n          </DialogHeader>\n\n          <div className=\"bg-red-50 p-4 lg:p-5 rounded-lg flex items-center gap-4\">\n            <TriangleAlert size={20} className=\"text-red-500 shrink-0\" strokeWidth={2} />\n            <p className=\"paragraph-small-regular text-gray-600\">\n              Todas suas{' '}\n              <span className=\"font-semibold text-gray-950\">{pagesCount} páginas</span>{' '}\n              serão deletadas permanentemente. Essa ação é{' '}\n              <span className=\"font-semibold text-gray-950\">irreversível!</span>\n            </p>\n          </div>\n        </div>\n\n        <div className=\"h-px bg-gray-200\" />\n\n        <div className=\"flex items-center gap-2 p-4 lg:p-5\">\n          <Button className=\"h-10 flex-1\" onClick={close}>\n            Manter minha conta\n          </Button>\n          <Button variant=\"secondary\" className=\"h-10! flex-1\" onClick={handleConfirm}>\n            Excluir mesmo assim\n          </Button>\n        </div>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":";AAeM,cAmBQ,YAnBR;AAbN,SAAS,qBAAqB;AAC9B,SAAS,aAAa;AACtB,SAAS,QAAQ,eAAe,cAAc,mBAAmB;AACjE,SAAS,cAAc;AACvB,SAAS,aAAa;AACtB,SAAS,wBAAwB;AAElB,SAAR,4BAA6C;AAClD,QAAM,EAAE,aAAa,YAAY,MAAM,IAAI,iBAAiB;AAC5D,QAAM,OAAO,gBAAgB;AAE7B,QAAM,gBAAgB,MAAM;AAC1B,UAAM,OAAO,CAAC,MACZ,oBAAC,SAAM,SAAQ,WAAU,SAAQ,iCAA6B,SAAS,GAAG,CAC3E;AACD,UAAM;AAAA,EACR;AAEA,SACE,oBAAC,UAAO,MAAY,cAAc,OAChC,+BAAC,iBAAc,WAAU,2NACvB;AAAA,yBAAC,SAAI,WAAU,kCACb;AAAA,0BAAC,gBAAa,WAAU,OACtB,8BAAC,eAAY,WAAU,2CAA0C,iCAEjE,GACF;AAAA,MAEA,qBAAC,SAAI,WAAU,2DACb;AAAA,4BAAC,iBAAc,MAAM,IAAI,WAAU,yBAAwB,aAAa,GAAG;AAAA,QAC3E,qBAAC,OAAE,WAAU,yCAAwC;AAAA;AAAA,UACxC;AAAA,UACX,qBAAC,UAAK,WAAU,+BAA+B;AAAA;AAAA,YAAW;AAAA,aAAQ;AAAA,UAAQ;AAAA,UAAI;AAAA,UACjC;AAAA,UAC7C,oBAAC,UAAK,WAAU,+BAA8B,8BAAa;AAAA,WAC7D;AAAA,SACF;AAAA,OACF;AAAA,IAEA,oBAAC,SAAI,WAAU,oBAAmB;AAAA,IAElC,qBAAC,SAAI,WAAU,sCACb;AAAA,0BAAC,UAAO,WAAU,eAAc,SAAS,OAAO,gCAEhD;AAAA,MACA,oBAAC,UAAO,SAAQ,aAAY,WAAU,gBAAe,SAAS,eAAe,iCAE7E;AAAA,OACF;AAAA,KACF,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/account/ConfirmDeleteAccountModal.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { IconAlertTriangle } from '@tabler/icons-react';\r\nimport { toast } from 'sonner';\r\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '../ui/overlay/Dialog';\r\nimport { Button } from '../ui/buttons/Button';\r\nimport { Toast } from '../ui/feedback/Toast';\r\nimport { useAccountModals } from '../../store/useAccountModals';\r\n\r\nexport default function ConfirmDeleteAccountModal() {\r\n  const { activeModal, pagesCount, close } = useAccountModals();\r\n  const open = activeModal === 'confirmDelete';\r\n\r\n  const handleConfirm = () => {\r\n    toast.custom((t) => (\r\n      <Toast variant=\"success\" message=\"Conta excluída com sucesso\" toastId={t} />\r\n    ));\r\n    close();\r\n  };\r\n\r\n  return (\r\n    <Dialog open={open} onOpenChange={close}>\r\n      <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%]!\">\r\n        <div className=\"flex flex-col gap-5 p-4 lg:p-5\">\r\n          <DialogHeader className=\"p-0\">\r\n            <DialogTitle className=\"paragraph-medium-semibold text-gray-950\">\r\n              Uma pena te ver ir!\r\n            </DialogTitle>\r\n          </DialogHeader>\r\n\r\n          <div className=\"bg-red-50 p-4 lg:p-5 rounded-lg flex items-center gap-4\">\r\n            <IconAlertTriangle size={20} className=\"text-red-500 shrink-0\" strokeWidth={2} />\r\n            <p className=\"paragraph-small-regular text-gray-600\">\r\n              Todas suas{' '}\r\n              <span className=\"font-semibold text-gray-950\">{pagesCount} páginas</span>{' '}\r\n              serão deletadas permanentemente. Essa ação é{' '}\r\n              <span className=\"font-semibold text-gray-950\">irreversível!</span>\r\n            </p>\r\n          </div>\r\n        </div>\r\n\r\n        <div className=\"h-px bg-gray-200\" />\r\n\r\n        <div className=\"flex items-center gap-2 p-4 lg:p-5\">\r\n          <Button className=\"h-10 flex-1\" onClick={close}>\r\n            Manter minha conta\r\n          </Button>\r\n          <Button variant=\"secondary\" className=\"h-10! flex-1\" onClick={handleConfirm}>\r\n            Excluir mesmo assim\r\n          </Button>\r\n        </div>\r\n      </DialogContent>\r\n    </Dialog>\r\n  );\r\n}\r\n"],"mappings":";AAeM,cAmBQ,YAnBR;AAbN,SAAS,yBAAyB;AAClC,SAAS,aAAa;AACtB,SAAS,QAAQ,eAAe,cAAc,mBAAmB;AACjE,SAAS,cAAc;AACvB,SAAS,aAAa;AACtB,SAAS,wBAAwB;AAElB,SAAR,4BAA6C;AAClD,QAAM,EAAE,aAAa,YAAY,MAAM,IAAI,iBAAiB;AAC5D,QAAM,OAAO,gBAAgB;AAE7B,QAAM,gBAAgB,MAAM;AAC1B,UAAM,OAAO,CAAC,MACZ,oBAAC,SAAM,SAAQ,WAAU,SAAQ,iCAA6B,SAAS,GAAG,CAC3E;AACD,UAAM;AAAA,EACR;AAEA,SACE,oBAAC,UAAO,MAAY,cAAc,OAChC,+BAAC,iBAAc,WAAU,2NACvB;AAAA,yBAAC,SAAI,WAAU,kCACb;AAAA,0BAAC,gBAAa,WAAU,OACtB,8BAAC,eAAY,WAAU,2CAA0C,iCAEjE,GACF;AAAA,MAEA,qBAAC,SAAI,WAAU,2DACb;AAAA,4BAAC,qBAAkB,MAAM,IAAI,WAAU,yBAAwB,aAAa,GAAG;AAAA,QAC/E,qBAAC,OAAE,WAAU,yCAAwC;AAAA;AAAA,UACxC;AAAA,UACX,qBAAC,UAAK,WAAU,+BAA+B;AAAA;AAAA,YAAW;AAAA,aAAQ;AAAA,UAAQ;AAAA,UAAI;AAAA,UACjC;AAAA,UAC7C,oBAAC,UAAK,WAAU,+BAA8B,8BAAa;AAAA,WAC7D;AAAA,SACF;AAAA,OACF;AAAA,IAEA,oBAAC,SAAI,WAAU,oBAAmB;AAAA,IAElC,qBAAC,SAAI,WAAU,sCACb;AAAA,0BAAC,UAAO,WAAU,eAAc,SAAS,OAAO,gCAEhD;AAAA,MACA,oBAAC,UAAO,SAAQ,aAAY,WAAU,gBAAe,SAAS,eAAe,iCAE7E;AAAA,OACF;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/components/account/ConfirmGlobalPreferencesModal.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { TriangleAlert } from "lucide-react";
+import { IconAlertTriangle } from "@tabler/icons-react";
 import { Button } from "../ui/buttons/Button";
 import {
   Dialog,
@@ -21,7 +21,7 @@ function ConfirmGlobalPreferencesModal({
       /* @__PURE__ */ jsx(DialogDescription, { children: "Confirma\xE7\xE3o de altera\xE7\xE3o de prefer\xEAncias globais da conta" })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 p-5", children: [
-      /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center bg-gray-50 rounded-lg size-10", children: /* @__PURE__ */ jsx(TriangleAlert, { size: 24, className: "text-gray-950" }) }),
+      /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center bg-gray-50 rounded-lg size-10", children: /* @__PURE__ */ jsx(IconAlertTriangle, { size: 24, className: "text-gray-950" }) }),
       /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
         /* @__PURE__ */ jsx("span", { className: "paragraph-medium-semibold text-gray-950", children: "Alterar prefer\xEAncias globais" }),
         /* @__PURE__ */ jsxs("span", { className: "paragraph-small-regular text-gray-600", children: [

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/account/ConfirmGlobalPreferencesModal.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { TriangleAlert } from 'lucide-react';\r\nimport { Button } from '../ui/buttons/Button';\r\nimport {\r\n  Dialog,\r\n  DialogContent,\r\n  DialogHeader,\r\n  DialogTitle,\r\n  DialogDescription,\r\n} from '../ui/overlay/Dialog';\r\nimport { Separator } from '../ui/data-display/Separator';\r\n\r\ninterface ConfirmGlobalPreferencesModalProps {\r\n  open: boolean;\r\n  onConfirm: () => void;\r\n  onCancel: () => void;\r\n}\r\n\r\nexport default function ConfirmGlobalPreferencesModal({\r\n  open,\r\n  onConfirm,\r\n  onCancel,\r\n}: ConfirmGlobalPreferencesModalProps) {\r\n  return (\r\n    <Dialog open={open} onOpenChange={onCancel}>\r\n      <DialogContent className=\"flex flex-col p-0 gap-0 md:w-[386px]! lg:w-[386px]! max-w-[386px]! max-[386px]:w-[calc(100%-32px)]\">\r\n        <DialogHeader className=\"sr-only\">\r\n          <DialogTitle>Alterar preferências globais</DialogTitle>\r\n          <DialogDescription>\r\n            Confirmação de alteração de preferências globais da conta\r\n          </DialogDescription>\r\n        </DialogHeader>\r\n\r\n        <div className=\"flex flex-col gap-3 p-5\">\r\n          <div className=\"flex items-center justify-center bg-gray-50 rounded-lg size-10\">\r\n            <TriangleAlert size={24} className=\"text-gray-950\" />\r\n          </div>\r\n          <div className=\"flex flex-col gap-2\">\r\n            <span className=\"paragraph-medium-semibold text-gray-950\">\r\n              Alterar preferências globais\r\n            </span>\r\n            <span className=\"paragraph-small-regular text-gray-600\">\r\n              Você está alterando configurações que impactam{' '}\r\n              <span className=\"paragraph-small-semibold text-gray-950\">\r\n                todos os usuários da conta\r\n              </span>\r\n              . Deseja confirmar?\r\n            </span>\r\n          </div>\r\n        </div>\r\n\r\n        <Separator className=\"w-full\" />\r\n\r\n        <div className=\"flex items-center gap-2 p-5\">\r\n          <Button onClick={onConfirm} className=\"h-10!\">\r\n            Confirmar\r\n          </Button>\r\n          <Button variant=\"secondary\" onClick={onCancel} className=\"h-10!\">\r\n            Cancelar\r\n          </Button>\r\n        </div>\r\n      </DialogContent>\r\n    </Dialog>\r\n  );\r\n}\r\n"],"mappings":";AA2BQ,SACE,KADF;AAzBR,SAAS,qBAAqB;AAC9B,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB;AAQX,SAAR,8BAA+C;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AACF,GAAuC;AACrC,SACE,oBAAC,UAAO,MAAY,cAAc,UAChC,+BAAC,iBAAc,WAAU,sGACvB;AAAA,yBAAC,gBAAa,WAAU,WACtB;AAAA,0BAAC,eAAY,6CAA4B;AAAA,MACzC,oBAAC,qBAAkB,sFAEnB;AAAA,OACF;AAAA,IAEA,qBAAC,SAAI,WAAU,2BACb;AAAA,0BAAC,SAAI,WAAU,kEACb,8BAAC,iBAAc,MAAM,IAAI,WAAU,iBAAgB,GACrD;AAAA,MACA,qBAAC,SAAI,WAAU,uBACb;AAAA,4BAAC,UAAK,WAAU,2CAA0C,6CAE1D;AAAA,QACA,qBAAC,UAAK,WAAU,yCAAwC;AAAA;AAAA,UACP;AAAA,UAC/C,oBAAC,UAAK,WAAU,0CAAyC,2CAEzD;AAAA,UAAO;AAAA,WAET;AAAA,SACF;AAAA,OACF;AAAA,IAEA,oBAAC,aAAU,WAAU,UAAS;AAAA,IAE9B,qBAAC,SAAI,WAAU,+BACb;AAAA,0BAAC,UAAO,SAAS,WAAW,WAAU,SAAQ,uBAE9C;AAAA,MACA,oBAAC,UAAO,SAAQ,aAAY,SAAS,UAAU,WAAU,SAAQ,sBAEjE;AAAA,OACF;AAAA,KACF,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/account/ConfirmGlobalPreferencesModal.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { IconAlertTriangle } from '@tabler/icons-react';\r\nimport { Button } from '../ui/buttons/Button';\r\nimport {\r\n  Dialog,\r\n  DialogContent,\r\n  DialogHeader,\r\n  DialogTitle,\r\n  DialogDescription,\r\n} from '../ui/overlay/Dialog';\r\nimport { Separator } from '../ui/data-display/Separator';\r\n\r\ninterface ConfirmGlobalPreferencesModalProps {\r\n  open: boolean;\r\n  onConfirm: () => void;\r\n  onCancel: () => void;\r\n}\r\n\r\nexport default function ConfirmGlobalPreferencesModal({\r\n  open,\r\n  onConfirm,\r\n  onCancel,\r\n}: ConfirmGlobalPreferencesModalProps) {\r\n  return (\r\n    <Dialog open={open} onOpenChange={onCancel}>\r\n      <DialogContent className=\"flex flex-col p-0 gap-0 md:w-[386px]! lg:w-[386px]! max-w-[386px]! max-[386px]:w-[calc(100%-32px)]\">\r\n        <DialogHeader className=\"sr-only\">\r\n          <DialogTitle>Alterar preferências globais</DialogTitle>\r\n          <DialogDescription>\r\n            Confirmação de alteração de preferências globais da conta\r\n          </DialogDescription>\r\n        </DialogHeader>\r\n\r\n        <div className=\"flex flex-col gap-3 p-5\">\r\n          <div className=\"flex items-center justify-center bg-gray-50 rounded-lg size-10\">\r\n            <IconAlertTriangle size={24} className=\"text-gray-950\" />\r\n          </div>\r\n          <div className=\"flex flex-col gap-2\">\r\n            <span className=\"paragraph-medium-semibold text-gray-950\">\r\n              Alterar preferências globais\r\n            </span>\r\n            <span className=\"paragraph-small-regular text-gray-600\">\r\n              Você está alterando configurações que impactam{' '}\r\n              <span className=\"paragraph-small-semibold text-gray-950\">\r\n                todos os usuários da conta\r\n              </span>\r\n              . Deseja confirmar?\r\n            </span>\r\n          </div>\r\n        </div>\r\n\r\n        <Separator className=\"w-full\" />\r\n\r\n        <div className=\"flex items-center gap-2 p-5\">\r\n          <Button onClick={onConfirm} className=\"h-10!\">\r\n            Confirmar\r\n          </Button>\r\n          <Button variant=\"secondary\" onClick={onCancel} className=\"h-10!\">\r\n            Cancelar\r\n          </Button>\r\n        </div>\r\n      </DialogContent>\r\n    </Dialog>\r\n  );\r\n}\r\n"],"mappings":";AA2BQ,SACE,KADF;AAzBR,SAAS,yBAAyB;AAClC,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB;AAQX,SAAR,8BAA+C;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AACF,GAAuC;AACrC,SACE,oBAAC,UAAO,MAAY,cAAc,UAChC,+BAAC,iBAAc,WAAU,sGACvB;AAAA,yBAAC,gBAAa,WAAU,WACtB;AAAA,0BAAC,eAAY,6CAA4B;AAAA,MACzC,oBAAC,qBAAkB,sFAEnB;AAAA,OACF;AAAA,IAEA,qBAAC,SAAI,WAAU,2BACb;AAAA,0BAAC,SAAI,WAAU,kEACb,8BAAC,qBAAkB,MAAM,IAAI,WAAU,iBAAgB,GACzD;AAAA,MACA,qBAAC,SAAI,WAAU,uBACb;AAAA,4BAAC,UAAK,WAAU,2CAA0C,6CAE1D;AAAA,QACA,qBAAC,UAAK,WAAU,yCAAwC;AAAA;AAAA,UACP;AAAA,UAC/C,oBAAC,UAAK,WAAU,0CAAyC,2CAEzD;AAAA,UAAO;AAAA,WAET;AAAA,SACF;AAAA,OACF;AAAA,IAEA,oBAAC,aAAU,WAAU,UAAS;AAAA,IAE9B,qBAAC,SAAI,WAAU,+BACb;AAAA,0BAAC,UAAO,SAAS,WAAW,WAAU,SAAQ,uBAE9C;AAAA,MACA,oBAAC,UAAO,SAAQ,aAAY,SAAS,UAAU,WAAU,SAAQ,sBAEjE;AAAA,OACF;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/components/account/DeleteAccountModal.mjs

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useCallback } from "react";
-import { Lock, TriangleAlert } from "lucide-react";
+import { IconLock, IconAlertTriangle } from "@tabler/icons-react";
 import { toast } from "sonner";
 import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "../ui/overlay/Dialog";
 import { Button } from "../ui/buttons/Button";
@@ -49,7 +49,7 @@ function DeleteAccountModal() {
   return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: handleClose, children: /* @__PURE__ */ jsx(DialogContent, { className: "flex flex-col p-0 gap-0 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: [
     /* @__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(TriangleAlert, { size: 20, className: "text-red-500" }) }),
+        /* @__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" }) }),
         /* @__PURE__ */ jsx(DialogTitle, { children: "Excluir conta" }),
         /* @__PURE__ */ jsxs(DialogDescription, { className: "paragraph-small-regular", children: [
           "Esta a\xE7\xE3o \xE9 ",
@@ -94,7 +94,7 @@ function DeleteAccountModal() {
           label: "Senha",
           type: "password",
           placeholder: "Informe sua senha",
-          leftIcon: Lock,
+          leftIcon: IconLock,
           value: password,
           onChange: (e) => setPassword(e.target.value),
           classnameContainer: "h-10!",

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/account/DeleteAccountModal.tsx"],"sourcesContent":["'use client';\n\nimport { useState, useCallback } from 'react';\nimport { Lock, TriangleAlert } from 'lucide-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\nconst REASON_OPTIONS = [\n  { value: 'sem-funcao', label: 'A ferramenta não possui uma função que eu preciso' },\n  { value: 'problemas', label: 'Encontrei problemas técnicos ou erros no sistema' },\n  { value: 'suporte', label: 'Tive problemas com o suporte ou atendimento' },\n  { value: 'demora', label: 'As atualizações demoram mais do que o esperado' },\n  { value: 'temporario', label: 'O cancelamento é temporário' },\n  { value: 'outro', label: 'Outro motivo' },\n];\n\nexport default function DeleteAccountModal() {\n  const { activeModal, pagesCount, openConfigurations, openConfirmDelete, close } = 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  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((t) => (\n        <Toast variant=\"error\" message=\"Preencha todos os campos obrigatórios\" toastId={t} />\n      ));\n      return;\n    }\n    resetForm();\n    openConfirmDelete(pagesCount);\n  };\n\n  return (\n    <Dialog open={open} onOpenChange={handleClose}>\n      <DialogContent className=\"flex flex-col p-0 gap-0 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                <TriangleAlert size={20} className=\"text-red-500\" />\n              </div>\n              <DialogTitle>Excluir conta</DialogTitle>\n              <DialogDescription className=\"paragraph-small-regular\">\n                Esta ação é <span className=\"font-semibold text-gray-950\">irreversível</span>. Ao\n                confirmar, sua conta e todos os seus dados serão excluídos.\n              </DialogDescription>\n            </DialogHeader>\n\n            <SelectField\n              label=\"Motivo do cancelamento\"\n              required\n              placeholder=\"Selecione\"\n              options={REASON_OPTIONS}\n              value={reason}\n              onChange={(value) => setReason(value as string)}\n              className=\"h-10!\"\n            />\n\n            <div>\n              <TextAreaField\n                label=\"Descreva o que levou a tomar essa decisão\"\n                required\n                placeholder=\"Explique sua decisão...\"\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                {description.length}/400 caracteres\n              </span>\n            </div>\n\n            <FormField\n              className=\"text-gray-600\"\n              label=\"Senha\"\n              type=\"password\"\n              placeholder=\"Informe sua senha\"\n              leftIcon={Lock}\n              value={password}\n              onChange={(e) => setPassword(e.target.value)}\n              classnameContainer=\"h-10!\"\n              showPassword={showPassword}\n              onTogglePassword={togglePassword}\n            />\n          </div>\n\n          <div className=\"flex flex-row items-center 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 flex-1 bg-gray-950 text-white hover:bg-gray-800\"\n              type=\"submit\"\n            >\n              Excluir conta\n            </Button>\n            <Button variant=\"secondary\" className=\"h-10 flex-1\" type=\"button\" onClick={handleClose}>\n              Fechar\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';\r\n\r\nimport { useState, useCallback } from 'react';\r\nimport { IconLock, IconAlertTriangle } from '@tabler/icons-react';\r\nimport { toast } from 'sonner';\r\nimport { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '../ui/overlay/Dialog';\r\nimport { Button } from '../ui/buttons/Button';\r\nimport { FormField } from '../ui/form/FormField';\r\nimport { SelectField } from '../ui/form/SelectField';\r\nimport { TextAreaField } from '../ui/form/TextAreaField';\r\nimport { Toast } from '../ui/feedback/Toast';\r\nimport usePasswordVisibility from '../../hooks/usePasswordVisibility';\r\nimport { useAccountModals } from '../../store/useAccountModals';\r\nimport { AccountSectionType } from '../../enums/AccountSectionType';\r\n\r\nconst REASON_OPTIONS = [\r\n  { value: 'sem-funcao', label: 'A ferramenta não possui uma função que eu preciso' },\r\n  { value: 'problemas', label: 'Encontrei problemas técnicos ou erros no sistema' },\r\n  { value: 'suporte', label: 'Tive problemas com o suporte ou atendimento' },\r\n  { value: 'demora', label: 'As atualizações demoram mais do que o esperado' },\r\n  { value: 'temporario', label: 'O cancelamento é temporário' },\r\n  { value: 'outro', label: 'Outro motivo' },\r\n];\r\n\r\nexport default function DeleteAccountModal() {\r\n  const { activeModal, pagesCount, openConfigurations, openConfirmDelete, close } = useAccountModals();\r\n  const open = activeModal === 'deleteAccount';\r\n\r\n  const [reason, setReason] = useState('');\r\n  const [description, setDescription] = useState('');\r\n  const [password, setPassword] = useState('');\r\n  const { showPassword, togglePassword } = usePasswordVisibility();\r\n\r\n  const isFormValid = Boolean(reason && description && password);\r\n\r\n  const resetForm = useCallback(() => {\r\n    setReason('');\r\n    setDescription('');\r\n    setPassword('');\r\n  }, []);\r\n\r\n  const handleClose = () => {\r\n    resetForm();\r\n    openConfigurations(AccountSectionType.SECURITY);\r\n  };\r\n\r\n  const handleDelete = (e: React.FormEvent) => {\r\n    e.preventDefault();\r\n    if (!isFormValid) {\r\n      toast.custom((t) => (\r\n        <Toast variant=\"error\" message=\"Preencha todos os campos obrigatórios\" toastId={t} />\r\n      ));\r\n      return;\r\n    }\r\n    resetForm();\r\n    openConfirmDelete(pagesCount);\r\n  };\r\n\r\n  return (\r\n    <Dialog open={open} onOpenChange={handleClose}>\r\n      <DialogContent className=\"flex flex-col p-0 gap-0 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\">\r\n        <form onSubmit={handleDelete} className=\"flex flex-col flex-1 lg:flex-none\">\r\n          <div className=\"flex flex-col gap-6 p-4 lg:p-6 flex-1 lg:flex-none\">\r\n            <DialogHeader className=\"p-0\">\r\n              <div className=\"flex items-center justify-center w-fit bg-red-50 rounded-lg p-2.5 mb-5\">\r\n                <IconAlertTriangle size={20} className=\"text-red-500\" />\r\n              </div>\r\n              <DialogTitle>Excluir conta</DialogTitle>\r\n              <DialogDescription className=\"paragraph-small-regular\">\r\n                Esta ação é <span className=\"font-semibold text-gray-950\">irreversível</span>. Ao\r\n                confirmar, sua conta e todos os seus dados serão excluídos.\r\n              </DialogDescription>\r\n            </DialogHeader>\r\n\r\n            <SelectField\r\n              label=\"Motivo do cancelamento\"\r\n              required\r\n              placeholder=\"Selecione\"\r\n              options={REASON_OPTIONS}\r\n              value={reason}\r\n              onChange={(value) => setReason(value as string)}\r\n              className=\"h-10!\"\r\n            />\r\n\r\n            <div>\r\n              <TextAreaField\r\n                label=\"Descreva o que levou a tomar essa decisão\"\r\n                required\r\n                placeholder=\"Explique sua decisão...\"\r\n                value={description}\r\n                onChange={(e) => setDescription(e.target.value)}\r\n                rows={4}\r\n                maxLength={400}\r\n              />\r\n              <span className=\"paragraph-xsmall-medium text-gray-600 text-left mt-1 block\">\r\n                {description.length}/400 caracteres\r\n              </span>\r\n            </div>\r\n\r\n            <FormField\r\n              className=\"text-gray-600\"\r\n              label=\"Senha\"\r\n              type=\"password\"\r\n              placeholder=\"Informe sua senha\"\r\n              leftIcon={IconLock}\r\n              value={password}\r\n              onChange={(e) => setPassword(e.target.value)}\r\n              classnameContainer=\"h-10!\"\r\n              showPassword={showPassword}\r\n              onTogglePassword={togglePassword}\r\n            />\r\n          </div>\r\n\r\n          <div className=\"flex flex-row items-center gap-2 p-4 lg:p-6 border-t border-gray-200 bg-white mt-auto lg:mt-0\">\r\n            <Button\r\n              variant=\"default\"\r\n              className=\"h-10 flex-1 bg-gray-950 text-white hover:bg-gray-800\"\r\n              type=\"submit\"\r\n            >\r\n              Excluir conta\r\n            </Button>\r\n            <Button variant=\"secondary\" className=\"h-10 flex-1\" type=\"button\" onClick={handleClose}>\r\n              Fechar\r\n            </Button>\r\n          </div>\r\n        </form>\r\n      </DialogContent>\r\n    </Dialog>\r\n  );\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/components/account/DisableTwoFactorAuthModal.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { ShieldCheck } from "lucide-react";
+import { IconShieldCheck } from "@tabler/icons-react";
 import { Button } from "../ui/buttons/Button";
 import {
   Dialog,
@@ -27,7 +27,7 @@ function DisableTwoFactorAuthModal({
       className: "flex flex-col flex-1 lg:flex-none",
       children: [
         /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 lg:gap-5 p-4 lg:p-5 flex-1 lg:flex-none", children: [
-          /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-fit bg-gray-50 rounded-lg p-2", children: /* @__PURE__ */ jsx(ShieldCheck, { size: 20, className: "text-gray-600" }) }),
+          /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-fit bg-gray-50 rounded-lg p-2", children: /* @__PURE__ */ jsx(IconShieldCheck, { size: 20, className: "text-gray-600" }) }),
           /* @__PURE__ */ jsxs(DialogHeader, { className: "p-0 gap-2", children: [
             /* @__PURE__ */ jsx(DialogTitle, { className: "paragraph-medium-semibold text-gray-950", children: "Desabilitar autentica\xE7\xE3o 2FA" }),
             /* @__PURE__ */ jsx(DialogDescription, { className: "paragraph-small-regular text-gray-600", children: "Informe o c\xF3digo de 6 d\xEDgitos do seu aplicativo autenticador para confirmar a desativa\xE7\xE3o." })

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/account/DisableTwoFactorAuthModal.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { ShieldCheck } from 'lucide-react';\r\nimport { Button } from '../ui/buttons/Button';\r\nimport {\r\n  Dialog,\r\n  DialogContent,\r\n  DialogDescription,\r\n  DialogHeader,\r\n  DialogTitle,\r\n} from '../ui/overlay/Dialog';\r\nimport { InputOTP, InputOTPGroup, InputOTPSlot } from '../ui/form/InputOtp';\r\nimport useDisableTwoFactorAuthForm from './hooks/useDisableTwoFactorAuthForm';\r\n\r\ninterface DisableTwoFactorAuthModalProps {\r\n  open: boolean;\r\n  onClose: () => void;\r\n  onSuccess?: () => void;\r\n}\r\n\r\nexport default function DisableTwoFactorAuthModal({\r\n  open,\r\n  onClose,\r\n  onSuccess,\r\n}: DisableTwoFactorAuthModalProps) {\r\n  const { code, setCode, isValid, isLoading, handleClose, handleSubmit } =\r\n    useDisableTwoFactorAuthForm({ onClose, onSuccess });\r\n\r\n  return (\r\n    <Dialog open={open} onOpenChange={handleClose}>\r\n      <DialogContent overlayClassName=\"z-[1010]\" className=\"z-[1011] flex flex-col p-0 gap-0 max-w-full! border-0 rounded-t-2xl rounded-b-none h-dvh top-0! bottom-0! left-0! right-0! translate-x-0! translate-y-0! lg:max-w-117.5! lg:h-auto! 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%]!\">\r\n        <form\r\n          onSubmit={(e) => {\r\n            e.preventDefault();\r\n            handleSubmit();\r\n          }}\r\n          className=\"flex flex-col flex-1 lg:flex-none\"\r\n        >\r\n          <div className=\"flex flex-col gap-4 lg:gap-5 p-4 lg:p-5 flex-1 lg:flex-none\">\r\n            <div className=\"flex items-center justify-center w-fit bg-gray-50 rounded-lg p-2\">\r\n              <ShieldCheck size={20} className=\"text-gray-600\" />\r\n            </div>\r\n            <DialogHeader className=\"p-0 gap-2\">\r\n              <DialogTitle className=\"paragraph-medium-semibold text-gray-950\">\r\n                Desabilitar autenticação 2FA\r\n              </DialogTitle>\r\n              <DialogDescription className=\"paragraph-small-regular text-gray-600\">\r\n                Informe o código de 6 dígitos do seu aplicativo autenticador para confirmar a\r\n                desativação.\r\n              </DialogDescription>\r\n            </DialogHeader>\r\n\r\n            <div className=\"flex flex-col gap-2\">\r\n              <span className=\"paragraph-small-medium text-gray-700\">Código do autenticador</span>\r\n              <InputOTP maxLength={6} value={code} onChange={setCode}>\r\n                <InputOTPGroup className=\"gap-2\">\r\n                  {Array.from({ length: 6 }).map((_, i) => (\r\n                    <InputOTPSlot\r\n                      key={i}\r\n                      index={i}\r\n                      className=\"w-11! lg:w-12! h-13! lg:h-14! rounded-lg! text-lg border-gray-200\"\r\n                    />\r\n                  ))}\r\n                </InputOTPGroup>\r\n              </InputOTP>\r\n            </div>\r\n          </div>\r\n\r\n          <div className=\"flex flex-row items-center gap-2 p-4 lg:p-5 border-t border-gray-200 mt-auto lg:mt-0\">\r\n            <Button className=\"h-10! flex-1\" disabled={!isValid || isLoading} type=\"submit\">\r\n              {isLoading ? 'Desabilitando...' : 'Desabilitar 2FA'}\r\n            </Button>\r\n            <Button\r\n              variant=\"secondary\"\r\n              className=\"h-10! flex-1\"\r\n              type=\"button\"\r\n              onClick={handleClose}\r\n            >\r\n              Cancelar\r\n            </Button>\r\n          </div>\r\n        </form>\r\n      </DialogContent>\r\n    </Dialog>\r\n  );\r\n}\r\n"],"mappings":";AAwCc,cAEF,YAFE;AAtCd,SAAS,mBAAmB;AAC5B,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,UAAU,eAAe,oBAAoB;AACtD,OAAO,iCAAiC;AAQzB,SAAR,0BAA2C;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AACF,GAAmC;AACjC,QAAM,EAAE,MAAM,SAAS,SAAS,WAAW,aAAa,aAAa,IACnE,4BAA4B,EAAE,SAAS,UAAU,CAAC;AAEpD,SACE,oBAAC,UAAO,MAAY,cAAc,aAChC,8BAAC,iBAAc,kBAAiB,YAAW,WAAU,yTACnD;AAAA,IAAC;AAAA;AAAA,MACC,UAAU,CAAC,MAAM;AACf,UAAE,eAAe;AACjB,qBAAa;AAAA,MACf;AAAA,MACA,WAAU;AAAA,MAEV;AAAA,6BAAC,SAAI,WAAU,+DACb;AAAA,8BAAC,SAAI,WAAU,oEACb,8BAAC,eAAY,MAAM,IAAI,WAAU,iBAAgB,GACnD;AAAA,UACA,qBAAC,gBAAa,WAAU,aACtB;AAAA,gCAAC,eAAY,WAAU,2CAA0C,gDAEjE;AAAA,YACA,oBAAC,qBAAkB,WAAU,yCAAwC,oHAGrE;AAAA,aACF;AAAA,UAEA,qBAAC,SAAI,WAAU,uBACb;AAAA,gCAAC,UAAK,WAAU,wCAAuC,uCAAsB;AAAA,YAC7E,oBAAC,YAAS,WAAW,GAAG,OAAO,MAAM,UAAU,SAC7C,8BAAC,iBAAc,WAAU,SACtB,gBAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,MACjC;AAAA,cAAC;AAAA;AAAA,gBAEC,OAAO;AAAA,gBACP,WAAU;AAAA;AAAA,cAFL;AAAA,YAGP,CACD,GACH,GACF;AAAA,aACF;AAAA,WACF;AAAA,QAEA,qBAAC,SAAI,WAAU,wFACb;AAAA,8BAAC,UAAO,WAAU,gBAAe,UAAU,CAAC,WAAW,WAAW,MAAK,UACpE,sBAAY,qBAAqB,mBACpC;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,WAAU;AAAA,cACV,MAAK;AAAA,cACL,SAAS;AAAA,cACV;AAAA;AAAA,UAED;AAAA,WACF;AAAA;AAAA;AAAA,EACF,GACF,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/account/DisableTwoFactorAuthModal.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { IconShieldCheck } from '@tabler/icons-react';\r\nimport { Button } from '../ui/buttons/Button';\r\nimport {\r\n  Dialog,\r\n  DialogContent,\r\n  DialogDescription,\r\n  DialogHeader,\r\n  DialogTitle,\r\n} from '../ui/overlay/Dialog';\r\nimport { InputOTP, InputOTPGroup, InputOTPSlot } from '../ui/form/InputOtp';\r\nimport useDisableTwoFactorAuthForm from './hooks/useDisableTwoFactorAuthForm';\r\n\r\ninterface DisableTwoFactorAuthModalProps {\r\n  open: boolean;\r\n  onClose: () => void;\r\n  onSuccess?: () => void;\r\n}\r\n\r\nexport default function DisableTwoFactorAuthModal({\r\n  open,\r\n  onClose,\r\n  onSuccess,\r\n}: DisableTwoFactorAuthModalProps) {\r\n  const { code, setCode, isValid, isLoading, handleClose, handleSubmit } =\r\n    useDisableTwoFactorAuthForm({ onClose, onSuccess });\r\n\r\n  return (\r\n    <Dialog open={open} onOpenChange={handleClose}>\r\n      <DialogContent overlayClassName=\"z-[1010]\" className=\"z-[1011] flex flex-col p-0 gap-0 max-w-full! border-0 rounded-t-2xl rounded-b-none h-dvh top-0! bottom-0! left-0! right-0! translate-x-0! translate-y-0! lg:max-w-117.5! lg:h-auto! 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%]!\">\r\n        <form\r\n          onSubmit={(e) => {\r\n            e.preventDefault();\r\n            handleSubmit();\r\n          }}\r\n          className=\"flex flex-col flex-1 lg:flex-none\"\r\n        >\r\n          <div className=\"flex flex-col gap-4 lg:gap-5 p-4 lg:p-5 flex-1 lg:flex-none\">\r\n            <div className=\"flex items-center justify-center w-fit bg-gray-50 rounded-lg p-2\">\r\n              <IconShieldCheck size={20} className=\"text-gray-600\" />\r\n            </div>\r\n            <DialogHeader className=\"p-0 gap-2\">\r\n              <DialogTitle className=\"paragraph-medium-semibold text-gray-950\">\r\n                Desabilitar autenticação 2FA\r\n              </DialogTitle>\r\n              <DialogDescription className=\"paragraph-small-regular text-gray-600\">\r\n                Informe o código de 6 dígitos do seu aplicativo autenticador para confirmar a\r\n                desativação.\r\n              </DialogDescription>\r\n            </DialogHeader>\r\n\r\n            <div className=\"flex flex-col gap-2\">\r\n              <span className=\"paragraph-small-medium text-gray-700\">Código do autenticador</span>\r\n              <InputOTP maxLength={6} value={code} onChange={setCode}>\r\n                <InputOTPGroup className=\"gap-2\">\r\n                  {Array.from({ length: 6 }).map((_, i) => (\r\n                    <InputOTPSlot\r\n                      key={i}\r\n                      index={i}\r\n                      className=\"w-11! lg:w-12! h-13! lg:h-14! rounded-lg! text-lg border-gray-200\"\r\n                    />\r\n                  ))}\r\n                </InputOTPGroup>\r\n              </InputOTP>\r\n            </div>\r\n          </div>\r\n\r\n          <div className=\"flex flex-row items-center gap-2 p-4 lg:p-5 border-t border-gray-200 mt-auto lg:mt-0\">\r\n            <Button className=\"h-10! flex-1\" disabled={!isValid || isLoading} type=\"submit\">\r\n              {isLoading ? 'Desabilitando...' : 'Desabilitar 2FA'}\r\n            </Button>\r\n            <Button\r\n              variant=\"secondary\"\r\n              className=\"h-10! flex-1\"\r\n              type=\"button\"\r\n              onClick={handleClose}\r\n            >\r\n              Cancelar\r\n            </Button>\r\n          </div>\r\n        </form>\r\n      </DialogContent>\r\n    </Dialog>\r\n  );\r\n}\r\n"],"mappings":";AAwCc,cAEF,YAFE;AAtCd,SAAS,uBAAuB;AAChC,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,UAAU,eAAe,oBAAoB;AACtD,OAAO,iCAAiC;AAQzB,SAAR,0BAA2C;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AACF,GAAmC;AACjC,QAAM,EAAE,MAAM,SAAS,SAAS,WAAW,aAAa,aAAa,IACnE,4BAA4B,EAAE,SAAS,UAAU,CAAC;AAEpD,SACE,oBAAC,UAAO,MAAY,cAAc,aAChC,8BAAC,iBAAc,kBAAiB,YAAW,WAAU,yTACnD;AAAA,IAAC;AAAA;AAAA,MACC,UAAU,CAAC,MAAM;AACf,UAAE,eAAe;AACjB,qBAAa;AAAA,MACf;AAAA,MACA,WAAU;AAAA,MAEV;AAAA,6BAAC,SAAI,WAAU,+DACb;AAAA,8BAAC,SAAI,WAAU,oEACb,8BAAC,mBAAgB,MAAM,IAAI,WAAU,iBAAgB,GACvD;AAAA,UACA,qBAAC,gBAAa,WAAU,aACtB;AAAA,gCAAC,eAAY,WAAU,2CAA0C,gDAEjE;AAAA,YACA,oBAAC,qBAAkB,WAAU,yCAAwC,oHAGrE;AAAA,aACF;AAAA,UAEA,qBAAC,SAAI,WAAU,uBACb;AAAA,gCAAC,UAAK,WAAU,wCAAuC,uCAAsB;AAAA,YAC7E,oBAAC,YAAS,WAAW,GAAG,OAAO,MAAM,UAAU,SAC7C,8BAAC,iBAAc,WAAU,SACtB,gBAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,MACjC;AAAA,cAAC;AAAA;AAAA,gBAEC,OAAO;AAAA,gBACP,WAAU;AAAA;AAAA,cAFL;AAAA,YAGP,CACD,GACH,GACF;AAAA,aACF;AAAA,WACF;AAAA,QAEA,qBAAC,SAAI,WAAU,wFACb;AAAA,8BAAC,UAAO,WAAU,gBAAe,UAAU,CAAC,WAAW,WAAW,MAAK,UACpE,sBAAY,qBAAqB,mBACpC;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,WAAU;AAAA,cACV,MAAK;AAAA,cACL,SAAS;AAAA,cACV;AAAA;AAAA,UAED;AAAA,WACF;AAAA;AAAA;AAAA,EACF,GACF,GACF;AAEJ;","names":[]}

package/dist/components/account/IsntPossibleDeleteAccountModal.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { TriangleAlert } from "lucide-react";
+import { IconAlertTriangle } from "@tabler/icons-react";
 import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "../ui/overlay/Dialog";
 import { Button } from "../ui/buttons/Button";
 import { useAccountModals } from "../../store/useAccountModals";
@@ -10,7 +10,7 @@ function IsntPossibleDeleteAccountModal() {
   const open = activeModal === "isntPossibleDelete";
   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(TriangleAlert, { size: 20, className: "text-red-500" }) }),
+      /* @__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" }) }),
       /* @__PURE__ */ jsxs(DialogHeader, { className: "p-0 gap-2", children: [
         /* @__PURE__ */ jsx(DialogTitle, { className: "paragraph-medium-semibold text-gray-950", children: "N\xE3o \xE9 poss\xEDvel excluir a conta" }),
         /* @__PURE__ */ jsxs(DialogDescription, { className: "paragraph-small-regular text-gray-600", children: [

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/account/IsntPossibleDeleteAccountModal.tsx"],"sourcesContent":["'use client';\n\nimport { TriangleAlert } from 'lucide-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 { 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            <TriangleAlert 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              Não é possível excluir a conta\n            </DialogTitle>\n            <DialogDescription className=\"paragraph-small-regular text-gray-600\">\n              Você tem uma assinatura ativa. Para excluir sua conta,{' '}\n              <span className=\"font-semibold text-gray-950\">primeiro cancele a assinatura</span> na\n              página Assinatura e depois tente novamente.\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            Ok, entendi\n          </Button>\n          <Button\n            variant=\"secondary\"\n            className=\"h-10 flex-1\"\n            onClick={onGoToSubscription ?? close}\n          >\n            Ir para assinatura\n          </Button>\n        </div>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":";AAiBY,cAMA,YANA;AAfZ,SAAS,qBAAqB;AAC9B,SAAS,QAAQ,eAAe,mBAAmB,cAAc,mBAAmB;AACpF,SAAS,cAAc;AACvB,SAAS,wBAAwB;AAElB,SAAR,iCAAkD;AACvD,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,iBAAc,MAAM,IAAI,WAAU,gBAAe,GACpD;AAAA,MACA,qBAAC,gBAAa,WAAU,aACtB;AAAA,4BAAC,eAAY,WAAU,2CAA0C,qDAEjE;AAAA,QACA,qBAAC,qBAAkB,WAAU,yCAAwC;AAAA;AAAA,UACZ;AAAA,UACvD,oBAAC,UAAK,WAAU,+BAA8B,2CAA6B;AAAA,UAAO;AAAA,WAEpF;AAAA,SACF;AAAA,OACF;AAAA,IAEA,oBAAC,SAAI,WAAU,0BAAyB;AAAA,IAExC,qBAAC,SAAI,WAAU,oCACb;AAAA,0BAAC,UAAO,WAAU,eAAc,SAAS,OAAO,yBAEhD;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,WAAU;AAAA,UACV,SAAS,sBAAsB;AAAA,UAChC;AAAA;AAAA,MAED;AAAA,OACF;AAAA,KACF,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/account/IsntPossibleDeleteAccountModal.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { IconAlertTriangle } from '@tabler/icons-react';\r\nimport { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '../ui/overlay/Dialog';\r\nimport { Button } from '../ui/buttons/Button';\r\nimport { useAccountModals } from '../../store/useAccountModals';\r\n\r\nexport default function IsntPossibleDeleteAccountModal() {\r\n  const { activeModal, close, config } = useAccountModals();\r\n  const { onGoToSubscription } = config;\r\n  const open = activeModal === 'isntPossibleDelete';\r\n\r\n  return (\r\n    <Dialog open={open} onOpenChange={close}>\r\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%]!\">\r\n        <div className=\"flex flex-col gap-5\">\r\n          <div className=\"flex items-center justify-center w-fit bg-red-50 rounded-lg p-2.5\">\r\n            <IconAlertTriangle size={20} className=\"text-red-500\" />\r\n          </div>\r\n          <DialogHeader className=\"p-0 gap-2\">\r\n            <DialogTitle className=\"paragraph-medium-semibold text-gray-950\">\r\n              Não é possível excluir a conta\r\n            </DialogTitle>\r\n            <DialogDescription className=\"paragraph-small-regular text-gray-600\">\r\n              Você tem uma assinatura ativa. Para excluir sua conta,{' '}\r\n              <span className=\"font-semibold text-gray-950\">primeiro cancele a assinatura</span> na\r\n              página Assinatura e depois tente novamente.\r\n            </DialogDescription>\r\n          </DialogHeader>\r\n        </div>\r\n\r\n        <div className=\"h-px bg-gray-200 -mx-6\" />\r\n\r\n        <div className=\"flex flex-row items-center gap-2\">\r\n          <Button className=\"h-10 flex-1\" onClick={close}>\r\n            Ok, entendi\r\n          </Button>\r\n          <Button\r\n            variant=\"secondary\"\r\n            className=\"h-10 flex-1\"\r\n            onClick={onGoToSubscription ?? close}\r\n          >\r\n            Ir para assinatura\r\n          </Button>\r\n        </div>\r\n      </DialogContent>\r\n    </Dialog>\r\n  );\r\n}\r\n"],"mappings":";AAiBY,cAMA,YANA;AAfZ,SAAS,yBAAyB;AAClC,SAAS,QAAQ,eAAe,mBAAmB,cAAc,mBAAmB;AACpF,SAAS,cAAc;AACvB,SAAS,wBAAwB;AAElB,SAAR,iCAAkD;AACvD,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,2CAA0C,qDAEjE;AAAA,QACA,qBAAC,qBAAkB,WAAU,yCAAwC;AAAA;AAAA,UACZ;AAAA,UACvD,oBAAC,UAAK,WAAU,+BAA8B,2CAA6B;AAAA,UAAO;AAAA,WAEpF;AAAA,SACF;AAAA,OACF;AAAA,IAEA,oBAAC,SAAI,WAAU,0BAAyB;AAAA,IAExC,qBAAC,SAAI,WAAU,oCACb;AAAA,0BAAC,UAAO,WAAU,eAAc,SAAS,OAAO,yBAEhD;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,WAAU;AAAA,UACV,SAAS,sBAAsB;AAAA,UAChC;AAAA;AAAA,MAED;AAAA,OACF;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/components/account/TwoFactorAuthModal.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { ArrowLeft, X, Copy, RefreshCw } from "lucide-react";
+import { IconArrowLeft, IconX, IconCopy, IconRefresh } from "@tabler/icons-react";
 import { Button } from "../ui/buttons/Button";
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from "../ui/overlay/Dialog";
 import { Separator } from "../ui/data-display/Separator";
@@ -45,7 +45,7 @@ function TwoFactorAuthModal({ open, onClose, onSuccess }) {
                 variant: "ghost",
                 className: "size-8! p-0 absolute right-4",
                 onClick: handleClose,
-                children: /* @__PURE__ */ jsx(X, { size: 18 })
+                children: /* @__PURE__ */ jsx(IconX, { size: 18 })
               }
             )
           ] }),
@@ -68,7 +68,7 @@ function TwoFactorAuthModal({ open, onClose, onSuccess }) {
                   className: "h-8! w-fit",
                   onClick: handleCopyCodes,
                   children: [
-                    /* @__PURE__ */ jsx(Copy, { size: 16 }),
+                    /* @__PURE__ */ jsx(IconCopy, { size: 16 }),
                     "Copiar c\xF3digos"
                   ]
                 }
@@ -99,7 +99,7 @@ function TwoFactorAuthModal({ open, onClose, onSuccess }) {
               variant: "ghost",
               className: "size-8! p-0 absolute left-4",
               onClick: handleClose,
-              children: /* @__PURE__ */ jsx(ArrowLeft, { size: 20 })
+              children: /* @__PURE__ */ jsx(IconArrowLeft, { size: 20 })
             }
           ),
           /* @__PURE__ */ jsx("span", { className: "paragraph-medium-semibold text-gray-950 text-center", children: "Autentica\xE7\xE3o de dois fatores" }),
@@ -110,7 +110,7 @@ function TwoFactorAuthModal({ open, onClose, onSuccess }) {
               variant: "ghost",
               className: "size-8! p-0 absolute right-4",
               onClick: handleClose,
-              children: /* @__PURE__ */ jsx(X, { size: 18 })
+              children: /* @__PURE__ */ jsx(IconX, { size: 18 })
             }
           )
         ] }),
@@ -146,7 +146,7 @@ function TwoFactorAuthModal({ open, onClose, onSuccess }) {
                     onClick: () => retryGenerate(),
                     className: "flex flex-col items-center gap-1.5 text-center",
                     children: [
-                      /* @__PURE__ */ jsx(RefreshCw, { size: 20, className: "text-gray-400" }),
+                      /* @__PURE__ */ jsx(IconRefresh, { size: 20, className: "text-gray-400" }),
                       /* @__PURE__ */ jsx("span", { className: "paragraph-xsmall-medium text-gray-500", children: "Tentar novamente" })
                     ]
                   }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/account/TwoFactorAuthModal.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { ArrowLeft, X, Copy, RefreshCw } from 'lucide-react';\r\nimport { Button } from '../ui/buttons/Button';\r\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '../ui/overlay/Dialog';\r\nimport { Separator } from '../ui/data-display/Separator';\r\nimport { InputOTP, InputOTPGroup, InputOTPSlot } from '../ui/form/InputOtp';\r\nimport useTwoFactorAuthForm from './hooks/useTwoFactorAuthForm';\r\n\r\ninterface TwoFactorAuthModalProps {\r\n  open: boolean;\r\n  onClose: () => void;\r\n  onSuccess?: () => void;\r\n}\r\n\r\nexport default function TwoFactorAuthModal({ open, onClose, onSuccess }: TwoFactorAuthModalProps) {\r\n  const {\r\n    code,\r\n    setCode,\r\n    isCodeComplete,\r\n    isGenerating,\r\n    isConfirming,\r\n    generateFailed,\r\n    retryGenerate,\r\n    qrcode,\r\n    backupCodes,\r\n    step,\r\n    handleSubmit,\r\n    handleFinalize,\r\n    handleCopyCodes,\r\n    resetForm,\r\n  } = useTwoFactorAuthForm({ onSuccess, open });\r\n\r\n  const handleClose = () => {\r\n    resetForm();\r\n    onClose();\r\n  };\r\n\r\n  if (step === 'recovery') {\r\n    return (\r\n      <Dialog open={open} onOpenChange={handleClose}>\r\n        <DialogContent\r\n          showCloseButton={false}\r\n          overlayClassName=\"z-[1010]\"\r\n          className=\"z-[1011] flex flex-col p-0 gap-0 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-[470px]! lg:h-auto! 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%]!\"\r\n        >\r\n          <DialogHeader className=\"sr-only\">\r\n            <DialogTitle>Códigos de segurança</DialogTitle>\r\n          </DialogHeader>\r\n          <div className=\"flex items-center justify-center px-4 py-3 relative border-b border-gray-200 lg:border-b-0\">\r\n            <span className=\"paragraph-medium-semibold text-gray-950 text-center\">\r\n              Códigos de segurança\r\n            </span>\r\n            <Button\r\n              type=\"button\"\r\n              variant=\"ghost\"\r\n              className=\"size-8! p-0 absolute right-4\"\r\n              onClick={handleClose}\r\n            >\r\n              <X size={18} />\r\n            </Button>\r\n          </div>\r\n\r\n          <div className=\"flex flex-col gap-5 lg:gap-6 px-4 lg:px-5 py-5 lg:py-6 flex-1 lg:flex-none\">\r\n            <div className=\"flex flex-col gap-2\">\r\n              <h3 className=\"paragraph-medium-semibold text-gray-950 max-w-[269px]\">\r\n                Salve estes códigos de recuperação de emergência\r\n              </h3>\r\n              <div className=\"paragraph-small-regular text-gray-600\">\r\n                <p>\r\n                  Se você perder acesso ao seu telefone, não será possível fazer login em sua conta\r\n                  sem um código de dois fatores.\r\n                </p>\r\n                <br />\r\n                <p>Imprima, copie ou escreva em um local seguro os códigos abaixo.</p>\r\n              </div>\r\n            </div>\r\n\r\n            <div className=\"bg-gray-50 rounded-lg p-4 flex flex-col gap-4\">\r\n              <div className=\"paragraph-small-medium text-gray-950 whitespace-nowrap\">\r\n                {backupCodes.map((backupCode, i) => (\r\n                  <p key={i}>{backupCode}</p>\r\n                ))}\r\n              </div>\r\n              <Button\r\n                type=\"button\"\r\n                variant=\"secondary\"\r\n                className=\"h-8! w-fit\"\r\n                onClick={handleCopyCodes}\r\n              >\r\n                <Copy size={16} />\r\n                Copiar códigos\r\n              </Button>\r\n            </div>\r\n          </div>\r\n\r\n          <div className=\"flex items-center p-4 lg:p-5 border-t border-gray-200 justify-between mt-auto lg:mt-0\">\r\n            <Button variant=\"secondary\" className=\"h-10!\" type=\"button\" onClick={handleClose}>\r\n              Cancelar\r\n            </Button>\r\n            <Button className=\"h-10!\" type=\"button\" onClick={handleFinalize}>\r\n              Finalizar\r\n            </Button>\r\n          </div>\r\n        </DialogContent>\r\n      </Dialog>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <Dialog open={open} onOpenChange={handleClose}>\r\n      <DialogContent\r\n        showCloseButton={false}\r\n        overlayClassName=\"z-[1010]\"\r\n        className=\"z-[1011] flex flex-col p-0 gap-0 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-[470px]! lg:h-auto! lg:max-h-[90vh] lg:rounded-lg lg:border lg:top-[50%]! lg:left-[50%]! lg:right-auto! lg:bottom-auto! lg:translate-x-[-50%]! lg:translate-y-[-50%]!\"\r\n      >\r\n        <DialogHeader className=\"sr-only\">\r\n          <DialogTitle>Autenticação de dois fatores</DialogTitle>\r\n        </DialogHeader>\r\n        <div className=\"shrink-0 flex items-center justify-center px-4 py-3 relative border-b border-gray-200 lg:border-b-0\">\r\n          <Button\r\n            type=\"button\"\r\n            variant=\"ghost\"\r\n            className=\"size-8! p-0 absolute left-4\"\r\n            onClick={handleClose}\r\n          >\r\n            <ArrowLeft size={20} />\r\n          </Button>\r\n          <span className=\"paragraph-medium-semibold text-gray-950 text-center\">\r\n            Autenticação de dois fatores\r\n          </span>\r\n          <Button\r\n            type=\"button\"\r\n            variant=\"ghost\"\r\n            className=\"size-8! p-0 absolute right-4\"\r\n            onClick={handleClose}\r\n          >\r\n            <X size={18} />\r\n          </Button>\r\n        </div>\r\n\r\n        <form\r\n          className=\"flex-1 min-h-0 flex flex-col\"\r\n          onSubmit={(e) => {\r\n            e.preventDefault();\r\n            if (isCodeComplete) handleSubmit();\r\n          }}\r\n        >\r\n          <div className=\"flex-1 min-h-0 overflow-y-auto overscroll-contain lg:overflow-visible\">\r\n            <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\">\r\n              <p className=\"paragraph-small-regular text-gray-950 text-center max-w-full lg:max-w-[412px]\">\r\n                Instale um aplicativo autenticador no seu celular (ex.:{' '}\r\n                <a\r\n                  href=\"https://support.google.com/accounts/answer/1066447\"\r\n                  target=\"_blank\"\r\n                  rel=\"noopener noreferrer\"\r\n                  className=\"paragraph-small-medium underline\"\r\n                >\r\n                  Google Authenticator\r\n                </a>\r\n                ), escaneie o QR Code ao lado ou copie a chave no aplicativo e, em seguida, digite o\r\n                código de 6 dígitos gerado para continuar.\r\n              </p>\r\n\r\n              <div className=\"border border-gray-200 rounded-lg overflow-hidden p-2 lg:p-3 flex items-center justify-center w-[136px] h-[136px] lg:w-[203px] lg:h-[203px]\">\r\n                {generateFailed ? (\r\n                  <button\r\n                    type=\"button\"\r\n                    onClick={() => retryGenerate()}\r\n                    className=\"flex flex-col items-center gap-1.5 text-center\"\r\n                  >\r\n                    <RefreshCw size={20} className=\"text-gray-400\" />\r\n                    <span className=\"paragraph-xsmall-medium text-gray-500\">Tentar novamente</span>\r\n                  </button>\r\n                ) : isGenerating || !qrcode ? (\r\n                  <div className=\"skeleton w-full h-full rounded\" />\r\n                ) : (\r\n                  // eslint-disable-next-line @next/next/no-img-element\r\n                  <img\r\n                    src={qrcode}\r\n                    alt=\"QR Code para autenticação de dois fatores\"\r\n                    className=\"w-full h-full\"\r\n                  />\r\n                )}\r\n              </div>\r\n\r\n              <div className=\"flex items-center gap-3 w-full\">\r\n                <Separator className=\"flex-1\" />\r\n                <span className=\"paragraph-xsmall-medium text-gray-500 opacity-80 whitespace-nowrap\">\r\n                  Cole os 6 dígitos abaixo\r\n                </span>\r\n                <Separator className=\"flex-1\" />\r\n              </div>\r\n\r\n              <div className=\"scroll-mt-20\">\r\n                <InputOTP maxLength={6} value={code} onChange={setCode}>\r\n                  <InputOTPGroup className=\"gap-2\">\r\n                    {Array.from({ length: 6 }).map((_, i) => (\r\n                      <InputOTPSlot\r\n                        key={i}\r\n                        index={i}\r\n                        className=\"w-11! lg:w-12! h-13! lg:h-14! rounded-lg! text-lg border-gray-200\"\r\n                      />\r\n                    ))}\r\n                  </InputOTPGroup>\r\n                </InputOTP>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <div className=\"shrink-0 flex items-center p-4 lg:p-5 border-t border-gray-200 justify-between gap-2 bg-white\">\r\n            <Button variant=\"secondary\" className=\"h-10!\" type=\"button\" onClick={handleClose}>\r\n              Cancelar\r\n            </Button>\r\n            <Button type=\"submit\" className=\"h-10!\" disabled={!isCodeComplete || isConfirming}>\r\n              {isConfirming ? 'Ativando...' : 'Ativar autenticação'}\r\n            </Button>\r\n          </div>\r\n        </form>\r\n      </DialogContent>\r\n    </Dialog>\r\n  );\r\n}\r\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/account/TwoFactorAuthModal.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { IconArrowLeft, IconX, IconCopy, IconRefresh } from '@tabler/icons-react';\r\nimport { Button } from '../ui/buttons/Button';\r\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '../ui/overlay/Dialog';\r\nimport { Separator } from '../ui/data-display/Separator';\r\nimport { InputOTP, InputOTPGroup, InputOTPSlot } from '../ui/form/InputOtp';\r\nimport useTwoFactorAuthForm from './hooks/useTwoFactorAuthForm';\r\n\r\ninterface TwoFactorAuthModalProps {\r\n  open: boolean;\r\n  onClose: () => void;\r\n  onSuccess?: () => void;\r\n}\r\n\r\nexport default function TwoFactorAuthModal({ open, onClose, onSuccess }: TwoFactorAuthModalProps) {\r\n  const {\r\n    code,\r\n    setCode,\r\n    isCodeComplete,\r\n    isGenerating,\r\n    isConfirming,\r\n    generateFailed,\r\n    retryGenerate,\r\n    qrcode,\r\n    backupCodes,\r\n    step,\r\n    handleSubmit,\r\n    handleFinalize,\r\n    handleCopyCodes,\r\n    resetForm,\r\n  } = useTwoFactorAuthForm({ onSuccess, open });\r\n\r\n  const handleClose = () => {\r\n    resetForm();\r\n    onClose();\r\n  };\r\n\r\n  if (step === 'recovery') {\r\n    return (\r\n      <Dialog open={open} onOpenChange={handleClose}>\r\n        <DialogContent\r\n          showCloseButton={false}\r\n          overlayClassName=\"z-[1010]\"\r\n          className=\"z-[1011] flex flex-col p-0 gap-0 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-[470px]! lg:h-auto! 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%]!\"\r\n        >\r\n          <DialogHeader className=\"sr-only\">\r\n            <DialogTitle>Códigos de segurança</DialogTitle>\r\n          </DialogHeader>\r\n          <div className=\"flex items-center justify-center px-4 py-3 relative border-b border-gray-200 lg:border-b-0\">\r\n            <span className=\"paragraph-medium-semibold text-gray-950 text-center\">\r\n              Códigos de segurança\r\n            </span>\r\n            <Button\r\n              type=\"button\"\r\n              variant=\"ghost\"\r\n              className=\"size-8! p-0 absolute right-4\"\r\n              onClick={handleClose}\r\n            >\r\n              <IconX size={18} />\r\n            </Button>\r\n          </div>\r\n\r\n          <div className=\"flex flex-col gap-5 lg:gap-6 px-4 lg:px-5 py-5 lg:py-6 flex-1 lg:flex-none\">\r\n            <div className=\"flex flex-col gap-2\">\r\n              <h3 className=\"paragraph-medium-semibold text-gray-950 max-w-[269px]\">\r\n                Salve estes códigos de recuperação de emergência\r\n              </h3>\r\n              <div className=\"paragraph-small-regular text-gray-600\">\r\n                <p>\r\n                  Se você perder acesso ao seu telefone, não será possível fazer login em sua conta\r\n                  sem um código de dois fatores.\r\n                </p>\r\n                <br />\r\n                <p>Imprima, copie ou escreva em um local seguro os códigos abaixo.</p>\r\n              </div>\r\n            </div>\r\n\r\n            <div className=\"bg-gray-50 rounded-lg p-4 flex flex-col gap-4\">\r\n              <div className=\"paragraph-small-medium text-gray-950 whitespace-nowrap\">\r\n                {backupCodes.map((backupCode, i) => (\r\n                  <p key={i}>{backupCode}</p>\r\n                ))}\r\n              </div>\r\n              <Button\r\n                type=\"button\"\r\n                variant=\"secondary\"\r\n                className=\"h-8! w-fit\"\r\n                onClick={handleCopyCodes}\r\n              >\r\n                <IconCopy size={16} />\r\n                Copiar códigos\r\n              </Button>\r\n            </div>\r\n          </div>\r\n\r\n          <div className=\"flex items-center p-4 lg:p-5 border-t border-gray-200 justify-between mt-auto lg:mt-0\">\r\n            <Button variant=\"secondary\" className=\"h-10!\" type=\"button\" onClick={handleClose}>\r\n              Cancelar\r\n            </Button>\r\n            <Button className=\"h-10!\" type=\"button\" onClick={handleFinalize}>\r\n              Finalizar\r\n            </Button>\r\n          </div>\r\n        </DialogContent>\r\n      </Dialog>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <Dialog open={open} onOpenChange={handleClose}>\r\n      <DialogContent\r\n        showCloseButton={false}\r\n        overlayClassName=\"z-[1010]\"\r\n        className=\"z-[1011] flex flex-col p-0 gap-0 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-[470px]! lg:h-auto! lg:max-h-[90vh] lg:rounded-lg lg:border lg:top-[50%]! lg:left-[50%]! lg:right-auto! lg:bottom-auto! lg:translate-x-[-50%]! lg:translate-y-[-50%]!\"\r\n      >\r\n        <DialogHeader className=\"sr-only\">\r\n          <DialogTitle>Autenticação de dois fatores</DialogTitle>\r\n        </DialogHeader>\r\n        <div className=\"shrink-0 flex items-center justify-center px-4 py-3 relative border-b border-gray-200 lg:border-b-0\">\r\n          <Button\r\n            type=\"button\"\r\n            variant=\"ghost\"\r\n            className=\"size-8! p-0 absolute left-4\"\r\n            onClick={handleClose}\r\n          >\r\n            <IconArrowLeft size={20} />\r\n          </Button>\r\n          <span className=\"paragraph-medium-semibold text-gray-950 text-center\">\r\n            Autenticação de dois fatores\r\n          </span>\r\n          <Button\r\n            type=\"button\"\r\n            variant=\"ghost\"\r\n            className=\"size-8! p-0 absolute right-4\"\r\n            onClick={handleClose}\r\n          >\r\n            <IconX size={18} />\r\n          </Button>\r\n        </div>\r\n\r\n        <form\r\n          className=\"flex-1 min-h-0 flex flex-col\"\r\n          onSubmit={(e) => {\r\n            e.preventDefault();\r\n            if (isCodeComplete) handleSubmit();\r\n          }}\r\n        >\r\n          <div className=\"flex-1 min-h-0 overflow-y-auto overscroll-contain lg:overflow-visible\">\r\n            <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\">\r\n              <p className=\"paragraph-small-regular text-gray-950 text-center max-w-full lg:max-w-[412px]\">\r\n                Instale um aplicativo autenticador no seu celular (ex.:{' '}\r\n                <a\r\n                  href=\"https://support.google.com/accounts/answer/1066447\"\r\n                  target=\"_blank\"\r\n                  rel=\"noopener noreferrer\"\r\n                  className=\"paragraph-small-medium underline\"\r\n                >\r\n                  Google Authenticator\r\n                </a>\r\n                ), escaneie o QR Code ao lado ou copie a chave no aplicativo e, em seguida, digite o\r\n                código de 6 dígitos gerado para continuar.\r\n              </p>\r\n\r\n              <div className=\"border border-gray-200 rounded-lg overflow-hidden p-2 lg:p-3 flex items-center justify-center w-[136px] h-[136px] lg:w-[203px] lg:h-[203px]\">\r\n                {generateFailed ? (\r\n                  <button\r\n                    type=\"button\"\r\n                    onClick={() => retryGenerate()}\r\n                    className=\"flex flex-col items-center gap-1.5 text-center\"\r\n                  >\r\n                    <IconRefresh size={20} className=\"text-gray-400\" />\r\n                    <span className=\"paragraph-xsmall-medium text-gray-500\">Tentar novamente</span>\r\n                  </button>\r\n                ) : isGenerating || !qrcode ? (\r\n                  <div className=\"skeleton w-full h-full rounded\" />\r\n                ) : (\r\n                  // eslint-disable-next-line @next/next/no-img-element\r\n                  <img\r\n                    src={qrcode}\r\n                    alt=\"QR Code para autenticação de dois fatores\"\r\n                    className=\"w-full h-full\"\r\n                  />\r\n                )}\r\n              </div>\r\n\r\n              <div className=\"flex items-center gap-3 w-full\">\r\n                <Separator className=\"flex-1\" />\r\n                <span className=\"paragraph-xsmall-medium text-gray-500 opacity-80 whitespace-nowrap\">\r\n                  Cole os 6 dígitos abaixo\r\n                </span>\r\n                <Separator className=\"flex-1\" />\r\n              </div>\r\n\r\n              <div className=\"scroll-mt-20\">\r\n                <InputOTP maxLength={6} value={code} onChange={setCode}>\r\n                  <InputOTPGroup className=\"gap-2\">\r\n                    {Array.from({ length: 6 }).map((_, i) => (\r\n                      <InputOTPSlot\r\n                        key={i}\r\n                        index={i}\r\n                        className=\"w-11! lg:w-12! h-13! lg:h-14! rounded-lg! text-lg border-gray-200\"\r\n                      />\r\n                    ))}\r\n                  </InputOTPGroup>\r\n                </InputOTP>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <div className=\"shrink-0 flex items-center p-4 lg:p-5 border-t border-gray-200 justify-between gap-2 bg-white\">\r\n            <Button variant=\"secondary\" className=\"h-10!\" type=\"button\" onClick={handleClose}>\r\n              Cancelar\r\n            </Button>\r\n            <Button type=\"submit\" className=\"h-10!\" disabled={!isCodeComplete || isConfirming}>\r\n              {isConfirming ? 'Ativando...' : 'Ativar autenticação'}\r\n            </Button>\r\n          </div>\r\n        </form>\r\n      </DialogContent>\r\n    </Dialog>\r\n  );\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/components/account/hooks/useChangePhoneForm.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/account/hooks/useChangePhoneForm.tsx"],"sourcesContent":["'use client';\n\nimport { useState, useCallback } from 'react';\nimport { toast } from 'sonner';\nimport { Toast } from '../../ui/feedback/Toast';\nimport { requestPhoneChangeAction } from '../../../modules/accounts/actions/account-management.action';\n\nfunction splitPhoneValue(fullValue: string): { ddi: string; local: string } {\n  const trimmed = fullValue.trim();\n  const spaceIdx = trimmed.indexOf(' ');\n  if (spaceIdx === -1) return { ddi: '+55', local: trimmed };\n  return { ddi: trimmed.slice(0, spaceIdx), local: trimmed.slice(spaceIdx + 1) };\n}\n\nexport default function useChangePhoneForm() {\n  const [showVerification, setShowVerification] = useState(false);\n  const [phoneValue, setPhoneValue] = useState('');\n  const [phoneError, setPhoneError] = useState('');\n  const [isSubmitting, setIsSubmitting] = useState(false);\n  const [submittedPhone, setSubmittedPhone] = useState({ ddi: '+55', local: '' });\n\n  const handlePhoneChange = useCallback((value: string) => {\n    setPhoneValue(value);\n    if (phoneError) setPhoneError('');\n  }, [phoneError]);\n\n  const handleContinue = useCallback(async (e: React.FormEvent) => {\n    e.preventDefault();\n\n    const { ddi, local } = splitPhoneValue(phoneValue);\n\n    if (!local || local.replace(/\\D/g, '').length < 8) {\n      setPhoneError('Número de telefone inválido');\n      return;\n    }\n\n    setIsSubmitting(true);\n    try {\n      const result = await requestPhoneChangeAction(local, ddi);\n\n      if (!result.success) {\n        toast.custom((t) => (\n          <Toast\n            variant=\"error\"\n            message={result.error ?? 'Número já existente ou ocorreu um erro. Tente novamente mais tarde.'}\n            toastId={t}\n          />\n        ));\n        return;\n      }\n\n      setSubmittedPhone({ ddi, local });\n      setShowVerification(true);\n    } finally {\n      setIsSubmitting(false);\n    }\n  }, [phoneValue]);\n\n  const handleBack = useCallback(() => {\n    setShowVerification(false);\n  }, []);\n\n  const resetForm = useCallback(() => {\n    setPhoneValue('');\n    setPhoneError('');\n    setSubmittedPhone({ ddi: '+55', local: '' });\n    setShowVerification(false);\n  }, []);\n\n  return {\n    showVerification,\n    phoneValue,\n    phoneError,\n    isSubmitting,\n    submittedPhone,\n    handlePhoneChange,\n    handleContinue,\n    handleBack,\n    resetForm,\n  };\n}\n"],"mappings":";AA0CU;AAxCV,SAAS,UAAU,mBAAmB;AACtC,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB,SAAS,gCAAgC;AAEzC,SAAS,gBAAgB,WAAmD;AAC1E,QAAM,UAAU,UAAU,KAAK;AAC/B,QAAM,WAAW,QAAQ,QAAQ,GAAG;AACpC,MAAI,aAAa,GAAI,QAAO,EAAE,KAAK,OAAO,OAAO,QAAQ;AACzD,SAAO,EAAE,KAAK,QAAQ,MAAM,GAAG,QAAQ,GAAG,OAAO,QAAQ,MAAM,WAAW,CAAC,EAAE;AAC/E;AAEe,SAAR,qBAAsC;AAC3C,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAS,KAAK;AAC9D,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,EAAE;AAC/C,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,EAAE;AAC/C,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AACtD,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,EAAE,KAAK,OAAO,OAAO,GAAG,CAAC;AAE9E,QAAM,oBAAoB,YAAY,CAAC,UAAkB;AACvD,kBAAc,KAAK;AACnB,QAAI,WAAY,eAAc,EAAE;AAAA,EAClC,GAAG,CAAC,UAAU,CAAC;AAEf,QAAM,iBAAiB,YAAY,OAAO,MAAuB;AAC/D,MAAE,eAAe;AAEjB,UAAM,EAAE,KAAK,MAAM,IAAI,gBAAgB,UAAU;AAEjD,QAAI,CAAC,SAAS,MAAM,QAAQ,OAAO,EAAE,EAAE,SAAS,GAAG;AACjD,oBAAc,mCAA6B;AAC3C;AAAA,IACF;AAEA,oBAAgB,IAAI;AACpB,QAAI;AACF,YAAM,SAAS,MAAM,yBAAyB,OAAO,GAAG;AAExD,UAAI,CAAC,OAAO,SAAS;AACnB,cAAM,OAAO,CAAC,MACZ;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,SAAS,OAAO,SAAS;AAAA,YACzB,SAAS;AAAA;AAAA,QACX,CACD;AACD;AAAA,MACF;AAEA,wBAAkB,EAAE,KAAK,MAAM,CAAC;AAChC,0BAAoB,IAAI;AAAA,IAC1B,UAAE;AACA,sBAAgB,KAAK;AAAA,IACvB;AAAA,EACF,GAAG,CAAC,UAAU,CAAC;AAEf,QAAM,aAAa,YAAY,MAAM;AACnC,wBAAoB,KAAK;AAAA,EAC3B,GAAG,CAAC,CAAC;AAEL,QAAM,YAAY,YAAY,MAAM;AAClC,kBAAc,EAAE;AAChB,kBAAc,EAAE;AAChB,sBAAkB,EAAE,KAAK,OAAO,OAAO,GAAG,CAAC;AAC3C,wBAAoB,KAAK;AAAA,EAC3B,GAAG,CAAC,CAAC;AAEL,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/components/account/hooks/useChangePhoneForm.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { useState, useCallback } from 'react';\r\nimport { toast } from 'sonner';\r\nimport { Toast } from '../../ui/feedback/Toast';\r\nimport { requestPhoneChangeAction } from '../../../modules/accounts/actions/account-management.action';\r\n\r\nfunction splitPhoneValue(fullValue: string): { ddi: string; local: string } {\r\n  const trimmed = fullValue.trim();\r\n  const spaceIdx = trimmed.indexOf(' ');\r\n  if (spaceIdx === -1) return { ddi: '+55', local: trimmed };\r\n  return { ddi: trimmed.slice(0, spaceIdx), local: trimmed.slice(spaceIdx + 1) };\r\n}\r\n\r\nexport default function useChangePhoneForm() {\r\n  const [showVerification, setShowVerification] = useState(false);\r\n  const [phoneValue, setPhoneValue] = useState('');\r\n  const [phoneError, setPhoneError] = useState('');\r\n  const [isSubmitting, setIsSubmitting] = useState(false);\r\n  const [submittedPhone, setSubmittedPhone] = useState({ ddi: '+55', local: '' });\r\n\r\n  const handlePhoneChange = useCallback((value: string) => {\r\n    setPhoneValue(value);\r\n    if (phoneError) setPhoneError('');\r\n  }, [phoneError]);\r\n\r\n  const handleContinue = useCallback(async (e: React.FormEvent) => {\r\n    e.preventDefault();\r\n\r\n    const { ddi, local } = splitPhoneValue(phoneValue);\r\n\r\n    if (!local || local.replace(/\\D/g, '').length < 8) {\r\n      setPhoneError('Número de telefone inválido');\r\n      return;\r\n    }\r\n\r\n    setIsSubmitting(true);\r\n    try {\r\n      const result = await requestPhoneChangeAction(local, ddi);\r\n\r\n      if (!result.success) {\r\n        toast.custom((t) => (\r\n          <Toast\r\n            variant=\"error\"\r\n            message={result.error ?? 'Número já existente ou ocorreu um erro. Tente novamente mais tarde.'}\r\n            toastId={t}\r\n          />\r\n        ));\r\n        return;\r\n      }\r\n\r\n      setSubmittedPhone({ ddi, local });\r\n      setShowVerification(true);\r\n    } finally {\r\n      setIsSubmitting(false);\r\n    }\r\n  }, [phoneValue]);\r\n\r\n  const handleBack = useCallback(() => {\r\n    setShowVerification(false);\r\n  }, []);\r\n\r\n  const resetForm = useCallback(() => {\r\n    setPhoneValue('');\r\n    setPhoneError('');\r\n    setSubmittedPhone({ ddi: '+55', local: '' });\r\n    setShowVerification(false);\r\n  }, []);\r\n\r\n  return {\r\n    showVerification,\r\n    phoneValue,\r\n    phoneError,\r\n    isSubmitting,\r\n    submittedPhone,\r\n    handlePhoneChange,\r\n    handleContinue,\r\n    handleBack,\r\n    resetForm,\r\n  };\r\n}\r\n"],"mappings":";AA0CU;AAxCV,SAAS,UAAU,mBAAmB;AACtC,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB,SAAS,gCAAgC;AAEzC,SAAS,gBAAgB,WAAmD;AAC1E,QAAM,UAAU,UAAU,KAAK;AAC/B,QAAM,WAAW,QAAQ,QAAQ,GAAG;AACpC,MAAI,aAAa,GAAI,QAAO,EAAE,KAAK,OAAO,OAAO,QAAQ;AACzD,SAAO,EAAE,KAAK,QAAQ,MAAM,GAAG,QAAQ,GAAG,OAAO,QAAQ,MAAM,WAAW,CAAC,EAAE;AAC/E;AAEe,SAAR,qBAAsC;AAC3C,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAS,KAAK;AAC9D,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,EAAE;AAC/C,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,EAAE;AAC/C,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AACtD,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,EAAE,KAAK,OAAO,OAAO,GAAG,CAAC;AAE9E,QAAM,oBAAoB,YAAY,CAAC,UAAkB;AACvD,kBAAc,KAAK;AACnB,QAAI,WAAY,eAAc,EAAE;AAAA,EAClC,GAAG,CAAC,UAAU,CAAC;AAEf,QAAM,iBAAiB,YAAY,OAAO,MAAuB;AAC/D,MAAE,eAAe;AAEjB,UAAM,EAAE,KAAK,MAAM,IAAI,gBAAgB,UAAU;AAEjD,QAAI,CAAC,SAAS,MAAM,QAAQ,OAAO,EAAE,EAAE,SAAS,GAAG;AACjD,oBAAc,mCAA6B;AAC3C;AAAA,IACF;AAEA,oBAAgB,IAAI;AACpB,QAAI;AACF,YAAM,SAAS,MAAM,yBAAyB,OAAO,GAAG;AAExD,UAAI,CAAC,OAAO,SAAS;AACnB,cAAM,OAAO,CAAC,MACZ;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,SAAS,OAAO,SAAS;AAAA,YACzB,SAAS;AAAA;AAAA,QACX,CACD;AACD;AAAA,MACF;AAEA,wBAAkB,EAAE,KAAK,MAAM,CAAC;AAChC,0BAAoB,IAAI;AAAA,IAC1B,UAAE;AACA,sBAAgB,KAAK;AAAA,IACvB;AAAA,EACF,GAAG,CAAC,UAAU,CAAC;AAEf,QAAM,aAAa,YAAY,MAAM;AACnC,wBAAoB,KAAK;AAAA,EAC3B,GAAG,CAAC,CAAC;AAEL,QAAM,YAAY,YAAY,MAAM;AAClC,kBAAc,EAAE;AAChB,kBAAc,EAAE;AAChB,sBAAkB,EAAE,KAAK,OAAO,OAAO,GAAG,CAAC;AAC3C,wBAAoB,KAAK;AAAA,EAC3B,GAAG,CAAC,CAAC;AAEL,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":[]}

package/dist/components/account/hooks/useTwoFactorAuthForm.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/account/hooks/useTwoFactorAuthForm.tsx"],"sourcesContent":["'use client';\n\nimport { useState, useCallback, useEffect } from 'react';\nimport { useMutation } from '@tanstack/react-query';\nimport { toast } from 'sonner';\nimport { Toast } from '../../ui/feedback/Toast';\nimport { copyToClipboard } from '../../../utils/browser/clipboard';\nimport {\n  generateTwoFactorAction,\n  confirmTwoFactorAction,\n} from '../../../modules/accounts/actions/account-management.action';\nimport { withAction } from '../../../utils/withAction';\n\ntype Step = 'code' | 'recovery';\n\ninterface UseTwoFactorAuthFormProps {\n  onSuccess?: () => void;\n  open?: boolean;\n}\n\nexport default function useTwoFactorAuthForm({ onSuccess, open }: UseTwoFactorAuthFormProps = {}) {\n  const [code, setCode] = useState('');\n  const [step, setStep] = useState<Step>('code');\n\n  const generateMutation = useMutation({\n    mutationFn: withAction(generateTwoFactorAction),\n    onError: () => {\n      toast.custom((t) => (\n        <Toast variant=\"error\" message=\"Erro ao gerar QR Code. Tente novamente.\" toastId={t} />\n      ));\n    },\n  });\n\n  const confirmMutation = useMutation({\n    mutationFn: withAction(confirmTwoFactorAction),\n    onSuccess: () => {\n      setStep('recovery');\n    },\n    onError: () => {\n      toast.custom((t) => (\n        <Toast variant=\"error\" message=\"Erro ao confirmar código. Tente novamente.\" toastId={t} />\n      ));\n    },\n  });\n\n  const { mutate: triggerGenerate } = generateMutation;\n\n  useEffect(() => {\n    if (open) {\n      triggerGenerate();\n    }\n  }, [open, triggerGenerate]);\n\n  const generateFailed = generateMutation.isError;\n\n  const isCodeComplete = code.length === 6;\n\n  const handleSubmit = () => {\n    if (!isCodeComplete) return;\n    confirmMutation.mutate(code);\n  };\n\n  const handleFinalize = () => {\n    onSuccess?.();\n    setTimeout(resetForm, 300);\n  };\n\n  const handleCopyCodes = useCallback(async () => {\n    const codes = generateMutation.data?.backupCodes ?? [];\n    const success = await copyToClipboard(codes.join('\\n'));\n    if (success) {\n      toast.custom((t) => (\n        <Toast variant=\"success\" message=\"Códigos copiados com sucesso\" toastId={t} />\n      ));\n    }\n  }, [generateMutation.data]);\n\n  const resetForm = () => {\n    setCode('');\n    setStep('code');\n    generateMutation.reset();\n    confirmMutation.reset();\n  };\n\n  return {\n    code,\n    setCode,\n    isCodeComplete,\n    isGenerating: generateMutation.isPending,\n    isConfirming: confirmMutation.isPending,\n    generateFailed,\n    retryGenerate: triggerGenerate,\n    qrcode: generateMutation.data?.qrcode,\n    backupCodes: generateMutation.data?.backupCodes ?? [],\n    step,\n    handleSubmit,\n    handleFinalize,\n    handleCopyCodes,\n    resetForm,\n  };\n}\n"],"mappings":";AA4BQ;AA1BR,SAAS,UAAU,aAAa,iBAAiB;AACjD,SAAS,mBAAmB;AAC5B,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB,SAAS,uBAAuB;AAChC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,kBAAkB;AASZ,SAAR,qBAAsC,EAAE,WAAW,KAAK,IAA+B,CAAC,GAAG;AAChG,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,EAAE;AACnC,QAAM,CAAC,MAAM,OAAO,IAAI,SAAe,MAAM;AAE7C,QAAM,mBAAmB,YAAY;AAAA,IACnC,YAAY,WAAW,uBAAuB;AAAA,IAC9C,SAAS,MAAM;AACb,YAAM,OAAO,CAAC,MACZ,oBAAC,SAAM,SAAQ,SAAQ,SAAQ,2CAA0C,SAAS,GAAG,CACtF;AAAA,IACH;AAAA,EACF,CAAC;AAED,QAAM,kBAAkB,YAAY;AAAA,IAClC,YAAY,WAAW,sBAAsB;AAAA,IAC7C,WAAW,MAAM;AACf,cAAQ,UAAU;AAAA,IACpB;AAAA,IACA,SAAS,MAAM;AACb,YAAM,OAAO,CAAC,MACZ,oBAAC,SAAM,SAAQ,SAAQ,SAAQ,iDAA6C,SAAS,GAAG,CACzF;AAAA,IACH;AAAA,EACF,CAAC;AAED,QAAM,EAAE,QAAQ,gBAAgB,IAAI;AAEpC,YAAU,MAAM;AACd,QAAI,MAAM;AACR,sBAAgB;AAAA,IAClB;AAAA,EACF,GAAG,CAAC,MAAM,eAAe,CAAC;AAE1B,QAAM,iBAAiB,iBAAiB;AAExC,QAAM,iBAAiB,KAAK,WAAW;AAEvC,QAAM,eAAe,MAAM;AACzB,QAAI,CAAC,eAAgB;AACrB,oBAAgB,OAAO,IAAI;AAAA,EAC7B;AAEA,QAAM,iBAAiB,MAAM;AAC3B,gBAAY;AACZ,eAAW,WAAW,GAAG;AAAA,EAC3B;AAEA,QAAM,kBAAkB,YAAY,YAAY;AAC9C,UAAM,QAAQ,iBAAiB,MAAM,eAAe,CAAC;AACrD,UAAM,UAAU,MAAM,gBAAgB,MAAM,KAAK,IAAI,CAAC;AACtD,QAAI,SAAS;AACX,YAAM,OAAO,CAAC,MACZ,oBAAC,SAAM,SAAQ,WAAU,SAAQ,mCAA+B,SAAS,GAAG,CAC7E;AAAA,IACH;AAAA,EACF,GAAG,CAAC,iBAAiB,IAAI,CAAC;AAE1B,QAAM,YAAY,MAAM;AACtB,YAAQ,EAAE;AACV,YAAQ,MAAM;AACd,qBAAiB,MAAM;AACvB,oBAAgB,MAAM;AAAA,EACxB;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc,iBAAiB;AAAA,IAC/B,cAAc,gBAAgB;AAAA,IAC9B;AAAA,IACA,eAAe;AAAA,IACf,QAAQ,iBAAiB,MAAM;AAAA,IAC/B,aAAa,iBAAiB,MAAM,eAAe,CAAC;AAAA,IACpD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/components/account/hooks/useTwoFactorAuthForm.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { useState, useCallback, useEffect } from 'react';\r\nimport { useMutation } from '@tanstack/react-query';\r\nimport { toast } from 'sonner';\r\nimport { Toast } from '../../ui/feedback/Toast';\r\nimport { copyToClipboard } from '../../../utils/browser/clipboard';\r\nimport {\r\n  generateTwoFactorAction,\r\n  confirmTwoFactorAction,\r\n} from '../../../modules/accounts/actions/account-management.action';\r\nimport { withAction } from '../../../utils/withAction';\r\n\r\ntype Step = 'code' | 'recovery';\r\n\r\ninterface UseTwoFactorAuthFormProps {\r\n  onSuccess?: () => void;\r\n  open?: boolean;\r\n}\r\n\r\nexport default function useTwoFactorAuthForm({ onSuccess, open }: UseTwoFactorAuthFormProps = {}) {\r\n  const [code, setCode] = useState('');\r\n  const [step, setStep] = useState<Step>('code');\r\n\r\n  const generateMutation = useMutation({\r\n    mutationFn: withAction(generateTwoFactorAction),\r\n    onError: () => {\r\n      toast.custom((t) => (\r\n        <Toast variant=\"error\" message=\"Erro ao gerar QR Code. Tente novamente.\" toastId={t} />\r\n      ));\r\n    },\r\n  });\r\n\r\n  const confirmMutation = useMutation({\r\n    mutationFn: withAction(confirmTwoFactorAction),\r\n    onSuccess: () => {\r\n      setStep('recovery');\r\n    },\r\n    onError: () => {\r\n      toast.custom((t) => (\r\n        <Toast variant=\"error\" message=\"Erro ao confirmar código. Tente novamente.\" toastId={t} />\r\n      ));\r\n    },\r\n  });\r\n\r\n  const { mutate: triggerGenerate } = generateMutation;\r\n\r\n  useEffect(() => {\r\n    if (open) {\r\n      triggerGenerate();\r\n    }\r\n  }, [open, triggerGenerate]);\r\n\r\n  const generateFailed = generateMutation.isError;\r\n\r\n  const isCodeComplete = code.length === 6;\r\n\r\n  const handleSubmit = () => {\r\n    if (!isCodeComplete) return;\r\n    confirmMutation.mutate(code);\r\n  };\r\n\r\n  const handleFinalize = () => {\r\n    onSuccess?.();\r\n    setTimeout(resetForm, 300);\r\n  };\r\n\r\n  const handleCopyCodes = useCallback(async () => {\r\n    const codes = generateMutation.data?.backupCodes ?? [];\r\n    const success = await copyToClipboard(codes.join('\\n'));\r\n    if (success) {\r\n      toast.custom((t) => (\r\n        <Toast variant=\"success\" message=\"Códigos copiados com sucesso\" toastId={t} />\r\n      ));\r\n    }\r\n  }, [generateMutation.data]);\r\n\r\n  const resetForm = () => {\r\n    setCode('');\r\n    setStep('code');\r\n    generateMutation.reset();\r\n    confirmMutation.reset();\r\n  };\r\n\r\n  return {\r\n    code,\r\n    setCode,\r\n    isCodeComplete,\r\n    isGenerating: generateMutation.isPending,\r\n    isConfirming: confirmMutation.isPending,\r\n    generateFailed,\r\n    retryGenerate: triggerGenerate,\r\n    qrcode: generateMutation.data?.qrcode,\r\n    backupCodes: generateMutation.data?.backupCodes ?? [],\r\n    step,\r\n    handleSubmit,\r\n    handleFinalize,\r\n    handleCopyCodes,\r\n    resetForm,\r\n  };\r\n}\r\n"],"mappings":";AA4BQ;AA1BR,SAAS,UAAU,aAAa,iBAAiB;AACjD,SAAS,mBAAmB;AAC5B,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB,SAAS,uBAAuB;AAChC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,kBAAkB;AASZ,SAAR,qBAAsC,EAAE,WAAW,KAAK,IAA+B,CAAC,GAAG;AAChG,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,EAAE;AACnC,QAAM,CAAC,MAAM,OAAO,IAAI,SAAe,MAAM;AAE7C,QAAM,mBAAmB,YAAY;AAAA,IACnC,YAAY,WAAW,uBAAuB;AAAA,IAC9C,SAAS,MAAM;AACb,YAAM,OAAO,CAAC,MACZ,oBAAC,SAAM,SAAQ,SAAQ,SAAQ,2CAA0C,SAAS,GAAG,CACtF;AAAA,IACH;AAAA,EACF,CAAC;AAED,QAAM,kBAAkB,YAAY;AAAA,IAClC,YAAY,WAAW,sBAAsB;AAAA,IAC7C,WAAW,MAAM;AACf,cAAQ,UAAU;AAAA,IACpB;AAAA,IACA,SAAS,MAAM;AACb,YAAM,OAAO,CAAC,MACZ,oBAAC,SAAM,SAAQ,SAAQ,SAAQ,iDAA6C,SAAS,GAAG,CACzF;AAAA,IACH;AAAA,EACF,CAAC;AAED,QAAM,EAAE,QAAQ,gBAAgB,IAAI;AAEpC,YAAU,MAAM;AACd,QAAI,MAAM;AACR,sBAAgB;AAAA,IAClB;AAAA,EACF,GAAG,CAAC,MAAM,eAAe,CAAC;AAE1B,QAAM,iBAAiB,iBAAiB;AAExC,QAAM,iBAAiB,KAAK,WAAW;AAEvC,QAAM,eAAe,MAAM;AACzB,QAAI,CAAC,eAAgB;AACrB,oBAAgB,OAAO,IAAI;AAAA,EAC7B;AAEA,QAAM,iBAAiB,MAAM;AAC3B,gBAAY;AACZ,eAAW,WAAW,GAAG;AAAA,EAC3B;AAEA,QAAM,kBAAkB,YAAY,YAAY;AAC9C,UAAM,QAAQ,iBAAiB,MAAM,eAAe,CAAC;AACrD,UAAM,UAAU,MAAM,gBAAgB,MAAM,KAAK,IAAI,CAAC;AACtD,QAAI,SAAS;AACX,YAAM,OAAO,CAAC,MACZ,oBAAC,SAAM,SAAQ,WAAU,SAAQ,mCAA+B,SAAS,GAAG,CAC7E;AAAA,IACH;AAAA,EACF,GAAG,CAAC,iBAAiB,IAAI,CAAC;AAE1B,QAAM,YAAY,MAAM;AACtB,YAAQ,EAAE;AACV,YAAQ,MAAM;AACd,qBAAiB,MAAM;AACvB,oBAAgB,MAAM;AAAA,EACxB;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc,iBAAiB;AAAA,IAC/B,cAAc,gBAAgB;AAAA,IAC9B;AAAA,IACA,eAAe;AAAA,IACf,QAAQ,iBAAiB,MAAM;AAAA,IAC/B,aAAa,iBAAiB,MAAM,eAAe,CAAC;AAAA,IACpD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":[]}

package/dist/components/account/sections/ChangeEmailModal.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { ChevronLeft, X, Mail } from "lucide-react";
+import { IconChevronLeft, IconX, IconMail } from "@tabler/icons-react";
 import { Button } from "../../ui/buttons/Button";
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from "../../ui/overlay/Dialog";
 import { Separator } from "../../ui/data-display/Separator";
@@ -74,9 +74,9 @@ function ChangeEmailModal({ open, onClose }) {
       className: "flex flex-col p-0 gap-0 max-w-full! border-0 rounded-t-2xl rounded-b-none h-dvh top-0! bottom-0! left-0! right-0! translate-x-0! translate-y-0! lg:max-w-125! lg:h-auto! 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%]! z-[1003]!",
       children: [
         showVerification ? /* @__PURE__ */ jsxs(DialogHeader, { className: "flex flex-row items-center justify-between px-4 py-3 border-b border-gray-200 lg:border-b-0", children: [
-          /* @__PURE__ */ jsx(Button, { variant: "ghost", className: "size-8! p-0", onClick: handleBackFromVerification, children: /* @__PURE__ */ jsx(ChevronLeft, { size: 20, className: "text-gray-950" }) }),
+          /* @__PURE__ */ jsx(Button, { variant: "ghost", className: "size-8! p-0", onClick: handleBackFromVerification, children: /* @__PURE__ */ jsx(IconChevronLeft, { size: 20, className: "text-gray-950" }) }),
           /* @__PURE__ */ jsx(DialogTitle, { className: "paragraph-medium-semibold text-gray-950 text-center flex-1", children: "Alterar e-mail" }),
-          /* @__PURE__ */ jsx(Button, { variant: "ghost", className: "size-8! p-0", onClick: handleClose, children: /* @__PURE__ */ jsx(X, { size: 18, className: "text-gray-500" }) })
+          /* @__PURE__ */ jsx(Button, { variant: "ghost", className: "size-8! p-0", onClick: handleClose, children: /* @__PURE__ */ jsx(IconX, { size: 18, className: "text-gray-500" }) })
         ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx(DialogHeader, { className: "sr-only", children: /* @__PURE__ */ jsx(DialogTitle, { children: "Alterar e-mail" }) }),
           /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center px-4 py-3 relative border-b border-gray-200 lg:border-b-0", children: [
@@ -87,7 +87,7 @@ function ChangeEmailModal({ open, onClose }) {
                 variant: "ghost",
                 className: "absolute right-2 size-8! p-0",
                 onClick: handleClose,
-                children: /* @__PURE__ */ jsx(X, { size: 18, className: "text-gray-500" })
+                children: /* @__PURE__ */ jsx(IconX, { size: 18, className: "text-gray-500" })
               }
             )
           ] })
@@ -103,7 +103,7 @@ function ChangeEmailModal({ open, onClose }) {
             className: "flex flex-col flex-1 lg:flex-none",
             children: [
               /* @__PURE__ */ jsxs("div", { className: "px-4 lg:px-5 py-5 lg:py-6 flex flex-col gap-4 flex-1 lg:flex-none", children: [
-                /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center size-12 bg-white rounded-lg shadow-xs border border-gray-200", children: /* @__PURE__ */ jsx(Mail, { size: 20, className: "text-gray-950" }) }),
+                /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center size-12 bg-white rounded-lg shadow-xs border border-gray-200", children: /* @__PURE__ */ jsx(IconMail, { size: 20, className: "text-gray-950" }) }),
                 /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
                   /* @__PURE__ */ jsx("h3", { className: "paragraph-medium-semibold text-gray-950", children: "C\xF3digo de valida\xE7\xE3o" }),
                   /* @__PURE__ */ jsxs("p", { className: "paragraph-small-regular text-gray-600", children: [
@@ -162,7 +162,7 @@ function ChangeEmailModal({ open, onClose }) {
                 ...register("email"),
                 error: !!errors.email,
                 errorMessage: errors.email?.message,
-                leftIcon: Mail
+                leftIcon: IconMail
               }
             )
           ] }),