@idea-ionic/auth 8.11.4 → 8.11.6

package/fesm2022/idea-ionic-auth.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, Injectable, ChangeDetectionStrategy, Component, input, output } from '@angular/core';
+import { inject, Injectable, model, signal, ChangeDetectionStrategy, Component, input, output } from '@angular/core';
 import * as i1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import { NavController, IonButton, IonText, IonCol, IonRow, IonIcon, IonLabel, IonCardSubtitle, IonCardTitle, IonCardHeader, IonImg, IonCardContent, IonCard, IonContent, IonItem, IonInput, IonCheckbox, PopoverController, ModalController, IonListHeader, IonList, IonTitle, IonButtons, IonToolbar, IonHeader } from '@ionic/angular/standalone';
@@ -1538,8 +1538,13 @@ class IDEASignInPage {
         this._translate = inject(IDEATranslationsService);
         this._auth = inject(IDEAAuthService);
         this.doneExternalProviderCheck = false;
+        this.email = model(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "email" }] : /* istanbul ignore next */ []));
         this.agreementsCheck = true;
-        this.newAccountRegistered = false;
+        this.newAccountRegistered = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "newAccountRegistered" }] : /* istanbul ignore next */ []));
+        this.errorMsg = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "errorMsg" }] : /* istanbul ignore next */ []));
         this.darkMode = window.matchMedia('(prefers-color-scheme: dark)').matches;
         this.title = this._env.idea.auth.title;
         this.registrationPossible = this._env.idea.auth.registrationIsPossible;
