user profile settings: support full names with more than 2 words, require full name to have at least 2 words

Author: maxceem

src/routes/settings/helpers/settings.js

@@ -111,7 +111,8 @@ export const applyProfileSettingsToTraits = (traits, profileSettings) => {
     // to the `basic_info` we put just photoUrl, firstName and lastName
     if (trait.traitId === 'basic_info') {
       const updatedTrait = {...trait}
-      const [firstName, lastName] = profileSettings.firstNLastName ? profileSettings.firstNLastName.split(/\s+/) : []
+      // get first and last name, if don't have should return `undefined`
+      const [, firstName, lastName] = profileSettings.firstNLastName ? profileSettings.firstNLastName.match(/([^\s]+)\s*(.*)/) : []
       const photoURL = profileSettings.photoUrl
       const country = profileSettings.country
 

src/routes/settings/routes/profile/components/ProfileSettingsForm.jsx

@@ -42,6 +42,11 @@ class ProfileSettingsForm extends Component {
       validations = {
         matchRegexp: /^([+]?\d{1,2}[.-\s]?)?(\d{3}[.-]?){2}\d{4}$/
       }
+    } else if (name === 'firstNLastName') {
+      validations = {
+        // should have first and last name
+        matchRegexp: /(.+)\s+(.+)/
+      }
     }
     return (
       <div className="field">