@riligar/auth-react 1.19.1 → 1.20.1

package/README.md

@@ -1,5 +1,11 @@
 # Auth React
 
+<p align="center">
+    [![npm version](https://img.shields.io/npm/v/@riligar/auth-react.svg)](https://www.npmjs.com/package/@riligar/auth-react)
+    [![npm downloads](https://img.shields.io/npm/dm/@riligar/auth-react.svg)](https://www.npmjs.com/package/@riligar/auth-react)
+    [![license](https://img.shields.io/npm/l/@riligar/auth-react.svg)](https://www.npmjs.com/package/@riligar/auth-react)
+</p>
+
 Auth SDK for React with JWT and JWKS.
 
 ## Installation

package/dist/index.esm.js

@@ -350,7 +350,7 @@ const useAuthStore = create((set, get) => ({
     changePassword: false,
     changeEmail: false,
     listSessions: false,
-    revokeSession: false
+    revokeSession: null // null or sessionId being revoked
   },
   // Application info (logo, nome, etc)
   applicationInfo: null,
@@ -694,7 +694,7 @@ const useAuthStore = create((set, get) => ({
       sessions,
       signOut
     } = get();
-    setLoading('revokeSession', true);
+    setLoading('revokeSession', sessionId);
     set({
       error: null
     });
@@ -708,19 +708,21 @@ const useAuthStore = create((set, get) => ({
         await signOut();
         // signOut já limpa loading states e erros no finally, mas
         // como estamos dentro do fluxo deste método, garantimos:
-        setLoading('revokeSession', false);
+        setLoading('revokeSession', null);
         return;
       }
       await revokeSession(sessionId);
 
-      // NÃO atualiza a lista automaticamente - se for a sessão atual,
-      // listSessions() vai falhar com 401. O componente decide se quer atualizar.
-      setLoading('revokeSession', false);
+      // Remove a sessão revogada da lista local
+      set(state => ({
+        sessions: state.sessions.filter(s => s.id !== sessionId)
+      }));
+      setLoading('revokeSession', null);
     } catch (err) {
       set({
         error: err
       });
-      setLoading('revokeSession', false);
+      setLoading('revokeSession', null);
       throw err;
     }
   },
@@ -729,7 +731,7 @@ const useAuthStore = create((set, get) => ({
       setLoading,
       listSessions
     } = get();
-    setLoading('revokeSession', true);
+    setLoading('revokeSession', 'all');
     set({
       error: null
     });
@@ -737,12 +739,12 @@ const useAuthStore = create((set, get) => ({
       await revokeOtherSessions();
       // Refresh sessions list after revocation
       await listSessions();
-      setLoading('revokeSession', false);
+      setLoading('revokeSession', null);
     } catch (err) {
       set({
         error: err
       });
-      setLoading('revokeSession', false);
+      setLoading('revokeSession', null);
       throw err;
     }
   },
@@ -2911,7 +2913,7 @@ function UserProfile({
                             color: "red",
                             size: "xs",
                             onClick: () => handleRevokeSession(sessionItem.id),
-                            loading: loadingRevokeSession,
+                            loading: loadingRevokeSession === sessionItem.id,
                             leftSection: /*#__PURE__*/jsx(IconLogout, {
                               size: 14
                             }),
@@ -2927,7 +2929,7 @@ function UserProfile({
                       color: "red",
                       size: "xs",
                       onClick: handleRevokeOtherSessions,
-                      loading: loadingRevokeSession,
+                      loading: loadingRevokeSession === 'all',
                       leftSection: /*#__PURE__*/jsx(IconLogout, {
                         size: 14
                       }),