@openmrs/esm-appointments-app 8.5.1-pre.5752 → 8.5.1-pre.5756

package/src/metrics/metrics-cards/metrics-error-card.component.tsx

@@ -0,0 +1,30 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import styles from './metrics-error-card.scss';
+
+interface MetricsCardProps {
+  headerLabel: string;
+}
+
+const MetricsErrorCard: React.FC<MetricsCardProps> = ({ headerLabel }) => {
+  const { t } = useTranslation();
+
+  return (
+    <article className={styles.container}>
+      <div className={styles.tileContainer}>
+        <div className={styles.tileHeader}>
+          <div className={styles.headerLabelContainer}>
+            <span className={styles.errorHeaderLabel}>
+              {t('failedToLoadMetrics', 'Failed to load')} {headerLabel}
+            </span>
+          </div>
+        </div>
+        <div className={styles.errorMessage}>
+          <p>{t('metricLoadErrorMessage', 'Please contact your system administrator if the problem persists.')}</p>
+        </div>
+      </div>
+    </article>
+  );
+};
+
+export default MetricsErrorCard;

package/src/metrics/metrics-cards/metrics-error-card.scss

@@ -0,0 +1,33 @@
+@use '@carbon/colors';
+@use '@carbon/layout';
+@use '@carbon/type';
+@use '@openmrs/esm-styleguide/src/vars' as *;
+
+.container {
+  flex-grow: 1;
+}
+
+.tileContainer {
+  border: 1px solid $ui-03;
+  height: 7.875rem;
+  padding: layout.$spacing-05;
+  display: flex;
+  justify-content: space-between;
+  flex-direction: column;
+}
+
+.tileHeader {
+  display: flex;
+  justify-content: space-between;
+  align-items: baseline;
+  margin-bottom: layout.$spacing-03;
+}
+
+.errorHeaderLabel {
+  @include type.type-style('heading-compact-01');
+  color: var(--omrs-color-danger);
+}
+
+.errorMessage {
+  @include type.type-style('body-compact-01');
+}

package/src/metrics/metrics-cards/providers-booked.extension.tsx

@@ -0,0 +1,21 @@
+import React from 'react';
+import MetricsCard from './metrics-card.component';
+import { useTranslation } from 'react-i18next';
+import { useAllAppointmentsByDate } from '../../hooks/useClinicalMetrics';
+import { formatDate, parseDate } from '@openmrs/esm-framework';
+import { useAppointmentsStore } from '../../store';
+
+export default function ProvidersBookedExtension() {
+  const { t } = useTranslation();
+  const { totalProviders } = useAllAppointmentsByDate();
+  const { selectedDate } = useAppointmentsStore();
+  const formattedStartDate = formatDate(parseDate(selectedDate), { mode: 'standard', time: false });
+
+  return (
+    <MetricsCard
+      headerLabel={t('providersBooked', 'Providers booked: {{time}}', { time: formattedStartDate })}
+      label={t('providers', 'Providers')}
+      value={totalProviders}
+    />
+  );
+}

package/src/metrics/metrics-cards/scheduled-appointments.extension.tsx

@@ -0,0 +1,33 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import MetricsCard from './metrics-card.component';
+import { useScheduledAppointments } from '../../hooks/useClinicalMetrics';
+import { useAppointmentsStore } from '../../store';
+import { useAppointmentList } from '../../hooks/useAppointmentList';
+
+export default function ScheduledAppointmentsExtension() {
+  const { t } = useTranslation();
+  const { appointmentServiceTypes } = useAppointmentsStore();
+
+  const { appointmentList: arrivedAppointments } = useAppointmentList('CheckedIn');
+  const { appointmentList: pendingAppointments } = useAppointmentList('Scheduled');
+
+  const { totalScheduledAppointments } = useScheduledAppointments(appointmentServiceTypes);
+
+  const filteredArrivedAppointments = appointmentServiceTypes
+    ? arrivedAppointments.filter(({ service }) => appointmentServiceTypes.includes(service.uuid))
+    : arrivedAppointments;
+
+  const filteredPendingAppointments = appointmentServiceTypes
+    ? pendingAppointments.filter(({ service }) => appointmentServiceTypes.includes(service.uuid))
+    : pendingAppointments;
+
+  return (
+    <MetricsCard
+      count={{ pendingAppointments: filteredPendingAppointments, arrivedAppointments: filteredArrivedAppointments }}
+      headerLabel={t('scheduledAppointments', 'Scheduled appointments')}
+      label={t('appointments', 'Appointments')}
+      value={totalScheduledAppointments}
+    />
+  );
+}

