Google login in Angular14 with #abacritt/angularx-social-login and the newer Google GIS library - oauth-2.0

Question

I want to setup google login in my Angular14 web application with #abacritt/angularx-social-login#1.2.5. I see that the old Google Sign-In library for Web is deprecated and I want to use the newer one Google Identity Services library. My login is working but I want to do it in redirect mode and not in "pop-up" mode. How I can do that ?
NB: I use in my login page the button asl-google-signin-button.
You can find attach my used code:
app.module.ts:
import { GoogleLoginProvider, SocialAuthServiceConfig, SocialLoginModule } from '#abacritt/angularx-social-login';
#NgModule({
declarations: [
...
],
imports: [
...
],
providers: [
{
provide: 'SocialAuthServiceConfig',
useValue: {
autoLogin: false,
providers: [
{
id: GoogleLoginProvider.PROVIDER_ID,
provider: new GoogleLoginProvider(
'my_client_id'
)
}
],
} as SocialAuthServiceConfig
}
],
bootstrap: [AppComponent],
})
export class AppModule { }
login.component.html:
<div class="google-btn">
<asl-google-signin-button
type='standard'
shape="rectangular"
size='medium'
theme="filled_blue"
text="signin_with"
locale="en-GB"
size="large"
logo_alignment="left">
</asl-google-signin-button>
</div>
login.component.ts:
ngOnInit(): void {
this.authService.connectionGoogle().subscribe({
next: (data: User) => {
console.log(data)
this.router.navigateByUrl('home');
},
error: (error: any) => {
console.log(error)
this.router.navigateByUrl('unauthorized')
}
})
}
auth.service.ts:
connectionGoogle(): Observable<User> {
return this.socialAuthService.authState.pipe(
concatMap((res: SocialUser) => {
return this.googleLoginAndGetUser(res.idToken)
}),
tap(res => this.setUser(res))
)
}
googleLoginAndGetUser(data: string): Observable<User> {
return this.googleLogin(data).pipe(
concatMap((res: LoginResponse) => {
this.setAccessToken(res.access_token);
this.setRefreshToken(res.refresh_token);
const parseJwt = JSON.parse(atob(res.access_token.split('.')[1]));
const idUser = parseJwt.sub;
return this.getUser(idUser)
)
})
)
}
googleLogin(idToken: string) {
const obj = {'idToken': idToken};
return this.httpClient.post<any>(this.url_user + 'glogin', obj)
}
getUser(idUser: number): Observable<User> {
return this.httpClient.get<User>(this.url_user + idUser)
}
and the screen of the client ID of my application :
what you can suggest me to do redirect mode ?
Don't hesitate if you know other libraries that allow to do that.
Thanks in advance.