@kenyaemr/esm-express-workflow-app 5.4.3 → 5.4.4-pre.100

package/dist/routes.json

@@ -1 +1 @@
-{"$schema":"https://json.openmrs.org/routes.schema.json","backendDependencies":{"fhir2":">=1.2","webservices.rest":">=2.24.0"},"pages":[{"component":"root","route":"express-workflow"},{"component":"queuesAdminHome","route":"queues-admin"},{"component":"appointmentsDashboard","route":"appointments"}],"extensions":[{"component":"appointmentsDashboardLink","name":"appointments-dashboard-link","slot":"appointments-left-panel-slot","meta":{"name":"appointments","slot":"appointments-dashboard-slot","title":"Appointments"}},{"component":"admissionsLeftPanelLink","name":"admissions-dashboard-link","slot":"express-workflow-left-panel-slot","order":9,"meta":{"name":"admissions","slot":"admissions-dashboard-slot","title":"Admissions"}},{"component":"admissionsDashboard","name":"admissions-dashboard","slot":"admissions-dashboard-slot"},{"component":"consultationLeftPanelLink","name":"consultation-dashboard-link","slot":"homepage-dashboard-slot","order":3,"meta":{"name":"consultation","slot":"consultation-dashboard-slot","title":"Consultation"}},{"component":"consultationDashboard","name":"consultation-dashboard","slot":"consultation-dashboard-slot"},{"component":"facilityLeftPanelLink","name":"facility-dashboard-link","slot":"homepage-dashboard-slot","order":0,"meta":{"name":"dashboard","slot":"facility-dashboard-slot","title":"Dashboard"}},{"component":"facilityDashboard","name":"facility-dashboard","slot":"facility-dashboard-slot"},{"component":"mchLeftPanelLink","name":"mch-dashboard-link","slot":"homepage-dashboard-slot","meta":{"name":"mch","slot":"mch-dashboard-slot","title":"MCH"}},{"component":"mchDashboard","name":"mch-dashboard","slot":"mch-dashboard-slot"},{"component":"registrationLeftPanelLink","name":"registration-dashboard-link","slot":"homepage-dashboard-slot","meta":{"name":"registration","slot":"registration-dashboard-slot","title":"Registration"}},{"component":"registrationDashboard","name":"registration-dashboard","slot":"registration-dashboard-slot"},{"component":"triageLeftPanelLink","name":"triage-dashboard-link","slot":"homepage-dashboard-slot","meta":{"name":"triage","slot":"triage-dashboard-slot","title":"Triage"}},{"component":"triageDashboard","name":"triage-dashboard","slot":"triage-dashboard-slot"},{"name":"custom-visit-form-queue-fields","component":"checkinFormExtraExtension","slot":"visit-form-bottom-slot","order":0},{"component":"reportsDashboardLink","name":"reports-homepage-dashboard-link","slot":"homepage-dashboard-slot","meta":{"name":"reports","slot":"reports-homepage-dashboard-slot","title":"Reports"}},{"component":"reportsDashboard","name":"reports-dashboard","slot":"reports-homepage-dashboard-slot"},{"name":"pharmacy-homepage-dashboard-link","component":"pharmacyLink","slot":"homepage-dashboard-slot","meta":{"name":"pharmacy","title":"Pharmacy","path":"pharmacy","slot":"pharmacy-homepage-dashboard-slot"}},{"name":"pharmacy-homepage-dashboard","component":"pharmacy","slot":"pharmacy-homepage-dashboard-slot","online":true,"offline":false},{"name":"ewf-pharmacy-orders-dashboard","component":"pharmacyOrders","slot":"ewf-orders-slot","online":true,"offline":false},{"name":"patient-summary-dashboard","component":"patientSummaryDashboard","slot":"patient-chart-summary-dashboard-slot"},{"name":"ewf-clinical-encounter-link","component":"clinicalEncounterLink","slot":"patient-chart-dashboard-slot","meta":{"name":"ewf-clinical-encounter","title":"Clinical Encounter","slot":"ewf-patient-chart-clinical-encounter-slot","path":"clinical-encounter","layoutMode":"anchored","hideDashboardTitle":true}},{"name":"ewf-clinical-encounter-dashboard","component":"clinicalEncounter","slot":"ewf-patient-chart-clinical-encounter-slot","online":true,"offline":false},{"name":"ewf-laboratory-dashboard-link","component":"laboratoryLeftPanelLink","slot":"patient-chart-dashboard-slot","meta":{"name":"ewf-laboratory","title":"Lab Orders","path":"laboratory","slot":"ewf-patient-chart-laboratory-dashboard-slot","layoutMode":"anchored","hideDashboardTitle":true}},{"name":"ewf-laboratory-dashboard","component":"laboratoryDashboard","slot":"ewf-patient-chart-laboratory-dashboard-slot","online":true,"offline":false},{"name":"ewf-radiology-and-imaging-dashboard-link","component":"radiologyAndImagingLeftPanelLink","slot":"patient-chart-dashboard-slot","meta":{"name":"ewf-radiology-and-imaging","title":"Radiology and Imaging","path":"radiology-and-imaging","slot":"ewf-patient-chart-radiology-and-imaging-dashboard-slot","layoutMode":"anchored","hideDashboardTitle":true}},{"name":"ewf-radiology-and-imaging-dashboard","component":"radiologyAndImagingDashboard","slot":"ewf-patient-chart-radiology-and-imaging-dashboard-slot","online":true,"offline":false},{"name":"ewf-procedures-dashboard-link","component":"proceduresLeftPanelLink","slot":"patient-chart-dashboard-slot","meta":{"name":"ewf-procedures","title":"Procedures","path":"procedures","slot":"ewf-patient-chart-procedures-dashboard-slot","layoutMode":"anchored","hideDashboardTitle":true}},{"name":"ewf-procedures-dashboard","component":"proceduresDashboard","slot":"ewf-patient-chart-procedures-dashboard-slot","online":true,"offline":false},{"name":"ewf-pharmacy-dashboard-link","component":"pharmacyPatientChartDashboardLink","slot":"patient-chart-dashboard-slot","meta":{"name":"ewf-pharmacy","title":"Prescription","path":"pharmacy","slot":"ewf-patient-chart-pharmacy-dashboard-slot","layoutMode":"anchored","hideDashboardTitle":true}},{"name":"ewf-pharmacy-dashboard","component":"pharmacyTabs","slot":"ewf-patient-chart-pharmacy-dashboard-slot","online":true,"offline":false},{"name":"ewf-admissions-dashboard-link","component":"admissionsDashboardLink","slot":"patient-chart-dashboard-slot","meta":{"name":"ewf-admissions","title":"In-patient","path":"admissions","slot":"ewf-patient-chart-admissions-dashboard-slot","layoutMode":"anchored","hideDashboardTitle":true}},{"name":"ewf-admissions-dashboard","component":"admissionsDashboard","slot":"ewf-patient-chart-admissions-dashboard-slot","online":true,"offline":false},{"name":"ewf-homepage-dashboard-link","component":"homepageDashboardLink","slot":"patient-chart-dashboard-slot","order":0},{"name":"ewf-encounter-details-dashboard","component":"encounterDetails","slot":"ewf-clinical-encounter-slot","online":true,"offline":false}],"workspaces":[{"name":"express-workflow-workspace","component":"expressWorkflowWorkspace","title":"Express Workflow Workspace","type":"workspace","canMaximize":true,"canHide":true}],"modals":[{"component":"otpVerificationModal","name":"otp-verification-modal"},{"component":"facilityDashboardAuthorizationModal","name":"facility-dashboard-authorization-form-modal"}],"workspaceGroups":[{"name":"express-workflow","members":["add-drug-order","order-basket","add-lab-order","express-workflow-workspace","start-visit-workspace-form"]}],"version":"5.4.3"}
+{"$schema":"https://json.openmrs.org/routes.schema.json","backendDependencies":{"fhir2":">=1.2","webservices.rest":">=2.24.0"},"pages":[{"component":"root","route":"express-workflow"},{"component":"queuesAdminHome","route":"queues-admin"},{"component":"@kenyaemr/esm-appointments-app#appointmentsDashboard","route":"appointments"}],"extensions":[{"component":"appointmentsDashboardLink","name":"appointments-dashboard-link","slot":"appointments-left-panel-slot","meta":{"name":"appointments","slot":"appointments-dashboard-slot","title":"Appointments"}},{"component":"admissionsLeftPanelLink","name":"admissions-dashboard-link","slot":"express-workflow-left-panel-slot","order":9,"meta":{"name":"admissions","slot":"admissions-dashboard-slot","title":"Admissions"}},{"component":"admissionsDashboard","name":"admissions-dashboard","slot":"admissions-dashboard-slot"},{"component":"consultationLeftPanelLink","name":"consultation-dashboard-link","slot":"homepage-dashboard-slot","order":3,"meta":{"name":"consultation","slot":"consultation-dashboard-slot","title":"Consultation"}},{"component":"consultationDashboard","name":"consultation-dashboard","slot":"consultation-dashboard-slot"},{"component":"facilityLeftPanelLink","name":"facility-dashboard-link","slot":"homepage-dashboard-slot","order":0,"meta":{"name":"dashboard","slot":"facility-dashboard-slot","title":"Dashboard"}},{"component":"facilityDashboard","name":"facility-dashboard","slot":"facility-dashboard-slot"},{"component":"mchLeftPanelLink","name":"mch-dashboard-link","slot":"homepage-dashboard-slot","meta":{"name":"mch","slot":"mch-dashboard-slot","title":"MCH"}},{"component":"mchDashboard","name":"mch-dashboard","slot":"mch-dashboard-slot"},{"component":"registrationLeftPanelLink","name":"registration-dashboard-link","slot":"homepage-dashboard-slot","meta":{"name":"registration","slot":"registration-dashboard-slot","title":"Registration"}},{"component":"registrationDashboard","name":"registration-dashboard","slot":"registration-dashboard-slot"},{"component":"triageLeftPanelLink","name":"triage-dashboard-link","slot":"homepage-dashboard-slot","meta":{"name":"triage","slot":"triage-dashboard-slot","title":"Triage"}},{"component":"triageDashboard","name":"triage-dashboard","slot":"triage-dashboard-slot"},{"name":"custom-visit-form-queue-fields","component":"checkinFormExtraExtension","slot":"visit-form-bottom-slot","order":0},{"component":"reportsDashboardLink","name":"reports-homepage-dashboard-link","slot":"homepage-dashboard-slot","meta":{"name":"reports","slot":"reports-homepage-dashboard-slot","title":"Reports"}},{"component":"reportsDashboard","name":"reports-dashboard","slot":"reports-homepage-dashboard-slot"},{"name":"pharmacy-homepage-dashboard-link","component":"pharmacyLink","slot":"homepage-dashboard-slot","meta":{"name":"pharmacy","title":"Pharmacy","path":"pharmacy","slot":"pharmacy-homepage-dashboard-slot"}},{"name":"pharmacy-homepage-dashboard","component":"pharmacy","slot":"pharmacy-homepage-dashboard-slot","online":true,"offline":false},{"name":"ewf-pharmacy-orders-dashboard","component":"pharmacyOrders","slot":"ewf-orders-slot","online":true,"offline":false},{"name":"patient-summary-dashboard","component":"patientSummaryDashboard","slot":"patient-chart-summary-dashboard-slot"},{"name":"ewf-clinical-encounter-link","component":"clinicalEncounterLink","slot":"patient-chart-dashboard-slot","meta":{"name":"ewf-clinical-encounter","title":"Clinical Encounter","slot":"ewf-patient-chart-clinical-encounter-slot","path":"clinical-encounter","layoutMode":"anchored","hideDashboardTitle":true}},{"name":"ewf-clinical-encounter-dashboard","component":"clinicalEncounter","slot":"ewf-patient-chart-clinical-encounter-slot","online":true,"offline":false},{"name":"ewf-laboratory-dashboard-link","component":"laboratoryLeftPanelLink","slot":"patient-chart-dashboard-slot","meta":{"name":"ewf-laboratory","title":"Lab Orders","path":"laboratory","slot":"ewf-patient-chart-laboratory-dashboard-slot","layoutMode":"anchored","hideDashboardTitle":true}},{"name":"ewf-laboratory-dashboard","component":"laboratoryDashboard","slot":"ewf-patient-chart-laboratory-dashboard-slot","online":true,"offline":false},{"name":"ewf-radiology-and-imaging-dashboard-link","component":"radiologyAndImagingLeftPanelLink","slot":"patient-chart-dashboard-slot","meta":{"name":"ewf-radiology-and-imaging","title":"Radiology and Imaging","path":"radiology-and-imaging","slot":"ewf-patient-chart-radiology-and-imaging-dashboard-slot","layoutMode":"anchored","hideDashboardTitle":true}},{"name":"ewf-radiology-and-imaging-dashboard","component":"radiologyAndImagingDashboard","slot":"ewf-patient-chart-radiology-and-imaging-dashboard-slot","online":true,"offline":false},{"name":"ewf-procedures-dashboard-link","component":"proceduresLeftPanelLink","slot":"patient-chart-dashboard-slot","meta":{"name":"ewf-procedures","title":"Procedures","path":"procedures","slot":"ewf-patient-chart-procedures-dashboard-slot","layoutMode":"anchored","hideDashboardTitle":true}},{"name":"ewf-procedures-dashboard","component":"proceduresDashboard","slot":"ewf-patient-chart-procedures-dashboard-slot","online":true,"offline":false},{"name":"ewf-pharmacy-dashboard-link","component":"pharmacyPatientChartDashboardLink","slot":"patient-chart-dashboard-slot","meta":{"name":"ewf-pharmacy","title":"Prescription","path":"pharmacy","slot":"ewf-patient-chart-pharmacy-dashboard-slot","layoutMode":"anchored","hideDashboardTitle":true}},{"name":"ewf-pharmacy-dashboard","component":"pharmacyTabs","slot":"ewf-patient-chart-pharmacy-dashboard-slot","online":true,"offline":false},{"name":"ewf-admissions-dashboard-link","component":"admissionsDashboardLink","slot":"patient-chart-dashboard-slot","meta":{"name":"ewf-admissions","title":"In-patient","path":"admissions","slot":"ewf-patient-chart-admissions-dashboard-slot","layoutMode":"anchored","hideDashboardTitle":true}},{"name":"ewf-admissions-dashboard","component":"admissionsDashboard","slot":"ewf-patient-chart-admissions-dashboard-slot","online":true,"offline":false},{"name":"ewf-homepage-dashboard-link","component":"homepageDashboardLink","slot":"patient-chart-dashboard-slot","order":0},{"name":"ewf-encounter-details-dashboard","component":"encounterDetails","slot":"ewf-clinical-encounter-slot","online":true,"offline":false},{"name":"custom-start-visit-overflow-menu-item","slot":"patient-actions-slot","component":"customStartVisitOverflowMenuItem","online":true,"offline":true}],"workspaces2":[{"name":"custom-start-visit-workspace-form","component":"visitFormWorkspace","window":"ewf-start-visit"}],"workspaceWindows2":[{"name":"ewf-start-visit","group":"ewf-patient-chart","width":"wider"}],"workspaceGroups2":[{"name":"ewf-patient-chart","scopePattern":"/patient/([^/]+)/chart"}],"modals":[{"component":"otpVerificationModal","name":"otp-verification-modal"},{"component":"facilityDashboardAuthorizationModal","name":"facility-dashboard-authorization-form-modal"}],"version":"5.4.4-pre.100"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kenyaemr/esm-express-workflow-app",
-  "version": "5.4.3",
+  "version": "5.4.4-pre.100",
   "description": "Express workflow app for OpenMRS 3",
   "keywords": [
     "openmrs",
@@ -19,16 +19,14 @@
   "source": true,
   "browser": "dist/kenyaemr-esm-express-workflow-app.js",
   "scripts": {
-    "analyze": "rspack --mode=production --env analyze=true",
+    "analyze": "rspack build --mode=production --analyze",
     "build": "rspack --mode=production",
-    "coverage": "yarn test --coverage",
+    "coverage": "echo \"Jest has been removed; no unit test runner is configured\" && exit 0",
     "debug": "npm run serve",
     "extract-translations": "i18next 'src/**/*.component.tsx' 'src/**/*.extension.tsx' 'src/**/*modal.tsx' 'src/**/*.workspace.tsx' 'src/index.ts' --config ../../tools/i18next-parser.config.js",
     "lint": "cross-env eslint src --ext ts,tsx",
     "serve": "rspack serve --mode=development",
     "start": "openmrs develop",
-    "test": "cross-env TZ=UTC jest --config jest.config.js --verbose false --passWithNoTests --color",
-    "test:watch": "cross-env TZ=UTC jest --watch --config jest.config.js --color",
     "typescript": "tsc"
   },
   "browserslist": [
@@ -45,7 +43,7 @@
     "zod": "^3.24.1"
   },
   "peerDependencies": {
-    "@openmrs/esm-framework": "8.x",
+    "@openmrs/esm-framework": "9.x",
     "dayjs": "1.x",
     "react": "18.x",
     "react-i18next": "11.x",
@@ -54,5 +52,6 @@
   },
   "publishConfig": {
     "access": "public"
-  }
+  },
+  "stableVersion": "5.4.3"
 }

