@greatapps/common 1.1.24 → 1.1.26

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

@@ -0,0 +1,47 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useForm } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useMutation } from "@tanstack/react-query";
+import { toast } from "sonner";
+import { Toast } from "../../ui/feedback/Toast";
+import { changePasswordSchema } from "../../../utils/validators/account";
+import { changePasswordAction } from "../../../modules/accounts/actions/account-management.action";
+function useChangePasswordForm({ onSuccess } = {}) {
+  const form = useForm({
+    resolver: zodResolver(changePasswordSchema),
+    mode: "onChange",
+    defaultValues: {
+      currentPassword: "",
+      newPassword: ""
+    }
+  });
+  const mutation = useMutation({
+    mutationFn: changePasswordAction,
+    onSuccess: (result) => {
+      if (!result.success) {
+        toast.custom((t) => /* @__PURE__ */ jsx(Toast, { variant: "error", message: result.error ?? "Erro ao alterar senha", toastId: t }));
+        return;
+      }
+      toast.custom((t) => /* @__PURE__ */ jsx(Toast, { variant: "success", message: "Senha alterada com sucesso", toastId: t }));
+      form.reset();
+      onSuccess?.();
+    },
+    onError: () => {
+      toast.custom((t) => /* @__PURE__ */ jsx(Toast, { variant: "error", message: "Erro ao alterar senha. Tente novamente.", toastId: t }));
+    }
+  });
+  const onSubmit = (data) => {
+    mutation.mutate(data);
+  };
+  return {
+    register: form.register,
+    handleSubmit: form.handleSubmit(onSubmit),
+    errors: form.formState.errors,
+    isLoading: mutation.isPending
+  };
+}
+export {
+  useChangePasswordForm as default
+};
+//# sourceMappingURL=useChangePasswordForm.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/account/hooks/useChangePasswordForm.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { useForm } from 'react-hook-form';\r\nimport { zodResolver } from '@hookform/resolvers/zod';\r\nimport { useMutation } from '@tanstack/react-query';\r\nimport { toast } from 'sonner';\r\nimport { Toast } from '../../ui/feedback/Toast';\r\nimport { changePasswordSchema, type ChangePasswordFormData } from '../../../utils/validators/account';\r\nimport { changePasswordAction } from '../../../modules/accounts/actions/account-management.action';\r\n\r\ninterface UseChangePasswordFormProps {\r\n  onSuccess?: () => void;\r\n}\r\n\r\nexport default function useChangePasswordForm({ onSuccess }: UseChangePasswordFormProps = {}) {\r\n  const form = useForm<ChangePasswordFormData>({\r\n    resolver: zodResolver(changePasswordSchema),\r\n    mode: 'onChange',\r\n    defaultValues: {\r\n      currentPassword: '',\r\n      newPassword: '',\r\n    },\r\n  });\r\n\r\n  const mutation = useMutation({\r\n    mutationFn: changePasswordAction,\r\n    onSuccess: (result) => {\r\n      if (!result.success) {\r\n        toast.custom((t) => (\r\n          <Toast variant=\"error\" message={result.error ?? 'Erro ao alterar senha'} toastId={t} />\r\n        ));\r\n        return;\r\n      }\r\n\r\n      toast.custom((t) => (\r\n        <Toast variant=\"success\" message=\"Senha alterada com sucesso\" toastId={t} />\r\n      ));\r\n\r\n      form.reset();\r\n      onSuccess?.();\r\n    },\r\n    onError: () => {\r\n      toast.custom((t) => (\r\n        <Toast variant=\"error\" message=\"Erro ao alterar senha. Tente novamente.\" toastId={t} />\r\n      ));\r\n    },\r\n  });\r\n\r\n  const onSubmit = (data: ChangePasswordFormData) => {\r\n    mutation.mutate(data);\r\n  };\r\n\r\n  return {\r\n    register: form.register,\r\n    handleSubmit: form.handleSubmit(onSubmit),\r\n    errors: form.formState.errors,\r\n    isLoading: mutation.isPending,\r\n  };\r\n}\r\n"],"mappings":";AA6BU;AA3BV,SAAS,eAAe;AACxB,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;AAC5B,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB,SAAS,4BAAyD;AAClE,SAAS,4BAA4B;AAMtB,SAAR,sBAAuC,EAAE,UAAU,IAAgC,CAAC,GAAG;AAC5F,QAAM,OAAO,QAAgC;AAAA,IAC3C,UAAU,YAAY,oBAAoB;AAAA,IAC1C,MAAM;AAAA,IACN,eAAe;AAAA,MACb,iBAAiB;AAAA,MACjB,aAAa;AAAA,IACf;AAAA,EACF,CAAC;AAED,QAAM,WAAW,YAAY;AAAA,IAC3B,YAAY;AAAA,IACZ,WAAW,CAAC,WAAW;AACrB,UAAI,CAAC,OAAO,SAAS;AACnB,cAAM,OAAO,CAAC,MACZ,oBAAC,SAAM,SAAQ,SAAQ,SAAS,OAAO,SAAS,yBAAyB,SAAS,GAAG,CACtF;AACD;AAAA,MACF;AAEA,YAAM,OAAO,CAAC,MACZ,oBAAC,SAAM,SAAQ,WAAU,SAAQ,8BAA6B,SAAS,GAAG,CAC3E;AAED,WAAK,MAAM;AACX,kBAAY;AAAA,IACd;AAAA,IACA,SAAS,MAAM;AACb,YAAM,OAAO,CAAC,MACZ,oBAAC,SAAM,SAAQ,SAAQ,SAAQ,2CAA0C,SAAS,GAAG,CACtF;AAAA,IACH;AAAA,EACF,CAAC;AAED,QAAM,WAAW,CAAC,SAAiC;AACjD,aAAS,OAAO,IAAI;AAAA,EACtB;AAEA,SAAO;AAAA,IACL,UAAU,KAAK;AAAA,IACf,cAAc,KAAK,aAAa,QAAQ;AAAA,IACxC,QAAQ,KAAK,UAAU;AAAA,IACvB,WAAW,SAAS;AAAA,EACtB;AACF;","names":[]}

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

