fix(igx-ts): update the providers to fix build errors

Author: Hristo313

packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/authentication/login-bar/login-bar.html

@@ -4,7 +4,7 @@
 <button class="login-button" *ngIf="userService.currentUser" igxRipple="white" igxButton="flat" igxButtonBackground="c"
   igxButtonColor="white" [igxToggleAction]="options">
   <igx-avatar [initials]="userService.initials ?? ''" [src]="userService.currentUser.picture ?? ''"
-    [roundShape]="true" size="small" bgColor="white">
+    shape="circle" size="small" bgColor="white">
   </igx-avatar>
   <igx-icon>keyboard_arrow_down</igx-icon>
 </button>

packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/authentication/providers/auth-provider.ts

@@ -1,7 +1,6 @@
 import { ExternalLogin } from '../models/login';
 
 export interface AuthProvider {
-  config(): void;
   login(): void;
   getUserInfo(): Promise<ExternalLogin>;
   logout(): void;

packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/authentication/providers/base-oidc-provider.ts

@@ -30,5 +30,5 @@ export abstract class BaseOidcProvider implements AuthProvider {
   }
 
   /** Format received user data per provider claims */
-  protected abstract formatUserData(userData: { [key: string]: any; }): ExternalLogin;
+  protected abstract formatUserData(userData: { [key: string]: any; }): Promise<ExternalLogin>;
 }

packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/authentication/providers/facebook-provider.ts

@@ -27,13 +27,13 @@ export class FacebookProvider implements AuthProvider {
           '/me?fields=id,email,name,first_name,last_name,picture',
           (newResponse: { [key: string]: any; }) => {
             this.user = {
-              id: newResponse.id,
-              name: newResponse.name,
-              given_name: newResponse.first_name,
-              family_name: newResponse.last_name,
-              email: newResponse.email,
-              picture: newResponse.picture,
-              externalToken: FB.getAuthResponse()[accessToken]
+              id: newResponse['id'],
+              name: newResponse['name'],
+              given_name: newResponse['first_name'],
+              family_name: newResponse['last_name'],
+              email: newResponse['email'],
+              picture: newResponse['picture'],
+              externalToken: FB.getAuthResponse()?.[accessToken] ?? ''
             };
             this.router.navigate([this.externalStsConfig.redirect_url]);
           });

packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/authentication/providers/google-provider.ts

@@ -1,3 +1,4 @@
+import { firstValueFrom } from 'rxjs';
 import { ExternalLogin } from '../models/login';
 import { BaseOidcProvider } from './base-oidc-provider';
 
@@ -7,16 +8,16 @@ export class GoogleProvider extends BaseOidcProvider {
    * https://developers.google.com/identity/protocols/OpenIDConnect
    * https://developers.google.com/+/web/api/rest/openidconnect/getOpenIdConnect
    */
-  protected formatUserData(userData: { [key: string]: any; }): ExternalLogin {
-    const login: ExternalLogin = {
+  protected async formatUserData(userData: { [key: string]: any; }): Promise<ExternalLogin> {
+    const token = await firstValueFrom(this.oidcSecurityService.getAccessToken(this.externalStsConfig.configId));
+    return {
       id: userData['sub'],
       name: userData['name'],
       email: userData['email'],
       given_name: userData['given_name'],
       family_name: userData['family_name'],
       picture: userData['picture'],
-      externalToken: this.oidcSecurityService.getAccessToken(this.externalStsConfig.configId)
+      externalToken: token
     };
-    return login;
   }
 }

packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/authentication/providers/microsoft-provider.ts

@@ -1,3 +1,4 @@
+import { firstValueFrom } from 'rxjs';
 import { ExternalLogin } from '../models/login';
 import { BaseOidcProvider } from './base-oidc-provider';
 
@@ -8,13 +9,13 @@ export class MicrosoftProvider extends BaseOidcProvider {
    * Format user data response from available claims:
    * https://docs.microsoft.com/en-us/azure/active-directory/develop/id-tokens#payload-claims
    */
-  protected formatUserData(userData: { [key: string]: any; }): ExternalLogin {
-    const login: ExternalLogin = {
+  protected async formatUserData(userData: { [key: string]: any; }): Promise<ExternalLogin> {
+    const token = await firstValueFrom(this.oidcSecurityService.getAccessToken(this.externalStsConfig.configId));
+    return {
       id: userData['oid'],
       name: userData['name'],
       email: userData['email'],
-      externalToken: this.oidcSecurityService.getAccessToken(this.externalStsConfig.configId)
+      externalToken: token
     };
-    return login;
   }
 }

packages/igx-templates/igx-ts/projects/side-nav-auth/files/tsconfig.app.json

@@ -12,8 +12,11 @@
       "facebook-js-sdk"
     ]
   },
+  "files": [
+    "src/main.ts"
+  ],
   "include": [
-    "src/**/*.ts"
+    "src/**/*.d.ts"
   ],
   "exclude": [
     "src/**/*.spec.ts"