@navservice/usuario 1.28.0 → 1.29.0

package/build/es/biblioteca/src/componentes/auth/EnviarCodigoOtpParaEmail/EnviarCodigoOtpParaEmail.d.ts

@@ -0,0 +1,7 @@
+type Props = {
+    email: string;
+    erroExterno?: string | null;
+    onConfirmarCodigo?: (codigo: string) => void;
+};
+export declare function EnviarCodigoOtpEmail({ email, erroExterno, onConfirmarCodigo }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/build/es/biblioteca/src/componentes/auth/EnviarCodigoOtpParaEmail/index.d.ts

@@ -0,0 +1 @@
+export { EnviarCodigoOtpEmail } from "./EnviarCodigoOtpParaEmail";

package/build/es/biblioteca/src/contexto/contexto_usuario.d.ts

@@ -6,7 +6,7 @@ declare const contexto_usuario: {
         new (): {};
         register(props: t.Controller.Usuario.Register.Input): Promise<t.Controller.Usuario.Register.Response>;
         login(props: t.Controller.Usuario.Login.Input): Promise<AxiosResponse>;
-        entrar_com_codigo_otp(props: t.Controller.CodigoOtp.EntrarComCodigoOtp.Input): Promise<AxiosResponse>;
+        entrar_com_codigo_otp(props: t.Controller.CodigoOtp.EntrarComCodigoOtp.Input): Promise<t.Controller.CodigoOtp.EntrarComCodigoOtp.Response>;
         login_register_google(props: t.Controller.Usuario.RegisterLoginGoogle.Input): Promise<void>;
     };
     contexto: {

package/build/es/index.js

@@ -2,7 +2,7 @@
 import { create as external_zustand_create } from "zustand";
 import { immer } from "zustand/middleware/immer";
 import v4 from "zod/v4";
-import react, { createElement, forwardRef, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from "react";
+import react, { createElement, forwardRef, memo, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { QRCodeSVG } from "qrcode.react";
 import { Outlet, useLocation, useNavigate, useSearchParams } from "react-router-dom";
@@ -2469,6 +2469,20 @@ const _data = class {
         var diferencaEmDias = Math.floor(diferenca / 86400000);
         return diferencaEmDias;
     }
+    static SET_SECONDS_TO_DD_MM_YYYY_HH_MM(timestamp) {
+        const segundos = Number(timestamp);
+        if (!Number.isFinite(segundos)) return "-";
+        const data = new Date(1000 * segundos);
+        if (isNaN(data.getTime())) return "-";
+        return data.toLocaleString("pt-BR", {
+            timeZone: "America/Sao_Paulo",
+            day: "2-digit",
+            month: "2-digit",
+            year: "numeric",
+            hour: "2-digit",
+            minute: "2-digit"
+        });
+    }
 };
 const utils_data = _data;
 class _form {
@@ -3030,7 +3044,7 @@ var type_controller_usuario_TypeControllerUsuario;
         GerarAutheticatorCode.InputSchema = v4.object({
             data: v4.object({
                 autheticator: v4.object({
-                    usuario_senha: v4.string()
+                    codigo_otp: v4.string()
                 })
             })
         });
@@ -3050,7 +3064,7 @@ var type_controller_usuario_TypeControllerUsuario;
         DesativarAuthenticatorCode.InputSchema = v4.object({});
     })(TypeControlerAutheticator.DesativarAuthenticatorCode || (TypeControlerAutheticator.DesativarAuthenticatorCode = {}));
     (function(BuscarAuthenticatorPeloId) {
-        BuscarAuthenticatorPeloId.route = "/api/usuario/auth/buscar_authenticator_pelo_id";
+        BuscarAuthenticatorPeloId.route = "/api/usuario/auth/authenticator";
         BuscarAuthenticatorPeloId.InputSchema = v4.object({});
     })(TypeControlerAutheticator.BuscarAuthenticatorPeloId || (TypeControlerAutheticator.BuscarAuthenticatorPeloId = {}));
 })(type_controller_authenticator_TypeControlerAutheticator || (type_controller_authenticator_TypeControlerAutheticator = {}));
@@ -3619,6 +3633,59 @@ const hasA11yProp = (props)=>{
     ]
 ];
 const Shield = createLucideIcon("shield", __iconNode);