package/src/metrics/metrics-container.component.tsx

@@ -0,0 +1,19 @@
+import React from 'react';
+import { ExtensionSlot } from '@openmrs/esm-framework';
+import MetricsHeader from './metrics-header.component';
+import styles from './metrics-container.scss';
+
+interface AppointmentMetricsProps {
+  appointmentServiceTypes: Array<string>;
+}
+
+const AppointmentsMetrics: React.FC<AppointmentMetricsProps> = ({ appointmentServiceTypes }) => {
+  return (
+    <>
+      <MetricsHeader />
+      <ExtensionSlot name="appointments-metrics-slot" className={styles.cardContainer} />
+    </>
+  );
+};
+
+export default AppointmentsMetrics;

package/src/metrics/metrics-container.scss

@@ -0,0 +1,22 @@
+@use '@carbon/layout';
+@use '@openmrs/esm-styleguide/src/vars' as *;
+
+.cardContainer {
+  background-color: $ui-02;
+  display: flex;
+  padding: 0 layout.$spacing-05 layout.$spacing-07 layout.$spacing-05;
+  flex-flow: row wrap;
+  margin-top: -(layout.$spacing-03);
+  gap: layout.$spacing-05;
+}
+
+.cardContainer > * {
+  flex: 1 0 0%;
+  min-width: 18.75rem;
+}
+
+@media (max-width: calc(layout.$spacing-05 * 2 + 18.75rem)) {
+  .cardContainer > *:has(:global(.cardWithChildren)) {
+    order: 999;
+  }
+}

package/src/metrics/metrics-header.component.tsx

@@ -6,14 +6,14 @@ import { Calendar, Hospital } from '@carbon/react/icons';
 import { Button } from '@carbon/react';
 import { ExtensionSlot, isDesktop, launchWorkspace, navigate, useLayoutType } from '@openmrs/esm-framework';
 import { spaHomePage } from '../constants';
