added lowercase text onchange

src/Components/TabPanels/Account/TeamPanel.jsx

@@ -107,12 +107,13 @@ const TeamPanel = () => {
 
 	const handleChange = (event) => {
 		const { value } = event.target;
+		const newEmail = value?.toLowerCase() || value
 		setToInvite((prev) => ({
 			...prev,
-			email: value,
+			email: newEmail,
 		}));
 
-		const validation = credentials.validate({ email: value }, { abortEarly: false });
+		const validation = credentials.validate({ email: newEmail }, { abortEarly: false });
 
 		setErrors((prev) => {
 			const updatedErrors = { ...prev };
@@ -153,7 +154,7 @@ const TeamPanel = () => {
 
 		try {
 			await networkService.sendInvitationToken({
-				email: toInvite.email.toLowerCase(),
+				email: toInvite.email,
 				role: toInvite.role,
 			});
 			closeInviteModal();

src/Features/Auth/authSlice.js

@@ -12,8 +12,7 @@ const initialState = {
 
 export const register = createAsyncThunk("auth/register", async (form, thunkApi) => {
 	try {
-		const newForm = {...form, email: form.email.toLowerCase()}
-		const res = await networkService.registerUser(newForm);
+		const res = await networkService.registerUser(form);
 		return res.data;
 	} catch (error) {
 		if (error.response.data) {
@@ -29,8 +28,7 @@ export const register = createAsyncThunk("auth/register", async (form, thunkApi)
 
 export const login = createAsyncThunk("auth/login", async (form, thunkApi) => {
 	try {
-		const newForm = {...form, email: form.email.toLowerCase()}
-		const res = await networkService.loginUser(newForm);
+		const res = await networkService.loginUser(form);
 		return res.data;
 	} catch (error) {
 		if (error.response && error.response.data) {

src/Pages/Auth/Login/Login.jsx

@@ -63,12 +63,13 @@ const Login = () => {
 	const handleChange = (event) => {
 		const { value, id } = event.target;
 		const name = idMap[id];
+		const lowerCasedValue = name === idMap["login-email-input"]? value?.toLowerCase()||value : value
 		setForm((prev) => ({
 			...prev,
-			[name]: value,
+			[name]: lowerCasedValue,
 		}));
 
-		const { error } = credentials.validate({ [name]: value }, { abortEarly: false });
+		const { error } = credentials.validate({ [name]: lowerCasedValue }, { abortEarly: false });
 
 		setErrors((prev) => {
 			const prevErrors = { ...prev };

src/Pages/Auth/Register/Register.jsx

@@ -259,13 +259,14 @@ const Register = ({ isSuperAdmin }) => {
 	const handleChange = (event) => {
 		const { value, id } = event.target;
 		const name = idMap[id];
+		const lowerCasedValue = name === idMap["register-email-input"]?  value?.toLowerCase() || value : value
 		setForm((prev) => ({
 			...prev,
-			[name]: value,
+			[name]: lowerCasedValue,
 		}));
 
 		const { error } = credentials.validate(
-			{ [name]: value },
+			{ [name]: lowerCasedValue },
 			{ abortEarly: false, context: { password: form.password } }
 		);
 

src/Validation/validation.js

@@ -65,6 +65,13 @@ const credentials = joi.object({
 		.string()
 		.trim()
 		.email({ tlds: { allow: false } })
+		.custom((value, helpers) => {
+			const lowercasedValue = value.toLowerCase();
+			if (value !== lowercasedValue) {
+				return helpers.message("Email must be in lowercase");
+			}
+			return lowercasedValue;
+		})
 		.messages({
 			"string.empty": "Email is required",
 			"string.email": "Must be a valid email address",