@openmrs/esm-patient-chart-app 11.3.0 → 11.3.1-patch.9310

package/src/visit/visits-widget/single-visit-details/visit-timeline/visit-timeline.component.tsx

@@ -0,0 +1,94 @@
+import React from 'react';
+import dayjs from 'dayjs';
+import { useTranslation } from 'react-i18next';
+import { SkeletonText } from '@carbon/react';
+import { formatDate } from '@openmrs/esm-framework';
+import { CardHeader, EmptyState } from '@openmrs/esm-patient-common-lib';
+import { useEncountersByVisit } from '../../../../clinical-views/hooks/useEncountersByVisit';
+import styles from './visit-timeline.scss';
+
+interface VisitTimelineProps {
+  patientUuid: string;
+  visitUuid: string;
+}
+
+function VisitTimeline({ patientUuid, visitUuid }: VisitTimelineProps) {
+  const { t } = useTranslation();
+  const { encounters, isLoading } = useEncountersByVisit(patientUuid, visitUuid);
+
+  if (isLoading) {
+    return (
+      <div className={styles.visitTimeline}>
+        <CardHeader title={t('timeline', 'Timeline')}>{null}</CardHeader>
+        <p className={styles.timelineHeader}>
+          <span>{t('encounter', 'Encounter')}</span> <span>&middot;</span>
+          <span>{t('provider', 'Provider')}</span> <span>&middot;</span>{' '}
+          <span>
+            {t('timeStarted', 'Time started')} <span>&mdash;</span> {t('timeCompleted', 'Time completed')}{' '}
+          </span>
+        </p>
+        <div className={styles.timelineEntries}>
+          {Array.from({ length: 3 }).map((_, index) => (
+            <p className={styles.timelineEntry} key={index}>
+              <div className={styles.timelineDot} />
+              <SkeletonText className={styles.skeleton} />
+              <span>&middot;</span>
+              <SkeletonText className={styles.skeleton} />
+              <span>&middot;</span>
+              <SkeletonText className={styles.skeleton} />
+              <span>&mdash;</span>
+              <SkeletonText className={styles.skeleton} />
+            </p>
+          ))}
+          <div className={styles.timelineLine} />
+        </div>
+      </div>
+    );
+  }
+
+  if (encounters?.length === 0) {
+    return (
+      <EmptyState
+        displayText={t('encountersForThisVisit', 'encounters for this visit')}
+        headerTitle={t('timeline', 'Timeline')}
+      />
+    );
+  }
+
+  return (
+    <div className={styles.visitTimeline}>
+      <p className={styles.timelineHeader}>
+        <span>{t('encounter', 'Encounter')}</span> <span>&middot;</span>
+        <span>{t('provider', 'Provider')}</span> <span>&middot;</span>
+        <span>{t('timeStarted', 'Time started')}</span>
+      </p>
+      <div className={styles.timelineEntries}>
+        {encounters?.map((encounter) => (
+          <p className={styles.timelineEntry} key={encounter.uuid}>
+            <div className={styles.timelineDot} />
+            <span className={styles.encounterType}>{encounter.encounterType.display}</span>
+            <span>&middot;</span>
+            {encounter.encounterProviders.length === 0 ? (
+              <span>{t('noProvider', 'No provider')}</span>
+            ) : (
+              <span>
+                {encounter.encounterProviders
+                  .map((encounterProvider) => encounterProvider.provider.person.display)
+                  .join(', ')}
+              </span>
+            )}
+            <span>&middot;</span>{' '}
+            <span>
+              {formatDate(new Date(encounter.encounterDatetime), {
+                time: dayjs(encounter.encounterDatetime).isSame(dayjs(), 'day') ? 'for today' : true,
+              })}
+            </span>
+          </p>
+        ))}
+        <div className={styles.timelineLine} />
+      </div>
+    </div>
+  );
+}
+
+export default VisitTimeline;

package/src/visit/visits-widget/single-visit-details/visit-timeline/visit-timeline.scss

