@annalib/anna-cognito-lib 2.0.11 → 2.1.0

package/fesm2015/annalib-anna-cognito-lib.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { InjectionToken, Injectable, Inject, Directive, Input, Component, EventEmitter, Output, NgModule } from '@angular/core';
 import { __awaiter } from 'tslib';
-import { CognitoUserPool, CognitoUser, AuthenticationDetails } from 'amazon-cognito-identity-js';
+import { fetchAuthSession, signIn, confirmSignIn, getCurrentUser, resetPassword, confirmResetPassword, signOut } from 'aws-amplify/auth';
 import * as i3 from '@angular/router';
 import { RouterModule } from '@angular/router';
 import * as i3$1 from '@angular/common/http';
@@ -69,30 +69,6 @@ const CONFIG_SERVICE_TOKEN = new InjectionToken('Cognito config service token');
 /** Token to inject the auth service */
 const AUTH_SERVICE_TOKEN = new InjectionToken('Auth service token');
 
-class AuthenticationData {
-    constructor(Username, Password) {
-        this.Username = Username;
-        this.Password = Password;
-    }
-}
-class UserPoolInformation {
-    constructor(UserPoolId, ClientId) {
-        this.UserPoolId = UserPoolId;
-        this.ClientId = ClientId;
-    }
-}
-class UsernameInfo {
-    constructor(object) {
-        this.isUsernameAvailable = object.isUsernameAvailable;
-    }
-}
-class UserState {
-    constructor(userState) {
-        this.userStatus = userState;
-        this.isUserWithTempPassword = userState == 'FORCE_CHANGE_PASSWORD';
-    }
-}
-
 /** Token to inject the acl service */
 const ACL_SERVICE_TOKEN = new InjectionToken('ACL service token');
 
@@ -123,6 +99,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
     } });
 
 class AnnaLibAuthService {
+    // authIdFromOktaRedirectionUrl: string;
     constructor(router, aclService, httpClient, toastr, consumingProjectAuthService, consumingProjectConfigService) {
         this.router = router;
         this.aclService = aclService;
@@ -137,171 +114,178 @@ class AnnaLibAuthService {
         }
     }
     ngOnInit() { }
-    /***
-   1. takes user pool data (userPool ID and client ID)
-   2. if current user is null then it means user already logged out then simply return Promise<false>
-   3. if current user present check if token is valid for it.
- */
     isUserLoggedIn() {
-        let currentUser = this.getCurrentUserDetails();
-        if (currentUser) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const session = yield fetchAuthSession();
             return new Promise((resolve, reject) => {
-                currentUser && currentUser.getSession((error, token) => {
-                    if (token) {
-                        this.getAllCognitoTokenAndGroups(token);
-                        resolve(true);
-                    }
-                    else {
-                        this.toastr.error(LoginConstant.sessionExpiredError);
-                        this.sessionTimeout();
-                        resolve(false);
-                    }
-                });
-            });
-        }
-        else {
-            return new Promise((resolve) => {
-                clearInterval(this.accessTokenTimerId);
-                resolve(false);
+                if (session === null || session === void 0 ? void 0 : session.tokens) {
+                    this.getAllCognitoTokenAndGroups(session.tokens);
+                    resolve(true);
+                }
+                else {
+                    this.toastr.error(LoginConstant.sessionExpiredError);
+                    this.sessionTimeout();
+                    resolve(false);
+                }
             });
-        }
+        });
     }
     sessionTimeout() {
         localStorage.clear();
         clearInterval(this.accessTokenTimerId);
         this.router.navigate([LoginConstant.loginPageUrl]);
     }
-    refreshAccessToken() {
-        let currentUser = this.getCurrentUserDetails();
-        let accessTokenExpiration = localStorage.getItem("accessTokenExpiration");
-        let expTime = accessTokenExpiration ? parseInt(accessTokenExpiration) : 0;
-        this.accessTokenTimerId = setInterval(() => {
-            let counter = 1000;
-            let delayFunction = setTimeout(() => {
-                currentUser && currentUser.getSession((error, token) => {
-                    if (token) {
-                        this.getAllCognitoTokenAndGroups(token);
-                        let newExpTime = this.computeTokenExpiration(this.IdToken);
-                        if (newExpTime <= 0) {
-                            newExpTime = 1000;
-                            counter = 0;
-                            if (delayFunction) {
-                                clearInterval(delayFunction);
-                            }
-                        }
-                        expTime = newExpTime;
-                        localStorage.setItem("accessTokenExpiration", newExpTime.toString());
-                        clearInterval(this.accessTokenTimerId);
-                        this.refreshAccessToken();
-                    }
-                    else if (error.code === "NotAuthorizedException") {
-                        this.toastr.error(LoginConstant.sessionExpiredError);
-                        this.sessionTimeout();
-                    }
-                });
-            }, counter);
-        }, expTime);
-    }
     computeTokenExpiration(token) {
         let currentTime = Math.floor(Date.now() / 1000);
         let tokenTime = token.payload.exp;
         let expTime = (tokenTime - currentTime) * 1000;
         return expTime;
     }
