[CP-stag] Get CompanyAddress field to autofill and show errors

[Luke9389]

Details

This PR fixes several things about the Address Picker.

This component uses a 3rd party package to populate the dropdown list for addresses. After quite a lot of wrestling we decided to just make AddressSearch a functional component because that seems to fix our problems immediately.

Fixed Issues

$ #5794
$ https://github.com/Expensify/Expensify/issues/181023

Tests / Web QA

Error reporting

1. Sign in to New Dot with a new account
2. Create a new workspace
3. Connect a new bank account
4. Routing number: 123123123
   Account Number: 1111222233331111
5. Hit enter. When you're on the Company Information page, immediately hit enter.
6. Verify that you see the error under the Company Address field and that the border of that field turns red.

Autofill

1. Sign in to New Dot (new account is fine)
2. Create a new workspace
3. Connect a new bank account
4. Routing number: 123123123
   Account Number: 1111222233331111
5. Input valid information on all fields in the Company Information step (doesn't need to be real info)
6. a) Variant 1: Refresh the page
   b) Variant 2: Hit Submit. When you're on Step 3 (Personal Information) click the back arrow to go back to Step 2 (Company Informaion)
7. Notice that all the fields are auto-filled, including the Company Address.

Tested On

• Web
• Mobile Web
• Desktop
• iOS
• Android

Screenshots

iOS

Android

[Luke9389]

Putting this on WIP until I've tested on all platforms

[Luke9389]

I'll be back to this tomorrow. Gotta go

[Luke9389]

Ok I cannot for the life of me figure out how to get rid of the line mentioned in this issue, so for now I'm gonna test this on all platforms and open up for review.
#5810

[trjExpensify]

Can we add the CP Staging label to this, so we can get it into the launch.

[github-actions]

⚠️ ⚠️ Heads up! This pull request has the CP Staging label. ⚠️ ⚠️
Merging it will cause it to be immediately deployed to staging, even if the open StagingDeployCash deploy checklist is locked.

[robertjchen]

Nice! 👍

[OSBotify]

🚀 Cherry-picked to staging by @robertjchen in version: 1.1.7-13 🚀

platform	result
🤖 android 🤖	success ✅
🖥 desktop 🖥	success ✅
🍎 iOS 🍎	success ✅
🕸 web 🕸	success ✅

@Expensify/applauseleads please QA this PR and check it off on the deploy checklist if it passes.

[isagoico]

@Luke9389 I was testing this and I'm a bit confused with step 7. I think it should say Notice that all the fields are auto-filled including the Company Address. and not excluding (since the issue being fixed mentioned that the address was not auto-filling before). If this is correct, the PR is a pass.

[kevinksullivan]

@isagoico that is a typo, company address should be auto-filled. I went ahead and updated the OP. Can we check this one off?

[Luke9389]

Yup my bad. That was copy pasta from the issue I made for this 😬

[OSBotify]

🚀 Deployed to production by @AndrewGable in version: 1.1.7-24 🚀

platform	result
🤖 android 🤖	success ✅
🖥 desktop 🖥	success ✅
🍎 iOS 🍎	success ✅
🕸 web 🕸	success ✅

[OSBotify]

🚀 Deployed to staging by @robertjchen in version: 1.1.7-25 🚀

platform	result
🤖 android 🤖	success ✅
🖥 desktop 🖥	success ✅
🍎 iOS 🍎	success ✅
🕸 web 🕸	success ✅

[ogumen]

Please make sure that the dropdowns "Company type" and "Incorporation state" also display error message and their correction suggestions when no option has been selected and the form is submitted. In addition, the mandatory fields and dropdowns should be marked as required (both visually and programmatically), as mentioned in #5703 (comment)

[OSBotify]

🚀 Deployed to production by @roryabraham in version: 1.1.8-9 🚀

platform	result
🤖 android 🤖	success ✅
🖥 desktop 🖥	success ✅
🍎 iOS 🍎	success ✅
🕸 web 🕸	success ✅