Email is required to request password reset

Author: PowerKiKi

client/app/user/components/request-password-reset/request-password-reset.component.ts

@@ -1,12 +1,13 @@
 import {
+    deliverableEmail,
     ifValid,
     NaturalAlertService,
     NaturalErrorMessagePipe,
     NaturalIconDirective,
     validateAllFormControls,
 } from '@ecodev/natural';
 import {Component, inject} from '@angular/core';
-import {FormControl, FormGroup, FormsModule, ReactiveFormsModule} from '@angular/forms';
+import {FormsModule, NonNullableFormBuilder, ReactiveFormsModule, Validators} from '@angular/forms';
 import {Router} from '@angular/router';
 import {UserService} from '../../../admin/users/services/user.service';
 import {MatButton} from '@angular/material/button';
@@ -36,22 +37,19 @@ export class RequestPasswordResetComponent {
     private readonly alertService = inject(NaturalAlertService);
     private readonly router = inject(Router);
     private readonly userService = inject(UserService);
+    private readonly fb = inject(NonNullableFormBuilder);
 
-    protected readonly form: FormGroup;
+    protected readonly form = this.fb.group({
+        email: ['', [Validators.required, deliverableEmail, Validators.maxLength(191)]],
+    });
     protected sending = false;
 
-    public constructor() {
-        const userService = this.userService;
-
-        this.form = new FormGroup({email: new FormControl('', userService.getFormValidators().email)});
-    }
-
     protected submit(): void {
         validateAllFormControls(this.form);
         ifValid(this.form).subscribe(() => {
             this.sending = true;
 
-            this.userService.requestPasswordReset(this.form.value.email).subscribe({
+            this.userService.requestPasswordReset(this.form.getRawValue().email).subscribe({
                 next: () => {
                     this.sending = false;