From ae39f91085d463a224970ccfdc70359501049b35 Mon Sep 17 00:00:00 2001
From: Felipe <84182706+felipe-rod123@users.noreply.github.com>
Date: Fri, 16 Jun 2023 10:04:06 -0300
Subject: [PATCH] fix: Incomplete emails are being accepted at user
 registration (#29115)

* work in progress

* add Error to input box

* Remove console.logs

* fix lint

* fix emailInput and add useDebouncedValue

* change useDebounced time and useForm validation

* fix review

* Create incomplete-emails.md

* fix: simplified changeset

---------

Co-authored-by: Hugo Costa <hugocarreiracosta@gmail.com>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
Co-authored-by: Gabriel Casals <83978645+casalsgh@users.noreply.github.com>
---
 .changeset/incomplete-emails.md                   | 5 +++++
 packages/web-ui-registration/src/RegisterForm.tsx | 6 +++++-
 2 files changed, 10 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/incomplete-emails.md

diff --git a/.changeset/incomplete-emails.md b/.changeset/incomplete-emails.md
new file mode 100644
index 0000000000000..b1310750e22d0
--- /dev/null
+++ b/.changeset/incomplete-emails.md
@@ -0,0 +1,5 @@
+---
+"@rocket.chat/web-ui-registration": patch
+---
+
+✅ Added a new email validation in the Registration Form
diff --git a/packages/web-ui-registration/src/RegisterForm.tsx b/packages/web-ui-registration/src/RegisterForm.tsx
index cb81b517a5085..5bc43c36adaa7 100644
--- a/packages/web-ui-registration/src/RegisterForm.tsx
+++ b/packages/web-ui-registration/src/RegisterForm.tsx
@@ -100,9 +100,13 @@ export const RegisterForm = ({ setLoginRoute }: { setLoginRoute: DispatchLoginRo
 							<TextInput
 								{...register('email', {
 									required: true,
+									pattern: {
+										value: /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i,
+										message: t('registration.component.form.invalidEmail'),
+									},
 								})}
 								placeholder={usernameOrEmailPlaceholder || t('registration.component.form.emailPlaceholder')}
-								error={errors.email && t('registration.component.form.requiredField')}
+								error={errors.email && t('registration.component.form.invalidEmail')}
 								name='email'
 								aria-invalid={errors.email ? 'true' : undefined}
 								id='email'