-    getCurrentUserDetails() {
-        let poolData = new UserPoolInformation(this.consumingProjectConfigService.appGenericConfig.cognito.userPoolId, this.consumingProjectConfigService.appGenericConfig.cognito.clientId);
-        let userPool = new CognitoUserPool(poolData);
-        return userPool.getCurrentUser();
-    }
-    getCognitoUserDetails(email) {
-        this.poolData = new UserPoolInformation(this.consumingProjectConfigService.appGenericConfig.cognito.userPoolId, this.consumingProjectConfigService.appGenericConfig.cognito.clientId);
-        this.userPool = new CognitoUserPool(this.poolData);
-        let userData = {
-            Username: email,
-            Pool: this.userPool,
-        };
-        let cognitoUser = new CognitoUser(userData);
-        return cognitoUser;
+    getCurrentSession() {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield fetchAuthSession();
+        });
     }
-    authenticate(email, password) {
-        this.loginErrorMessage = null;
-        let authData = new AuthenticationData(email, password);
-        this.authenticationDetails = new AuthenticationDetails(authData);
-        this.cognitoUser = this.getCognitoUserDetails(email);
-        this.CognitoAuthentication(this.authenticationDetails);
-    }
-    CognitoAuthentication(authenticationDetails) {
-        this.cognitoUser.authenticateUser(authenticationDetails, {
-            onSuccess: (result) => __awaiter(this, void 0, void 0, function* () {
-                let newExpTime = this.computeTokenExpiration(result.getIdToken());
-                localStorage.setItem("accessTokenExpiration", newExpTime.toString());
-                this.refreshAccessToken();
-                this.getAllCognitoTokenAndGroups(result);
-                yield this.consumingProjectAuthService.onSuccessfulAuthenticatingUser(result);
-            }),
-            onFailure: (err) => {
+    handleSignIn({ username, password }) {
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                const { isSignedIn, nextStep } = yield signIn({ username, password });
+                switch (nextStep === null || nextStep === void 0 ? void 0 : nextStep.signInStep) {
+                    case "DONE":
+                        let session = yield fetchAuthSession();
+                        let newExpTime = this.computeTokenExpiration(session.tokens.idToken);
+                        localStorage.setItem("accessTokenExpiration", newExpTime.toString());
+                        this.refreshAccessToken();
+                        this.loginErrorMessage = null;
+                        this.getAllCognitoTokenAndGroups(session.tokens);
+                        yield this.consumingProjectAuthService.onSuccessfulAuthenticatingUser(session.tokens.idToken.payload.sub);
+                        break;
+                    case "CONFIRM_SIGN_IN_WITH_NEW_PASSWORD_REQUIRED":
+                        this.consumingProjectAuthService.isLoggingIn = false;
+                        this.userName = username;
+                        this.router.navigate([LoginConstant.setNewPasswordUrl]);
+                        this.setNewPasswordErrorMessage = null;
+                        break;
+                    case "RESET_PASSWORD":
+                        break;
+                }
+            }
+            catch (error) {
                 this.consumingProjectAuthService.isLoggingIn = false;
-                if (err.message == LoginConstant.tempPasswordExpiryError) {
+                if ((error === null || error === void 0 ? void 0 : error.message) == LoginConstant.tempPasswordExpiryError) {
                     this.loginErrorMessage = LoginConstant.tempPasswordOnExpiryErrorMsg;
-                    this.consumingProjectAuthService.sendRegenerationEmail(this.authenticationDetails.getUsername());
+                    this.consumingProjectAuthService.sendRegenerationEmail(username);
                 }
-                else if (err.message === "Password attempts exceeded") {
+                else if ((error === null || error === void 0 ? void 0 : error.message) === "Password attempts exceeded") {
                     this.loginErrorMessage = LoginConstant.attemptLimitExceeded;
                 }
                 else {
                     this.loginErrorMessage = LoginConstant.userNamePasswordIncorrect;
                 }
-            },
-            newPasswordRequired: (data) => {
-                this.consumingProjectAuthService.isLoggingIn = false;
-                this.userAttribute = data;
-                this.router.navigate([LoginConstant.setNewPasswordUrl]);
-            },
+            }
         });
     }
-    setNewPassword(newPassword) {
-        delete this.userAttribute.email;
-        delete this.userAttribute.email_verified;
-        delete this.userAttribute.phone_number_verified;
-        this.cognitoUser.completeNewPasswordChallenge(newPassword, this.userAttribute, {
-            onSuccess: (result) => {
-                let username = this.cognitoUser.getUsername();
+    getAllCognitoTokenAndGroups(token) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.accessToken = token.accessToken.toString();
+            this.IdToken = token.idToken;
+            if ("cognito:groups" in token.accessToken.payload) {
+                let userGroupsInCognitoJWT = token.accessToken.payload["cognito:groups"];
+                this.aclService.userGroupsInCognitoJWT = userGroupsInCognitoJWT;
+            }
+            else {
+                this.aclService.userGroupsInCognitoJWT = [];
+            }
+        });
+    }
+    refreshAccessToken() {
+        //     // let currentUser = this.getCurrentUserDetails();
+        //     let accessTokenExpiration = localStorage.getItem("accessTokenExpiration");
+        //     let expTime = accessTokenExpiration ? parseInt(accessTokenExpiration) : 0;
+        //     this.accessTokenTimerId = setInterval(() => {
+        //         // let counter = 1000;
+        //         // let delayFunction = setTimeout(() => {
+        //         //   currentUser && currentUser.getSession((error: any, token: CognitoUserSession | null) => {
+        //         let session = await fetchAuthSession();
+        //         if (session.tokens) {
+        //             this.getAllCognitoTokenAndGroups(session.tokens);
+        //             let newExpTime = this.computeTokenExpiration(this.IdToken);
+        //             if (newExpTime <= 0) {
+        //                 newExpTime = 1000;
+        //                 counter = 0;
+        //                 if (delayFunction) {
+        //                     clearInterval(delayFunction);
+        //                 }
+        //             }
+        //             expTime = newExpTime;
+        //             localStorage.setItem("accessTokenExpiration", newExpTime.toString());
+        //             clearInterval(this.accessTokenTimerId);
+        //             this.refreshAccessToken();
+        //         } else if (error.code === "NotAuthorizedException") {
+        //             this.toastr.error(LoginConstant.sessionExpiredError);
+        //             this.sessionTimeout();
+        //         }
+        //     });
+        //     // }, counter);
+        //     // }, expTime);
+    }
+    changePassword(newPassword) {
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                let session = yield fetchAuthSession();
+                console.log(session);
+                let oldPassword = this.userPassword;
+                let inputParam = {
+                    challengeResponse: newPassword,
+                    options: {
+                        email: 'email@email'
+                    }
+                };
+                const data = yield confirmSignIn(inputParam);
+                const { username } = yield getCurrentUser();
+                console.log(data);
                 this.consumingProjectAuthService.onPasswordUpdate(username);
                 this.router.navigate([LoginConstant.loginPageUrl]);
                 this.consumingProjectAuthService.newPasswordSetThenUpdateToBackend(username);
-            },
-            onFailure: (error) => {
+            }
+            catch (err) {
+                console.log(err);
                 this.setNewPasswordErrorMessage = LoginConstant.sessionExpired;
                 this.setNewPasswordButtonMessage = LoginConstant.loginAgain;
-            },
+            }
         });
     }
     onForgotPasswordGenerateOTP(email) {
-        this.userName = email;
-        this.cognitoUser = this.getCognitoUserDetails(email);
-        this.cognitoUser.forgotPassword({
-            onSuccess: (result) => {
+        var _a, _b;
+        return __awaiter(this, void 0, void 0, function* () {
+            let username = email;
+            this.userName = email;
+            try {
+                let result = yield resetPassword({ username });
                 this.verifyAndSetNewPasswordMessage =
                     LoginConstant.verifyAndSetNewPasswordMessage +
-                        result.CodeDeliveryDetails.Destination +
+                        ((_b = (_a = result === null || result === void 0 ? void 0 : result.nextStep) === null || _a === void 0 ? void 0 : _a.codeDeliveryDetails) === null || _b === void 0 ? void 0 : _b.destination) +
                         LoginConstant.pleaseEnterItBelow;
                 this.router.navigate([LoginConstant.verifyAndSetNewPasswordUrl]);
-            },
-            onFailure: (err) => { },
+            }
+            catch (err) {
+            }
         });
     }
-    verifyCode(verificationCode, newPassword) {
-        this.cognitoUser.confirmPassword(verificationCode, newPassword, {
-            onFailure: (error) => {
+    verifyCode(confirmationCode, newPassword) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const { username } = yield getCurrentUser();
+            try {
+                confirmResetPassword({ username, newPassword, confirmationCode });
+                this.consumingProjectAuthService.onPasswordUpdate(username);
+                this.expiryAllExistingCurrentSession(username, newPassword);
+            }
+            catch (err) {
+                console.log(err);
                 this.noOfAttempts = this.noOfAttempts + 1;
-                this.verifyAndSetNewPasswordErrorMessage = this.forgotPasswordError(error, this.noOfAttempts);
+                this.verifyAndSetNewPasswordErrorMessage = this.forgotPasswordError(err, this.noOfAttempts);
                 this.forgotPasswordAndGlobalSignoutLoader = false;
-            },
-            onSuccess: () => {
-                let username = this.cognitoUser.getUsername();
-                this.consumingProjectAuthService.onPasswordUpdate(username);
-                this.expiryAllExistingCurrentSession(newPassword);
-            },
+            }
         });
     }
     forgotPasswordError(err, noOfAttempts) {
@@ -320,45 +304,51 @@ class AnnaLibAuthService {
         }
         return errorMessage;
     }
-    getAllCognitoTokenAndGroups(token) {
-        this.accessToken = token.getAccessToken().getJwtToken();
-        this.IdToken = token.getIdToken();
-        if ("cognito:groups" in token.getAccessToken().payload) {
-            this.aclService.userGroupsInCognitoJWT = token.getAccessToken().payload["cognito:groups"];
-        }
-        else {
-            this.aclService.userGroupsInCognitoJWT = [];
-        }
+    signInWithOKTA() {
+        this.consumingProjectAuthService.signInWithOKTA();
+    }
+    handleSignOut() {
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                yield signOut({ global: false });
+            }
+            catch (error) {
+                console.log('error signing out: ', error);
+            }
+        });
     }
