HS-1272111 Add Address Auto-Fill bug

[caleballdrin]

Description

https://secure.helpscout.net/conversation/2787902057/1272111?viewId=7669074

• Keep formik in sync by setting the street to the full description before changing it back

Checklist:

• I have given my PR a title with the format "MPDX-(JIRA#) (summary sentence max 80 chars)"
• I have applied the appropriate labels. (Add the label "On Staging" to get the branch automatically merged into staging.)
• I have requested a review from another person on the project

[github-actions]

Preview branch generated at https://HS1272111-address-autofill.d3dytjb8adxkk5.amplifyapp.com

[github-actions]

Bundle sizes [mpdx-react]

Compared against 7e667dd

No significant changes found

[canac]

Code looks good! I'll test it when I'm back at my desk. Can you add a code comment explaining why we need the setTimeout?

[canac]

Do we need the same logic in EditContactAddressModal and CreateMultipleContacts?

[canac]

I think it works if you remove the timeout and change the onChange handler for the Autocomplete in StreetAutoComplete to

onChange={(_event, newValue) => {
  if (typeof newValue === 'string') {
    onStreetChange(newValue);
  } else {
    onStreetChange(newValue.description); // add this line
    handlePlaceChosen(newValue);
  }
}}

The problem was that the autocomplete's text was getting out of sync with Formik. Adding the extra onStreetChange sets the Formik street to the full address so that onPredictionChosen can then set it to just the street.

Can you try that and let me know if it works for you in your testing?

[caleballdrin]

@canac that works! good catch!