@greatapps/common 1.1.24 → 1.1.25

package/dist/components/account/ConfigurationsMyAccountModal.mjs

@@ -0,0 +1,121 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Lock, Settings2, User, X } from "lucide-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";
+import { AccountSectionType } from "../../enums/AccountSectionType";
+import { MyProfileSection } from "./sections/MyProfileSection";
+import { PreferencesSection } from "./sections/PreferencesSection";
+import { ChangePasswordSection } from "./sections/ChangePasswordSection";
+import { SecuritySection } from "./sections/SecuritySection";
+import useConfigurationsModal from "./hooks/useConfigurationsModal";
+import useIsMobile from "../../hooks/useIsMobile";
+function ConfigurationsMyAccountModal({
+  open,
+  onClose,
+  initialSection,
+  hasActiveSubscription,
+  currencies = [],
+  storageUrl,
+  onDeleteAccount
+}) {
+  const isMobile = useIsMobile();
+  const { activeSection, setActiveSection } = useConfigurationsModal({
+    isOpen: open,
+    initialSection
+  });
+  const tabTriggerClasses = cn(
+    "border-0! px-0 py-0",
+    "lg:rounded-md lg:flex lg:items-center lg:gap-2 lg:p-3 lg:justify-start lg:w-full",
+    "lg:bg-white lg:hover:bg-gray-100 lg:active:bg-gray-50 lg:border-0",
+    "lg:data-[state=active]:bg-gray-50",
+    "flex items-center gap-1.5 px-3 py-3 justify-center whitespace-nowrap",
+    "border-b-2 border-transparent",
+    "data-[state=active]:bg-gray-50 rounded-lg",
+    "text-gray-500 data-[state=active]:text-gray-950",
+    "hover:text-gray-900 transition-colors"
+  );
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: onClose, children: /* @__PURE__ */ jsxs(
+    DialogContent,
+    {
+      showCloseButton: !isMobile,
+      overlayClassName: "bg-black/20 lg:bg-black/50",
+      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%]!",
+      children: [
+        /* @__PURE__ */ jsx(DialogHeader, { className: "sr-only", children: /* @__PURE__ */ jsx(DialogTitle, { children: "Configura\xE7\xF5es" }) }),
+        /* @__PURE__ */ jsxs("div", { className: "md:hidden flex items-center justify-between px-5 py-3 border-b border-gray-200", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-gray-950 paragraph-medium-semibold", children: "Configura\xE7\xF5es" }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "size-8 flex items-center justify-center text-gray-500 cursor-pointer",
+              onClick: onClose,
+              children: /* @__PURE__ */ jsx(X, { size: 18 })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(
+          Tabs,
+          {
+            value: activeSection,
+            onValueChange: (value) => setActiveSection(value),
+            orientation: "vertical",
+            className: "flex lg:flex-row flex-col w-full h-full flex-1 lg:h-full lg:pt-0 lg:gap-0",
+            children: [
+              /* @__PURE__ */ jsxs(
+                TabsList,
+                {
+                  className: cn(
+                    "flex gap-0 bg-transparent border-b-0",
+                    "lg:flex-col lg:items-stretch lg:justify-start lg:w-auto lg:min-w-60",
+                    "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",
+                    "flex-row items-center justify-start w-full overflow-x-auto scrollbar-hide shrink-0",
+                    "px-4 py-3",
+                    "[mask-image:linear-gradient(to_right,transparent,black_16px,black_calc(100%-24px),transparent)] lg:[mask-image:none]"
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx("span", { className: "hidden lg:block 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("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("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("span", { className: "paragraph-small-medium", children: "Seguran\xE7a" })
+                      ] })
+                    ] })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { className: "w-full flex-1 min-h-0 lg:h-full overflow-hidden lg:overflow-visible relative", children: [
+                /* @__PURE__ */ jsx(TabsContent, { value: AccountSectionType.MY_PROFILE, className: "h-full! relative overflow-hidden", children: /* @__PURE__ */ jsx(MyProfileSection, { onClose, storageUrl }) }),
+                /* @__PURE__ */ jsx(TabsContent, { value: AccountSectionType.SECURITY, className: "h-full! relative overflow-hidden", children: /* @__PURE__ */ jsx(
+                  SecuritySection,
+                  {
+                    setActiveSection,
+                    onClose,
+                    hasActiveSubscription,
+                    onDeleteAccount
+                  }
+                ) }),
+                /* @__PURE__ */ jsx(TabsContent, { value: AccountSectionType.CHANGE_PASSWORD, className: "h-full! relative overflow-hidden", children: /* @__PURE__ */ jsx(ChangePasswordSection, { onBack: () => setActiveSection(AccountSectionType.SECURITY) }) }),
+                /* @__PURE__ */ jsx(TabsContent, { value: AccountSectionType.PREFERENCES, className: "h-full! relative overflow-hidden", children: /* @__PURE__ */ jsx(PreferencesSection, { onClose, currencies }) })
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  ) });
+}
+export {
+  ConfigurationsMyAccountModal as default
+};
+//# sourceMappingURL=ConfigurationsMyAccountModal.mjs.map

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

@@ -0,0 +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 type { ComboboxOption } from '../ui/form/ComboboxField';\r\n\r\ninterface ConfigurationsMyAccountModalProps {\r\n  open: boolean;\r\n  onClose: () => void;\r\n  initialSection?: AccountSectionType;\r\n  hasActiveSubscription?: boolean;\r\n  currencies?: ComboboxOption[];\r\n  storageUrl?: string;\r\n  onDeleteAccount?: () => void;\r\n}\r\n\r\nexport default function ConfigurationsMyAccountModal({\r\n  open,\r\n  onClose,\r\n  initialSection,\r\n  hasActiveSubscription,\r\n  currencies = [],\r\n  storageUrl,\r\n  onDeleteAccount,\r\n}: ConfigurationsMyAccountModalProps) {\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 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={onClose}>\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={onClose}\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={onClose} storageUrl={storageUrl} />\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={onClose}\r\n                hasActiveSubscription={hasActiveSubscription}\r\n                onDeleteAccount={onDeleteAccount}\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={onClose} currencies={currencies} />\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/ConfirmGlobalPreferencesModal.mjs

@@ -0,0 +1,45 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { TriangleAlert } from "lucide-react";
+import { Button } from "../ui/buttons/Button";
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+  DialogDescription
+} from "../ui/overlay/Dialog";
+import { Separator } from "../ui/data-display/Separator";
+function ConfirmGlobalPreferencesModal({
+  open,
+  onConfirm,
+  onCancel
+}) {
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: onCancel, children: /* @__PURE__ */ jsxs(DialogContent, { className: "flex flex-col p-0 gap-0 md:w-[386px]! lg:w-[386px]! max-w-[386px]! max-[386px]:w-[calc(100%-32px)]", children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { className: "sr-only", children: [
+      /* @__PURE__ */ jsx(DialogTitle, { children: "Alterar prefer\xEAncias globais" }),
+      /* @__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__ */ 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: [
+          "Voc\xEA est\xE1 alterando configura\xE7\xF5es que impactam",
+          " ",
+          /* @__PURE__ */ jsx("span", { className: "paragraph-small-semibold text-gray-950", children: "todos os usu\xE1rios da conta" }),
+          ". Deseja confirmar?"
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(Separator, { className: "w-full" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 p-5", children: [
+      /* @__PURE__ */ jsx(Button, { onClick: onConfirm, className: "h-10!", children: "Confirmar" }),
+      /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: onCancel, className: "h-10!", children: "Cancelar" })
+    ] })
+  ] }) });
+}
+export {
+  ConfirmGlobalPreferencesModal as default
+};
+//# sourceMappingURL=ConfirmGlobalPreferencesModal.mjs.map

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

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

package/dist/components/account/DisableTwoFactorAuthModal.mjs

@@ -0,0 +1,67 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ShieldCheck } from "lucide-react";
+import { Button } from "../ui/buttons/Button";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle
+} from "../ui/overlay/Dialog";
+import { InputOTP, InputOTPGroup, InputOTPSlot } from "../ui/form/InputOtp";
+import useDisableTwoFactorAuthForm from "./hooks/useDisableTwoFactorAuthForm";
+function DisableTwoFactorAuthModal({
+  open,
+  onClose,
+  onSuccess
+}) {
+  const { code, setCode, isValid, isLoading, handleClose, handleSubmit } = useDisableTwoFactorAuthForm({ onClose, onSuccess });
+  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-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%]!", children: /* @__PURE__ */ jsxs(
+    "form",
+    {
+      onSubmit: (e) => {
+        e.preventDefault();
+        handleSubmit();
+      },
+      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__ */ 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." })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+            /* @__PURE__ */ jsx("span", { className: "paragraph-small-medium text-gray-700", children: "C\xF3digo do autenticador" }),
+            /* @__PURE__ */ jsx(InputOTP, { maxLength: 6, value: code, onChange: setCode, children: /* @__PURE__ */ jsx(InputOTPGroup, { className: "gap-2", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsx(
+              InputOTPSlot,
+              {
+                index: i,
+                className: "w-11! lg:w-12! h-13! lg:h-14! rounded-lg! text-lg border-gray-200"
+              },
+              i
+            )) }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center gap-2 p-4 lg:p-5 border-t border-gray-200 mt-auto lg:mt-0", children: [
+          /* @__PURE__ */ jsx(Button, { className: "h-10! flex-1", disabled: !isValid || isLoading, type: "submit", children: isLoading ? "Desabilitando..." : "Desabilitar 2FA" }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "secondary",
+              className: "h-10! flex-1",
+              type: "button",
+              onClick: handleClose,
+              children: "Cancelar"
+            }
+          )
+        ] })
+      ]
+    }
+  ) }) });
+}
+export {
+  DisableTwoFactorAuthModal as default
+};
+//# sourceMappingURL=DisableTwoFactorAuthModal.mjs.map

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

