feat: Add AppointmentMedicationWording to InPerson Phone & CC

department-of-veterans-affairs · Oct 9, 2024 · 5a695a3 · 5a695a3
1 parent 234e5f4
commit 5a695a3
Show file tree

Hide file tree

Showing 11 changed files with 114 additions and 0 deletions.
diff --git a/VAMobile/env/constant.env b/VAMobile/env/constant.env
@@ -1,6 +1,7 @@
 WEBVIEW_URL_CHANGE_LEGAL_NAME=https://www.va.gov/resources/how-to-change-your-legal-name-on-file-with-va/
 WEBVIEW_URL_CORONA_FAQ=https://www.va.gov/coronavirus-veteran-frequently-asked-questions
 WEBVIEW_URL_FACILITY_LOCATOR=https://www.va.gov/find-locations/
+WEBVIEW_URL_WHAT_TO_BRING_TO_APPOINTMENTS=https://www.va.gov/resources/what-should-i-bring-to-my-health-care-appointments/
 LINK_URL_VA_NOTIFICATIONS=https://www.va.gov/profile/notifications/
 LINK_URL_VA_SCHEDULING=https://www.va.gov/health-care/schedule-view-va-appointments/
 LINK_URL_IN_APP_RECRUITMENT=https://docs.google.com/forms/d/e/1FAIpQLSfRb0OtW34qKm8tGoQwwwDFs8IqwOMCLTde3DeM-ukKOEZBnA/viewform

diff --git a/...ens/HealthScreen/Appointments/AppointmentTypeComponents/CommunityCareAppointment.test.tsx b/...ens/HealthScreen/Appointments/AppointmentTypeComponents/CommunityCareAppointment.test.tsx
@@ -111,6 +111,9 @@ context('CommunityCareAppointment', () => {
 
       expect(screen.getByRole('header', { name: 'Need to reschedule or cancel?' })).toBeTruthy()
       expect(screen.getByText('If you need to reschedule or cancel this appointment, call your provider.')).toBeTruthy()
+
+      expect(screen.getByRole('header', { name: 'Prepare for your appointment' })).toBeTruthy()
+      expect(screen.getByRole('link', { name: 'Find a full list of things to bring to your appointment' })).toBeTruthy()
     })
 
     it('renders correctly with null data', () => {
@@ -172,6 +175,9 @@ context('CommunityCareAppointment', () => {
           "Takes you to the V-A facility locator page. This page will open in your device's browser",
         ),
       ).toBeTruthy()
+
+      expect(screen.getByRole('header', { name: 'Prepare for your appointment' })).toBeTruthy()
+      expect(screen.getByRole('link', { name: 'Find a full list of things to bring to your appointment' })).toBeTruthy()
     })
   })
 
@@ -333,6 +339,9 @@ context('CommunityCareAppointment', () => {
 
       expect(screen.getByRole('link', { name: 'Go to VA.gov to schedule' })).toBeTruthy()
       expect(screen.getByLabelText('Go to  V-A .gov to schedule')).toBeTruthy()
+
+      expect(screen.getByRole('header', { name: 'Prepare for your appointment' })).toBeTruthy()
+      expect(screen.getByRole('link', { name: 'Find a full list of things to bring to your appointment' })).toBeTruthy()
     })
 
     it('renders correctly with null data', () => {
@@ -396,6 +405,9 @@ context('CommunityCareAppointment', () => {
 
       expect(screen.getByRole('link', { name: 'Go to VA.gov to schedule' })).toBeTruthy()
       expect(screen.getByLabelText('Go to  V-A .gov to schedule')).toBeTruthy()
+
+      expect(screen.getByRole('header', { name: 'Prepare for your appointment' })).toBeTruthy()
+      expect(screen.getByRole('link', { name: 'Find a full list of things to bring to your appointment' })).toBeTruthy()
     })
   })
 

