@navservice/usuario 1.27.0 → 1.28.0

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

@@ -1 +1,2 @@
 export declare const AuthAtivarDesativarAuthenticator: () => import("react/jsx-runtime").JSX.Element;
+export declare function AuthAtivarDesativarAuthenticatorButton(): import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1 @@
-export { AuthAtivarDesativarAuthenticator } from "./AuthAtivarDesativarAuthenticator";
+export { AuthAtivarDesativarAuthenticator, AuthAtivarDesativarAuthenticatorButton } from "./AuthAtivarDesativarAuthenticator";

package/build/es/biblioteca/src/componentes/drawer/DraweFullScreen/DraweFullScreen.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from "react";
+type DrawerFullScreenProps = {
+    title?: ReactNode;
+    children?: ReactNode;
+    onClose?: () => void;
+};
+export type TypeDrawerFullScreenRef = {
+    abrir: () => void;
+    fechar: () => void;
+};
+export declare const DrawerFullScreen: import("react").ForwardRefExoticComponent<DrawerFullScreenProps & import("react").RefAttributes<TypeDrawerFullScreenRef>>;
+export {};

package/build/es/biblioteca/src/componentes/drawer/DraweFullScreen/index.d.ts

@@ -0,0 +1 @@
+export { DrawerFullScreen, TypeDrawerFullScreenRef } from "./DraweFullScreen";

package/build/es/biblioteca/src/componentes/drawer/DrawerPadrao/DrawerPadrao.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from "react";
+type DrawerPadraoProps = {
+    title?: ReactNode;
+    children?: ReactNode;
+    onClose?: () => void;
+};
+export type TypeDrawerPadraoRef = {
+    abrir: () => void;
+    fechar: () => void;
+};
+export declare const DrawerPadrao: import("react").ForwardRefExoticComponent<DrawerPadraoProps & import("react").RefAttributes<TypeDrawerPadraoRef>>;
+export {};

package/build/es/biblioteca/src/componentes/drawer/DrawerPadrao/index.d.ts

@@ -0,0 +1 @@
+export { TypeDrawerPadraoRef, DrawerPadrao } from "./DrawerPadrao";

package/build/es/biblioteca/src/index.d.ts

@@ -1,12 +1,14 @@
 export { default as config_env_usuario } from "./config_env";
 export { default as contexto_usuario } from "./contexto/contexto_usuario";
 export { default as contexto_layout } from "./contexto/contexto_layout";
-export { AuthAtivarDesativarAuthenticator } from "./componentes/auth/AuthAtivarDesativarAuthenticator";
-export { AuthGoogle } from "./componentes/auth/AuthGoogle";
+export { AuthAtivarDesativarAuthenticatorButton } from "./componentes/auth/AuthAtivarDesativarAuthenticator";
 export { EsqueciMinhaSenha } from "./componentes/auth/EsqueciMinhaSenha";
+export { AuthGoogle } from "./componentes/auth/AuthGoogle";
 export { AuthLogin } from "./componentes/auth/AuthLogin";
 export { AuthRegister } from "./componentes/auth/AuthRegister";
 export { VerificarAuthenticator } from "./componentes/auth/VerificarAuthenticator";
+export { DrawerFullScreen, TypeDrawerFullScreenRef } from "./componentes/drawer/DraweFullScreen";
+export { DrawerPadrao, TypeDrawerPadraoRef } from "./componentes/drawer/DrawerPadrao";
 export { Layout } from "./componentes/layout";
 export { LayoutPublic } from "./componentes/layoutPublic";
 export { default as TypesUsuario } from "../../shared/types";

package/build/es/index.js

@@ -2,11 +2,11 @@
 import { create as external_zustand_create } from "zustand";
 import { immer } from "zustand/middleware/immer";
 import v4 from "zod/v4";
