@openmrs/esm-patient-programs-app 3.2.1-pre.211 → 3.2.1-pre.219

package/src/programs/programs-form.test.tsx

@@ -1,27 +1,20 @@
 import React from 'react';
 import { throwError } from 'rxjs';
 import { of } from 'rxjs/internal/observable/of';
-import { fireEvent, render, screen, waitFor, within } from '@testing-library/react';
+import { render, screen, waitFor, within } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
-import {
-  createErrorHandler,
-  formatDate,
-  openmrsFetch,
-  parseDate,
-  showNotification,
-  showToast,
-  useLayoutType,
-} from '@openmrs/esm-framework';
+import { createErrorHandler, openmrsFetch, showNotification, showToast } from '@openmrs/esm-framework';
 import { mockPatient } from '../../../../__mocks__/patient.mock';
 import {
   mockCareProgramsResponse,
   mockEnrolledProgramsResponse,
   mockLocationsResponse,
-  mockProgramResponse,
 } from '../../../../__mocks__/programs.mock';
 import { createProgramEnrollment, updateProgramEnrollment } from './programs.resource';
 import ProgramsForm from './programs-form.component';
 
+jest.setTimeout(20000);
+
 const testProps = {
   closeWorkspace: jest.fn(),
   patientUuid: mockPatient.id,
@@ -34,7 +27,6 @@ const mockUpdateProgramEnrollment = updateProgramEnrollment as jest.Mock;
 const mockOpenmrsFetch = openmrsFetch as jest.Mock;
 const mockShowNotification = showNotification as jest.Mock;
 const mockShowToast = showToast as jest.Mock;
-const mockUseLayoutType = useLayoutType as jest.Mock;
 
 jest.mock('@openmrs/esm-framework', () => {
   const originalModule = jest.requireActual('@openmrs/esm-framework');
@@ -58,219 +50,135 @@ jest.mock('./programs.resource', () => {
   };
 });
 
-mockOpenmrsFetch.mockImplementation((url) => {
-  if (/programenrollment/.test(url)) {
-    return { data: { results: mockEnrolledProgramsResponse } };
-  } else if (/program/.test(url)) {
-    return { data: { results: mockCareProgramsResponse } };
-  } else {
-    return null;
-  }
-});
+describe('ProgramsForm', () => {
+  it('renders a success toast notification upon successfully recording a program enrollment', async () => {
+    const user = userEvent.setup();
 
-describe('ProgramsForm: ', () => {
-  it('renders the programs form with all the relevant fields and values', async () => {
-    renderProgramsForm();
+    const inpatientWardUuid = 'b1a8b05e-3542-4037-bbd3-998ee9c40574';
+    const oncologyScreeningProgramUuid = '11b129ca-a5e7-4025-84bf-b92a173e20de';
 
-    await screen.findByRole('group', { name: /Program/i });
-    expect(screen.getByRole('group', { name: /Date enrolled/i })).toBeInTheDocument();
-    expect(screen.getByRole('group', { name: /Date completed/i })).toBeInTheDocument();
-    expect(screen.getByRole('group', { name: /Enrollment location/i })).toBeInTheDocument();
-    expect(screen.getByRole('option', { name: /Choose a program/i })).toBeInTheDocument();
-    expect(screen.getByRole('option', { name: /Oncology Screening and Diagnosis/i })).toBeInTheDocument();
-    expect(screen.getByRole('option', { name: /Choose a location/i })).toBeInTheDocument();
-    expect(screen.getByRole('option', { name: /Amani Hospital/i })).toBeInTheDocument();
-    expect(screen.getByRole('option', { name: /Inpatient Ward/i })).toBeInTheDocument();
-    expect(screen.getByRole('option', { name: /Isolation Ward/i })).toBeInTheDocument();
-    expect(screen.getByRole('option', { name: /Laboratory/i })).toBeInTheDocument();
+    mockOpenmrsFetch.mockReturnValueOnce({ data: { results: mockCareProgramsResponse } });
+    mockOpenmrsFetch.mockReturnValueOnce({ data: { results: mockEnrolledProgramsResponse } });
+    mockCreateProgramEnrollment.mockReturnValueOnce(of({ status: 201, statusText: 'Created' }));
+
+    renderProgramsForm();
 
-    const cancelButton = screen.getByRole('button', { name: /cancel/i });
     const enrollButton = screen.getByRole('button', { name: /save and close/i });
-    expect(cancelButton).toBeInTheDocument();
-    expect(enrollButton).toBeInTheDocument();
-    expect(enrollButton).toBeDisabled();
-  });
+    const enrollmentDateInput = screen.getAllByRole('textbox', { name: '' })[0];
+    const selectLocationInput = screen.getAllByRole('combobox', { name: '' })[1];
+    const selectProgramInput = screen.getAllByRole('combobox', { name: '' })[0];
 
-  it('renders the edit program form with existing data', async () => {
-    renderProgramsForm(mockEnrolledProgramsResponse[0].uuid);
+    await waitFor(() => user.type(enrollmentDateInput, '2020-05-05'));
+    await waitFor(() => user.selectOptions(selectProgramInput, [oncologyScreeningProgramUuid]));
+    await waitFor(() => user.selectOptions(selectLocationInput, [inpatientWardUuid]));
 
-    const programSelect = await screen.findByRole('group', { name: /Program/i });
-    expect(within(programSelect).getByRole('option', { name: /HIV Care and Treatment/ })).toBeInTheDocument();
-    expect(within(programSelect).getAllByRole('option').length).toBe(1);
+    expect(screen.getByRole('option', { name: /Inpatient Ward/i })).toBeInTheDocument();
 
-    const dateEnrolledGroup = screen.getByRole('group', { name: /Date enrolled/i });
-    expect(dateEnrolledGroup).toBeInTheDocument();
-    const dateEnrolledInput = within(dateEnrolledGroup).getByRole('textbox');
-    expect(dateEnrolledInput).toHaveValue('16/01/2020');
+    await waitFor(() => user.click(enrollButton));
+
+    expect(mockCreateProgramEnrollment).toHaveBeenCalledTimes(1);
+    expect(mockCreateProgramEnrollment).toHaveBeenCalledWith(
+      expect.objectContaining({
+        dateCompleted: null,
+        location: inpatientWardUuid,
+        patient: mockPatient.id,
+        program: oncologyScreeningProgramUuid,
+      }),
+      new AbortController(),
+    );
+
+    expect(mockShowToast).toHaveBeenCalledTimes(1);
+    expect(mockShowToast).toHaveBeenCalledWith({
+      critical: true,
+      description: 'It is now visible in the Programs table',
+      kind: 'success',
+      title: 'Program enrollment saved',
+    });
+  });
 
-    expect(screen.getByRole('group', { name: /Date completed/i })).toBeInTheDocument();
+  it('updates a program enrollment', async () => {
+    const user = userEvent.setup();
 
-    const enrollmentLocation = screen.getByRole('group', { name: /Enrollment location/i });
-    const locationSelect = within(enrollmentLocation).getByRole('combobox');
-    const amani = screen.getByRole('option', { name: /Amani Hospital/i });
-    expect(amani).toBeInTheDocument();
-    expect(locationSelect).toHaveValue(mockLocationsResponse[0].uuid);
-    expect(screen.getByRole('option', { name: /Inpatient Ward/i })).toBeInTheDocument();
-    expect(screen.getByRole('option', { name: /Isolation Ward/i })).toBeInTheDocument();
-    expect(screen.getByRole('option', { name: /Laboratory/i })).toBeInTheDocument();
+    renderProgramsForm(mockEnrolledProgramsResponse[0].uuid);
 
-    const cancelButton = screen.getByRole('button', { name: /cancel/i });
     const enrollButton = screen.getByRole('button', { name: /save and close/i });
-    expect(cancelButton).toBeInTheDocument();
-    expect(enrollButton).toBeInTheDocument();
-    expect(enrollButton).not.toBeDisabled();
-  });
+    const dateCompletedGroup = screen.getByRole('group', { name: /Date completed/i });
+    const dateCompletedInput = within(dateCompletedGroup).getByRole('textbox');
 
-  it('closes the form and the workspace when the cancel button is clicked', () => {
-    renderProgramsForm();
+    mockUpdateProgramEnrollment.mockReturnValueOnce(of({ status: 200, statusText: 'OK' }));
 
-    const cancelButton = screen.getByRole('button', { name: /Cancel/i });
-    userEvent.click(cancelButton);
+    await waitFor(() => user.type(dateCompletedInput, '05/05/2020'));
 
-    expect(testProps.closeWorkspace).toHaveBeenCalledTimes(1);
-  });
+    expect(dateCompletedInput).toHaveValue('05/05/2020');
 
-  it('renders a light background for date inputs in the tablet viewport ', () => {
-    mockUseLayoutType.mockReturnValueOnce('tablet').mockReturnValueOnce('tablet');
+    await waitFor(() => user.tab());
 
-    renderProgramsForm();
+    expect(enrollButton).not.toBeDisabled();
 
-    expect(screen.getAllByPlaceholderText('dd/mm/yyyy')[0]).toHaveClass('bx--date-picker--light', { exact: false });
-    expect(screen.getAllByPlaceholderText('dd/mm/yyyy')[1]).toHaveClass('bx--date-picker--light', { exact: false });
+    await waitFor(() => user.click(enrollButton));
+
+    expect(mockUpdateProgramEnrollment).toHaveBeenCalledTimes(1);
+    expect(mockUpdateProgramEnrollment).toHaveBeenCalledWith(
+      mockEnrolledProgramsResponse[0].uuid,
+      expect.objectContaining({
+        dateEnrolled: '2020-01-16T00:00:00+00:00',
+        dateCompleted: '2020-05-05T00:00:00+00:00',
+        location: mockEnrolledProgramsResponse[0].location.uuid,
+        patient: mockPatient.id,
+        program: mockEnrolledProgramsResponse[0].program.uuid,
+      }),
+      new AbortController(),
+    );
+
+    expect(mockShowToast).toHaveBeenCalledWith(
+      expect.objectContaining({
+        critical: true,
+        description: 'Changes to the program are now visible in the Programs table',
+        kind: 'success',
+        title: 'Program enrollment updated',
+      }),
+    );
   });
 
-  describe('Form submission: ', () => {
+  it('renders an error notification if there was a problem recording a program enrollment', async () => {
+    const user = userEvent.setup();
+
     const inpatientWardUuid = 'b1a8b05e-3542-4037-bbd3-998ee9c40574';
     const oncologyScreeningProgramUuid = '11b129ca-a5e7-4025-84bf-b92a173e20de';
 
-    beforeEach(() => {
-      mockShowToast.mockReset();
-    });
+    const error = {
+      message: 'Internal Server Error',
+      response: {
+        status: 500,
+        statusText: 'Internal Server Error',
+      },
+    };
 
-    it('creates a program enrollment', async () => {
-      renderProgramsForm();
-
-      const cancelButton = screen.getByRole('button', { name: /cancel/i });
-      const enrollButton = screen.getByRole('button', { name: /save and close/i });
-      const enrollmentDateInput = screen.getAllByRole('textbox', { name: '' })[0];
-      const selectLocationInput = screen.getAllByRole('combobox', { name: '' })[1];
-      const selectProgramInput = screen.getAllByRole('combobox', { name: '' })[0];
-
-      mockCreateProgramEnrollment.mockReturnValueOnce(of({ status: 201, statusText: 'Created' }));
-
-      userEvent.selectOptions(selectProgramInput, [oncologyScreeningProgramUuid]);
-      userEvent.selectOptions(selectLocationInput, [inpatientWardUuid]);
-      userEvent.clear(enrollmentDateInput);
-      userEvent.type(enrollmentDateInput, '05/05/2020');
-      fireEvent.blur(enrollmentDateInput);
-
-      expect(screen.getByDisplayValue('Oncology Screening and Diagnosis')).toBeInTheDocument();
-      expect(screen.getByDisplayValue('Inpatient Ward')).toBeInTheDocument();
-      expect(enrollButton).not.toBeDisabled();
-
-      await waitFor(() => userEvent.click(enrollButton));
-
-      expect(mockCreateProgramEnrollment).toHaveBeenCalledTimes(1);
-      expect(mockCreateProgramEnrollment).toHaveBeenCalledWith(
-        expect.objectContaining({
-          dateEnrolled: '2020-05-05T00:00:00+00:00',
-          dateCompleted: null,
-          location: inpatientWardUuid,
-          patient: mockPatient.id,
-          program: oncologyScreeningProgramUuid,
-        }),
-        new AbortController(),
-      );
-
-      expect(mockShowToast).toHaveBeenCalledTimes(1);
-      expect(mockShowToast).toHaveBeenCalledWith(
-        expect.objectContaining({
-          critical: true,
-          description: 'It is now visible in the Programs table',
-          kind: 'success',
-          title: 'Program enrollment saved',
-        }),
-      );
-    });
+    mockOpenmrsFetch.mockReturnValueOnce({ data: { results: mockCareProgramsResponse } });
+    mockOpenmrsFetch.mockReturnValueOnce({ data: { results: mockEnrolledProgramsResponse } });
+    mockCreateProgramEnrollment.mockReturnValueOnce(throwError(error));
 
-    it('updates a program enrollment', async () => {
-      renderProgramsForm(mockEnrolledProgramsResponse[0].uuid);
-
-      const enrollButton = screen.getByRole('button', { name: /save and close/i });
-      const dateCompletedGroup = screen.getByRole('group', { name: /Date completed/i });
-      const dateCompletedInput = within(dateCompletedGroup).getByRole('textbox');
-
-      mockUpdateProgramEnrollment.mockReturnValueOnce(of({ status: 200, statusText: 'OK' }));
-
-      userEvent.type(dateCompletedInput, '05/05/2020');
-      expect(dateCompletedInput).toHaveValue('05/05/2020');
-      fireEvent.blur(dateCompletedInput);
-
-      expect(enrollButton).not.toBeDisabled();
-
-      await waitFor(() => userEvent.click(enrollButton));
-
-      expect(mockUpdateProgramEnrollment).toHaveBeenCalledTimes(1);
-      expect(mockUpdateProgramEnrollment).toHaveBeenCalledWith(
-        mockEnrolledProgramsResponse[0].uuid,
-        expect.objectContaining({
-          dateEnrolled: '2020-01-16T00:00:00+00:00',
-          dateCompleted: '2020-05-05T00:00:00+00:00',
-          location: mockEnrolledProgramsResponse[0].location.uuid,
-          patient: mockPatient.id,
-          program: mockEnrolledProgramsResponse[0].program.uuid,
-        }),
-        new AbortController(),
-      );
-
-      expect(mockShowToast).toHaveBeenCalledTimes(1);
-      expect(mockShowToast).toHaveBeenCalledWith(
-        expect.objectContaining({
-          critical: true,
-          description: 'Changes to the program are now visible in the Programs table',
-          kind: 'success',
-          title: 'Program enrollment updated',
-        }),
-      );
-    });
-
-    xit('renders an error notification if there was a problem recording a program enrollment', async () => {
-      renderProgramsForm();
-
-      const cancelButton = screen.getByRole('button', { name: /cancel/i });
-      const enrollButton = screen.getByRole('button', { name: /save and close/i });
-      const enrollmentDateInput = screen.getAllByRole('textbox', { name: '' })[0];
-      const selectLocationInput = screen.getAllByRole('combobox', { name: '' })[1];
-      const selectProgramInput = screen.getAllByRole('combobox', { name: '' })[0];
-
-      const error = {
-        message: 'Internal Server Error',
-        response: {
-          status: 500,
-          statusText: 'Internal Server Error',
-        },
-      };
+    renderProgramsForm();
 
-      mockCreateProgramEnrollment.mockReturnValueOnce(throwError(error));
+    const enrollButton = screen.getByRole('button', { name: /save and close/i });
+    const enrollmentDateInput = screen.getAllByRole('textbox', { name: '' })[0];
+    const selectLocationInput = screen.getAllByRole('combobox', { name: '' })[1];
+    const selectProgramInput = screen.getAllByRole('combobox', { name: '' })[0];
 
-      userEvent.selectOptions(selectProgramInput, [oncologyScreeningProgramUuid]);
-      userEvent.selectOptions(selectLocationInput, [inpatientWardUuid]);
-      userEvent.type(enrollmentDateInput, '2020-05-05');
+    await waitFor(() => user.type(enrollmentDateInput, '2020-05-05'));
+    await waitFor(() => user.selectOptions(selectProgramInput, [oncologyScreeningProgramUuid]));
+    await waitFor(() => user.selectOptions(selectLocationInput, [inpatientWardUuid]));
 
-      expect(screen.getByDisplayValue('Oncology Screening and Diagnosis')).toBeInTheDocument();
-      expect(screen.getByDisplayValue('2020-05-05')).toBeInTheDocument();
-      expect(screen.getByDisplayValue('Inpatient Ward')).toBeInTheDocument();
-      expect(enrollButton).not.toBeDisabled();
+    expect(enrollButton).not.toBeDisabled();
 
-      userEvent.click(enrollButton);
+    await waitFor(() => user.click(enrollButton));
 
-      expect(mockCreateErrorHandler).toHaveBeenCalledTimes(1);
-      expect(mockShowNotification).toHaveBeenCalledWith({
-        critical: true,
-        description: 'Internal Server Error',
-        kind: 'error',
-        title: 'Error saving program enrollment',
-      });
+    expect(mockCreateErrorHandler).toHaveBeenCalledTimes(1);
+    expect(mockShowNotification).toHaveBeenCalledWith({
+      critical: true,
+      description: 'Internal Server Error',
+      kind: 'error',
+      title: 'Error saving program enrollment',
     });
   });
 });

package/src/programs/programs-overview.component.tsx

@@ -1,34 +1,33 @@
 import React from 'react';
-import Add16 from '@carbon/icons-react/es/add/16';
-import styles from './programs-overview.scss';
-import { formatDate, formatDatetime, useConfig, usePagination } from '@openmrs/esm-framework';
+import { useTranslation } from 'react-i18next';
+import capitalize from 'lodash-es/capitalize';
 import {
+  Button,
   DataTable,
   DataTableSkeleton,
-  Button,
   InlineLoading,
+  InlineNotification,
   Table,
+  TableBody,
   TableCell,
   TableContainer,
-  TableBody,
   TableHead,
   TableHeader,
   TableRow,
-  InlineNotification,
-} from 'carbon-components-react';
+} from '@carbon/react';
+import { Add } from '@carbon/react/icons';
 import {
+  launchPatientWorkspace,
   CardHeader,
   EmptyState,
   ErrorState,
   PatientChartPagination,
-  launchPatientWorkspace,
 } from '@openmrs/esm-patient-common-lib';
-import { useTranslation } from 'react-i18next';
+import { ConfigObject, formatDate, formatDatetime, useConfig, usePagination } from '@openmrs/esm-framework';
 import { usePrograms } from './programs.resource';
-import { ConfigObject } from '../config-schema';
-import { capitalize } from 'lodash';
 import ProgramActionButton from './program-action-button/program-action-button.component';
 import { ConfigurableProgram } from '../types';
+import styles from './programs-overview.scss';
 
 interface ProgramsOverviewProps {
   basePath: string;
@@ -37,8 +36,8 @@ interface ProgramsOverviewProps {
 
 const ProgramsOverview: React.FC<ProgramsOverviewProps> = ({ basePath, patientUuid }) => {
   const programsCount = 5;
-  const config = useConfig() as ConfigObject;
   const { t } = useTranslation();
+  const config = useConfig() as ConfigObject;
   const displayText = t('programs', 'Program enrollments');
   const headerTitle = t('carePrograms', 'Care Programs');
   const urlLabel = t('seeAll', 'See all');
@@ -46,14 +45,14 @@ const ProgramsOverview: React.FC<ProgramsOverviewProps> = ({ basePath, patientUu
   const isConfigurable = config.customUrl ? true : false;
 
   const {
-    enrollments,
-    isLoading,
-    isError,
     activeEnrollments,
-    isValidating,
     availablePrograms,
-    eligiblePrograms,
     configurablePrograms,
+    eligiblePrograms,
+    enrollments,
+    isError,
+    isLoading,
+    isValidating,
   } = usePrograms(patientUuid);
 
   const {
@@ -111,7 +110,7 @@ const ProgramsOverview: React.FC<ProgramsOverviewProps> = ({ basePath, patientUu
           <span>{isValidating ? <InlineLoading /> : null}</span>
           <Button
             kind="ghost"
-            renderIcon={Add16}
+            renderIcon={(props) => <Add size={16} {...props} />}
             iconDescription="Add programs"
             onClick={launchProgramsForm}
             disabled={availablePrograms?.length && eligiblePrograms?.length === 0}
@@ -119,24 +118,19 @@ const ProgramsOverview: React.FC<ProgramsOverviewProps> = ({ basePath, patientUu
             {t('add', 'Add')}
           </Button>
         </CardHeader>
-        <TableContainer>
-          {availablePrograms?.length && eligiblePrograms?.length === 0 && (
-            <InlineNotification
-              style={{ minWidth: '100%', margin: '0rem', padding: '0rem' }}
-              kind={'info'}
-              lowContrast
-              subtitle={t('noEligibleEnrollments', 'There are no more programs left to enroll this patient in')}
-              title={t('fullyEnrolled', 'Enrolled in all programs')}
-            />
-          )}
-          <DataTable
-            rows={tableRows}
-            headers={isConfigurable ? tableHeaders : tableHeaders.filter((header) => header.key !== 'actions')}
-            isSortable={true}
-            size="short"
-          >
-            {({ rows, headers, getHeaderProps, getTableProps }) => (
-              <Table {...getTableProps()} useZebraStyles>
+        {availablePrograms?.length && eligiblePrograms?.length === 0 && (
+          <InlineNotification
+            style={{ minWidth: '100%', margin: '0rem', padding: '0rem' }}
+            kind={'info'}
+            lowContrast
+            subtitle={t('noEligibleEnrollments', 'There are no more programs left to enroll this patient in')}
+            title={t('fullyEnrolled', 'Enrolled in all programs')}
+          />
+        )}
+        <DataTable rows={tableRows} headers={tableHeaders} isSortable size="sm" useZebraStyles>
+          {({ rows, headers, getHeaderProps, getTableProps }) => (
+            <TableContainer>
+              <Table {...getTableProps()}>
                 <TableHead>
                   <TableRow>
                     {headers.map((header) => (
@@ -162,9 +156,9 @@ const ProgramsOverview: React.FC<ProgramsOverviewProps> = ({ basePath, patientUu
                   ))}
                 </TableBody>
               </Table>
-            )}
-          </DataTable>
-        </TableContainer>
+            </TableContainer>
+          )}
+        </DataTable>
         <PatientChartPagination
           currentItems={paginatedEnrollments.length}
           onPageNumberChange={({ page }) => goTo(page)}

package/src/programs/programs-overview.scss

@@ -1,6 +1,4 @@
-@import "~@openmrs/esm-styleguide/src/vars";
-@import "~carbon-components/src/globals/scss/vars";
-@import "~carbon-components/src/globals/scss/mixins";
+@import '~@openmrs/esm-styleguide/src/vars';
 
 .widgetCard {
   border: 1px solid $ui-03;

package/src/programs/programs-overview.test.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { screen } from '@testing-library/react';
+import { screen, waitFor } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import { openmrsFetch, usePagination } from '@openmrs/esm-framework';
 import { launchPatientWorkspace } from '@openmrs/esm-patient-common-lib';
@@ -67,14 +67,12 @@ describe('ProgramsOverview', () => {
     await waitForLoadingToFinish();
 
     expect(screen.getByText(/Care Programs/i)).toBeInTheDocument();
-    expect(
-      screen.getByText(
-        /Sorry, there was a problem displaying this information. You can try to reload this page, or contact the site administrator and quote the error code above./,
-      ),
-    ).toBeInTheDocument();
+    expect(screen.getByText(/Sorry, there was a problem displaying this information./)).toBeInTheDocument();
   });
 
   it("renders a tabular overview of the patient's active program enrollments when available", async () => {
+    const user = userEvent.setup();
+
     mockOpenmrsFetch.mockReturnValueOnce({ data: { results: mockEnrolledProgramsResponse } });
     mockUsePagination.mockImplementation(() => ({
       currentPage: 1,
@@ -103,7 +101,8 @@ describe('ProgramsOverview', () => {
     expect(screen.getByRole('row', { name: /HIV Care and Treatment/i })).toBeInTheDocument();
 
     // Clicking "Add" launches the programs form in a workspace
-    userEvent.click(addButton);
+    await waitFor(() => user.click(addButton));
+
     expect(launchPatientWorkspace).toHaveBeenCalledWith('programs-form-workspace');
   });
 });

package/translations/en.json

@@ -21,9 +21,9 @@
   "fullyEnrolled": "Enrolled in all programs",
   "location": "Location",
   "noEligibleEnrollments": "There are no more programs left to enroll this patient in",
-  "program": "Program",
   "programEnrollments": "Program enrollments",
   "programEnrollmentSaveError": "Error saving program enrollment",
+  "programName": "Program name",
   "programs": "programs",
   "required": "Required",
   "saveAndClose": "Save and close",