package/rspack.config.js

@@ -1 +1 @@
-module.exports = require('openmrs/default-rspack-config');
+module.exports = require('../../tools/rs-pack-code-spliting');

package/src/components/accounting/index.tsx

@@ -1,21 +1,22 @@
-import { getSyncLifecycle } from '@openmrs/esm-framework';
+import { getAsyncLifecycle } from '@openmrs/esm-framework';
 
-import { createDashboardLink } from '@openmrs/esm-patient-common-lib';
 import { moduleName } from '../../constants';
-import Accounting from './accounting.component';
 
 const options = {
   featureName: 'express-workflow',
   moduleName,
 };
 
-export const accountingDashboard = getSyncLifecycle(Accounting, options);
+export const accountingDashboard = getAsyncLifecycle(() => import('./accounting.component'), options);
 // t('accounting', 'Accounting')
-export const accountingLeftPanelLink = getSyncLifecycle(
-  createDashboardLink({
-    title: 'accounting',
-    path: 'accounting',
-    icon: 'omrs-icon-money',
-  }),
+export const accountingLeftPanelLink = getAsyncLifecycle(
+  () =>
+    import('@openmrs/esm-patient-common-lib').then((m) => ({
+      default: m.createDashboardLink({
+        title: 'accounting',
+        path: 'accounting',
+        icon: 'omrs-icon-money',
+      }),
+    })),
   options,
 );

package/src/components/admissions/index.tsx

@@ -1,21 +1,22 @@
-import { getSyncLifecycle } from '@openmrs/esm-framework';
+import { getAsyncLifecycle } from '@openmrs/esm-framework';
 
-import { createDashboardLink } from '@openmrs/esm-patient-common-lib/src';
 import { moduleName } from '../../constants';
-import AdmissionsDashboard from './admissions-dashboard.component';
 
 const options = {
   featureName: 'express-workflow',
   moduleName,
 };
 
-export const admissionsDashboard = getSyncLifecycle(AdmissionsDashboard, options);
+export const admissionsDashboard = getAsyncLifecycle(() => import('./admissions-dashboard.component'), options);
 // t('inPatient', 'In-Patient')
-export const admissionsDashboardLink = getSyncLifecycle(
-  createDashboardLink({
-    path: 'admissions',
-    title: 'inPatient',
-    icon: 'omrs-icon-hospital-bed',
-  }),
+export const admissionsDashboardLink = getAsyncLifecycle(
+  () =>
+    import('@openmrs/esm-patient-common-lib').then((m) => ({
+      default: m.createDashboardLink({
+        path: 'admissions',
+        title: 'inPatient',
+        icon: 'omrs-icon-hospital-bed',
+      }),
+    })),
   options,
 );

package/src/components/appointments/index.ts

@@ -1,5 +1,4 @@
-import { getAsyncLifecycle, getSyncLifecycle } from '@openmrs/esm-framework';
-import { createDashboardLink } from '@openmrs/esm-patient-common-lib';
+import { getAsyncLifecycle } from '@openmrs/esm-framework';
 
 const options = {
   featureName: 'express-workflow',
@@ -8,11 +7,14 @@ const options = {
 
 export const appointmentsDashboard = getAsyncLifecycle(() => import('./dashboard.component'), options);
 // t('appointments', 'Appointments')
-export const appointmentsDashboardLink = getSyncLifecycle(
-  createDashboardLink({
-    path: `appointments`,
-    title: 'appointments',
-    icon: 'omrs-icon-calendar',
-  }),
+export const appointmentsDashboardLink = getAsyncLifecycle(
+  () =>
+    import('@openmrs/esm-patient-common-lib').then((m) => ({
+      default: m.createDashboardLink({
+        path: 'appointments',
+        title: 'appointments',
+        icon: 'omrs-icon-calendar',
+      }),
+    })),
   options,
 );

package/src/components/consultation/clinical-encounter/encounter-details.component.tsx

@@ -9,7 +9,6 @@ import {
   Dashboard,
   Stethoscope,
   Add,
-  Edit,
   DocumentMultiple_02,
 } from '@carbon/react/icons';
 
@@ -88,6 +87,7 @@ const EncounterDetails: React.FC<EncounterDetailsProps> = ({ patientUuid, patien
         <TabPanels>
           <TabPanel>
             <EncounterCard
+              patientUuid={patientUuid}
               encounterUuid={lastEncounter?.uuid}
               title={t('visitDetails', 'Visit Details')}
               mutateForm={mutate}
@@ -108,6 +108,7 @@ const EncounterDetails: React.FC<EncounterDetailsProps> = ({ patientUuid, patien
           </TabPanel>
           <TabPanel>
             <EncounterCard
+              patientUuid={patientUuid}
               encounterUuid={lastEncounter?.uuid}
               mutateForm={mutate}
               title={t('patientHistory', 'Patient History')}
@@ -116,6 +117,7 @@ const EncounterDetails: React.FC<EncounterDetailsProps> = ({ patientUuid, patien
           </TabPanel>
           <TabPanel>
             <EncounterCard
+              patientUuid={patientUuid}
               encounterUuid={lastEncounter?.uuid}
               mutateForm={mutate}
               title={t('patientExamination', 'Patient Examination')}
@@ -124,6 +126,7 @@ const EncounterDetails: React.FC<EncounterDetailsProps> = ({ patientUuid, patien
           </TabPanel>
           <TabPanel>
             <EncounterCard
+              patientUuid={patientUuid}
               encounterUuid={lastEncounter?.uuid}
               mutateForm={mutate}
               title={t('patientManagement', 'Patient Management')}
@@ -146,24 +149,21 @@ type EncounterCardProps = {
   cardItems: Array<{ title: string; value: string }>;
   mutateForm: () => void;
   encounterUuid?: string;
+  patientUuid: string;
 };
 
-const EncounterCard = ({ title, cardItems, mutateForm, encounterUuid }: EncounterCardProps) => {
+const EncounterCard = ({ title, cardItems, mutateForm, encounterUuid, patientUuid }: EncounterCardProps) => {
   const { t } = useTranslation();
   const {
     clinicalEncounter: { formUuid },
   } = useConfig<ExpressWorkflowConfig>();
-  const launchWorkspaceRequiringVisit = useLaunchWorkspaceRequiringVisit('patient-form-entry-workspace');
+  const launchWorkspaceRequiringVisit = useLaunchWorkspaceRequiringVisit(patientUuid, 'patient-form-entry-workspace');
 
   const handleOpenOrEditClinicalEncounterForm = (encounterUuid?: string) => {
     launchWorkspaceRequiringVisit({
-      workspaceTitle: title,
+      form: { uuid: formUuid },
       mutateForm: mutateForm,
-      formInfo: {
-        encounterUuid: encounterUuid ?? '',
-        formUuid: formUuid,
-        additionalProps: {},
-      },
+      encounterUuid: encounterUuid ?? '',
     });
   };
   return (

package/src/components/consultation/clinical-encounter/encounter-details.test.tsx

@@ -1,27 +1,28 @@
 import React from 'react';
 import { render, screen, within } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
+import { vi, type MockedFunction } from 'vitest';
 import { formatDatetime, parseDate } from '@openmrs/esm-framework';
 import { useLaunchWorkspaceRequiringVisit } from '@openmrs/esm-patient-common-lib';
 import EncounterDetails from './encounter-details.component';
 import { usePatientEncounter, useClinicalEncounterForm } from '../../../hooks/usePatientEncounter';
 
 // Create a mock function for the workspace launcher
-const mockLaunchWorkspaceRequiringVisit = jest.fn();
+const mockLaunchWorkspaceRequiringVisit = vi.fn();
 
 // Mock dependencies
-jest.mock('@openmrs/esm-framework', () => ({
-  ...jest.requireActual('@openmrs/esm-framework'),
-  formatDatetime: jest.fn((date, options) => '15-Jan-2024'),
-  parseDate: jest.fn((date) => new Date(date)),
-  openmrsFetch: jest.fn(),
-  useConfig: jest.fn(() => ({
+vi.mock('@openmrs/esm-framework', () => ({
+  ...vi.importActual<typeof import('@openmrs/esm-framework')>('@openmrs/esm-framework'),
+  formatDatetime: vi.fn((date, options) => '15-Jan-2024'),
+  parseDate: vi.fn((date) => new Date(date)),
+  openmrsFetch: vi.fn(),
+  useConfig: vi.fn(() => ({
     clinicalEncounter: {
       encounterTypeUuid: '465a92f2-baf8-42e9-9612-53064be868e8',
       formUuid: 'e958f902-64df-4819-afd4-7fb061f59308',
     },
   })),
-  ErrorState: jest.fn(({ error, headerTitle }) => (
+  ErrorState: vi.fn(({ error, headerTitle }) => (
     <div data-testid="error-state">
       <h2>{headerTitle}</h2>
       <p>{error.message}</p>
@@ -29,26 +30,26 @@ jest.mock('@openmrs/esm-framework', () => ({
   )),
 }));
 
-jest.mock('@openmrs/esm-patient-common-lib', () => ({
+vi.mock('@openmrs/esm-patient-common-lib', () => ({
   CardHeader: ({ title, children }: { title: string; children: React.ReactNode }) => (
     <div data-testid="card-header">
       <h2>{title}</h2>
       {children}
     </div>
   ),
-  useLaunchWorkspaceRequiringVisit: jest.fn(),
+  useLaunchWorkspaceRequiringVisit: vi.fn(),
 }));
 
-jest.mock('@carbon/react', () => ({
-  ...jest.requireActual('@carbon/react'),
-  TabsSkeleton: jest.fn(() => <div data-testid="tabs-skeleton">Loading tabs...</div>),
+vi.mock('@carbon/react', () => ({
+  ...vi.importActual<typeof import('@carbon/react')>('@carbon/react'),
+  TabsSkeleton: vi.fn(() => <div data-testid="tabs-skeleton">Loading tabs...</div>),
 }));
 
-jest.mock('../../../hooks/usePatientEncounter');
+vi.mock('../../../hooks/usePatientEncounter');
 
-const mockUsePatientEncounter = usePatientEncounter as jest.MockedFunction<typeof usePatientEncounter>;
-const mockUseClinicalEncounterForm = useClinicalEncounterForm as jest.MockedFunction<typeof useClinicalEncounterForm>;
-const mockUseLaunchWorkspaceRequiringVisit = useLaunchWorkspaceRequiringVisit as jest.MockedFunction<
+const mockUsePatientEncounter = usePatientEncounter as MockedFunction<typeof usePatientEncounter>;
+const mockUseClinicalEncounterForm = useClinicalEncounterForm as MockedFunction<typeof useClinicalEncounterForm>;
+const mockUseLaunchWorkspaceRequiringVisit = useLaunchWorkspaceRequiringVisit as MockedFunction<
   typeof useLaunchWorkspaceRequiringVisit
 >;
 
@@ -150,7 +151,7 @@ describe('EncounterDetails', () => {
   };
 
   beforeEach(() => {
-    jest.clearAllMocks();
+    vi.clearAllMocks();
     mockLaunchWorkspaceRequiringVisit.mockClear();
     mockUseLaunchWorkspaceRequiringVisit.mockReturnValue(mockLaunchWorkspaceRequiringVisit);
     mockUsePatientEncounter.mockReturnValue({

package/src/components/consultation/consultation-context.tsx

@@ -0,0 +1,19 @@
+import React from 'react';
+import { Queue } from '../../types';
+import {
+  QueueWorkflowProvider,
+  useQueueWorkflowContext,
+  useQueueWorkflowContextOptional,
+} from '../../shared/queue/queue-workflow-context';
+
+type ConsultationProviderProps = {
+  consultationQueues: Queue[];
+  children: React.ReactNode;
+};
+
+export const ConsultationProvider: React.FC<ConsultationProviderProps> = ({ consultationQueues, children }) => (
+  <QueueWorkflowProvider queues={consultationQueues}>{children}</QueueWorkflowProvider>
+);
+
+export const useConsultationContext = () => useQueueWorkflowContext();
+export const useConsultationContextOptional = () => useQueueWorkflowContextOptional();

package/src/components/consultation/consultation-summary-cards.component.tsx

@@ -0,0 +1,124 @@
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useConfig } from '@openmrs/esm-framework';
+
+import { type ExpressWorkflowConfig } from '../../config-schema';
+import QueueSummaryCards from '../../shared/queue/queue-summary-cards.component';
+import { useConsultationContext } from './consultation-context';
+import { useConsultationQueueMetrics, useInvestigationStats, useTotalVisits } from './consultation.resource';
+import { buildConsultationCards } from './consultation.utils';
+
+type LoadingState = { isLoading: boolean; isValidating: boolean };
+
+type ConsultationSummaryCardsProps = {
+  onLoadingStateChange?: (state: LoadingState) => void;
+};
+
+const ConsultationSummaryCards: React.FC<ConsultationSummaryCardsProps> = ({ onLoadingStateChange }) => {
+  const { activeQueue, setFilters, pageSize } = useConsultationContext();
+  const { t } = useTranslation();
+  const {
+    priorities: { emergencyPriorityConceptUuid, urgentPriorityConceptUuid, notUrgentPriorityConceptUuid },
+  } = useConfig<ExpressWorkflowConfig>();
+  const [isRefreshing, setIsRefreshing] = useState(false);
+
+  const {
+    waitingEntries,
+    isLoading: isLoadingQueueMetrics,
+    isValidating: isValidatingQueueMetrics,
+    emergencyEntries,
+    urgentEntries,
+    notUrgentEntries,
+  } = useConsultationQueueMetrics(activeQueue, pageSize);
+  const {
+    data: totalVisits,
+    isLoading: isLoadingTotalVisits,
+    isValidating: isValidatingTotalVisits,
+  } = useTotalVisits();
+  const {
+    awaitingCount,
+    completedCount,
+    lab,
+    radiology,
+    procedures,
+    isLoading: isLoadingInvestigations,
+    refresh: refreshInvestigations,
+    investigationCategorizedEntries,
+    isValidating: isValidatingInvestigations,
+  } = useInvestigationStats(activeQueue);
+
+  const isLoading =
+    (isLoadingQueueMetrics || isLoadingTotalVisits || isLoadingInvestigations) && !isValidatingQueueMetrics;
+  const isValidating = isValidatingQueueMetrics || isValidatingInvestigations || isValidatingTotalVisits;
+
+  useEffect(() => {
+    onLoadingStateChange?.({ isLoading, isValidating });
+  }, [isLoading, isValidating, onLoadingStateChange]);
+
+  const handleRefresh = useCallback(async () => {
+    setIsRefreshing(true);
+    try {
+      await refreshInvestigations();
+    } catch (error) {
+      console.error('Error refreshing investigations:', error);
+    } finally {
+      setIsRefreshing(false);
+    }
+  }, [refreshInvestigations]);
+
+  const cards = useMemo(
+    () =>
+      buildConsultationCards({
+        t,
+        waitingCount: waitingEntries.length,
+        emergencyCount: emergencyEntries.length,
+        urgentCount: urgentEntries.length,
+        notUrgentCount: notUrgentEntries.length,
+        awaitingCount,
+        completedCount,
+        labAwaiting: lab.awaiting,
+        labCompleted: lab.completed,
+        radiologyAwaiting: radiology.awaiting,
+        radiologyCompleted: radiology.completed,
+        proceduresAwaiting: procedures.awaiting,
+        proceduresCompleted: procedures.completed,
+        isRefreshing,
+        isLoadingInvestigations,
+        onRefreshInvestigations: handleRefresh,
+        totalVisitsCount: totalVisits?.length,
+        setFilters,
+        emergencyPriorityConceptUuid,
+        urgentPriorityConceptUuid,
+        notUrgentPriorityConceptUuid,
+        investigationCategorizedEntries,
+      }),
+    [
+      t,
+      waitingEntries.length,
+      emergencyEntries.length,
+      urgentEntries.length,
+      notUrgentEntries.length,
+      awaitingCount,
+      completedCount,
+      lab.awaiting,
+      lab.completed,
+      radiology.awaiting,
+      radiology.completed,
+      procedures.awaiting,
+      procedures.completed,
+      isRefreshing,
+      isLoadingInvestigations,
+      handleRefresh,
+      totalVisits?.length,
+      setFilters,
+      emergencyPriorityConceptUuid,
+      urgentPriorityConceptUuid,
+      notUrgentPriorityConceptUuid,
+      investigationCategorizedEntries,
+    ],
+  );
+
+  return <QueueSummaryCards cards={cards} />;
+};
+
+export default ConsultationSummaryCards;