@annalib/anna-cognito-lib 0.1.0

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

@@ -0,0 +1,709 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, Injectable, Inject, Directive, Input, Component, EventEmitter, Output, NgModule } from '@angular/core';
+import * as i2 from '@angular/forms';
+import { Validators, FormBuilder, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import * as i3 from '@angular/router';
+import { RouterModule } from '@angular/router';
+import { CognitoUserPool, CognitoUser, AuthenticationDetails } from 'amazon-cognito-identity-js';
+import * as i4 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { debounceTime } from 'rxjs/operators';
+import * as i3$1 from 'ngx-toastr';
+
+class LoginConstant {
+}
+// Login page
+LoginConstant.enterEmail = "Enter your username";
+LoginConstant.password = "Password";
+LoginConstant.confirmPassword = "Confirm Password";
+LoginConstant.login = "Login";
+LoginConstant.otp = "OTP";
+LoginConstant.forgotPassword = "Forgot " + LoginConstant.password.toLowerCase() + "?";
+// set new password
+LoginConstant.setNewPasswordHeading = "Set new " + LoginConstant.password.toLowerCase();
+LoginConstant.setNewPasswordButton = "Set and " + LoginConstant.login.toLowerCase() + " again";
+LoginConstant.passwordMustContain = "The password must contain:";
+LoginConstant.minimumCharacter = "Minimum 8 characters";
+LoginConstant.oneUppercase = "1 Uppercase";
+LoginConstant.oneLowercase = "1 Lowercase";
+LoginConstant.oneNumber = "1 Numerical";
+LoginConstant.specialCharacter = "1 Special character";
+LoginConstant.passwordNotMatching = "The passwords do not match. Please try again.";
+LoginConstant.userNamePasswordIncorrect = "Incorrect username or password";
+LoginConstant.userNotFound = "No registered user found";
+LoginConstant.loginAgain = LoginConstant.login + " again";
+// verify OTP & set new password
+LoginConstant.verifyAndSetNewPasswordheading = "Enter " + LoginConstant.otp + " & set new password";
+LoginConstant.verifyAndSetNewPasswordMessage = "An " + LoginConstant.otp + " has been succesfully emailed to ";
+LoginConstant.pleaseEnterItBelow = ". Please enter it below.";
+LoginConstant.regenerateOtp = "Regenerate " + LoginConstant.otp;
+LoginConstant.enterOtp = "Enter " + LoginConstant.otp;
+LoginConstant.submit = "Submit";
+LoginConstant.attempt = "Attempt";
+LoginConstant.attemptLimitExceeded = "You have exceeded the maximum number of allowed attempts. Please try again after 15 minutes.";
+LoginConstant.attemptMessage = " of 5. The OTP entered is incorrect. Please try again with the right one.";
+LoginConstant.sessionExpired = "The session has expired. Please try again.";
+// forgot password
+LoginConstant.forgotPasswordHeading = "Forgot your password?";
+LoginConstant.forgotPasswordMessage = "Please enter your username.";
+LoginConstant.forgotPasswordButton = "Get " + LoginConstant.otp;
+LoginConstant.apiFailErrorMessage = "Unable to connect to server right now. Please try after some time.";
+//url
+LoginConstant.setNewPasswordUrl = "/set-new-password";
+LoginConstant.forgortPasswordPageUrl = "/forgot-password";
+LoginConstant.verifyAndSetNewPasswordUrl = "/verify-and-set-new-password";
+LoginConstant.loginPageUrl = "/login";
+LoginConstant.homePageUrl = "/home";
+LoginConstant.stationSettingUrl = "/station-settings";
+
+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;
+    }
+}
+
+/** Token to inject the acl service */
+const ACL_SERVICE_TOKEN = new InjectionToken('ACL service token');
+
+class AnnaLibAclService {
+    constructor(consumingProjectAclService) {
+        this.consumingProjectAclService = consumingProjectAclService;
+    }
+    isUserAuthorisedToAccessPage(url) {
+        let privilegeName = this.consumingProjectAclService.urlToCognitoPrivilegeMap[url];
+        return this.userGroupsInCognitoJWT.includes(privilegeName);
+    }
+    isUserAuthorisedToAccessElement(privilege) {
+        return this.userGroupsInCognitoJWT.includes(privilege);
+    }
+    isUserAuthoriseToAcessManageUser() {
+        return this.consumingProjectAclService.isUserAuthoriseToAcessManageUser();
+    }
+}
+AnnaLibAclService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: AnnaLibAclService, deps: [{ token: ACL_SERVICE_TOKEN }], target: i0.ɵɵFactoryTarget.Injectable });
+AnnaLibAclService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: AnnaLibAclService, providedIn: "root" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: AnnaLibAclService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: "root",
+                }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [ACL_SERVICE_TOKEN]
+                }] }]; } });
+
+class LibraryConfig {
+    constructor() {
+        this.loginPageLogoImgUrl = '';
+    }
+}
+
+/** Token to inject the auth service */
+const AUTH_SERVICE_TOKEN = new InjectionToken('Auth service token');
+
+class AnnaLibAuthService {
+    constructor(router, aclService, libraryConfig, consumingProjectAuthService) {
+        this.router = router;
+        this.aclService = aclService;
+        this.libraryConfig = libraryConfig;
+        this.consumingProjectAuthService = consumingProjectAuthService;
+        this.noOfAttempts = 0;
+        this.sessionLocked = false;
+        if (!consumingProjectAuthService) {
+            throw new Error('You must provide a authService');
+        }
+    }
+    ngOnInit() { }
+    getPublicIp() {
+        this.consumingProjectAuthService.getPublicIp();
+    }
+    isUsernameAvailable(username) {
+        this.consumingProjectAuthService.isUsernameAvailable(username);
+    }
+    navigateBasedOnUserRole(loginUserData) {
+        this.consumingProjectAuthService.navigateBasedOnUserRole(loginUserData);
+    }
+    ;
+    onSuccessfulAuthenticatingUser(result) {
+        this.consumingProjectAuthService.onSuccessfulAuthenticatingUser(result);
+    }
+    /***
+   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 new Promise((resolve, reject) => {
+                currentUser && currentUser.getSession((error, token) => {
+                    if (token) {
+                        this.getAllCognitoTokenAndGroups(token);
+                        resolve(true);
+                    }
+                    else {
+                        this.sessionTimeout();
+                        resolve(false);
+                    }
+                });
+            });
+        }
+        else {
+            return new Promise((resolve) => {
+                clearInterval(this.accessTokenTimerId);
+                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.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.libraryConfig.cognito.userPoolId, this.libraryConfig.cognito.clientId);
+        let userPool = new CognitoUserPool(poolData);
+        return userPool.getCurrentUser();
+    }
+    getCognitoUserDetails(email) {
+        this.poolData = new UserPoolInformation(this.libraryConfig.cognito.userPoolId, this.libraryConfig.cognito.clientId);
+        this.userPool = new CognitoUserPool(this.poolData);
+        let userData = {
+            Username: email,
+            Pool: this.userPool,
+        };
+        let cognitoUser = new CognitoUser(userData);
+        return cognitoUser;
+    }
+    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: async (result) => {
+                this.getAllCognitoTokenAndGroups(result);
+                await this.onSuccessfulAuthenticatingUser(result);
+            },
+            onFailure: (err) => {
+                this.consumingProjectAuthService.isLoggingIn = false;
+                if (err.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_verified;
+        delete this.userAttribute.phone_number_verified;
+        this.cognitoUser.completeNewPasswordChallenge(newPassword, this.userAttribute, {
+            onSuccess: (result) => {
+                this.router.navigate([LoginConstant.loginPageUrl]);
+            },
+            onFailure: (error) => {
+                this.setNewPasswordErrorMessage = LoginConstant.sessionExpired;
+                this.setNewPasswordButtonMessage = LoginConstant.loginAgain;
+            },
+        });
+    }
+    onForgotPasswordGenerateOTP(email) {
+        this.userName = email;
+        this.cognitoUser = this.getCognitoUserDetails(email);
+        this.cognitoUser.forgotPassword({
+            onSuccess: (result) => {
+                this.verifyAndSetNewPasswordMessage =
+                    LoginConstant.verifyAndSetNewPasswordMessage +
+                        result.CodeDeliveryDetails.Destination +
+                        LoginConstant.pleaseEnterItBelow;
+                this.router.navigate([LoginConstant.verifyAndSetNewPasswordUrl]);
+            },
+            onFailure: (err) => { },
+        });
+    }
+    verifyCode(verificationCode, newPassword) {
+        this.cognitoUser.confirmPassword(verificationCode, newPassword, {
+            onFailure: (error) => {
+                this.noOfAttempts = this.noOfAttempts + 1;
+                this.verifyAndSetNewPasswordErrorMessage = this.forgotPasswordError(error, this.noOfAttempts);
+            },
+            onSuccess: () => {
+                this.router.navigate([LoginConstant.loginPageUrl]);
+            },
+        });
+    }
+    forgotPasswordError(err, noOfAttempts) {
+        let errorMessage;
+        switch (err.code) {
+            case "LimitExceededException":
+                this.sessionLocked = true;
+                errorMessage = LoginConstant.attemptLimitExceeded;
+                break;
+            case "ExpiredCodeException":
+                errorMessage = LoginConstant.sessionExpired;
+                this.verifyAndSetNewPasswordButton = LoginConstant.regenerateOtp;
+                break;
+            default:
+                errorMessage = LoginConstant.attempt + " " + noOfAttempts + LoginConstant.attemptMessage;
+        }
+        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 = [];
+        }
+    }
+}
+AnnaLibAuthService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: AnnaLibAuthService, deps: [{ token: i3.Router }, { token: AnnaLibAclService }, { token: LibraryConfig }, { token: AUTH_SERVICE_TOKEN }], target: i0.ɵɵFactoryTarget.Injectable });
+AnnaLibAuthService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: AnnaLibAuthService, providedIn: "root" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: AnnaLibAuthService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: "root",
+                }]
+        }], ctorParameters: function () { return [{ type: i3.Router }, { type: AnnaLibAclService }, { type: LibraryConfig }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [AUTH_SERVICE_TOKEN]
+                }] }]; } });
+
+class SpinnerButtonDirective {
+    constructor(el, renderer) {
+        this.el = el;
+        this.renderer = renderer;
+        this.button = this.el.nativeElement;
+        this.child = document.createElement("div");
+    }
+    ngOnInit() { }
+    ngOnChanges(changes) {
+        if (changes['spinnerButtonText'] && changes['spinnerButtonText'].currentValue) {
+            this.button.innerHTML = this.spinnerButtonText;
+        }
+        if (changes['loading'] && changes['loading'].currentValue) {
+            this.button.innerHTML = "";
+            this.button.setAttribute("disabled", "true");
+            this.child.classList.add("spinner-for-button-directive");
+            this.renderer.appendChild(this.button, this.child);
+        }
+        else {
+            this.child.classList.remove("spinner-for-button-directive");
+            this.button.removeAttribute("disabled");
+            this.button.innerHTML = this.spinnerButtonText;
+        }
+    }
+}
+SpinnerButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SpinnerButtonDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+SpinnerButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.7", type: SpinnerButtonDirective, selector: "[appSpinnerButton]", inputs: { loading: ["appSpinnerButton", "loading"], spinnerButtonText: "spinnerButtonText" }, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SpinnerButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[appSpinnerButton]",
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { loading: [{
+                type: Input,
+                args: ["appSpinnerButton"]
+            }], spinnerButtonText: [{
+                type: Input,
+                args: ["spinnerButtonText"]
+            }] } });
+
+// Angular import statements
+class LoginComponent {
+    constructor(authService, fb, libraryConfig) {
+        this.authService = authService;
+        this.fb = fb;
+        this.libraryConfig = libraryConfig;
+    }
+    ngOnInit() {
+        this.constants = LoginConstant;
+        this.onIntialiseForm();
+    }
+    onIntialiseForm() {
+        this.loginForm = this.fb.group({
+            username: [null],
+            password: [null],
+        });
+    }
+    OnLogin() {
+        this.authService.consumingProjectAuthService.isLoggingIn = true;
+        const username = this.loginForm.controls['username'].value;
+        const password = this.loginForm.controls['password'].value;
+        this.authService.authenticate(username, password);
+    }
+}
+LoginComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: LoginComponent, deps: [{ token: AnnaLibAuthService }, { token: i2.FormBuilder }, { token: LibraryConfig }], target: i0.ɵɵFactoryTarget.Component });
+LoginComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: LoginComponent, selector: "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 [src]=\"libraryConfig.loginPageLogoImgUrl\" loading=\"eager\" alt=\"Anna Logo\" />\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                  [appSpinnerButton]=\"authService.consumingProjectAuthService.isLoggingIn\"\r\n                  [spinnerButtonText]=\"constants.login\"\r\n              ></button>\r\n          </form>\r\n      </article>\r\n      <footer>Powered by <span>SureWaves</span></footer>\r\n  </section>\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:100vh}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 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:1rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;justify-content:center}footer span{font-size:1.3125rem;font-weight:700;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}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"], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { 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]" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { type: SpinnerButtonDirective, selector: "[appSpinnerButton]", inputs: ["appSpinnerButton", "spinnerButtonText"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: LoginComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "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 [src]=\"libraryConfig.loginPageLogoImgUrl\" loading=\"eager\" alt=\"Anna Logo\" />\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                  [appSpinnerButton]=\"authService.consumingProjectAuthService.isLoggingIn\"\r\n                  [spinnerButtonText]=\"constants.login\"\r\n              ></button>\r\n          </form>\r\n      </article>\r\n      <footer>Powered by <span>SureWaves</span></footer>\r\n  </section>\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:100vh}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 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:1rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;justify-content:center}footer span{font-size:1.3125rem;font-weight:700;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}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: LibraryConfig }]; } });
+
+// Angular import statements
+class PasswordMatchingComponent {
+    constructor(fb) {
+        this.fb = fb;
+        this.passwordChange = new EventEmitter();
+        this.confirmPasswordChange = new EventEmitter();
+    }
+    ngOnInit() {
+        this.constants = LoginConstant;
+        this.createGroup();
+        this.formValueChanged();
+    }
+    formValueChanged() {
+        const password = this.passwordForm.get("password");
+        const confirmPassword = this.passwordForm.get("confirmPassword");
+        password && password.valueChanges.subscribe(() => {
+            password && password.setValidators([
+                Validators.required,
+                this.regexValidator(new RegExp(".{8,}"), { minLength: true }),
+                this.regexValidator(new RegExp("[a-z]"), { lowercase: true }),
+                this.regexValidator(new RegExp("[A-Z]"), { uppercase: true }),
+                this.regexValidator(new RegExp("[0-9]"), { number: true }),
+                this.regexValidator(new RegExp("[^a-zA-Z0-9]"), { specialCharacter: true }),
+            ]);
+            password.updateValueAndValidity({ emitEvent: false });
+            this.onPasswordChange();
+        });
+        if (confirmPassword) {
+            confirmPassword.valueChanges.pipe(debounceTime(300)).subscribe(() => {
+                confirmPassword.setValidators([Validators.required]);
+                confirmPassword.updateValueAndValidity({ emitEvent: false });
+                this.onConfirmPasswordChange();
+            });
+        }
+    }
+    onPasswordChange() {
+        let result = {
+            value: this.passwordForm.value.password,
+            status: this.passwordForm.controls['password'].status,
+        };
+        this.passwordChange.emit(result);
+    }
+    onConfirmPasswordChange() {
+        let result = {
+            value: this.passwordForm.value.confirmPassword,
+            status: this.passwordForm.controls['confirmPassword'].status,
+        };
+        this.confirmPasswordChange.emit(result);
+    }
+    createGroup() {
+        this.passwordForm = this.fb.group({
+            password: [null],
+            confirmPassword: [null],
+        });
+        return this.passwordForm;
+    }
+    // TODO: check the return again
+    regexValidator(regex, error) {
+        return (control) => {
+            const valid = regex.test(control.value);
+            return (valid ? null : error);
+        };
+    }
+}
+PasswordMatchingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: PasswordMatchingComponent, deps: [{ token: FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
+PasswordMatchingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: PasswordMatchingComponent, selector: "lib-password-matching", inputs: { passwordNotMatching: "passwordNotMatching" }, outputs: { passwordChange: "passwordChange", confirmPasswordChange: "confirmPasswordChange" }, ngImport: i0, template: "<form [formGroup]=\"passwordForm\">\r\n  <div id=\"alert-div\" *ngIf=\"passwordNotMatching\">\r\n      <div id=\"icon-div\">\r\n          <span class=\"material-icons\">report</span>\r\n      </div>\r\n      <p>{{ constants.passwordNotMatching }}</p>\r\n  </div>\r\n  <div class=\"password-policies\">\r\n      <ng-container *ngIf=\"!passwordForm.get('password')?.dirty\">\r\n          <p>\r\n              <b>{{ constants.passwordMustContain }} </b>\r\n          </p>\r\n          <p>{{ constants.minimumCharacter }}</p>\r\n          <p>{{ constants.oneUppercase }}</p>\r\n          <p>{{ constants.oneLowercase }}</p>\r\n          <p>{{ constants.oneNumber }}</p>\r\n          <p>{{ constants.specialCharacter }}</p>\r\n      </ng-container>\r\n\r\n      <ng-container *ngIf=\"passwordForm.get('password')?.dirty\">\r\n          <p>\r\n              <b>{{ constants.passwordMustContain }}</b>\r\n          </p>\r\n\r\n          <div [ngClass]=\"passwordForm.get('password')?.hasError('minLength') ? 'error-color' : 'success-color'\">\r\n              <div id=\"icon-div-msg\">\r\n                  <span class=\"material-icons\" *ngIf=\"passwordForm.get('password')?.hasError('minLength')\"> cancel </span>\r\n                  <span class=\"material-icons\" *ngIf=\"!passwordForm.get('password')?.hasError('minLength')\"> check_circle </span>\r\n              </div>\r\n              <span class=\"span-text\">{{ constants.minimumCharacter }}</span>\r\n          </div>\r\n\r\n          <div [ngClass]=\"passwordForm.get('password')?.hasError('uppercase') ? 'error-color' : 'success-color'\">\r\n              <div id=\"icon-div-msg\">\r\n                  <span class=\"material-icons\" *ngIf=\"passwordForm.get('password')?.hasError('uppercase')\"> cancel </span>\r\n                  <span class=\"material-icons\" *ngIf=\"!passwordForm.get('password')?.hasError('uppercase')\"> check_circle </span>\r\n              </div>\r\n              <span class=\"span-text\">{{ constants.oneUppercase }}</span>\r\n          </div>\r\n\r\n          <div [ngClass]=\"passwordForm.get('password')?.hasError('lowercase') ? 'error-color' : 'success-color'\">\r\n              <div id=\"icon-div-msg\">\r\n                  <span class=\"material-icons\" *ngIf=\"passwordForm.get('password')?.hasError('lowercase')\"> cancel </span>\r\n                  <span class=\"material-icons\" *ngIf=\"!passwordForm.get('password')?.hasError('lowercase')\"> check_circle </span>\r\n              </div>\r\n              <span class=\"span-text\">{{ constants.oneLowercase }}</span>\r\n          </div>\r\n\r\n          <div [ngClass]=\"passwordForm.get('password')?.hasError('number') ? 'error-color' : 'success-color'\">\r\n              <div id=\"icon-div-msg\">\r\n                  <span class=\"material-icons\" *ngIf=\"passwordForm.get('password')?.hasError('number')\"> cancel </span>\r\n                  <span class=\"material-icons\" *ngIf=\"!passwordForm.get('password')?.hasError('number')\"> check_circle </span>\r\n              </div>\r\n              <span class=\"span-text\">{{ constants.oneNumber }}</span>\r\n          </div>\r\n\r\n          <div [ngClass]=\"passwordForm.get('password')?.hasError('specialCharacter') ? 'error-color' : 'success-color'\">\r\n              <div id=\"icon-div-msg\">\r\n                  <span class=\"material-icons\" *ngIf=\"passwordForm.get('password')?.hasError('specialCharacter')\"> cancel </span>\r\n                  <span class=\"material-icons\" *ngIf=\"!passwordForm.get('password')?.hasError('specialCharacter')\">\r\n                      check_circle\r\n                  </span>\r\n              </div>\r\n              <span class=\"span-text\">{{ constants.specialCharacter }}</span>\r\n          </div>\r\n      </ng-container>\r\n  </div>\r\n\r\n  <input\r\n      type=\"password\"\r\n      tabindex=\"2\"\r\n      formControlName=\"password\"\r\n      [placeholder]=\"constants.password\"\r\n      [ngClass]=\"{ 'input-invalid': passwordNotMatching }\"\r\n  />\r\n\r\n  <input\r\n      type=\"password\"\r\n      tabindex=\"3\"\r\n      formControlName=\"confirmPassword\"\r\n      [placeholder]=\"constants.confirmPassword\"\r\n      [ngClass]=\"{ 'input-invalid': passwordNotMatching }\"\r\n  />\r\n</form>\r\n", styles: ["input[type=password],input[type=text]{width:100%;height:30px;padding:10px 16px;border:1px solid #979797;margin-bottom:.625rem;border-radius:.375rem}input[type=password].ng-dirty.ng-invalid,.input-invalid{border:1px solid #fe3824!important}input[type=password]:focus:focus{outline:none;box-shadow:none}input[type=password]:focus::placeholder{color:#a4a4a4}.password-policies{margin-bottom:1rem}.password-policies p{color:#4a4a4a;font-family:Roboto;font-size:1rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.31;letter-spacing:normal;margin-bottom:0}.span-text{vertical-align:top;font-family:Roboto;font-size:1rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.31;letter-spacing:normal}#icon-div-msg{display:inline;margin-right:.3125rem}#icon-div-msg .material-icons{margin-top:1px;font-size:16px}#alert-div{padding:4px 0 0;margin-bottom:.75rem;border-radius:.25rem;border:solid 1px #f9b3ae;background-color:#fde4e3}#alert-div #icon-div{width:18px;margin-top:-5px;display:inline-block}#alert-div #icon-div .material-icons{color:#f44336;font-size:1.125rem;margin-left:.5rem}#alert-div p{display:inline;vertical-align:top;margin-left:.5rem;color:#4a4a4a;font-family:Roboto;font-size:.7188rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}.error-color{color:#fe3824}.success-color{color:#43a047}\n"], directives: [{ type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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]" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: PasswordMatchingComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-password-matching', template: "<form [formGroup]=\"passwordForm\">\r\n  <div id=\"alert-div\" *ngIf=\"passwordNotMatching\">\r\n      <div id=\"icon-div\">\r\n          <span class=\"material-icons\">report</span>\r\n      </div>\r\n      <p>{{ constants.passwordNotMatching }}</p>\r\n  </div>\r\n  <div class=\"password-policies\">\r\n      <ng-container *ngIf=\"!passwordForm.get('password')?.dirty\">\r\n          <p>\r\n              <b>{{ constants.passwordMustContain }} </b>\r\n          </p>\r\n          <p>{{ constants.minimumCharacter }}</p>\r\n          <p>{{ constants.oneUppercase }}</p>\r\n          <p>{{ constants.oneLowercase }}</p>\r\n          <p>{{ constants.oneNumber }}</p>\r\n          <p>{{ constants.specialCharacter }}</p>\r\n      </ng-container>\r\n\r\n      <ng-container *ngIf=\"passwordForm.get('password')?.dirty\">\r\n          <p>\r\n              <b>{{ constants.passwordMustContain }}</b>\r\n          </p>\r\n\r\n          <div [ngClass]=\"passwordForm.get('password')?.hasError('minLength') ? 'error-color' : 'success-color'\">\r\n              <div id=\"icon-div-msg\">\r\n                  <span class=\"material-icons\" *ngIf=\"passwordForm.get('password')?.hasError('minLength')\"> cancel </span>\r\n                  <span class=\"material-icons\" *ngIf=\"!passwordForm.get('password')?.hasError('minLength')\"> check_circle </span>\r\n              </div>\r\n              <span class=\"span-text\">{{ constants.minimumCharacter }}</span>\r\n          </div>\r\n\r\n          <div [ngClass]=\"passwordForm.get('password')?.hasError('uppercase') ? 'error-color' : 'success-color'\">\r\n              <div id=\"icon-div-msg\">\r\n                  <span class=\"material-icons\" *ngIf=\"passwordForm.get('password')?.hasError('uppercase')\"> cancel </span>\r\n                  <span class=\"material-icons\" *ngIf=\"!passwordForm.get('password')?.hasError('uppercase')\"> check_circle </span>\r\n              </div>\r\n              <span class=\"span-text\">{{ constants.oneUppercase }}</span>\r\n          </div>\r\n\r\n          <div [ngClass]=\"passwordForm.get('password')?.hasError('lowercase') ? 'error-color' : 'success-color'\">\r\n              <div id=\"icon-div-msg\">\r\n                  <span class=\"material-icons\" *ngIf=\"passwordForm.get('password')?.hasError('lowercase')\"> cancel </span>\r\n                  <span class=\"material-icons\" *ngIf=\"!passwordForm.get('password')?.hasError('lowercase')\"> check_circle </span>\r\n              </div>\r\n              <span class=\"span-text\">{{ constants.oneLowercase }}</span>\r\n          </div>\r\n\r\n          <div [ngClass]=\"passwordForm.get('password')?.hasError('number') ? 'error-color' : 'success-color'\">\r\n              <div id=\"icon-div-msg\">\r\n                  <span class=\"material-icons\" *ngIf=\"passwordForm.get('password')?.hasError('number')\"> cancel </span>\r\n                  <span class=\"material-icons\" *ngIf=\"!passwordForm.get('password')?.hasError('number')\"> check_circle </span>\r\n              </div>\r\n              <span class=\"span-text\">{{ constants.oneNumber }}</span>\r\n          </div>\r\n\r\n          <div [ngClass]=\"passwordForm.get('password')?.hasError('specialCharacter') ? 'error-color' : 'success-color'\">\r\n              <div id=\"icon-div-msg\">\r\n                  <span class=\"material-icons\" *ngIf=\"passwordForm.get('password')?.hasError('specialCharacter')\"> cancel </span>\r\n                  <span class=\"material-icons\" *ngIf=\"!passwordForm.get('password')?.hasError('specialCharacter')\">\r\n                      check_circle\r\n                  </span>\r\n              </div>\r\n              <span class=\"span-text\">{{ constants.specialCharacter }}</span>\r\n          </div>\r\n      </ng-container>\r\n  </div>\r\n\r\n  <input\r\n      type=\"password\"\r\n      tabindex=\"2\"\r\n      formControlName=\"password\"\r\n      [placeholder]=\"constants.password\"\r\n      [ngClass]=\"{ 'input-invalid': passwordNotMatching }\"\r\n  />\r\n\r\n  <input\r\n      type=\"password\"\r\n      tabindex=\"3\"\r\n      formControlName=\"confirmPassword\"\r\n      [placeholder]=\"constants.confirmPassword\"\r\n      [ngClass]=\"{ 'input-invalid': passwordNotMatching }\"\r\n  />\r\n</form>\r\n", styles: ["input[type=password],input[type=text]{width:100%;height:30px;padding:10px 16px;border:1px solid #979797;margin-bottom:.625rem;border-radius:.375rem}input[type=password].ng-dirty.ng-invalid,.input-invalid{border:1px solid #fe3824!important}input[type=password]:focus:focus{outline:none;box-shadow:none}input[type=password]:focus::placeholder{color:#a4a4a4}.password-policies{margin-bottom:1rem}.password-policies p{color:#4a4a4a;font-family:Roboto;font-size:1rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.31;letter-spacing:normal;margin-bottom:0}.span-text{vertical-align:top;font-family:Roboto;font-size:1rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.31;letter-spacing:normal}#icon-div-msg{display:inline;margin-right:.3125rem}#icon-div-msg .material-icons{margin-top:1px;font-size:16px}#alert-div{padding:4px 0 0;margin-bottom:.75rem;border-radius:.25rem;border:solid 1px #f9b3ae;background-color:#fde4e3}#alert-div #icon-div{width:18px;margin-top:-5px;display:inline-block}#alert-div #icon-div .material-icons{color:#f44336;font-size:1.125rem;margin-left:.5rem}#alert-div p{display:inline;vertical-align:top;margin-left:.5rem;color:#4a4a4a;font-family:Roboto;font-size:.7188rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}.error-color{color:#fe3824}.success-color{color:#43a047}\n"] }]
+        }], ctorParameters: function () { return [{ type: i2.FormBuilder, decorators: [{
+                    type: Inject,
+                    args: [FormBuilder]
+                }] }]; }, propDecorators: { passwordChange: [{
+                type: Output
+            }], confirmPasswordChange: [{
+                type: Output
+            }], passwordNotMatching: [{
+                type: Input
+            }] } });
+
+// Angular import statements
+class SetNewPasswordComponent {
+    constructor(authService, router) {
+        this.authService = authService;
+        this.router = router;
+        this.passwordNotMatching = false;
+        this.password = { value: null, status: null };
+        this.confirmPassword = { value: null, status: null };
+    }
+    ngOnInit() {
+        this.constants = LoginConstant;
+        this.authService.setNewPasswordButtonMessage = LoginConstant.setNewPasswordButton;
+    }
+    isFormValid() {
+        return this.password.status === "VALID" && this.confirmPassword.status === "VALID";
+    }
+    onPasswordChange($event) {
+        this.password = $event;
+    }
+    onConfirmPasswordChange($event) {
+        this.confirmPassword = $event;
+    }
+    onSettingNewPassword() {
+        if (this.password.value != this.confirmPassword.value) {
+            this.passwordNotMatching = true;
+        }
+        else {
+            this.passwordNotMatching = false;
+            if (this.authService.setNewPasswordButtonMessage === LoginConstant.loginAgain) {
+                this.router.navigate([LoginConstant.loginPageUrl]);
+            }
+            else {
+                this.authService.setNewPassword(this.password.value);
+            }
+        }
+    }
+}
+SetNewPasswordComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SetNewPasswordComponent, deps: [{ token: AnnaLibAuthService }, { token: i3.Router }], target: i0.ɵɵFactoryTarget.Component });
+SetNewPasswordComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: SetNewPasswordComponent, selector: "lib-set-new-password", ngImport: i0, template: "<div class=\"main\">\r\n  <section>\r\n      <header>\r\n          <img src=\"assets/images/Anna-Logo-for-footer-min.png\" alt=\"Anna Logo\" />\r\n      </header>\r\n      <article>\r\n          <form>\r\n              <div id=\"heading\">\r\n                  {{ constants.setNewPasswordHeading }}\r\n              </div>\r\n\r\n              <div id=\"alert-div\" *ngIf=\"authService.setNewPasswordErrorMessage\">\r\n                  <span class=\"material-icons\">report</span>\r\n                  <p>{{ authService.setNewPasswordErrorMessage }}</p>\r\n              </div>\r\n              <lib-password-matching\r\n                  (passwordChange)=\"onPasswordChange($event)\"\r\n                  (confirmPasswordChange)=\"onConfirmPasswordChange($event)\"\r\n                  [passwordNotMatching]=\"passwordNotMatching\"\r\n              >\r\n              </lib-password-matching>\r\n              <button tabindex=\"3\" class=\"login-btn\" [disabled]=\"!isFormValid()\" (click)=\"onSettingNewPassword()\">\r\n                  {{ authService.setNewPasswordButtonMessage }}\r\n              </button>\r\n          </form>\r\n      </article>\r\n      <footer>\r\n          Powered by <span> <strong> SureWaves</strong></span>\r\n      </footer>\r\n  </section>\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:100vh}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 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:1rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;justify-content:center}footer span{font-size:1.3125rem;font-weight:700;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}\n"], components: [{ type: PasswordMatchingComponent, selector: "lib-password-matching", inputs: ["passwordNotMatching"], outputs: ["passwordChange", "confirmPasswordChange"] }], directives: [{ type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SetNewPasswordComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-set-new-password', template: "<div class=\"main\">\r\n  <section>\r\n      <header>\r\n          <img src=\"assets/images/Anna-Logo-for-footer-min.png\" alt=\"Anna Logo\" />\r\n      </header>\r\n      <article>\r\n          <form>\r\n              <div id=\"heading\">\r\n                  {{ constants.setNewPasswordHeading }}\r\n              </div>\r\n\r\n              <div id=\"alert-div\" *ngIf=\"authService.setNewPasswordErrorMessage\">\r\n                  <span class=\"material-icons\">report</span>\r\n                  <p>{{ authService.setNewPasswordErrorMessage }}</p>\r\n              </div>\r\n              <lib-password-matching\r\n                  (passwordChange)=\"onPasswordChange($event)\"\r\n                  (confirmPasswordChange)=\"onConfirmPasswordChange($event)\"\r\n                  [passwordNotMatching]=\"passwordNotMatching\"\r\n              >\r\n              </lib-password-matching>\r\n              <button tabindex=\"3\" class=\"login-btn\" [disabled]=\"!isFormValid()\" (click)=\"onSettingNewPassword()\">\r\n                  {{ authService.setNewPasswordButtonMessage }}\r\n              </button>\r\n          </form>\r\n      </article>\r\n      <footer>\r\n          Powered by <span> <strong> SureWaves</strong></span>\r\n      </footer>\r\n  </section>\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:100vh}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 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:1rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;justify-content:center}footer span{font-size:1.3125rem;font-weight:700;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}\n"] }]
+        }], ctorParameters: function () { return [{ type: AnnaLibAuthService }, { type: i3.Router }]; } });
+
+// Angular import statements
+class ForgotPasswordComponent {
+    constructor(authService, fb, toastr) {
+        this.authService = authService;
+        this.fb = fb;
+        this.toastr = toastr;
+        this.passwordNotMatching = false;
+        this.password = { value: null, status: null };
+        this.confirmPassword = { value: null, status: null };
+    }
+    ngOnInit() {
+        this.constants = LoginConstant;
+        this.onIntialiseForm();
+        if (this.authService.userName) {
+            this.onUpdateForm();
+        }
+    }
+    onIntialiseForm() {
+        this.verifyRegisteredEmail = this.fb.group({
+            email: [null, [Validators.required]],
+        });
+    }
+    onUpdateForm() {
+        this.verifyRegisteredEmail.patchValue({
+            email: this.authService.userName,
+        });
+    }
+    isFormValid() {
+        return this.verifyRegisteredEmail.valid;
+    }
+    onVerifyRegisteredEmail() {
+        let username = this.verifyRegisteredEmail.controls['email'].value;
+        this.authService.consumingProjectAuthService.isUsernameAvailable(username)
+            .subscribe({
+            next: (response) => {
+                let res = new UsernameInfo(response);
+                if (!res.isUsernameAvailable) {
+                    this.authService.onForgotPasswordGenerateOTP(username);
+                }
+                else {
+                    this.errorMessage = this.constants.userNotFound;
+                }
+            },
+            error: any => {
+                this.toastr.error(LoginConstant.apiFailErrorMessage);
+            }
+        });
+    }
+}
+ForgotPasswordComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ForgotPasswordComponent, deps: [{ token: AnnaLibAuthService }, { token: i2.FormBuilder }, { token: i3$1.ToastrService }], target: i0.ɵɵFactoryTarget.Component });
+ForgotPasswordComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: ForgotPasswordComponent, selector: "lib-forgot-password", ngImport: i0, template: "<div class=\"main\">\r\n  <section>\r\n      <header>\r\n          <img src=\"assets/images/Anna-Logo-for-footer-min.png\" alt=\"Anna Logo\" />\r\n      </header>\r\n      <article>\r\n          <form [formGroup]=\"verifyRegisteredEmail\">\r\n              <div id=\"heading\">\r\n                  {{ constants.forgotPasswordHeading }}\r\n              </div>\r\n              <p>\r\n                  {{ constants.forgotPasswordMessage }}\r\n              </p>\r\n              <div id=\"alert-div\" *ngIf=\"errorMessage\">\r\n                  <span class=\"material-icons\">report</span>\r\n                  <p id=\"alert-msg\">{{ errorMessage }}</p>\r\n              </div>\r\n\r\n              <input\r\n                  type=\"text\"\r\n                  tabindex=\"1\"\r\n                  formControlName=\"email\"\r\n                  [placeholder]=\"constants.enterEmail\"\r\n                  [ngClass]=\"{\r\n                      'input-invalid': verifyRegisteredEmail.get('email')?.dirty && verifyRegisteredEmail.get('email')?.errors\r\n                  }\"\r\n              />\r\n\r\n              <button\r\n                  tabindex=\"2\"\r\n                  type=\"submit\"\r\n                  class=\"login-btn\"\r\n                  [disabled]=\"!isFormValid()\"\r\n                  (click)=\"onVerifyRegisteredEmail()\"\r\n              >\r\n                  {{ constants.forgotPasswordButton }}\r\n              </button>\r\n          </form>\r\n      </article>\r\n      <footer>\r\n          Powered by <span> <strong> SureWaves</strong></span>\r\n      </footer>\r\n  </section>\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:100vh}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 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:1rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;justify-content:center}footer span{font-size:1.3125rem;font-weight:700;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}p{color:#4a4a4a;font-family:Roboto;font-size:1rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}input[type=text]{margin-bottom:16px}input[type=text]:focus{box-shadow:none}.back-btn{font-size:27px;position:relative;color:#268bff;float:left;top:-30px;left:-15px;font-weight:400!important}\n"], directives: [{ type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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]" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ForgotPasswordComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-forgot-password', template: "<div class=\"main\">\r\n  <section>\r\n      <header>\r\n          <img src=\"assets/images/Anna-Logo-for-footer-min.png\" alt=\"Anna Logo\" />\r\n      </header>\r\n      <article>\r\n          <form [formGroup]=\"verifyRegisteredEmail\">\r\n              <div id=\"heading\">\r\n                  {{ constants.forgotPasswordHeading }}\r\n              </div>\r\n              <p>\r\n                  {{ constants.forgotPasswordMessage }}\r\n              </p>\r\n              <div id=\"alert-div\" *ngIf=\"errorMessage\">\r\n                  <span class=\"material-icons\">report</span>\r\n                  <p id=\"alert-msg\">{{ errorMessage }}</p>\r\n              </div>\r\n\r\n              <input\r\n                  type=\"text\"\r\n                  tabindex=\"1\"\r\n                  formControlName=\"email\"\r\n                  [placeholder]=\"constants.enterEmail\"\r\n                  [ngClass]=\"{\r\n                      'input-invalid': verifyRegisteredEmail.get('email')?.dirty && verifyRegisteredEmail.get('email')?.errors\r\n                  }\"\r\n              />\r\n\r\n              <button\r\n                  tabindex=\"2\"\r\n                  type=\"submit\"\r\n                  class=\"login-btn\"\r\n                  [disabled]=\"!isFormValid()\"\r\n                  (click)=\"onVerifyRegisteredEmail()\"\r\n              >\r\n                  {{ constants.forgotPasswordButton }}\r\n              </button>\r\n          </form>\r\n      </article>\r\n      <footer>\r\n          Powered by <span> <strong> SureWaves</strong></span>\r\n      </footer>\r\n  </section>\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:100vh}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 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:1rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;justify-content:center}footer span{font-size:1.3125rem;font-weight:700;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}p{color:#4a4a4a;font-family:Roboto;font-size:1rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}input[type=text]{margin-bottom:16px}input[type=text]:focus{box-shadow:none}.back-btn{font-size:27px;position:relative;color:#268bff;float:left;top:-30px;left:-15px;font-weight:400!important}\n"] }]
+        }], ctorParameters: function () { return [{ type: AnnaLibAuthService }, { type: i2.FormBuilder }, { type: i3$1.ToastrService }]; } });
+
+class VerifyAndSetNewPasswordComponent {
+    constructor(authService, fb, router) {
+        this.authService = authService;
+        this.fb = fb;
+        this.router = router;
+        this.passwordNotMatching = false;
+        this.password = { value: null, status: null };
+        this.confirmPassword = { value: null, status: null };
+    }
+    ngOnInit() {
+        this.constants = LoginConstant;
+        this.authService.verifyAndSetNewPasswordButton = LoginConstant.setNewPasswordButton;
+        this.onIntialiseForm();
+    }
+    onIntialiseForm() {
+        this.verifyOtpForm = this.fb.group({
+            otp: [null, [Validators.required]],
+        });
+    }
+    isFormValid() {
+        if (this.password.status === "VALID" &&
+            this.confirmPassword.status === "VALID" &&
+            this.verifyOtpForm.controls['otp'].valid) {
+            return true;
+        }
+        return false;
+    }
+    onPasswordChange($event) {
+        this.password = $event;
+    }
+    onConfirmPasswordChange($event) {
+        this.confirmPassword = $event;
+    }
+    onVerifyOtpSettingNewPassword() {
+        if (this.password.value != this.confirmPassword.value) {
+            this.passwordNotMatching = true;
+        }
+        else {
+            this.passwordNotMatching = false;
+            if (this.authService.verifyAndSetNewPasswordButton === LoginConstant.regenerateOtp) {
+                this.router.navigate([LoginConstant.forgortPasswordPageUrl]);
+            }
+            else {
+                this.password.value && this.authService.verifyCode(this.verifyOtpForm.controls['otp'].value, this.password.value);
+            }
+        }
+    }
+}
+VerifyAndSetNewPasswordComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VerifyAndSetNewPasswordComponent, deps: [{ token: AnnaLibAuthService }, { token: i2.FormBuilder }, { token: i3.Router }], target: i0.ɵɵFactoryTarget.Component });
+VerifyAndSetNewPasswordComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VerifyAndSetNewPasswordComponent, selector: "lib-verify-and-set-new-password", ngImport: i0, template: "<div class=\"main\" [ngClass]=\"{ 'main-height': authService.verifyAndSetNewPasswordErrorMessage }\">\r\n  <section>\r\n      <header>\r\n          <img src=\"assets/images/Anna-Logo-for-footer-min.png\" alt=\"Anna Logo\" />\r\n      </header>\r\n      <article>\r\n          <span class=\"back-btn\" [routerLink]=\"constants.forgortPasswordPageUrl\">\r\n              <i class=\"mdi mdi-arrow-left\"></i>\r\n          </span>\r\n\r\n          <form [formGroup]=\"verifyOtpForm\">\r\n              <div class=\"pull-left\" id=\"heading\">\r\n                  {{ constants.verifyAndSetNewPasswordheading }}\r\n              </div>\r\n              <p>{{ authService.verifyAndSetNewPasswordMessage }}</p>\r\n\r\n              <div id=\"alert-div\" *ngIf=\"authService.verifyAndSetNewPasswordErrorMessage\">\r\n                  <div id=\"icon-div\">\r\n                      <span class=\"material-icons\">report</span>\r\n                  </div>\r\n                  <p id=\"display-block-msg\">{{ authService.verifyAndSetNewPasswordErrorMessage }}</p>\r\n              </div>\r\n\r\n              <input\r\n                  type=\"text\"\r\n                  tabindex=\"1\"\r\n                  formControlName=\"otp\"\r\n                  [placeholder]=\"constants.enterOtp\"\r\n                  autocomplete=\"new-field-name\"\r\n                  [ngClass]=\"{ 'input-invalid': authService.verifyAndSetNewPasswordErrorMessage }\"\r\n              />\r\n\r\n              <lib-password-matching\r\n                  (passwordChange)=\"onPasswordChange($event)\"\r\n                  (confirmPasswordChange)=\"onConfirmPasswordChange($event)\"\r\n                  [passwordNotMatching]=\"passwordNotMatching\"\r\n              >\r\n              </lib-password-matching>\r\n              <button\r\n                  tabindex=\"4\"\r\n                  type=\"submit\"\r\n                  class=\"login-btn\"\r\n                  [disabled]=\"authService.sessionLocked || !isFormValid()\"\r\n                  (click)=\"onVerifyOtpSettingNewPassword()\"\r\n              >\r\n                  {{ authService.verifyAndSetNewPasswordButton }}\r\n              </button>\r\n          </form>\r\n      </article>\r\n      <footer>\r\n          Powered by <span> <strong>SureWaves</strong> </span>\r\n      </footer>\r\n  </section>\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:100vh}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 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:1rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;justify-content:center}footer span{font-size:1.3125rem;font-weight:700;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}.main-height{height:105vh}section{top:52%}p{color:#4a4a4a;font-family:Roboto;font-size:1rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}input[type=text]{margin-bottom:24px}input[type=text]:focus{box-shadow:none}.back-btn{width:27px;height:27px;top:-27px;left:-15px;cursor:pointer;position:relative;color:#268bff;float:left;border-radius:50%;border:1px solid #268bff;background-color:#f4f4f4}.back-btn i{position:absolute;top:.1875rem;left:.25rem}\n"], components: [{ type: PasswordMatchingComponent, selector: "lib-password-matching", inputs: ["passwordNotMatching"], outputs: ["passwordChange", "confirmPasswordChange"] }], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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]" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VerifyAndSetNewPasswordComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-verify-and-set-new-password', template: "<div class=\"main\" [ngClass]=\"{ 'main-height': authService.verifyAndSetNewPasswordErrorMessage }\">\r\n  <section>\r\n      <header>\r\n          <img src=\"assets/images/Anna-Logo-for-footer-min.png\" alt=\"Anna Logo\" />\r\n      </header>\r\n      <article>\r\n          <span class=\"back-btn\" [routerLink]=\"constants.forgortPasswordPageUrl\">\r\n              <i class=\"mdi mdi-arrow-left\"></i>\r\n          </span>\r\n\r\n          <form [formGroup]=\"verifyOtpForm\">\r\n              <div class=\"pull-left\" id=\"heading\">\r\n                  {{ constants.verifyAndSetNewPasswordheading }}\r\n              </div>\r\n              <p>{{ authService.verifyAndSetNewPasswordMessage }}</p>\r\n\r\n              <div id=\"alert-div\" *ngIf=\"authService.verifyAndSetNewPasswordErrorMessage\">\r\n                  <div id=\"icon-div\">\r\n                      <span class=\"material-icons\">report</span>\r\n                  </div>\r\n                  <p id=\"display-block-msg\">{{ authService.verifyAndSetNewPasswordErrorMessage }}</p>\r\n              </div>\r\n\r\n              <input\r\n                  type=\"text\"\r\n                  tabindex=\"1\"\r\n                  formControlName=\"otp\"\r\n                  [placeholder]=\"constants.enterOtp\"\r\n                  autocomplete=\"new-field-name\"\r\n                  [ngClass]=\"{ 'input-invalid': authService.verifyAndSetNewPasswordErrorMessage }\"\r\n              />\r\n\r\n              <lib-password-matching\r\n                  (passwordChange)=\"onPasswordChange($event)\"\r\n                  (confirmPasswordChange)=\"onConfirmPasswordChange($event)\"\r\n                  [passwordNotMatching]=\"passwordNotMatching\"\r\n              >\r\n              </lib-password-matching>\r\n              <button\r\n                  tabindex=\"4\"\r\n                  type=\"submit\"\r\n                  class=\"login-btn\"\r\n                  [disabled]=\"authService.sessionLocked || !isFormValid()\"\r\n                  (click)=\"onVerifyOtpSettingNewPassword()\"\r\n              >\r\n                  {{ authService.verifyAndSetNewPasswordButton }}\r\n              </button>\r\n          </form>\r\n      </article>\r\n      <footer>\r\n          Powered by <span> <strong>SureWaves</strong> </span>\r\n      </footer>\r\n  </section>\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:100vh}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 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:1rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;justify-content:center}footer span{font-size:1.3125rem;font-weight:700;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}.main-height{height:105vh}section{top:52%}p{color:#4a4a4a;font-family:Roboto;font-size:1rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}input[type=text]{margin-bottom:24px}input[type=text]:focus{box-shadow:none}.back-btn{width:27px;height:27px;top:-27px;left:-15px;cursor:pointer;position:relative;color:#268bff;float:left;border-radius:50%;border:1px solid #268bff;background-color:#f4f4f4}.back-btn i{position:absolute;top:.1875rem;left:.25rem}\n"] }]
+        }], ctorParameters: function () { return [{ type: AnnaLibAuthService }, { type: i2.FormBuilder }, { type: i3.Router }]; } });
+
+class AnnaCognitoLibModule {
+    static forRoot(configuration) {
+        return {
+            ngModule: AnnaCognitoLibModule,
+            providers: [
+                {
+                    provide: LibraryConfig,
+                    useValue: configuration
+                }
+            ]
+        };
+    }
+}
+AnnaCognitoLibModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: AnnaCognitoLibModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AnnaCognitoLibModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: AnnaCognitoLibModule, declarations: [LoginComponent,
+        SetNewPasswordComponent,
+        PasswordMatchingComponent,
+        ForgotPasswordComponent,
+        VerifyAndSetNewPasswordComponent,
+        SpinnerButtonDirective], imports: [FormsModule,
+        ReactiveFormsModule,
+        RouterModule,
+        CommonModule], exports: [LoginComponent,
+        SetNewPasswordComponent,
+        PasswordMatchingComponent,
+        ForgotPasswordComponent,
+        VerifyAndSetNewPasswordComponent,
+        SpinnerButtonDirective] });
+AnnaCognitoLibModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: AnnaCognitoLibModule, imports: [[
+            FormsModule,
+            ReactiveFormsModule,
+            RouterModule,
+            CommonModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: AnnaCognitoLibModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        LoginComponent,
+                        SetNewPasswordComponent,
+                        PasswordMatchingComponent,
+                        ForgotPasswordComponent,
+                        VerifyAndSetNewPasswordComponent,
+                        SpinnerButtonDirective,
+                    ],
+                    imports: [
+                        FormsModule,
+                        ReactiveFormsModule,
+                        RouterModule,
+                        CommonModule
+                    ],
+                    exports: [
+                        LoginComponent,
+                        SetNewPasswordComponent,
+                        PasswordMatchingComponent,
+                        ForgotPasswordComponent,
+                        VerifyAndSetNewPasswordComponent,
+                        SpinnerButtonDirective
+                    ]
+                }]
+        }] });
+
+/*
+ * Public API Surface of anna-cognito-lib
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ACL_SERVICE_TOKEN, AUTH_SERVICE_TOKEN, AnnaCognitoLibModule, AnnaLibAclService, AnnaLibAuthService, ForgotPasswordComponent, LibraryConfig, LoginComponent, LoginConstant, PasswordMatchingComponent, SetNewPasswordComponent, SpinnerButtonDirective, VerifyAndSetNewPasswordComponent };
+//# sourceMappingURL=annalib-anna-cognito-lib.mjs.map