-import react, { createElement, forwardRef, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
+import react, { createElement, forwardRef, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { QRCodeSVG } from "qrcode.react";
-import { GoogleLogin, GoogleOAuthProvider } from "@react-oauth/google";
 import { Outlet, useLocation, useNavigate, useSearchParams } from "react-router-dom";
+import { GoogleLogin, GoogleOAuthProvider } from "@react-oauth/google";
 import { $ZodError, parse, parseAsync } from "zod/v4/core";
 var __webpack_require__ = {};
 (()=>{
@@ -39,6 +39,16 @@ __webpack_require__.d(common_utils_namespaceObject, {
     navigator: ()=>_navigator,
     origin: ()=>utils_origin
 });
+var DrawerPadrao_namespaceObject = {};
+__webpack_require__.r(DrawerPadrao_namespaceObject);
+__webpack_require__.d(DrawerPadrao_namespaceObject, {
+    z: ()=>DrawerPadrao
+});
+var DraweFullScreen_namespaceObject = {};
+__webpack_require__.r(DraweFullScreen_namespaceObject);
+__webpack_require__.d(DraweFullScreen_namespaceObject, {
+    L: ()=>DrawerFullScreen
+});
 class config_env {
     static SET_PUBLIC_GOOGLE_CLIENT_ID_AUTH0;
     static SET_APP;
@@ -3722,6 +3732,150 @@ const Copy = createLucideIcon("copy", copy_iconNode);
     ]
 ];
 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 chevron_right_iconNode = [
+    [
+        "path",
+        {
+            d: "m9 18 6-6-6-6",
+            key: "mthhwq"
+        }
+    ]
+];
+const ChevronRight = createLucideIcon("chevron-right", chevron_right_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 house_iconNode = [
+    [
+        "path",
+        {
+            d: "M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8",
+            key: "5wwlr5"
+        }
+    ],
+    [
+        "path",
+        {
+            d: "M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z",
+            key: "r6nss1"
+        }
+    ]
+];
+const House = createLucideIcon("house", house_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 x_iconNode = [
+    [
+        "path",
+        {
+            d: "M18 6 6 18",
+            key: "1bl5f8"
+        }
+    ],
+    [
+        "path",
+        {
+            d: "m6 6 12 12",
+            key: "d8bk6v"
+        }
+    ]
+];
+const X = createLucideIcon("x", x_iconNode);
+const DrawerPadrao = /*#__PURE__*/ forwardRef(({ title, children, onClose }, ref)=>{
+    const [open, setOpen] = useState(false);
+    const closeBtnRef = useRef(null);
+    useImperativeHandle(ref, ()=>({
+            abrir: ()=>{
+                setOpen(true);
+            },
+            fechar: ()=>{
+                setOpen(false);
+                onClose?.();
+            }
+        }));
+    useEffect(()=>{
+        if (!open) return;
+        const onKey = (e)=>"Escape" === e.key && ref?.current?.fechar();
+        window.addEventListener("keydown", onKey);
+        return ()=>window.removeEventListener("keydown", onKey);
+    }, [
+        open,
+        ref
+    ]);
+    useEffect(()=>{
+        const prev = document.documentElement.style.overflow;
+        if (open) document.documentElement.style.overflow = "hidden";
+        return ()=>{
+            document.documentElement.style.overflow = prev;
+        };
+    }, [
+        open
+    ]);
+    useEffect(()=>{
+        if (open) setTimeout(()=>closeBtnRef.current?.focus(), 0);
+    }, [
+        open
+    ]);
+    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"}`,
+        children: [
+            /*#__PURE__*/ jsx("div", {
+                className: "absolute inset-0 bg-black/20 backdrop-blur-[1px]",
+                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"}`,
+                onClick: (e)=>e.stopPropagation(),
+                children: [
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "flex items-center justify-between p-3.5 border-b border-gray-200",
+                        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("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",
+                                children: /*#__PURE__*/ jsx(X, {
+                                    className: "h-4 w-4 text-red-600"
+                                })
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsx("div", {
+                        className: "h-[calc(100%-64px)] overflow-auto",
+                        children: children
+                    })
+                ]
+            })
+        ]
+    });
+});
 const AuthAtivarDesativarAuthenticator = ()=>{
     const [senha, setSenha] = useState("");
     const [mostrarSenhaStep, setMostrarSenhaStep] = useState(false);
@@ -3765,7 +3919,7 @@ const AuthAtivarDesativarAuthenticator = ()=>{
         });
         await buscar_authenticator();
     }
-    const handleConfirmarSenha = async ()=>{
+    async function handleConfirmarSenha() {
         if (!senha || senha.length < 6) return void setErro("A senha deve ter pelo menos 6 caracteres");
         setCarregando(true);
         setErro("");
@@ -3797,8 +3951,8 @@ const AuthAtivarDesativarAuthenticator = ()=>{
         } finally{
             setCarregando(false);
         }
-    };
-    const handleAtivar = async ()=>{
+    }
+    async function handleAtivar() {
         if (!codigoOtp) return void setErro("Digite o código OTP do app autenticador");
         setCarregando(true);
         setErro("");
@@ -3824,7 +3978,7 @@ const AuthAtivarDesativarAuthenticator = ()=>{
             await buscar_authenticator();
             setCarregando(false);
         }
-    };
+    }
     return /*#__PURE__*/ jsx("div", {
         className: "max-w-xl mx-auto px-4 py-8",
         children: /*#__PURE__*/ jsxs("div", {
@@ -3999,36 +4153,47 @@ const AuthAtivarDesativarAuthenticator = ()=>{
         })
     });
 };
-function AuthGoogle({ mode }) {
-    async function handleSubmitAuthGoogle(auth) {
-        if (!auth?.credential) return;
-        await contexto_contexto_usuario.api.login_register_google({
-            data: {
-                usuario: {
-                    auth_google_credential: auth?.credential,
-                    app: src_config_env.PUBLIC_APP,
-                    usuario_tipo: src_config_env.PUBLIC_USUARIO_TIPO
-                }
-            }
-        });
+function AuthAtivarDesativarAuthenticatorButton() {
+    const drawerRef = useRef(null);
+    function abrirDrawer() {
+        drawerRef.current?.abrir();
     }
-    return /*#__PURE__*/ jsx(Fragment, {
-        children: /*#__PURE__*/ jsx(GoogleOAuthProvider, {
-            clientId: src_config_env.PUBLIC_GOOGLE_CLIENT_ID_AUTH0,
-            children: /*#__PURE__*/ jsx(GoogleLogin, {
-                type: "standard",
-                size: "large",
-                theme: "outline",
-                text: mode,
-                onSuccess: (auth)=>{
-                    handleSubmitAuthGoogle(auth);
-                },
-                onError: ()=>{
-                    console.log("Login Failed");
-                },
-                useOneTap: true
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                className: "px-4 py-3 space-y-2",
+                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__*/ 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(DrawerPadrao, {
+                ref: drawerRef,
+                children: /*#__PURE__*/ jsx(AuthAtivarDesativarAuthenticator, {})
             })
-        })
+        ]
     });
 }
 const TEMPO_COOLDOWN = 60;
@@ -4302,6 +4467,38 @@ function EsqueciMinhaSenha({ email: emailProp }) {
         })
     });
 }
+function AuthGoogle({ mode }) {
+    async function handleSubmitAuthGoogle(auth) {
+        if (!auth?.credential) return;
+        await contexto_contexto_usuario.api.login_register_google({
+            data: {
+                usuario: {
+                    auth_google_credential: auth?.credential,
+                    app: src_config_env.PUBLIC_APP,
+                    usuario_tipo: src_config_env.PUBLIC_USUARIO_TIPO
+                }
+            }
+        });
+    }
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: /*#__PURE__*/ jsx(GoogleOAuthProvider, {
+            clientId: src_config_env.PUBLIC_GOOGLE_CLIENT_ID_AUTH0,
+            children: /*#__PURE__*/ jsx(GoogleLogin, {
+                type: "standard",
+                size: "large",
+                theme: "outline",
+                text: mode,
+                onSuccess: (auth)=>{
+                    handleSubmitAuthGoogle(auth);
+                },
+                onError: ()=>{
+                    console.log("Login Failed");
+                },
+                useOneTap: true
+            })
+        })
+    });
+}
 var isCheckBoxInput = (element)=>'checkbox' === element.type;
 var isDateObject = (value1)=>value1 instanceof Date;
 var isNullOrUndefined = (value1)=>null == value1;