@@ -0,0 +1,64 @@
+"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 { changePhoneSchema } from "../../../utils/validators/account";
+import { formatPhone } from "../../../utils/format/masks";
+import { requestPhoneChangeAction } from "../../../modules/accounts/actions/account-management.action";
+function useChangePhoneForm() {
+  const [showVerification, setShowVerification] = useState(false);
+  const form = useForm({
+    resolver: zodResolver(changePhoneSchema),
+    mode: "onChange",
+    defaultValues: { phone: "" }
+  });
+  const phoneValue = form.watch("phone");
+  const errors = form.formState.errors;
+  const isSubmitting = form.formState.isSubmitting;
+  const handlePhoneChange = useCallback(
+    (e) => {
+      const formatted = formatPhone(e.target.value);
+      form.setValue("phone", formatted, { shouldValidate: true });
+    },
+    [form]
+  );
+  const handleContinue = form.handleSubmit(async (data) => {
+    const result = await requestPhoneChangeAction(data.phone);
+    if (!result.success) {
+      toast.custom((t) => /* @__PURE__ */ jsx(
+        Toast,
+        {
+          variant: "error",
+          message: result.error ?? "N\xFAmero j\xE1 existente ou ocorreu um erro. Tente novamente mais tarde.",
+          toastId: t
+        }
+      ));
+      return;
+    }
+    setShowVerification(true);
+  });
+  const handleBack = useCallback(() => {
+    setShowVerification(false);
+  }, []);
+  const resetForm = useCallback(() => {
+    form.reset();
+    setShowVerification(false);
+  }, [form]);
+  return {
+    showVerification,
+    phoneValue,
+    isSubmitting,
+    errors,
+    handlePhoneChange,
+    handleContinue,
+    handleBack,
+    resetForm
+  };
+}
+export {
+  useChangePhoneForm as default
+};
+//# sourceMappingURL=useChangePhoneForm.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/account/hooks/useChangePhoneForm.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 { changePhoneSchema, type ChangePhoneFormData } from '../../../utils/validators/account';\r\nimport { formatPhone } from '../../../utils/format/masks';\r\nimport { requestPhoneChangeAction } from '../../../modules/accounts/actions/account-management.action';\r\n\r\nexport default function useChangePhoneForm() {\r\n  const [showVerification, setShowVerification] = useState(false);\r\n\r\n  const form = useForm<ChangePhoneFormData>({\r\n    resolver: zodResolver(changePhoneSchema),\r\n    mode: 'onChange',\r\n    defaultValues: { phone: '' },\r\n  });\r\n\r\n  const phoneValue = form.watch('phone');\r\n  const errors = form.formState.errors;\r\n  const isSubmitting = form.formState.isSubmitting;\r\n\r\n  const handlePhoneChange = useCallback(\r\n    (e: React.ChangeEvent<HTMLInputElement>) => {\r\n      const formatted = formatPhone(e.target.value);\r\n      form.setValue('phone', formatted, { shouldValidate: true });\r\n    },\r\n    [form]\r\n  );\r\n\r\n  const handleContinue = form.handleSubmit(async (data) => {\r\n    const result = await requestPhoneChangeAction(data.phone);\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    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    form.reset();\r\n    setShowVerification(false);\r\n  }, [form]);\r\n\r\n  return {\r\n    showVerification,\r\n    phoneValue,\r\n    isSubmitting,\r\n    errors,\r\n    handlePhoneChange,\r\n    handleContinue,\r\n    handleBack,\r\n    resetForm,\r\n  };\r\n}\r\n"],"mappings":";AAqCQ;AAnCR,SAAS,UAAU,mBAAmB;AACtC,SAAS,eAAe;AACxB,SAAS,mBAAmB;AAC5B,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB,SAAS,yBAAmD;AAC5D,SAAS,mBAAmB;AAC5B,SAAS,gCAAgC;AAE1B,SAAR,qBAAsC;AAC3C,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAS,KAAK;AAE9D,QAAM,OAAO,QAA6B;AAAA,IACxC,UAAU,YAAY,iBAAiB;AAAA,IACvC,MAAM;AAAA,IACN,eAAe,EAAE,OAAO,GAAG;AAAA,EAC7B,CAAC;AAED,QAAM,aAAa,KAAK,MAAM,OAAO;AACrC,QAAM,SAAS,KAAK,UAAU;AAC9B,QAAM,eAAe,KAAK,UAAU;AAEpC,QAAM,oBAAoB;AAAA,IACxB,CAAC,MAA2C;AAC1C,YAAM,YAAY,YAAY,EAAE,OAAO,KAAK;AAC5C,WAAK,SAAS,SAAS,WAAW,EAAE,gBAAgB,KAAK,CAAC;AAAA,IAC5D;AAAA,IACA,CAAC,IAAI;AAAA,EACP;AAEA,QAAM,iBAAiB,KAAK,aAAa,OAAO,SAAS;AACvD,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,SAAK,MAAM;AACX,wBAAoB,KAAK;AAAA,EAC3B,GAAG,CAAC,IAAI,CAAC;AAET,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":[]}

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

