fix(frontend/shared): requirements for authorization pages for web version bb-209

apps/frontend/src/libs/components/app/app.tsx

@@ -26,7 +26,12 @@ const App: React.FC = () => {
 		dataStatus === DataStatus.PENDING || dataStatus === DataStatus.IDLE;
 
 	if (isLoading) {
-		return <Loader />;
+		return (
+			<>
+				<Loader />
+				<Notification />
+			</>
+		);
 	}
 
 	return (

apps/frontend/src/pages/auth/libs/components/sign-in-form/sign-in-form.tsx

@@ -35,13 +35,13 @@ const SignInForm: React.FC<Properties> = ({ onSubmit }: Properties) => {
 
 	return (
 		<>
-			<form className={styles["form"]} onSubmit={handleFormSubmit}>
+			<form className={styles["form"]} noValidate onSubmit={handleFormSubmit}>
 				<Input
 					control={control}
 					errors={errors}
 					label="Email"
 					name="email"
-					placeholder="name@example.com"
+					placeholder="email@example.com"
 					type="email"
 				/>
 

apps/frontend/src/pages/auth/libs/components/sign-up-form/sign-up-form.tsx

@@ -55,7 +55,7 @@ const #Form: React.FC<Properties> = ({ onSubmit }: Properties) => {
 
 	return (
 		<>
-			<form className={styles["form"]} onSubmit={handleFormSubmit}>
+			<form className={styles["form"]} noValidate onSubmit={handleFormSubmit}>
 				<Input
 					control={control}
 					errors={errors}
@@ -70,7 +70,7 @@ const #Form: React.FC<Properties> = ({ onSubmit }: Properties) => {
 					errors={errors}
 					label="Email"
 					name="email"
-					placeholder="name@example.com"
+					placeholder="email@example.com"
 					type="email"
 				/>
 

packages/shared/src/libs/enums/error-message.enum.ts

@@ -1,7 +1,7 @@
 const ErrorMessage = {
 	DUPLICATE_QUESTION_ANSWER: "There are multiple answers to the same question.",
 	FORBIDDEN: "Access to the requested resource is denied.",
-	INCORRECT_CREDENTIALS: "Incorrect credentials.",
+	INCORRECT_CREDENTIALS: "Invalid email or password.",
 	INSUFFICIENT_ANSWERS: "You must provide answers for all questions.",
 	MAIL_ERROR: "An error occured when sending an email.",
 	REQUESTED_ENTITY_NOT_FOUND: "The requested entity was not found.",

packages/shared/src/modules/users/libs/enums/user-validation-regex-rule.enum.ts

@@ -1,10 +1,12 @@
 import { UserValidationRule } from "./enums.js";
 
 const UserValidationRegexRule = {
-	EMAIL_DOMAIN_PART_VALID_CHARS: /(?<=@)(?!.*[.-]{2})[\w-]*/,
-	EMAIL_LOCAL_PART_VALID_CHARS: /^[\w!#$&'*+.=–]+(?:\.[\w!#$&'*+=–]+)*(?=@)/,
+	EMAIL_DOMAIN_PART_VALID_CHARS:
+		/(?<=@)[\dA-Za-z–-]{1,30}(\.[\dA-Za-z-]{1,30}){1,2}/,
+	EMAIL_LOCAL_PART_VALID_CHARS:
+		/^(?!.*\.\.)(?!.*\.$)(?!^\.)[\w!#$&'*+=-–]{1,35}(\.[\w!#$&'*+=-]+)*@.*$/,
 	NAME_VALID_CHARS_MIN_MAX: new RegExp(
-		`^[\\w -\\s]{${String(UserValidationRule.NAME_MIN_LENGTH)},${String(UserValidationRule.NAME_MAX_LENGTH)}}$`,
+		`^[a-zA-Z0-9_-]{${String(UserValidationRule.NAME_MIN_LENGTH)},${String(UserValidationRule.NAME_MAX_LENGTH)}}$`,
 	),
 	PASSWORD_CONTAINS_LETTER_AND_NUMBER: /^(?=.*[A-Za-z])(?=.*\d)/,
 	PASSWORD_CONTAINS_LETTER_NUMBER_AND_LENGTH: new RegExp(

packages/shared/src/modules/users/libs/validation-schemas/user-sign-in.validation-schema.ts

@@ -19,9 +19,6 @@ const userSignIn = z
 			.min(UserValidationRule.NON_EMPTY_STRING_MIN_LENGTH, {
 				message: UserValidationMessage.FIELD_REQUIRED,
 			})
-			.email({
-				message: UserValidationMessage.EMAIL_WRONG,
-			})
 			.regex(UserValidationRegexRule.EMAIL_LOCAL_PART_VALID_CHARS, {
 				message: UserValidationMessage.EMAIL_WRONG,
 			})

packages/shared/src/modules/users/libs/validation-schemas/user-sign-up.validation-schema.ts

@@ -20,9 +20,6 @@ const user# = z
 			.min(UserValidationRule.NON_EMPTY_STRING_MIN_LENGTH, {
 				message: UserValidationMessage.FIELD_REQUIRED,
 			})
-			.email({
-				message: UserValidationMessage.EMAIL_WRONG,
-			})
 			.regex(UserValidationRegexRule.EMAIL_LOCAL_PART_VALID_CHARS, {
 				message: UserValidationMessage.EMAIL_WRONG,
 			})
@@ -44,15 +41,15 @@ const user# = z
 			.min(UserValidationRule.NON_EMPTY_STRING_MIN_LENGTH, {
 				message: UserValidationMessage.FIELD_REQUIRED,
 			})
+			.regex(UserValidationRegexRule.PASSWORD_VALID_CHARS, {
+				message: UserValidationMessage.PASSWORD_INVALID_CHARACTERS,
+			})
 			.regex(
 				UserValidationRegexRule.PASSWORD_CONTAINS_LETTER_NUMBER_AND_LENGTH,
 				{
 					message: UserValidationMessage.PASSWORD_REQUIRES_CHARACTER,
 				},
-			)
-			.regex(UserValidationRegexRule.PASSWORD_VALID_CHARS, {
-				message: UserValidationMessage.PASSWORD_INVALID_CHARACTERS,
-			}),
+			),
 	})
 	.required();
 export { user# };