antaeus.keycloak.react 2.1.3 → 2.2.1

package/dist/index.mjs

@@ -1,9 +1,9 @@
 import { useState, useRef, useCallback, useEffect, useMemo } 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';
 import { useLocation } from 'react-router-dom';
 import { QRCodeSVG } from 'qrcode.react';
-import { User } from 'oidc-client-ts';
 
 // src/components/KeycloakProvider.tsx
 
@@ -33,7 +33,8 @@ var defaultConfig = {
     responseType: "code",
     codeChallengeMethod: "S256",
     loadUserInfo: true,
-    automaticSilentSignIn: false
+    automaticSilentSignIn: false,
+    storageType: "session"
   },
   events: {}
 };
@@ -50,6 +51,8 @@ var KeycloakConfigBuilder = class {
   static build(userConfig) {
     this.validate(userConfig);
     const config = this.mergeWithDefaults(userConfig);
+    const storageType = config.advanced.storageType || "session";
+    const storage = storageType === "local" ? window.localStorage : window.sessionStorage;
     const oidcSettings = {
       authority: config.authority,
       client_id: config.clientId,
@@ -60,6 +63,8 @@ var KeycloakConfigBuilder = class {
       automaticSilentRenew: config.silentRenew.enabled,
       loadUserInfo: config.advanced.loadUserInfo,
       silent_redirect_uri: config.silentRenew.silentRedirectUri,
+      // Configure storage for user data and tokens
+      userStore: new WebStorageStateStore({ store: storage }),
       // Add PKCE support (required for public clients)
       ...config.advanced.codeChallengeMethod && {
         response_mode: "query"
@@ -1382,6 +1387,15 @@ var DeviceLogin = ({
   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);
@@ -1393,18 +1407,39 @@ var DeviceLogin = ({
           const user = new User({
             id_token: tokenResponse.id_token || "",
             access_token: tokenResponse.access_token,
-            token_type: tokenResponse.token_type,
+            token_type: tokenResponse.token_type || "Bearer",
             profile: userInfo,
             expires_at: Math.floor(Date.now() / 1e3) + tokenResponse.expires_in,
             scope: tokenResponse.scope,
-            refresh_token: tokenResponse.refresh_token
+            refresh_token: tokenResponse.refresh_token,
+            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.");
           }
           if (onSuccess) {
             await new Promise((resolve) => setTimeout(resolve, 100));