fix(oidc): logout trigger login (release) (#1394)

* fix(oidc): logout trigger login * fix (alpha) * add use case to demo
AxaFrance · Jul 4, 2024 · 6c80c5c · 6c80c5c
1 parent 388bd33
commit 6c80c5c
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git a/examples/react-oidc-demo/src/Profile.tsx b/examples/react-oidc-demo/src/Profile.tsx
@@ -1,4 +1,12 @@
-import { OidcSecure, type OidcUserInfo, OidcUserStatus, useOidcAccessToken, useOidcIdToken, useOidcUser } from '@axa-fr/react-oidc';
+import {
+    OidcSecure,
+    type OidcUserInfo,
+    OidcUserStatus,
+    useOidc,
+    useOidcAccessToken,
+    useOidcIdToken,
+    useOidcUser
+} from '@axa-fr/react-oidc';
 import React from 'react';
 
 interface OidcUserRoleInfo extends OidcUserInfo{
@@ -31,8 +39,10 @@ const DisplayUserInfo = () => {
 };
 
 export const Profile = () => {
+    const { logout, isAuthenticated } = useOidc();
     return (
-       <div className="container mt-3">
+       <div className="contaicner mt-3">
+           {isAuthenticated && <p><button type="button" className="btn btn-primary" onClick={() => logout()}>logout</button></p>}
            <DisplayAccessToken/>
            <DisplayIdToken/>
            <DisplayUserInfo/>

diff --git a/packages/oidc-client/src/oidc.ts b/packages/oidc-client/src/oidc.ts
@@ -252,6 +252,10 @@ Please checkout that you are using OIDC hook inside a <OidcProvider configuratio
 
     loginPromise: Promise<void> = null;
     async loginAsync(callbackPath:string = undefined, extras:StringMap = null, isSilentSignin = false, scope:string = undefined, silentLoginOnly = false) {
+        if (this.logoutPromise) {
+            await this.logoutPromise;
+        }
+
         if (this.loginPromise !== null) {
             return this.loginPromise;
         }