Allow to keep last auth login ID after logout

README.md

@@ -328,7 +328,7 @@ Notes:
 
 ### Last User Persistence
 
-Descope stores the last user information in local storage. If you wish to disable this feature, you can pass `storeLastAuthenticatedUser={false}` to the `AuthProvider` component. Please note that some features related to the last authenticated user may not function as expected if this behavior is disabled.
+Descope stores the last user information in local storage. If you wish to disable this feature, you can pass `storeLastAuthenticatedUser={false}` to the `AuthProvider` component. Please note that some features related to the last authenticated user may not function as expected if this behavior is disabled. Local storage is being cleared when the user logs out, if you want the avoid clearing the local storage, you can pass `keepLastAuthenticatedUserAfterLogout={true}` to the `AuthProvider` component.
 
 ### Widgets
 

package.json

@@ -53,7 +53,7 @@
 		"@descope/role-management-widget": "0.1.85",
 		"@descope/user-management-widget": "0.4.88",
 		"@descope/user-profile-widget": "0.0.59",
-		"@descope/web-component": "3.16.2"
+		"@descope/web-component": "3.18.0"
 	},
 	"devDependencies": {
 		"@babel/core": "7.23.0",

src/components/AuthProvider/AuthProvider.tsx

@@ -25,6 +25,8 @@ interface IAuthProviderProps {
 	sessionTokenViaCookie?: boolean;
 	// If true, last authenticated user will be stored on local storage and can accessed with getUser function
 	storeLastAuthenticatedUser?: boolean;
+	// If true, last authenticated user will not be removed after logout
+	keepLastAuthenticatedUserAfterLogout?: boolean;
 	children?: JSX.Element;
 }
 
@@ -35,6 +37,7 @@ const AuthProvider: FC<IAuthProviderProps> = ({
 	sessionTokenViaCookie = false,
 	persistTokens = true,
 	storeLastAuthenticatedUser = true,
+	keepLastAuthenticatedUserAfterLogout = false,
 	children = undefined
 }) => {
 	const [user, setUser] = useState<User>();
@@ -48,7 +51,8 @@ const AuthProvider: FC<IAuthProviderProps> = ({
 		baseUrl,
 		persistTokens,
 		sessionTokenViaCookie,
-		storeLastAuthenticatedUser
+		storeLastAuthenticatedUser,
+		keepLastAuthenticatedUserAfterLogout
 	});
 
 	useEffect(() => {
@@ -97,6 +101,7 @@ const AuthProvider: FC<IAuthProviderProps> = ({
 			baseUrl,
 			baseStaticUrl,
 			storeLastAuthenticatedUser,
+			keepLastAuthenticatedUserAfterLogout,
 			setUser,
 			setSession,
 			sdk

src/components/AuthProvider/useSdk.ts

@@ -9,14 +9,16 @@ type Config = Pick<
 	| 'persistTokens'
 	| 'sessionTokenViaCookie'
 	| 'storeLastAuthenticatedUser'
+	| 'keepLastAuthenticatedUserAfterLogout'
 >;
 
 export default ({
 	projectId,
 	baseUrl,
 	persistTokens,
 	sessionTokenViaCookie,
-	storeLastAuthenticatedUser
+	storeLastAuthenticatedUser,
+	keepLastAuthenticatedUserAfterLogout
 }: Config): ReturnType<typeof createSdk> =>
 	useMemo(() => {
 		if (!projectId) {
@@ -29,6 +31,7 @@ export default ({
 			baseHeaders,
 			persistTokens,
 			storeLastAuthenticatedUser,
+			keepLastAuthenticatedUserAfterLogout,
 			autoRefresh: true
 		});
 	}, [projectId, baseUrl, sessionTokenViaCookie]);

src/components/Descope.tsx

@@ -104,6 +104,7 @@ const Descope = React.forwardRef<HTMLElement, DescopeProps>(
 			baseUrl,
 			baseStaticUrl,
 			storeLastAuthenticatedUser,
+			keepLastAuthenticatedUserAfterLogout,
 			sdk
 		} = React.useContext(Context);
 
@@ -211,6 +212,9 @@ const Descope = React.forwardRef<HTMLElement, DescopeProps>(
 						autoFocus={autoFocus}
 						validateOnBlur={validateOnBlur}
 						storeLastAuthenticatedUser={storeLastAuthenticatedUser}
+						keepLastAuthenticatedUserAfterLogout={
+							keepLastAuthenticatedUserAfterLogout
+						}
 					/>
 				</Suspense>
 			</form>

src/types.ts

@@ -89,6 +89,7 @@ export interface IContext {
 	baseUrl?: string;
 	baseStaticUrl?: string;
 	storeLastAuthenticatedUser?: boolean;
+	keepLastAuthenticatedUserAfterLogout?: boolean;
 	sdk?: Sdk;
 	setUser: React.Dispatch<React.SetStateAction<User>>;
 	setSession: React.Dispatch<React.SetStateAction<string>>;