@@ -0,0 +1,33 @@
+"use client";
+import { useState, useCallback, useEffect } from "react";
+import { AccountSectionType } from "../../../enums/AccountSectionType";
+function useConfigurationsModal({
+  isOpen,
+  initialSection
+}) {
+  const [activeSection, setActiveSection] = useState(
+    AccountSectionType.MY_PROFILE
+  );
+  useEffect(() => {
+    if (isOpen && initialSection) {
+      setActiveSection(initialSection);
+    } else if (isOpen && !initialSection) {
+      setActiveSection(AccountSectionType.MY_PROFILE);
+    }
+  }, [isOpen, initialSection]);
+  const handleSectionChange = useCallback((section) => {
+    setActiveSection(section);
+  }, []);
+  const resetSection = useCallback(() => {
+    setActiveSection(AccountSectionType.MY_PROFILE);
+  }, []);
+  return {
+    activeSection,
+    setActiveSection: handleSectionChange,
+    resetSection
+  };
+}
+export {
+  useConfigurationsModal as default
+};
+//# sourceMappingURL=useConfigurationsModal.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/account/hooks/useConfigurationsModal.ts"],"sourcesContent":["'use client';\r\n\r\nimport { useState, useCallback, useEffect } from 'react';\r\nimport { AccountSectionType } from '../../../enums/AccountSectionType';\r\n\r\ninterface UseConfigurationsModalProps {\r\n  isOpen: boolean;\r\n  initialSection?: AccountSectionType;\r\n}\r\n\r\nexport default function useConfigurationsModal({\r\n  isOpen,\r\n  initialSection,\r\n}: UseConfigurationsModalProps) {\r\n  const [activeSection, setActiveSection] = useState<AccountSectionType>(\r\n    AccountSectionType.MY_PROFILE\r\n  );\r\n\r\n  useEffect(() => {\r\n    if (isOpen && initialSection) {\r\n      setActiveSection(initialSection);\r\n    } else if (isOpen && !initialSection) {\r\n      setActiveSection(AccountSectionType.MY_PROFILE);\r\n    }\r\n  }, [isOpen, initialSection]);\r\n\r\n  const handleSectionChange = useCallback((section: AccountSectionType) => {\r\n    setActiveSection(section);\r\n  }, []);\r\n\r\n  const resetSection = useCallback(() => {\r\n    setActiveSection(AccountSectionType.MY_PROFILE);\r\n  }, []);\r\n\r\n  return {\r\n    activeSection,\r\n    setActiveSection: handleSectionChange,\r\n    resetSection,\r\n  };\r\n}\r\n"],"mappings":";AAEA,SAAS,UAAU,aAAa,iBAAiB;AACjD,SAAS,0BAA0B;AAOpB,SAAR,uBAAwC;AAAA,EAC7C;AAAA,EACA;AACF,GAAgC;AAC9B,QAAM,CAAC,eAAe,gBAAgB,IAAI;AAAA,IACxC,mBAAmB;AAAA,EACrB;AAEA,YAAU,MAAM;AACd,QAAI,UAAU,gBAAgB;AAC5B,uBAAiB,cAAc;AAAA,IACjC,WAAW,UAAU,CAAC,gBAAgB;AACpC,uBAAiB,mBAAmB,UAAU;AAAA,IAChD;AAAA,EACF,GAAG,CAAC,QAAQ,cAAc,CAAC;AAE3B,QAAM,sBAAsB,YAAY,CAAC,YAAgC;AACvE,qBAAiB,OAAO;AAAA,EAC1B,GAAG,CAAC,CAAC;AAEL,QAAM,eAAe,YAAY,MAAM;AACrC,qBAAiB,mBAAmB,UAAU;AAAA,EAChD,GAAG,CAAC,CAAC;AAEL,SAAO;AAAA,IACL;AAAA,IACA,kBAAkB;AAAA,IAClB;AAAA,EACF;AACF;","names":[]}

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