@@ -6461,6 +6658,102 @@ const VerificarAuthenticator = ()=>{
         })
     });
 };
+/**
+ * @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 chevron_left_iconNode = [
+    [
+        "path",
+        {
+            d: "m15 18-6-6 6-6",
+            key: "1wnfg3"
+        }
+    ]
+];
+const ChevronLeft = createLucideIcon("chevron-left", chevron_left_iconNode);
+const DrawerFullScreen = /*#__PURE__*/ forwardRef(({ title, children, onClose }, ref)=>{
+    const [open, setOpen] = useState(false);
+    const closeBtnRef = useRef(null);
+    const scrollRef = useRef(null);
+    useImperativeHandle(ref, ()=>({
+            abrir: ()=>{
+                setOpen(true);
+            },
+            fechar: ()=>{
+                setOpen(false);
+                onClose?.();
+            }
+        }));
+    useEffect(()=>{
+        if (open) {
+            scrollRef.current?.scrollTo({
+                top: 0,
+                behavior: "instant"
+            });
+            setTimeout(()=>closeBtnRef.current?.focus(), 0);
+        }
+    }, [
+        open
+    ]);
+    return /*#__PURE__*/ jsxs("div", {
+        role: "dialog",
+        "aria-modal": "true",
+        className: `fixed inset-0 z-[100] ${open ? "opacity-100" : "opacity-0 pointer-events-none"} transition-opacity`,
+        children: [
+            /*#__PURE__*/ jsx("div", {
+                className: "absolute inset-0 bg-black/40 backdrop-blur-[2px]",
+                onClick: ()=>ref?.current?.fechar()
+            }),
+            /*#__PURE__*/ jsxs("aside", {
+                className: `absolute inset-y-0 right-0 w-full bg-gradient-to-br from-gray-50 to-gray-100 shadow-2xl border-l border-gray-200 flex flex-col
+                    transform transition-transform duration-500 ease-in-out
+                    ${open ? "translate-x-0" : "translate-x-full"}`,
+                onClick: (e)=>e.stopPropagation(),
+                children: [
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "flex items-center justify-between px-5 py-4 border-b border-gray-200 shrink-0",
+                        children: [
+                            /*#__PURE__*/ jsxs("div", {
+                                className: "flex items-center gap-3",
+                                children: [
+                                    /*#__PURE__*/ jsx("button", {
+                                        onClick: ()=>ref?.current?.fechar(),
+                                        className: "p-1 rounded-full border border-gray-300 bg-white hover:bg-gray-100",
+                                        children: /*#__PURE__*/ jsx(ChevronLeft, {
+                                            className: "h-4 w-4 text-gray-700"
+                                        })
+                                    }),
+                                    /*#__PURE__*/ jsx("h1", {
+                                        className: "text-xl font-bold text-gray-900",
+                                        children: title
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ jsx("button", {
+                                ref: closeBtnRef,
+                                onClick: ()=>ref?.current?.fechar(),
+                                className: "p-2 rounded-full border border-gray-300 bg-white hover:bg-gray-100",
+                                children: /*#__PURE__*/ jsx(X, {
+                                    className: "h-5 w-5 text-red-600"
+                                })
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsx("div", {
+                        ref: scrollRef,
+                        className: "flex-1 overflow-y-auto pb-50",
+                        children: /*#__PURE__*/ jsx("div", {
+                            className: "max-w-6xl mx-auto w-full px-4 py-6",
+                            children: children
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+});
 const Logo = ()=>/*#__PURE__*/ jsx("div", {
         className: "flex items-center justify-center relative",
         children: /*#__PURE__*/ jsx("h4", {
@@ -6725,7 +7018,7 @@ function Profile({ isCollapsed = false }) {
     ];
     return /*#__PURE__*/ jsxs("div", {
         ref: ref,
-        className: "relative z-50",
+        className: "relative z-30",
         children: [
             /*#__PURE__*/ jsxs("button", {
                 onClick: ()=>setOpen((p)=>!p),
@@ -6868,12 +7161,14 @@ function Profile({ isCollapsed = false }) {
     });
 }
 const NavBar = ()=>/*#__PURE__*/ jsxs("nav", {
-        className: "   fixed top-0 left-0 right-0 h-16 w-full z-30   flex items-center justify-between px-4   bg-theme-card text-theme-text    border-b border-theme-border    shadow-sm backdrop-blur-md   ",
+        className: "   fixed inset-x-0 top-0   z-40   h-16   flex items-center justify-between   px-4 md:px-6   bg-theme-card/80   text-theme-text   border-b border-theme-border   backdrop-blur-xl   supports-[backdrop-filter]:bg-theme-card/70   shadow-sm   will-change-transform   ",
         children: [
             /*#__PURE__*/ jsx("div", {
+                className: "flex items-center gap-3",
                 children: /*#__PURE__*/ jsx(NavBar_Logo, {})
             }),
             /*#__PURE__*/ jsx("div", {
+                className: "flex items-center gap-3",
                 children: /*#__PURE__*/ jsx(Profile, {
                     isCollapsed: true
                 })
@@ -6883,14 +7178,19 @@ const NavBar = ()=>/*#__PURE__*/ jsxs("nav", {
 const layout_NavBar = NavBar;
 function Layout() {
     return /*#__PURE__*/ jsxs("div", {
-        className: "flex w-full min-h-[100dvh] overflow-hidden mainwrapper bg-theme-bg text-theme-text",
+        className: "w-full h-[100dvh] bg-theme-bg text-theme-text",
         children: [
             /*#__PURE__*/ jsx(layout_NavBar, {}),
-            /*#__PURE__*/ jsx("div", {
-                className: "flex flex-col flex-grow relative z-[1] bg-theme-bg",
-                children: /*#__PURE__*/ jsx("div", {
-                    className: "flex-1 w-full h-full overflow-x-hidden overflow-y-auto box-border",
-                    children: /*#__PURE__*/ jsx(Outlet, {})
+            /*#__PURE__*/ jsx("main", {
+                className: "h-full overflow-hidden",
+                children: /*#__PURE__*/ jsxs("div", {
+                    className: "h-full overflow-y-auto overflow-x-hidden",
+                    children: [
+                        /*#__PURE__*/ jsx("div", {
+                            className: "h-16 shrink-0"
+                        }),
+                        /*#__PURE__*/ jsx(Outlet, {})
+                    ]
                 })
             })
         ]
@@ -6977,4 +7277,6 @@ function LayoutPublic() {
         ]
     });
 }
-export { AuthAtivarDesativarAuthenticator, AuthGoogle, AuthLogin, AuthRegister, EsqueciMinhaSenha, Layout, LayoutPublic, shared_types as TypesUsuario, VerificarAuthenticator, src_config_env as config_env_usuario, contexto_contexto_layout as contexto_layout, contexto_contexto_usuario as contexto_usuario };
+var __webpack_exports__TypeDrawerFullScreenRef = DraweFullScreen_namespaceObject.TypeDrawerFullScreenRef;
+var __webpack_exports__TypeDrawerPadraoRef = DrawerPadrao_namespaceObject.TypeDrawerPadraoRef;
+export { AuthAtivarDesativarAuthenticatorButton, AuthGoogle, AuthLogin, AuthRegister, DrawerFullScreen, DrawerPadrao, EsqueciMinhaSenha, Layout, LayoutPublic, shared_types as TypesUsuario, VerificarAuthenticator, src_config_env as config_env_usuario, contexto_contexto_layout as contexto_layout, contexto_contexto_usuario as contexto_usuario, __webpack_exports__TypeDrawerFullScreenRef as TypeDrawerFullScreenRef, __webpack_exports__TypeDrawerPadraoRef as TypeDrawerPadraoRef };

package/package.json

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