Add support for email login in addition to username

Co-authored-by: sschonss <82298137+sschonss@users.noreply.github.com>

Author: Copilot

packages/account/domain/src/server/use-cases/authentication.ts

@@ -15,7 +15,13 @@ export class AuthenticationUseCase
   ) {}
 
   async execute(data: ValidateUserCode) {
-    const user = await this.usersService.findOneBy('name', data.name);
+    // Check if the input is an email or username
+    const isEmail = data.name.includes('@');
+    
+    // Try to find user by email or username
+    const user = isEmail
+      ? await this.usersService.findOneBy('contact.email', data.name)
+      : await this.usersService.findOneBy('name', data.name);
 
     if (!user || !user.code) {
       throw new AuthenticationError('Não autorizado, já criou sua conta?');

packages/account/domain/src/server/use-cases/send-user-code.ts

@@ -12,7 +12,13 @@ export class SendUserCodeUseCase implements UseCase<string, ResponseMessage> {
   ) {}
 
   async execute(name: string) {
-    const user = await this.usersService.findOneBy('name', name);
+    // Check if the input is an email or username
+    const isEmail = name.includes('@');
+    
+    // Try to find user by email or username
+    const user = isEmail
+      ? await this.usersService.findOneBy('contact.email', name)
+      : await this.usersService.findOneBy('name', name);
 
     if (!user) {
       throw new AuthenticationError();

packages/account/feature-auth/src/lib/containers/authentication/authentication.container.html

@@ -26,15 +26,15 @@
         </ng-template>
         <form [formGroup]="form" (submit)="sendUserCode()">
           <mat-form-field>
-            <mat-label>Seu usuário</mat-label>
+            <mat-label>Seu usuário ou email</mat-label>
             <input
               matInput
               #nameRef
               formControlName="name"
               autocomplete="username"
               autofocus
             />
-            <mat-error>Obrigatório</mat-error>
+            <mat-error>Digite um usuário ou email válido</mat-error>
           </mat-form-field>
 
           <button mat-button matStepperNext>Enviar código por e-mail</button>

packages/account/feature-auth/src/lib/forms/authentication.ts

@@ -2,12 +2,31 @@ import { FormControl, FormGroup, Validators } from '@angular/forms';
 import { ValidateUserCode } from '@devmx/account-data-access';
 import { TypedForm } from '@devmx/shared-ui-global/forms';
 
+/**
+ * Custom validator that accepts either a username (lowercase alphanumeric) or an email
+ */
+function usernameOrEmailValidator(control: FormControl) {
+  const value = control.value;
+  if (!value) return null;
+
+  const isEmail = value.includes('@');
+  if (isEmail) {
+    // Use simple email validation (same as Validators.email)
+    const emailPattern = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
+    return emailPattern.test(value) ? null : { invalidEmailOrUsername: true };
+  } else {
+    // Username pattern (lowercase alphanumeric)
+    const usernamePattern = /^[a-z0-9]+$/;
+    return usernamePattern.test(value) ? null : { invalidEmailOrUsername: true };
+  }
+}
+
 export class AuthenticationForm extends FormGroup<TypedForm<ValidateUserCode>> {
   constructor() {
     super({
       name: new FormControl('', {
         nonNullable: true,
-        validators: [Validators.required, Validators.pattern(/^[a-z0-9]+$/)],
+        validators: [Validators.required, usernameOrEmailValidator],
       }),
       code: new FormControl('', {
         nonNullable: true,