-    expiryAllExistingCurrentSession(newPassword) {
-        let username = this.cognitoUser.getUsername();
-        this.setUserDetails(username, newPassword);
-        this.onLoginInCogntioToGetAccessToken();
+    expiryAllExistingCurrentSession(username, newPassword) {
+        this.setUserDetails();
+        this.onLoginInCogntioToGetAccessToken(username, newPassword);
     }
-    setUserDetails(username, newPassword) {
+    setUserDetails() {
         this.loginErrorMessage = null;
-        let authData = new AuthenticationData(username, newPassword);
-        this.authenticationDetails = new AuthenticationDetails(authData);
-        this.cognitoUser = this.getCognitoUserDetails(username);
-    }
-    onLoginInCogntioToGetAccessToken() {
-        this.cognitoUser.authenticateUser(this.authenticationDetails, {
-            onSuccess: (result) => __awaiter(this, void 0, void 0, function* () {
-                this.getAllCognitoTokenAndGroups(result);
-                this.onCallGlobalSignout();
-            }),
-            onFailure: (err) => { },
-            newPasswordRequired: (data) => { },
+    }
+    onLoginInCogntioToGetAccessToken(username, password) {
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                const { isSignedIn, nextStep } = yield signIn({ username, password });
+                let session = yield fetchAuthSession();
+                switch (nextStep === null || nextStep === void 0 ? void 0 : nextStep.signInStep) {
+                    case "DONE":
+                        this.getAllCognitoTokenAndGroups(session.tokens);
+                        this.onCallGlobalSignout();
+                        break;
+                }
+            }
+            catch (error) { }
         });
     }
     onCallGlobalSignout() {
-        this.cognitoUser.globalSignOut({
-            onSuccess: (result) => {
-                console.log(result);
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                yield signOut({ global: true });
                 this.forgotPasswordAndGlobalSignoutLoader = false;
                 this.router.navigate([LoginConstant.loginPageUrl]);
-            },
-            onFailure: (err) => { }
+            }
+            catch (error) {
+                console.log('error signing out: ', error);
+            }
         });
     }
 }