diff --git a/.../screens/HealthScreen/Appointments/AppointmentTypeComponents/CommunityCareAppointment.tsx b/.../screens/HealthScreen/Appointments/AppointmentTypeComponents/CommunityCareAppointment.tsx
@@ -17,6 +17,7 @@ import {
   AppointmentDateAndTime,
   AppointmentDetailsModality,
   AppointmentLocation,
+  AppointmentMedicationWording,
   AppointmentPersonalContactInfo,
   AppointmentProvider,
   AppointmentReasonAndComment,
@@ -75,6 +76,7 @@ function CommunityCareAppointment({
           <AppointmentLocation attributes={attributes} subType={subType} type={type} />
         )}
         <AppointmentReasonAndComment attributes={attributes} subType={subType} type={type} />
+        <AppointmentMedicationWording subType={subType} type={type} />
         <AppointmentPersonalContactInfo attributes={attributes} subType={subType} />
         <AppointmentCancelReschedule
           appointmentID={appointmentID}

diff --git a/...creens/HealthScreen/Appointments/AppointmentTypeComponents/InPersonVAAppointment.test.tsx b/...creens/HealthScreen/Appointments/AppointmentTypeComponents/InPersonVAAppointment.test.tsx
@@ -115,6 +115,9 @@ context('InPersonVAAppointment', () => {
         screen.getByText('Other details: Please arrive 20 minutes before the start of your appointment'),
       ).toBeTruthy()
 
+      expect(screen.getByRole('header', { name: 'Prepare for your appointment' })).toBeTruthy()
+      expect(screen.getByRole('link', { name: 'Find a full list of things to bring to your appointment' })).toBeTruthy()
+
       expect(screen.getByRole('header', { name: 'Need to reschedule or cancel?' })).toBeTruthy()
       expect(
         screen.getByText('You can cancel this appointment in the app. But if you need to reschedule, call us.'),
@@ -176,6 +179,9 @@ context('InPersonVAAppointment', () => {
         screen.getByText('Other details: Please arrive 20 minutes before the start of your appointment'),
       ).toBeTruthy()
 
+      expect(screen.getByRole('header', { name: 'Prepare for your appointment' })).toBeTruthy()
+      expect(screen.getByRole('link', { name: 'Find a full list of things to bring to your appointment' })).toBeTruthy()
+
       expect(screen.getByRole('header', { name: 'Need to reschedule or cancel?' })).toBeTruthy()
       expect(screen.getByText('If you need to reschedule or cancel this appointment, call us.')).toBeTruthy()
 
@@ -348,6 +354,9 @@ context('InPersonVAAppointment', () => {
         screen.getByText('Other details: Please arrive 20 minutes before the start of your appointment'),
       ).toBeTruthy()
 
+      expect(screen.getByRole('header', { name: 'Prepare for your appointment' })).toBeTruthy()
+      expect(screen.getByRole('link', { name: 'Find a full list of things to bring to your appointment' })).toBeTruthy()
+
       expect(screen.getByRole('header', { name: 'Need to reschedule?' })).toBeTruthy()
       expect(
         screen.getByText(
@@ -414,6 +423,9 @@ context('InPersonVAAppointment', () => {
         screen.getByText('Other details: Please arrive 20 minutes before the start of your appointment'),
       ).toBeTruthy()
 
+      expect(screen.getByRole('header', { name: 'Prepare for your appointment' })).toBeTruthy()
+      expect(screen.getByRole('link', { name: 'Find a full list of things to bring to your appointment' })).toBeTruthy()
+
       expect(screen.getByRole('header', { name: 'Need to reschedule?' })).toBeTruthy()
       expect(
         screen.getByText(

diff --git a/...src/screens/HealthScreen/Appointments/AppointmentTypeComponents/InPersonVAAppointment.tsx b/...src/screens/HealthScreen/Appointments/AppointmentTypeComponents/InPersonVAAppointment.tsx
@@ -13,6 +13,7 @@ import {
   AppointmentDateAndTime,
   AppointmentDetailsModality,
   AppointmentLocation,
+  AppointmentMedicationWording,
   AppointmentPersonalContactInfo,
   AppointmentPreferredModality,
   AppointmentProvider,
@@ -62,6 +63,7 @@ function InPersonVAAppointment({
         <AppointmentProvider attributes={attributes} subType={subType} type={type} />
         <AppointmentLocation attributes={attributes} subType={subType} type={type} />
         <AppointmentReasonAndComment attributes={attributes} subType={subType} type={type} />
+        <AppointmentMedicationWording subType={subType} type={type} />
         <AppointmentPersonalContactInfo attributes={attributes} subType={subType} />
         <AppointmentCancelReschedule
           appointmentID={appointmentID}

diff --git a/...src/screens/HealthScreen/Appointments/AppointmentTypeComponents/PhoneAppointment.test.tsx b/...src/screens/HealthScreen/Appointments/AppointmentTypeComponents/PhoneAppointment.test.tsx
@@ -98,6 +98,9 @@ context('PhoneAppointment', () => {
         screen.getByText('Other details: Please arrive 20 minutes before the start of your appointment'),
       ).toBeTruthy()
 
+      expect(screen.getByRole('header', { name: 'Prepare for your appointment' })).toBeTruthy()
+      expect(screen.getByRole('link', { name: 'Find a full list of things to bring to your appointment' })).toBeTruthy()
+
       expect(screen.getByRole('header', { name: 'Need to reschedule or cancel?' })).toBeTruthy()
       expect(
         screen.getByText('You can cancel this appointment in the app. But if you need to reschedule, call us.'),
@@ -139,6 +142,9 @@ context('PhoneAppointment', () => {
         screen.getByText('Other details: Please arrive 20 minutes before the start of your appointment'),
       ).toBeTruthy()
 
+      expect(screen.getByRole('header', { name: 'Prepare for your appointment' })).toBeTruthy()
+      expect(screen.getByRole('link', { name: 'Find a full list of things to bring to your appointment' })).toBeTruthy()
+
       expect(screen.getByRole('header', { name: 'Need to reschedule or cancel?' })).toBeTruthy()
       expect(screen.getByText('If you need to reschedule or cancel this appointment, call us.')).toBeTruthy()
 
@@ -260,6 +266,9 @@ context('PhoneAppointment', () => {
         screen.getByText('Other details: Please arrive 20 minutes before the start of your appointment'),
       ).toBeTruthy()
 
+      expect(screen.getByRole('header', { name: 'Prepare for your appointment' })).toBeTruthy()
+      expect(screen.getByRole('link', { name: 'Find a full list of things to bring to your appointment' })).toBeTruthy()
+
       expect(screen.getByRole('header', { name: 'Need to reschedule?' })).toBeTruthy()
       expect(
         screen.getByText(
@@ -307,6 +316,9 @@ context('PhoneAppointment', () => {
         screen.getByText('Other details: Please arrive 20 minutes before the start of your appointment'),
       ).toBeTruthy()
 
+      expect(screen.getByRole('header', { name: 'Prepare for your appointment' })).toBeTruthy()
+      expect(screen.getByRole('link', { name: 'Find a full list of things to bring to your appointment' })).toBeTruthy()
+
       expect(screen.getByRole('header', { name: 'Need to reschedule?' })).toBeTruthy()
       expect(
         screen.getByText(

diff --git a/...bile/src/screens/HealthScreen/Appointments/AppointmentTypeComponents/PhoneAppointment.tsx b/...bile/src/screens/HealthScreen/Appointments/AppointmentTypeComponents/PhoneAppointment.tsx
@@ -13,6 +13,7 @@ import {
   AppointmentDateAndTime,
   AppointmentDetailsModality,
   AppointmentLocation,
+  AppointmentMedicationWording,
   AppointmentPersonalContactInfo,
   AppointmentPreferredModality,
   AppointmentProvider,
@@ -56,6 +57,7 @@ function PhoneAppointment({ appointmentID, attributes, subType, goBack, cancelAp
         <AppointmentProvider attributes={attributes} subType={subType} type={type} />
         <AppointmentLocation attributes={attributes} subType={subType} type={type} />
         <AppointmentReasonAndComment attributes={attributes} subType={subType} type={type} />
+        <AppointmentMedicationWording subType={subType} type={type} />
         <AppointmentPersonalContactInfo attributes={attributes} subType={subType} />
         <AppointmentCancelReschedule
           appointmentID={appointmentID}

diff --git a/.../Appointments/AppointmentTypeComponents/SharedComponents/AppointmentMedicationWording.tsx b/.../Appointments/AppointmentTypeComponents/SharedComponents/AppointmentMedicationWording.tsx
@@ -0,0 +1,63 @@
+import React from 'react'
+import { useTranslation } from 'react-i18next'
+
+import { Box, LinkWithAnalytics, TextView } from 'components'
+import { NAMESPACE } from 'constants/namespaces'
+import {
+  AppointmentDetailsScreenType,
+  AppointmentDetailsSubType,
+  AppointmentDetailsSubTypeConstants,
+  AppointmentDetailsTypeConstants,
+} from 'utils/appointments'
+import getEnv from 'utils/env'
+import { useRouteNavigation, useTheme } from 'utils/hooks'
+
+type AppointmentMedicationWordingProps = {
+  subType: AppointmentDetailsSubType
+  type: AppointmentDetailsScreenType
+}
+
+const { WEBVIEW_URL_WHAT_TO_BRING_TO_APPOINTMENTS } = getEnv()
+
+function AppointmentMedicationWording({ subType, type }: AppointmentMedicationWordingProps) {
+  const theme = useTheme()
+  const { t } = useTranslation(NAMESPACE.COMMON)
+  const navigateTo = useRouteNavigation()
+
+  switch (subType) {
+    case AppointmentDetailsSubTypeConstants.Upcoming:
+    case AppointmentDetailsSubTypeConstants.Canceled:
+      switch (type) {
+        case AppointmentDetailsTypeConstants.InPersonVA:
+        case AppointmentDetailsTypeConstants.Phone:
+        case AppointmentDetailsTypeConstants.CommunityCare:
+          const body = t('appointmentsTab.medicationWording.default.body')
+          return (
+            <Box mb={theme.dimensions.standardMarginBetween}>
+              <TextView variant="MobileBodyBold" accessibilityRole="header">
+                {t('appointmentsTab.medicationWording.title')}
+              </TextView>
+              <TextView variant="MobileBody">{body}</TextView>
+              <LinkWithAnalytics
+                type="custom"
+                icon={{ name: 'Launch' }}
+                onPress={() => {
+                  navigateTo('Webview', {
+                    url: WEBVIEW_URL_WHAT_TO_BRING_TO_APPOINTMENTS,
+                    displayTitle: t('webview.vagov'),
+                    loadingMessage: t('loading'),
+                  })
+                }}
+                text={t('appointmentsTab.medicationWording.whatToBringLink')}
+              />
+            </Box>
+          )
+        default:
+          return <></>
+      }
+    default:
+      return <></>
+  }
+}
+
+export default AppointmentMedicationWording
diff --git a/...src/screens/HealthScreen/Appointments/AppointmentTypeComponents/SharedComponents/index.ts b/...src/screens/HealthScreen/Appointments/AppointmentTypeComponents/SharedComponents/index.ts
@@ -10,6 +10,8 @@ export { default as AppointmentDetailsModality } from './AppointmentDetailsModal
 export * from './AppointmentDetailsModality'
 export { default as AppointmentJoinSessionPrepareForVideo } from './AppointmentJoinSessionPrepareForVideo'
 export * from './AppointmentJoinSessionPrepareForVideo'
+export { default as AppointmentMedicationWording } from './AppointmentMedicationWording'
+export * from './AppointmentMedicationWording'
 export { default as AppointmentLocation } from './AppointmentLocation'
 export * from './AppointmentLocation'
 export { default as AppointmentPersonalContactInfo } from './AppointmentPersonalContactInfo'

diff --git a/VAMobile/src/translations/en/common.json b/VAMobile/src/translations/en/common.json
@@ -323,6 +323,9 @@
   "appointmentsTab.past.a11yHint": "review your past appointments",
   "appointmentsTab.upcoming": "Upcoming",
   "appointmentsTab.upcoming.a11yHint": "review your upcoming appointments",
+  "appointmentsTab.medicationWording.title": "Prepare for your appointment",
+  "appointmentsTab.medicationWording.default.body": "Bring your insurance cards. And bring a list of your medications and other information to share with your provider.",
+  "appointmentsTab.medicationWording.whatToBringLink": "Find a full list of things to bring to your appointment",
   "areYouSure": "Are you sure?",
   "askForClaimDecision.alertBtnTitle": "Request evaluation",
   "askForClaimDecision.alertTitle": "Request claim evaluation?",

diff --git a/VAMobile/src/utils/env.ts b/VAMobile/src/utils/env.ts
@@ -38,6 +38,7 @@ import {
   WEBVIEW_URL_CHANGE_LEGAL_NAME,
   WEBVIEW_URL_CORONA_FAQ,
   WEBVIEW_URL_FACILITY_LOCATOR,
+  WEBVIEW_URL_WHAT_TO_BRING_TO_APPOINTMENTS,
 } from '@env'
 
 export type EnvVars = {
@@ -79,6 +80,7 @@ export type EnvVars = {
   WEBVIEW_URL_CORONA_FAQ: string
   WEBVIEW_URL_FACILITY_LOCATOR: string
   WEBVIEW_URL_CHANGE_LEGAL_NAME: string
+  WEBVIEW_URL_WHAT_TO_BRING_TO_APPOINTMENTS: string
 }
 
 // need to wrap @env for testing purposes
@@ -121,4 +123,5 @@ export default (): EnvVars => ({
   WEBVIEW_URL_CORONA_FAQ,
   WEBVIEW_URL_FACILITY_LOCATOR,
   WEBVIEW_URL_CHANGE_LEGAL_NAME,
+  WEBVIEW_URL_WHAT_TO_BRING_TO_APPOINTMENTS,
 })