Updates to validation check messaging when inviting email/phone numbers

If you haven’t already, check out our contributing guidelines for onboarding!

---

Current

Right now, when start a chat with a new user who you’ve never chatted with before, and you enter only letters this is what you see. This shows until you enter a valid email format, at which point you see this.

Alternatively, if you enter just numbers, this is what you see from the start.

Unless you enter a number starting with 0, in which case you see this.

New

Instead of this, here’s how we’d like it to work:

1. Remove the feedback message “Don’t see who you’re looking for? Type their email or phone number to invite them to chat.”
2. When typing, if the input does not match a valid email or phone number format then show the what they’ve typed below, but greyed out and unselectable.
3. Once the input matches a valid email or phone number format then show the option as selectable (as we do today)
4. If the input is only numbers and begins with 0, then display message Please enter a phone number including the country code e.g [phone]

Internal issue: https://github.com/Expensify/Expensify/issues/154200 Upwork job: https://www.upwork.com/jobs/~01c64a96ae738dcc05

[johndev0711]

Hello. This is John. I’ve solved the issues simply and perfectly. The solutions are as following: It needs to modifying for mainly only one file. ( getHeaderMessage in OptionsListUtils.js, ) In a word, we have to add the props-searchValue in the getHeaderMessage function and modify the function comments. By modifying the only four line code, I’ve fixed all issues.

1. 1.Remove the feedback message “Don’t see who you’re looking for? Type their email or phone number to invite them to chat.”
2. When typing, if the input does not match a valid email or phone number format then show the what they’ve typed below, but greyed out and unselectable.
3. Once the input matches a valid email or phone number format then show the option as selectable (as we do today)
4. If the input is only numbers and begins with 0, then display message Please enter a phone number including the country code e.g [phone]

Thanks.

[kaushiktd]

Hi,

This is Kaushik here. I would like to put a technical and pretty self explanatory solution for this

1. Remove the feedback message “Don’t see who you’re looking for? Type their email or phone number to invite them to chat.” 2. When typing, if the input does not match a valid email or phone number format then show what they’ve typed below, but greyed out and unselectable. 3. Once the input matches a valid email or phone number format then show the option as selectable (as we do today) 4. If the input only numbers and begins with 0, then display message Please enter a phone number including the country code e.g [phone]