feat: add option to hide connected user panel

Author: blackholegalaxy

.circleci/config.yml

@@ -7,7 +7,7 @@ jobs:
   build:
     docker:
       # specify the version you desire here
-      - image: circleci/node:8.9.4
+      - image: circleci/node:12
 
       # Specify service dependencies here if necessary
       # CircleCI maintains a library of pre-built images

.nvmrc

@@ -1 +1 @@
-11
+12

projects/ngx-auth-firebaseui/src/lib/components/ngx-auth-firebaseui/auth.component.html

@@ -5,7 +5,7 @@
     - we arrived from the guard after trying to access a protected route even though we are connected
   -->
   <div
-    *ngIf="(config.guardProtectedRoutesUntilEmailIsVerified && !user.emailVerified) || (authProcess.emailConfirmationSent && !user.emailVerified); else signedInUser"
+    *ngIf="isEmailConfirmationScreenVisible(user)"
     fxLayout="row" fxLayoutAlign="center center">
     <ngx-auth-firebaseui-email-confirmation
       (signOut)="signOut()"
@@ -21,23 +21,21 @@
     </ngx-auth-firebaseui-email-confirmation>
   </div>
 
-  <ng-template #signedInUser>
-    <div class="signed-in-container" fxLayout="column" fxLayoutAlign="center center">
-      <img *ngIf="user?.photoURL; else noPhoto" [src]="user?.photoURL" class="account-circle">
-      <ng-template #noPhoto>
-        <mat-icon class="account-circle">account_circle</mat-icon>
-      </ng-template>
-      <div class="user-display-name mat-title">{{ user?.displayName }}</div>
-      <div class="user-email mat-body-2">{{ user?.email }}</div>
-      <div class="actions">
-        <mat-progress-bar *ngIf="isLoading" mode="indeterminate"></mat-progress-bar>
-        <a [routerLink]="goBackURL" class="go-back-button action-button" color="primary"
-           mat-stroked-button>{{ verifyEmailGoBackText }}</a>
-        <button (click)="signOut()" class="sign-out-button action-button" color="warn"
-                mat-stroked-button>{{ signOutText }}</button>
-      </div>
+  <div *ngIf="isUserProfileScreenVisible(user)" class="signed-in-container" fxLayout="column" fxLayoutAlign="center center" *ngIf="">
+    <img *ngIf="user?.photoURL; else noPhoto" [src]="user?.photoURL" class="account-circle">
+    <ng-template #noPhoto>
+      <mat-icon class="account-circle">account_circle</mat-icon>
+    </ng-template>
+    <div class="user-display-name mat-title">{{ user?.displayName }}</div>
+    <div class="user-email mat-body-2">{{ user?.email }}</div>
+    <div class="actions">
+      <mat-progress-bar *ngIf="isLoading" mode="indeterminate"></mat-progress-bar>
+      <a [routerLink]="goBackURL" class="go-back-button action-button" color="primary"
+          mat-stroked-button>{{ verifyEmailGoBackText }}</a>
+      <button (click)="signOut()" class="sign-out-button action-button" color="warn"
+              mat-stroked-button>{{ signOutText }}</button>
     </div>
-  </ng-template>
+  </div>
 
 </ng-container>
 

projects/ngx-auth-firebaseui/src/lib/components/ngx-auth-firebaseui/auth.component.ts

@@ -71,6 +71,7 @@ export class AuthComponent implements OnInit, AfterViewInit, OnChanges, OnDestro
   @Input() tabIndex: number | null;
   @Input() registrationEnabled = true;
   @Input() resetPasswordEnabled = true;
+  @Input() connectedUserScreenEnabled = true;
   @Input() guestEnabled = true;
   @Input() tosUrl: string;
   @Input() privacyPolicyUrl: string;
@@ -192,6 +193,15 @@ export class AuthComponent implements OnInit, AfterViewInit, OnChanges, OnDestro
     return this.authenticationError ? 'warn' : 'primary';
   }
 
+  public isEmailConfirmationScreenVisible(user: firebase.User): boolean {
+    return (this.config.guardProtectedRoutesUntilEmailIsVerified && !user.emailVerified)
+      || (this.authProcess.emailConfirmationSent && !user.emailVerified);
+  }
+
+  public isUserProfileScreenVisible(user: firebase.User): boolean {
+    return !this.isEmailConfirmationScreenVisible(user) && this.connectedUserScreenEnabled;
+  }
+
   public ngOnInit(): void {
     if (isPlatformBrowser(this.platformId)) {
       this.onErrorSubscription = this.onError.subscribe(() => this.authenticationError = true);
@@ -339,6 +349,8 @@ export class AuthComponent implements OnInit, AfterViewInit, OnChanges, OnDestro
       });
   }
 
+
+
   private chooseBackUrl() {
     return this.activatedRoute.snapshot.queryParams.redirectUrl || this.goBackURL || '/';
   }