@@ -0,0 +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 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-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,WAAU,gTACvB;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":[]}

package/dist/components/account/TwoFactorAuthModal.mjs

@@ -0,0 +1,190 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ArrowLeft, X, Copy, RefreshCw } from "lucide-react";
+import { Button } from "../ui/buttons/Button";
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from "../ui/overlay/Dialog";
+import { Separator } from "../ui/data-display/Separator";
+import { InputOTP, InputOTPGroup, InputOTPSlot } from "../ui/form/InputOtp";
+import useTwoFactorAuthForm from "./hooks/useTwoFactorAuthForm";
+function TwoFactorAuthModal({ open, onClose, onSuccess }) {
+  const {
+    code,
+    setCode,
+    isCodeComplete,
+    isGenerating,
+    isConfirming,
+    generateFailed,
+    retryGenerate,
+    qrcode,
+    backupCodes,
+    step,
+    handleSubmit,
+    handleFinalize,
+    handleCopyCodes,
+    resetForm
+  } = useTwoFactorAuthForm({ onSuccess, open });
+  const handleClose = () => {
+    resetForm();
+    onClose();
+  };
+  if (step === "recovery") {
+    return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: handleClose, children: /* @__PURE__ */ jsxs(
+      DialogContent,
+      {
+        showCloseButton: false,
+        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-[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%]!",
+        children: [
+          /* @__PURE__ */ jsx(DialogHeader, { className: "sr-only", children: /* @__PURE__ */ jsx(DialogTitle, { children: "C\xF3digos de seguran\xE7a" }) }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center px-4 py-3 relative border-b border-gray-200 lg:border-b-0", children: [
+            /* @__PURE__ */ jsx("span", { className: "paragraph-medium-semibold text-gray-950 text-center", children: "C\xF3digos de seguran\xE7a" }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                variant: "ghost",
+                className: "size-8! p-0 absolute right-4",
+                onClick: handleClose,
+                children: /* @__PURE__ */ jsx(X, { size: 18 })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("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", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+              /* @__PURE__ */ jsx("h3", { className: "paragraph-medium-semibold text-gray-950 max-w-[269px]", children: "Salve estes c\xF3digos de recupera\xE7\xE3o de emerg\xEAncia" }),
+              /* @__PURE__ */ jsxs("div", { className: "paragraph-small-regular text-gray-600", children: [
+                /* @__PURE__ */ jsx("p", { children: "Se voc\xEA perder acesso ao seu telefone, n\xE3o ser\xE1 poss\xEDvel fazer login em sua conta sem um c\xF3digo de dois fatores." }),
+                /* @__PURE__ */ jsx("br", {}),
+                /* @__PURE__ */ jsx("p", { children: "Imprima, copie ou escreva em um local seguro os c\xF3digos abaixo." })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "bg-gray-50 rounded-lg p-4 flex flex-col gap-4", children: [
+              /* @__PURE__ */ jsx("div", { className: "paragraph-small-medium text-gray-950 whitespace-nowrap", children: backupCodes.map((backupCode, i) => /* @__PURE__ */ jsx("p", { children: backupCode }, i)) }),
+              /* @__PURE__ */ jsxs(
+                Button,
+                {
+                  type: "button",
+                  variant: "secondary",
+                  className: "h-8! w-fit",
+                  onClick: handleCopyCodes,
+                  children: [
+                    /* @__PURE__ */ jsx(Copy, { size: 16 }),
+                    "Copiar c\xF3digos"
+                  ]
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center p-4 lg:p-5 border-t border-gray-200 justify-between mt-auto lg:mt-0", children: [
+            /* @__PURE__ */ jsx(Button, { variant: "secondary", className: "h-10!", type: "button", onClick: handleClose, children: "Cancelar" }),
+            /* @__PURE__ */ jsx(Button, { className: "h-10!", type: "button", onClick: handleFinalize, children: "Finalizar" })
+          ] })
+        ]
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: handleClose, children: /* @__PURE__ */ jsxs(
+    DialogContent,
+    {
+      showCloseButton: false,
+      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-[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%]!",
+      children: [
+        /* @__PURE__ */ jsx(DialogHeader, { className: "sr-only", children: /* @__PURE__ */ jsx(DialogTitle, { children: "Autentica\xE7\xE3o de dois fatores" }) }),
+        /* @__PURE__ */ jsxs("div", { className: "shrink-0 flex items-center justify-center px-4 py-3 relative border-b border-gray-200 lg:border-b-0", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "ghost",
+              className: "size-8! p-0 absolute left-4",
+              onClick: handleClose,
+              children: /* @__PURE__ */ jsx(ArrowLeft, { size: 20 })
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "paragraph-medium-semibold text-gray-950 text-center", children: "Autentica\xE7\xE3o de dois fatores" }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "ghost",
+              className: "size-8! p-0 absolute right-4",
+              onClick: handleClose,
+              children: /* @__PURE__ */ jsx(X, { size: 18 })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(
+          "form",
+          {
+            className: "flex-1 min-h-0 flex flex-col",
+            onSubmit: (e) => {
+              e.preventDefault();
+              if (isCodeComplete) handleSubmit();
+            },
+            children: [
+              /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-0 overflow-y-auto overscroll-contain lg:overflow-visible", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-4 lg:gap-8 px-4 lg:px-5 py-4 lg:py-6 pb-60 lg:pb-6", children: [
+                /* @__PURE__ */ jsxs("p", { className: "paragraph-small-regular text-gray-950 text-center max-w-full lg:max-w-[412px]", children: [
+                  "Instale um aplicativo autenticador no seu celular (ex.:",
+                  " ",
+                  /* @__PURE__ */ jsx(
+                    "a",
+                    {
+                      href: "https://support.google.com/accounts/answer/1066447",
+                      target: "_blank",
+                      rel: "noopener noreferrer",
+                      className: "paragraph-small-medium underline",
+                      children: "Google Authenticator"
+                    }
+                  ),
+                  "), escaneie o QR Code ao lado ou copie a chave no aplicativo e, em seguida, digite o c\xF3digo de 6 d\xEDgitos gerado para continuar."
+                ] }),
+                /* @__PURE__ */ jsx("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]", children: generateFailed ? /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    type: "button",
+                    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("span", { className: "paragraph-xsmall-medium text-gray-500", children: "Tentar novamente" })
+                    ]
+                  }
+                ) : isGenerating || !qrcode ? /* @__PURE__ */ jsx("div", { className: "w-full h-full rounded bg-gray-100 animate-pulse" }) : (
+                  // eslint-disable-next-line @next/next/no-img-element
+                  /* @__PURE__ */ jsx(
+                    "img",
+                    {
+                      src: qrcode,
+                      alt: "QR Code para autentica\xE7\xE3o de dois fatores",
+                      className: "w-full h-full"
+                    }
+                  )
+                ) }),
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 w-full", children: [
+                  /* @__PURE__ */ jsx(Separator, { className: "flex-1" }),
+                  /* @__PURE__ */ jsx("span", { className: "paragraph-xsmall-medium text-gray-500 opacity-80 whitespace-nowrap", children: "Cole os 6 d\xEDgitos abaixo" }),
+                  /* @__PURE__ */ jsx(Separator, { className: "flex-1" })
+                ] }),
+                /* @__PURE__ */ jsx("div", { className: "scroll-mt-20", children: /* @__PURE__ */ jsx(InputOTP, { maxLength: 6, value: code, onChange: setCode, children: /* @__PURE__ */ jsx(InputOTPGroup, { className: "gap-2", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsx(
+                  InputOTPSlot,
+                  {
+                    index: i,
+                    className: "w-11! lg:w-12! h-13! lg:h-14! rounded-lg! text-lg border-gray-200"
+                  },
+                  i
+                )) }) }) })
+              ] }) }),
+              /* @__PURE__ */ jsxs("div", { className: "shrink-0 flex items-center p-4 lg:p-5 border-t border-gray-200 justify-between gap-2 bg-white", children: [
+                /* @__PURE__ */ jsx(Button, { variant: "secondary", className: "h-10!", type: "button", onClick: handleClose, children: "Cancelar" }),
+                /* @__PURE__ */ jsx(Button, { type: "submit", className: "h-10!", disabled: !isCodeComplete || isConfirming, children: isConfirming ? "Ativando..." : "Ativar autentica\xE7\xE3o" })
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  ) });
+}
+export {
+  TwoFactorAuthModal as default
+};
+//# sourceMappingURL=TwoFactorAuthModal.mjs.map

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

@@ -0,0 +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          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-[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        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-[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=\"w-full h-full rounded bg-gray-100 animate-pulse\" />\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/constants.mjs

@@ -0,0 +1,32 @@
+import { buildTimezoneOptions } from "../../utils/intl/timezones";
+import { buildLocaleOptions } from "../../utils/intl/locales";
+const GENDER_OPTIONS = [
+  { value: "masculino", label: "Masculino", apiValue: 1 },
+  { value: "feminino", label: "Feminino", apiValue: 0 }
+];
+const LANGUAGE_OPTIONS = buildLocaleOptions();
+const CURRENCY_OPTIONS = [
+  { value: "BRL", label: "BRL (R$)", displayValue: "BRL (R$)" },
+  { value: "USD", label: "USD ($)", displayValue: "USD ($)" },
+  { value: "EUR", label: "EUR (\u20AC)", displayValue: "EUR (\u20AC)" }
+];
+const TIMEZONE_OPTIONS = buildTimezoneOptions();
+const TIME_FORMAT_OPTIONS = [
+  { value: "24h", label: "24 horas", displayValue: "24 horas" },
+  { value: "12h", label: "12 horas (AM/PM)", displayValue: "12 horas (AM/PM)" }
+];
+const NOTIFICATION_TYPES = [
+  "Atualiza\xE7\xF5es de projetos",
+  "Alertas de seguran\xE7a",
+  "Mudan\xE7as no plano ou faturamento",
+  "Manuten\xE7\xF5es programadas"
+];
+export {
+  CURRENCY_OPTIONS,
+  GENDER_OPTIONS,
+  LANGUAGE_OPTIONS,
+  NOTIFICATION_TYPES,
+  TIMEZONE_OPTIONS,
+  TIME_FORMAT_OPTIONS
+};
+//# sourceMappingURL=constants.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/account/constants.ts"],"sourcesContent":["import { buildTimezoneOptions } from '../../utils/intl/timezones';\r\nimport { buildLocaleOptions } from '../../utils/intl/locales';\r\n\r\nexport const GENDER_OPTIONS = [\r\n  { value: 'masculino', label: 'Masculino', apiValue: 1 },\r\n  { value: 'feminino', label: 'Feminino', apiValue: 0 },\r\n];\r\n\r\nexport const LANGUAGE_OPTIONS = buildLocaleOptions();\r\n\r\nexport const CURRENCY_OPTIONS = [\r\n  { value: 'BRL', label: 'BRL (R$)', displayValue: 'BRL (R$)' },\r\n  { value: 'USD', label: 'USD ($)', displayValue: 'USD ($)' },\r\n  { value: 'EUR', label: 'EUR (€)', displayValue: 'EUR (€)' },\r\n];\r\n\r\nexport const TIMEZONE_OPTIONS = buildTimezoneOptions();\r\n\r\nexport const TIME_FORMAT_OPTIONS = [\r\n  { value: '24h', label: '24 horas', displayValue: '24 horas' },\r\n  { value: '12h', label: '12 horas (AM/PM)', displayValue: '12 horas (AM/PM)' },\r\n];\r\n\r\nexport const NOTIFICATION_TYPES = [\r\n  'Atualizações de projetos',\r\n  'Alertas de segurança',\r\n  'Mudanças no plano ou faturamento',\r\n  'Manutenções programadas',\r\n];\r\n"],"mappings":"AAAA,SAAS,4BAA4B;AACrC,SAAS,0BAA0B;AAE5B,MAAM,iBAAiB;AAAA,EAC5B,EAAE,OAAO,aAAa,OAAO,aAAa,UAAU,EAAE;AAAA,EACtD,EAAE,OAAO,YAAY,OAAO,YAAY,UAAU,EAAE;AACtD;AAEO,MAAM,mBAAmB,mBAAmB;AAE5C,MAAM,mBAAmB;AAAA,EAC9B,EAAE,OAAO,OAAO,OAAO,YAAY,cAAc,WAAW;AAAA,EAC5D,EAAE,OAAO,OAAO,OAAO,WAAW,cAAc,UAAU;AAAA,EAC1D,EAAE,OAAO,OAAO,OAAO,gBAAW,cAAc,eAAU;AAC5D;AAEO,MAAM,mBAAmB,qBAAqB;AAE9C,MAAM,sBAAsB;AAAA,EACjC,EAAE,OAAO,OAAO,OAAO,YAAY,cAAc,WAAW;AAAA,EAC5D,EAAE,OAAO,OAAO,OAAO,oBAAoB,cAAc,mBAAmB;AAC9E;AAEO,MAAM,qBAAqB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;","names":[]}

package/dist/components/account/hooks/useChangeEmailForm.mjs

@@ -0,0 +1,53 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useState, useCallback } from "react";
+import { useForm } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { toast } from "sonner";
+import { Toast } from "../../ui/feedback/Toast";
+import { changeEmailSchema } from "../../../utils/validators/account";
+import { requestEmailChangeAction } from "../../../modules/accounts/actions/account-management.action";
+function useChangeEmailForm() {
+  const [showVerification, setShowVerification] = useState(false);
+  const { register, handleSubmit, reset, watch, formState: { errors, isSubmitting } } = useForm({
+    resolver: zodResolver(changeEmailSchema),
+    mode: "onChange",
+    defaultValues: { email: "" }
+  });
+  const handleContinue = handleSubmit(async (data) => {
+    const result = await requestEmailChangeAction(data.email);
+    if (!result.success) {
+      toast.custom((t) => /* @__PURE__ */ jsx(
+        Toast,
+        {
+          variant: "error",
+          message: result.error ?? "E-mail j\xE1 existente ou ocorreu um erro. Tente novamente mais tarde.",
+          toastId: t
+        }
+      ));
+      return;
+    }
+    setShowVerification(true);
+  });
+  const handleBack = useCallback(() => {
+    setShowVerification(false);
+  }, []);
+  const resetForm = useCallback(() => {
+    reset();
+    setShowVerification(false);
+  }, [reset]);
+  return {
+    showVerification,
+    emailToVerify: watch("email"),
+    isSubmitting,
+    errors,
+    register,
+    handleContinue,
+    handleBack,
+    resetForm
+  };
+}
+export {
+  useChangeEmailForm as default
+};
+//# sourceMappingURL=useChangeEmailForm.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/account/hooks/useChangeEmailForm.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { useState, useCallback } from 'react';\r\nimport { useForm } from 'react-hook-form';\r\nimport { zodResolver } from '@hookform/resolvers/zod';\r\nimport { toast } from 'sonner';\r\nimport { Toast } from '../../ui/feedback/Toast';\r\nimport { changeEmailSchema, type ChangeEmailFormData } from '../../../utils/validators/account';\r\nimport { requestEmailChangeAction } from '../../../modules/accounts/actions/account-management.action';\r\n\r\nexport default function useChangeEmailForm() {\r\n  const [showVerification, setShowVerification] = useState(false);\r\n\r\n  const { register, handleSubmit, reset, watch, formState: { errors, isSubmitting } } = useForm<ChangeEmailFormData>({\r\n    resolver: zodResolver(changeEmailSchema),\r\n    mode: 'onChange',\r\n    defaultValues: { email: '' },\r\n  });\r\n\r\n  const handleContinue = handleSubmit(async (data) => {\r\n    const result = await requestEmailChangeAction(data.email);\r\n\r\n    if (!result.success) {\r\n      toast.custom((t) => (\r\n        <Toast\r\n          variant=\"error\"\r\n          message={result.error ?? 'E-mail 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    setShowVerification(true);\r\n  });\r\n\r\n  const handleBack = useCallback(() => {\r\n    setShowVerification(false);\r\n  }, []);\r\n\r\n  const resetForm = useCallback(() => {\r\n    reset();\r\n    setShowVerification(false);\r\n  }, [reset]);\r\n\r\n  return {\r\n    showVerification,\r\n    emailToVerify: watch('email'),\r\n    isSubmitting,\r\n    errors,\r\n    register,\r\n    handleContinue,\r\n    handleBack,\r\n    resetForm,\r\n  };\r\n}\r\n"],"mappings":";AAwBQ;AAtBR,SAAS,UAAU,mBAAmB;AACtC,SAAS,eAAe;AACxB,SAAS,mBAAmB;AAC5B,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB,SAAS,yBAAmD;AAC5D,SAAS,gCAAgC;AAE1B,SAAR,qBAAsC;AAC3C,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAS,KAAK;AAE9D,QAAM,EAAE,UAAU,cAAc,OAAO,OAAO,WAAW,EAAE,QAAQ,aAAa,EAAE,IAAI,QAA6B;AAAA,IACjH,UAAU,YAAY,iBAAiB;AAAA,IACvC,MAAM;AAAA,IACN,eAAe,EAAE,OAAO,GAAG;AAAA,EAC7B,CAAC;AAED,QAAM,iBAAiB,aAAa,OAAO,SAAS;AAClD,UAAM,SAAS,MAAM,yBAAyB,KAAK,KAAK;AAExD,QAAI,CAAC,OAAO,SAAS;AACnB,YAAM,OAAO,CAAC,MACZ;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,OAAO,SAAS;AAAA,UACzB,SAAS;AAAA;AAAA,MACX,CACD;AACD;AAAA,IACF;AAEA,wBAAoB,IAAI;AAAA,EAC1B,CAAC;AAED,QAAM,aAAa,YAAY,MAAM;AACnC,wBAAoB,KAAK;AAAA,EAC3B,GAAG,CAAC,CAAC;AAEL,QAAM,YAAY,YAAY,MAAM;AAClC,UAAM;AACN,wBAAoB,KAAK;AAAA,EAC3B,GAAG,CAAC,KAAK,CAAC;AAEV,SAAO;AAAA,IACL;AAAA,IACA,eAAe,MAAM,OAAO;AAAA,IAC5B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":[]}