FE | Appointment Reminder PHI/PII | Add Facility and Clinic Details Checkbox for Health Appointment Reminders in Notification Settings

[asiisii]

Issue Description

Summary

We need to implement a new functionality for the "Your Health Care" communication group on the Notification Settings page, specifically for the "Health appointment reminders" item. This item currently has two notification channels:

• Notify me by text (already available in production)
• Notify me by email (currently behind the profileShowMhvNotificationSettingsEmailAppointmentReminders flipper toggle)

Each channel has a checkbox with labels:

• Notify me with text
• Notify me with email

New Functionality

• [ ] Add New Section Under Channel List:

  • [ ] #96296
  • [ ] Description: (Grayed out) "The clinic name may include the type of care you're receiving, such as 'cardiology.'"

• [ ] Add New Checkboxes:

  • [ ] "Include facility and clinic details in email notifications"
  • [ ] "Include facility and clinic details in text notifications"

• [ ] Conditional Display:

  • [ ] If the Notify me by email checkbox is selected, display only the "Include facility and clinic details in email notifications" checkbox.
  • [ ] If the Notify me by text checkbox is selected, display only the "Include facility and clinic details in text notifications" checkbox.
  • [ ] If both the Notify me by email and Notify me by text checkboxes are selected, display both "Include facility and clinic details in email notifications" and "Include facility and clinic details in text notifications" checkboxes.
  • [ ] If neither checkbox is selected, hide the entire section, including the header, description, and both checkboxes.

• [ ] New Feature Toggle:

  • [ ] Add and use the profileShowNotificationSettingsAppointmentPhiPiiPermission toggle to control the visibility of the new section.
  • [ ] Ensure the section (header, description, and the two facility/clinic checkboxes) is only displayed when this toggle is turned on and at least one of the channel checkboxes (Notify me by email or Notify me by text) is checked.

ℹ️ Info:
The section should only be visible when at least one of the channel checkboxes (Notify me by email or Notify me by text) is checked, and the newly created toggle is turned on.

Tasks

• [ ] Detailed Behavior:

  • [ ] Ensure that the new section is only shown when one of the first two channel checkboxes is checked.
  • [ ] Display the new section when "Notify me by email" is checked with the "Include facility and clinic details in email notifications" checkbox.
  • [ ] Display the new section when "Notify me by text" is checked with the "Include facility and clinic details in text notifications" checkbox.
  • [ ] Hide the section when both of the main channel checkboxes are unchecked.
  • [ ] Ensure that the "Notify me by email" checkbox is only visible when the profileShowMhvNotificationSettingsEmailAppointmentReminders toggle is enabled.

• [ ] Mobile Friendliness:

  • [ ] Ensure that the new section and its elements are responsive and display correctly on mobile devices.

• [ ] Redux Store:

  • [ ] Verify that the data for the new checkboxes is correctly stored in the Redux store along with existing notification settings.

Backend Integration Questions

[!WARNING] VA Profile's work will block us - PoC is Autumn A.

Before we can fully implement this functionality, we need to clarify the following with the backend team:

• Data Structure: How is the data for this new header, description, and checkboxes coming from the backend?

  • We need to know how to link these new checkboxes to the Health appointment reminders communication item.
  • How will we iterate over the data to generate the correct labels for "Include facility and clinic details in email notifications" and "Include facility and clinic details in text notifications"?

• Data Identification: How will the frontend identify the correct checkbox for email vs text notifications?

  • When the user clicks the "Include facility and clinic details in email notifications" checkbox, how do we know it is specifically for email and not text (and vice versa)?

• Payload: What does the backend want the payload to look like when these new checkboxes are updated?

We need these details to ensure smooth and accurate implementation of the frontend functionality.

Related Design Ticket

• Design Ticket #86208
• Related figma file

Acceptance Criteria

• [ ] we have a new PHI/PII appointment reminder permission behind a feature flag (should be able to test with user 202 I think that has healthcare)

[mtcA6]

@asiisii Added the figma file.

My only question is related to this section:

Want to make sure when we go to build this we don't have any confusion about the conditional reveal. If [a channel] is selected the user should only see the permission related to [a channel]. Want to make sure the conditional review only reveals the related field. The only time the conditional reveal should show the permission for both channels is if both channels are selected.

[mtcA6]

and I'm wondering if we need another toggle :/

[asiisii]

@asiisii Added the figma file.

My only question is related to this section:

Want to make sure when we go to build this we don't have any confusion about the conditional reveal. If [a channel] is selected the user should only see the permission related to [a channel]. Want to make sure the conditional review only reveals the related field. The only time the conditional reveal should show the permission for both channels is if both channels are selected.

@mtcA6 Thank you for reviewing the ticket. I just updated the conditional display section to be more clear and descriptive. And yes, we will need a new toggle. I was going to ask you what we are going to name it during our sprint planning. I added a new section called "New feature toggle" in this ticket

[mtcA6]

thoughts on profileShowNotificationSettingsAppointmentPhiPiiPermission