antaeus.keycloak.react 2.2.1 → 2.2.3

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { useState, useRef, useCallback, useEffect, useMemo } from 'react';
+import { createContext, useState, useRef, useCallback, useEffect, useMemo, useContext } from 'react';
 import { useAuth as useAuth$1, AuthProvider } from 'react-oidc-context';
 import { WebStorageStateStore, User } from 'oidc-client-ts';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -834,6 +834,15 @@ function mergeWithPreset(preset, customConfig) {
     }
   };
 }
+var StorageConfigContext = createContext({
+  storageType: "session",
+  storage: typeof window !== "undefined" ? window.sessionStorage : {}
+});
+var StorageConfigProvider = ({ storageType, children }) => {
+  const storage = storageType === "local" ? window.localStorage : window.sessionStorage;
+  return /* @__PURE__ */ jsx(StorageConfigContext.Provider, { value: { storageType, storage }, children });
+};
+var useStorageConfig = () => useContext(StorageConfigContext);
 function isZeroConfig(props) {
   return "authority" in props && "clientId" in props;
 }
@@ -879,6 +888,7 @@ var KeycloakProvider = (props) => {
     log("warn", "User removed from storage - token validation likely failed");
   }, [log]);
   const showSessionMonitor = config.features?.sessionMonitor !== false;
+  const storageType = config.advanced?.storageType || "session";
   return /* @__PURE__ */ jsx(
     AuthProvider,
     {
@@ -886,10 +896,10 @@ var KeycloakProvider = (props) => {
       onSigninCallback,
       onSignoutCallback,
       onRemoveUser,
-      children: /* @__PURE__ */ jsxs(TokenLifecycleManager, { config, debug, children: [
+      children: /* @__PURE__ */ jsx(StorageConfigProvider, { storageType, children: /* @__PURE__ */ jsxs(TokenLifecycleManager, { config, debug, children: [
         showSessionMonitor && /* @__PURE__ */ jsx(SessionMonitor, {}),
         children
-      ] })
+      ] }) })
     }
   );
 };
@@ -1346,12 +1356,12 @@ var DeviceLogin = ({
   style
 }) => {
   const auth = useAuth();
+  const { storage, storageType } = useStorageConfig();
   const [deviceData, setDeviceData] = useState(null);
   const [error, setError] = useState(null);
   const [loading, setLoading] = useState(true);
   const [timeRemaining, setTimeRemaining] = useState(null);
   const pollTimerRef = useRef(null);
-  const userManagerRef = useRef(null);
   useEffect(() => {
     const initDeviceFlow = async () => {
       setLoading(true);
@@ -1386,16 +1396,6 @@ var DeviceLogin = ({
   }, [deviceData, timeRemaining]);
   useEffect(() => {
     if (!deviceData) return;
-    userManagerRef.current = auth.userManager;
-    if (userManagerRef.current) {
-      const settings = userManagerRef.current.settings;
-      console.log("[DeviceLogin] UserManager storage configured:", {
-        hasUserStore: !!settings.userStore,
-        storeType: settings.userStore ? "configured" : "default"
-      });
-    } else {
-      console.error("[DeviceLogin] UserManager is not available in auth context");
-    }
     const poll = async () => {
       try {
         const tokenResponse = await pollForToken(apiBaseUrl, deviceData.device_code);
@@ -1415,32 +1415,26 @@ var DeviceLogin = ({
             session_state: null
             // Device flow doesn't have session_state
           });
-          if (userManagerRef.current) {
-            console.log("[DeviceLogin] Storing user in UserManager...", {
-              hasAccessToken: !!user.access_token,
-              hasRefreshToken: !!user.refresh_token,
-              expiresAt: user.expires_at
-            });
-            await userManagerRef.current.storeUser(user);
-            console.log("[DeviceLogin] User stored successfully");
-            const storedUser = await userManagerRef.current.getUser();
-            if (!storedUser) {
-              console.error("[DeviceLogin] Failed to retrieve stored user!");
-              throw new Error("Failed to store user session. Please try again.");
-            }
-            console.log("[DeviceLogin] Verified user in storage:", {
-              hasAccessToken: !!storedUser.access_token,
-              profile: storedUser.profile?.preferred_username
-            });
-            const events = userManagerRef.current.events;
-            if (events && events._userLoaded) {
-              events._userLoaded.raise(user);
-              console.log("[DeviceLogin] Triggered user loaded event");
-            }
-          } else {
-            console.error("[DeviceLogin] UserManager not available, cannot store user");
-            throw new Error("UserManager not available. Cannot complete login.");
+          console.log("[DeviceLogin] Device flow authentication successful", {
+            hasAccessToken: !!user.access_token,
+            hasRefreshToken: !!user.refresh_token,
+            expiresAt: user.expires_at,
+            profile: userInfo.preferred_username
+          });
+          const storageKey = `oidc.user:${auth.settings.authority}:${auth.settings.client_id}`;
+          const userJson = user.toStorageString();
+          console.log("[DeviceLogin] Storing user in storage...", {
+            storageKey,
+            storageType,
+            storage: storageType === "local" ? "localStorage" : "sessionStorage"
+          });
+          storage.setItem(storageKey, userJson);
+          const stored = storage.getItem(storageKey);
+          if (!stored) {
+            console.error("[DeviceLogin] Failed to store user in storage!");
+            throw new Error("Failed to store user session. Please try again.");
           }
+          console.log("[DeviceLogin] User stored successfully in", storageType === "local" ? "localStorage" : "sessionStorage");
           if (onSuccess) {
             await new Promise((resolve) => setTimeout(resolve, 100));
             onSuccess(user);