UX: Drupal treatment for handling international phone numbers and verify which fields need it

[davidmpickett]

Statuses

[2024-11-07] [Jill] DST has resolved DST #3222 which will ship in next DS version [2024-09-20] [Fran] DST ticked is in their review/prioritize pipeline. Keeping this one open and blocked. [2024-09-10] [Fran] Amanda has confirmed that DST component variant for international phone numbers - in progress. We may be able to close this ticket after their work is completed. Leaving in draft and adding Blocked tag.

Description

The phone number field in Drupal has built-in validation. That validation does not allow use of international country codes. Assuming that phone number standardization work has shipped / been enabled, in the world of the phone number paragraph legacy widget: We need to:

• Figure out where / what the existing validation is
• FIgure out if/ how it can be updated
• Provide a UX treatment that handles error messaging for international vs. domestic numbers (?)

Fields where the change needs to be applied

Which fields need to support international numbers? Presumably all of them, on behalf of Manila.

• Mental Health phone number
• Staff phone number
• Billing & Insurance
• Make sure changes don't affect Operating status inline entity field (re: #19821 adventure)
• Support services

Acceptance criteria

• [ ] UX treatment is provided to address:
  • [ ] Drupal interface for international phone number entry in the phone paragraph type
  • [ ] Validation errors for int'l numbers
• [ ] Content model review is provided that verifies the fields / content types where the change should be applied

[aklausmeier]

DST component variant for international phone numbers - in progress cc @davidmpickett

[davidmpickett]

Because of the modular nature of Drupal, this is an instance where it doesn't necessarily make sense to lead with the UX. Our ability to customize the UX will greatly depending on the technical implementation used for international phone numbers.

For instance International Phone provides an all-in-one field for international phone numbers. it comes with it's own widget settings and possibly will have built in error messages that can't easily be modified.

Phone Number (field) has a slightly different look

Or we could create our own country code field and using the existing field_phone_number text field for the other ten digits.