+/**
+ * @license lucide-react v0.544.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */ const circle_check_iconNode = [
+    [
+        "circle",
+        {
+            cx: "12",
+            cy: "12",
+            r: "10",
+            key: "1mglay"
+        }
+    ],
+    [
+        "path",
+        {
+            d: "m9 12 2 2 4-4",
+            key: "dzmm74"
+        }
+    ]
+];
+const CircleCheck = createLucideIcon("circle-check", circle_check_iconNode);
+/**
+ * @license lucide-react v0.544.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */ const shield_off_iconNode = [
+    [
+        "path",
+        {
+            d: "m2 2 20 20",
+            key: "1ooewy"
+        }
+    ],
+    [
+        "path",
+        {
+            d: "M5 5a1 1 0 0 0-1 1v7c0 5 3.5 7.5 7.67 8.94a1 1 0 0 0 .67.01c2.35-.82 4.48-1.97 5.9-3.71",
+            key: "1jlk70"
+        }
+    ],
+    [
+        "path",
+        {
+            d: "M9.309 3.652A12.252 12.252 0 0 0 11.24 2.28a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1v7a9.784 9.784 0 0 1-.08 1.264",
+            key: "18rp1v"
+        }
+    ]
+];
+const ShieldOff = createLucideIcon("shield-off", shield_off_iconNode);
 /**
  * @license lucide-react v0.544.0 - ISC
  *
@@ -3708,30 +3775,6 @@ const Key = createLucideIcon("key", key_iconNode);
     ]
 ];
 const Copy = createLucideIcon("copy", copy_iconNode);
-/**
- * @license lucide-react v0.544.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */ const circle_check_iconNode = [
-    [
-        "circle",
-        {
-            cx: "12",
-            cy: "12",
-            r: "10",
-            key: "1mglay"
-        }
-    ],
-    [
-        "path",
-        {
-            d: "m9 12 2 2 4-4",
-            key: "dzmm74"
-        }
-    ]
-];
-const CircleCheck = createLucideIcon("circle-check", circle_check_iconNode);
 /**
  * @license lucide-react v0.544.0 - ISC
  *
@@ -3795,9 +3838,7 @@ const DrawerPadrao = /*#__PURE__*/ forwardRef(({ title, children, onClose }, ref
     const [open, setOpen] = useState(false);
     const closeBtnRef = useRef(null);
     useImperativeHandle(ref, ()=>({
-            abrir: ()=>{
-                setOpen(true);
-            },
+            abrir: ()=>setOpen(true),
             fechar: ()=>{
                 setOpen(false);
                 onClose?.();
@@ -3829,53 +3870,110 @@ const DrawerPadrao = /*#__PURE__*/ forwardRef(({ title, children, onClose }, ref
     return /*#__PURE__*/ jsxs("div", {
         role: "dialog",
         "aria-modal": "true",
-        className: `fixed inset-0 z-50 transition-opacity duration-300 ${open ? "opacity-100" : "opacity-0 pointer-events-none"}`,
+        className: `fixed inset-0 z-50 transition-opacity duration-300
+                ${open ? "opacity-100" : "opacity-0 pointer-events-none"}`,
         children: [
             /*#__PURE__*/ jsx("div", {
-                className: "absolute inset-0 bg-black/20 backdrop-blur-[1px]",
+                className: "absolute inset-0 bg-black/30 backdrop-blur-[2px]",
                 onClick: ()=>ref?.current?.fechar()
             }),
             /*#__PURE__*/ jsxs("aside", {
-                className: `absolute right-0 top-0 h-full w-full md:max-w-[720px] bg-white shadow-2xl border-l border-gray-200
-                transform transition-transform duration-400
-                ${open ? "translate-x-0" : "translate-x-full"}`,
+                className: `absolute right-0 top-0 h-full w-full md:max-w-[720px]
+                    bg-theme-card border-l border-theme-border
+                    transform transition-transform duration-300 ease-out
+                    ${open ? "translate-x-0" : "translate-x-full"}`,
                 onClick: (e)=>e.stopPropagation(),
                 children: [
                     /*#__PURE__*/ jsxs("div", {
-                        className: "flex items-center justify-between p-3.5 border-b border-gray-200",
+                        className: "flex items-center justify-between px-4 py-3 border-b border-theme-border",
                         children: [
-                            title ?? /*#__PURE__*/ jsxs("div", {
-                                className: "flex items-center gap-3",
-                                children: [
-                                    /*#__PURE__*/ jsx(House, {
-                                        className: "h-6 w-6 text-gray-800"
-                                    }),
-                                    /*#__PURE__*/ jsx("h1", {
-                                        className: "text-xl font-bold text-gray-900",
-                                        children: title
-                                    })
-                                ]
+                            /*#__PURE__*/ jsx("div", {
+                                className: "flex items-center gap-3 min-h-[40px]",
+                                children: title ? "string" == typeof title ? /*#__PURE__*/ jsxs(Fragment, {
+                                    children: [
+                                        /*#__PURE__*/ jsx("div", {
+                                            className: "flex h-9 w-9 items-center justify-center rounded-full bg-primary-950/40 border border-theme-border",
+                                            children: /*#__PURE__*/ jsx(House, {
+                                                className: "h-4 w-4 text-primary-400"
+                                            })
+                                        }),
+                                        /*#__PURE__*/ jsx("h1", {
+                                            className: "text-sm font-semibold text-theme-text",
+                                            children: title
+                                        })
+                                    ]
+                                }) : title : null
                             }),
                             /*#__PURE__*/ jsx("button", {
                                 ref: closeBtnRef,
                                 onClick: ()=>ref?.current?.fechar(),
-                                className: "inline-flex items-center gap-2 cursor-pointer rounded-full border border-gray-200 bg-white px-2 py-2 text-sm text-gray-700 hover:bg-gray-50",
                                 "aria-label": "Fechar",
+                                className: "   inline-flex items-center justify-center   h-9 w-9 rounded-full   border border-theme-border   bg-theme-bg   text-basic-400   hover:bg-default-800   focus:outline-none focus:ring-2 focus:ring-primary-600   transition   ",
                                 children: /*#__PURE__*/ jsx(X, {
-                                    className: "h-4 w-4 text-red-600"
+                                    className: "h-4 w-4"
                                 })
                             })
                         ]
                     }),
                     /*#__PURE__*/ jsx("div", {
-                        className: "h-[calc(100%-64px)] overflow-auto",
-                        children: children
+                        className: "h-[calc(100%-56px)] overflow-y-auto",
+                        children: /*#__PURE__*/ jsx(PessimisticReveal, {
+                            open: open,
+                            children: children
+                        })
                     })
                 ]
             })
         ]
     });
 });
+const PessimisticReveal = /*#__PURE__*/ memo(({ open, children, delay = 2000 })=>{
+    const [loading, setLoading] = useState(false);
+    const [show, setShow] = useState(false);
+    useEffect(()=>{
+        if (!open) {
+            setLoading(false);
+            setShow(false);
+            return;
+        }
+        setLoading(true);
+        setShow(false);
+        const timer = setTimeout(()=>{
+            setLoading(false);
+            setShow(true);
+        }, delay);
+        return ()=>clearTimeout(timer);
+    }, [
+        open,
+        delay
+    ]);
+    if (!open) return null;
+    return /*#__PURE__*/ jsxs("div", {
+        className: "relative h-full",
+        children: [
+            loading && /*#__PURE__*/ jsx("div", {
+                className: "absolute inset-0 z-10 flex items-center justify-center",
+                children: /*#__PURE__*/ jsxs("div", {
+                    className: "flex flex-col items-center gap-3",
+                    children: [
+                        /*#__PURE__*/ jsx("div", {
+                            className: "h-6 w-6 animate-spin rounded-full border-2 border-theme-border border-t-primary-500"
+                        }),
+                        /*#__PURE__*/ jsx("span", {
+                            className: "text-xs text-basic-400",
+                            children: "Carregando…"
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: `h-full transition-opacity duration-300
+                    ${show ? "opacity-100" : "opacity-0 pointer-events-none"}`,
+                children: children
+            })
+        ]
+    });
+});
 const AuthAtivarDesativarAuthenticator = ()=>{
     const [senha, setSenha] = useState("");
     const [mostrarSenhaStep, setMostrarSenhaStep] = useState(false);
@@ -3901,7 +3999,8 @@ const AuthAtivarDesativarAuthenticator = ()=>{
             setCarregando(true);
             const response = await src_utils.api.servidor_pricipal.get({
                 baseURLKey: "PUBLIC_BASE_URL_BACKEND_USUARIO",
-                url: shared_types.Controller.Autheticator.BuscarAuthenticatorPeloId.route
+                url: shared_types.Controller.Autheticator.BuscarAuthenticatorPeloId.route,
+                setToken: true
             });
             if (response?.data?.type !== "success") return;
             if (!response?.data?.results) return;
@@ -3927,7 +4026,7 @@ const AuthAtivarDesativarAuthenticator = ()=>{
             const data = {
                 data: {
                     autheticator: {
-                        usuario_senha: senha
+                        codigo_otp: senha
                     }
                 }
             };
@@ -3966,7 +4065,7 @@ const AuthAtivarDesativarAuthenticator = ()=>{
             };
             const resp = await src_utils.api.servidor_pricipal.post({
                 baseURLKey: "PUBLIC_BASE_URL_BACKEND_USUARIO",
-                url: "/usuario/auth/ativar_autheticator_code",
+                url: shared_types.Controller.Autheticator.AtivarAutheticatorCode.route,
                 data,
                 setToken: true
             });
@@ -3980,98 +4079,127 @@ const AuthAtivarDesativarAuthenticator = ()=>{
         }
     }
     return /*#__PURE__*/ jsx("div", {
-        className: "max-w-xl mx-auto px-4 py-8",
+        className: "w-full max-w-md mx-auto px-6 py-8 text-theme-text",
         children: /*#__PURE__*/ jsxs("div", {
-            className: "bg-white rounded-xl shadow-lg p-6 space-y-6",
+            className: "space-y-8",
             children: [
-                /*#__PURE__*/ jsx("div", {
-                    className: "flex justify-center",
-                    children: /*#__PURE__*/ jsx(Shield, {
-                        className: "w-12 h-12 text-primary-600"
-                    })
-                }),
-                /*#__PURE__*/ jsx("h1", {
-                    className: "text-center text-xl font-semibold text-basic-900",
-                    children: "Autentica\xe7\xe3o de Dois Fatores"
+                /*#__PURE__*/ jsxs("div", {
+                    className: "text-center space-y-3",
+                    children: [
+                        /*#__PURE__*/ jsx("div", {
+                            className: "mx-auto w-12 h-12 rounded-full bg-primary-950/40 flex items-center justify-center border border-theme-border",
+                            children: /*#__PURE__*/ jsx(Shield, {
+                                className: "w-6 h-6 text-primary-400"
+                            })
+                        }),
+                        /*#__PURE__*/ jsx("h1", {
+                            className: "text-lg font-semibold",
+                            children: "Autentica\xe7\xe3o em Dois Fatores"
+                        }),
+                        /*#__PURE__*/ jsx("p", {
+                            className: "text-sm text-basic-400",
+                            children: "Proteja sua conta com uma camada extra de seguran\xe7a."
+                        })
+                    ]
                 }),
                 authenticator && /*#__PURE__*/ jsxs("div", {
-                    className: "bg-basic-50 rounded-lg p-4 text-sm text-basic-700 space-y-3",
+                    className: "rounded-xl border border-theme-border bg-theme-card p-5 space-y-4",
                     children: [
-                        /*#__PURE__*/ jsxs("p", {
+                        /*#__PURE__*/ jsxs("div", {
+                            className: "flex items-center justify-between text-sm",
                             children: [
                                 /*#__PURE__*/ jsx("span", {
-                                    className: "font-medium",
-                                    children: "Criado em:"
+                                    className: "text-basic-400",
+                                    children: "Status"
                                 }),
-                                " ",
-                                new Date(authenticator.data.autheticator.data_criacao).toLocaleDateString()
+                                authenticator.data.autheticator.ativo ? /*#__PURE__*/ jsxs("span", {
+                                    className: "inline-flex items-center gap-1 text-primary-400 font-medium",
+                                    children: [
+                                        /*#__PURE__*/ jsx(CircleCheck, {
+                                            className: "w-4 h-4"
+                                        }),
+                                        "Ativo"
+                                    ]
+                                }) : /*#__PURE__*/ jsxs("span", {
+                                    className: "inline-flex items-center gap-1 text-error-400 font-medium",
+                                    children: [
+                                        /*#__PURE__*/ jsx(ShieldOff, {
+                                            className: "w-4 h-4"
+                                        }),
+                                        "Inativo"
+                                    ]
+                                })
                             ]
                         }),
-                        /*#__PURE__*/ jsxs("p", {
+                        authenticator?.data?.autheticator?.data_criacao && /*#__PURE__*/ jsxs("p", {
+                            className: "text-xs text-basic-500",
                             children: [
-                                /*#__PURE__*/ jsx("span", {
-                                    className: "font-medium",
-                                    children: "Status:"
-                                }),
-                                " ",
-                                authenticator.data.autheticator.ativo ? /*#__PURE__*/ jsx("span", {
-                                    className: "text-green-600 font-medium",
-                                    children: "Ativo"
-                                }) : /*#__PURE__*/ jsx("span", {
-                                    className: "text-error-600 font-medium",
-                                    children: "Inativo"
-                                })
+                                "Criado em ",
+                                src_utils.data.SET_SECONDS_TO_DD_MM_YYYY_HH_MM(authenticator.data.autheticator.data_criacao)
                             ]
                         }),
                         /*#__PURE__*/ jsxs("div", {
-                            className: "flex items-center text-xs text-orange-600 gap-1",
+                            className: "flex items-start gap-2 rounded-lg bg-error-950/30 border border-error-900/40 p-3 text-xs text-error-300",
                             children: [
                                 /*#__PURE__*/ jsx(Info, {
-                                    className: "w-4 h-4"
+                                    className: "w-4 h-4 mt-0.5 shrink-0"
                                 }),
-                                "Nunca compartilhe seu c\xf3digo de autentica\xe7\xe3o."
+                                /*#__PURE__*/ jsx("span", {
+                                    children: "Nunca compartilhe seus c\xf3digos de autentica\xe7\xe3o."
+                                })
                             ]
                         }),
-                        authenticator.data.autheticator.ativo && /*#__PURE__*/ jsx("button", {
-                            className: "w-full mt-3 bg-error-500 hover:bg-error-600 text-white font-medium py-2 rounded-lg transition-all",
+                        authenticator.data.autheticator.ativo && /*#__PURE__*/ jsxs("button", {
                             onClick: desativarAuthenticator,
                             disabled: carregando,
-                            children: carregando ? "Desativando..." : "Desativar"
+                            className: "w-full mt-2 inline-flex items-center justify-center gap-2 rounded-lg   bg-error-600/90 hover:bg-error-600   text-white text-sm font-medium py-2.5   transition disabled:opacity-60",
+                            children: [
+                                /*#__PURE__*/ jsx(ShieldOff, {
+                                    className: "w-4 h-4"
+                                }),
+                                carregando ? "Desativando..." : "Desativar autenticação"
+                            ]
                         })
                     ]
                 }),
-                !authenticatorData && !mostrarSenhaStep && !authenticator?.data?.autheticator?.ativo && !carregando && /*#__PURE__*/ jsx("div", {
-                    className: "text-center",
-                    children: /*#__PURE__*/ jsxs("button", {
-                        onClick: ()=>setMostrarSenhaStep(true),
-                        className: "flex items-center gap-2 mx-auto bg-primary-600 hover:bg-primary-700 text-white px-4 py-2 rounded-lg transition-all",
-                        children: [
-                            /*#__PURE__*/ jsx(Key, {
-                                className: "w-4 h-4"
-                            }),
-                            "Gerar C\xf3digo Authenticator"
-                        ]
-                    })
+                !authenticatorData && !mostrarSenhaStep && !authenticator?.data?.autheticator?.ativo && !carregando && /*#__PURE__*/ jsxs("button", {
+                    onClick: ()=>setMostrarSenhaStep(true),
+                    className: "w-full inline-flex items-center justify-center gap-2 rounded-lg   bg-primary-600 hover:bg-primary-500   text-white text-sm font-medium py-2.5 transition",
+                    children: [
+                        /*#__PURE__*/ jsx(Key, {
+                            className: "w-4 h-4"
+                        }),
+                        "Ativar autentica\xe7\xe3o"
+                    ]
                 }),
                 mostrarSenhaStep && /*#__PURE__*/ jsxs("div", {
-                    className: "space-y-3",
+                    className: "space-y-4",
                     children: [
-                        /*#__PURE__*/ jsx("input", {
-                            type: "password",
-                            value: senha,
-                            onChange: (e)=>setSenha(e.target.value),
-                            placeholder: "Digite sua senha",
-                            className: "w-full border border-default-300 rounded-lg px-4 py-2 focus:ring-2 ring-primary-500 outline-none transition-all"
+                        /*#__PURE__*/ jsxs("div", {
+                            className: "space-y-1",
+                            children: [
+                                /*#__PURE__*/ jsx("label", {
+                                    className: "text-xs text-basic-400",
+                                    children: "Confirme sua senha"
+                                }),
+                                /*#__PURE__*/ jsx("input", {
+                                    type: "password",
+                                    value: senha,
+                                    onChange: (e)=>setSenha(e.target.value),
+                                    placeholder: "Digite sua senha",
+                                    className: "w-full rounded-lg border border-theme-border bg-theme-bg   px-4 py-2.5 text-sm   focus:ring-2 focus:ring-primary-600 outline-none"
+                                })
+                            ]
                         }),
                         erro && /*#__PURE__*/ jsx("p", {
-                            className: "text-error-600 text-sm",
+                            className: "text-error-400 text-xs",
                             children: erro
                         }),
                         /*#__PURE__*/ jsx("button", {
                             onClick: handleConfirmarSenha,
                             disabled: carregando,
-                            className: "w-full bg-primary-600 hover:bg-primary-700 text-white px-4 py-2 rounded-lg transition-all",
-                            children: carregando ? "Gerando..." : "Confirmar"
+                            className: "w-full rounded-lg bg-primary-600 hover:bg-primary-500   text-white text-sm font-medium py-2.5   transition disabled:opacity-60",
+                            children: carregando ? "Gerando código..." : "Continuar"
                         })
                     ]
                 }),
@@ -4079,42 +4207,42 @@ const AuthAtivarDesativarAuthenticator = ()=>{
                     className: "space-y-6",
                     children: [
                         /*#__PURE__*/ jsxs("div", {
-                            className: "text-center space-y-2",
+                            className: "text-center space-y-3",
                             children: [
                                 /*#__PURE__*/ jsx("p", {
-                                    className: "font-medium text-basic-700",
-                                    children: "Escaneie o QR Code no seu app autenticador"
+                                    className: "text-sm font-medium text-basic-300",
+                                    children: "Escaneie o QR Code no app autenticador"
                                 }),
                                 /*#__PURE__*/ jsx("div", {
-                                    className: "flex justify-center",
+                                    className: "flex justify-center rounded-xl border border-theme-border bg-theme-bg p-4",
                                     children: /*#__PURE__*/ jsx(QRCodeSVG, {
                                         value: authenticatorData.otpAuthUrl,
-                                        size: 200
+                                        size: 180
                                     })
                                 }),
                                 /*#__PURE__*/ jsx("p", {
-                                    className: "text-basic-600",
-                                    children: "Ou use o c\xf3digo manual:"
+                                    className: "text-xs text-basic-500",
+                                    children: "Ou utilize o c\xf3digo manual"
                                 }),
                                 /*#__PURE__*/ jsxs("div", {
-                                    className: "relative flex items-center justify-center gap-2",
+                                    className: "flex items-center justify-center gap-2",
                                     children: [
                                         /*#__PURE__*/ jsx("div", {
-                                            className: "bg-basic-100 px-3 py-2 rounded-lg font-mono text-sm max-w-xs overflow-x-auto",
+                                            className: "rounded-lg bg-basic-900 px-3 py-2 font-mono text-xs max-w-[220px] overflow-x-auto border border-theme-border",
                                             children: authenticatorData.secret
                                         }),
                                         /*#__PURE__*/ jsx("button", {
                                             onClick: handleCopiar,
-                                            className: "bg-default-200 hover:bg-default-300 rounded-lg p-2 transition-all",
+                                            className: "rounded-lg bg-default-800 hover:bg-default-700   p-2 transition border border-theme-border",
                                             children: /*#__PURE__*/ jsx(Copy, {
-                                                className: "w-4 h-4 text-basic-600"
+                                                className: "w-4 h-4 text-basic-300"
                                             })
-                                        }),
-                                        copiado && /*#__PURE__*/ jsx("span", {
-                                            className: "absolute -top-6 bg-green-600 text-white text-xs px-2 py-1 rounded-md shadow",
-                                            children: "Copiado!"
                                         })
                                     ]
+                                }),
+                                copiado && /*#__PURE__*/ jsx("span", {
+                                    className: "text-xs text-primary-400",
+                                    children: "C\xf3digo copiado com sucesso"
                                 })
                             ]
                         }),
@@ -4122,31 +4250,31 @@ const AuthAtivarDesativarAuthenticator = ()=>{
                             type: "text",
                             value: codigoOtp,
                             onChange: (e)=>setCodigoOtp(e.target.value),
-                            placeholder: "Digite o c\xf3digo OTP do app",
-                            className: "w-full border border-default-300 rounded-lg px-4 py-2 focus:ring-2 ring-primary-500 outline-none transition-all"
+                            placeholder: "C\xf3digo do app autenticador",
+                            className: "w-full rounded-lg border border-theme-border bg-theme-bg   px-4 py-2.5 text-sm   focus:ring-2 focus:ring-primary-600 outline-none"
                         }),
                         /*#__PURE__*/ jsx("button", {
                             onClick: handleAtivar,
                             disabled: carregando,
-                            className: "w-full bg-primary-600 hover:bg-primary-700 text-white px-4 py-2 rounded-lg transition-all",
-                            children: carregando ? "Ativando..." : "Ativar"
+                            className: "w-full rounded-lg bg-primary-600 hover:bg-primary-500   text-white text-sm font-medium py-2.5   transition disabled:opacity-60",
+                            children: carregando ? "Ativando..." : "Ativar autenticação"
                         })
                     ]
                 }),
                 ativado && /*#__PURE__*/ jsxs("div", {
-                    className: "text-center space-y-3",
+                    className: "text-center space-y-2",
                     children: [
                         /*#__PURE__*/ jsx(CircleCheck, {
-                            className: "w-10 h-10 text-green-600 mx-auto"
+                            className: "w-10 h-10 text-primary-400 mx-auto"
                         }),
                         /*#__PURE__*/ jsx("p", {
-                            className: "text-green-700 font-medium",
-                            children: "Autenticador ativado com sucesso!"
+                            className: "text-sm font-medium text-primary-300",
+                            children: "Autentica\xe7\xe3o ativada com sucesso"
                         })
                     ]
                 }),
                 erro && !mostrarSenhaStep && /*#__PURE__*/ jsx("p", {
-                    className: "text-error-600 text-sm text-center",
+                    className: "text-error-400 text-xs text-center",
                     children: erro
                 })
             ]
@@ -4160,32 +4288,17 @@ function AuthAtivarDesativarAuthenticatorButton() {
     }
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
-            /*#__PURE__*/ jsxs("div", {
-                className: "px-4 py-3 space-y-2",
+            /*#__PURE__*/ jsxs("button", {
+                type: "button",
+                onClick: abrirDrawer,
+                className: "w-full flex items-center justify-between px-2 py-2 text-sm rounded-md text-zinc-700 dark:text-zinc-200 hover:bg-zinc-100 dark:hover:bg-zinc-800 transition",
                 children: [
-                    /*#__PURE__*/ jsxs("div", {
-                        className: "flex items-center gap-2 text-sm font-medium text-zinc-900 dark:text-zinc-100",
-                        children: [
-                            /*#__PURE__*/ jsx(Shield, {
-                                size: 18,
-                                className: "text-zinc-500"
-                            }),
-                            "Seguran\xe7a"
-                        ]
+                    /*#__PURE__*/ jsx("span", {
+                        children: "Autentica\xe7\xe3o em duas etapas"
                     }),
-                    /*#__PURE__*/ jsxs("button", {
-                        type: "button",
-                        onClick: abrirDrawer,
-                        className: "w-full flex items-center justify-between px-2 py-2 text-sm rounded-md text-zinc-700 dark:text-zinc-200 hover:bg-zinc-100 dark:hover:bg-zinc-800 transition",
-                        children: [
-                            /*#__PURE__*/ jsx("span", {
-                                children: "Autentica\xe7\xe3o em duas etapas"
-                            }),
-                            /*#__PURE__*/ jsx(ChevronRight, {
-                                size: 14,
-                                className: "text-zinc-400"
-                            })
-                        ]
+                    /*#__PURE__*/ jsx(ChevronRight, {
+                        size: 14,
+                        className: "text-zinc-400"
                     })
                 ]
             }),
@@ -4197,27 +4310,14 @@ function AuthAtivarDesativarAuthenticatorButton() {
     });
 }
 const TEMPO_COOLDOWN = 60;
-const CHAVE_LS = "esqueci-senha-cooldown-ate";
-function EsqueciMinhaSenha({ email: emailProp }) {
-    const location = useLocation();
-    const [search] = useSearchParams();
-    const emailDaNavegacao = location.state?.email;
-    const emailDaQuery = search.get("email") ?? void 0;
-    const emailDosParametros = useMemo(()=>emailProp ?? emailDaNavegacao ?? emailDaQuery, [
-        emailProp,
-        emailDaNavegacao,
-        emailDaQuery
-    ]);
-    const [emailInput, setEmailInput] = useState("");
-    const emailEfetivo = emailDosParametros ?? emailInput;
-    const [erroEmail, setErroEmail] = useState(null);
+const CHAVE_LS = "otp-email-cooldown-ate";
+function EnviarCodigoOtpEmail({ email, erroExterno, onConfirmarCodigo }) {
     const [erroEnvio, setErroEnvio] = useState(null);
-    const [erroOtp, setErroOtp] = useState(null);
-    const inputRef = useRef(null);
+    const [erroOtpInterno, setErroOtpInterno] = useState(null);
+    const erroOtp = erroExterno ?? erroOtpInterno;
     const [segundosRestantes, setSegundosRestantes] = useState(0);
     const intervaloRef = useRef(null);
     const [mostrarOtp, setMostrarOtp] = useState(false);
-    const [jaEnviouUmaVez, setJaEnviouUmaVez] = useState(false);
     const [otp, setOtp] = useState([
         "",
         "",
@@ -4227,6 +4327,7 @@ function EsqueciMinhaSenha({ email: emailProp }) {
         ""
     ]);
     const otpRefs = useRef([]);
+    const emailValido = /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email);
     useEffect(()=>{
         const ate = sessionStorage.getItem(CHAVE_LS);
         if (ate) {
@@ -4234,10 +4335,10 @@ function EsqueciMinhaSenha({ email: emailProp }) {
             if (diff > 0) iniciarContagem(diff);
             else sessionStorage.removeItem(CHAVE_LS);
         }
-    }, []);
-    useEffect(()=>()=>{
+        return ()=>{
             if (intervaloRef.current) window.clearInterval(intervaloRef.current);
-        }, []);
+        };
+    }, []);
     function iniciarContagem(inicio = TEMPO_COOLDOWN) {
         setSegundosRestantes(inicio);
         if (intervaloRef.current) window.clearInterval(intervaloRef.current);
@@ -4253,32 +4354,16 @@ function EsqueciMinhaSenha({ email: emailProp }) {
             });
         }, 1000);
     }
-    const emailValido = (v)=>/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v);
-    function validarEmailAtual() {
-        if (!emailEfetivo) {
-            setErroEmail("Informe um e-mail.");
-            if (!emailDosParametros) inputRef.current?.focus();
-            return false;
-        }
-        if (!emailValido(emailEfetivo)) {
-            setErroEmail("E-mail inválido.");
-            if (!emailDosParametros) inputRef.current?.focus();
-            return false;
-        }
-        setErroEmail(null);
-        return true;
-    }
-    async function aoEnviar() {
+    async function enviarCodigo() {
+        if (!emailValido || segundosRestantes > 0) return;
         try {
             setErroEnvio(null);
-            setErroOtp(null);
-            if (!validarEmailAtual()) return;
-            if (segundosRestantes > 0) return;
+            setErroOtpInterno(null);
             const dadosBody = {
                 data: {
                     codigo_verificacao_otp: {
                         tipo_codigo: "email",
-                        email: emailEfetivo
+                        email
                     }
                 }
             };
@@ -4291,7 +4376,6 @@ function EsqueciMinhaSenha({ email: emailProp }) {
                 data: dadosBody
             });
             setMostrarOtp(true);
-            setJaEnviouUmaVez(true);
             setOtp([
                 "",
                 "",
@@ -4302,11 +4386,11 @@ function EsqueciMinhaSenha({ email: emailProp }) {
             ]);
             setTimeout(()=>otpRefs.current[0]?.focus(), 0);
         } catch  {
-            setErroEnvio("Não foi possível enviar o código. Tente novamente");
+            setErroEnvio("Não foi possível enviar o código. Tente novamente.");
         }
     }
     function handleOtpChange(i, val) {
-        setErroOtp(null);
+        setErroOtpInterno(null);
         const only = val.replace(/\D/g, "");
         const novo = [
             ...otp
@@ -4320,10 +4404,97 @@ function EsqueciMinhaSenha({ email: emailProp }) {
         if ("ArrowLeft" === e.key && i > 0) otpRefs.current[i - 1]?.focus();
         if ("ArrowRight" === e.key && i < 5) otpRefs.current[i + 1]?.focus();
     }
-    async function confirmarCodigo() {
+    function confirmarCodigo() {
+        const codigo = otp.join("");
+        if (6 !== codigo.length) return void setErroOtpInterno("Digite os 6 dígitos do código.");
+        onConfirmarCodigo?.(codigo);
+    }
+    const otpCompleto = 6 === otp.join("").length;
+    return /*#__PURE__*/ jsxs("div", {
+        children: [
+            /*#__PURE__*/ jsx("button", {
+                type: "button",
+                onClick: enviarCodigo,
+                disabled: !emailValido || segundosRestantes > 0,
+                className: "w-full mt-4 rounded-lg py-2 text-sm font-medium transition-all border border-primary-300 bg-transparent text-primary-600 hover:bg-primary-50 hover:border-primary-400 disabled:opacity-50 disabled:cursor-not-allowed",
+                children: segundosRestantes > 0 ? `Reenviar em ${segundosRestantes}s` : "Enviar código por e-mail"
+            }),
+            erroEnvio && /*#__PURE__*/ jsx("p", {
+                className: "text-xs text-error-600 mt-2",
+                children: erroEnvio
+            }),
+            mostrarOtp && /*#__PURE__*/ jsxs("div", {
+                className: "mt-8",
+                children: [
+                    /*#__PURE__*/ jsx("label", {
+                        className: "text-sm font-medium text-basic-700 mb-2 block",
+                        children: "C\xf3digo de verifica\xe7\xe3o"
+                    }),
+                    /*#__PURE__*/ jsx("div", {
+                        className: "flex justify-between gap-2",
+                        children: otp.map((v, i)=>/*#__PURE__*/ jsx("input", {
+                                value: v,
+                                ref: (el)=>{
+                                    otpRefs.current[i] = el;
+                                },
+                                maxLength: 1,
+                                inputMode: "numeric",
+                                pattern: "[0-9]*",
+                                onChange: (e)=>handleOtpChange(i, e.target.value),
+                                onKeyDown: (e)=>handleOtpKeyDown(i, e),
+                                className: `w-10 h-12 text-center text-lg font-semibold rounded-lg border outline-none transition-all ${erroOtp ? "border-error-500 focus:ring-2 ring-error-300" : "border-default-300 focus:border-primary-500 focus:ring-2 ring-primary-300"}`
+                            }, i))
+                    }),
+                    erroOtp && /*#__PURE__*/ jsx("p", {
+                        className: "text-xs text-error-600 mt-1",
+                        children: erroOtp
+                    }),
+                    /*#__PURE__*/ jsx("button", {
+                        type: "button",
+                        onClick: confirmarCodigo,
+                        disabled: !otpCompleto,
+                        className: `w-full mt-4 ${otpCompleto && "cursor-pointer" || "cursor-not-allowed"} bg-primary-600 hover:bg-primary-700 disabled:bg-primary-400 text-white font-medium rounded-lg py-2 transition-all`,
+                        children: "Confirmar c\xf3digo"
+                    })
+                ]
+            })
+        ]
+    });
+}
+function EsqueciMinhaSenha({ email: emailProp }) {
+    const location = useLocation();
+    const [search] = useSearchParams();
+    const emailDaNavegacao = location.state?.email;
+    const emailDaQuery = search.get("email") ?? void 0;
+    const emailDosParametros = useMemo(()=>emailProp ?? emailDaNavegacao ?? emailDaQuery, [
+        emailProp,
+        emailDaNavegacao,
+        emailDaQuery
+    ]);
+    const [erroOtp, setErroOtp] = useState("");
+    const [emailInput, setEmailInput] = useState("");
+    const [erroEmail, setErroEmail] = useState(null);
+    const inputRef = useRef(null);
+    const emailValido = (v)=>/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v);
+    function validarEmailAtual() {
+        if (!emailEfetivo) {
+            setErroEmail("Informe um e-mail.");
+            inputRef.current?.focus();
+            return false;
+        }
+        if (!emailValido(emailEfetivo)) {
+            setErroEmail("E-mail inválido.");
+            inputRef.current?.focus();
+            return false;
+        }
+        setErroEmail(null);
+        return true;
+    }
+    const emailBloqueado = Boolean(emailDosParametros && emailDosParametros.length > 0);
+    const emailEfetivo = emailBloqueado ? emailDosParametros : emailInput;
+    async function confirmarCodigo(codigo) {
         try {
-            const codigo = otp.join("");
-            if (6 !== codigo.length) return void setErroOtp("Digite os 6 dígitos do código.");
+            if (6 !== codigo.length) return void setErroOtp("Quantidade de caracteres inválida!");
             const dadosBody = {
                 data: {
                     codigo_verificacao_otp: {
@@ -4334,18 +4505,19 @@ function EsqueciMinhaSenha({ email: emailProp }) {
                     }
                 }
             };
-            await contexto_contexto_usuario.api.entrar_com_codigo_otp(dadosBody);
+            const resultado = await contexto_contexto_usuario.api.entrar_com_codigo_otp(dadosBody);
+            console.log(resultado.data.message, "resultado");
+            if (resultado?.data?.code == "WARNING") setErroOtp(resultado?.data?.message);
         } catch  {
-            setErroOtp("Código inválido ou expirado.");
+            setErroOtp("Erro ao verificar código otp!");
         }
     }
-    const otpCompleto = 6 === otp.join("").length;
     return /*#__PURE__*/ jsx("div", {
         className: "flex min-h-screen p-4 items-center justify-center bg-basic-50",
         children: /*#__PURE__*/ jsx("div", {
             className: "w-full max-w-md",
             children: /*#__PURE__*/ jsxs("div", {
-                className: "relative bg-white border border-default-200 rounded-xl p-6 min-h-[520px] shadow-sm",
+                className: "bg-white border border-default-200 rounded-xl p-6 shadow-sm",
                 children: [
                     /*#__PURE__*/ jsxs("div", {
                         className: "text-center mb-6",
@@ -4356,7 +4528,7 @@ function EsqueciMinhaSenha({ email: emailProp }) {
                             }),
                             /*#__PURE__*/ jsx("p", {
                                 className: "text-sm text-basic-600",
-                                children: "Digite o e-mail da conta para entrar sem senha"
+                                children: "Digite o e-mail da conta para entrar sem senha!"
                             }),
                             /*#__PURE__*/ jsx("p", {
                                 className: "text-xs text-default-500",
@@ -4364,103 +4536,32 @@ function EsqueciMinhaSenha({ email: emailProp }) {
                             })
                         ]
                     }),
-                    /*#__PURE__*/ jsxs("div", {
-                        className: "mt-6",
-                        children: [
-                            /*#__PURE__*/ jsx("label", {
-                                htmlFor: "email",
-                                className: "text-sm font-medium text-basic-700 mb-1 block",
-                                children: "E-mail"
-                            }),
-                            /*#__PURE__*/ jsx("input", {
-                                id: "email",
-                                ref: inputRef,
-                                type: "email",
-                                placeholder: "seu@email.com",
-                                value: emailDosParametros ?? emailInput,
-                                onChange: (e)=>{
-                                    if (emailDosParametros) return;
-                                    setEmailInput(e.target.value);
-                                    if (erroEmail) emailValido(e.target.value) ? setErroEmail(null) : setErroEmail("E-mail inválido.");
-                                },
-                                onBlur: ()=>!emailDosParametros && validarEmailAtual(),
-                                autoComplete: "email",
-                                className: `w-full px-4 py-2 rounded-lg border text-sm outline-none transition-all ${erroEmail ? "border-error-500 focus:ring-2 ring-error-300" : "border-default-300 focus:border-primary-500 focus:ring-2 ring-primary-300"}`
-                            }),
-                            erroEmail && /*#__PURE__*/ jsx("p", {
-                                className: "text-xs text-error-600 mt-1",
-                                children: erroEmail
-                            }),
-                            !erroEmail && /*#__PURE__*/ jsx("p", {
-                                className: "text-xs text-basic-600 mt-1",
-                                children: mostrarOtp ? "Digite o código abaixo." : "Usaremos este e-mail para enviar o código."
-                            }),
-                            erroEnvio && /*#__PURE__*/ jsx("p", {
-                                className: "text-xs text-error-600 mt-2",
-                                children: erroEnvio
-                            }),
-                            !jaEnviouUmaVez && /*#__PURE__*/ jsx("button", {
-                                type: "button",
-                                onClick: aoEnviar,
-                                disabled: segundosRestantes > 0,
-                                className: "w-full mt-4 bg-primary-600 hover:bg-primary-700 disabled:bg-primary-400 text-white font-medium rounded-lg py-2 transition-all",
-                                children: segundosRestantes > 0 ? `Reenviar em ${segundosRestantes}s` : "Enviar código por e-mail"
-                            })
-                        ]
+                    /*#__PURE__*/ jsx("label", {
+                        className: "text-sm font-medium text-basic-700 mb-1 block",
+                        children: "E-mail"
                     }),
-                    mostrarOtp && /*#__PURE__*/ jsxs("div", {
-                        className: "mt-8",
-                        children: [
-                            /*#__PURE__*/ jsx("label", {
-                                className: "text-sm font-medium text-basic-700 mb-2 block",
-                                children: "C\xf3digo de verifica\xe7\xe3o"
-                            }),
-                            /*#__PURE__*/ jsx("div", {
-                                className: "flex justify-between gap-2",
-                                children: otp.map((v, i)=>/*#__PURE__*/ jsx("input", {
-                                        value: v,
-                                        ref: (el)=>{
-                                            otpRefs.current[i] = el;
-                                        },
-                                        maxLength: 1,
-                                        inputMode: "numeric",
-                                        pattern: "[0-9]*",
-                                        onChange: (e)=>handleOtpChange(i, e.target.value),
-                                        onKeyDown: (e)=>handleOtpKeyDown(i, e),
-                                        className: `w-10 h-12 text-center text-lg font-semibold rounded-lg border outline-none transition-all ${erroOtp ? "border-error-500 focus:ring-2 ring-error-300" : "border-default-300 focus:border-primary-500 focus:ring-2 ring-primary-300"}`
-                                    }, i))
-                            }),
-                            erroOtp && /*#__PURE__*/ jsx("p", {
-                                className: "text-xs text-error-600 mt-1",
-                                children: erroOtp
-                            }),
-                            /*#__PURE__*/ jsx("button", {
-                                type: "button",
-                                onClick: confirmarCodigo,
-                                disabled: !otpCompleto,
-                                className: "w-full mt-4 bg-primary-600 hover:bg-primary-700 disabled:bg-primary-400 text-white font-medium rounded-lg py-2 transition-all",
-                                children: "Confirmar c\xf3digo"
-                            }),
-                            /*#__PURE__*/ jsxs("div", {
-                                className: "text-xs text-basic-600 mt-3",
-                                children: [
-                                    "N\xe3o recebeu?",
-                                    " ",
-                                    segundosRestantes > 0 ? /*#__PURE__*/ jsxs(Fragment, {
-                                        children: [
-                                            "Aguarde ",
-                                            segundosRestantes,
-                                            "s."
-                                        ]
-                                    }) : /*#__PURE__*/ jsx("button", {
-                                        type: "button",
-                                        onClick: aoEnviar,
-                                        className: "text-primary-600 hover:text-primary-700 font-medium ml-1",
-                                        children: "Reenviar c\xf3digo"
-                                    })
-                                ]
-                            })
-                        ]
+                    /*#__PURE__*/ jsx("input", {
+                        ref: inputRef,
+                        type: "email",
+                        placeholder: "seu@email.com",
+                        value: emailBloqueado ? emailDosParametros : emailInput,
+                        onChange: (e)=>{
+                            if (emailBloqueado) return;
+                            setEmailInput(e.target.value);
+                            if (erroEmail && emailValido(e.target.value)) setErroEmail(null);
+                        },
+                        onBlur: ()=>!emailBloqueado && validarEmailAtual(),
+                        autoComplete: "email",
+                        className: `w-full px-4 py-2 rounded-lg border text-sm outline-none transition-all ${erroEmail ? "border-error-500 focus:ring-2 ring-error-300" : "border-default-300 focus:border-primary-500 focus:ring-2 ring-primary-300"}`
+                    }),
+                    erroEmail && /*#__PURE__*/ jsx("p", {
+                        className: "text-xs text-error-600 mt-1",
+                        children: erroEmail
+                    }),
+                    /*#__PURE__*/ jsx(EnviarCodigoOtpEmail, {
+                        email: emailEfetivo,
+                        onConfirmarCodigo: confirmarCodigo,
+                        erroExterno: erroOtp
                     })
                 ]
             })

package/build/es/shared/types/controller/type_controller_authenticator.d.ts

@@ -18,7 +18,7 @@ declare namespace TypeControlerAutheticator {
         const InputSchema: z4.ZodObject<{
             data: z4.ZodObject<{
                 autheticator: z4.ZodObject<{
-                    usuario_senha: z4.ZodString;
+                    codigo_otp: z4.ZodString;
                 }, z4.core.$strip>;
             }, z4.core.$strip>;
         }, z4.core.$strip>;
@@ -62,7 +62,7 @@ declare namespace TypeControlerAutheticator {
         type Response = AxiosResponse<t.Geral.Response.C.Output<Output>>;
     }
     namespace BuscarAuthenticatorPeloId {
-        const route: "/api/usuario/auth/buscar_authenticator_pelo_id";
+        const route: "/api/usuario/auth/authenticator";
         const InputSchema: z4.ZodObject<{}, z4.core.$strip>;
         type Input = z4.infer<typeof InputSchema>;
         type Output = {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@navservice/usuario",
-    "version": "1.28.0",
+    "version": "1.29.0",
     "description": "Service de autenticação de usuários unificado",
     "type": "module",
     "main": "./build/lib/index.js",