academe-kit 0.8.5 → 0.8.7

package/dist/index.d.ts

@@ -20671,6 +20671,7 @@ type AcademeKeycloakContextProps = {
     initOptions?: KeycloakInitOptions;
     skipApiUserFetch?: boolean;
     children: React.ReactElement;
+    redirectUri?: string;
 };
 type SecurityProviderProps = {
     hubUrl?: string;
@@ -20683,6 +20684,7 @@ type KeycloakUser = {
     lastName: string;
     email: string;
     avatar_url?: string;
+    tm_token?: string;
 };
 type AcademeUser = User & {
     keycloakUser?: KeycloakUser;

package/dist/index.esm.js

@@ -6026,24 +6026,20 @@ const getAccessTokenFromCookies = () => {
 const setCookie = (name, value, domain) => {
     if (typeof window === "undefined")
         return;
-    const cookieParts = [
-        `${name}=${value}`,
-        "path=/",
-        "secure",
-        "SameSite=None",
-    ];
+    const cookieParts = [`${name}=${value}`, "path=/", "secure", "SameSite=None"];
     {
         cookieParts.push(`domain=${domain}`);
     }
     document.cookie = cookieParts.join("; ");
 };
-const AcademeAuthProvider = ({ realm, hubUrl, children, clientId, keycloakUrl, apiBaseUrl, skipApiUserFetch, }) => {
+const AcademeAuthProvider = ({ realm, hubUrl, children, clientId, keycloakUrl, apiBaseUrl, redirectUri, skipApiUserFetch, }) => {
     const oidcConfig = {
         authority: `${keycloakUrl}/realms/${realm}`,
         client_id: clientId,
-        redirect_uri: typeof window !== "undefined"
-            ? window.location.origin
-            : process.env.NEXT_PUBLIC_REDIRECT_URI,
+        redirect_uri: redirectUri ||
+            (typeof window !== "undefined"
+                ? window.location.origin
+                : process.env.NEXT_PUBLIC_REDIRECT_URI),
         scope: "openid profile email",
         onSigninCallback: () => {
             window.history.replaceState({}, document.title, window.location.pathname);
@@ -6098,7 +6094,7 @@ const SecurityProvider = ({ apiBaseUrl = "https://stg-api.academe.com.br", skipA
     const isAuthenticated = auth.isAuthenticated || !!accessToken;
     const isLoading = auth.isLoading;
     const activeNavigator = auth.activeNavigator;
-    const userProfile = auth.user?.profile;
+    auth.user?.profile;
     const currentTokenRef = useRef(undefined);
     // Efeito para sincronizar o token do auth com o state
     // e também verificar cookies periodicamente
@@ -6128,9 +6124,7 @@ const SecurityProvider = ({ apiBaseUrl = "https://stg-api.academe.com.br", skipA
             return;
         const handlePostMessage = (event) => {
             try {
-                const data = typeof event.data === "string"
-                    ? JSON.parse(event.data)
-                    : event.data;
+                const data = typeof event.data === "string" ? JSON.parse(event.data) : event.data;
                 if (data?.type === "KC_TOKEN_UPDATE" && data?.payload?.accessToken) {
                     const newToken = data.payload.accessToken;
                     console.log("[SecurityProvider] Received KC_TOKEN_UPDATE via postMessage");
@@ -6138,8 +6132,7 @@ const SecurityProvider = ({ apiBaseUrl = "https://stg-api.academe.com.br", skipA
                     setAccessToken(newToken);
                 }
             }
-            catch {
-            }
+            catch { }
         };
         window.addEventListener("message", handlePostMessage);
         return () => {
@@ -6209,14 +6202,14 @@ const SecurityProvider = ({ apiBaseUrl = "https://stg-api.academe.com.br", skipA
         }
     }, [accessToken, isLoading, isAuthenticated]);
     const getKeycloakUser = useCallback(() => {
-        const profile = userProfile;
         return {
-            email: profile?.email || decodedAccessToken?.email || "",
-            name: profile?.given_name || decodedAccessToken?.given_name || "",
-            lastName: profile?.family_name || decodedAccessToken?.family_name || "",
+            email: decodedAccessToken?.email || "",
+            name: decodedAccessToken?.given_name || "",
+            lastName: decodedAccessToken?.family_name || "",
             avatar_url: decodedAccessToken?.avatar_url,
+            tm_token: decodedAccessToken?.tm_token,
         };
-    }, [userProfile, decodedAccessToken]);
+    }, [decodedAccessToken]);
     const hasRealmRole = useCallback((role) => {
         return decodedAccessToken?.realm_access?.roles?.includes(role) ?? false;
     }, [decodedAccessToken]);
@@ -6232,51 +6225,50 @@ const SecurityProvider = ({ apiBaseUrl = "https://stg-api.academe.com.br", skipA
         return Object.values(decodedAccessToken.resource_access).some((resource) => resource.roles?.includes(role));
     }, [decodedAccessToken]);
     // --- 4. Fetch de Dados do Usuário (Backend) ---
-    useEffect(() => {
-        let isMounted = true;
-        const fetchUserData = async () => {
-            if (isAuthenticated) {
-                if (skipApiUserFetch) {
-                    if (isMounted) {
-                        const academeUser = {
-                            keycloakUser: getKeycloakUser(),
-                        };
-                        setCurrentUser({ ...academeUser, id: userProfileSub || "" });
-                    }
-                    return;
-                }
-                try {
-                    const response = await services.user.getMe();
-                    if (isMounted && response?.data?.data) {
-                        const academeUser = {
-                            ...response.data.data,
-                            keycloakUser: getKeycloakUser(),
-                        };
-                        setCurrentUser(academeUser);
-                    }
-                }
-                catch (error) {
-                    console.error("[SecurityProvider] Error fetching user data:", error);
-                }
+    // Refs para controlar fetch sem depender de useEffect (componente pode desmontar antes dos efeitos executarem)
+    const hasFetchedUserRef = useRef(false);
+    const isFetchingUserRef = useRef(false);
+    if (!isAuthenticated) {
+        hasFetchedUserRef.current = false;
+    }
+    if (isAuthenticated &&
+        !hasFetchedUserRef.current &&
+        !isFetchingUserRef.current) {
+        if (skipApiUserFetch) {
+            if (decodedAccessToken) {
+                hasFetchedUserRef.current = true;
+                const academeUser = {
+                    keycloakUser: getKeycloakUser(),
+                };
+                setCurrentUser({ ...academeUser, id: userProfileSub || "" });
             }
-            else if (!isAuthenticated && !isLoading) {
-                if (isMounted) {
-                    setCurrentUser(null);
+        }
+        else {
+            hasFetchedUserRef.current = true;
+            isFetchingUserRef.current = true;
+            services.user
+                .getMe()
+                .then((response) => {
+                if (response?.data?.data) {
+                    const academeUser = {
+                        ...response.data.data,
+                        keycloakUser: getKeycloakUser(),
+                    };
+                    setCurrentUser(academeUser);
                 }
-            }
-        };
-        fetchUserData();
-        return () => {
-            isMounted = false;
-        };
-    }, [
-        isAuthenticated,
-        isLoading,
-        getKeycloakUser,
-        services,
-        skipApiUserFetch,
-        userProfileSub,
-    ]);
+            })
+                .catch((error) => {
+                console.error("[SecurityProvider] Error fetching user data:", error);
+                hasFetchedUserRef.current = false;
+            })
+                .finally(() => {
+                isFetchingUserRef.current = false;
+            });
+        }
+    }
+    if (!isAuthenticated && !isLoading && currentUser !== null) {
+        setCurrentUser(null);
+    }
     const refreshUserData = useCallback(async () => {
         setIsRefreshing(true);
         if (isAuthenticated) {
@@ -9350,11 +9342,11 @@ const ProtectedApp = ({ children, requiredClientRoles, requiredRealmRoles, }) =>
     }
     if (requiredClientRoles &&
         !requiredClientRoles.roles.some((role) => hasClientRole(role, requiredClientRoles.clientId))) {
-        return (jsxs("div", { className: "flex flex-col w-screen h-screen items-center justify-center bg-background", children: [jsx(CircleAlert, { className: "size-10 text-primary " }), jsx("h1", { className: "text-2xl font-bold mt-4 text-center", children: "Oops, voc\u00EA n\u00E3o tem permiss\u00E3o para acessar aqui." }), jsx("span", { className: "text-center", children: "Se voc\u00EA acredita que isso \u00E9 um erro, entre em contato com o suporte." }), jsxs("div", { className: "flex gap-3 mt-4", children: [jsx(Button, { variant: "primary", size: "md", children: "Falar com o suporte" }), jsx(Button, { variant: "outline", size: "md", onClick: signOut, children: "Fazer logout" })] })] }));
+        return (jsxs("div", { className: "flex flex-col w-screen h-screen items-center justify-center bg-background", children: [jsx(CircleAlert, { className: "size-10 text-primary " }), jsx("h1", { className: "text-2xl font-bold mt-4 text-center", children: "Oops, voc\u00EA n\u00E3o tem permiss\u00E3o para acessar aqui." }), jsx("span", { className: "text-center", children: "Se voc\u00EA acredita que isso \u00E9 um erro, entre em contato com o suporte." }), jsxs("div", { className: "flex gap-3 mt-4", children: [jsx(Button, { variant: "primary", size: "md", children: "Falar com o suporte" }), jsx(Button, { variant: "outline", size: "md", onClick: signOut, children: "Sair da conta" })] })] }));
     }
     if (requiredRealmRoles &&
         !requiredRealmRoles?.some((role) => hasRealmRole(role))) {
-        return (jsxs("div", { className: "flex flex-col w-screen h-screen items-center justify-center bg-background", children: [jsx(CircleAlert, { className: "size-10 text-primary " }), jsx("h1", { className: "text-2xl font-bold mt-4 text-center", children: "Oops, voc\u00EA n\u00E3o tem permiss\u00E3o para acessar aqui." }), jsx("span", { className: "text-center", children: "Se voc\u00EA acredita que isso \u00E9 um erro, entre em contato com o suporte." }), jsxs("div", { className: "flex gap-3 mt-4", children: [jsx(Button, { variant: "primary", size: "md", children: "Falar com o suporte" }), jsx(Button, { variant: "outline", size: "md", onClick: signOut, children: "Fazer logout" })] })] }));
+        return (jsxs("div", { className: "flex flex-col w-screen h-screen items-center justify-center bg-background", children: [jsx(CircleAlert, { className: "size-10 text-primary " }), jsx("h1", { className: "text-2xl font-bold mt-4 text-center", children: "Oops, voc\u00EA n\u00E3o tem permiss\u00E3o para acessar aqui." }), jsx("span", { className: "text-center", children: "Se voc\u00EA acredita que isso \u00E9 um erro, entre em contato com o suporte." }), jsxs("div", { className: "flex gap-3 mt-4", children: [jsx(Button, { variant: "primary", size: "md", children: "Falar com o suporte" }), jsx(Button, { variant: "outline", size: "md", onClick: signOut, children: "Sair da conta" })] })] }));
     }
     return children;
 };