@@ -0,0 +1,60 @@
+@use '@carbon/colors';
+@use '@carbon/layout';
+@use '@carbon/type';
+
+.visitTimeline {
+  border: 1px solid colors.$gray-20;
+  background-color: colors.$white;
+  padding-top: layout.$spacing-05;
+}
+
+.timelineHeader {
+  padding: 0 layout.$spacing-10;
+  @include type.type-style('helper-text-01');
+  display: flex;
+  gap: layout.$spacing-03;
+}
+
+.timelineEntries {
+  margin: 0 layout.$spacing-08;
+  margin-top: layout.$spacing-04;
+  display: flex;
+  flex-direction: column;
+  gap: layout.$spacing-05;
+  margin-bottom: layout.$spacing-05;
+  position: relative;
+}
+
+.timelineEntry {
+  display: flex;
+  gap: layout.$spacing-03;
+  align-items: center;
+}
+
+.encounterType {
+  font-weight: 700;
+}
+
+.timelineDot {
+  height: 8px;
+  width: 8px;
+  background-color: colors.$blue-30;
+  border-radius: 50%;
+  display: inline-block;
+  margin-right: layout.$spacing-03;
+  z-index: 10;
+}
+
+.timelineLine {
+  position: absolute;
+  border-left: 1px solid colors.$blue-20;
+  height: 100%;
+  left: 3.4px;
+  top: 4px;
+  z-index: 9;
+}
+
+.skeleton {
+  width: 5% !important; // using hardcoded px values could be a bad idea.
+  margin-bottom: 0 !important;
+}

package/src/visit/visits-widget/visit-context/retrospective-data-date-time-picker/retrospective-date-time-picker.component.tsx

@@ -1,10 +1,9 @@
 import { SelectItem, TimePickerSelect, TimePicker, Checkbox } from '@carbon/react';
-import { OpenmrsDatePicker, ResponsiveWrapper, useFeatureFlag, useVisit } from '@openmrs/esm-framework';
+import { OpenmrsDatePicker, ResponsiveWrapper, useFeatureFlag, type Visit } from '@openmrs/esm-framework';
 import React, { useEffect, useState } from 'react';
 import { type Control, Controller, useForm } from 'react-hook-form';
 import { useTranslation } from 'react-i18next';
 import styles from './restrospective-date-time-picker.scss';
