valtech-components 2.0.691 → 2.0.692

package/src/lib/components/organisms/login/login.component.ts

@@ -1,866 +0,0 @@
-import {
-  Component,
-  computed,
-  EventEmitter,
-  inject,
-  Input,
-  OnDestroy,
-  Output,
-  signal,
-} from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { Validators } from '@angular/forms';
-import { Router } from '@angular/router';
-import {
-  IonButton,
-  IonButtons,
-  IonContent,
-  IonHeader,
-  IonIcon,
-  IonModal,
-  IonText,
-  IonToolbar,
-} from '@ionic/angular/standalone';
-
-import { AuthService } from '../../../services/auth';
-import { ToastService } from '../../../services/toast.service';
-import { I18nService, InputI18nHelper } from '../../../services/i18n';
-import { FormComponent } from '../form/form.component';
-import { ImageComponent } from '../../atoms/image/image.component';
-import {
-  FormMetadata,
-  FormSubmit,
-  InputType,
-  ComponentStates,
-  ComponentState,
-} from '../../types';
-import { SolidDefaultBlock } from '../../atoms/button/factory';
-import {
-  LoginMetadata,
-  LoginSuccessEvent,
-  LoginErrorEvent,
-  MFARequiredEvent,
-  LOGIN_DEFAULTS,
-} from './types';
-
-@Component({
-  selector: 'val-login',
-  standalone: true,
-  imports: [
-    CommonModule,
-    IonButton,
-    IonButtons,
-    IonContent,
-    IonHeader,
-    IonIcon,
-    IonModal,
-    IonText,
-    IonToolbar,
-    FormComponent,
-    ImageComponent,
-  ],
-  templateUrl: './login.component.html',
-  styleUrls: ['./login.component.scss'],
-})
-export class LoginComponent implements OnDestroy {
-  @Input() props: LoginMetadata = {};
-
-  @Output() onSuccess = new EventEmitter<LoginSuccessEvent>();
-  @Output() onError = new EventEmitter<LoginErrorEvent>();
-  @Output() onMFARequired = new EventEmitter<MFARequiredEvent>();
-
-  // Services
-  authService = inject(AuthService);
-  private toastService = inject(ToastService);
-  private router = inject(Router);
-  private i18n = inject(I18nService);
-  private i18nHelper = inject(InputI18nHelper);
-
-  /**
-   * Helper method for translating auth-related strings.
-   * Exposed to template for dynamic text.
-   */
-  t(key: string, data?: Record<string, string>): string {
-    return this.i18n.t(key, '_auth', data);
-  }
-
-  // Timers
-  private resendTimer: ReturnType<typeof setInterval> | null = null;
-  private resetResendTimer: ReturnType<typeof setInterval> | null = null;
-
-  // State
-  isOAuthLoading = false;
-  isRegisterModalOpen = false;
-  isVerifyModalOpen = false;
-  isForgotPasswordModalOpen = false;
-  isResetPasswordModalOpen = false;
-  isMFAVerifyModalOpen = false;
-
-  pendingVerificationEmail = '';
-  pendingResetEmail = '';
-  resendCooldown = 0;
-  resetResendCooldown = 0;
-
-  // Resolved props with defaults
-  get config(): Required<Omit<LoginMetadata, 'logo' | 'legal' | 'redirectOnSuccess'>> & LoginMetadata {
-    return { ...LOGIN_DEFAULTS, ...this.props };
-  }
-
-  // ==========================================
-  // FORM STATE SIGNALS
-  // ==========================================
-
-  private _loginFormState = signal<ComponentState>(ComponentStates.ENABLED);
-  private _registerFormState = signal<ComponentState>(ComponentStates.ENABLED);
-  private _verifyFormState = signal<ComponentState>(ComponentStates.ENABLED);
-  private _verifyFormSectionName = signal('');
-  private _mfaVerifyFormState = signal<ComponentState>(ComponentStates.ENABLED);
-  private _mfaMethod = signal<'TOTP' | 'EMAIL' | 'SMS'>('TOTP');
-  private _forgotPasswordFormState = signal<ComponentState>(ComponentStates.ENABLED);
-  private _resetPasswordFormState = signal<ComponentState>(ComponentStates.ENABLED);
-  private _resetFormSectionName = signal('');
-
-  // ==========================================
-  // LOGIN FORM (computed)
-  // ==========================================
-
-  readonly loginFormProps = computed<FormMetadata>(() =>
-    this.i18nHelper.resolveForm({
-      nameKey: 'loginTitle',
-      i18nNamespace: '_auth',
-      sections: [
-        {
-          name: '',
-          order: 0,
-          fields: [
-            {
-              type: InputType.EMAIL,
-              name: 'email',
-              token: 'login-email',
-              hint: '',
-              labelKey: 'email',
-              placeholderKey: 'emailPlaceholder',
-              errorKeys: {
-                required: 'emailRequired',
-                email: 'emailInvalid',
-              },
-              validators: [Validators.required, Validators.email],
-              order: 0,
-              state: ComponentStates.ENABLED,
-            },
-            {
-              type: InputType.PASSWORD,
-              name: 'password',
-              token: 'login-password',
-              hint: '',
-              labelKey: 'password',
-              placeholderKey: 'passwordPlaceholder',
-              errorKeys: {
-                required: 'passwordRequired',
-              },
-              validators: [Validators.required],
-              order: 1,
-              state: ComponentStates.ENABLED,
-            },
-          ],
-        },
-      ],
-      actions: {
-        ...SolidDefaultBlock('', 'submit'),
-        token: 'login-submit',
-        textKey: 'loginSubmit',
-      },
-      state: this._loginFormState(),
-    })
-  );
-
-  // ==========================================
-  // REGISTER FORM (computed)
-  // ==========================================
-
-  readonly registerFormProps = computed<FormMetadata>(() =>
-    this.i18nHelper.resolveForm({
-      nameKey: 'registerTitle',
-      i18nNamespace: '_auth',
-      sections: [
-        {
-          name: '',
-          order: 0,
-          fields: [
-            {
-              type: InputType.TEXT,
-              name: 'name',
-              token: 'register-name',
-              hint: '',
-              labelKey: 'fullName',
-              placeholderKey: 'namePlaceholder',
-              errorKeys: {
-                required: 'nameRequired',
-                minlength: 'nameMinLength',
-              },
-              validators: [Validators.required, Validators.minLength(2)],
-              order: 0,
-              state: ComponentStates.ENABLED,
-            },
-            {
-              type: InputType.EMAIL,
-              name: 'email',
-              token: 'register-email',
-              hint: '',
-              labelKey: 'email',
-              placeholderKey: 'emailPlaceholder',
-              errorKeys: {
-                required: 'emailRequired',
-                email: 'emailInvalid',
-              },
-              validators: [Validators.required, Validators.email],
-              order: 1,
-              state: ComponentStates.ENABLED,
-            },
-            {
-              type: InputType.PASSWORD,
-              name: 'password',
-              token: 'register-password',
-              hint: '',
-              labelKey: 'password',
-              placeholderKey: 'passwordPlaceholder',
-              errorKeys: {
-                required: 'passwordRequired',
-                minlength: 'passwordMinLength',
-              },
-              validators: [Validators.required, Validators.minLength(8)],
-              order: 2,
-              state: ComponentStates.ENABLED,
-            },
-          ],
-        },
-      ],
-      actions: {
-        ...SolidDefaultBlock('', 'submit'),
-        token: 'register-submit',
-        textKey: 'registerSubmit',
-      },
-      state: this._registerFormState(),
-    })
-  );
-
-  // ==========================================
-  // VERIFY EMAIL FORM (computed)
-  // ==========================================
-
-  readonly verifyFormProps = computed<FormMetadata>(() => {
-    const sectionName = this._verifyFormSectionName() || this.t('verifyDescription');
-    return this.i18nHelper.resolveForm({
-      nameKey: 'verifyTitle',
-      i18nNamespace: '_auth',
-      sections: [
-        {
-          name: sectionName,
-          order: 0,
-          fields: [
-            {
-              type: InputType.PIN_CODE,
-              label: '',
-              name: 'code',
-              token: 'verify-pin',
-              hint: '',
-              placeholder: '',
-              errorKeys: {
-                required: 'codeRequired',
-                minlength: 'codeMinLength',
-              },
-              validators: [Validators.required, Validators.minLength(6)],
-              order: 0,
-              state: ComponentStates.ENABLED,
-              length: 6,
-              allowNumbersOnly: true,
-              autoFocus: true,
-            },
-          ],
-        },
-      ],
-      actions: {
-        ...SolidDefaultBlock('', 'submit'),
-        token: 'verify-submit',
-        textKey: 'verifySubmit',
-      },
-      state: this._verifyFormState(),
-    });
-  });
-
-  // ==========================================
-  // MFA VERIFY FORM (computed)
-  // ==========================================
-
-  readonly mfaVerifyFormProps = computed<FormMetadata>(() => {
-    const method = this._mfaMethod();
-    const sectionName =
-      method === 'TOTP'
-        ? this.t('mfaTOTP')
-        : method === 'EMAIL'
-          ? this.t('mfaEmail')
-          : this.t('mfaSMS');
-
-    return this.i18nHelper.resolveForm({
-      nameKey: 'mfaTitle',
-      i18nNamespace: '_auth',
-      sections: [
-        {
-          name: sectionName,
-          order: 0,
-          fields: [
-            {
-              type: InputType.PIN_CODE,
-              label: '',
-              name: 'code',
-              token: 'mfa-pin',
-              hint: '',
-              placeholder: '',
-              errorKeys: {
-                required: 'codeRequired',
-                minlength: 'codeMinLength',
-              },
-              validators: [Validators.required, Validators.minLength(6)],
-              order: 0,
-              state: ComponentStates.ENABLED,
-              length: 6,
-              allowNumbersOnly: true,
-              autoFocus: true,
-            },
-          ],
-        },
-      ],
-      actions: {
-        ...SolidDefaultBlock('', 'submit'),
-        token: 'mfa-verify-submit',
-        textKey: 'verifySubmit',
-      },
-      state: this._mfaVerifyFormState(),
-    });
-  });
-
-  // ==========================================
-  // FORGOT PASSWORD FORM (computed)
-  // ==========================================
-
-  readonly forgotPasswordFormProps = computed<FormMetadata>(() =>
-    this.i18nHelper.resolveForm({
-      nameKey: 'forgotTitle',
-      i18nNamespace: '_auth',
-      sections: [
-        {
-          name: this.t('forgotDescription'),
-          order: 0,
-          fields: [
-            {
-              type: InputType.EMAIL,
-              label: '',
-              name: 'email',
-              token: 'forgot-email',
-              hint: '',
-              placeholderKey: 'emailPlaceholder',
-              errorKeys: {
-                required: 'emailRequired',
-                email: 'emailInvalid',
-              },
-              validators: [Validators.required, Validators.email],
-              order: 0,
-              state: ComponentStates.ENABLED,
-            },
-          ],
-        },
-      ],
-      actions: {
-        ...SolidDefaultBlock('', 'submit'),
-        token: 'forgot-submit',
-        textKey: 'forgotSubmit',
-      },
-      state: this._forgotPasswordFormState(),
-    })
-  );
-
-  // ==========================================
-  // RESET PASSWORD FORM (computed)
-  // ==========================================
-
-  readonly resetPasswordFormProps = computed<FormMetadata>(() => {
-    const sectionName = this._resetFormSectionName() || this.t('resetDescription');
-    return this.i18nHelper.resolveForm({
-      nameKey: 'resetTitle',
-      i18nNamespace: '_auth',
-      sections: [
-        {
-          name: sectionName,
-          order: 0,
-          fields: [
-            {
-              type: InputType.PIN_CODE,
-              label: '',
-              name: 'code',
-              token: 'reset-pin',
-              hint: '',
-              placeholder: '',
-              errorKeys: {
-                required: 'codeRequired',
-                minlength: 'codeMinLength',
-              },
-              validators: [Validators.required, Validators.minLength(6)],
-              order: 0,
-              state: ComponentStates.ENABLED,
-              length: 6,
-              allowNumbersOnly: true,
-              autoFocus: true,
-            },
-            {
-              type: InputType.PASSWORD,
-              name: 'newPassword',
-              token: 'reset-new-password',
-              labelKey: 'newPassword',
-              hintKey: 'newPasswordHint',
-              placeholderKey: 'passwordPlaceholder',
-              errorKeys: {
-                required: 'passwordRequired',
-                minlength: 'passwordMinLength',
-              },
-              validators: [Validators.required, Validators.minLength(8)],
-              order: 1,
-              state: ComponentStates.ENABLED,
-            },
-          ],
-        },
-      ],
-      actions: {
-        ...SolidDefaultBlock('', 'submit'),
-        token: 'reset-submit',
-        textKey: 'resetSubmit',
-      },
-      state: this._resetPasswordFormState(),
-    });
-  });
-
-  // ==========================================
-  // HANDLERS
-  // ==========================================
-
-  loginHandler(event: FormSubmit): void {
-    const email = event.fields['email'];
-    const password = event.fields['password'];
-
-    if (!email || !password) {
-      this.showToast(this.t('completeAllFields'));
-      return;
-    }
-
-    this._loginFormState.set(ComponentStates.WORKING);
-
-    this.authService.signin({ email, password }).subscribe({
-      next: () => {
-        this._loginFormState.set(ComponentStates.ENABLED);
-
-        if (this.authService.mfaPending().required) {
-          this.openMFAVerifyModal();
-          return;
-        }
-
-        this.handleLoginSuccess();
-      },
-      error: (err) => {
-        this._loginFormState.set(ComponentStates.ENABLED);
-
-        const errorCode = (err as { code?: string })?.code;
-        if (errorCode === 'AUTHV2_EMAIL_NOT_VERIFIED') {
-          this.openVerifyModal(email);
-          return;
-        }
-
-        this.handleError(err, 'signin');
-      },
-    });
-  }
-
-  loginWithOAuth(provider: 'google' | 'apple' | 'microsoft'): void {
-    this.isOAuthLoading = true;
-
-    this.authService.signinWithOAuth(provider).subscribe({
-      next: () => {
-        this.isOAuthLoading = false;
-
-        if (this.authService.mfaPending().required) {
-          this.openMFAVerifyModal();
-          return;
-        }
-
-        this.handleLoginSuccess(provider);
-      },
-      error: (err) => {
-        this.isOAuthLoading = false;
-
-        const errorCode = (err as { code?: string })?.code;
-        if (errorCode === 'POPUP_CLOSED') {
-          return;
-        }
-
-        this.handleError(err, 'oauth');
-      },
-    });
-  }
-
-  // ==========================================
-  // REGISTER HANDLERS
-  // ==========================================
-
-  openRegisterModal(): void {
-    this.isRegisterModalOpen = true;
-  }
-
-  closeRegisterModal(): void {
-    this.isRegisterModalOpen = false;
-  }
-
-  registerHandler(event: FormSubmit): void {
-    const name = event.fields['name'];
-    const email = event.fields['email'];
-    const password = event.fields['password'];
-
-    if (!name || !email || !password) {
-      this.showToast(this.t('completeAllFields'));
-      return;
-    }
-
-    this._registerFormState.set(ComponentStates.WORKING);
-
-    this.authService.signup({ name, email, password }).subscribe({
-      next: () => {
-        this._registerFormState.set(ComponentStates.ENABLED);
-        this.closeRegisterModal();
-        this.openVerifyModal(email);
-      },
-      error: (err) => {
-        this._registerFormState.set(ComponentStates.ENABLED);
-        this.handleError(err, 'signup');
-      },
-    });
-  }
-
-  // ==========================================
-  // VERIFY EMAIL HANDLERS
-  // ==========================================
-
-  openVerifyModal(email: string): void {
-    this.pendingVerificationEmail = email;
-    this._verifyFormSectionName.set(`${this.t('verifyDescription').replace('.', '')} (${email})`);
-    this._verifyFormState.set(ComponentStates.ENABLED);
-    this.isVerifyModalOpen = true;
-    this.startResendCooldown();
-  }
-
-  closeVerifyModal(): void {
-    this.isVerifyModalOpen = false;
-    this.pendingVerificationEmail = '';
-    this._verifyFormSectionName.set('');
-    this.stopResendCooldown();
-  }
-
-  verifyHandler(event: FormSubmit): void {
-    const code = event.fields['code'];
-
-    this._verifyFormState.set(ComponentStates.WORKING);
-
-    this.authService
-      .verifyEmail({
-        email: this.pendingVerificationEmail,
-        code,
-      })
-      .subscribe({
-        next: () => {
-          this._verifyFormState.set(ComponentStates.ENABLED);
-          this.showToast(this.t('emailVerified'));
-          this.closeVerifyModal();
-          this.handleLoginSuccess();
-        },
-        error: (err) => {
-          this._verifyFormState.set(ComponentStates.ENABLED);
-          this.handleError(err, 'verify');
-        },
-      });
-  }
-
-  resendCode(): void {
-    if (this.resendCooldown > 0) return;
-
-    this.authService
-      .resendCode({
-        email: this.pendingVerificationEmail,
-        type: 'EMAIL_VERIFY',
-      })
-      .subscribe({
-        next: () => {
-          this.showToast(this.t('codeSent'));
-          this.startResendCooldown();
-        },
-        error: (err) => {
-          this.handleError(err, 'verify');
-        },
-      });
-  }
-
-  // ==========================================
-  // MFA HANDLERS
-  // ==========================================
-
-  openMFAVerifyModal(): void {
-    const method = this.authService.mfaPending().method as 'TOTP' | 'EMAIL' | 'SMS';
-    this._mfaMethod.set(method);
-    this._mfaVerifyFormState.set(ComponentStates.ENABLED);
-    this.isMFAVerifyModalOpen = true;
-
-    this.onMFARequired.emit({ method });
-  }
-
-  closeMFAVerifyModal(): void {
-    this.isMFAVerifyModalOpen = false;
-  }
-
-  verifyMFAHandler(event: FormSubmit): void {
-    const code = event.fields['code'];
-
-    this._mfaVerifyFormState.set(ComponentStates.WORKING);
-
-    this.authService.verifyMFA(code).subscribe({
-      next: () => {
-        this._mfaVerifyFormState.set(ComponentStates.ENABLED);
-        this.closeMFAVerifyModal();
-        this.handleLoginSuccess(undefined, true);
-      },
-      error: (err) => {
-        this._mfaVerifyFormState.set(ComponentStates.ENABLED);
-        this.handleError(err, 'mfa');
-      },
-    });
-  }
-
-  // ==========================================
-  // FORGOT PASSWORD HANDLERS
-  // ==========================================
-
-  openForgotPasswordModal(): void {
-    this.isForgotPasswordModalOpen = true;
-  }
-
-  closeForgotPasswordModal(): void {
-    this.isForgotPasswordModalOpen = false;
-  }
-
-  forgotPasswordHandler(event: FormSubmit): void {
-    const email = event.fields['email'];
-
-    if (!email) {
-      this.showToast(this.t('enterEmail'));
-      return;
-    }
-
-    this._forgotPasswordFormState.set(ComponentStates.WORKING);
-
-    this.authService.forgotPassword({ email }).subscribe({
-      next: () => {
-        this._forgotPasswordFormState.set(ComponentStates.ENABLED);
-        this.closeForgotPasswordModal();
-        this.openResetPasswordModal(email);
-        this.showToast(this.t('codeSent'));
-      },
-      error: (err) => {
-        this._forgotPasswordFormState.set(ComponentStates.ENABLED);
-        this.handleError(err, 'forgot');
-      },
-    });
-  }
-
-  // ==========================================
-  // RESET PASSWORD HANDLERS
-  // ==========================================
-
-  openResetPasswordModal(email: string): void {
-    this.pendingResetEmail = email;
-    this._resetFormSectionName.set(`${this.t('resetDescription').replace('.', '')} (${email})`);
-    this._resetPasswordFormState.set(ComponentStates.ENABLED);
-    this.isResetPasswordModalOpen = true;
-    this.startResetResendCooldown();
-  }
-
-  closeResetPasswordModal(): void {
-    this.isResetPasswordModalOpen = false;
-    this.pendingResetEmail = '';
-    this._resetFormSectionName.set('');
-    this.stopResetResendCooldown();
-  }
-
-  resetPasswordHandler(event: FormSubmit): void {
-    const code = event.fields['code'];
-    const newPassword = event.fields['newPassword'];
-
-    this._resetPasswordFormState.set(ComponentStates.WORKING);
-
-    this.authService
-      .resetPassword({
-        email: this.pendingResetEmail,
-        code,
-        newPassword,
-      })
-      .subscribe({
-        next: () => {
-          this._resetPasswordFormState.set(ComponentStates.ENABLED);
-          this.showToast(this.t('passwordUpdated'));
-          this.closeResetPasswordModal();
-        },
-        error: (err) => {
-          this._resetPasswordFormState.set(ComponentStates.ENABLED);
-          this.handleError(err, 'reset');
-        },
-      });
-  }
-
-  resendResetCode(): void {
-    if (this.resetResendCooldown > 0) return;
-
-    this.authService
-      .resendCode({
-        email: this.pendingResetEmail,
-        type: 'PASSWORD_RESET',
-      })
-      .subscribe({
-        next: () => {
-          this.showToast(this.t('codeSent'));
-          this.startResetResendCooldown();
-        },
-        error: (err) => {
-          this.handleError(err, 'reset');
-        },
-      });
-  }
-
-  // ==========================================
-  // HELPERS
-  // ==========================================
-
-  private handleLoginSuccess(oauthProvider?: 'google' | 'apple' | 'microsoft', mfaCompleted?: boolean): void {
-    this.showToast(this.t('welcome'));
-
-    this.onSuccess.emit({
-      user: this.authService.user(),
-      mfaCompleted,
-      oauthProvider,
-    });
-
-    if (this.props.redirectOnSuccess) {
-      this.router.navigate([this.props.redirectOnSuccess]);
-    }
-  }
-
-  private handleError(err: unknown, operation: LoginErrorEvent['operation']): void {
-    const message = this.getErrorMessage(err);
-    this.showToast(message);
-
-    this.onError.emit({
-      code: (err as { code?: string })?.code,
-      message,
-      operation,
-    });
-  }
-
-  private showToast(message: string): void {
-    this.toastService.show({
-      message,
-      duration: 3500,
-      position: 'top',
-      color: 'dark',
-    });
-  }
-
-  private getErrorMessage(err: unknown): string {
-    const error = err as {
-      error?: { message?: string; code?: string };
-      code?: string;
-    };
-
-    // Map error codes to i18n keys
-    const errorKeyMap: Record<string, string> = {
-      // Signin
-      AUTHV2_INVALID_CREDENTIALS: 'errorInvalidCredentials',
-      AUTHV2_EMAIL_NOT_VERIFIED: 'errorEmailNotVerified',
-      AUTHV2_ACCOUNT_SUSPENDED: 'errorAccountSuspended',
-
-      // Signup
-      AUTHV2_EMAIL_EXISTS: 'errorEmailExists',
-      AUTHV2_WEAK_PASSWORD: 'errorWeakPassword',
-
-      // Verification codes
-      AUTHV2_INVALID_CODE: 'errorInvalidCode',
-      AUTHV2_EXPIRED_CODE: 'errorExpiredCode',
-      AUTHV2_CODE_EXPIRED: 'errorExpiredCode',
-      AUTHV2_TOO_MANY_ATTEMPTS: 'errorTooManyAttempts',
-
-      // MFA
-      AUTHV2_MFA_INVALID_CODE: 'errorMFAInvalidCode',
-
-      // OAuth
-      POPUP_BLOCKED: 'errorPopupBlocked',
-      OAUTH_FAILED: 'errorOAuthFailed',
-    };
-
-    const errorCode = error?.error?.code || error?.code;
-    if (errorCode && errorKeyMap[errorCode]) {
-      return this.t(errorKeyMap[errorCode]);
-    }
-
-    if (error?.error?.message) {
-      return error.error.message;
-    }
-
-    return this.t('errorGeneric');
-  }
-
-  // ==========================================
-  // COOLDOWN TIMERS
-  // ==========================================
-
-  private startResendCooldown(): void {
-    this.resendCooldown = 30;
-    this.resendTimer = setInterval(() => {
-      this.resendCooldown--;
-      if (this.resendCooldown <= 0) {
-        this.stopResendCooldown();
-      }
-    }, 1000);
-  }
-
-  private stopResendCooldown(): void {
-    if (this.resendTimer) {
-      clearInterval(this.resendTimer);
-      this.resendTimer = null;
-    }
-    this.resendCooldown = 0;
-  }
-
-  private startResetResendCooldown(): void {
-    this.resetResendCooldown = 30;
-    this.resetResendTimer = setInterval(() => {
-      this.resetResendCooldown--;
-      if (this.resetResendCooldown <= 0) {
-        this.stopResetResendCooldown();
-      }
-    }, 1000);
-  }
-
-  private stopResetResendCooldown(): void {
-    if (this.resetResendTimer) {
-      clearInterval(this.resetResendTimer);
-      this.resetResendTimer = null;
-    }
-    this.resetResendCooldown = 0;
-  }
-
-  ngOnDestroy(): void {
-    this.stopResendCooldown();
-    this.stopResetResendCooldown();
-  }
-}