-import { useSelectedDateContext } from '../hooks/selected-date-context';
+import { useAppointmentsStore } from '../store';
 import styles from './metrics-header.scss';
 
 dayjs.extend(isToday);
 
 const MetricsHeader: React.FC = () => {
   const { t } = useTranslation();
-  const { selectedDate } = useSelectedDateContext();
+  const { selectedDate } = useAppointmentsStore();
   const layout = useLayoutType();
   const responsiveSize = isDesktop(layout) ? 'sm' : 'md';
 

package/src/routes.json

@@ -105,6 +105,24 @@
       "name": "home-appointments-tile",
       "slot": "home-metrics-tiles-slot",
       "component": "homeAppointmentsTile"
+    },
+    {
+      "name": "metrics-card-scheduled-appointments",
+      "component": "metricsCardScheduledAppointments",
+      "slot": "appointments-metrics-slot",
+      "order": 1
+    },
+    {
+      "name": "metrics-card-highest-volume-service",
+      "component": "metricsCardHighestVolumeService",
+      "slot": "appointments-metrics-slot",
+      "order": 2
+    },
+    {
+      "name": "metrics-card-providers-booked",
+      "component": "metricsCardProvidersBooked",
+      "slot": "appointments-metrics-slot",
+      "order": 3
     }
   ],
   "modals": [

package/src/store.ts

@@ -0,0 +1,46 @@
+import { createGlobalStore, isOmrsDateStrict, useStore } from '@openmrs/esm-framework';
+import dayjs from 'dayjs';
+import { omrsDateFormat } from './constants';
+
+export const appointmentsStore = createGlobalStore('appointments-app', {
+  appointmentServiceTypes: getFromLocalStorage('openmrs:appointments:serviceTypes') || [],
+  selectedDate: dayjs().startOf('day').format(omrsDateFormat),
+});
+
+export function useAppointmentsStore() {
+  return useStore(appointmentsStore);
+}
+
+export function setAppointmentServiceTypes(serviceTypes: Array<string>) {
+  appointmentsStore.setState({ appointmentServiceTypes: serviceTypes });
+}
+
+export function setSelectedDate(date: string) {
+  if (!isOmrsDateStrict(date)) {
+    console.warn(
+      'esm-appointments-app: setSelectedDate called with incorrectly formatted date. Should be omrsDateFormat string. Received:',
+      date,
+    );
+  }
+  appointmentsStore.setState({ selectedDate: date });
+}
+
+/* Set up localStorage serialization */
+
+let lastValueOfAppointmentServiceTypes = getFromLocalStorage('openmrs:appointments:serviceTypes');
+
+function getFromLocalStorage(key: string) {
+  const value = localStorage.getItem(key);
+  return value ? JSON.parse(value) : undefined;
+}
+
+function setInLocalStorage(key: string, value: any) {
+  localStorage.setItem(key, JSON.stringify(value));
+}
+
+appointmentsStore.subscribe(({ appointmentServiceTypes }) => {
+  if (lastValueOfAppointmentServiceTypes !== appointmentServiceTypes) {
+    setInLocalStorage('openmrs:appointments:serviceTypes', appointmentServiceTypes);
+    lastValueOfAppointmentServiceTypes = appointmentServiceTypes;
+  }
+});

package/src/workload/monthly-view-workload/monthly-view.component.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import dayjs from 'dayjs';
 import { useTranslation } from 'react-i18next';
 import { monthDays } from '../../helpers';
-import { useSelectedDateContext } from '../../hooks/selected-date-context';
+import { useAppointmentsStore } from '../../store';
 import DaysOfWeekCard from '../../calendar/monthly/days-of-week.component';
 import MonthlyWorkloadCard from './monthlyWorkCard';
 import styles from './monthly-workload.scss';
@@ -20,7 +20,7 @@ const MonthlyCalendarView: React.FC<MonthlyCalendarViewProps> = ({
 }) => {
   const monthFormat = 'MMMM, YYYY';
   const { t } = useTranslation();
-  const { selectedDate } = useSelectedDateContext();
+  const { selectedDate } = useAppointmentsStore();
   const daysInWeek = ['SUN', 'MON', 'TUE', 'WED', 'THUR', 'FRI', 'SAT'];
   const monthViewDate = dateToDisplay === '' ? selectedDate : dateToDisplay;
   const daysInWeeks = daysInWeek.map((day) => t(day));

package/translations/am.json

@@ -19,7 +19,6 @@
   "appointmentFormError": "Error scheduling appointment",
   "appointmentHistory": "Appointment History",
   "appointmentMarkedChecked": "Appointment marked as Checked In",
-  "appointmentMetricsLoadError": "",
   "appointmentNoteLabel": "Write an additional note",
   "appointmentNotePlaceholder": "Write any additional points here",
   "appointmentNotes": "Appointment Notes",
@@ -79,11 +78,13 @@
   "endAppointmentConfirmationMessage": "Checking the patient out will mark the appointment as complete.",
   "endDate": "End date",
   "expected": "Expected",
+  "failedToLoadMetrics": "Failed to load",
   "filterAppointments": "Filter appointments",
   "filterAppointmentsByServiceType": "Filter appointments by service type",
   "filterTable": "Filter table",
   "gender": "Gender",
   "highestServiceVolume": "Highest volume service: {{time}}",
+  "highestServiceVolumeCardTitle": "Highest volume service",
   "identifier": "Identifier",
   "invalidNumber": "Number is not valid",
   "isRecurringAppointment": "Is this a recurring appointment?",
@@ -91,6 +92,7 @@
   "loading": "Loading",
   "location": "Location",
   "medications": "Medications",
+  "metricLoadErrorMessage": "Please contact your system administrator if the problem persists.",
   "missed": "Missed",
   "next": "Next",
   "nextMonth": "Next month",

package/translations/ar.json

@@ -19,7 +19,6 @@
   "appointmentFormError": "خطأ في جدولة الموعد",
   "appointmentHistory": "تاريخ الموعد",
   "appointmentMarkedChecked": "Appointment marked as Checked In",
-  "appointmentMetricsLoadError": "",
   "appointmentNoteLabel": "كتابة ملاحظة اضافية",
   "appointmentNotePlaceholder": "اضف نقاط اضافية هنا",
   "appointmentNotes": "ملاحظات الموعد",
@@ -79,11 +78,13 @@
   "endAppointmentConfirmationMessage": "Checking the patient out will mark the appointment as complete.",
   "endDate": "End date",
   "expected": "Expected",
+  "failedToLoadMetrics": "Failed to load",
   "filterAppointments": "Filter appointments",
   "filterAppointmentsByServiceType": "Filter appointments by service type",
   "filterTable": "Filter table",
   "gender": "الجنس",
   "highestServiceVolume": "Highest volume service: {{time}}",
+  "highestServiceVolumeCardTitle": "Highest volume service",
   "identifier": "معرف",
   "invalidNumber": "Number is not valid",
   "isRecurringAppointment": "Is this a recurring appointment?",
@@ -91,6 +92,7 @@
   "loading": "Loading",
   "location": "الموقع",
   "medications": "الأدوية",
+  "metricLoadErrorMessage": "Please contact your system administrator if the problem persists.",
   "missed": "فائت",
   "next": "Next",
   "nextMonth": "Next month",

package/translations/ar_SY.json

@@ -19,7 +19,6 @@
   "appointmentFormError": "Error scheduling appointment",
   "appointmentHistory": "Appointment History",
   "appointmentMarkedChecked": "Appointment marked as Checked In",
-  "appointmentMetricsLoadError": "",
   "appointmentNoteLabel": "Write an additional note",
   "appointmentNotePlaceholder": "Write any additional points here",
   "appointmentNotes": "Appointment Notes",
@@ -79,11 +78,13 @@
   "endAppointmentConfirmationMessage": "Checking the patient out will mark the appointment as complete.",
   "endDate": "End date",
   "expected": "Expected",
+  "failedToLoadMetrics": "Failed to load",
   "filterAppointments": "Filter appointments",
   "filterAppointmentsByServiceType": "Filter appointments by service type",
   "filterTable": "Filter table",
   "gender": "Gender",
   "highestServiceVolume": "Highest volume service: {{time}}",
+  "highestServiceVolumeCardTitle": "Highest volume service",
   "identifier": "Identifier",
   "invalidNumber": "Number is not valid",
   "isRecurringAppointment": "Is this a recurring appointment?",
@@ -91,6 +92,7 @@
   "loading": "Loading",
   "location": "Location",
   "medications": "Medications",
+  "metricLoadErrorMessage": "Please contact your system administrator if the problem persists.",
   "missed": "Missed",
   "next": "Next",
   "nextMonth": "Next month",

package/translations/bn.json

@@ -19,7 +19,6 @@
   "appointmentFormError": "Error scheduling appointment",
   "appointmentHistory": "সাক্ষাতের ইতিহাস",
   "appointmentMarkedChecked": "Appointment marked as Checked In",
-  "appointmentMetricsLoadError": "",
   "appointmentNoteLabel": "অতিরিক্ত নোট যুক্ত করুন",
   "appointmentNotePlaceholder": "Write any additional points here",
   "appointmentNotes": "Appointment Notes",
@@ -79,11 +78,13 @@
   "endAppointmentConfirmationMessage": "Checking the patient out will mark the appointment as complete.",
   "endDate": "End date",
   "expected": "Expected",
+  "failedToLoadMetrics": "Failed to load",
   "filterAppointments": "Filter appointments",
   "filterAppointmentsByServiceType": "Filter appointments by service type",
   "filterTable": "Filter table",
   "gender": "লিঙ্গ",
   "highestServiceVolume": "Highest volume service: {{time}}",
+  "highestServiceVolumeCardTitle": "Highest volume service",
   "identifier": "Identifier",
   "invalidNumber": "নম্বরটি ভ্যলিড নয়",
   "isRecurringAppointment": "Is this a recurring appointment?",
@@ -91,6 +92,7 @@
   "loading": "লোড হচ্ছে",
   "location": "Location",
   "medications": "Medications",
+  "metricLoadErrorMessage": "Please contact your system administrator if the problem persists.",
   "missed": "Missed",
   "next": "পরবর্তী",
   "nextMonth": "পরবর্তী মাস",

package/translations/de.json

@@ -19,7 +19,6 @@
   "appointmentFormError": "Error scheduling appointment",
   "appointmentHistory": "Appointment History",
   "appointmentMarkedChecked": "Appointment marked as Checked In",
-  "appointmentMetricsLoadError": "",
   "appointmentNoteLabel": "Write an additional note",
   "appointmentNotePlaceholder": "Write any additional points here",
   "appointmentNotes": "Appointment Notes",
@@ -79,11 +78,13 @@
   "endAppointmentConfirmationMessage": "Checking the patient out will mark the appointment as complete.",
   "endDate": "End date",
   "expected": "Expected",
+  "failedToLoadMetrics": "Failed to load",
   "filterAppointments": "Filter appointments",
   "filterAppointmentsByServiceType": "Filter appointments by service type",
   "filterTable": "Filter table",
   "gender": "Gender",
   "highestServiceVolume": "Highest volume service: {{time}}",
+  "highestServiceVolumeCardTitle": "Highest volume service",
   "identifier": "Identifier",
   "invalidNumber": "Number is not valid",
   "isRecurringAppointment": "Is this a recurring appointment?",
@@ -91,6 +92,7 @@
   "loading": "Loading",
   "location": "Location",
   "medications": "Medications",
+  "metricLoadErrorMessage": "Please contact your system administrator if the problem persists.",
   "missed": "Missed",
   "next": "Next",
   "nextMonth": "Next month",

package/translations/en.json

@@ -19,7 +19,6 @@
   "appointmentFormError": "Error scheduling appointment",
   "appointmentHistory": "Appointment History",
   "appointmentMarkedChecked": "Appointment marked as Checked In",
-  "appointmentMetricsLoadError": "",
   "appointmentNoteLabel": "Write an additional note",
   "appointmentNotePlaceholder": "Write any additional points here",
   "appointmentNotes": "Appointment Notes",
@@ -79,11 +78,13 @@
   "endAppointmentConfirmationMessage": "Checking the patient out will mark the appointment as complete.",
   "endDate": "End date",
   "expected": "Expected",
+  "failedToLoadMetrics": "Failed to load",
   "filterAppointments": "Filter appointments",
   "filterAppointmentsByServiceType": "Filter appointments by service type",
   "filterTable": "Filter table",
   "gender": "Gender",
   "highestServiceVolume": "Highest volume service: {{time}}",
+  "highestServiceVolumeCardTitle": "Highest volume service",
   "identifier": "Identifier",
   "invalidNumber": "Number is not valid",
   "isRecurringAppointment": "Is this a recurring appointment?",
@@ -91,6 +92,7 @@
   "loading": "Loading",
   "location": "Location",
   "medications": "Medications",
+  "metricLoadErrorMessage": "Please contact your system administrator if the problem persists.",
   "missed": "Missed",
   "next": "Next",
   "nextMonth": "Next month",

package/translations/en_US.json

@@ -19,7 +19,6 @@
   "appointmentFormError": "Error scheduling appointment",
   "appointmentHistory": "Appointment History",
   "appointmentMarkedChecked": "Appointment marked as Checked In",
-  "appointmentMetricsLoadError": "",
   "appointmentNoteLabel": "Write an additional note",
   "appointmentNotePlaceholder": "Write any additional points here",
   "appointmentNotes": "Appointment Notes",
@@ -79,11 +78,13 @@
   "endAppointmentConfirmationMessage": "Checking the patient out will mark the appointment as complete.",
   "endDate": "End date",
   "expected": "Expected",
+  "failedToLoadMetrics": "Failed to load",
   "filterAppointments": "Filter appointments",
   "filterAppointmentsByServiceType": "Filter appointments by service type",
   "filterTable": "Filter table",
   "gender": "Gender",
   "highestServiceVolume": "Highest volume service: {{time}}",
+  "highestServiceVolumeCardTitle": "Highest volume service",
   "identifier": "Identifier",
   "invalidNumber": "Number is not valid",
   "isRecurringAppointment": "Is this a recurring appointment?",
@@ -91,6 +92,7 @@
   "loading": "Loading",
   "location": "Location",
   "medications": "Medications",
+  "metricLoadErrorMessage": "Please contact your system administrator if the problem persists.",
   "missed": "Missed",
   "next": "Next",
   "nextMonth": "Next month",

package/translations/es.json

@@ -19,7 +19,6 @@
   "appointmentFormError": "Error al programar la cita",
   "appointmentHistory": "Historial de Citas",
   "appointmentMarkedChecked": "Llegada a la Cita marcada como Registrada",
-  "appointmentMetricsLoadError": "",
   "appointmentNoteLabel": "Escriba una nota adicional",
   "appointmentNotePlaceholder": "Escriba cualquier punto adicional aquí",
   "appointmentNotes": "Notas de la Cita",
@@ -79,11 +78,13 @@
   "endAppointmentConfirmationMessage": "Registrar la salida del paciente marcará la cita como completada.",
   "endDate": "Fecha de finalización",
   "expected": "Esperado",
+  "failedToLoadMetrics": "Failed to load",
   "filterAppointments": "Filtrar Citas",
   "filterAppointmentsByServiceType": "Filtrar citas por tipo de servicio",
   "filterTable": "Filtrar tabla",
   "gender": "Género",
   "highestServiceVolume": "Servicio de mayor volumen: {{time}}",
+  "highestServiceVolumeCardTitle": "Highest volume service",
   "identifier": "Identificador",
   "invalidNumber": "El número no es válido",
   "isRecurringAppointment": "¿Esta es una cita recurrente?",
@@ -91,6 +92,7 @@
   "loading": "Cargando",
   "location": "Ubicación",
   "medications": "Medicamentos",
+  "metricLoadErrorMessage": "Please contact your system administrator if the problem persists.",
   "missed": "Perdida",
   "next": "Siguiente",
   "nextMonth": "Siguiente mes",

package/translations/es_MX.json

@@ -19,7 +19,6 @@
   "appointmentFormError": "Error scheduling appointment",
   "appointmentHistory": "Appointment History",
   "appointmentMarkedChecked": "Appointment marked as Checked In",
-  "appointmentMetricsLoadError": "",
   "appointmentNoteLabel": "Write an additional note",
   "appointmentNotePlaceholder": "Write any additional points here",
   "appointmentNotes": "Appointment Notes",
@@ -79,11 +78,13 @@
   "endAppointmentConfirmationMessage": "Checking the patient out will mark the appointment as complete.",
   "endDate": "End date",
   "expected": "Expected",
+  "failedToLoadMetrics": "Failed to load",
   "filterAppointments": "Filter appointments",
   "filterAppointmentsByServiceType": "Filter appointments by service type",
   "filterTable": "Filter table",
   "gender": "Gender",
   "highestServiceVolume": "Highest volume service: {{time}}",
+  "highestServiceVolumeCardTitle": "Highest volume service",
   "identifier": "Identifier",
   "invalidNumber": "Number is not valid",
   "isRecurringAppointment": "Is this a recurring appointment?",
@@ -91,6 +92,7 @@
   "loading": "Loading",
   "location": "Location",
   "medications": "Medications",
+  "metricLoadErrorMessage": "Please contact your system administrator if the problem persists.",
   "missed": "Missed",
   "next": "Next",
   "nextMonth": "Next month",

package/translations/fr.json

@@ -19,7 +19,6 @@
   "appointmentFormError": "Erreur lors de la planification du rendez-vous",
   "appointmentHistory": "Historique de Rendez-vous",
   "appointmentMarkedChecked": "Rendez-vous marqué comme honoré",
-  "appointmentMetricsLoadError": "",
   "appointmentNoteLabel": "Écrire une note additionnelle",
   "appointmentNotePlaceholder": "Écrire une note additionnelle ici",
   "appointmentNotes": "Notes de Rendez-vous",
@@ -79,11 +78,13 @@
   "endAppointmentConfirmationMessage": " La sortie du patient marquera le rendez-vous comme terminé.",
   "endDate": "Date de fin",
   "expected": "Prévus:",
+  "failedToLoadMetrics": "Failed to load",
   "filterAppointments": "Filtrer les rendez-vous",
   "filterAppointmentsByServiceType": "Filtrer les rendez-vous par type de service",
   "filterTable": "Filtrer le tableau",
   "gender": "Genre",
   "highestServiceVolume": "Service le plus utilisé: {{time}}",
+  "highestServiceVolumeCardTitle": "Highest volume service",
   "identifier": "Identifiant",
   "invalidNumber": "Le numéro n'est pas valide",
   "isRecurringAppointment": "S'agit-il d'un rendez-vous récurrent?",
@@ -91,6 +92,7 @@
   "loading": "En cours de chargement",
   "location": "Emplacement",
   "medications": "Médicaments",
+  "metricLoadErrorMessage": "Please contact your system administrator if the problem persists.",
   "missed": "Manqué",
   "next": "Suivant",
   "nextMonth": "Le mois suivant",

package/translations/he.json

@@ -19,7 +19,6 @@
   "appointmentFormError": "שגיאה בתזמון התור",
   "appointmentHistory": "היסטוריית התורים",
   "appointmentMarkedChecked": "Appointment marked as Checked In",
-  "appointmentMetricsLoadError": "",
   "appointmentNoteLabel": "הצגת הערה נוספ",
   "appointmentNotePlaceholder": "כאן ניתן לכתוב נקודות נוספות",
   "appointmentNotes": "הערות לתור",
@@ -79,11 +78,13 @@
   "endAppointmentConfirmationMessage": "Checking the patient out will mark the appointment as complete.",
   "endDate": "תאריך סיום",
   "expected": "צפוי",
+  "failedToLoadMetrics": "Failed to load",
   "filterAppointments": "Filter appointments",
   "filterAppointmentsByServiceType": "Filter appointments by service type",
   "filterTable": "סינון הטבלה",
   "gender": "מגדר",
   "highestServiceVolume": "השירות הכי עמוס: {{time}}",
+  "highestServiceVolumeCardTitle": "Highest volume service",
   "identifier": "מזהה",
   "invalidNumber": "המספר שגוי",
   "isRecurringAppointment": "זה תור חוזר?",
@@ -91,6 +92,7 @@
   "loading": "בטעינה",
   "location": "מקום",
   "medications": "תרופות",
+  "metricLoadErrorMessage": "Please contact your system administrator if the problem persists.",
   "missed": "הוחמץ",
   "next": "הבא",
   "nextMonth": "חודש הבא",

package/translations/hi.json

@@ -19,7 +19,6 @@
   "appointmentFormError": "Error scheduling appointment",
   "appointmentHistory": "Appointment History",
   "appointmentMarkedChecked": "Appointment marked as Checked In",
-  "appointmentMetricsLoadError": "",
   "appointmentNoteLabel": "Write an additional note",
   "appointmentNotePlaceholder": "Write any additional points here",
   "appointmentNotes": "Appointment Notes",
@@ -79,11 +78,13 @@
   "endAppointmentConfirmationMessage": "Checking the patient out will mark the appointment as complete.",
   "endDate": "End date",
   "expected": "Expected",
+  "failedToLoadMetrics": "Failed to load",
   "filterAppointments": "Filter appointments",
   "filterAppointmentsByServiceType": "Filter appointments by service type",
   "filterTable": "Filter table",
   "gender": "Gender",
   "highestServiceVolume": "Highest volume service: {{time}}",
+  "highestServiceVolumeCardTitle": "Highest volume service",
   "identifier": "Identifier",
   "invalidNumber": "Number is not valid",
   "isRecurringAppointment": "Is this a recurring appointment?",
@@ -91,6 +92,7 @@
   "loading": "Loading",
   "location": "Location",
   "medications": "Medications",
+  "metricLoadErrorMessage": "Please contact your system administrator if the problem persists.",
   "missed": "Missed",
   "next": "Next",
   "nextMonth": "Next month",