antaeus.keycloak.react 2.1.2 → 2.2.0

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"
@@ -1482,6 +1487,7 @@ var DeviceLogin = ({
 function useProtectedFetch(options = {}) {
   const auth = useAuth();
   const refreshInProgressRef = useRef(false);
+  const { user, isLoading, signinSilent } = auth;
   const {
     baseUrl = "",
     onUnauthorized,
@@ -1500,11 +1506,11 @@ function useProtectedFetch(options = {}) {
     [baseUrl]
   );
   const getAuthHeader = () => {
-    if (!auth.user?.access_token) {
+    if (!user?.access_token) {
       return {};
     }
     return {
-      Authorization: `Bearer ${auth.user.access_token}`
+      Authorization: `Bearer ${user.access_token}`
     };
   };
   const buildHeaders = useCallback(
@@ -1531,10 +1537,10 @@ function useProtectedFetch(options = {}) {
       });
       if (response.status === 401) {
         onUnauthorized?.();
-        if (retryOn401 && auth.user && !refreshInProgressRef.current) {
+        if (retryOn401 && user && !refreshInProgressRef.current) {
           refreshInProgressRef.current = true;
           try {
-            await auth.signinSilent();
+            await signinSilent();
             const newHeaders = buildHeaders(init?.headers);
             const retryResponse = await fetch(fullUrl, {
               ...init,
@@ -1552,7 +1558,7 @@ function useProtectedFetch(options = {}) {
       }
       return response;
     },
-    [buildUrl, buildHeaders, onUnauthorized, retryOn401, auth]
+    [buildUrl, buildHeaders, onUnauthorized, retryOn401, user, signinSilent]
   );
   const fetchJson = useCallback(
     async (url, init) => {
@@ -1571,7 +1577,7 @@ function useProtectedFetch(options = {}) {
   return {
     fetchJson,
     fetch: protectedFetch,
-    isLoading: auth.isLoading
+    isLoading
   };
 }