@@ -484,14 +474,17 @@ class LoginComponent {
         this.authService.consumingProjectAuthService.isLoggingIn = true;
         const username = this.loginForm.controls['username'].value;
         const password = this.loginForm.controls['password'].value;
-        this.authService.authenticate(username, password);
+        this.authService.handleSignIn({ username, password });
+    }
+    signInWithOKTA() {
+        this.authService.signInWithOKTA();
     }
 }
 LoginComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LoginComponent, deps: [{ token: AnnaLibAuthService }, { token: i2.FormBuilder }, { token: CONFIG_SERVICE_TOKEN }], target: i0.ɵɵFactoryTarget.Component });
-LoginComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: LoginComponent, selector: "anna-cognito-lib-login", ngImport: i0, template: "<div class=\"main\">\r\n  <!-- Load login page when all constant variable are intiated otherwise it will show a glitch. that's why ngIf check of constants.forgotPassword -->\r\n  <section *ngIf=\"constants.forgotPassword\">\r\n      <header>\r\n          <img [ngSrc]=\"consumingProjectConfigService.appGenericConfig.loginPageLogoImgUrl\" width=\"145\" height=\"50\" alt=\"Anna Logo\" priority/>\r\n      </header>\r\n      <article>\r\n          <form [formGroup]=\"loginForm\" (ngSubmit)=\"OnLogin()\">\r\n              <div id=\"alert-div\" *ngIf=\"authService.loginErrorMessage\">\r\n                  <span class=\"material-icons\">report</span>\r\n                  <p>{{ authService.loginErrorMessage }}</p>\r\n              </div>\r\n\r\n              <input\r\n                  type=\"text\"\r\n                  tabindex=\"1\"\r\n                  formControlName=\"username\"\r\n                  [ngClass]=\"{ 'input-invalid': authService.loginErrorMessage }\"\r\n                  [placeholder]=\"constants.enterEmail\"\r\n                  autocomplete=\"username\"\r\n                  autofocus\r\n              />\r\n\r\n              <input\r\n                  type=\"password\"\r\n                  tabindex=\"2\"\r\n                  formControlName=\"password\"\r\n                  [ngClass]=\"{ 'input-invalid': authService.loginErrorMessage }\"\r\n                  [placeholder]=\"constants.password\"\r\n                  autocomplete=\"current-password\"\r\n                  autofocus\r\n              />\r\n\r\n              <a tabindex=\"4\" [routerLink]=\"constants.forgortPasswordPageUrl\">{{ constants.forgotPassword }}</a>\r\n              <button\r\n                  tabindex=\"3\"\r\n                  class=\"login-btn\"\r\n                  [anna-cognito-lib-SpinnerButton]=\"authService.consumingProjectAuthService.isLoggingIn\"\r\n                  [spinnerButtonText]=\"constants.login\"\r\n              ></button>\r\n          </form>\r\n      </article>\r\n      <footer>\r\n        <anna-cognito-lib-powered-by-logo-template>\r\n        </anna-cognito-lib-powered-by-logo-template>\r\n      </footer>\r\n  </section>\r\n</div>\r\n\r\n<div class=\"page-footer\">\r\n  <anna-cognito-lib-surewaves-year-logo></anna-cognito-lib-surewaves-year-logo>\r\n  <anna-cognito-lib-version-and-term-policy></anna-cognito-lib-version-and-term-policy>\r\n</div>\r\n", styles: ["@keyframes show{0%{opacity:0}50%{opacity:.5}to{opacity:1}}html{overflow-y:scroll}.main{background-color:#fff;background-size:cover;font-family:Roboto;height:calc(100vh - 50px)}section{top:45%;left:50%;position:absolute;transform:translate(-50%,-50%);width:20.875rem;animation:show .5s 1;-moz-animation:show .5s 1}.container{width:100%;height:100%;overflow:auto}header{height:auto;width:100%;text-align:center}article{margin-top:.9375rem;margin-bottom:.9375rem;border:1px solid #979797;background-color:#f4f4f4;padding:2rem 1.375rem;border-radius:.375rem;box-shadow:0 .125rem .4375rem #0000001a}article #heading{color:#212121;text-align:center;margin-bottom:1.5rem;font-family:Roboto;font-size:1.125rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}#alert-div{padding:.25rem 0 0;margin-bottom:.75rem;border-radius:.25rem;border:solid 1px #f9b3ae;background-color:#fde4e3}#alert-div .material-icons{color:#f44336;font-size:1rem;margin-left:.5rem}#alert-div .mdi-info{color:#268bff;font-size:1rem}#alert-div p{margin:-1.5625rem 0 0 1.8rem;padding:.3125rem 0;color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}#info-div{padding:6px 0;margin-bottom:.75rem;border-radius:.25rem;border:1px solid #268bff;background:#e3f0ff}#info-div .mdi-info{color:#268bff;font-size:1rem;margin-left:6px}#info-div p{margin:-1.5625rem 0 0 1.8rem;padding:.3125rem 0;color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}footer{align-items:baseline;color:#6e6e6e;opacity:.9;display:flex;font-family:Ubuntu;font-size:1.25rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;justify-content:center}footer span{font-size:1.5625rem;margin-left:.25rem}input[type=password],input[type=text],input[type=number]{width:100%;height:30px;padding:.75rem 1rem;border:1px solid #979797;margin-bottom:.625rem;border-radius:.375rem}.login-btn{width:100%;height:2.5rem;border:0;color:#fff;background-color:#268bff;border-radius:.375rem;font-size:1rem;margin-top:.9375rem}.login-btn:hover{background-color:#4099ff;cursor:pointer}.login-btn:disabled{background-color:#ccc;color:#fff;cursor:not-allowed}.input-invalid{border:1px solid #fe3824!important}input[type=password].ng-dirty.ng-invalid,input[type=text].ng-dirty.ng-invalid{border:1px solid #fe3824}input[type=submit]:focus,input[type=password]:focus,input[type=text]:focus,input[type=checkbox]:focus,button:focus{outline:none}input::placeholder{color:#a4a4a4}:host ::ng-deep .verison-and-policy{color:#8bac2a}a{float:right;color:#268bff;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-decoration:underline}a:hover{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i4$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4$1.NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "src", "srcset"] }, { kind: "directive", type: SpinnerButtonDirective, selector: "[anna-cognito-lib-SpinnerButton]", inputs: ["anna-cognito-lib-SpinnerButton", "spinnerButtonText"] }, { kind: "component", type: VersionAndTermPolicyComponent, selector: "anna-cognito-lib-version-and-term-policy" }, { kind: "component", type: SurewavesYearLogoComponent, selector: "anna-cognito-lib-surewaves-year-logo" }, { kind: "component", type: PoweredByLogoTemplateComponent, selector: "anna-cognito-lib-powered-by-logo-template" }] });
+LoginComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: LoginComponent, selector: "anna-cognito-lib-login", ngImport: i0, template: "<div class=\"main\">\r\n  <!-- Load login page when all constant variable are intiated otherwise it will show a glitch. that's why ngIf check of constants.forgotPassword -->\r\n  <section *ngIf=\"constants.forgotPassword\">\r\n      <header>\r\n          <img [ngSrc]=\"consumingProjectConfigService.appGenericConfig.loginPageLogoImgUrl\" width=\"145\" height=\"50\" alt=\"Anna Logo\" priority/>\r\n      </header>\r\n      <article>\r\n          <form [formGroup]=\"loginForm\" (ngSubmit)=\"OnLogin()\">\r\n              <div id=\"alert-div\" *ngIf=\"authService.loginErrorMessage\">\r\n                  <span class=\"material-icons\">report</span>\r\n                  <p>{{ authService.loginErrorMessage }}</p>\r\n              </div>\r\n\r\n              <input\r\n                  type=\"text\"\r\n                  tabindex=\"1\"\r\n                  formControlName=\"username\"\r\n                  [ngClass]=\"{ 'input-invalid': authService.loginErrorMessage }\"\r\n                  [placeholder]=\"constants.enterEmail\"\r\n                  autocomplete=\"username\"\r\n                  autofocus\r\n              />\r\n\r\n              <input\r\n                  type=\"password\"\r\n                  tabindex=\"2\"\r\n                  formControlName=\"password\"\r\n                  [ngClass]=\"{ 'input-invalid': authService.loginErrorMessage }\"\r\n                  [placeholder]=\"constants.password\"\r\n                  autocomplete=\"current-password\"\r\n                  autofocus\r\n              />\r\n\r\n              <a tabindex=\"4\" [routerLink]=\"constants.forgortPasswordPageUrl\">{{ constants.forgotPassword }}</a>\r\n              <button\r\n                  tabindex=\"3\"\r\n                  class=\"login-btn\"\r\n                  [anna-cognito-lib-SpinnerButton]=\"authService.consumingProjectAuthService.isLoggingIn\"\r\n                  [spinnerButtonText]=\"constants.login\"\r\n              ></button>\r\n          </form>\r\n          <button class=\"login-btn\" (click)=\"signInWithOKTA()\">Sign in with DUO</button>\r\n      </article>\r\n      <footer>\r\n        <anna-cognito-lib-powered-by-logo-template>\r\n        </anna-cognito-lib-powered-by-logo-template>\r\n      </footer>\r\n  </section>\r\n</div>\r\n\r\n<div class=\"page-footer\">\r\n  <anna-cognito-lib-surewaves-year-logo></anna-cognito-lib-surewaves-year-logo>\r\n  <anna-cognito-lib-version-and-term-policy></anna-cognito-lib-version-and-term-policy>\r\n</div>\r\n", styles: ["@keyframes show{0%{opacity:0}50%{opacity:.5}to{opacity:1}}html{overflow-y:scroll}.main{background-color:#fff;background-size:cover;font-family:Roboto;height:calc(100vh - 50px)}section{top:45%;left:50%;position:absolute;transform:translate(-50%,-50%);width:20.875rem;animation:show .5s 1;-moz-animation:show .5s 1}.container{width:100%;height:100%;overflow:auto}header{height:auto;width:100%;text-align:center}article{margin-top:.9375rem;margin-bottom:.9375rem;border:1px solid #979797;background-color:#f4f4f4;padding:2rem 1.375rem;border-radius:.375rem;box-shadow:0 .125rem .4375rem #0000001a}article #heading{color:#212121;text-align:center;margin-bottom:1.5rem;font-family:Roboto;font-size:1.125rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}#alert-div{padding:.25rem 0 0;margin-bottom:.75rem;border-radius:.25rem;border:solid 1px #f9b3ae;background-color:#fde4e3}#alert-div .material-icons{color:#f44336;font-size:1rem;margin-left:.5rem}#alert-div .mdi-info{color:#268bff;font-size:1rem}#alert-div p{margin:-1.5625rem 0 0 1.8rem;padding:.3125rem 0;color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}#info-div{padding:6px 0;margin-bottom:.75rem;border-radius:.25rem;border:1px solid #268bff;background:#e3f0ff}#info-div .mdi-info{color:#268bff;font-size:1rem;margin-left:6px}#info-div p{margin:-1.5625rem 0 0 1.8rem;padding:.3125rem 0;color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}footer{align-items:baseline;color:#6e6e6e;opacity:.9;display:flex;font-family:Ubuntu;font-size:1.25rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;justify-content:center}footer span{font-size:1.5625rem;margin-left:.25rem}input[type=password],input[type=text],input[type=number]{width:100%;height:30px;padding:.75rem 1rem;border:1px solid #979797;margin-bottom:.625rem;border-radius:.375rem}.login-btn{width:100%;height:2.5rem;border:0;color:#fff;background-color:#268bff;border-radius:.375rem;font-size:1rem;margin-top:.9375rem}.login-btn:hover{background-color:#4099ff;cursor:pointer}.login-btn:disabled{background-color:#ccc;color:#fff;cursor:not-allowed}.input-invalid{border:1px solid #fe3824!important}input[type=password].ng-dirty.ng-invalid,input[type=text].ng-dirty.ng-invalid{border:1px solid #fe3824}input[type=submit]:focus,input[type=password]:focus,input[type=text]:focus,input[type=checkbox]:focus,button:focus{outline:none}input::placeholder{color:#a4a4a4}:host ::ng-deep .verison-and-policy{color:#8bac2a}a{float:right;color:#268bff;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-decoration:underline}a:hover{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i4$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4$1.NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "src", "srcset"] }, { kind: "directive", type: SpinnerButtonDirective, selector: "[anna-cognito-lib-SpinnerButton]", inputs: ["anna-cognito-lib-SpinnerButton", "spinnerButtonText"] }, { kind: "component", type: VersionAndTermPolicyComponent, selector: "anna-cognito-lib-version-and-term-policy" }, { kind: "component", type: SurewavesYearLogoComponent, selector: "anna-cognito-lib-surewaves-year-logo" }, { kind: "component", type: PoweredByLogoTemplateComponent, selector: "anna-cognito-lib-powered-by-logo-template" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LoginComponent, decorators: [{
             type: Component,
-            args: [{ selector: "anna-cognito-lib-login", template: "<div class=\"main\">\r\n  <!-- Load login page when all constant variable are intiated otherwise it will show a glitch. that's why ngIf check of constants.forgotPassword -->\r\n  <section *ngIf=\"constants.forgotPassword\">\r\n      <header>\r\n          <img [ngSrc]=\"consumingProjectConfigService.appGenericConfig.loginPageLogoImgUrl\" width=\"145\" height=\"50\" alt=\"Anna Logo\" priority/>\r\n      </header>\r\n      <article>\r\n          <form [formGroup]=\"loginForm\" (ngSubmit)=\"OnLogin()\">\r\n              <div id=\"alert-div\" *ngIf=\"authService.loginErrorMessage\">\r\n                  <span class=\"material-icons\">report</span>\r\n                  <p>{{ authService.loginErrorMessage }}</p>\r\n              </div>\r\n\r\n              <input\r\n                  type=\"text\"\r\n                  tabindex=\"1\"\r\n                  formControlName=\"username\"\r\n                  [ngClass]=\"{ 'input-invalid': authService.loginErrorMessage }\"\r\n                  [placeholder]=\"constants.enterEmail\"\r\n                  autocomplete=\"username\"\r\n                  autofocus\r\n              />\r\n\r\n              <input\r\n                  type=\"password\"\r\n                  tabindex=\"2\"\r\n                  formControlName=\"password\"\r\n                  [ngClass]=\"{ 'input-invalid': authService.loginErrorMessage }\"\r\n                  [placeholder]=\"constants.password\"\r\n                  autocomplete=\"current-password\"\r\n                  autofocus\r\n              />\r\n\r\n              <a tabindex=\"4\" [routerLink]=\"constants.forgortPasswordPageUrl\">{{ constants.forgotPassword }}</a>\r\n              <button\r\n                  tabindex=\"3\"\r\n                  class=\"login-btn\"\r\n                  [anna-cognito-lib-SpinnerButton]=\"authService.consumingProjectAuthService.isLoggingIn\"\r\n                  [spinnerButtonText]=\"constants.login\"\r\n              ></button>\r\n          </form>\r\n      </article>\r\n      <footer>\r\n        <anna-cognito-lib-powered-by-logo-template>\r\n        </anna-cognito-lib-powered-by-logo-template>\r\n      </footer>\r\n  </section>\r\n</div>\r\n\r\n<div class=\"page-footer\">\r\n  <anna-cognito-lib-surewaves-year-logo></anna-cognito-lib-surewaves-year-logo>\r\n  <anna-cognito-lib-version-and-term-policy></anna-cognito-lib-version-and-term-policy>\r\n</div>\r\n", styles: ["@keyframes show{0%{opacity:0}50%{opacity:.5}to{opacity:1}}html{overflow-y:scroll}.main{background-color:#fff;background-size:cover;font-family:Roboto;height:calc(100vh - 50px)}section{top:45%;left:50%;position:absolute;transform:translate(-50%,-50%);width:20.875rem;animation:show .5s 1;-moz-animation:show .5s 1}.container{width:100%;height:100%;overflow:auto}header{height:auto;width:100%;text-align:center}article{margin-top:.9375rem;margin-bottom:.9375rem;border:1px solid #979797;background-color:#f4f4f4;padding:2rem 1.375rem;border-radius:.375rem;box-shadow:0 .125rem .4375rem #0000001a}article #heading{color:#212121;text-align:center;margin-bottom:1.5rem;font-family:Roboto;font-size:1.125rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}#alert-div{padding:.25rem 0 0;margin-bottom:.75rem;border-radius:.25rem;border:solid 1px #f9b3ae;background-color:#fde4e3}#alert-div .material-icons{color:#f44336;font-size:1rem;margin-left:.5rem}#alert-div .mdi-info{color:#268bff;font-size:1rem}#alert-div p{margin:-1.5625rem 0 0 1.8rem;padding:.3125rem 0;color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}#info-div{padding:6px 0;margin-bottom:.75rem;border-radius:.25rem;border:1px solid #268bff;background:#e3f0ff}#info-div .mdi-info{color:#268bff;font-size:1rem;margin-left:6px}#info-div p{margin:-1.5625rem 0 0 1.8rem;padding:.3125rem 0;color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}footer{align-items:baseline;color:#6e6e6e;opacity:.9;display:flex;font-family:Ubuntu;font-size:1.25rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;justify-content:center}footer span{font-size:1.5625rem;margin-left:.25rem}input[type=password],input[type=text],input[type=number]{width:100%;height:30px;padding:.75rem 1rem;border:1px solid #979797;margin-bottom:.625rem;border-radius:.375rem}.login-btn{width:100%;height:2.5rem;border:0;color:#fff;background-color:#268bff;border-radius:.375rem;font-size:1rem;margin-top:.9375rem}.login-btn:hover{background-color:#4099ff;cursor:pointer}.login-btn:disabled{background-color:#ccc;color:#fff;cursor:not-allowed}.input-invalid{border:1px solid #fe3824!important}input[type=password].ng-dirty.ng-invalid,input[type=text].ng-dirty.ng-invalid{border:1px solid #fe3824}input[type=submit]:focus,input[type=password]:focus,input[type=text]:focus,input[type=checkbox]:focus,button:focus{outline:none}input::placeholder{color:#a4a4a4}:host ::ng-deep .verison-and-policy{color:#8bac2a}a{float:right;color:#268bff;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-decoration:underline}a:hover{cursor:pointer}\n"] }]
+            args: [{ selector: "anna-cognito-lib-login", template: "<div class=\"main\">\r\n  <!-- Load login page when all constant variable are intiated otherwise it will show a glitch. that's why ngIf check of constants.forgotPassword -->\r\n  <section *ngIf=\"constants.forgotPassword\">\r\n      <header>\r\n          <img [ngSrc]=\"consumingProjectConfigService.appGenericConfig.loginPageLogoImgUrl\" width=\"145\" height=\"50\" alt=\"Anna Logo\" priority/>\r\n      </header>\r\n      <article>\r\n          <form [formGroup]=\"loginForm\" (ngSubmit)=\"OnLogin()\">\r\n              <div id=\"alert-div\" *ngIf=\"authService.loginErrorMessage\">\r\n                  <span class=\"material-icons\">report</span>\r\n                  <p>{{ authService.loginErrorMessage }}</p>\r\n              </div>\r\n\r\n              <input\r\n                  type=\"text\"\r\n                  tabindex=\"1\"\r\n                  formControlName=\"username\"\r\n                  [ngClass]=\"{ 'input-invalid': authService.loginErrorMessage }\"\r\n                  [placeholder]=\"constants.enterEmail\"\r\n                  autocomplete=\"username\"\r\n                  autofocus\r\n              />\r\n\r\n              <input\r\n                  type=\"password\"\r\n                  tabindex=\"2\"\r\n                  formControlName=\"password\"\r\n                  [ngClass]=\"{ 'input-invalid': authService.loginErrorMessage }\"\r\n                  [placeholder]=\"constants.password\"\r\n                  autocomplete=\"current-password\"\r\n                  autofocus\r\n              />\r\n\r\n              <a tabindex=\"4\" [routerLink]=\"constants.forgortPasswordPageUrl\">{{ constants.forgotPassword }}</a>\r\n              <button\r\n                  tabindex=\"3\"\r\n                  class=\"login-btn\"\r\n                  [anna-cognito-lib-SpinnerButton]=\"authService.consumingProjectAuthService.isLoggingIn\"\r\n                  [spinnerButtonText]=\"constants.login\"\r\n              ></button>\r\n          </form>\r\n          <button class=\"login-btn\" (click)=\"signInWithOKTA()\">Sign in with DUO</button>\r\n      </article>\r\n      <footer>\r\n        <anna-cognito-lib-powered-by-logo-template>\r\n        </anna-cognito-lib-powered-by-logo-template>\r\n      </footer>\r\n  </section>\r\n</div>\r\n\r\n<div class=\"page-footer\">\r\n  <anna-cognito-lib-surewaves-year-logo></anna-cognito-lib-surewaves-year-logo>\r\n  <anna-cognito-lib-version-and-term-policy></anna-cognito-lib-version-and-term-policy>\r\n</div>\r\n", styles: ["@keyframes show{0%{opacity:0}50%{opacity:.5}to{opacity:1}}html{overflow-y:scroll}.main{background-color:#fff;background-size:cover;font-family:Roboto;height:calc(100vh - 50px)}section{top:45%;left:50%;position:absolute;transform:translate(-50%,-50%);width:20.875rem;animation:show .5s 1;-moz-animation:show .5s 1}.container{width:100%;height:100%;overflow:auto}header{height:auto;width:100%;text-align:center}article{margin-top:.9375rem;margin-bottom:.9375rem;border:1px solid #979797;background-color:#f4f4f4;padding:2rem 1.375rem;border-radius:.375rem;box-shadow:0 .125rem .4375rem #0000001a}article #heading{color:#212121;text-align:center;margin-bottom:1.5rem;font-family:Roboto;font-size:1.125rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}#alert-div{padding:.25rem 0 0;margin-bottom:.75rem;border-radius:.25rem;border:solid 1px #f9b3ae;background-color:#fde4e3}#alert-div .material-icons{color:#f44336;font-size:1rem;margin-left:.5rem}#alert-div .mdi-info{color:#268bff;font-size:1rem}#alert-div p{margin:-1.5625rem 0 0 1.8rem;padding:.3125rem 0;color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}#info-div{padding:6px 0;margin-bottom:.75rem;border-radius:.25rem;border:1px solid #268bff;background:#e3f0ff}#info-div .mdi-info{color:#268bff;font-size:1rem;margin-left:6px}#info-div p{margin:-1.5625rem 0 0 1.8rem;padding:.3125rem 0;color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}footer{align-items:baseline;color:#6e6e6e;opacity:.9;display:flex;font-family:Ubuntu;font-size:1.25rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;justify-content:center}footer span{font-size:1.5625rem;margin-left:.25rem}input[type=password],input[type=text],input[type=number]{width:100%;height:30px;padding:.75rem 1rem;border:1px solid #979797;margin-bottom:.625rem;border-radius:.375rem}.login-btn{width:100%;height:2.5rem;border:0;color:#fff;background-color:#268bff;border-radius:.375rem;font-size:1rem;margin-top:.9375rem}.login-btn:hover{background-color:#4099ff;cursor:pointer}.login-btn:disabled{background-color:#ccc;color:#fff;cursor:not-allowed}.input-invalid{border:1px solid #fe3824!important}input[type=password].ng-dirty.ng-invalid,input[type=text].ng-dirty.ng-invalid{border:1px solid #fe3824}input[type=submit]:focus,input[type=password]:focus,input[type=text]:focus,input[type=checkbox]:focus,button:focus{outline:none}input::placeholder{color:#a4a4a4}:host ::ng-deep .verison-and-policy{color:#8bac2a}a{float:right;color:#268bff;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-decoration:underline}a:hover{cursor:pointer}\n"] }]
         }], ctorParameters: function () {
         return [{ type: AnnaLibAuthService }, { type: i2.FormBuilder }, { type: undefined, decorators: [{
                         type: Inject,
@@ -614,7 +607,7 @@ class SetNewPasswordComponent {
                 this.router.navigate([LoginConstant.loginPageUrl]);
             }
             else {
-                this.authService.setNewPassword(this.password.value);
+                this.authService.changePassword(this.password.value);
             }
         }
     }
@@ -631,6 +624,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                     }] }];
     } });
 
+class AuthenticationData {
+    constructor(Username, Password) {
+        this.Username = Username;
+        this.Password = Password;
+    }
+}
+class UserPoolInformation {
+    constructor(UserPoolId, ClientId) {
+        this.UserPoolId = UserPoolId;
+        this.ClientId = ClientId;
+    }
+}
+class UsernameInfo {
+    constructor(object) {
+        this.isUsernameAvailable = object.isUsernameAvailable;
+    }
+}
+class UserState {
+    constructor(userState) {
+        this.userStatus = userState;
+        this.isUserWithTempPassword = userState == 'FORCE_CHANGE_PASSWORD';
+    }
+}
+
 // Angular import statements
 class ForgotPasswordComponent {
     constructor(authService, fb, toastr, router, consumingProjectConfigService) {