@@ -1549,17 +1554,17 @@ class IDEASignInPage {
     }
     ionViewDidEnter() {
         // manage the scenario in which we just created a new account (show a explanatory message: email must be confirmed)
-        this.newAccountRegistered = !!this._auth.getNewAccountJustRegistered();
-        if (this.newAccountRegistered)
-            this.email = this._auth.getNewAccountJustRegistered();
+        this.newAccountRegistered.set(!!this._auth.getNewAccountJustRegistered());
+        if (this.newAccountRegistered())
+            this.email.set(this._auth.getNewAccountJustRegistered());
     }
     async login() {
         if (!this.agreementsCheck)
             return;
         try {
-            this.errorMsg = null;
+            this.errorMsg.set(null);
             await this._loading.show();
-            const loginAction = await this._auth.login(this.email, this.password);
+            const loginAction = await this._auth.login(this.email(), this.password);
             if (loginAction === LoginOutcomeActions.NEW_PASSWORD)
                 this._nav.navigateForward(['auth', 'new-password']);
             else if (loginAction === LoginOutcomeActions.MFA_CHALLENGE)
@@ -1571,10 +1576,10 @@ class IDEASignInPage {
         }
         catch (err) {
             if (err.name === 'UserNotConfirmedException')
-                this.errorMsg = this._translate._('IDEA_AUTH.CONFIRM_YOUR_EMAIL_TO_LOGIN');
+                this.errorMsg.set(this._translate._('IDEA_AUTH.CONFIRM_YOUR_EMAIL_TO_LOGIN'));
             else if (err.name === 'UserLambdaValidationException' &&
                 err.message?.includes('@IDEA_COGNITO_TRANSITION'))
-                this.errorMsg = this._translate._('IDEA_AUTH.CHANGE_YOUR_PASSWORD_TO_LOGIN');
+                this.errorMsg.set(this._translate._('IDEA_AUTH.CHANGE_YOUR_PASSWORD_TO_LOGIN'));
             this._message.error('IDEA_AUTH.AUTHENTICATION_FAILED');
         }
         finally {
@@ -1582,9 +1587,9 @@ class IDEASignInPage {
         }
     }
     checkForExternalProviderEmail() {
-        if (isEmpty(this.email, 'email'))
+        if (isEmpty(this.email(), 'email'))
             return;
-        const emailDomain = this.email.split('@')[1];
+        const emailDomain = this.email().split('@')[1];
         this.doneExternalProviderCheck = true;
         const provider = this.externalProviders.find(p => p.emailDomains.includes(emailDomain));
         if (provider)
@@ -1606,9 +1611,9 @@ class IDEASignInPage {
         await Browser.open({ url });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: IDEASignInPage, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.2", type: IDEASignInPage, isStandalone: true, selector: "idea-sign-in", ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.2", type: IDEASignInPage, isStandalone: true, selector: "idea-sign-in", inputs: { email: { classPropertyName: "email", publicName: "email", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { email: "emailChange" }, ngImport: i0, template: `
     <ion-content>
-      @if (newAccountRegistered) {
+      @if (newAccountRegistered()) {
         <ion-card color="warning">
           <ion-card-content>{{ 'IDEA_AUTH.CONFIRM_YOUR_EMAIL_TO_LOGIN' | translate }}</ion-card-content>
         </ion-card>
@@ -1629,9 +1634,9 @@ class IDEASignInPage {
               }
             </ion-card-header>
             <ion-card-content>
-              @if (errorMsg) {
+              @if (errorMsg()) {
                 <p testId="signin.error" class="errorBox">
-                  <b>{{ 'IDEA_AUTH.WARNING' | translate }}.</b> {{ errorMsg }}
+                  <b>{{ 'IDEA_AUTH.WARNING' | translate }}.</b> {{ errorMsg() }}
                 </p>
               }
               <ion-item>
@@ -1823,7 +1828,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
                         IonCheckbox
                     ], changeDetection: ChangeDetectionStrategy.OnPush, template: `
     <ion-content>
-      @if (newAccountRegistered) {
+      @if (newAccountRegistered()) {
         <ion-card color="warning">
           <ion-card-content>{{ 'IDEA_AUTH.CONFIRM_YOUR_EMAIL_TO_LOGIN' | translate }}</ion-card-content>
         </ion-card>
@@ -1844,9 +1849,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
               }
             </ion-card-header>
             <ion-card-content>
-              @if (errorMsg) {
+              @if (errorMsg()) {
                 <p testId="signin.error" class="errorBox">
-                  <b>{{ 'IDEA_AUTH.WARNING' | translate }}.</b> {{ errorMsg }}
+                  <b>{{ 'IDEA_AUTH.WARNING' | translate }}.</b> {{ errorMsg() }}
                 </p>
               }
               <ion-item>
@@ -2014,7 +2019,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
       </form>
     </ion-content>
   `, styles: [".flexBox{background:var(--idea-auth-background-color, var(--ion-color-white-shade))}.authCard{min-width:400px;max-width:550px;margin:0 10px;padding:20px;background-color:var(--idea-auth-card-background-color, var(--ion-color-white));border:1px solid var(--idea-auth-card-border-color, var(--ion-color-light));border-radius:10px;box-shadow:none;text-align:center}.authCard ion-img{width:150px;display:block;margin:0 auto}.authCard ion-card-title{font-family:auth-title;font-size:3em}.authCard ion-card-subtitle{font-family:auth-title;font-size:1.2em}.authCard ion-card-content{padding-top:16px}.authCard ion-card-content .errorBox{padding-left:10px;margin-bottom:20px;text-align:left;border-left:2px solid var(--ion-color-danger)}.authCard ion-card-content ion-item{--ion-item-background: var(--idea-auth-card-background-color, var(--ion-color-white));--border-color: var(--idea-auth-card-border-color, var(--ion-color-light))}.authCard ion-card-content ion-label[position=inline] ion-icon{padding-top:4px;padding-right:5px;font-size:1.3em}.authCard ion-card-content .agreementsAcceptanceRow{margin-top:15px;font-size:.9em}.authCard ion-card-content .agreementsAcceptanceRow ion-checkbox{vertical-align:bottom;margin-right:3px}.authCard ion-card-content ion-button:not([slot=end]){margin-top:15px}.authCard ion-card-content .smallCaseButton{text-transform:none;letter-spacing:normal;font-size:1em}@media only screen and (max-width:500px){.authCard{background-color:transparent;border:none}}.ideaLogo{width:65px;margin:40px auto 0;cursor:pointer}.passwordPolicyPopover{--width: 350px}\n"] }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { email: [{ type: i0.Input, args: [{ isSignal: true, alias: "email", required: false }] }, { type: i0.Output, args: ["emailChange"] }] } });
 
 class IDEAPasswordPolicyComponent {
     constructor() {
@@ -2101,6 +2106,8 @@ class IDEASignUpPage {
         this._translate = inject(IDEATranslationsService);
         this._auth = inject(IDEAAuthService);
         this.agreementsCheck = false;
+        this.errorMsg = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "errorMsg" }] : /* istanbul ignore next */ []));
         this.passwordPolicy = this._env.idea.auth.passwordPolicy;
     }
     ngOnInit() {
@@ -2115,9 +2122,9 @@ class IDEASignUpPage {
     async register() {
         try {
             await this._loading.show();
-            this.errorMsg = null;
+            this.errorMsg.set(null);
             if (isEmpty(this.email, 'email'))
-                this.errorMsg = this._translate._('IDEA_AUTH.VALID_EMAIL_OBLIGATORY');
+                this.errorMsg.set(this._translate._('IDEA_AUTH.VALID_EMAIL_OBLIGATORY'));
             else {
                 const errors = this._auth.validatePasswordAgainstPolicy(this.password);
                 if (errors.length === 0 && this.passwordPolicy.advancedPasswordCheck) {
@@ -2125,19 +2132,19 @@ class IDEASignUpPage {
                     errors.push(...(await this._auth.validatePasswordAgainstDatabases(this.password, emailParts)));
                 }
                 if (errors.length)
-                    this.errorMsg = [
+                    this.errorMsg.set([
                         this._translate._('IDEA_AUTH.PASSWORD_REQUIREMENTS_FOLLOW'),
                         ...errors.map(x => this._translate._('IDEA_AUTH.PASSWORD_REQUIREMENTS.'.concat(x), { n: this.passwordPolicy.minLength }))
-                    ].join(' ');
+                    ].join(' '));
             }
-            if (this.errorMsg)
+            if (this.errorMsg())
                 return this._message.error('IDEA_AUTH.REGISTRATION_FAILED');
             await this._auth.register(this.email, this.password);
             this._message.success('IDEA_AUTH.REGISTRATION_COMPLETED');
             this.goToAuth();
         }
         catch (err) {
-            this.errorMsg = err.message;
+            this.errorMsg.set(err.message);
             this._message.error('IDEA_AUTH.REGISTRATION_FAILED');
         }
         finally {
@@ -2168,10 +2175,10 @@ class IDEASignUpPage {
             <ion-card-subtitle>{{ 'IDEA_AUTH.REGISTER_A_NEW_ACCOUNT_TO_THE_SYSTEM' | translate }}</ion-card-subtitle>
           </ion-card-header>
           <ion-card-content>
-            @if (errorMsg) {
+            @if (errorMsg()) {
               <p testId="signup.error" class="errorBox">
                 <b> {{ 'IDEA_AUTH.ERROR' | translate }}. </b>
-                {{ errorMsg }}
+                {{ errorMsg() }}
               </p>
             }
             <ion-item>
@@ -2326,10 +2333,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
             <ion-card-subtitle>{{ 'IDEA_AUTH.REGISTER_A_NEW_ACCOUNT_TO_THE_SYSTEM' | translate }}</ion-card-subtitle>
           </ion-card-header>
           <ion-card-content>
-            @if (errorMsg) {
+            @if (errorMsg()) {
               <p testId="signup.error" class="errorBox">
                 <b> {{ 'IDEA_AUTH.ERROR' | translate }}. </b>
-                {{ errorMsg }}
+                {{ errorMsg() }}
               </p>
             }
             <ion-item>
@@ -2465,6 +2472,8 @@ class IDEANewPasswordPage {
         this._loading = inject(IDEALoadingService);
         this._translate = inject(IDEATranslationsService);
         this._auth = inject(IDEAAuthService);
+        this.errorMsg = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "errorMsg" }] : /* istanbul ignore next */ []));
         this.passwordPolicy = this._env.idea.auth.passwordPolicy;
     }
     ngOnInit() {
@@ -2474,22 +2483,22 @@ class IDEANewPasswordPage {
     async confirmNewPassword() {
         try {
             await this._loading.show();
-            this.errorMsg = null;
+            this.errorMsg.set(null);
             const errors = this._auth.validatePasswordAgainstPolicy(this.newPassword);
             if (errors.length === 0 && this.passwordPolicy.advancedPasswordCheck)
                 errors.push(...(await this._auth.validatePasswordAgainstDatabases(this.newPassword)));
             if (errors.length)
-                this.errorMsg = [
+                this.errorMsg.set([
                     this._translate._('IDEA_AUTH.PASSWORD_REQUIREMENTS_FOLLOW'),
                     ...errors.map(x => this._translate._('IDEA_AUTH.PASSWORD_REQUIREMENTS.'.concat(x), { n: this.passwordPolicy.minLength }))
-                ].join(' ');
-            if (this.errorMsg)
+                ].join(' '));
+            if (this.errorMsg())
                 return this._message.error('IDEA_AUTH.PASSWORD_REQUIREMENTS_FOLLOW');
             await this._auth.confirmNewPassword(this.newPassword);
             window.location.assign('');
         }
         catch (error) {
-            this.errorMsg = error.message;
+            this.errorMsg.set(error.message);
             this._message.error('IDEA_AUTH.PASSWORD_REQUIREMENTS_FOLLOW');
         }
         finally {
@@ -2514,10 +2523,10 @@ class IDEANewPasswordPage {
             <ion-card-subtitle>{{ 'IDEA_AUTH.YOU_NEED_TO_CHOOSE_A_NEW_PASSWORD' | translate }}</ion-card-subtitle>
           </ion-card-header>
           <ion-card-content>
-            @if (errorMsg) {
+            @if (errorMsg()) {
               <p testId="newpassword.error" class="errorBox">
                 <b> {{ 'IDEA_AUTH.ERROR' | translate }}. </b>
-                {{ errorMsg }}
+                {{ errorMsg() }}
               </p>
             }
             <ion-item>
@@ -2597,10 +2606,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
             <ion-card-subtitle>{{ 'IDEA_AUTH.YOU_NEED_TO_CHOOSE_A_NEW_PASSWORD' | translate }}</ion-card-subtitle>
           </ion-card-header>
           <ion-card-content>
-            @if (errorMsg) {
+            @if (errorMsg()) {
               <p testId="newpassword.error" class="errorBox">
                 <b> {{ 'IDEA_AUTH.ERROR' | translate }}. </b>
-                {{ errorMsg }}
+                {{ errorMsg() }}
               </p>
             }
             <ion-item>
@@ -2663,11 +2672,13 @@ class IDEAResendLinkPage {
         this._loading = inject(IDEALoadingService);
         this._auth = inject(IDEAAuthService);
         this._translate = inject(IDEATranslationsService);
+        this.errorMsg = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "errorMsg" }] : /* istanbul ignore next */ []));
     }
     async resendConfirmationLink() {
-        this.errorMsg = null;
+        this.errorMsg.set(null);
         if (!this.email) {
-            this.errorMsg = this._translate._('IDEA_AUTH.VALID_EMAIL_OBLIGATORY');
+            this.errorMsg.set(this._translate._('IDEA_AUTH.VALID_EMAIL_OBLIGATORY'));
             this._message.error('IDEA_AUTH.SENDING_FAILED');
             return;
         }
@@ -2678,7 +2689,7 @@ class IDEAResendLinkPage {
             this.goToAuth();
         }
         catch (error) {
-            this.errorMsg = this._translate._('IDEA_AUTH.IS_THE_EMAIL_CORRECT');
+            this.errorMsg.set(this._translate._('IDEA_AUTH.IS_THE_EMAIL_CORRECT'));
             this._message.error('IDEA_AUTH.SENDING_FAILED');
         }
         finally {
@@ -2698,10 +2709,10 @@ class IDEAResendLinkPage {
             <ion-card-subtitle>{{ 'IDEA_AUTH.RESEND_CONFIRMATION_LINK_HINT' | translate }}</ion-card-subtitle>
           </ion-card-header>
           <ion-card-content>
-            @if (errorMsg) {
+            @if (errorMsg()) {
               <p testId="resendlink.error" class="errorBox">
                 <b> {{ 'IDEA_AUTH.ERROR' | translate }}. </b>
-                {{ errorMsg }}
+                {{ errorMsg() }}
               </p>
             }
             <ion-item>
@@ -2773,10 +2784,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
             <ion-card-subtitle>{{ 'IDEA_AUTH.RESEND_CONFIRMATION_LINK_HINT' | translate }}</ion-card-subtitle>
           </ion-card-header>
           <ion-card-content>
-            @if (errorMsg) {
+            @if (errorMsg()) {
               <p testId="resendlink.error" class="errorBox">
                 <b> {{ 'IDEA_AUTH.ERROR' | translate }}. </b>
-                {{ errorMsg }}
+                {{ errorMsg() }}
               </p>
             }
             <ion-item>
@@ -3002,6 +3013,8 @@ class IDEAConfirmPasswordPage {
         this._loading = inject(IDEALoadingService);
         this._translate = inject(IDEATranslationsService);
         this._auth = inject(IDEAAuthService);
+        this.errorMsg = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "errorMsg" }] : /* istanbul ignore next */ []));
         this.passwordPolicy = this._env.idea.auth.passwordPolicy;
     }
     ngOnInit() {
@@ -3013,25 +3026,25 @@ class IDEAConfirmPasswordPage {
     async confirmPassword() {
         try {
             await this._loading.show();
-            this.errorMsg = null;
+            this.errorMsg.set(null);
             const errors = this._auth.validatePasswordAgainstPolicy(this.newPassword);
             if (errors.length === 0 && this.passwordPolicy.advancedPasswordCheck) {
                 const emailParts = [...this.email?.split('@')[0].split(/\W/g)];
                 errors.push(...(await this._auth.validatePasswordAgainstDatabases(this.newPassword, emailParts)));
             }
             if (errors.length)
-                this.errorMsg = [
+                this.errorMsg.set([
                     this._translate._('IDEA_AUTH.PASSWORD_REQUIREMENTS_FOLLOW'),
                     ...errors.map(x => this._translate._('IDEA_AUTH.PASSWORD_REQUIREMENTS.'.concat(x), { n: this.passwordPolicy.minLength }))
-                ].join(' ');
-            if (this.errorMsg)
+                ].join(' '));
+            if (this.errorMsg())
                 return this._message.error('IDEA_AUTH.PASSWORD_REQUIREMENTS_FOLLOW');
             await this._auth.confirmPassword(this.email, this.code, this.newPassword);
             this._message.success('IDEA_AUTH.PASSWORD_CHANGED');
             this.goToAuth();
         }
         catch (error) {
-            this.errorMsg = error.message;
+            this.errorMsg.set(error.message);
             this._message.error('IDEA_AUTH.PASSWORD_REQUIREMENTS_FOLLOW');
         }
         finally {
@@ -3058,10 +3071,10 @@ class IDEAConfirmPasswordPage {
             <ion-card-title color="primary">{{ 'IDEA_AUTH.CHANGE_THE_PASSWORD' | translate }}</ion-card-title>
           </ion-card-header>
           <ion-card-content>
-            @if (errorMsg) {
+            @if (errorMsg()) {
               <p testId="confirmpassword.error" class="errorBox">
                 <b> {{ 'IDEA_AUTH.ERROR' | translate }}. </b>
-                {{ errorMsg }}
+                {{ errorMsg() }}
               </p>
             }
             <ion-item>
@@ -3185,10 +3198,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
             <ion-card-title color="primary">{{ 'IDEA_AUTH.CHANGE_THE_PASSWORD' | translate }}</ion-card-title>
           </ion-card-header>
           <ion-card-content>
-            @if (errorMsg) {
+            @if (errorMsg()) {
               <p testId="confirmpassword.error" class="errorBox">
                 <b> {{ 'IDEA_AUTH.ERROR' | translate }}. </b>
-                {{ errorMsg }}
+                {{ errorMsg() }}
               </p>
             }
             <ion-item>
@@ -3297,6 +3310,8 @@ class IDEAMFAChallengePage {
         this._loading = inject(IDEALoadingService);
         this._auth = inject(IDEAAuthService);
         this._translate = inject(IDEATranslationsService);
+        this.errorMsg = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "errorMsg" }] : /* istanbul ignore next */ []));
     }
     ngOnInit() {
         if (!this._auth.challengeUsername)
@@ -3304,14 +3319,14 @@ class IDEAMFAChallengePage {
     }
     async completeMFAChallenge() {
         try {
-            this.errorMsg = null;
+            this.errorMsg.set(null);
             await this._loading.show();
             await this._auth.completeMFAChallenge(this.otpCode);
             window.location.assign('');
         }
         catch (error) {
-            this.errorMsg = this._translate._('IDEA_AUTH.INVALID_OTP_CODE');
-            this._message.error(this.errorMsg, { dontTranslate: true });
+            this.errorMsg.set(this._translate._('IDEA_AUTH.INVALID_OTP_CODE'));
+            this._message.error(this.errorMsg(), { dontTranslate: true });
         }
         finally {
             this._loading.hide();
@@ -3330,10 +3345,10 @@ class IDEAMFAChallengePage {
             <ion-card-subtitle>{{ 'IDEA_AUTH.ENTER_OTP_CODE_I' | translate }}</ion-card-subtitle>
           </ion-card-header>
           <ion-card-content>
-            @if (errorMsg) {
+            @if (errorMsg()) {
               <p testId="mfachallenge.error" class="errorBox">
                 <b>{{ 'IDEA_AUTH.ERROR' | translate }}.</b>
-                {{ errorMsg }}
+                {{ errorMsg() }}
               </p>
             }
             <ion-item>
@@ -3399,10 +3414,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
             <ion-card-subtitle>{{ 'IDEA_AUTH.ENTER_OTP_CODE_I' | translate }}</ion-card-subtitle>
           </ion-card-header>
           <ion-card-content>
-            @if (errorMsg) {
+            @if (errorMsg()) {
               <p testId="mfachallenge.error" class="errorBox">
                 <b>{{ 'IDEA_AUTH.ERROR' | translate }}.</b>
-                {{ errorMsg }}
+                {{ errorMsg() }}
               </p>
             }
             <ion-item>
@@ -3450,12 +3465,14 @@ class IDEASetupMFAModalComponent {
         this._loading = inject(IDEALoadingService);
         this._message = inject(IDEAMessageService);
         this._auth = inject(IDEAAuthService);
+        this.isMFAEnabled = signal(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isMFAEnabled" }] : /* istanbul ignore next */ []));
     }
     async ngOnInit() {
         try {
             await this._loading.show();
-            this.isMFAEnabled = await this._auth.checkIfUserHasMFAEnabled(true);
-            if (!this.isMFAEnabled) {
+            this.isMFAEnabled.set(await this._auth.checkIfUserHasMFAEnabled(true));
+            if (!this.isMFAEnabled()) {
                 const url = await this._auth.getURLForEnablingMFA();
                 await this.generateQRCodeCanvasByURL(url);
             }
@@ -3491,7 +3508,7 @@ class IDEASetupMFAModalComponent {
                 await this._auth.enableMFA(this.otpCode);
             else
                 await this._auth.disableMFA(this.otpCode);
-            this.isMFAEnabled = enable;
+            this.isMFAEnabled.set(enable);
             this._message.success('COMMON.OPERATION_COMPLETED');
             this._modal.dismiss({ enabled: enable });
         }
@@ -3514,20 +3531,20 @@ class IDEASetupMFAModalComponent {
             <ion-icon name="close-circle-outline" slot="icon-only" />
           </ion-button>
         </ion-buttons>
-        <ion-title>{{ (isMFAEnabled ? 'IDEA_AUTH.DISABLE_MFA' : 'IDEA_AUTH.SETUP_MFA') | translate }}</ion-title>
+        <ion-title>{{ (isMFAEnabled() ? 'IDEA_AUTH.DISABLE_MFA' : 'IDEA_AUTH.SETUP_MFA') | translate }}</ion-title>
       </ion-toolbar>
     </ion-header>
     <ion-content class="ion-padding">
       <ion-list class="aList">
         <ion-list-header>
           <ion-label class="ion-text-center">
-            <h2>{{ (isMFAEnabled ? 'IDEA_AUTH.DISABLE_MFA_I' : 'IDEA_AUTH.SETUP_MFA_I') | translate }}</h2>
-            <p>{{ (isMFAEnabled ? 'IDEA_AUTH.DISABLE_MFA_II' : 'IDEA_AUTH.SETUP_MFA_II') | translate }}</p>
+            <h2>{{ (isMFAEnabled() ? 'IDEA_AUTH.DISABLE_MFA_I' : 'IDEA_AUTH.SETUP_MFA_I') | translate }}</h2>
+            <p>{{ (isMFAEnabled() ? 'IDEA_AUTH.DISABLE_MFA_II' : 'IDEA_AUTH.SETUP_MFA_II') | translate }}</p>
           </ion-label>
         </ion-list-header>
         <ion-card color="white">
           <ion-card-content>
-            @if (!isMFAEnabled) {
+            @if (!isMFAEnabled()) {
               <div id="qrCodeContainer"></div>
             }
             <ion-item color="light">
@@ -3539,8 +3556,8 @@ class IDEASetupMFAModalComponent {
                 [(ngModel)]="otpCode"
               />
             </ion-item>
-            <ion-button expand="block" class="ion-margin-top" [disabled]="!otpCode" (click)="setMFA(!isMFAEnabled)">
-              {{ (isMFAEnabled ? 'IDEA_AUTH.DISABLE_MFA' : 'IDEA_AUTH.ENABLE_MFA') | translate }}
+            <ion-button expand="block" class="ion-margin-top" [disabled]="!otpCode" (click)="setMFA(!isMFAEnabled())">
+              {{ (isMFAEnabled() ? 'IDEA_AUTH.DISABLE_MFA' : 'IDEA_AUTH.ENABLE_MFA') | translate }}
             </ion-button>
           </ion-card-content>
         </ion-card>
@@ -3575,20 +3592,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
             <ion-icon name="close-circle-outline" slot="icon-only" />
           </ion-button>
         </ion-buttons>
-        <ion-title>{{ (isMFAEnabled ? 'IDEA_AUTH.DISABLE_MFA' : 'IDEA_AUTH.SETUP_MFA') | translate }}</ion-title>
+        <ion-title>{{ (isMFAEnabled() ? 'IDEA_AUTH.DISABLE_MFA' : 'IDEA_AUTH.SETUP_MFA') | translate }}</ion-title>
       </ion-toolbar>
     </ion-header>
     <ion-content class="ion-padding">
       <ion-list class="aList">
         <ion-list-header>
           <ion-label class="ion-text-center">
-            <h2>{{ (isMFAEnabled ? 'IDEA_AUTH.DISABLE_MFA_I' : 'IDEA_AUTH.SETUP_MFA_I') | translate }}</h2>
-            <p>{{ (isMFAEnabled ? 'IDEA_AUTH.DISABLE_MFA_II' : 'IDEA_AUTH.SETUP_MFA_II') | translate }}</p>
+            <h2>{{ (isMFAEnabled() ? 'IDEA_AUTH.DISABLE_MFA_I' : 'IDEA_AUTH.SETUP_MFA_I') | translate }}</h2>
+            <p>{{ (isMFAEnabled() ? 'IDEA_AUTH.DISABLE_MFA_II' : 'IDEA_AUTH.SETUP_MFA_II') | translate }}</p>
           </ion-label>
         </ion-list-header>
         <ion-card color="white">
           <ion-card-content>
-            @if (!isMFAEnabled) {
+            @if (!isMFAEnabled()) {
               <div id="qrCodeContainer"></div>
             }
             <ion-item color="light">
@@ -3600,8 +3617,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
                 [(ngModel)]="otpCode"
               />
             </ion-item>
-            <ion-button expand="block" class="ion-margin-top" [disabled]="!otpCode" (click)="setMFA(!isMFAEnabled)">
-              {{ (isMFAEnabled ? 'IDEA_AUTH.DISABLE_MFA' : 'IDEA_AUTH.ENABLE_MFA') | translate }}
+            <ion-button expand="block" class="ion-margin-top" [disabled]="!otpCode" (click)="setMFA(!isMFAEnabled())">
+              {{ (isMFAEnabled() ? 'IDEA_AUTH.DISABLE_MFA' : 'IDEA_AUTH.ENABLE_MFA') | translate }}
             </ion-button>
           </ion-card-content>
         </ion-card>
@@ -3628,15 +3645,17 @@ class IDEASetupMFAButtonComponent {
          * Trigger then the MFA setup changes.
          */
         this.change = output();
+        this.isMFAEnabled = signal(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isMFAEnabled" }] : /* istanbul ignore next */ []));
     }
     async ngOnInit() {
-        this.isMFAEnabled = await this._auth.checkIfUserHasMFAEnabled(true);
+        this.isMFAEnabled.set(await this._auth.checkIfUserHasMFAEnabled(true));
     }
     async openMFAModal() {
         const modal = await this._modal.create({ component: IDEASetupMFAModalComponent, backdropDismiss: false });
         modal.onDidDismiss().then(({ data }) => {
             if (data) {
-                this.isMFAEnabled = data.enabled;
+                this.isMFAEnabled.set(data.enabled);
                 this.change.emit(data.enabled);
             }
         });
@@ -3644,9 +3663,9 @@ class IDEASetupMFAButtonComponent {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: IDEASetupMFAButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.2", type: IDEASetupMFAButtonComponent, isStandalone: true, selector: "idea-setup-mfa-button", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, fill: { classPropertyName: "fill", publicName: "fill", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { change: "change" }, ngImport: i0, template: `
-    @if (isMFAEnabled !== undefined) {
+    @if (isMFAEnabled() !== undefined) {
       <ion-button [color]="color()" [fill]="fill()" (click)="openMFAModal()">
-        {{ (isMFAEnabled ? 'IDEA_AUTH.DISABLE_MFA' : 'IDEA_AUTH.SETUP_MFA') | translate }}
+        {{ (isMFAEnabled() ? 'IDEA_AUTH.DISABLE_MFA' : 'IDEA_AUTH.SETUP_MFA') | translate }}
       </ion-button>
     }
   `, isInline: true, dependencies: [{ kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "pipe", type: IDEATranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
@@ -3658,9 +3677,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
                     imports: [IDEATranslatePipe, IonButton],
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: `
-    @if (isMFAEnabled !== undefined) {
+    @if (isMFAEnabled() !== undefined) {
       <ion-button [color]="color()" [fill]="fill()" (click)="openMFAModal()">
-        {{ (isMFAEnabled ? 'IDEA_AUTH.DISABLE_MFA' : 'IDEA_AUTH.SETUP_MFA') | translate }}
+        {{ (isMFAEnabled() ? 'IDEA_AUTH.DISABLE_MFA' : 'IDEA_AUTH.SETUP_MFA') | translate }}
       </ion-button>
     }
   `
@@ -3748,7 +3767,12 @@ class IDEAOktaPage {
         this._route = inject(ActivatedRoute);
         this._router = inject(Router);
         this._env = inject(IDEAEnvironment);
-        this.go = false;
+        this.identityProvider = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "identityProvider" }] : /* istanbul ignore next */ []));
+        this.code = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "code" }] : /* istanbul ignore next */ []));
+        this.go = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "go" }] : /* istanbul ignore next */ []));
         this.domain = this._env.aws.cognito.domain;
         this.clientId = this._env.aws.cognito.userPoolClientId;
         this.redirectURI = `${window.location.origin}${window.location.pathname}`; // Cognito client must include this callback
@@ -3757,19 +3781,19 @@ class IDEAOktaPage {
         this.darkMode = window.matchMedia('(prefers-color-scheme: dark)').matches;
     }
     ionViewWillEnter() {
-        this.identityProvider = this._route.snapshot.queryParamMap.get('provider');
-        this.code = this._route.snapshot.queryParamMap.get('code');
-        this.go = !!this._route.snapshot.queryParamMap.get('go');
+        this.identityProvider.set(this._route.snapshot.queryParamMap.get('provider'));
+        this.code.set(this._route.snapshot.queryParamMap.get('code'));
+        this.go.set(!!this._route.snapshot.queryParamMap.get('go'));
         this._router.navigate([], { queryParams: {}, replaceUrl: true });
-        if (this.code)
+        if (this.code())
             this.endLogin();
-        else if (this.identityProvider && this.go)
+        else if (this.identityProvider() && this.go())
             this.startLogin();
     }
     startLogin() {
         const url = `https://${this.domain}/oauth2/authorize`;
         const params = new URLSearchParams();
-        params.append('identity_provider', this.identityProvider);
+        params.append('identity_provider', this.identityProvider());
         params.append('redirect_uri', this.redirectURI);
         params.append('response_type', 'code');
         params.append('client_id', this.clientId);
@@ -3779,7 +3803,7 @@ class IDEAOktaPage {
     async endLogin() {
         const url = `https://${this.domain}/oauth2/token`;
         const params = new URLSearchParams();
-        params.append('code', this.code);
+        params.append('code', this.code());
         params.append('grant_type', 'authorization_code');
         params.append('redirect_uri', this.redirectURI);
         params.append('client_id', this.clientId);
@@ -3793,7 +3817,7 @@ class IDEAOktaPage {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: IDEAOktaPage, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.2", type: IDEAOktaPage, isStandalone: true, selector: "okta", ngImport: i0, template: `
-    @if (!code && !go) {
+    @if (!code() && !go()) {
       <ion-content>
         <div class="flexBox">
           <ion-card class="authCard">
@@ -3807,7 +3831,7 @@ class IDEAOktaPage {
               </ion-card-header>
             }
             <ion-card-content>
-              @if (identityProvider) {
+              @if (identityProvider()) {
                 <ion-button expand="block" [title]="'IDEA_AUTH.SIGN_IN_HINT' | translate" (click)="startLogin()">
                   {{ 'IDEA_AUTH.SIGN_IN' | translate }}
                 </ion-button>
@@ -3826,7 +3850,7 @@ class IDEAOktaPage {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: IDEAOktaPage, decorators: [{
             type: Component,
             args: [{ selector: 'okta', imports: [IDEATranslatePipe, IonContent, IonCard, IonImg, IonCardHeader, IonCardTitle, IonCardContent, IonButton], changeDetection: ChangeDetectionStrategy.OnPush, template: `
-    @if (!code && !go) {
+    @if (!code() && !go()) {
       <ion-content>
         <div class="flexBox">
           <ion-card class="authCard">
@@ -3840,7 +3864,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
               </ion-card-header>
             }
             <ion-card-content>
-              @if (identityProvider) {
+              @if (identityProvider()) {
                 <ion-button expand="block" [title]="'IDEA_AUTH.SIGN_IN_HINT' | translate" (click)="startLogin()">
                   {{ 'IDEA_AUTH.SIGN_IN' | translate }}
                 </ion-button>