@@ -0,0 +1,54 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useState, useCallback } from "react";
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { toast } from "sonner";
+import { Toast } from "../../ui/feedback/Toast";
+import { USER_QUERY_KEY } from "../../../modules/auth/hooks/useUserQuery";
+import { disableTwoFactorAction } from "../../../modules/accounts/actions/account-management.action";
+function useDisableTwoFactorAuthForm({
+  onClose,
+  onSuccess
+}) {
+  const [code, setCode] = useState("");
+  const queryClient = useQueryClient();
+  const isValid = code.length === 6;
+  const mutation = useMutation({
+    mutationFn: (otpCode) => disableTwoFactorAction(otpCode),
+    onSuccess: (result) => {
+      if (!result.success) {
+        toast.custom((t) => /* @__PURE__ */ jsx(Toast, { variant: "error", message: result.error ?? "C\xF3digo inv\xE1lido", toastId: t }));
+        return;
+      }
+      queryClient.invalidateQueries({ queryKey: USER_QUERY_KEY });
+      toast.custom((t) => /* @__PURE__ */ jsx(Toast, { variant: "success", message: "Autentica\xE7\xE3o de dois fatores desabilitada", toastId: t }));
+      setCode("");
+      onSuccess?.();
+    },
+    onError: () => {
+      toast.custom((t) => /* @__PURE__ */ jsx(Toast, { variant: "error", message: "Erro ao desabilitar 2FA. Tente novamente.", toastId: t }));
+    }
+  });
+  const { mutate, reset } = mutation;
+  const handleClose = useCallback(() => {
+    setCode("");
+    reset();
+    onClose();
+  }, [onClose, reset]);
+  const handleSubmit = useCallback(() => {
+    if (!isValid) return;
+    mutate(code);
+  }, [code, isValid, mutate]);
+  return {
+    code,
+    setCode,
+    isValid,
+    isLoading: mutation.isPending,
+    handleClose,
+    handleSubmit
+  };
+}
+export {
+  useDisableTwoFactorAuthForm as default
+};
+//# sourceMappingURL=useDisableTwoFactorAuthForm.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/account/hooks/useDisableTwoFactorAuthForm.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { useState, useCallback } from 'react';\r\nimport { useMutation, useQueryClient } from '@tanstack/react-query';\r\nimport { toast } from 'sonner';\r\nimport { Toast } from '../../ui/feedback/Toast';\r\nimport { USER_QUERY_KEY } from '../../../modules/auth/hooks/useUserQuery';\r\nimport { disableTwoFactorAction } from '../../../modules/accounts/actions/account-management.action';\r\n\r\ninterface UseDisableTwoFactorAuthFormProps {\r\n  onClose: () => void;\r\n  onSuccess?: () => void;\r\n}\r\n\r\nexport default function useDisableTwoFactorAuthForm({\r\n  onClose,\r\n  onSuccess,\r\n}: UseDisableTwoFactorAuthFormProps) {\r\n  const [code, setCode] = useState('');\r\n  const queryClient = useQueryClient();\r\n\r\n  const isValid = code.length === 6;\r\n\r\n  const mutation = useMutation({\r\n    mutationFn: (otpCode: string) => disableTwoFactorAction(otpCode),\r\n    onSuccess: (result) => {\r\n      if (!result.success) {\r\n        toast.custom((t) => (\r\n          <Toast variant=\"error\" message={result.error ?? 'Código inválido'} toastId={t} />\r\n        ));\r\n        return;\r\n      }\r\n\r\n      queryClient.invalidateQueries({ queryKey: USER_QUERY_KEY });\r\n      toast.custom((t) => (\r\n        <Toast variant=\"success\" message=\"Autenticação de dois fatores desabilitada\" toastId={t} />\r\n      ));\r\n      setCode('');\r\n      onSuccess?.();\r\n    },\r\n    onError: () => {\r\n      toast.custom((t) => (\r\n        <Toast variant=\"error\" message=\"Erro ao desabilitar 2FA. Tente novamente.\" toastId={t} />\r\n      ));\r\n    },\r\n  });\r\n\r\n  const { mutate, reset } = mutation;\r\n\r\n  const handleClose = useCallback(() => {\r\n    setCode('');\r\n    reset();\r\n    onClose();\r\n  }, [onClose, reset]);\r\n\r\n  const handleSubmit = useCallback(() => {\r\n    if (!isValid) return;\r\n    mutate(code);\r\n  }, [code, isValid, mutate]);\r\n\r\n  return {\r\n    code,\r\n    setCode,\r\n    isValid,\r\n    isLoading: mutation.isPending,\r\n    handleClose,\r\n    handleSubmit,\r\n  };\r\n}\r\n"],"mappings":";AA4BU;AA1BV,SAAS,UAAU,mBAAmB;AACtC,SAAS,aAAa,sBAAsB;AAC5C,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB,SAAS,sBAAsB;AAC/B,SAAS,8BAA8B;AAOxB,SAAR,4BAA6C;AAAA,EAClD;AAAA,EACA;AACF,GAAqC;AACnC,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,EAAE;AACnC,QAAM,cAAc,eAAe;AAEnC,QAAM,UAAU,KAAK,WAAW;AAEhC,QAAM,WAAW,YAAY;AAAA,IAC3B,YAAY,CAAC,YAAoB,uBAAuB,OAAO;AAAA,IAC/D,WAAW,CAAC,WAAW;AACrB,UAAI,CAAC,OAAO,SAAS;AACnB,cAAM,OAAO,CAAC,MACZ,oBAAC,SAAM,SAAQ,SAAQ,SAAS,OAAO,SAAS,yBAAmB,SAAS,GAAG,CAChF;AACD;AAAA,MACF;AAEA,kBAAY,kBAAkB,EAAE,UAAU,eAAe,CAAC;AAC1D,YAAM,OAAO,CAAC,MACZ,oBAAC,SAAM,SAAQ,WAAU,SAAQ,mDAA4C,SAAS,GAAG,CAC1F;AACD,cAAQ,EAAE;AACV,kBAAY;AAAA,IACd;AAAA,IACA,SAAS,MAAM;AACb,YAAM,OAAO,CAAC,MACZ,oBAAC,SAAM,SAAQ,SAAQ,SAAQ,6CAA4C,SAAS,GAAG,CACxF;AAAA,IACH;AAAA,EACF,CAAC;AAED,QAAM,EAAE,QAAQ,MAAM,IAAI;AAE1B,QAAM,cAAc,YAAY,MAAM;AACpC,YAAQ,EAAE;AACV,UAAM;AACN,YAAQ;AAAA,EACV,GAAG,CAAC,SAAS,KAAK,CAAC;AAEnB,QAAM,eAAe,YAAY,MAAM;AACrC,QAAI,CAAC,QAAS;AACd,WAAO,IAAI;AAAA,EACb,GAAG,CAAC,MAAM,SAAS,MAAM,CAAC;AAE1B,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,SAAS;AAAA,IACpB;AAAA,IACA;AAAA,EACF;AACF;","names":[]}

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

