LG-10300: Add optional info alert to in person proofing location search

[tomas-nava]

🎫 Ticket

LG-10300

🛠 Summary of changes

Add an optional info alert to the in person proofing location search results telling the user that they must enroll before visiting the Post Office. The alert will be shown when the user is searching for locations in the help center.

Also hides the "Select a Post Office location below..." message when no onSelect method is passed to the InPersonLocations component, which is the same way that the "Select" buttons beside each location result are toggled.

📜 Testing Plan

Running the application locally, enter the in-person proofing flow and confirm that the location results display as expected, specifically that no info alert displays, and that the "Select a Post Office..." message displays.

Then, edit app/javascript/packages/document-capture/components/in-person-location-full-address-entry-post-office-search-step.tsx as follows, starting on line 124:

        <InPersonLocations
          locations={locationResults}
          onSelect={null} // <-- changed line
          address={foundAddress.address || ''}
          // v new lines v
          resultsHeaderComponent={() => (
            <Alert type="info" className="margin-bottom-4">
              <strong>You must start this process on Login.gov before going to the Post Office.</strong> <a href="https://login.gov">Learn more about verifying your identity in person.</a>
            </Alert>
          )}
        />

and revisit the location search page. Confirm that the results now include the info alert, and no longer show the "Select a Post Office..." message.

👀 Screenshots

no changes

showing info alert and no "Select" messages or buttons (English)

showing info alert and no "Select" messages or buttons (Spanish)

showing info alert and no "Select" messages or buttons (French)

[tomas-nava]

translations have been added to identity-site in 18F/identity-site/pull/1164 @allthesignals

[gina-yamada]

Do you think we need to version up so this new prop will be available when we publish next? Also, I missed this so I will do it in my next PR- but maybe a good idea to update the README for address-search too?

[allthesignals]

LGTM, just 1 more thing 😇

[tomas-nava]

Do you think we need to version up so this new prop will be available when we publish next? Also, I missed this so I will do it in my next PR- but maybe a good idea to update the README for address-search too?

I updated the README in 1e5f442 @gina-yamada

[carmenrosalop]

Looks good, Tomas!

[tomas-nava]

Do you think we need to version up so this new prop will be available when we publish next?

I updated the version in f99411a @gina-yamada

[gina-yamada]

I am wondering if we should be adding prop resultsHeaderComponent on FullAddressSearch? https://cm-jira.usa.gov/browse/LG-10785