From 430e72faff78d83953f2685fa5458a1cfb1d6134 Mon Sep 17 00:00:00 2001
From: Alexandre Monjol <alexandre.monjol@gmail.com>
Date: Wed, 27 Sep 2023 20:51:43 +0200
Subject: [PATCH] bug(email) prevent uppercase value on any email field

---
 src/components/customers/AddCustomerDrawer.tsx         |  1 +
 src/components/form/TextInput/TextInput.tsx            |  5 +++++
 .../form/TextInput/__tests__/FormatValue.test.ts       | 10 ++++++++++
 .../settings/EditOrganizationInformationsDialog.tsx    |  1 +
 src/components/settings/members/CreateInviteDialog.tsx |  1 +
 src/pages/Invitation.tsx                               |  1 +
 src/pages/auth/ForgotPassword.tsx                      |  1 +
 src/pages/auth/Login.tsx                               |  1 +
 src/pages/auth/ResetPassword.tsx                       |  1 +
 src/pages/auth/SignUp.tsx                              |  1 +
 10 files changed, 23 insertions(+)

diff --git a/src/components/customers/AddCustomerDrawer.tsx b/src/components/customers/AddCustomerDrawer.tsx
index 3726422ae..b3f3ee326 100644
--- a/src/components/customers/AddCustomerDrawer.tsx
+++ b/src/components/customers/AddCustomerDrawer.tsx
@@ -312,6 +312,7 @@ export const AddCustomerDrawer = forwardRef<AddCustomerDrawerRef>((_, ref) => {
             />
             <TextInputField
               name="email"
+              beforeChangeFormatter={['lowercase']}
               label={translate('text_626c0c09812bbc00e4c59e09')}
               placeholder={translate('text_626c0c09812bbc00e4c59e0b')}
               formikProps={formikProps}
diff --git a/src/components/form/TextInput/TextInput.tsx b/src/components/form/TextInput/TextInput.tsx
index 1cc61da2d..b1261cfde 100644
--- a/src/components/form/TextInput/TextInput.tsx
+++ b/src/components/form/TextInput/TextInput.tsx
@@ -19,6 +19,7 @@ export enum ValueFormatter {
   positiveNumber = 'positiveNumber',
   code = 'code', // Replace all the spaces by "_"
   chargeDecimal = 'chargeDecimal', // Truncate charge numbers to 15 decimals
+  lowercase = 'lowercase',
 }
 
 export type ValueFormatterType = keyof typeof ValueFormatter
@@ -100,6 +101,10 @@ export const formatValue = (
     formattedValue = String(value).replace(/\s/g, '_')
   }
 
+  if (formatterFunctions.includes(ValueFormatter.lowercase)) {
+    formattedValue = String(value).toLowerCase()
+  }
+
   return !formattedValue && formattedValue !== 0 ? '' : formattedValue
 }
 
diff --git a/src/components/form/TextInput/__tests__/FormatValue.test.ts b/src/components/form/TextInput/__tests__/FormatValue.test.ts
index 6d496d891..2d05d6ff4 100644
--- a/src/components/form/TextInput/__tests__/FormatValue.test.ts
+++ b/src/components/form/TextInput/__tests__/FormatValue.test.ts
@@ -113,6 +113,16 @@ describe('Text input formatValue', () => {
     expect(number).toBe('938884')
   })
 
+  it('should return a lowercase string for "lowercase" formatter', () => {
+    const lowercase = formatValue('May the Force be with you', 'lowercase')
+    const uppercase = formatValue('MY PRECIOUS.', 'lowercase')
+    const number = formatValue(938884, 'lowercase')
+
+    expect(lowercase).toBe('may the force be with you')
+    expect(uppercase).toBe('my precious.')
+    expect(number).toBe('938884')
+  })
+
   it('should return the right value for combined formatters', () => {
     const decimalPositive = formatValue(-13.459484, ['decimal', 'positiveNumber'])
     const intPositive = formatValue(-11.459484, ['int', 'positiveNumber'])
diff --git a/src/components/settings/EditOrganizationInformationsDialog.tsx b/src/components/settings/EditOrganizationInformationsDialog.tsx
index 942bf4e94..81194f944 100644
--- a/src/components/settings/EditOrganizationInformationsDialog.tsx
+++ b/src/components/settings/EditOrganizationInformationsDialog.tsx
@@ -167,6 +167,7 @@ export const EditOrganizationInformationsDialog = forwardRef<
         <FormSection>
           <TextInputField
             name="email"
+            beforeChangeFormatter={['lowercase']}
             label={translate('text_62ab2d0396dd6b0361614d60')}
             placeholder={translate('text_62ab2d0396dd6b0361614d68')}
             formikProps={formikProps}
diff --git a/src/components/settings/members/CreateInviteDialog.tsx b/src/components/settings/members/CreateInviteDialog.tsx
index e205be5d6..231bb0733 100644
--- a/src/components/settings/members/CreateInviteDialog.tsx
+++ b/src/components/settings/members/CreateInviteDialog.tsx
@@ -172,6 +172,7 @@ export const CreateInviteDialog = forwardRef<DialogRef>((_, ref) => {
         {!inviteToken ? (
           <TextInputField
             name="email"
+            beforeChangeFormatter={['lowercase']}
             label={translate('text_63208c701ce25db7814074ab')}
             placeholder={translate('text_63208c711ce25db7814074c1')}
             formikProps={formikProps}
diff --git a/src/pages/Invitation.tsx b/src/pages/Invitation.tsx
index 8a3895aaa..0323e9cbd 100644
--- a/src/pages/Invitation.tsx
+++ b/src/pages/Invitation.tsx
@@ -169,6 +169,7 @@ const Invitation = () => {
               <Input
                 disabled
                 name="email"
+                beforeChangeFormatter={['lowercase']}
                 label={translate('text_63246f875e2228ab7b63dcdc')}
                 value={email}
               />
diff --git a/src/pages/auth/ForgotPassword.tsx b/src/pages/auth/ForgotPassword.tsx
index 97cd30044..217a95a27 100644
--- a/src/pages/auth/ForgotPassword.tsx
+++ b/src/pages/auth/ForgotPassword.tsx
@@ -90,6 +90,7 @@ const ForgotPassword = () => {
             <form onSubmit={(e) => e.preventDefault()}>
               <EmailInput
                 name="email"
+                beforeChangeFormatter={['lowercase']}
                 formikProps={formikProps}
                 label={translate('text_62a99ba2af7535cefacab4aa')}
                 placeholder={translate('text_62a99ba2af7535cefacab4bf')}
diff --git a/src/pages/auth/Login.tsx b/src/pages/auth/Login.tsx
index 9db32478a..23fac47cb 100644
--- a/src/pages/auth/Login.tsx
+++ b/src/pages/auth/Login.tsx
@@ -88,6 +88,7 @@ const Login = () => {
         <form>
           <EmailInput
             name="email"
+            beforeChangeFormatter={['lowercase']}
             formikProps={formikProps}
             label={translate('text_62a99ba2af7535cefacab4aa')}
             placeholder={translate('text_62a99ba2af7535cefacab4bf')}
diff --git a/src/pages/auth/ResetPassword.tsx b/src/pages/auth/ResetPassword.tsx
index 1191e05ad..d21abf3ce 100644
--- a/src/pages/auth/ResetPassword.tsx
+++ b/src/pages/auth/ResetPassword.tsx
@@ -161,6 +161,7 @@ const ResetPassword = () => {
               <Input
                 disabled
                 name="email"
+                beforeChangeFormatter={['lowercase']}
                 label={translate('text_63246f875e2228ab7b63dcdc')}
                 value={email}
               />
diff --git a/src/pages/auth/SignUp.tsx b/src/pages/auth/SignUp.tsx
index 5605cc38c..b579ae151 100644
--- a/src/pages/auth/SignUp.tsx
+++ b/src/pages/auth/SignUp.tsx
@@ -134,6 +134,7 @@ const SignUp = () => {
           />
           <Input
             name="email"
+            beforeChangeFormatter={['lowercase']}
             onChange={(value) => setFormFields((prev) => ({ ...prev, email: value }))}
             label={translate('text_62a99ba2af7535cefacab4aa')}
             placeholder={translate('text_62a99ba2af7535cefacab4bf')}