-import { useSystemVisitSetting } from '@openmrs/esm-patient-common-lib';
 
 type FormValues = {
   retrospectiveDate: Date;
@@ -14,22 +13,22 @@ type FormValues = {
 
 type RetrospectiveDateTimePickerProps = {
   patientUuid: string;
+  visitContext: Visit;
   control?: Control<FormValues>;
   onChange?: (data: FormValues) => void;
 };
 
 const RetrospectiveDateTimePicker = ({
-  patientUuid,
+  visitContext,
   control: propControl,
   onChange,
 }: RetrospectiveDateTimePickerProps) => {
   const { t } = useTranslation();
   const isRdeEnabled = useFeatureFlag('rde');
 
-  const { currentVisit } = useVisit(patientUuid);
-  const isActiveVisit = !Boolean(currentVisit && currentVisit.stopDatetime);
-  const maxDate = currentVisit?.stopDatetime;
-  const minDate = currentVisit?.startDatetime;
+  const isActiveVisit = !Boolean(visitContext && visitContext.stopDatetime);
+  const maxDate = visitContext?.stopDatetime;
+  const minDate = visitContext?.startDatetime;
 
   const [manuallyEnableDateTimePicker, setManuallyEnableDateTimePicker] = useState<boolean>(false);
 

package/src/visit/visits-widget/visit-context/{visit-context-header.component.tsx → visit-context-header.extension.tsx}

@@ -1,24 +1,33 @@
-import { Button, Loading } from '@carbon/react';
-import { showModal, useFeatureFlag, useVisit } from '@openmrs/esm-framework';
+import { Button } from '@carbon/react';
+import { showModal, useFeatureFlag } from '@openmrs/esm-framework';
 import classNames from 'classnames';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
 import styles from './visit-context-header.scss';
 import VisitContextInfo from './visit-context-info.component';
-import { useSystemVisitSetting } from '@openmrs/esm-patient-common-lib';
+import { usePatientChartStore, useSystemVisitSetting } from '@openmrs/esm-patient-common-lib';
 
 interface VisitContextHeaderProps {
   patientUuid: string;
 }
 
+/**
+ * The visit context header displays the currently select visit context in the patient chart store.
+ * When creating encounters (ex: visit notes, order entry, vitals), they are associated
+ * with the visit in context.
+ *
+ * This extension uses the patient chart store and should only be shown within the patient chart.
+ * It does not render when mounted outside the patient chart.
+ */
 const VisitContextHeader: React.FC<VisitContextHeaderProps> = ({ patientUuid }) => {
   const { t } = useTranslation();
   const { systemVisitEnabled } = useSystemVisitSetting();
   const isRdeEnabled = useFeatureFlag('rde');
-  const showVisitContextHeader = systemVisitEnabled && isRdeEnabled;
 
-  const { currentVisit, isLoading } = useVisit(showVisitContextHeader ? patientUuid : null);
-  const isActiveVisit = !Boolean(currentVisit && currentVisit.stopDatetime);
+  const { visitContext } = usePatientChartStore(patientUuid);
+  const isActiveVisit = Boolean(visitContext && !visitContext.stopDatetime);
+
+  const showVisitContextHeader = systemVisitEnabled && isRdeEnabled && visitContext;
 
   const openVisitSwitcherModal = () => {
     const dispose = showModal('visit-context-switcher', {
@@ -31,26 +40,19 @@ const VisitContextHeader: React.FC<VisitContextHeaderProps> = ({ patientUuid })
   if (!showVisitContextHeader) {
     return null;
   }
-  if (isLoading) {
-    return (
-      <div className={styles.visitContextHeader}>
-        <Loading small />
-      </div>
-    );
-  }
   return (
     <div
       className={classNames(styles.visitContextHeader, isActiveVisit ? styles.activeVisit : styles.retroactiveVisit)}
     >
       <div className={styles.addingTo}>{t('addingToVisit', 'Adding to:')}</div>
-      <div className={styles.visitType}>{currentVisit.visitType.display}</div>
+      <div className={styles.visitType}>{visitContext.visitType?.display}</div>
       <div className={styles.changeVisitButton}>
         <Button kind="ghost" size="sm" onClick={openVisitSwitcherModal}>
           {t('change', 'Change')}
         </Button>
       </div>
       <div className={styles.visitInfo}>
-        <VisitContextInfo visit={currentVisit} />
+        <VisitContextInfo visit={visitContext} />
       </div>
     </div>
   );

package/src/visit/visits-widget/visit-context/visit-context-header.test.tsx

@@ -1,51 +1,57 @@
-import { useVisit, useVisitContextStore } from '@openmrs/esm-framework';
-import { useSystemVisitSetting } from '@openmrs/esm-patient-common-lib';
+import { usePatientChartStore, useSystemVisitSetting } from '@openmrs/esm-patient-common-lib';
 import { render, screen } from '@testing-library/react';
 import { mockCurrentVisit } from '__mocks__';
 import React from 'react';
-import VisitContextHeader from './visit-context-header.component';
+import VisitContextHeader from './visit-context-header.extension';
+import { mockPatient } from 'tools';
 
-const mockUseSystemVisitSetting = jest.fn(useSystemVisitSetting).mockReturnValue({
-  systemVisitEnabled: true,
-  errorFetchingSystemVisitSetting: null,
-  isLoadingSystemVisitSetting: false,
-});
-
-jest.mocked(useVisitContextStore).mockReturnValue({
-  manuallySetVisitUuid: null,
-  mutateVisitCallbacks: {},
-  patientUuid: null,
-  setVisitContext: jest.fn(),
-  mutateVisit: jest.fn(),
-});
-
-jest.mocked(useVisit).mockReturnValue({
-  currentVisit: mockCurrentVisit,
-  error: null,
-  mutate: jest.fn(),
-  isValidating: false,
-  activeVisit: null,
-  currentVisitIsRetrospective: false,
-  isLoading: false,
-});
+const mockUsePatientChartStore = jest.mocked(usePatientChartStore);
+const mockUseSystemVisitSetting = jest.mocked(useSystemVisitSetting);
 
-jest.mock('@openmrs/esm-patient-common-lib/src/useSystemVisitSetting', () => ({
-  useSystemVisitSetting: () => mockUseSystemVisitSetting(),
+jest.mock('@openmrs/esm-patient-common-lib', () => ({
+  usePatientChartStore: jest.fn(),
+  useSystemVisitSetting: jest.fn(),
 }));
 
 describe('VisitContextHeader', () => {
+  beforeEach(() => {
+    mockUseSystemVisitSetting.mockReturnValue({
+      systemVisitEnabled: true,
+      errorFetchingSystemVisitSetting: null,
+      isLoadingSystemVisitSetting: false,
+    });
+  });
+
   it('should not show header if system does not support visits', () => {
     mockUseSystemVisitSetting.mockReturnValueOnce({
       systemVisitEnabled: false,
       errorFetchingSystemVisitSetting: null,
       isLoadingSystemVisitSetting: false,
     });
+    mockUsePatientChartStore.mockReturnValue({
+      patientUuid: mockPatient.id,
+      patient: mockPatient,
+      visitContext: null,
+      mutateVisitContext: null,
+      setPatient: jest.fn(),
+      setVisitContext: jest.fn(),
+    });
+
     render(<VisitContextHeader patientUuid="some-uuid" />);
     expect(screen.queryByText('Adding to')).not.toBeInTheDocument();
   });
 
   it('should show the current visit', () => {
-    render(<VisitContextHeader patientUuid="some-uuid" />);
+    mockUsePatientChartStore.mockReturnValue({
+      patientUuid: mockPatient.id,
+      patient: mockPatient,
+      visitContext: mockCurrentVisit,
+      mutateVisitContext: null,
+      setPatient: jest.fn(),
+      setVisitContext: jest.fn(),
+    });
+
+    render(<VisitContextHeader patientUuid={mockPatient.id} />);
     expect(screen.getByText(/Adding to/i)).toBeInTheDocument();
     expect(screen.getByText(mockCurrentVisit.visitType.display)).toBeInTheDocument();
   });

package/src/visit/visits-widget/visit-context/visit-context-switcher.modal.tsx

@@ -5,16 +5,17 @@ import { Button, ModalBody, ModalFooter, ModalHeader, RadioButton, InlineLoading
 import { useTranslation } from 'react-i18next';
 import {
   ErrorState,
-  launchWorkspace,
+  launchWorkspace2,
   OpenmrsDatePicker,
   useDebounce,
   useOnVisible,
-  useVisitContextStore,
   type Visit,
 } from '@openmrs/esm-framework';
+import { invalidateVisitByUuid, usePatientChartStore } from '@openmrs/esm-patient-common-lib';
 import { useInfiniteVisits } from '../visit.resource';
 import VisitContextInfo from './visit-context-info.component';
 import styles from './visit-context-switcher.scss';
+import { useSWRConfig } from 'swr';
 
 interface VisitContextSwitcherProps {
   patientUuid: string;
@@ -37,10 +38,9 @@ const VisitContextSwitcherModal: React.FC<VisitContextSwitcherProps> = ({
     { toStartDate: dayjs(maxStartDateDebounced).endOf('day').toISOString() },
     rep,
   );
-  const { patientUuid: selectedVisitPatientUuid, manuallySetVisitUuid, setVisitContext } = useVisitContextStore();
-  const [selectedVisit, setSelectedVisit] = useState<string>(
-    selectedVisitPatientUuid === patientUuid ? manuallySetVisitUuid : null,
-  );
+  const { visitContext, setVisitContext } = usePatientChartStore(patientUuid);
+  const [selectedVisitUuid, setSelectedVisitUuid] = useState<string>(visitContext?.uuid ?? null);
+  const { mutate: globalMutate } = useSWRConfig();
 
   const onScrollToEnd = useCallback(() => {
     if (hasMore) {
@@ -51,7 +51,7 @@ const VisitContextSwitcherModal: React.FC<VisitContextSwitcherProps> = ({
 
   const openStartVisitWorkspace = () => {
     closeModal();
-    launchWorkspace('start-visit-workspace-form', {
+    launchWorkspace2('start-visit-workspace-form', {
       openedFrom: 'visit-context-switcher',
     });
   };
@@ -71,7 +71,7 @@ const VisitContextSwitcherModal: React.FC<VisitContextSwitcherProps> = ({
       <ModalBody>
         {error ? (
           <ErrorState headerTitle={t('visits', 'visits')} error={error} />
-        ) : visits?.length == 0 ? (
+        ) : visits?.length === 0 ? (
           <Tile className={styles.tile}>
             <div className={styles.tileContent}>
               <p className={styles.content}>{t('noVisitsToDisplay', 'No visits to display')}</p>
@@ -85,8 +85,8 @@ const VisitContextSwitcherModal: React.FC<VisitContextSwitcherProps> = ({
                 <VisitCardRow
                   key={visit.uuid}
                   visit={visit}
-                  setSelectedVisit={setSelectedVisit}
-                  isSelected={selectedVisit === visit.uuid}
+                  setSelectedVisit={setSelectedVisitUuid}
+                  isSelected={selectedVisitUuid === visit.uuid}
                 />
               );
             })}
@@ -104,9 +104,11 @@ const VisitContextSwitcherModal: React.FC<VisitContextSwitcherProps> = ({
           {t('cancel', 'Cancel')}
         </Button>
         <Button
-          disabled={selectedVisit === null || isLoading}
+          disabled={selectedVisitUuid === null || isLoading}
           onClick={() => {
-            setVisitContext(visits.find((v) => v.uuid === selectedVisit));
+            const selectedVisit = visits.find((v) => v.uuid === selectedVisitUuid);
+            const mutateVisitContext = () => invalidateVisitByUuid(globalMutate, selectedVisit.uuid);
+            setVisitContext(selectedVisit, mutateVisitContext);
             onAfterVisitSelected?.();
             closeModal();
           }}
@@ -125,7 +127,7 @@ interface VisitCardRowProps {
 }
 
 /**
- * A clickable row within the the visit context switcher to select a visit. This
+ * A clickable row within the visit context switcher to select a visit. This
  * has slightly different UX than a regular radio button, as the entire card
  * (not just the radio button and the label) is clickable
  */

package/src/visit/visits-widget/visit-context/visit-context-switcher.test.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render, screen } from '@testing-library/react';
-import { useVisitContextStore } from '@openmrs/esm-framework';
+import userEvent from '@testing-library/user-event';
 import { useSystemVisitSetting } from '@openmrs/esm-patient-common-lib';
 import { mockCurrentVisit, mockVisit2, mockVisit3 } from '__mocks__';
 import { useInfiniteVisits } from '../visit.resource';
@@ -12,14 +12,6 @@ const mockUseSystemVisitSetting = jest.fn(useSystemVisitSetting).mockReturnValue
   systemVisitEnabled: true,
 });
 
-jest.mocked(useVisitContextStore).mockReturnValue({
-  manuallySetVisitUuid: null,
-  mutateVisitCallbacks: {},
-  patientUuid: null,
-  setVisitContext: jest.fn(),
-  mutateVisit: jest.fn(),
-});
-
 const mockUseInfiniteVisits = jest.fn(useInfiniteVisits).mockReturnValue({
   visits: [mockCurrentVisit, mockVisit2, mockVisit3],
   error: null,
@@ -40,7 +32,20 @@ jest.mock('../visit.resource', () => ({
   useInfiniteVisits: () => mockUseInfiniteVisits('some-uuid'),
 }));
 
+const mockSetVisitContext = jest.fn();
+jest.mock('@openmrs/esm-patient-common-lib', () => ({
+  ...jest.requireActual('@openmrs/esm-patient-common-lib'),
+  usePatientChartStore: jest.fn(() => ({
+    visitContext: null,
+    setVisitContext: mockSetVisitContext,
+  })),
+}));
+
 describe('VisitContextSwitcherModal', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
   it('should display a list of past visits', () => {
     mockUseSystemVisitSetting.mockReturnValueOnce({
       systemVisitEnabled: false,
@@ -53,6 +58,23 @@ describe('VisitContextSwitcherModal', () => {
     // visit type - only check the visitType div elements
     expect(screen.getAllByText('Facility Visit', { selector: '.visitType' })).toHaveLength(3);
   });
+
+  it('should call setVisitContext when continue button is clicked with selected visit', async () => {
+    const user = userEvent.setup();
+
+    renderVisitContextSwitcherModal();
+
+    // Select a visit by clicking on the first visit card
+    const firstVisitRadio = screen.getAllByRole('radio', { name: /Facility Visit/ })[0];
+    await user.click(firstVisitRadio);
+
+    // Click the continue button
+    const continueButton = screen.getByRole('button', { name: /continue/i });
+    await user.click(continueButton);
+
+    // Verify setVisitContext was called with the selected visit
+    expect(mockSetVisitContext).toHaveBeenCalledWith(mockCurrentVisit, expect.any(Function));
+  });
 });
 
 function renderVisitContextSwitcherModal() {

package/src/visit/visits-widget/visit-detail-overview.component.tsx

@@ -9,9 +9,10 @@ import styles from './visit-detail-overview.scss';
 
 interface VisitOverviewComponentProps {
   patientUuid: string;
+  patient: fhir.Patient;
 }
 
-function VisitDetailOverviewComponent({ patientUuid }: VisitOverviewComponentProps) {
+function VisitDetailOverviewComponent({ patientUuid, patient }: VisitOverviewComponentProps) {
   const { t } = useTranslation();
   const [tabIndex, setTabIndex] = useState(0);
   const { showAllEncountersTab } = useConfig<ChartConfig>();
@@ -33,7 +34,7 @@ function VisitDetailOverviewComponent({ patientUuid }: VisitOverviewComponentPro
         </TabList>
         <TabPanels>
           <TabPanel>
-            <VisitHistoryTable patientUuid={patientUuid} />
+            <VisitHistoryTable patientUuid={patientUuid} patient={patient} />
           </TabPanel>
           {showAllEncountersTab && (
             <TabPanel>

package/src/visit/visits-widget/visit-detail-overview.test.tsx

@@ -82,7 +82,7 @@ describe('VisitDetailOverview', () => {
     });
     mockGetConfig.mockResolvedValue({ htmlFormEntryForms: [] });
 
-    renderWithSwr(<VisitDetailOverview patientUuid={mockPatient.id} />);
+    renderWithSwr(<VisitDetailOverview patientUuid={mockPatient.id} patient={mockPatient} />);
 
     await waitForLoadingToFinish();
 
@@ -106,7 +106,7 @@ describe('VisitDetailOverview', () => {
       error,
     });
 
-    renderWithSwr(<VisitDetailOverview patientUuid={mockPatient.id} />);
+    renderWithSwr(<VisitDetailOverview patientUuid={mockPatient.id} patient={mockPatient} />);
 
     await waitForLoadingToFinish();
 
@@ -125,7 +125,7 @@ describe('VisitDetailOverview', () => {
     });
     mockUsePaginatedVisits.mockReturnValue(mockPaginatedVisitsData);
 
-    renderWithSwr(<VisitDetailOverview patientUuid={mockPatient.id} />);
+    renderWithSwr(<VisitDetailOverview patientUuid={mockPatient.id} patient={mockPatient} />);
 
     await waitForLoadingToFinish();
 
@@ -161,7 +161,7 @@ describe('VisitDetailOverview', () => {
     });
     mockUsePaginatedVisits.mockReturnValue(mockPaginatedVisitsData);
 
-    renderWithSwr(<VisitDetailOverview patientUuid={mockPatient.id} />);
+    renderWithSwr(<VisitDetailOverview patientUuid={mockPatient.id} patient={mockPatient} />);
 
     await waitForLoadingToFinish();
 

package/src/visit/visits-widget/visit.resource.tsx

@@ -53,7 +53,7 @@ export function deleteVisit(visitUuid: string) {
 }
 
 export function restoreVisit(visitUuid: string) {
-  return openmrsFetch(`${restBaseUrl}/visit/${visitUuid}`, {
+  return openmrsFetch<Visit>(`${restBaseUrl}/visit/${visitUuid}`, {
     headers: {
       'content-type': 'application/json',
     },

package/translations/am.json

@@ -41,8 +41,10 @@
   "editVisitDetails": "Edit visit details",
   "emptyStateText": "There are no {{displayText}} to display for this patient",
   "enable": "Enable",
+  "encounter": "Encounter",
   "encounterDeleted": "Encounter deleted",
   "encounters_title": "Encounters",
+  "encountersForThisVisit": "encounters for this visit",
   "encounterSuccessfullyDeleted": "The encounter has been deleted successfully",
   "encounterTableActionsMenu": "Encounter table actions menu",
   "encounterType": "Encounter type",
@@ -105,6 +107,7 @@
   "nonCodedCauseOfDeath": "Non-coded cause of death",
   "nonCodedCauseOfDeathRequired": "Please enter the non-coded cause of death",
   "noObservationsFound": "No observations found",
+  "noProvider": "No provider",
   "notes": "Notes",
   "notes__lower": "notes",
   "noVisitsToDisplay": "No visits to display",
@@ -156,7 +159,10 @@
   "tests": "Tests",
   "theVisitIs": "The visit is",
   "time": "Time",
+  "timeCompleted": "Time completed",
   "timeFormat ": "Time Format",
+  "timeline": "Timeline",
+  "timeStarted": "Time started",
   "undo": "Undo",
   "unknownError": "Unknown error",
   "updateVisit": "Update visit",

package/translations/ar.json

@@ -41,8 +41,10 @@
   "editVisitDetails": "Edit visit details",
   "emptyStateText": "لا يوجد {{displayText}} لعرضه لهذا المريض",
   "enable": "Enable",
+  "encounter": "Encounter",
   "encounterDeleted": "تم حذف اللقاء",
   "encounters_title": "اللقاءات",
+  "encountersForThisVisit": "encounters for this visit",
   "encounterSuccessfullyDeleted": "The encounter has been deleted successfully",
   "encounterTableActionsMenu": "Encounter table actions menu",
   "encounterType": "نوع اللقاء",
@@ -105,6 +107,7 @@
   "nonCodedCauseOfDeath": "Non-coded cause of death",
   "nonCodedCauseOfDeathRequired": "Please enter the non-coded cause of death",
   "noObservationsFound": "لم يتم العثور على ملاحظات",
+  "noProvider": "No provider",
   "notes": "ملاحظات",
   "notes__lower": "notes",
   "noVisitsToDisplay": "No visits to display",
@@ -156,7 +159,10 @@
   "tests": "اختبارات",
   "theVisitIs": "The visit is",
   "time": "Time",
+  "timeCompleted": "Time completed",
   "timeFormat ": "Time Format",
+  "timeline": "Timeline",
+  "timeStarted": "Time started",
   "undo": "Undo",
   "unknownError": "Unknown error",
   "updateVisit": "Update visit",

package/translations/ar_SY.json

@@ -41,8 +41,10 @@
   "editVisitDetails": "Edit visit details",
   "emptyStateText": "There are no {{displayText}} to display for this patient",
   "enable": "Enable",
+  "encounter": "Encounter",
   "encounterDeleted": "Encounter deleted",
   "encounters_title": "Encounters",
+  "encountersForThisVisit": "encounters for this visit",
   "encounterSuccessfullyDeleted": "The encounter has been deleted successfully",
   "encounterTableActionsMenu": "Encounter table actions menu",
   "encounterType": "Encounter type",
@@ -105,6 +107,7 @@
   "nonCodedCauseOfDeath": "Non-coded cause of death",
   "nonCodedCauseOfDeathRequired": "Please enter the non-coded cause of death",
   "noObservationsFound": "No observations found",
+  "noProvider": "No provider",
   "notes": "Notes",
   "notes__lower": "notes",
   "noVisitsToDisplay": "No visits to display",
@@ -156,7 +159,10 @@
   "tests": "Tests",
   "theVisitIs": "The visit is",
   "time": "Time",
+  "timeCompleted": "Time completed",
   "timeFormat ": "Time Format",
+  "timeline": "Timeline",
+  "timeStarted": "Time started",
   "undo": "Undo",
   "unknownError": "Unknown error",
   "updateVisit": "Update visit",