@@ -0,0 +1,94 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useState, useCallback } from "react";
+import { toast } from "sonner";
+import { Toast } from "../../ui/feedback/Toast";
+import useCountdownTimer from "../../../hooks/useCountdownTimer";
+import { OTP_CODE_LENGTH, VALID_OTP_CODE } from "../../../utils/validators/account";
+import { hasExactLength } from "../../../utils/validators/common";
+function useOtpVerification({
+  onSuccess,
+  successMessage,
+  validateFn,
+  resendFn
+}) {
+  const [code, setCode] = useState("");
+  const [isLoading, setIsLoading] = useState(false);
+  const [hasError, setHasError] = useState(false);
+  const {
+    seconds: timer,
+    isExpired: canResend,
+    reset: resetTimer
+  } = useCountdownTimer({ initialSeconds: 59 });
+  const handleCodeChange = useCallback(
+    (value) => {
+      setCode(value.toUpperCase());
+      if (hasError) {
+        setHasError(false);
+      }
+    },
+    [hasError]
+  );
+  const handleValidate = useCallback(async () => {
+    if (!hasExactLength(code, OTP_CODE_LENGTH)) return;
+    setIsLoading(true);
+    setHasError(false);
+    try {
+      let isValid;
+      if (validateFn) {
+        isValid = await validateFn(code);
+      } else {
+        await new Promise((resolve) => setTimeout(resolve, 500));
+        isValid = code === VALID_OTP_CODE;
+      }
+      if (!isValid) {
+        setHasError(true);
+        return;
+      }
+      toast.custom((t) => /* @__PURE__ */ jsx(Toast, { variant: "success", message: successMessage, toastId: t }));
+      setCode("");
+      onSuccess();
+    } catch (error) {
+      console.error("Erro ao validar c\xF3digo:", error);
+      setHasError(true);
+    } finally {
+      setIsLoading(false);
+    }
+  }, [code, onSuccess, successMessage, validateFn]);
+  const handleResend = useCallback(async () => {
+    if (!canResend) return;
+    try {
+      resetTimer();
+      setHasError(false);
+      setCode("");
+      if (resendFn) {
+        await resendFn();
+      }
+      toast.custom((t) => /* @__PURE__ */ jsx(Toast, { variant: "success", message: "C\xF3digo reenviado", toastId: t }));
+    } catch (error) {
+      console.error("Erro ao reenviar c\xF3digo:", error);
+      toast.custom((t) => /* @__PURE__ */ jsx(Toast, { variant: "error", message: "Erro ao reenviar c\xF3digo. Tente novamente.", toastId: t }));
+    }
+  }, [canResend, resetTimer, resendFn]);
+  const reset = useCallback(() => {
+    setCode("");
+    setHasError(false);
+  }, []);
+  const isValidLength = hasExactLength(code, OTP_CODE_LENGTH);
+  return {
+    code,
+    isLoading,
+    hasError,
+    timer,
+    canResend,
+    isValidLength,
+    handleCodeChange,
+    handleValidate,
+    handleResend,
+    reset
+  };
+}
+export {
+  useOtpVerification as default
+};
+//# sourceMappingURL=useOtpVerification.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/account/hooks/useOtpVerification.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 useCountdownTimer from '../../../hooks/useCountdownTimer';\r\nimport { OTP_CODE_LENGTH, VALID_OTP_CODE } from '../../../utils/validators/account';\r\nimport { hasExactLength } from '../../../utils/validators/common';\r\n\r\ninterface UseOtpVerificationOptions {\r\n  onSuccess: () => void;\r\n  successMessage: string;\r\n  validateFn?: (code: string) => Promise<boolean>;\r\n  resendFn?: () => Promise<void>;\r\n}\r\n\r\nexport default function useOtpVerification({\r\n  onSuccess,\r\n  successMessage,\r\n  validateFn,\r\n  resendFn,\r\n}: UseOtpVerificationOptions) {\r\n  const [code, setCode] = useState('');\r\n  const [isLoading, setIsLoading] = useState(false);\r\n  const [hasError, setHasError] = useState(false);\r\n\r\n  const {\r\n    seconds: timer,\r\n    isExpired: canResend,\r\n    reset: resetTimer,\r\n  } = useCountdownTimer({ initialSeconds: 59 });\r\n\r\n  const handleCodeChange = useCallback(\r\n    (value: string) => {\r\n      setCode(value.toUpperCase());\r\n      if (hasError) {\r\n        setHasError(false);\r\n      }\r\n    },\r\n    [hasError]\r\n  );\r\n\r\n  const handleValidate = useCallback(async () => {\r\n    if (!hasExactLength(code, OTP_CODE_LENGTH)) return;\r\n\r\n    setIsLoading(true);\r\n    setHasError(false);\r\n\r\n    try {\r\n      let isValid: boolean;\r\n\r\n      if (validateFn) {\r\n        isValid = await validateFn(code);\r\n      } else {\r\n        await new Promise((resolve) => setTimeout(resolve, 500));\r\n        isValid = code === VALID_OTP_CODE;\r\n      }\r\n\r\n      if (!isValid) {\r\n        setHasError(true);\r\n        return;\r\n      }\r\n\r\n      toast.custom((t) => <Toast variant=\"success\" message={successMessage} toastId={t} />);\r\n\r\n      setCode('');\r\n      onSuccess();\r\n    } catch (error) {\r\n      console.error('Erro ao validar código:', error);\r\n      setHasError(true);\r\n    } finally {\r\n      setIsLoading(false);\r\n    }\r\n  }, [code, onSuccess, successMessage, validateFn]);\r\n\r\n  const handleResend = useCallback(async () => {\r\n    if (!canResend) return;\r\n\r\n    try {\r\n      resetTimer();\r\n      setHasError(false);\r\n      setCode('');\r\n\r\n      if (resendFn) {\r\n        await resendFn();\r\n      }\r\n\r\n      toast.custom((t) => <Toast variant=\"success\" message=\"Código reenviado\" toastId={t} />);\r\n    } catch (error) {\r\n      console.error('Erro ao reenviar código:', error);\r\n      toast.custom((t) => (\r\n        <Toast variant=\"error\" message=\"Erro ao reenviar código. Tente novamente.\" toastId={t} />\r\n      ));\r\n    }\r\n  }, [canResend, resetTimer, resendFn]);\r\n\r\n  const reset = useCallback(() => {\r\n    setCode('');\r\n    setHasError(false);\r\n  }, []);\r\n\r\n  const isValidLength = hasExactLength(code, OTP_CODE_LENGTH);\r\n\r\n  return {\r\n    code,\r\n    isLoading,\r\n    hasError,\r\n    timer,\r\n    canResend,\r\n    isValidLength,\r\n    handleCodeChange,\r\n    handleValidate,\r\n    handleResend,\r\n    reset,\r\n  };\r\n}\r\n"],"mappings":";AA+D0B;AA7D1B,SAAS,UAAU,mBAAmB;AACtC,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB,OAAO,uBAAuB;AAC9B,SAAS,iBAAiB,sBAAsB;AAChD,SAAS,sBAAsB;AAShB,SAAR,mBAAoC;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA8B;AAC5B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,EAAE;AACnC,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAE9C,QAAM;AAAA,IACJ,SAAS;AAAA,IACT,WAAW;AAAA,IACX,OAAO;AAAA,EACT,IAAI,kBAAkB,EAAE,gBAAgB,GAAG,CAAC;AAE5C,QAAM,mBAAmB;AAAA,IACvB,CAAC,UAAkB;AACjB,cAAQ,MAAM,YAAY,CAAC;AAC3B,UAAI,UAAU;AACZ,oBAAY,KAAK;AAAA,MACnB;AAAA,IACF;AAAA,IACA,CAAC,QAAQ;AAAA,EACX;AAEA,QAAM,iBAAiB,YAAY,YAAY;AAC7C,QAAI,CAAC,eAAe,MAAM,eAAe,EAAG;AAE5C,iBAAa,IAAI;AACjB,gBAAY,KAAK;AAEjB,QAAI;AACF,UAAI;AAEJ,UAAI,YAAY;AACd,kBAAU,MAAM,WAAW,IAAI;AAAA,MACjC,OAAO;AACL,cAAM,IAAI,QAAQ,CAAC,YAAY,WAAW,SAAS,GAAG,CAAC;AACvD,kBAAU,SAAS;AAAA,MACrB;AAEA,UAAI,CAAC,SAAS;AACZ,oBAAY,IAAI;AAChB;AAAA,MACF;AAEA,YAAM,OAAO,CAAC,MAAM,oBAAC,SAAM,SAAQ,WAAU,SAAS,gBAAgB,SAAS,GAAG,CAAE;AAEpF,cAAQ,EAAE;AACV,gBAAU;AAAA,IACZ,SAAS,OAAO;AACd,cAAQ,MAAM,8BAA2B,KAAK;AAC9C,kBAAY,IAAI;AAAA,IAClB,UAAE;AACA,mBAAa,KAAK;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,MAAM,WAAW,gBAAgB,UAAU,CAAC;AAEhD,QAAM,eAAe,YAAY,YAAY;AAC3C,QAAI,CAAC,UAAW;AAEhB,QAAI;AACF,iBAAW;AACX,kBAAY,KAAK;AACjB,cAAQ,EAAE;AAEV,UAAI,UAAU;AACZ,cAAM,SAAS;AAAA,MACjB;AAEA,YAAM,OAAO,CAAC,MAAM,oBAAC,SAAM,SAAQ,WAAU,SAAQ,uBAAmB,SAAS,GAAG,CAAE;AAAA,IACxF,SAAS,OAAO;AACd,cAAQ,MAAM,+BAA4B,KAAK;AAC/C,YAAM,OAAO,CAAC,MACZ,oBAAC,SAAM,SAAQ,SAAQ,SAAQ,gDAA4C,SAAS,GAAG,CACxF;AAAA,IACH;AAAA,EACF,GAAG,CAAC,WAAW,YAAY,QAAQ,CAAC;AAEpC,QAAM,QAAQ,YAAY,MAAM;AAC9B,YAAQ,EAAE;AACV,gBAAY,KAAK;AAAA,EACnB,GAAG,CAAC,CAAC;AAEL,QAAM,gBAAgB,eAAe,MAAM,eAAe;AAE1D,SAAO;AAAA,IACL;AAAA,IACA;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

