fix: Relax validation of names, to allow special characters, apostrophes and hyphens (#876)

* relax validation of names, to allow special characters, apostrophes and hyphens

* fix: Empty commit to trigger CI

* Fixes yup validation for email Signup test

Author: curlyfriesplease

src/components/Organisms/EmailSignUp/EmailSignUp.test.js

@@ -1,15 +1,15 @@
 import React from "react";
 import "jest-styled-components";
 import renderWithTheme from "../../../../tests/hoc/shallowWithTheme";
-import { EmailSignUp, validationSchema } from "./_EmailSignUp";
+import { EmailSignUp, buildEsuValidationSchema } from "./_EmailSignUp";
 import RichText from "../../Atoms/RichText/RichText";
 import { useForm, FormProvider } from "react-hook-form";
 import { yupResolver } from "@hookform/resolvers/yup";
 
 const DummyForm = () => {
   const formMethods = useForm({
     mode: "onBlur",
-    resolver: yupResolver(validationSchema),
+    resolver: yupResolver(buildEsuValidationSchema()),
   });
   const { handleSubmit } = formMethods;
 

src/components/Organisms/shared/emailSignup/emailSignupConfig.js

@@ -34,15 +34,15 @@ const buildEsuValidationSchema = overrides => {
       .string()
       .required('Please enter your first name')
       .matches(
-        /^[A-Za-z][A-Za-z' -]*$/,
+        /^\p{L}[\p{L}' -]*$/u,
         "This field only accepts letters and ' - and must start with a letter"
       )
       .max(25, 'Your first name must be between 1 and 25 characters'),
     [ESU_FIELDS.LAST_NAME]: yup
       .string()
       .required('Please enter your last name')
       .matches(
-        /^[A-Za-z][A-Za-z' -]*$/,
+        /^\p{L}[\p{L}' -]*$/u,
         "This field only accepts letters and ' - and must start with a letter"
       )
       .max(50, 'Your last name must be between 1 and 50 characters'),

src/components/Organisms/shared/emailSignup/emailSignupConfig.test.js

@@ -0,0 +1,19 @@
+import { buildEsuValidationSchema, ESU_FIELDS } from './emailSignupConfig';
+
+describe('buildEsuValidationSchema', () => {
+  const schema = buildEsuValidationSchema({});
+
+  it('accepts first and last names with accented Latin letters', async () => {
+    await expect(
+      schema.validate({
+        [ESU_FIELDS.FIRST_NAME]: 'André',
+        [ESU_FIELDS.LAST_NAME]: 'François',
+        [ESU_FIELDS.EMAIL]: 'andre.francois@example.com'
+      })
+    ).resolves.toEqual({
+      [ESU_FIELDS.FIRST_NAME]: 'André',
+      [ESU_FIELDS.LAST_NAME]: 'François',
+      [ESU_FIELDS.EMAIL]: 'andre.francois@example.com'
+    });
+  });
+});