fix: ✨ allows users to enter accented name characters

packages/account/src/Configs/personal-details-config.js

@@ -29,7 +29,7 @@ const personal_details_config = ({ residence_list, account_settings, is_appstore
             rules: [
                 ['req', localize('First name is required.')],
                 ['length', localize('First name should be between 2 and 50 characters.'), { min: 2, max: 50 }],
-                ['letter_symbol', getErrorMessages().letter_symbol()],
+                ['name', getErrorMessages().name()],
             ],
         },
         last_name: {
@@ -38,7 +38,7 @@ const personal_details_config = ({ residence_list, account_settings, is_appstore
             rules: [
                 ['req', localize('Last name is required.')],
                 ['length', localize('Last name should be between 2 and 50 characters.'), { min: 2, max: 50 }],
-                ['letter_symbol', getErrorMessages().letter_symbol()],
+                ['name', getErrorMessages().name()],
             ],
         },
         date_of_birth: {

packages/core/src/Constants/form-error-messages.js

@@ -11,7 +11,7 @@ export const FORM_ERROR_MESSAGES = {
         }),
     email: () => localize('Invalid email address.'),
     general: () => localize('Only letters, numbers, space, hyphen, period, and apostrophe are allowed.'),
-    letter_symbol: () => localize('Letters, spaces, periods, hyphens, apostrophes only'),
+    name: () => localize('Letters, spaces, periods, hyphens, apostrophes only.'),
     password: () => localize('Password should have lower and uppercase English letters with numbers.'),
     po_box: () => localize('P.O. Box is not accepted in address'),
     phone: () => localize('Please enter a valid phone number (e.g. +15417541234).'),

packages/shared/src/utils/validation/declarative-validation-rules.ts

@@ -24,6 +24,7 @@ export const validPostCode = (value: string) => value === '' || /^[A-Za-z0-9][A-
 export const validTaxID = (value: string) => /(?!^$|\s+)[A-Za-z0-9./\s-]$/.test(value);
 export const validPhone = (value: string) => /^\+?([0-9-]+\s)*[0-9-]+$/.test(value);
 export const validLetterSymbol = (value: string) => /^[A-Za-z]+([a-zA-Z.' -])*[a-zA-Z.' -]+$/.test(value);
+export const validName = (value: string) => /^(?!.*\s{2,})[\p{L}\s'.-]{2,50}$/u.test(value);
 export const validLength = (value = '', options: TOptions) =>
     (options.min ? value.length >= options.min : true) && (options.max ? value.length <= options.max : true);
 export const validPassword = (value: string) => /(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[a-zA-Z\d]+/.test(value);
@@ -108,9 +109,9 @@ const initPreBuildDVRs = () => ({
         message: form_error_messages.general,
     },
     length: { func: validLength, message: '' }, // Message will be set in validLength function on initiation
-    letter_symbol: {
-        func: validLetterSymbol,
-        message: form_error_messages.letter_symbol,
+    name: {
+        func: validName,
+        message: form_error_messages.name,
     },
     number: {
         func: (...args: [string, TOptions, Record<string, string | boolean>]) => {

packages/shared/src/utils/validation/form-error-messages-types.ts

@@ -6,7 +6,7 @@ export type TFormErrorMessagesTypes = Record<
     | 'barrier'
     | 'email'
     | 'general'
-    | 'letter_symbol'
+    | 'name'
     | 'password'
     | 'po_box'
     | 'phone'