@@ -0,0 +1,88 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useState, useCallback, useEffect } from "react";
+import { useMutation } from "@tanstack/react-query";
+import { toast } from "sonner";
+import { Toast } from "../../ui/feedback/Toast";
+import { copyToClipboard } from "../../../utils/browser/clipboard";
+import {
+  generateTwoFactorAction,
+  confirmTwoFactorAction
+} from "../../../modules/accounts/actions/account-management.action";
+function useTwoFactorAuthForm({ onSuccess, open } = {}) {
+  const [code, setCode] = useState("");
+  const [step, setStep] = useState("code");
+  const generateMutation = useMutation({
+    mutationFn: generateTwoFactorAction,
+    onSuccess: (result) => {
+      if (!result.success) {
+        toast.custom((t) => /* @__PURE__ */ jsx(Toast, { variant: "error", message: result.error ?? "Erro ao gerar QR Code. Tente novamente.", toastId: t }));
+      }
+    },
+    onError: () => {
+      toast.custom((t) => /* @__PURE__ */ jsx(Toast, { variant: "error", message: "Erro ao gerar QR Code. Tente novamente.", toastId: t }));
+    }
+  });
+  const confirmMutation = useMutation({
+    mutationFn: (otpCode) => confirmTwoFactorAction(otpCode),
+    onSuccess: (result) => {
+      if (!result.success) {
+        toast.custom((t) => /* @__PURE__ */ jsx(Toast, { variant: "error", message: result.error ?? "C\xF3digo inv\xE1lido", toastId: t }));
+        return;
+      }
+      setStep("recovery");
+    },
+    onError: () => {
+      toast.custom((t) => /* @__PURE__ */ jsx(Toast, { variant: "error", message: "Erro ao confirmar c\xF3digo. Tente novamente.", toastId: t }));
+    }
+  });
+  const { mutate: triggerGenerate } = generateMutation;
+  useEffect(() => {
+    if (open) {
+      triggerGenerate();
+    }
+  }, [open, triggerGenerate]);
+  const generateFailed = generateMutation.isSuccess && !generateMutation.data?.success || generateMutation.isError;
+  const isCodeComplete = code.length === 6;
+  const handleSubmit = () => {
+    if (!isCodeComplete) return;
+    confirmMutation.mutate(code);
+  };
+  const handleFinalize = () => {
+    onSuccess?.();
+    setTimeout(resetForm, 300);
+  };
+  const handleCopyCodes = useCallback(async () => {
+    const codes = generateMutation.data?.backupCodes ?? [];
+    const success = await copyToClipboard(codes.join("\n"));
+    if (success) {
+      toast.custom((t) => /* @__PURE__ */ jsx(Toast, { variant: "success", message: "C\xF3digos copiados com sucesso", toastId: t }));
+    }
+  }, [generateMutation.data]);
+  const resetForm = () => {
+    setCode("");
+    setStep("code");
+    generateMutation.reset();
+    confirmMutation.reset();
+  };
+  return {
+    code,
+    setCode,
+    isCodeComplete,
+    isGenerating: generateMutation.isPending,
+    isConfirming: confirmMutation.isPending,
+    generateFailed,
+    retryGenerate: triggerGenerate,
+    qrcode: generateMutation.data?.qrcode,
+    backupCodes: generateMutation.data?.backupCodes ?? [],
+    step,
+    handleSubmit,
+    handleFinalize,
+    handleCopyCodes,
+    resetForm
+  };
+}
+export {
+  useTwoFactorAuthForm as default
+};
+//# sourceMappingURL=useTwoFactorAuthForm.mjs.map

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

