@annalib/anna-cognito-lib 3.0.13 → 4.0.1

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

@@ -1,7 +1,6 @@
-import * as i3$1 from '@angular/common';
-import { NgTemplateOutlet, NgIf, NgOptimizedImage, NgClass, CommonModule } from '@angular/common';
+import { NgTemplateOutlet, NgIf, NgOptimizedImage, NgClass } from '@angular/common';
 import * as i0 from '@angular/core';
-import { InjectionToken, Directive, Input, Injectable, Optional, Inject, Component, ChangeDetectionStrategy, EventEmitter, Output } from '@angular/core';
+import { InjectionToken, Directive, Input, Injectable, Inject, Component, EventEmitter, Output } from '@angular/core';
 import * as i2 from '@angular/forms';
 import { FormsModule, ReactiveFormsModule, Validators, FormBuilder } from '@angular/forms';
 import * as i1 from '@angular/router';
@@ -20,9 +19,8 @@ const SSO_LOGIN_SERVICE_TOKEN = new InjectionToken("Cognito sso login service to
 
 class LoginConstant {
     // Login page
-    static { this.enterUsername = "Enter your username"; }
+    static { this.enterEmail = "Enter your username"; }
     static { this.enterUserCode = "Enter your usercode"; }
-    static { this.enterEmail = "Enter your email"; }
     static { this.password = "Password"; }
     static { this.confirmPassword = "Confirm Password"; }
     static { this.login = "Login"; }
@@ -65,7 +63,6 @@ class LoginConstant {
     static { this.forgotPasswordHeading = "Forgot your password?"; }
     static { this.PleaseEnterYourUsernameMessage = "Please enter your username."; }
     static { this.PleaseEnterYourUsercodeMessage = "Please enter your usercode."; }
-    static { this.PleaseEnterYourEmailMessage = "Please enter your email address below."; }
     static { this.forgotPasswordButton = `Get ${LoginConstant.otp}`; }
     static { this.apiFailErrorMessage = "Unable to connect to server right now. Please try after some time."; }
     // url
@@ -134,7 +131,7 @@ class AnnaLibAclService {
     isUserAuthorisedToAccessElement(privilege) {
         return this.userGroupsInCognitoJWT.includes(privilege);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaLibAclService, deps: [{ token: ACL_SERVICE_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaLibAclService, deps: [{ token: ACL_SERVICE_TOKEN }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaLibAclService, providedIn: "root" }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaLibAclService, decorators: [{
@@ -143,8 +140,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     providedIn: "root",
                 }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
-                    type: Optional
-                }, {
                     type: Inject,
                     args: [ACL_SERVICE_TOKEN]
                 }] }]; } });
@@ -192,11 +187,9 @@ class AnnaLibAuthService {
         localStorage.clear();
         clearInterval(this.accessTokenTimerId);
         let afterLogoutRedirectTo;
-        if (this.consumingProjectSSOLoginService) {
-            if (this.consumingProjectSSOLoginService?.isSsoIntegrated &&
-                !this.consumingProjectSSOLoginService.loggedInViaSso) {
-                afterLogoutRedirectTo = LoginConstant.coPilotloginPageUrl;
-            }
+        if (this.consumingProjectSSOLoginService.isSsoIntegrated &&
+            !this.consumingProjectSSOLoginService.loggedInViaSso) {
+            afterLogoutRedirectTo = LoginConstant.coPilotloginPageUrl;
         }
         else {
             afterLogoutRedirectTo = LoginConstant.loginPageUrl;
@@ -246,7 +239,7 @@ class AnnaLibAuthService {
                 this.loginErrorMessage = LoginConstant.attemptLimitExceeded;
             }
             else {
-                this.loginErrorMessage = this.consumingProjectSSOLoginService?.isSsoIntegrated
+                this.loginErrorMessage = this.consumingProjectSSOLoginService.isSsoIntegrated
                     ? LoginConstant.userCodePasswordIncorrect
                     : LoginConstant.userNamePasswordIncorrect;
             }
@@ -344,14 +337,12 @@ class AnnaLibAuthService {
         }
     }
     async verifyCode(confirmationCode, newPassword) {
-        console.log(this.consumingProjectAuthService.userName);
         try {
             confirmResetPassword({
                 username: this.consumingProjectAuthService.userName,
                 newPassword,
                 confirmationCode,
             }).then((response) => {
-                console.log("res", response);
                 this.expiryAllExistingCurrentSession(this.consumingProjectAuthService.userName, newPassword);
             }, (err) => {
                 this.noOfAttempts += 1;
@@ -409,7 +400,6 @@ class AnnaLibAuthService {
     async onLoginInCogntioToGetAccessToken(username, password) {
         try {
             const { nextStep } = await signIn({ username, password });
-            console.log("nextstep", nextStep);
             switch (nextStep?.signInStep) {
                 case "DONE":
                     this.setAccessAndIDTokens(await (await fetchAuthSession()).tokens);
@@ -434,7 +424,7 @@ class AnnaLibAuthService {
             // do nothing
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaLibAuthService, deps: [{ token: i1.Router }, { token: AnnaLibAclService }, { token: i3.HttpClient }, { token: i4.ToastrService }, { token: SSO_LOGIN_SERVICE_TOKEN, optional: true }, { token: AUTH_SERVICE_TOKEN }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaLibAuthService, deps: [{ token: i1.Router }, { token: AnnaLibAclService }, { token: i3.HttpClient }, { token: i4.ToastrService }, { token: SSO_LOGIN_SERVICE_TOKEN }, { token: AUTH_SERVICE_TOKEN }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaLibAuthService, providedIn: "root" }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaLibAuthService, decorators: [{
@@ -443,8 +433,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     providedIn: "root",
                 }]
         }], ctorParameters: function () { return [{ type: i1.Router }, { type: AnnaLibAclService }, { type: i3.HttpClient }, { type: i4.ToastrService }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
                     type: Inject,
                     args: [SSO_LOGIN_SERVICE_TOKEN]
                 }] }, { type: undefined, decorators: [{
@@ -516,7 +504,7 @@ class AnnaLoginComponent {
         this.authService.handleSignIn({ username, password });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaLoginComponent, deps: [{ token: AnnaLibAuthService }, { token: i2.FormBuilder }, { token: CONFIG_SERVICE_TOKEN }, { token: SSO_LOGIN_SERVICE_TOKEN }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AnnaLoginComponent, isStandalone: true, selector: "anna-cognito-lib-anna-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\r\n                [ngSrc]=\"consumingProjectConfigService.appGenericConfig.loginPageLogoImgUrl\"\r\n                width=\"145\"\r\n                height=\"50\"\r\n                alt=\"Anna Logo\"\r\n                priority\r\n            />\r\n        </header>\r\n        <article>\r\n            <form\r\n                [formGroup]=\"loginForm\"\r\n                (ngSubmit)=\"OnLogin()\"\r\n            >\r\n                <div\r\n                    id=\"alert-div\"\r\n                    *ngIf=\"authService.loginErrorMessage\"\r\n                >\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]=\"\r\n                        consumingProjectSSOLoginService?.isSsoIntegrated\r\n                            ? constants.enterUserCode\r\n                            : constants.enterUsername\r\n                    \"\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\r\n                    tabindex=\"4\"\r\n                    [routerLink]=\"constants.forgortPasswordPageUrl\"\r\n                    >{{ constants.forgotPassword }}</a\r\n                >\r\n                <button\r\n                    tabindex=\"3\"\r\n                    class=\"login-btn\"\r\n                    annaCognitoSpinnerBtn\r\n                    [spinnerButtonLoading]=\"authService.consumingProjectAuthService.isLoggingIn\"\r\n                    [spinnerButtonText]=\"constants.login\"\r\n                ></button>\r\n            </form>\r\n        </article>\r\n        <footer>\r\n            <anna-cognito-lib-powered-by-logo-template> </anna-cognito-lib-powered-by-logo-template>\r\n        </footer>\r\n    </section>\r\n</div>\r\n\r\n<div class=\"page-footer\">\r\n    <anna-cognito-lib-surewaves-year-logo></anna-cognito-lib-surewaves-year-logo>\r\n    <anna-cognito-lib-version-and-term-policy></anna-cognito-lib-version-and-term-policy>\r\n</div>\r\n", styles: ["@keyframes show{0%{opacity:0}50%{opacity:.5}to{opacity:1}}html{overflow-y:scroll}.main{background-color:#fff;background-size:cover;font-family:Roboto;height:calc(100vh - 50px)}section{top:45%;left:50%;position:absolute;transform:translate(-50%,-50%);width:20.875rem;animation:show .5s 1;-moz-animation:show .5s 1}.container{width:100%;height:100%;overflow:auto}header{height:auto;width:100%;text-align:center}article{margin-top:.9375rem;margin-bottom:.9375rem;border:1px solid #979797;background-color:#f4f4f4;padding:2rem 1.375rem;border-radius:.375rem;box-shadow:0 .125rem .4375rem #0000001a}article .sub-title{color:#6e6e6e;font-family:Roboto;font-size:1.25rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}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}p{text-align:center;margin-bottom:1rem}#alert-div{padding:.3125rem 0;margin-bottom:.75rem;border-radius:.25rem;border:solid 1px #f9b3ae;background-color:#fde4e3;justify-content:left;align-items:center;display:flex}#alert-div .material-icons{color:#f44336;font-size:1rem;margin-left:.5rem}#alert-div p{margin-left:4px!important;margin:0;color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}#info-div{padding:6px 0;margin-bottom:.75rem;border-radius:.25rem;border:1px solid #268bff;background:#e3f0ff}#info-div .mdi-info{color:#268bff;font-size:1rem;margin-left:6px}#info-div p{margin:-1.5625rem 0 0 1.8rem;padding:.3125rem 0;color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}footer{align-items:baseline;color:#6e6e6e;opacity:.9;display:flex;font-family:Ubuntu;font-size:1.25rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;justify-content:center}footer span{font-size:1.5625rem;margin-left:.25rem}input[type=password],input[type=text],input[type=number]{width:100%;height:30px;padding:.75rem 1rem;border:1px solid #979797;margin-bottom:.625rem;border-radius:.375rem}.login-btn{width:100%;height:2.5rem;border:0;color:#fff;background-color:#268bff;border-radius:.375rem;font-size:1rem}.login-btn:hover{background-color:#4099ff;cursor:pointer}.login-btn:disabled{background-color:#ccc;color:#fff;cursor:not-allowed}.input-invalid{border:1px solid #fe3824!important}input[type=password].ng-dirty.ng-invalid,input[type=text].ng-dirty.ng-invalid{border:1px solid #fe3824}input[type=submit]:focus,input[type=password]:focus,input[type=text]:focus,input[type=checkbox]:focus,button:focus{outline:none}input::placeholder{color:#a4a4a4}:host ::ng-deep .verison-and-policy{color:#8bac2a}a{float:right;color:#268bff;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-decoration:underline;margin-bottom:.9375rem}a:hover{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "src", "srcset"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: SpinnerButtonDirective, selector: "[annaCognitoSpinnerBtn]", inputs: ["spinnerButtonLoading", "spinnerButtonText"] }, { kind: "component", type: PoweredByLogoTemplateComponent, selector: "anna-cognito-lib-powered-by-logo-template" }, { kind: "component", type: SurewavesYearLogoComponent, selector: "anna-cognito-lib-surewaves-year-logo" }, { kind: "component", type: VersionAndTermPolicyComponent, selector: "anna-cognito-lib-version-and-term-policy" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AnnaLoginComponent, isStandalone: true, selector: "anna-cognito-lib-anna-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\r\n                [ngSrc]=\"consumingProjectConfigService.appGenericConfig.loginPageLogoImgUrl\"\r\n                width=\"145\"\r\n                height=\"50\"\r\n                alt=\"Anna Logo\"\r\n                priority\r\n            />\r\n        </header>\r\n        <article>\r\n            <form\r\n                [formGroup]=\"loginForm\"\r\n                (ngSubmit)=\"OnLogin()\"\r\n            >\r\n                <div\r\n                    id=\"alert-div\"\r\n                    *ngIf=\"authService.loginErrorMessage\"\r\n                >\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]=\"\r\n                        consumingProjectSSOLoginService?.isSsoIntegrated\r\n                            ? constants.enterUserCode\r\n                            : constants.enterEmail\r\n                    \"\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\r\n                    tabindex=\"4\"\r\n                    [routerLink]=\"constants.forgortPasswordPageUrl\"\r\n                    >{{ constants.forgotPassword }}</a\r\n                >\r\n                <button\r\n                    tabindex=\"3\"\r\n                    class=\"login-btn\"\r\n                    annaCognitoSpinnerBtn\r\n                    [spinnerButtonLoading]=\"authService.consumingProjectAuthService.isLoggingIn\"\r\n                    [spinnerButtonText]=\"constants.login\"\r\n                ></button>\r\n            </form>\r\n        </article>\r\n        <footer>\r\n            <anna-cognito-lib-powered-by-logo-template> </anna-cognito-lib-powered-by-logo-template>\r\n        </footer>\r\n    </section>\r\n</div>\r\n\r\n<div class=\"page-footer\">\r\n    <anna-cognito-lib-surewaves-year-logo></anna-cognito-lib-surewaves-year-logo>\r\n    <anna-cognito-lib-version-and-term-policy></anna-cognito-lib-version-and-term-policy>\r\n</div>\r\n", styles: ["@keyframes show{0%{opacity:0}50%{opacity:.5}to{opacity:1}}html{overflow-y:scroll}.main{background-color:#fff;background-size:cover;font-family:Roboto;height:calc(100vh - 50px)}section{top:45%;left:50%;position:absolute;transform:translate(-50%,-50%);width:20.875rem;animation:show .5s 1;-moz-animation:show .5s 1}.container{width:100%;height:100%;overflow:auto}header{height:auto;width:100%;text-align:center}article{margin-top:.9375rem;margin-bottom:.9375rem;border:1px solid #979797;background-color:#f4f4f4;padding:2rem 1.375rem;border-radius:.375rem;box-shadow:0 .125rem .4375rem #0000001a}article .sub-title{color:#6e6e6e;font-family:Roboto;font-size:1.25rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}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}p{text-align:center;margin-bottom:1rem}#alert-div{padding:.3125rem 0;margin-bottom:.75rem;border-radius:.25rem;border:solid 1px #f9b3ae;background-color:#fde4e3;justify-content:left;align-items:center;display:flex}#alert-div .material-icons{color:#f44336;font-size:1rem;margin-left:.5rem}#alert-div p{margin-left:4px!important;margin:0;color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}#info-div{padding:6px 0;margin-bottom:.75rem;border-radius:.25rem;border:1px solid #268bff;background:#e3f0ff}#info-div .mdi-info{color:#268bff;font-size:1rem;margin-left:6px}#info-div p{margin:-1.5625rem 0 0 1.8rem;padding:.3125rem 0;color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}footer{align-items:baseline;color:#6e6e6e;opacity:.9;display:flex;font-family:Ubuntu;font-size:1.25rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;justify-content:center}footer span{font-size:1.5625rem;margin-left:.25rem}input[type=password],input[type=text],input[type=number]{width:100%;height:30px;padding:.75rem 1rem;border:1px solid #979797;margin-bottom:.625rem;border-radius:.375rem}.login-btn{width:100%;height:2.5rem;border:0;color:#fff;background-color:#268bff;border-radius:.375rem;font-size:1rem}.login-btn:hover{background-color:#4099ff;cursor:pointer}.login-btn:disabled{background-color:#ccc;color:#fff;cursor:not-allowed}.input-invalid{border:1px solid #fe3824!important}input[type=password].ng-dirty.ng-invalid,input[type=text].ng-dirty.ng-invalid{border:1px solid #fe3824}input[type=submit]:focus,input[type=password]:focus,input[type=text]:focus,input[type=checkbox]:focus,button:focus{outline:none}input::placeholder{color:#a4a4a4}:host ::ng-deep .verison-and-policy{color:#8bac2a}a{float:right;color:#268bff;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-decoration:underline;margin-bottom:.9375rem}a:hover{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "src", "srcset"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: SpinnerButtonDirective, selector: "[annaCognitoSpinnerBtn]", inputs: ["spinnerButtonLoading", "spinnerButtonText"] }, { kind: "component", type: PoweredByLogoTemplateComponent, selector: "anna-cognito-lib-powered-by-logo-template" }, { kind: "component", type: SurewavesYearLogoComponent, selector: "anna-cognito-lib-surewaves-year-logo" }, { kind: "component", type: VersionAndTermPolicyComponent, selector: "anna-cognito-lib-version-and-term-policy" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaLoginComponent, decorators: [{
             type: Component,
@@ -531,7 +519,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         PoweredByLogoTemplateComponent,
                         SurewavesYearLogoComponent,
                         VersionAndTermPolicyComponent,
-                    ], 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\r\n                [ngSrc]=\"consumingProjectConfigService.appGenericConfig.loginPageLogoImgUrl\"\r\n                width=\"145\"\r\n                height=\"50\"\r\n                alt=\"Anna Logo\"\r\n                priority\r\n            />\r\n        </header>\r\n        <article>\r\n            <form\r\n                [formGroup]=\"loginForm\"\r\n                (ngSubmit)=\"OnLogin()\"\r\n            >\r\n                <div\r\n                    id=\"alert-div\"\r\n                    *ngIf=\"authService.loginErrorMessage\"\r\n                >\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]=\"\r\n                        consumingProjectSSOLoginService?.isSsoIntegrated\r\n                            ? constants.enterUserCode\r\n                            : constants.enterUsername\r\n                    \"\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\r\n                    tabindex=\"4\"\r\n                    [routerLink]=\"constants.forgortPasswordPageUrl\"\r\n                    >{{ constants.forgotPassword }}</a\r\n                >\r\n                <button\r\n                    tabindex=\"3\"\r\n                    class=\"login-btn\"\r\n                    annaCognitoSpinnerBtn\r\n                    [spinnerButtonLoading]=\"authService.consumingProjectAuthService.isLoggingIn\"\r\n                    [spinnerButtonText]=\"constants.login\"\r\n                ></button>\r\n            </form>\r\n        </article>\r\n        <footer>\r\n            <anna-cognito-lib-powered-by-logo-template> </anna-cognito-lib-powered-by-logo-template>\r\n        </footer>\r\n    </section>\r\n</div>\r\n\r\n<div class=\"page-footer\">\r\n    <anna-cognito-lib-surewaves-year-logo></anna-cognito-lib-surewaves-year-logo>\r\n    <anna-cognito-lib-version-and-term-policy></anna-cognito-lib-version-and-term-policy>\r\n</div>\r\n", styles: ["@keyframes show{0%{opacity:0}50%{opacity:.5}to{opacity:1}}html{overflow-y:scroll}.main{background-color:#fff;background-size:cover;font-family:Roboto;height:calc(100vh - 50px)}section{top:45%;left:50%;position:absolute;transform:translate(-50%,-50%);width:20.875rem;animation:show .5s 1;-moz-animation:show .5s 1}.container{width:100%;height:100%;overflow:auto}header{height:auto;width:100%;text-align:center}article{margin-top:.9375rem;margin-bottom:.9375rem;border:1px solid #979797;background-color:#f4f4f4;padding:2rem 1.375rem;border-radius:.375rem;box-shadow:0 .125rem .4375rem #0000001a}article .sub-title{color:#6e6e6e;font-family:Roboto;font-size:1.25rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}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}p{text-align:center;margin-bottom:1rem}#alert-div{padding:.3125rem 0;margin-bottom:.75rem;border-radius:.25rem;border:solid 1px #f9b3ae;background-color:#fde4e3;justify-content:left;align-items:center;display:flex}#alert-div .material-icons{color:#f44336;font-size:1rem;margin-left:.5rem}#alert-div p{margin-left:4px!important;margin:0;color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}#info-div{padding:6px 0;margin-bottom:.75rem;border-radius:.25rem;border:1px solid #268bff;background:#e3f0ff}#info-div .mdi-info{color:#268bff;font-size:1rem;margin-left:6px}#info-div p{margin:-1.5625rem 0 0 1.8rem;padding:.3125rem 0;color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}footer{align-items:baseline;color:#6e6e6e;opacity:.9;display:flex;font-family:Ubuntu;font-size:1.25rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;justify-content:center}footer span{font-size:1.5625rem;margin-left:.25rem}input[type=password],input[type=text],input[type=number]{width:100%;height:30px;padding:.75rem 1rem;border:1px solid #979797;margin-bottom:.625rem;border-radius:.375rem}.login-btn{width:100%;height:2.5rem;border:0;color:#fff;background-color:#268bff;border-radius:.375rem;font-size:1rem}.login-btn:hover{background-color:#4099ff;cursor:pointer}.login-btn:disabled{background-color:#ccc;color:#fff;cursor:not-allowed}.input-invalid{border:1px solid #fe3824!important}input[type=password].ng-dirty.ng-invalid,input[type=text].ng-dirty.ng-invalid{border:1px solid #fe3824}input[type=submit]:focus,input[type=password]:focus,input[type=text]:focus,input[type=checkbox]:focus,button:focus{outline:none}input::placeholder{color:#a4a4a4}:host ::ng-deep .verison-and-policy{color:#8bac2a}a{float:right;color:#268bff;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-decoration:underline;margin-bottom:.9375rem}a:hover{cursor:pointer}\n"] }]
+                    ], 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\r\n                [ngSrc]=\"consumingProjectConfigService.appGenericConfig.loginPageLogoImgUrl\"\r\n                width=\"145\"\r\n                height=\"50\"\r\n                alt=\"Anna Logo\"\r\n                priority\r\n            />\r\n        </header>\r\n        <article>\r\n            <form\r\n                [formGroup]=\"loginForm\"\r\n                (ngSubmit)=\"OnLogin()\"\r\n            >\r\n                <div\r\n                    id=\"alert-div\"\r\n                    *ngIf=\"authService.loginErrorMessage\"\r\n                >\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]=\"\r\n                        consumingProjectSSOLoginService?.isSsoIntegrated\r\n                            ? constants.enterUserCode\r\n                            : constants.enterEmail\r\n                    \"\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\r\n                    tabindex=\"4\"\r\n                    [routerLink]=\"constants.forgortPasswordPageUrl\"\r\n                    >{{ constants.forgotPassword }}</a\r\n                >\r\n                <button\r\n                    tabindex=\"3\"\r\n                    class=\"login-btn\"\r\n                    annaCognitoSpinnerBtn\r\n                    [spinnerButtonLoading]=\"authService.consumingProjectAuthService.isLoggingIn\"\r\n                    [spinnerButtonText]=\"constants.login\"\r\n                ></button>\r\n            </form>\r\n        </article>\r\n        <footer>\r\n            <anna-cognito-lib-powered-by-logo-template> </anna-cognito-lib-powered-by-logo-template>\r\n        </footer>\r\n    </section>\r\n</div>\r\n\r\n<div class=\"page-footer\">\r\n    <anna-cognito-lib-surewaves-year-logo></anna-cognito-lib-surewaves-year-logo>\r\n    <anna-cognito-lib-version-and-term-policy></anna-cognito-lib-version-and-term-policy>\r\n</div>\r\n", styles: ["@keyframes show{0%{opacity:0}50%{opacity:.5}to{opacity:1}}html{overflow-y:scroll}.main{background-color:#fff;background-size:cover;font-family:Roboto;height:calc(100vh - 50px)}section{top:45%;left:50%;position:absolute;transform:translate(-50%,-50%);width:20.875rem;animation:show .5s 1;-moz-animation:show .5s 1}.container{width:100%;height:100%;overflow:auto}header{height:auto;width:100%;text-align:center}article{margin-top:.9375rem;margin-bottom:.9375rem;border:1px solid #979797;background-color:#f4f4f4;padding:2rem 1.375rem;border-radius:.375rem;box-shadow:0 .125rem .4375rem #0000001a}article .sub-title{color:#6e6e6e;font-family:Roboto;font-size:1.25rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}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}p{text-align:center;margin-bottom:1rem}#alert-div{padding:.3125rem 0;margin-bottom:.75rem;border-radius:.25rem;border:solid 1px #f9b3ae;background-color:#fde4e3;justify-content:left;align-items:center;display:flex}#alert-div .material-icons{color:#f44336;font-size:1rem;margin-left:.5rem}#alert-div p{margin-left:4px!important;margin:0;color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}#info-div{padding:6px 0;margin-bottom:.75rem;border-radius:.25rem;border:1px solid #268bff;background:#e3f0ff}#info-div .mdi-info{color:#268bff;font-size:1rem;margin-left:6px}#info-div p{margin:-1.5625rem 0 0 1.8rem;padding:.3125rem 0;color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}footer{align-items:baseline;color:#6e6e6e;opacity:.9;display:flex;font-family:Ubuntu;font-size:1.25rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;justify-content:center}footer span{font-size:1.5625rem;margin-left:.25rem}input[type=password],input[type=text],input[type=number]{width:100%;height:30px;padding:.75rem 1rem;border:1px solid #979797;margin-bottom:.625rem;border-radius:.375rem}.login-btn{width:100%;height:2.5rem;border:0;color:#fff;background-color:#268bff;border-radius:.375rem;font-size:1rem}.login-btn:hover{background-color:#4099ff;cursor:pointer}.login-btn:disabled{background-color:#ccc;color:#fff;cursor:not-allowed}.input-invalid{border:1px solid #fe3824!important}input[type=password].ng-dirty.ng-invalid,input[type=text].ng-dirty.ng-invalid{border:1px solid #fe3824}input[type=submit]:focus,input[type=password]:focus,input[type=text]:focus,input[type=checkbox]:focus,button:focus{outline:none}input::placeholder{color:#a4a4a4}:host ::ng-deep .verison-and-policy{color:#8bac2a}a{float:right;color:#268bff;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-decoration:underline;margin-bottom:.9375rem}a:hover{cursor:pointer}\n"] }]
         }], ctorParameters: function () { return [{ type: AnnaLibAuthService }, { type: i2.FormBuilder }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [CONFIG_SERVICE_TOKEN]
@@ -540,53 +528,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     args: [SSO_LOGIN_SERVICE_TOKEN]
                 }] }]; } });
 
-class CatcLoginComponent {
-    constructor(authService, fb, consumingProjectConfigService) {
-        this.authService = authService;
-        this.fb = fb;
-        this.consumingProjectConfigService = consumingProjectConfigService;
-        this.emailPattern = /\S+@\S+\.\S+/;
-    }
-    ngOnInit() {
-        this.authService.consumingProjectAuthService.isLoggingIn = false;
-        this.constants = LoginConstant;
-        this.onIntialiseForm();
-    }
-    onIntialiseForm() {
-        this.loginForm = this.fb.group({
-            email: [null, [Validators.required, Validators.pattern(this.emailPattern)]],
-            password: [null],
-        });
-    }
-    OnLogin() {
-        this.authService.consumingProjectAuthService.isLoggingIn = true;
-        const username = this.loginForm.controls.email.value;
-        const password = this.loginForm.controls.password.value;
-        this.authService.handleSignIn({ username, password });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CatcLoginComponent, deps: [{ token: AnnaLibAuthService }, { token: i2.FormBuilder }, { token: CONFIG_SERVICE_TOKEN }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CatcLoginComponent, isStandalone: true, selector: "anna-cognito-catc-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 >\r\n        <header>\r\n            <img\r\n                [ngSrc]=\"consumingProjectConfigService.appGenericConfig.loginPageLogoImgUrl\"\r\n                width=\"145\"\r\n                height=\"45.03\"\r\n                alt=\"catc Logo\"\r\n                priority\r\n            />\r\n        </header>\r\n        <article>\r\n            <form\r\n                [formGroup]=\"loginForm\"\r\n                (ngSubmit)=\"OnLogin()\"\r\n            >\r\n                <div\r\n                    id=\"alert-div\"\r\n                    *ngIf=\"authService.loginErrorMessage\"\r\n                >\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=\"email\"\r\n                    [ngClass]=\"{ 'input-invalid': authService.loginErrorMessage }\"\r\n                    [placeholder]=\"constants.enterEmail\"\r\n                    autocomplete=\"email\"\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\r\n                    tabindex=\"4\"\r\n                    [routerLink]=\"constants.forgortPasswordPageUrl\"\r\n                    >{{ constants.forgotPassword }}</a\r\n                >\r\n                <button\r\n                    tabindex=\"3\"\r\n                    class=\"login-btn\"\r\n                    annaCognitoSpinnerBtn\r\n                    [spinnerButtonLoading]=\"authService.consumingProjectAuthService.isLoggingIn\"\r\n                    [spinnerButtonText]=\"constants.login\"\r\n                ></button>\r\n            </form>\r\n        </article>\r\n        <footer>\r\n            <anna-cognito-lib-powered-by-logo-template> </anna-cognito-lib-powered-by-logo-template>\r\n        </footer>\r\n    </section>\r\n</div>\r\n\r\n<div class=\"page-footer\">\r\n    <anna-cognito-lib-surewaves-year-logo></anna-cognito-lib-surewaves-year-logo>\r\n    <anna-cognito-lib-version-and-term-policy></anna-cognito-lib-version-and-term-policy>\r\n</div>\r\n", styles: ["@keyframes show{0%{opacity:0}50%{opacity:.5}to{opacity:1}}html{overflow-y:scroll}.main{background-color:#fff;background-size:cover;font-family:Roboto;height:calc(100vh - 50px)}section{top:45%;left:50%;position:absolute;transform:translate(-50%,-50%);width:20.875rem;animation:show .5s 1;-moz-animation:show .5s 1}.container{width:100%;height:100%;overflow:auto}header{height:auto;width:100%;text-align:center}article{margin-top:.9375rem;margin-bottom:.9375rem;border:1px solid #979797;background-color:#f4f4f4;padding:2rem 1.375rem;border-radius:.375rem;box-shadow:0 .125rem .4375rem #0000001a}article .sub-title{color:#6e6e6e;font-family:Roboto;font-size:1.25rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}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}p{text-align:center;margin-bottom:1rem}#alert-div{padding:.3125rem 0;margin-bottom:.75rem;border-radius:.25rem;border:solid 1px #f9b3ae;background-color:#fde4e3;justify-content:left;align-items:center;display:flex}#alert-div .material-icons{color:#f44336;font-size:1rem;margin-left:.5rem}#alert-div p{margin-left:4px!important;margin:0;color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}#info-div{padding:6px 0;margin-bottom:.75rem;border-radius:.25rem;border:1px solid #268bff;background:#e3f0ff}#info-div .mdi-info{color:#268bff;font-size:1rem;margin-left:6px}#info-div p{margin:-1.5625rem 0 0 1.8rem;padding:.3125rem 0;color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}footer{align-items:baseline;color:#6e6e6e;opacity:.9;display:flex;font-family:Ubuntu;font-size:1.25rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;justify-content:center}footer span{font-size:1.5625rem;margin-left:.25rem}input[type=password],input[type=text],input[type=number]{width:100%;height:30px;padding:.75rem 1rem;border:1px solid #979797;margin-bottom:.625rem;border-radius:.375rem}.login-btn{width:100%;height:2.5rem;border:0;color:#fff;background-color:#268bff;border-radius:.375rem;font-size:1rem}.login-btn:hover{background-color:#4099ff;cursor:pointer}.login-btn:disabled{background-color:#ccc;color:#fff;cursor:not-allowed}.input-invalid{border:1px solid #fe3824!important}input[type=password].ng-dirty.ng-invalid,input[type=text].ng-dirty.ng-invalid{border:1px solid #fe3824}input[type=submit]:focus,input[type=password]:focus,input[type=text]:focus,input[type=checkbox]:focus,button:focus{outline:none}input::placeholder{color:#a4a4a4}:host ::ng-deep .verison-and-policy{color:#8bac2a}a{float:right;color:#9b1cd5;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-decoration:underline;margin-bottom:.9375rem}a:hover{cursor:pointer}input[type=password],input[type=text],input[type=number]{width:88%;height:4px;font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}.login-btn{background-color:#9b1cd5!important}header{margin-bottom:25px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "src", "srcset"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: SpinnerButtonDirective, selector: "[annaCognitoSpinnerBtn]", inputs: ["spinnerButtonLoading", "spinnerButtonText"] }, { kind: "component", type: PoweredByLogoTemplateComponent, selector: "anna-cognito-lib-powered-by-logo-template" }, { kind: "component", type: SurewavesYearLogoComponent, selector: "anna-cognito-lib-surewaves-year-logo" }, { kind: "component", type: VersionAndTermPolicyComponent, selector: "anna-cognito-lib-version-and-term-policy" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CatcLoginComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "anna-cognito-catc-login", standalone: true, imports: [
-                        CommonModule,
-                        NgIf,
-                        NgOptimizedImage,
-                        FormsModule,
-                        ReactiveFormsModule,
-                        NgClass,
-                        RouterLink,
-                        SpinnerButtonDirective,
-                        PoweredByLogoTemplateComponent,
-                        SurewavesYearLogoComponent,
-                        VersionAndTermPolicyComponent,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, 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 >\r\n        <header>\r\n            <img\r\n                [ngSrc]=\"consumingProjectConfigService.appGenericConfig.loginPageLogoImgUrl\"\r\n                width=\"145\"\r\n                height=\"45.03\"\r\n                alt=\"catc Logo\"\r\n                priority\r\n            />\r\n        </header>\r\n        <article>\r\n            <form\r\n                [formGroup]=\"loginForm\"\r\n                (ngSubmit)=\"OnLogin()\"\r\n            >\r\n                <div\r\n                    id=\"alert-div\"\r\n                    *ngIf=\"authService.loginErrorMessage\"\r\n                >\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=\"email\"\r\n                    [ngClass]=\"{ 'input-invalid': authService.loginErrorMessage }\"\r\n                    [placeholder]=\"constants.enterEmail\"\r\n                    autocomplete=\"email\"\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\r\n                    tabindex=\"4\"\r\n                    [routerLink]=\"constants.forgortPasswordPageUrl\"\r\n                    >{{ constants.forgotPassword }}</a\r\n                >\r\n                <button\r\n                    tabindex=\"3\"\r\n                    class=\"login-btn\"\r\n                    annaCognitoSpinnerBtn\r\n                    [spinnerButtonLoading]=\"authService.consumingProjectAuthService.isLoggingIn\"\r\n                    [spinnerButtonText]=\"constants.login\"\r\n                ></button>\r\n            </form>\r\n        </article>\r\n        <footer>\r\n            <anna-cognito-lib-powered-by-logo-template> </anna-cognito-lib-powered-by-logo-template>\r\n        </footer>\r\n    </section>\r\n</div>\r\n\r\n<div class=\"page-footer\">\r\n    <anna-cognito-lib-surewaves-year-logo></anna-cognito-lib-surewaves-year-logo>\r\n    <anna-cognito-lib-version-and-term-policy></anna-cognito-lib-version-and-term-policy>\r\n</div>\r\n", styles: ["@keyframes show{0%{opacity:0}50%{opacity:.5}to{opacity:1}}html{overflow-y:scroll}.main{background-color:#fff;background-size:cover;font-family:Roboto;height:calc(100vh - 50px)}section{top:45%;left:50%;position:absolute;transform:translate(-50%,-50%);width:20.875rem;animation:show .5s 1;-moz-animation:show .5s 1}.container{width:100%;height:100%;overflow:auto}header{height:auto;width:100%;text-align:center}article{margin-top:.9375rem;margin-bottom:.9375rem;border:1px solid #979797;background-color:#f4f4f4;padding:2rem 1.375rem;border-radius:.375rem;box-shadow:0 .125rem .4375rem #0000001a}article .sub-title{color:#6e6e6e;font-family:Roboto;font-size:1.25rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}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}p{text-align:center;margin-bottom:1rem}#alert-div{padding:.3125rem 0;margin-bottom:.75rem;border-radius:.25rem;border:solid 1px #f9b3ae;background-color:#fde4e3;justify-content:left;align-items:center;display:flex}#alert-div .material-icons{color:#f44336;font-size:1rem;margin-left:.5rem}#alert-div p{margin-left:4px!important;margin:0;color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}#info-div{padding:6px 0;margin-bottom:.75rem;border-radius:.25rem;border:1px solid #268bff;background:#e3f0ff}#info-div .mdi-info{color:#268bff;font-size:1rem;margin-left:6px}#info-div p{margin:-1.5625rem 0 0 1.8rem;padding:.3125rem 0;color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}footer{align-items:baseline;color:#6e6e6e;opacity:.9;display:flex;font-family:Ubuntu;font-size:1.25rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;justify-content:center}footer span{font-size:1.5625rem;margin-left:.25rem}input[type=password],input[type=text],input[type=number]{width:100%;height:30px;padding:.75rem 1rem;border:1px solid #979797;margin-bottom:.625rem;border-radius:.375rem}.login-btn{width:100%;height:2.5rem;border:0;color:#fff;background-color:#268bff;border-radius:.375rem;font-size:1rem}.login-btn:hover{background-color:#4099ff;cursor:pointer}.login-btn:disabled{background-color:#ccc;color:#fff;cursor:not-allowed}.input-invalid{border:1px solid #fe3824!important}input[type=password].ng-dirty.ng-invalid,input[type=text].ng-dirty.ng-invalid{border:1px solid #fe3824}input[type=submit]:focus,input[type=password]:focus,input[type=text]:focus,input[type=checkbox]:focus,button:focus{outline:none}input::placeholder{color:#a4a4a4}:host ::ng-deep .verison-and-policy{color:#8bac2a}a{float:right;color:#9b1cd5;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-decoration:underline;margin-bottom:.9375rem}a:hover{cursor:pointer}input[type=password],input[type=text],input[type=number]{width:88%;height:4px;font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}.login-btn{background-color:#9b1cd5!important}header{margin-bottom:25px}\n"] }]
-        }], ctorParameters: function () { return [{ type: AnnaLibAuthService }, { type: i2.FormBuilder }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [CONFIG_SERVICE_TOKEN]
-                }] }]; } });
-
 class SsoLoginComponent {
     constructor(authService, consumingProjectConfigService) {
         this.authService = authService;
@@ -670,7 +611,6 @@ class ForgotPasswordComponent {
         this.confirmPassword = { value: null, status: null };
         this.infoMessageToRedirectLogin = null;
         this.isLoading = false;
-        this.emailPattern = /\S+@\S+\.\S+/;
     }
     ngOnInit() {
         this.infoMessageToRedirectLogin = null;
@@ -682,16 +622,9 @@ class ForgotPasswordComponent {
         this.authService.forgotPasswordAndGlobalSignoutLoader = false;
     }
     onIntialiseForm() {
-        if (this.consumingProjectConfigService.isCatcApplication) {
-            this.verifyRegisteredEmail = this.fb.group({
-                email: [null, [Validators.required, Validators.pattern(this.emailPattern)]],
-            });
-        }
-        else {
-            this.verifyRegisteredEmail = this.fb.group({
-                email: [null, [Validators.required]],
-            });
-        }
+        this.verifyRegisteredEmail = this.fb.group({
+            email: [null, [Validators.required]],
+        });
     }
     onUpdateForm() {
         this.verifyRegisteredEmail.patchValue({
@@ -702,12 +635,13 @@ class ForgotPasswordComponent {
         return this.verifyRegisteredEmail.valid;
     }
     onLoginOrGetOtpButtonClick() {
+        if (this.verifyRegisteredEmail.get("email")?.value === "") {
+            this.errorMessage = this.constants.userNotFound;
+            return;
+        }
         if (this.infoMessageToRedirectLogin) {
             this.router.navigate([LoginConstant.loginPageUrl]);
         }
-        else if (this.consumingProjectConfigService?.isCatcApplication) {
-            this.onVerifyingRegisteredEmailForCatc();
-        }
         else {
             this.onVerifyRegisteredEmail();
         }
@@ -737,29 +671,6 @@ class ForgotPasswordComponent {
             },
         });
     }
-    onVerifyingRegisteredEmailForCatc() {
-        this.isLoading = true;
-        this.errorMessage = null;
-        this.infoMessageToRedirectLogin = null;
-        const useremail = this.verifyRegisteredEmail.controls.email.value;
-        this.authService.consumingProjectAuthService.isUsernameAvailable(useremail).subscribe((isEmailAvailable) => {
-            if (isEmailAvailable) {
-                this.authService.onForgotPasswordGenerateOTP(useremail);
-            }
-            else {
-                this.errorMessage = this.constants.userNotFound;
-            }
-            this.isLoading = false;
-        }, (error) => {
-            if (error.status === 400) {
-                this.errorMessage = this.constants.userNotFound;
-            }
-            else {
-                this.toastr.error(LoginConstant.apiFailErrorMessage);
-            }
-            this.isLoading = false;
-        });
-    }
     onGettingUserStatus(isUsernameAvailable, isUserWithTempPassword, username) {
         if (!isUsernameAvailable) {
             if (!isUserWithTempPassword) {
@@ -773,8 +684,8 @@ class ForgotPasswordComponent {
             this.errorMessage = this.constants.userNotFound;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ForgotPasswordComponent, deps: [{ token: AnnaLibAuthService }, { token: i2.FormBuilder }, { token: i4.ToastrService }, { token: i1.Router }, { token: CONFIG_SERVICE_TOKEN }, { token: AUTH_SERVICE_TOKEN }, { token: SSO_LOGIN_SERVICE_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ForgotPasswordComponent, isStandalone: true, selector: "anna-cognito-lib-forgot-password", ngImport: i0, template: "<div class=\"main\">\r\n    <section [ngClass]=\"{ 'catc-forget-password': consumingProjectConfigService?.isCatcApplication }\">\r\n        <header>\r\n            <img\r\n                [src]=\"consumingProjectConfigService.appGenericConfig.loginPageLogoImgUrl\"\r\n                alt=\"Anna Logo\"\r\n            />\r\n        </header>\r\n        <article>\r\n            <form [formGroup]=\"verifyRegisteredEmail\">\r\n                <ng-container *ngIf=\"!infoMessageToRedirectLogin\">\r\n                    <div id=\"heading\">\r\n                        {{ constants.forgotPasswordHeading }}\r\n                    </div>\r\n                    <p>\r\n                        {{\r\n                            consumingProjectConfigService.isCatcApplication\r\n                                ? constants.PleaseEnterYourEmailMessage\r\n                                : consumingProjectSSOLoginService?.isSsoIntegrated\r\n                                  ? constants.PleaseEnterYourUsercodeMessage\r\n                                  : constants.PleaseEnterYourUsernameMessage\r\n                        }}\r\n                    </p>\r\n                </ng-container>\r\n                <div\r\n                    id=\"alert-div\"\r\n                    *ngIf=\"errorMessage\"\r\n                >\r\n                    <span class=\"material-icons\">report</span>\r\n                    <p id=\"alert-msg\">{{ errorMessage }}</p>\r\n                </div>\r\n                <div\r\n                    id=\"info-div\"\r\n                    *ngIf=\"infoMessageToRedirectLogin\"\r\n                >\r\n                    <i class=\"mi mdi-info\"></i>\r\n                    <p>{{ infoMessageToRedirectLogin }}</p>\r\n                </div>\r\n\r\n                <input\r\n                    *ngIf=\"!infoMessageToRedirectLogin\"\r\n                    type=\"text\"\r\n                    tabindex=\"1\"\r\n                    formControlName=\"email\"\r\n                    [placeholder]=\"\r\n                        consumingProjectConfigService.isCatcApplication\r\n                            ? constants.enterEmail\r\n                            : consumingProjectSSOLoginService?.isSsoIntegrated\r\n                              ? constants.enterUserCode\r\n                              : constants.enterUsername\r\n                    \"\r\n                    [ngClass]=\"{\r\n                        'input-invalid':\r\n                            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                    annaCognitoSpinnerBtn\r\n                    [spinnerButtonLoading]=\"isLoading\"\r\n                    (click)=\"onLoginOrGetOtpButtonClick()\"\r\n                    [spinnerButtonText]=\"infoMessageToRedirectLogin ? constants.login : constants.forgotPasswordButton\"\r\n                ></button>\r\n            </form>\r\n        </article>\r\n        <footer>\r\n            <anna-cognito-lib-powered-by-logo-template> </anna-cognito-lib-powered-by-logo-template>\r\n        </footer>\r\n    </section>\r\n</div>\r\n\r\n<div class=\"page-footer\">\r\n    <anna-cognito-lib-surewaves-year-logo></anna-cognito-lib-surewaves-year-logo>\r\n    <anna-cognito-lib-version-and-term-policy></anna-cognito-lib-version-and-term-policy>\r\n</div>\r\n", styles: ["@keyframes show{0%{opacity:0}50%{opacity:.5}to{opacity:1}}html{overflow-y:scroll}.main{background-color:#fff;background-size:cover;font-family:Roboto;height:calc(100vh - 50px)}section{top:45%;left:50%;position:absolute;transform:translate(-50%,-50%);width:20.875rem;animation:show .5s 1;-moz-animation:show .5s 1}.container{width:100%;height:100%;overflow:auto}header{height:auto;width:100%;text-align:center}article{margin-top:.9375rem;margin-bottom:.9375rem;border:1px solid #979797;background-color:#f4f4f4;padding:2rem 1.375rem;border-radius:.375rem;box-shadow:0 .125rem .4375rem #0000001a}article .sub-title{color:#6e6e6e;font-family:Roboto;font-size:1.25rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}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}p{text-align:center;margin-bottom:1rem}#alert-div{padding:.3125rem 0;margin-bottom:.75rem;border-radius:.25rem;border:solid 1px #f9b3ae;background-color:#fde4e3;justify-content:left;align-items:center;display:flex}#alert-div .material-icons{color:#f44336;font-size:1rem;margin-left:.5rem}#alert-div p{margin-left:4px!important;margin:0;color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}#info-div{padding:6px 0;margin-bottom:.75rem;border-radius:.25rem;border:1px solid #268bff;background:#e3f0ff}#info-div .mdi-info{color:#268bff;font-size:1rem;margin-left:6px}#info-div p{margin:-1.5625rem 0 0 1.8rem;padding:.3125rem 0;color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}footer{align-items:baseline;color:#6e6e6e;opacity:.9;display:flex;font-family:Ubuntu;font-size:1.25rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;justify-content:center}footer span{font-size:1.5625rem;margin-left:.25rem}input[type=password],input[type=text],input[type=number]{width:100%;height:30px;padding:.75rem 1rem;border:1px solid #979797;margin-bottom:.625rem;border-radius:.375rem}.login-btn{width:100%;height:2.5rem;border:0;color:#fff;background-color:#268bff;border-radius:.375rem;font-size:1rem}.login-btn:hover{background-color:#4099ff;cursor:pointer}.login-btn:disabled{background-color:#ccc;color:#fff;cursor:not-allowed}.input-invalid{border:1px solid #fe3824!important}input[type=password].ng-dirty.ng-invalid,input[type=text].ng-dirty.ng-invalid{border:1px solid #fe3824}input[type=submit]:focus,input[type=password]:focus,input[type=text]:focus,input[type=checkbox]:focus,button:focus{outline:none}input::placeholder{color:#a4a4a4}:host ::ng-deep .verison-and-policy{color:#8bac2a}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}section.catc-forget-password input[type=password],section.catc-forget-password input[type=text],section.catc-forget-password input[type=number]{width:88%;height:4px;font-size:14px}section.catc-forget-password .login-btn{background-color:#9b1cd5!important}section.catc-forget-password header{margin-bottom:25px}section.catc-forget-password header img{height:45.03px;width:145px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: SpinnerButtonDirective, selector: "[annaCognitoSpinnerBtn]", inputs: ["spinnerButtonLoading", "spinnerButtonText"] }, { kind: "component", type: PoweredByLogoTemplateComponent, selector: "anna-cognito-lib-powered-by-logo-template" }, { kind: "component", type: SurewavesYearLogoComponent, selector: "anna-cognito-lib-surewaves-year-logo" }, { kind: "component", type: VersionAndTermPolicyComponent, selector: "anna-cognito-lib-version-and-term-policy" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ForgotPasswordComponent, deps: [{ token: AnnaLibAuthService }, { token: i2.FormBuilder }, { token: i4.ToastrService }, { token: i1.Router }, { token: CONFIG_SERVICE_TOKEN }, { token: AUTH_SERVICE_TOKEN }, { token: SSO_LOGIN_SERVICE_TOKEN }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ForgotPasswordComponent, isStandalone: true, selector: "anna-cognito-lib-forgot-password", ngImport: i0, template: "<div class=\"main\">\r\n    <section>\r\n        <header>\r\n            <img\r\n                [src]=\"consumingProjectConfigService.appGenericConfig.loginPageLogoImgUrl\"\r\n                alt=\"Anna Logo\"\r\n            />\r\n        </header>\r\n        <article>\r\n            <form [formGroup]=\"verifyRegisteredEmail\">\r\n                <ng-container *ngIf=\"!infoMessageToRedirectLogin\">\r\n                    <div id=\"heading\">\r\n                        {{ constants.forgotPasswordHeading }}\r\n                    </div>\r\n                    <p>\r\n                        {{\r\n                            consumingProjectSSOLoginService?.isSsoIntegrated\r\n                                ? constants.PleaseEnterYourUsercodeMessage\r\n                                : constants.PleaseEnterYourUsernameMessage\r\n                        }}\r\n                    </p>\r\n                </ng-container>\r\n                <div\r\n                    id=\"alert-div\"\r\n                    *ngIf=\"errorMessage\"\r\n                >\r\n                    <span class=\"material-icons\">report</span>\r\n                    <p id=\"alert-msg\">{{ errorMessage }}</p>\r\n                </div>\r\n                <div\r\n                    id=\"info-div\"\r\n                    *ngIf=\"infoMessageToRedirectLogin\"\r\n                >\r\n                    <i class=\"mi mdi-info\"></i>\r\n                    <p>{{ infoMessageToRedirectLogin }}</p>\r\n                </div>\r\n\r\n                <input\r\n                    *ngIf=\"!infoMessageToRedirectLogin\"\r\n                    type=\"text\"\r\n                    tabindex=\"1\"\r\n                    formControlName=\"email\"\r\n                    [placeholder]=\"\r\n                        consumingProjectSSOLoginService?.isSsoIntegrated\r\n                            ? constants.enterUserCode\r\n                            : constants.enterEmail\r\n                    \"\r\n                    [ngClass]=\"{\r\n                        'input-invalid':\r\n                            (verifyRegisteredEmail.get('email')?.dirty && verifyRegisteredEmail.get('email')?.errors) ||\r\n                            errorMessage\r\n                    }\"\r\n                />\r\n\r\n                <button\r\n                    tabindex=\"2\"\r\n                    type=\"submit\"\r\n                    class=\"login-btn\"\r\n                    annaCognitoSpinnerBtn\r\n                    [spinnerButtonLoading]=\"isLoading\"\r\n                    (click)=\"onLoginOrGetOtpButtonClick()\"\r\n                    [spinnerButtonText]=\"infoMessageToRedirectLogin ? constants.login : constants.forgotPasswordButton\"\r\n                ></button>\r\n            </form>\r\n        </article>\r\n        <footer>\r\n            <anna-cognito-lib-powered-by-logo-template> </anna-cognito-lib-powered-by-logo-template>\r\n        </footer>\r\n    </section>\r\n</div>\r\n\r\n<div class=\"page-footer\">\r\n    <anna-cognito-lib-surewaves-year-logo></anna-cognito-lib-surewaves-year-logo>\r\n    <anna-cognito-lib-version-and-term-policy></anna-cognito-lib-version-and-term-policy>\r\n</div>\r\n", styles: ["@keyframes show{0%{opacity:0}50%{opacity:.5}to{opacity:1}}html{overflow-y:scroll}.main{background-color:#fff;background-size:cover;font-family:Roboto;height:calc(100vh - 50px)}section{top:45%;left:50%;position:absolute;transform:translate(-50%,-50%);width:20.875rem;animation:show .5s 1;-moz-animation:show .5s 1}.container{width:100%;height:100%;overflow:auto}header{height:auto;width:100%;text-align:center}article{margin-top:.9375rem;margin-bottom:.9375rem;border:1px solid #979797;background-color:#f4f4f4;padding:2rem 1.375rem;border-radius:.375rem;box-shadow:0 .125rem .4375rem #0000001a}article .sub-title{color:#6e6e6e;font-family:Roboto;font-size:1.25rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}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}p{text-align:center;margin-bottom:1rem}#alert-div{padding:.3125rem 0;margin-bottom:.75rem;border-radius:.25rem;border:solid 1px #f9b3ae;background-color:#fde4e3;justify-content:left;align-items:center;display:flex}#alert-div .material-icons{color:#f44336;font-size:1rem;margin-left:.5rem}#alert-div p{margin-left:4px!important;margin:0;color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}#info-div{padding:6px 0;margin-bottom:.75rem;border-radius:.25rem;border:1px solid #268bff;background:#e3f0ff}#info-div .mdi-info{color:#268bff;font-size:1rem;margin-left:6px}#info-div p{margin:-1.5625rem 0 0 1.8rem;padding:.3125rem 0;color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}footer{align-items:baseline;color:#6e6e6e;opacity:.9;display:flex;font-family:Ubuntu;font-size:1.25rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;justify-content:center}footer span{font-size:1.5625rem;margin-left:.25rem}input[type=password],input[type=text],input[type=number]{width:100%;height:30px;padding:.75rem 1rem;border:1px solid #979797;margin-bottom:.625rem;border-radius:.375rem}.login-btn{width:100%;height:2.5rem;border:0;color:#fff;background-color:#268bff;border-radius:.375rem;font-size:1rem}.login-btn:hover{background-color:#4099ff;cursor:pointer}.login-btn:disabled{background-color:#ccc;color:#fff;cursor:not-allowed}.input-invalid{border:1px solid #fe3824!important}input[type=password].ng-dirty.ng-invalid,input[type=text].ng-dirty.ng-invalid{border:1px solid #fe3824}input[type=submit]:focus,input[type=password]:focus,input[type=text]:focus,input[type=checkbox]:focus,button:focus{outline:none}input::placeholder{color:#a4a4a4}:host ::ng-deep .verison-and-policy{color:#8bac2a}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"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: SpinnerButtonDirective, selector: "[annaCognitoSpinnerBtn]", inputs: ["spinnerButtonLoading", "spinnerButtonText"] }, { kind: "component", type: PoweredByLogoTemplateComponent, selector: "anna-cognito-lib-powered-by-logo-template" }, { kind: "component", type: SurewavesYearLogoComponent, selector: "anna-cognito-lib-surewaves-year-logo" }, { kind: "component", type: VersionAndTermPolicyComponent, selector: "anna-cognito-lib-version-and-term-policy" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ForgotPasswordComponent, decorators: [{
             type: Component,
@@ -787,7 +698,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         PoweredByLogoTemplateComponent,
                         SurewavesYearLogoComponent,
                         VersionAndTermPolicyComponent,
-                    ], template: "<div class=\"main\">\r\n    <section [ngClass]=\"{ 'catc-forget-password': consumingProjectConfigService?.isCatcApplication }\">\r\n        <header>\r\n            <img\r\n                [src]=\"consumingProjectConfigService.appGenericConfig.loginPageLogoImgUrl\"\r\n                alt=\"Anna Logo\"\r\n            />\r\n        </header>\r\n        <article>\r\n            <form [formGroup]=\"verifyRegisteredEmail\">\r\n                <ng-container *ngIf=\"!infoMessageToRedirectLogin\">\r\n                    <div id=\"heading\">\r\n                        {{ constants.forgotPasswordHeading }}\r\n                    </div>\r\n                    <p>\r\n                        {{\r\n                            consumingProjectConfigService.isCatcApplication\r\n                                ? constants.PleaseEnterYourEmailMessage\r\n                                : consumingProjectSSOLoginService?.isSsoIntegrated\r\n                                  ? constants.PleaseEnterYourUsercodeMessage\r\n                                  : constants.PleaseEnterYourUsernameMessage\r\n                        }}\r\n                    </p>\r\n                </ng-container>\r\n                <div\r\n                    id=\"alert-div\"\r\n                    *ngIf=\"errorMessage\"\r\n                >\r\n                    <span class=\"material-icons\">report</span>\r\n                    <p id=\"alert-msg\">{{ errorMessage }}</p>\r\n                </div>\r\n                <div\r\n                    id=\"info-div\"\r\n                    *ngIf=\"infoMessageToRedirectLogin\"\r\n                >\r\n                    <i class=\"mi mdi-info\"></i>\r\n                    <p>{{ infoMessageToRedirectLogin }}</p>\r\n                </div>\r\n\r\n                <input\r\n                    *ngIf=\"!infoMessageToRedirectLogin\"\r\n                    type=\"text\"\r\n                    tabindex=\"1\"\r\n                    formControlName=\"email\"\r\n                    [placeholder]=\"\r\n                        consumingProjectConfigService.isCatcApplication\r\n                            ? constants.enterEmail\r\n                            : consumingProjectSSOLoginService?.isSsoIntegrated\r\n                              ? constants.enterUserCode\r\n                              : constants.enterUsername\r\n                    \"\r\n                    [ngClass]=\"{\r\n                        'input-invalid':\r\n                            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                    annaCognitoSpinnerBtn\r\n                    [spinnerButtonLoading]=\"isLoading\"\r\n                    (click)=\"onLoginOrGetOtpButtonClick()\"\r\n                    [spinnerButtonText]=\"infoMessageToRedirectLogin ? constants.login : constants.forgotPasswordButton\"\r\n                ></button>\r\n            </form>\r\n        </article>\r\n        <footer>\r\n            <anna-cognito-lib-powered-by-logo-template> </anna-cognito-lib-powered-by-logo-template>\r\n        </footer>\r\n    </section>\r\n</div>\r\n\r\n<div class=\"page-footer\">\r\n    <anna-cognito-lib-surewaves-year-logo></anna-cognito-lib-surewaves-year-logo>\r\n    <anna-cognito-lib-version-and-term-policy></anna-cognito-lib-version-and-term-policy>\r\n</div>\r\n", styles: ["@keyframes show{0%{opacity:0}50%{opacity:.5}to{opacity:1}}html{overflow-y:scroll}.main{background-color:#fff;background-size:cover;font-family:Roboto;height:calc(100vh - 50px)}section{top:45%;left:50%;position:absolute;transform:translate(-50%,-50%);width:20.875rem;animation:show .5s 1;-moz-animation:show .5s 1}.container{width:100%;height:100%;overflow:auto}header{height:auto;width:100%;text-align:center}article{margin-top:.9375rem;margin-bottom:.9375rem;border:1px solid #979797;background-color:#f4f4f4;padding:2rem 1.375rem;border-radius:.375rem;box-shadow:0 .125rem .4375rem #0000001a}article .sub-title{color:#6e6e6e;font-family:Roboto;font-size:1.25rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}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}p{text-align:center;margin-bottom:1rem}#alert-div{padding:.3125rem 0;margin-bottom:.75rem;border-radius:.25rem;border:solid 1px #f9b3ae;background-color:#fde4e3;justify-content:left;align-items:center;display:flex}#alert-div .material-icons{color:#f44336;font-size:1rem;margin-left:.5rem}#alert-div p{margin-left:4px!important;margin:0;color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}#info-div{padding:6px 0;margin-bottom:.75rem;border-radius:.25rem;border:1px solid #268bff;background:#e3f0ff}#info-div .mdi-info{color:#268bff;font-size:1rem;margin-left:6px}#info-div p{margin:-1.5625rem 0 0 1.8rem;padding:.3125rem 0;color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}footer{align-items:baseline;color:#6e6e6e;opacity:.9;display:flex;font-family:Ubuntu;font-size:1.25rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;justify-content:center}footer span{font-size:1.5625rem;margin-left:.25rem}input[type=password],input[type=text],input[type=number]{width:100%;height:30px;padding:.75rem 1rem;border:1px solid #979797;margin-bottom:.625rem;border-radius:.375rem}.login-btn{width:100%;height:2.5rem;border:0;color:#fff;background-color:#268bff;border-radius:.375rem;font-size:1rem}.login-btn:hover{background-color:#4099ff;cursor:pointer}.login-btn:disabled{background-color:#ccc;color:#fff;cursor:not-allowed}.input-invalid{border:1px solid #fe3824!important}input[type=password].ng-dirty.ng-invalid,input[type=text].ng-dirty.ng-invalid{border:1px solid #fe3824}input[type=submit]:focus,input[type=password]:focus,input[type=text]:focus,input[type=checkbox]:focus,button:focus{outline:none}input::placeholder{color:#a4a4a4}:host ::ng-deep .verison-and-policy{color:#8bac2a}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}section.catc-forget-password input[type=password],section.catc-forget-password input[type=text],section.catc-forget-password input[type=number]{width:88%;height:4px;font-size:14px}section.catc-forget-password .login-btn{background-color:#9b1cd5!important}section.catc-forget-password header{margin-bottom:25px}section.catc-forget-password header img{height:45.03px;width:145px}\n"] }]
+                    ], template: "<div class=\"main\">\r\n    <section>\r\n        <header>\r\n            <img\r\n                [src]=\"consumingProjectConfigService.appGenericConfig.loginPageLogoImgUrl\"\r\n                alt=\"Anna Logo\"\r\n            />\r\n        </header>\r\n        <article>\r\n            <form [formGroup]=\"verifyRegisteredEmail\">\r\n                <ng-container *ngIf=\"!infoMessageToRedirectLogin\">\r\n                    <div id=\"heading\">\r\n                        {{ constants.forgotPasswordHeading }}\r\n                    </div>\r\n                    <p>\r\n                        {{\r\n                            consumingProjectSSOLoginService?.isSsoIntegrated\r\n                                ? constants.PleaseEnterYourUsercodeMessage\r\n                                : constants.PleaseEnterYourUsernameMessage\r\n                        }}\r\n                    </p>\r\n                </ng-container>\r\n                <div\r\n                    id=\"alert-div\"\r\n                    *ngIf=\"errorMessage\"\r\n                >\r\n                    <span class=\"material-icons\">report</span>\r\n                    <p id=\"alert-msg\">{{ errorMessage }}</p>\r\n                </div>\r\n                <div\r\n                    id=\"info-div\"\r\n                    *ngIf=\"infoMessageToRedirectLogin\"\r\n                >\r\n                    <i class=\"mi mdi-info\"></i>\r\n                    <p>{{ infoMessageToRedirectLogin }}</p>\r\n                </div>\r\n\r\n                <input\r\n                    *ngIf=\"!infoMessageToRedirectLogin\"\r\n                    type=\"text\"\r\n                    tabindex=\"1\"\r\n                    formControlName=\"email\"\r\n                    [placeholder]=\"\r\n                        consumingProjectSSOLoginService?.isSsoIntegrated\r\n                            ? constants.enterUserCode\r\n                            : constants.enterEmail\r\n                    \"\r\n                    [ngClass]=\"{\r\n                        'input-invalid':\r\n                            (verifyRegisteredEmail.get('email')?.dirty && verifyRegisteredEmail.get('email')?.errors) ||\r\n                            errorMessage\r\n                    }\"\r\n                />\r\n\r\n                <button\r\n                    tabindex=\"2\"\r\n                    type=\"submit\"\r\n                    class=\"login-btn\"\r\n                    annaCognitoSpinnerBtn\r\n                    [spinnerButtonLoading]=\"isLoading\"\r\n                    (click)=\"onLoginOrGetOtpButtonClick()\"\r\n                    [spinnerButtonText]=\"infoMessageToRedirectLogin ? constants.login : constants.forgotPasswordButton\"\r\n                ></button>\r\n            </form>\r\n        </article>\r\n        <footer>\r\n            <anna-cognito-lib-powered-by-logo-template> </anna-cognito-lib-powered-by-logo-template>\r\n        </footer>\r\n    </section>\r\n</div>\r\n\r\n<div class=\"page-footer\">\r\n    <anna-cognito-lib-surewaves-year-logo></anna-cognito-lib-surewaves-year-logo>\r\n    <anna-cognito-lib-version-and-term-policy></anna-cognito-lib-version-and-term-policy>\r\n</div>\r\n", styles: ["@keyframes show{0%{opacity:0}50%{opacity:.5}to{opacity:1}}html{overflow-y:scroll}.main{background-color:#fff;background-size:cover;font-family:Roboto;height:calc(100vh - 50px)}section{top:45%;left:50%;position:absolute;transform:translate(-50%,-50%);width:20.875rem;animation:show .5s 1;-moz-animation:show .5s 1}.container{width:100%;height:100%;overflow:auto}header{height:auto;width:100%;text-align:center}article{margin-top:.9375rem;margin-bottom:.9375rem;border:1px solid #979797;background-color:#f4f4f4;padding:2rem 1.375rem;border-radius:.375rem;box-shadow:0 .125rem .4375rem #0000001a}article .sub-title{color:#6e6e6e;font-family:Roboto;font-size:1.25rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}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}p{text-align:center;margin-bottom:1rem}#alert-div{padding:.3125rem 0;margin-bottom:.75rem;border-radius:.25rem;border:solid 1px #f9b3ae;background-color:#fde4e3;justify-content:left;align-items:center;display:flex}#alert-div .material-icons{color:#f44336;font-size:1rem;margin-left:.5rem}#alert-div p{margin-left:4px!important;margin:0;color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}#info-div{padding:6px 0;margin-bottom:.75rem;border-radius:.25rem;border:1px solid #268bff;background:#e3f0ff}#info-div .mdi-info{color:#268bff;font-size:1rem;margin-left:6px}#info-div p{margin:-1.5625rem 0 0 1.8rem;padding:.3125rem 0;color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}footer{align-items:baseline;color:#6e6e6e;opacity:.9;display:flex;font-family:Ubuntu;font-size:1.25rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;justify-content:center}footer span{font-size:1.5625rem;margin-left:.25rem}input[type=password],input[type=text],input[type=number]{width:100%;height:30px;padding:.75rem 1rem;border:1px solid #979797;margin-bottom:.625rem;border-radius:.375rem}.login-btn{width:100%;height:2.5rem;border:0;color:#fff;background-color:#268bff;border-radius:.375rem;font-size:1rem}.login-btn:hover{background-color:#4099ff;cursor:pointer}.login-btn:disabled{background-color:#ccc;color:#fff;cursor:not-allowed}.input-invalid{border:1px solid #fe3824!important}input[type=password].ng-dirty.ng-invalid,input[type=text].ng-dirty.ng-invalid{border:1px solid #fe3824}input[type=submit]:focus,input[type=password]:focus,input[type=text]:focus,input[type=checkbox]:focus,button:focus{outline:none}input::placeholder{color:#a4a4a4}:host ::ng-deep .verison-and-policy{color:#8bac2a}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: i4.ToastrService }, { type: i1.Router }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [CONFIG_SERVICE_TOKEN]
@@ -795,8 +706,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     type: Inject,
                     args: [AUTH_SERVICE_TOKEN]
                 }] }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
                     type: Inject,
                     args: [SSO_LOGIN_SERVICE_TOKEN]
                 }] }]; } });
@@ -870,11 +779,11 @@ class PasswordMatchingComponent {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PasswordMatchingComponent, deps: [{ token: FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PasswordMatchingComponent, isStandalone: true, selector: "anna-cognito-lib-password-matching", inputs: { passwordNotMatching: "passwordNotMatching" }, outputs: { passwordChange: "passwordChange", confirmPasswordChange: "confirmPasswordChange" }, ngImport: i0, template: "<form [formGroup]=\"passwordForm\">\r\n    <div\r\n        id=\"alert-div\"\r\n        *ngIf=\"passwordNotMatching\"\r\n    >\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=\"mdi\" [ngClass]=\"passwordForm.get('password')?.hasError('minLength') ? 'mdi-close-circle' : 'mdi-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=\"mdi\" [ngClass]=\"passwordForm.get('password')?.hasError('uppercase') ? 'mdi-close-circle' : 'mdi-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=\"mdi\" [ngClass]=\"passwordForm.get('password')?.hasError('lowercase') ? 'mdi-close-circle' : 'mdi-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=\"mdi\" [ngClass]=\"passwordForm.get('password')?.hasError('number') ? 'mdi-close-circle' : 'mdi-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=\"mdi\" [ngClass]=\"passwordForm.get('password')?.hasError('specialCharacter') ? 'mdi-close-circle' : 'mdi-check-circle'\"></span>\r\n        </div>\r\n        <span class=\"span-text\">{{ constants.specialCharacter }}</span>\r\n    </div>\r\n</ng-container>\r\n\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"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PasswordMatchingComponent, isStandalone: true, selector: "anna-cognito-lib-password-matching", inputs: { passwordNotMatching: "passwordNotMatching" }, outputs: { passwordChange: "passwordChange", confirmPasswordChange: "confirmPasswordChange" }, ngImport: i0, template: "<form [formGroup]=\"passwordForm\">\r\n    <div\r\n        id=\"alert-div\"\r\n        *ngIf=\"passwordNotMatching\"\r\n    >\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\r\n                        class=\"material-icons\"\r\n                        *ngIf=\"passwordForm.get('password')?.hasError('minLength')\"\r\n                    >\r\n                        cancel\r\n                    </span>\r\n                    <span\r\n                        class=\"material-icons\"\r\n                        *ngIf=\"!passwordForm.get('password')?.hasError('minLength')\"\r\n                    >\r\n                        check_circle\r\n                    </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\r\n                        class=\"material-icons\"\r\n                        *ngIf=\"passwordForm.get('password')?.hasError('uppercase')\"\r\n                    >\r\n                        cancel\r\n                    </span>\r\n                    <span\r\n                        class=\"material-icons\"\r\n                        *ngIf=\"!passwordForm.get('password')?.hasError('uppercase')\"\r\n                    >\r\n                        check_circle\r\n                    </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\r\n                        class=\"material-icons\"\r\n                        *ngIf=\"passwordForm.get('password')?.hasError('lowercase')\"\r\n                    >\r\n                        cancel\r\n                    </span>\r\n                    <span\r\n                        class=\"material-icons\"\r\n                        *ngIf=\"!passwordForm.get('password')?.hasError('lowercase')\"\r\n                    >\r\n                        check_circle\r\n                    </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\r\n                        class=\"material-icons\"\r\n                        *ngIf=\"passwordForm.get('password')?.hasError('number')\"\r\n                    >\r\n                        cancel\r\n                    </span>\r\n                    <span\r\n                        class=\"material-icons\"\r\n                        *ngIf=\"!passwordForm.get('password')?.hasError('number')\"\r\n                    >\r\n                        check_circle\r\n                    </span>\r\n                </div>\r\n                <span class=\"span-text\">{{ constants.oneNumber }}</span>\r\n            </div>\r\n\r\n            <div\r\n                [ngClass]=\"passwordForm.get('password')?.hasError('specialCharacter') ? 'error-color' : 'success-color'\"\r\n            >\r\n                <div id=\"icon-div-msg\">\r\n                    <span\r\n                        class=\"material-icons\"\r\n                        *ngIf=\"passwordForm.get('password')?.hasError('specialCharacter')\"\r\n                    >\r\n                        cancel\r\n                    </span>\r\n                    <span\r\n                        class=\"material-icons\"\r\n                        *ngIf=\"!passwordForm.get('password')?.hasError('specialCharacter')\"\r\n                    >\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"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PasswordMatchingComponent, decorators: [{
             type: Component,
-            args: [{ selector: "anna-cognito-lib-password-matching", standalone: true, imports: [FormsModule, ReactiveFormsModule, NgIf, NgClass], template: "<form [formGroup]=\"passwordForm\">\r\n    <div\r\n        id=\"alert-div\"\r\n        *ngIf=\"passwordNotMatching\"\r\n    >\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=\"mdi\" [ngClass]=\"passwordForm.get('password')?.hasError('minLength') ? 'mdi-close-circle' : 'mdi-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=\"mdi\" [ngClass]=\"passwordForm.get('password')?.hasError('uppercase') ? 'mdi-close-circle' : 'mdi-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=\"mdi\" [ngClass]=\"passwordForm.get('password')?.hasError('lowercase') ? 'mdi-close-circle' : 'mdi-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=\"mdi\" [ngClass]=\"passwordForm.get('password')?.hasError('number') ? 'mdi-close-circle' : 'mdi-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=\"mdi\" [ngClass]=\"passwordForm.get('password')?.hasError('specialCharacter') ? 'mdi-close-circle' : 'mdi-check-circle'\"></span>\r\n        </div>\r\n        <span class=\"span-text\">{{ constants.specialCharacter }}</span>\r\n    </div>\r\n</ng-container>\r\n\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"] }]
+            args: [{ selector: "anna-cognito-lib-password-matching", standalone: true, imports: [FormsModule, ReactiveFormsModule, NgIf, NgClass], template: "<form [formGroup]=\"passwordForm\">\r\n    <div\r\n        id=\"alert-div\"\r\n        *ngIf=\"passwordNotMatching\"\r\n    >\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\r\n                        class=\"material-icons\"\r\n                        *ngIf=\"passwordForm.get('password')?.hasError('minLength')\"\r\n                    >\r\n                        cancel\r\n                    </span>\r\n                    <span\r\n                        class=\"material-icons\"\r\n                        *ngIf=\"!passwordForm.get('password')?.hasError('minLength')\"\r\n                    >\r\n                        check_circle\r\n                    </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\r\n                        class=\"material-icons\"\r\n                        *ngIf=\"passwordForm.get('password')?.hasError('uppercase')\"\r\n                    >\r\n                        cancel\r\n                    </span>\r\n                    <span\r\n                        class=\"material-icons\"\r\n                        *ngIf=\"!passwordForm.get('password')?.hasError('uppercase')\"\r\n                    >\r\n                        check_circle\r\n                    </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\r\n                        class=\"material-icons\"\r\n                        *ngIf=\"passwordForm.get('password')?.hasError('lowercase')\"\r\n                    >\r\n                        cancel\r\n                    </span>\r\n                    <span\r\n                        class=\"material-icons\"\r\n                        *ngIf=\"!passwordForm.get('password')?.hasError('lowercase')\"\r\n                    >\r\n                        check_circle\r\n                    </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\r\n                        class=\"material-icons\"\r\n                        *ngIf=\"passwordForm.get('password')?.hasError('number')\"\r\n                    >\r\n                        cancel\r\n                    </span>\r\n                    <span\r\n                        class=\"material-icons\"\r\n                        *ngIf=\"!passwordForm.get('password')?.hasError('number')\"\r\n                    >\r\n                        check_circle\r\n                    </span>\r\n                </div>\r\n                <span class=\"span-text\">{{ constants.oneNumber }}</span>\r\n            </div>\r\n\r\n            <div\r\n                [ngClass]=\"passwordForm.get('password')?.hasError('specialCharacter') ? 'error-color' : 'success-color'\"\r\n            >\r\n                <div id=\"icon-div-msg\">\r\n                    <span\r\n                        class=\"material-icons\"\r\n                        *ngIf=\"passwordForm.get('password')?.hasError('specialCharacter')\"\r\n                    >\r\n                        cancel\r\n                    </span>\r\n                    <span\r\n                        class=\"material-icons\"\r\n                        *ngIf=\"!passwordForm.get('password')?.hasError('specialCharacter')\"\r\n                    >\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]
@@ -985,18 +894,16 @@ class VerifyAndSetNewPasswordComponent {
         else {
             this.passwordNotMatching = false;
             this.authService.forgotPasswordAndGlobalSignoutLoader = true;
-            console.log("reacer here");
             if (this.authService.verifyAndSetNewPasswordButton === LoginConstant.regenerateOtp) {
                 this.router.navigate([LoginConstant.forgortPasswordPageUrl]);
             }
             else if (this.password.value) {
                 this.authService.verifyCode(this.verifyOtpForm.controls.otp.value, this.password.value);
             }
-            console.log("reacer here");
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: VerifyAndSetNewPasswordComponent, deps: [{ token: AnnaLibAuthService }, { token: i2.FormBuilder }, { token: i1.Router }, { token: CONFIG_SERVICE_TOKEN }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: VerifyAndSetNewPasswordComponent, isStandalone: true, selector: "anna-cognito-lib-verify-and-set-new-password", ngImport: i0, template: "<div\r\n    class=\"main\"\r\n    [ngClass]=\"{ 'main-height': authService.verifyAndSetNewPasswordErrorMessage }\"\r\n>\r\n    <section [ngClass]=\"{ 'catc-forget-password': consumingProjectConfigService?.isCatcApplication }\">\r\n        <header>\r\n            <img\r\n                [src]=\"consumingProjectConfigService.appGenericConfig.loginPageLogoImgUrl\"\r\n                alt=\"Anna Logo\"\r\n            />\r\n        </header>\r\n        <article>\r\n            <span\r\n                class=\"back-btn\"\r\n                [routerLink]=\"constants.forgortPasswordPageUrl\"\r\n            >\r\n                <i class=\"mdi mdi-arrow-left\"></i>\r\n            </span>\r\n\r\n            <form [formGroup]=\"verifyOtpForm\">\r\n                <div\r\n                    class=\"pull-left\"\r\n                    id=\"heading\"\r\n                >\r\n                    {{ constants.verifyAndSetNewPasswordheading }}\r\n                </div>\r\n                <p>{{ authService.verifyAndSetNewPasswordMessage }}</p>\r\n\r\n                <div\r\n                    id=\"alert-div\"\r\n                    *ngIf=\"authService.verifyAndSetNewPasswordErrorMessage\"\r\n                >\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                [ngClass]=\"{ 'catc-forget-password-matching': consumingProjectConfigService?.isCatcApplication }\"\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                    class=\"login-btn\"\r\n                    type=\"submit\"\r\n                    [disabled]=\"authService.sessionLocked || !isFormValid()\"\r\n                    (click)=\"onVerifyOtpSettingNewPassword()\"\r\n                    annaCognitoSpinnerBtn\r\n                    [spinnerButtonLoading]=\"authService.forgotPasswordAndGlobalSignoutLoader\"\r\n                    [spinnerButtonText]=\"authService.verifyAndSetNewPasswordButton\"\r\n                ></button>\r\n            </form>\r\n        </article>\r\n        <footer>\r\n            <anna-cognito-lib-powered-by-logo-template> </anna-cognito-lib-powered-by-logo-template>\r\n        </footer>\r\n    </section>\r\n</div>\r\n\r\n<div class=\"page-footer\">\r\n    <anna-cognito-lib-surewaves-year-logo></anna-cognito-lib-surewaves-year-logo>\r\n    <anna-cognito-lib-version-and-term-policy></anna-cognito-lib-version-and-term-policy>\r\n</div>\r\n", styles: ["@keyframes show{0%{opacity:0}50%{opacity:.5}to{opacity:1}}html{overflow-y:scroll}.main{background-color:#fff;background-size:cover;font-family:Roboto;height:calc(100vh - 50px)}section{top:45%;left:50%;position:absolute;transform:translate(-50%,-50%);width:20.875rem;animation:show .5s 1;-moz-animation:show .5s 1}.container{width:100%;height:100%;overflow:auto}header{height:auto;width:100%;text-align:center}article{margin-top:.9375rem;margin-bottom:.9375rem;border:1px solid #979797;background-color:#f4f4f4;padding:2rem 1.375rem;border-radius:.375rem;box-shadow:0 .125rem .4375rem #0000001a}article .sub-title{color:#6e6e6e;font-family:Roboto;font-size:1.25rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}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}p{text-align:center;margin-bottom:1rem}#alert-div{padding:.3125rem 0;margin-bottom:.75rem;border-radius:.25rem;border:solid 1px #f9b3ae;background-color:#fde4e3;justify-content:left;align-items:center;display:flex}#alert-div .material-icons{color:#f44336;font-size:1rem;margin-left:.5rem}#alert-div p{margin-left:4px!important;margin:0;color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}#info-div{padding:6px 0;margin-bottom:.75rem;border-radius:.25rem;border:1px solid #268bff;background:#e3f0ff}#info-div .mdi-info{color:#268bff;font-size:1rem;margin-left:6px}#info-div p{margin:-1.5625rem 0 0 1.8rem;padding:.3125rem 0;color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}footer{align-items:baseline;color:#6e6e6e;opacity:.9;display:flex;font-family:Ubuntu;font-size:1.25rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;justify-content:center}footer span{font-size:1.5625rem;margin-left:.25rem}input[type=password],input[type=text],input[type=number]{width:100%;height:30px;padding:.75rem 1rem;border:1px solid #979797;margin-bottom:.625rem;border-radius:.375rem}.login-btn{width:100%;height:2.5rem;border:0;color:#fff;background-color:#268bff;border-radius:.375rem;font-size:1rem}.login-btn:hover{background-color:#4099ff;cursor:pointer}.login-btn:disabled{background-color:#ccc;color:#fff;cursor:not-allowed}.input-invalid{border:1px solid #fe3824!important}input[type=password].ng-dirty.ng-invalid,input[type=text].ng-dirty.ng-invalid{border:1px solid #fe3824}input[type=submit]:focus,input[type=password]:focus,input[type=text]:focus,input[type=checkbox]:focus,button:focus{outline:none}input::placeholder{color:#a4a4a4}:host ::ng-deep .verison-and-policy{color:#8bac2a}.main{height:calc(115vh - 50px)}.main-height{height:calc(125vh - 50px)}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}section.catc-forget-password input{width:88%!important;height:4px!important;font-size:14px}section.catc-forget-password .login-btn{background-color:#9b1cd5!important}section.catc-forget-password header{margin-bottom:25px}section.catc-forget-password header img{height:45.03px;width:145px}::ng-deep anna-cognito-lib-password-matching.catc-forget-password-matching input{width:88%!important;height:8px!important;font-size:14px}::ng-deep anna-cognito-lib-password-matching.catc-forget-password-matching p{margin-top:0}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PasswordMatchingComponent, selector: "anna-cognito-lib-password-matching", inputs: ["passwordNotMatching"], outputs: ["passwordChange", "confirmPasswordChange"] }, { kind: "directive", type: SpinnerButtonDirective, selector: "[annaCognitoSpinnerBtn]", inputs: ["spinnerButtonLoading", "spinnerButtonText"] }, { kind: "component", type: PoweredByLogoTemplateComponent, selector: "anna-cognito-lib-powered-by-logo-template" }, { kind: "component", type: SurewavesYearLogoComponent, selector: "anna-cognito-lib-surewaves-year-logo" }, { kind: "component", type: VersionAndTermPolicyComponent, selector: "anna-cognito-lib-version-and-term-policy" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: VerifyAndSetNewPasswordComponent, isStandalone: true, selector: "anna-cognito-lib-verify-and-set-new-password", ngImport: i0, template: "<div\r\n    class=\"main\"\r\n    [ngClass]=\"{ 'main-height': authService.verifyAndSetNewPasswordErrorMessage }\"\r\n>\r\n    <section>\r\n        <header>\r\n            <img\r\n                [src]=\"consumingProjectConfigService.appGenericConfig.loginPageLogoImgUrl\"\r\n                alt=\"Anna Logo\"\r\n            />\r\n        </header>\r\n        <article>\r\n            <span\r\n                class=\"back-btn\"\r\n                [routerLink]=\"constants.forgortPasswordPageUrl\"\r\n            >\r\n                <i class=\"mdi mdi-arrow-left\"></i>\r\n            </span>\r\n\r\n            <form [formGroup]=\"verifyOtpForm\">\r\n                <div\r\n                    class=\"pull-left\"\r\n                    id=\"heading\"\r\n                >\r\n                    {{ constants.verifyAndSetNewPasswordheading }}\r\n                </div>\r\n                <p>{{ authService.verifyAndSetNewPasswordMessage }}</p>\r\n\r\n                <div\r\n                    id=\"alert-div\"\r\n                    *ngIf=\"authService.verifyAndSetNewPasswordErrorMessage\"\r\n                >\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                    class=\"login-btn\"\r\n                    type=\"submit\"\r\n                    [disabled]=\"authService.sessionLocked || !isFormValid()\"\r\n                    (click)=\"onVerifyOtpSettingNewPassword()\"\r\n                    annaCognitoSpinnerBtn\r\n                    [spinnerButtonLoading]=\"authService.forgotPasswordAndGlobalSignoutLoader\"\r\n                    [spinnerButtonText]=\"authService.verifyAndSetNewPasswordButton\"\r\n                ></button>\r\n            </form>\r\n        </article>\r\n        <footer>\r\n            <anna-cognito-lib-powered-by-logo-template> </anna-cognito-lib-powered-by-logo-template>\r\n        </footer>\r\n    </section>\r\n</div>\r\n\r\n<div class=\"page-footer\">\r\n    <anna-cognito-lib-surewaves-year-logo></anna-cognito-lib-surewaves-year-logo>\r\n    <anna-cognito-lib-version-and-term-policy></anna-cognito-lib-version-and-term-policy>\r\n</div>\r\n", styles: ["@keyframes show{0%{opacity:0}50%{opacity:.5}to{opacity:1}}html{overflow-y:scroll}.main{background-color:#fff;background-size:cover;font-family:Roboto;height:calc(100vh - 50px)}section{top:45%;left:50%;position:absolute;transform:translate(-50%,-50%);width:20.875rem;animation:show .5s 1;-moz-animation:show .5s 1}.container{width:100%;height:100%;overflow:auto}header{height:auto;width:100%;text-align:center}article{margin-top:.9375rem;margin-bottom:.9375rem;border:1px solid #979797;background-color:#f4f4f4;padding:2rem 1.375rem;border-radius:.375rem;box-shadow:0 .125rem .4375rem #0000001a}article .sub-title{color:#6e6e6e;font-family:Roboto;font-size:1.25rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}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}p{text-align:center;margin-bottom:1rem}#alert-div{padding:.3125rem 0;margin-bottom:.75rem;border-radius:.25rem;border:solid 1px #f9b3ae;background-color:#fde4e3;justify-content:left;align-items:center;display:flex}#alert-div .material-icons{color:#f44336;font-size:1rem;margin-left:.5rem}#alert-div p{margin-left:4px!important;margin:0;color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}#info-div{padding:6px 0;margin-bottom:.75rem;border-radius:.25rem;border:1px solid #268bff;background:#e3f0ff}#info-div .mdi-info{color:#268bff;font-size:1rem;margin-left:6px}#info-div p{margin:-1.5625rem 0 0 1.8rem;padding:.3125rem 0;color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}footer{align-items:baseline;color:#6e6e6e;opacity:.9;display:flex;font-family:Ubuntu;font-size:1.25rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;justify-content:center}footer span{font-size:1.5625rem;margin-left:.25rem}input[type=password],input[type=text],input[type=number]{width:100%;height:30px;padding:.75rem 1rem;border:1px solid #979797;margin-bottom:.625rem;border-radius:.375rem}.login-btn{width:100%;height:2.5rem;border:0;color:#fff;background-color:#268bff;border-radius:.375rem;font-size:1rem}.login-btn:hover{background-color:#4099ff;cursor:pointer}.login-btn:disabled{background-color:#ccc;color:#fff;cursor:not-allowed}.input-invalid{border:1px solid #fe3824!important}input[type=password].ng-dirty.ng-invalid,input[type=text].ng-dirty.ng-invalid{border:1px solid #fe3824}input[type=submit]:focus,input[type=password]:focus,input[type=text]:focus,input[type=checkbox]:focus,button:focus{outline:none}input::placeholder{color:#a4a4a4}:host ::ng-deep .verison-and-policy{color:#8bac2a}.main{height:calc(115vh - 50px)}.main-height{height:calc(125vh - 50px)}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"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PasswordMatchingComponent, selector: "anna-cognito-lib-password-matching", inputs: ["passwordNotMatching"], outputs: ["passwordChange", "confirmPasswordChange"] }, { kind: "directive", type: SpinnerButtonDirective, selector: "[annaCognitoSpinnerBtn]", inputs: ["spinnerButtonLoading", "spinnerButtonText"] }, { kind: "component", type: PoweredByLogoTemplateComponent, selector: "anna-cognito-lib-powered-by-logo-template" }, { kind: "component", type: SurewavesYearLogoComponent, selector: "anna-cognito-lib-surewaves-year-logo" }, { kind: "component", type: VersionAndTermPolicyComponent, selector: "anna-cognito-lib-version-and-term-policy" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: VerifyAndSetNewPasswordComponent, decorators: [{
             type: Component,
@@ -1011,7 +918,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         PoweredByLogoTemplateComponent,
                         SurewavesYearLogoComponent,
                         VersionAndTermPolicyComponent,
-                    ], template: "<div\r\n    class=\"main\"\r\n    [ngClass]=\"{ 'main-height': authService.verifyAndSetNewPasswordErrorMessage }\"\r\n>\r\n    <section [ngClass]=\"{ 'catc-forget-password': consumingProjectConfigService?.isCatcApplication }\">\r\n        <header>\r\n            <img\r\n                [src]=\"consumingProjectConfigService.appGenericConfig.loginPageLogoImgUrl\"\r\n                alt=\"Anna Logo\"\r\n            />\r\n        </header>\r\n        <article>\r\n            <span\r\n                class=\"back-btn\"\r\n                [routerLink]=\"constants.forgortPasswordPageUrl\"\r\n            >\r\n                <i class=\"mdi mdi-arrow-left\"></i>\r\n            </span>\r\n\r\n            <form [formGroup]=\"verifyOtpForm\">\r\n                <div\r\n                    class=\"pull-left\"\r\n                    id=\"heading\"\r\n                >\r\n                    {{ constants.verifyAndSetNewPasswordheading }}\r\n                </div>\r\n                <p>{{ authService.verifyAndSetNewPasswordMessage }}</p>\r\n\r\n                <div\r\n                    id=\"alert-div\"\r\n                    *ngIf=\"authService.verifyAndSetNewPasswordErrorMessage\"\r\n                >\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                [ngClass]=\"{ 'catc-forget-password-matching': consumingProjectConfigService?.isCatcApplication }\"\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                    class=\"login-btn\"\r\n                    type=\"submit\"\r\n                    [disabled]=\"authService.sessionLocked || !isFormValid()\"\r\n                    (click)=\"onVerifyOtpSettingNewPassword()\"\r\n                    annaCognitoSpinnerBtn\r\n                    [spinnerButtonLoading]=\"authService.forgotPasswordAndGlobalSignoutLoader\"\r\n                    [spinnerButtonText]=\"authService.verifyAndSetNewPasswordButton\"\r\n                ></button>\r\n            </form>\r\n        </article>\r\n        <footer>\r\n            <anna-cognito-lib-powered-by-logo-template> </anna-cognito-lib-powered-by-logo-template>\r\n        </footer>\r\n    </section>\r\n</div>\r\n\r\n<div class=\"page-footer\">\r\n    <anna-cognito-lib-surewaves-year-logo></anna-cognito-lib-surewaves-year-logo>\r\n    <anna-cognito-lib-version-and-term-policy></anna-cognito-lib-version-and-term-policy>\r\n</div>\r\n", styles: ["@keyframes show{0%{opacity:0}50%{opacity:.5}to{opacity:1}}html{overflow-y:scroll}.main{background-color:#fff;background-size:cover;font-family:Roboto;height:calc(100vh - 50px)}section{top:45%;left:50%;position:absolute;transform:translate(-50%,-50%);width:20.875rem;animation:show .5s 1;-moz-animation:show .5s 1}.container{width:100%;height:100%;overflow:auto}header{height:auto;width:100%;text-align:center}article{margin-top:.9375rem;margin-bottom:.9375rem;border:1px solid #979797;background-color:#f4f4f4;padding:2rem 1.375rem;border-radius:.375rem;box-shadow:0 .125rem .4375rem #0000001a}article .sub-title{color:#6e6e6e;font-family:Roboto;font-size:1.25rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}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}p{text-align:center;margin-bottom:1rem}#alert-div{padding:.3125rem 0;margin-bottom:.75rem;border-radius:.25rem;border:solid 1px #f9b3ae;background-color:#fde4e3;justify-content:left;align-items:center;display:flex}#alert-div .material-icons{color:#f44336;font-size:1rem;margin-left:.5rem}#alert-div p{margin-left:4px!important;margin:0;color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}#info-div{padding:6px 0;margin-bottom:.75rem;border-radius:.25rem;border:1px solid #268bff;background:#e3f0ff}#info-div .mdi-info{color:#268bff;font-size:1rem;margin-left:6px}#info-div p{margin:-1.5625rem 0 0 1.8rem;padding:.3125rem 0;color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}footer{align-items:baseline;color:#6e6e6e;opacity:.9;display:flex;font-family:Ubuntu;font-size:1.25rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;justify-content:center}footer span{font-size:1.5625rem;margin-left:.25rem}input[type=password],input[type=text],input[type=number]{width:100%;height:30px;padding:.75rem 1rem;border:1px solid #979797;margin-bottom:.625rem;border-radius:.375rem}.login-btn{width:100%;height:2.5rem;border:0;color:#fff;background-color:#268bff;border-radius:.375rem;font-size:1rem}.login-btn:hover{background-color:#4099ff;cursor:pointer}.login-btn:disabled{background-color:#ccc;color:#fff;cursor:not-allowed}.input-invalid{border:1px solid #fe3824!important}input[type=password].ng-dirty.ng-invalid,input[type=text].ng-dirty.ng-invalid{border:1px solid #fe3824}input[type=submit]:focus,input[type=password]:focus,input[type=text]:focus,input[type=checkbox]:focus,button:focus{outline:none}input::placeholder{color:#a4a4a4}:host ::ng-deep .verison-and-policy{color:#8bac2a}.main{height:calc(115vh - 50px)}.main-height{height:calc(125vh - 50px)}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}section.catc-forget-password input{width:88%!important;height:4px!important;font-size:14px}section.catc-forget-password .login-btn{background-color:#9b1cd5!important}section.catc-forget-password header{margin-bottom:25px}section.catc-forget-password header img{height:45.03px;width:145px}::ng-deep anna-cognito-lib-password-matching.catc-forget-password-matching input{width:88%!important;height:8px!important;font-size:14px}::ng-deep anna-cognito-lib-password-matching.catc-forget-password-matching p{margin-top:0}\n"] }]
+                    ], template: "<div\r\n    class=\"main\"\r\n    [ngClass]=\"{ 'main-height': authService.verifyAndSetNewPasswordErrorMessage }\"\r\n>\r\n    <section>\r\n        <header>\r\n            <img\r\n                [src]=\"consumingProjectConfigService.appGenericConfig.loginPageLogoImgUrl\"\r\n                alt=\"Anna Logo\"\r\n            />\r\n        </header>\r\n        <article>\r\n            <span\r\n                class=\"back-btn\"\r\n                [routerLink]=\"constants.forgortPasswordPageUrl\"\r\n            >\r\n                <i class=\"mdi mdi-arrow-left\"></i>\r\n            </span>\r\n\r\n            <form [formGroup]=\"verifyOtpForm\">\r\n                <div\r\n                    class=\"pull-left\"\r\n                    id=\"heading\"\r\n                >\r\n                    {{ constants.verifyAndSetNewPasswordheading }}\r\n                </div>\r\n                <p>{{ authService.verifyAndSetNewPasswordMessage }}</p>\r\n\r\n                <div\r\n                    id=\"alert-div\"\r\n                    *ngIf=\"authService.verifyAndSetNewPasswordErrorMessage\"\r\n                >\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                    class=\"login-btn\"\r\n                    type=\"submit\"\r\n                    [disabled]=\"authService.sessionLocked || !isFormValid()\"\r\n                    (click)=\"onVerifyOtpSettingNewPassword()\"\r\n                    annaCognitoSpinnerBtn\r\n                    [spinnerButtonLoading]=\"authService.forgotPasswordAndGlobalSignoutLoader\"\r\n                    [spinnerButtonText]=\"authService.verifyAndSetNewPasswordButton\"\r\n                ></button>\r\n            </form>\r\n        </article>\r\n        <footer>\r\n            <anna-cognito-lib-powered-by-logo-template> </anna-cognito-lib-powered-by-logo-template>\r\n        </footer>\r\n    </section>\r\n</div>\r\n\r\n<div class=\"page-footer\">\r\n    <anna-cognito-lib-surewaves-year-logo></anna-cognito-lib-surewaves-year-logo>\r\n    <anna-cognito-lib-version-and-term-policy></anna-cognito-lib-version-and-term-policy>\r\n</div>\r\n", styles: ["@keyframes show{0%{opacity:0}50%{opacity:.5}to{opacity:1}}html{overflow-y:scroll}.main{background-color:#fff;background-size:cover;font-family:Roboto;height:calc(100vh - 50px)}section{top:45%;left:50%;position:absolute;transform:translate(-50%,-50%);width:20.875rem;animation:show .5s 1;-moz-animation:show .5s 1}.container{width:100%;height:100%;overflow:auto}header{height:auto;width:100%;text-align:center}article{margin-top:.9375rem;margin-bottom:.9375rem;border:1px solid #979797;background-color:#f4f4f4;padding:2rem 1.375rem;border-radius:.375rem;box-shadow:0 .125rem .4375rem #0000001a}article .sub-title{color:#6e6e6e;font-family:Roboto;font-size:1.25rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}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}p{text-align:center;margin-bottom:1rem}#alert-div{padding:.3125rem 0;margin-bottom:.75rem;border-radius:.25rem;border:solid 1px #f9b3ae;background-color:#fde4e3;justify-content:left;align-items:center;display:flex}#alert-div .material-icons{color:#f44336;font-size:1rem;margin-left:.5rem}#alert-div p{margin-left:4px!important;margin:0;color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}#info-div{padding:6px 0;margin-bottom:.75rem;border-radius:.25rem;border:1px solid #268bff;background:#e3f0ff}#info-div .mdi-info{color:#268bff;font-size:1rem;margin-left:6px}#info-div p{margin:-1.5625rem 0 0 1.8rem;padding:.3125rem 0;color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}footer{align-items:baseline;color:#6e6e6e;opacity:.9;display:flex;font-family:Ubuntu;font-size:1.25rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;justify-content:center}footer span{font-size:1.5625rem;margin-left:.25rem}input[type=password],input[type=text],input[type=number]{width:100%;height:30px;padding:.75rem 1rem;border:1px solid #979797;margin-bottom:.625rem;border-radius:.375rem}.login-btn{width:100%;height:2.5rem;border:0;color:#fff;background-color:#268bff;border-radius:.375rem;font-size:1rem}.login-btn:hover{background-color:#4099ff;cursor:pointer}.login-btn:disabled{background-color:#ccc;color:#fff;cursor:not-allowed}.input-invalid{border:1px solid #fe3824!important}input[type=password].ng-dirty.ng-invalid,input[type=text].ng-dirty.ng-invalid{border:1px solid #fe3824}input[type=submit]:focus,input[type=password]:focus,input[type=text]:focus,input[type=checkbox]:focus,button:focus{outline:none}input::placeholder{color:#a4a4a4}:host ::ng-deep .verison-and-policy{color:#8bac2a}.main{height:calc(115vh - 50px)}.main-height{height:calc(125vh - 50px)}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: i1.Router }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [CONFIG_SERVICE_TOKEN]
@@ -1060,5 +967,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ACL_SERVICE_TOKEN, AUTH_SERVICE_TOKEN, AnnaConfigService, AnnaLibAclService, AnnaLibAuthService, AnnaLoginComponent, AnnaSSOLoginService, CONFIG_SERVICE_TOKEN, CatcLoginComponent, CognitoAndSSOLoginContainerComponent, ForgotPasswordComponent, LoginConstant, PasswordMatchingComponent, PoweredByLogoTemplateComponent, SSO_LOGIN_SERVICE_TOKEN, SetNewPasswordComponent, SpinnerButtonDirective, SsoLoginComponent, SurewavesYearLogoComponent, VerifyAndSetNewPasswordComponent, VersionAndTermPolicyComponent };
+export { ACL_SERVICE_TOKEN, AUTH_SERVICE_TOKEN, AnnaConfigService, AnnaLibAclService, AnnaLibAuthService, AnnaLoginComponent, AnnaSSOLoginService, CONFIG_SERVICE_TOKEN, CognitoAndSSOLoginContainerComponent, ForgotPasswordComponent, LoginConstant, PasswordMatchingComponent, PoweredByLogoTemplateComponent, SSO_LOGIN_SERVICE_TOKEN, SetNewPasswordComponent, SpinnerButtonDirective, SsoLoginComponent, SurewavesYearLogoComponent, VerifyAndSetNewPasswordComponent, VersionAndTermPolicyComponent };
 //# sourceMappingURL=annalib-anna-cognito-lib.mjs.map