@annalib/anna-cognito-lib 0.2.3 → 0.2.4

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

@@ -1,705 +0,0 @@
-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 * as i3 from '@angular/router';
-import { RouterModule } from '@angular/router';
-import * as i2 from '@angular/forms';
-import { Validators, FormBuilder, FormsModule, ReactiveFormsModule } from '@angular/forms';
-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 auth service */
-const AUTH_SERVICE_TOKEN = new InjectionToken('Auth service token');
-
-/** 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 = '';
-    }
-}
-
-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() { }
-    /***
-   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: (result) => __awaiter(this, void 0, void 0, function* () {
-                this.getAllCognitoTokenAndGroups(result);
-                yield this.consumingProjectAuthService.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: "[anna-cognito-lib-SpinnerButton]", inputs: { loading: ["anna-cognito-lib-SpinnerButton", "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: "[anna-cognito-lib-SpinnerButton]",
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { loading: [{
-                type: Input,
-                args: ["anna-cognito-lib-SpinnerButton"]
-            }], spinnerButtonText: [{
-                type: Input,
-                args: ["spinnerButtonText"]
-            }] } });
-
-// Angular import statements
-class LoginComponent {
-    constructor(authService, fb, libraryConfig) {
-        this.authService = authService;
-        this.fb = fb;
-        this.libraryConfig = libraryConfig;
-        this.annaLogoUrl = "assets/images/Anna-Logo-for-footer-min.png";
-    }
-    ngOnInit() {
-        this.constants = LoginConstant;
-        this.logoUrl = this.libraryConfig.loginPageLogoImgUrl != "" ? this.libraryConfig.loginPageLogoImgUrl : this.annaLogoUrl;
-        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: "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 [src]=\"logoUrl\" 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                  [anna-cognito-lib-SpinnerButton]=\"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: "[anna-cognito-lib-SpinnerButton]", inputs: ["anna-cognito-lib-SpinnerButton", "spinnerButtonText"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", 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 [src]=\"logoUrl\" 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                  [anna-cognito-lib-SpinnerButton]=\"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: "anna-cognito-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: 'anna-cognito-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: "anna-cognito-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              <anna-cognito-lib-password-matching\r\n                  (passwordChange)=\"onPasswordChange($event)\"\r\n                  (confirmPasswordChange)=\"onConfirmPasswordChange($event)\"\r\n                  [passwordNotMatching]=\"passwordNotMatching\"\r\n              >\r\n              </anna-cognito-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: "anna-cognito-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: 'anna-cognito-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              <anna-cognito-lib-password-matching\r\n                  (passwordChange)=\"onPasswordChange($event)\"\r\n                  (confirmPasswordChange)=\"onConfirmPasswordChange($event)\"\r\n                  [passwordNotMatching]=\"passwordNotMatching\"\r\n              >\r\n              </anna-cognito-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: "anna-cognito-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: 'anna-cognito-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: "anna-cognito-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              <anna-cognito-lib-password-matching\r\n                  (passwordChange)=\"onPasswordChange($event)\"\r\n                  (confirmPasswordChange)=\"onConfirmPasswordChange($event)\"\r\n                  [passwordNotMatching]=\"passwordNotMatching\"\r\n              >\r\n              </anna-cognito-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: "anna-cognito-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: 'anna-cognito-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              <anna-cognito-lib-password-matching\r\n                  (passwordChange)=\"onPasswordChange($event)\"\r\n                  (confirmPasswordChange)=\"onConfirmPasswordChange($event)\"\r\n                  [passwordNotMatching]=\"passwordNotMatching\"\r\n              >\r\n              </anna-cognito-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