@@ -0,0 +1 @@
+{"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\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: generateTwoFactorAction,\r\n    onSuccess: (result) => {\r\n      if (!result.success) {\r\n        toast.custom((t) => (\r\n          <Toast variant=\"error\" message={result.error ?? 'Erro ao gerar QR Code. Tente novamente.'} toastId={t} />\r\n        ));\r\n      }\r\n    },\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: (otpCode: string) => confirmTwoFactorAction(otpCode),\r\n    onSuccess: (result) => {\r\n      if (!result.success) {\r\n        toast.custom((t) => (\r\n          <Toast variant=\"error\" message={result.error ?? 'Código inválido'} toastId={t} />\r\n        ));\r\n        return;\r\n      }\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 =\r\n    (generateMutation.isSuccess && !generateMutation.data?.success) || 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":";AA4BU;AA1BV,SAAS,UAAU,aAAa,iBAAiB;AACjD,SAAS,mBAAmB;AAC5B,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB,SAAS,uBAAuB;AAChC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AASQ,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;AAAA,IACZ,WAAW,CAAC,WAAW;AACrB,UAAI,CAAC,OAAO,SAAS;AACnB,cAAM,OAAO,CAAC,MACZ,oBAAC,SAAM,SAAQ,SAAQ,SAAS,OAAO,SAAS,2CAA2C,SAAS,GAAG,CACxG;AAAA,MACH;AAAA,IACF;AAAA,IACA,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,CAAC,YAAoB,uBAAuB,OAAO;AAAA,IAC/D,WAAW,CAAC,WAAW;AACrB,UAAI,CAAC,OAAO,SAAS;AACnB,cAAM,OAAO,CAAC,MACZ,oBAAC,SAAM,SAAQ,SAAQ,SAAS,OAAO,SAAS,yBAAmB,SAAS,GAAG,CAChF;AACD;AAAA,MACF;AACA,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,iBACH,iBAAiB,aAAa,CAAC,iBAAiB,MAAM,WAAY,iBAAiB;AAEtF,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

@@ -0,0 +1,180 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { ChevronLeft, X, Mail } 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 { FormField } from "../../ui/form/FormField";
+import { formatTimer } from "../../../utils/format/masks";
+import { OTP_CODE_LENGTH } from "../../../utils/validators/account";
+import { useAuth } from "../../../providers/auth.provider";
+import { useInvalidateUser } from "../../../modules/auth/hooks/useUserQuery";
+import { confirmEmailChangeAction } from "../../../modules/accounts/actions/account-management.action";
+import useChangeEmailForm from "../hooks/useChangeEmailForm";
+import useOtpVerification from "../hooks/useOtpVerification";
+function ChangeEmailModal({ open, onClose }) {
+  const { user } = useAuth();
+  const invalidateUser = useInvalidateUser();
+  const {
+    showVerification,
+    emailToVerify,
+    isSubmitting,
+    errors,
+    register,
+    handleContinue,
+    handleBack,
+    resetForm
+  } = useChangeEmailForm();
+  const handleSuccess = () => {
+    invalidateUser();
+    resetForm();
+    onClose();
+  };
+  const {
+    code,
+    isLoading,
+    hasError,
+    timer,
+    canResend,
+    isValidLength,
+    handleCodeChange,
+    handleValidate,
+    handleResend,
+    reset: resetOtp
+  } = useOtpVerification({
+    onSuccess: handleSuccess,
+    successMessage: "E-mail alterado com sucesso",
+    validateFn: async (token) => {
+      const result = await confirmEmailChangeAction(token, emailToVerify);
+      return result.success;
+    },
+    resendFn: async () => {
+      const { requestEmailChangeAction } = await import("../../../modules/accounts/actions/account-management.action");
+      const result = await requestEmailChangeAction(emailToVerify);
+      if (!result.success) {
+        throw new Error(result.error);
+      }
+    }
+  });
+  const handleClose = () => {
+    resetForm();
+    resetOtp();
+    onClose();
+  };
+  const handleBackFromVerification = () => {
+    resetOtp();
+    handleBack();
+  };
+  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-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%]!",
+      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(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__ */ 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: [
+            /* @__PURE__ */ jsx("span", { className: "paragraph-medium-semibold text-gray-950 text-center", children: "Alterar e-mail" }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "ghost",
+                className: "absolute right-2 size-8! p-0",
+                onClick: handleClose,
+                children: /* @__PURE__ */ jsx(X, { size: 18, className: "text-gray-500" })
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: `${showVerification ? "w-full" : "w-1/2"} h-0.75 bg-pages-300` }),
+        showVerification ? /* @__PURE__ */ jsxs(
+          "form",
+          {
+            onSubmit: (e) => {
+              e.preventDefault();
+              handleValidate();
+            },
+            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__ */ 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: [
+                    "Enviamos um c\xF3digo de valida\xE7\xE3o para o E-mail",
+                    " ",
+                    /* @__PURE__ */ jsxs("span", { className: "font-semibold text-gray-950 break-all", children: [
+                      user?.email,
+                      "."
+                    ] })
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+                  /* @__PURE__ */ jsx(InputOTP, { maxLength: OTP_CODE_LENGTH, value: code, onChange: handleCodeChange, children: /* @__PURE__ */ jsx(InputOTPGroup, { className: "flex flex-row gap-2", children: [...Array(OTP_CODE_LENGTH)].map((_, i) => /* @__PURE__ */ jsx(
+                    InputOTPSlot,
+                    {
+                      index: i,
+                      className: `uppercase text-2xl font-medium w-11 lg:w-12 h-13 lg:h-14 rounded-lg border bg-white shadow-none [&_div.animate-caret-blink]:bg-gray-950 ${hasError ? "border-red-500" : "border-gray-200"}`
+                    },
+                    i
+                  )) }) }),
+                  hasError && /* @__PURE__ */ jsx("p", { className: "paragraph-small-regular text-red-500", children: "C\xF3digo incorreto" })
+                ] }),
+                canResend ? /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: handleResend,
+                    className: "paragraph-small-medium text-gray-950 underline cursor-pointer hover:text-gray-700 w-fit",
+                    children: "Reenviar c\xF3digo"
+                  }
+                ) : /* @__PURE__ */ jsxs("p", { className: "paragraph-small-regular text-gray-500", children: [
+                  "Reenviar em",
+                  " ",
+                  /* @__PURE__ */ jsx("span", { className: "paragraph-small-semibold text-gray-950", children: formatTimer(timer) })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx(Separator, {}),
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-4 lg:px-5 py-4 lg:py-5 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: "submit", disabled: !isValidLength || isLoading, children: isLoading ? "Validando..." : "Alterar e-mail" })
+              ] })
+            ]
+          }
+        ) : /* @__PURE__ */ jsxs("form", { onSubmit: handleContinue, className: "flex flex-col flex-1 lg:flex-none", children: [
+          /* @__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-1", children: [
+              /* @__PURE__ */ jsx("span", { className: "paragraph-medium-semibold text-gray-950", children: "Atualizar E-mail de contato" }),
+              /* @__PURE__ */ jsx("span", { className: "paragraph-small-regular text-gray-600", children: "Informe o seu novo E-mail para manter seu contato atualizado." })
+            ] }),
+            /* @__PURE__ */ jsx(
+              FormField,
+              {
+                label: "Novo e-mail",
+                placeholder: "Digite seu novo e-mail",
+                type: "email",
+                ...register("email"),
+                error: !!errors.email,
+                errorMessage: errors.email?.message,
+                leftIcon: Mail
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between p-4 lg:p-5 border-t border-gray-200 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: "submit", disabled: isSubmitting, children: isSubmitting ? "Enviando..." : "Continuar" })
+          ] })
+        ] })
+      ]
+    }
+  ) });
+}
+export {
+  ChangeEmailModal
+};
+//# sourceMappingURL=ChangeEmailModal.mjs.map