@kenyaemr/esm-care-panel-app 5.4.2-pre.2203 → 5.4.2-pre.2223

package/dist/routes.json

@@ -1 +1 @@
-{"$schema":"https://json.openmrs.org/routes.schema.json","backendDependencies":{"kenyaemr":"^19.0.0"},"pages":[],"extensions":[{"name":"care-panel-patient-summary","component":"carePanelPatientSummary","slot":"patient-chart-care-panel-dashboard-slot","order":10,"meta":{"columnSpan":4}},{"name":"care-panel-summary-dashboard-link","component":"carePanelSummaryDashboardLink","slot":"patient-chart-dashboard-slot","order":3,"meta":{"columns":1,"columnSpan":1,"slot":"patient-chart-care-panel-dashboard-slot","layoutMode":"anchored","path":"Care panel"}},{"name":"delete-regimen-confirmation-dialog","component":"deleteRegimenConfirmationDialog"},{"name":"hiv-patient-visit-summary-dashboard-link","component":"hivPatientSummaryDashboardLink","slot":"hiv-care-and-treatment-slot","meta":{"columns":1,"columnSpan":1,"slot":"patient-chart-hiv-patient-summary-slot","path":"HIV Patient Summary","layoutMode":"anchored"}},{"name":"hiv-patient-visit-summary","slot":"patient-chart-hiv-patient-summary-slot","component":"hivPatientSummary","order":3,"online":true,"offline":false},{"name":"dispensing-patient-vitals","component":"dispensingPaentientVitals","slot":"dispensing-condition-and-diagnoses","order":1,"online":true,"offline":true}],"workspaces":[{"name":"patient-regimen-workspace","title":"Patient Regimen","component":"regimenFormWorkspace","type":"form","canMaximize":true,"canHide":true,"width":"wider"}],"version":"5.4.2-pre.2203"}
+{"$schema":"https://json.openmrs.org/routes.schema.json","backendDependencies":{"kenyaemr":"^19.0.0"},"pages":[],"extensions":[{"name":"care-panel-patient-summary","component":"carePanelPatientSummary","slot":"patient-chart-care-panel-dashboard-slot","order":10,"meta":{"columnSpan":4}},{"name":"care-panel-summary-dashboard-link","component":"carePanelSummaryDashboardLink","slot":"patient-chart-dashboard-slot","order":3,"meta":{"columns":1,"columnSpan":1,"slot":"patient-chart-care-panel-dashboard-slot","layoutMode":"anchored","path":"Care panel"}},{"name":"delete-regimen-confirmation-dialog","component":"deleteRegimenConfirmationDialog"},{"name":"hiv-patient-visit-summary-dashboard-link","component":"hivPatientSummaryDashboardLink","slot":"hiv-care-and-treatment-slot","meta":{"columns":1,"columnSpan":1,"slot":"patient-chart-hiv-patient-summary-slot","path":"HIV Patient Summary","layoutMode":"anchored"}},{"name":"hiv-patient-visit-summary","slot":"patient-chart-hiv-patient-summary-slot","component":"hivPatientSummary","order":3,"online":true,"offline":false},{"name":"dispensing-patient-vitals","component":"dispensingPaentientVitals","slot":"dispensing-condition-and-diagnoses","order":1,"online":true,"offline":true},{"name":"patient-discharge-side-rail-icon","component":"patientDischargeSideRailIcon","slot":"action-menu-ward-patient-items-slot"}],"workspaces":[{"name":"patient-regimen-workspace","title":"Patient Regimen","component":"regimenFormWorkspace","type":"form","canMaximize":true,"canHide":true,"width":"wider"},{"name":"patient-care-discharge-workspace","title":"Patient Discharge","component":"patientDischargeWorkspace","type":"workspace","canMaximize":true,"canHide":true,"width":"extra-wide","groups":["ward-patient"]}],"version":"5.4.2-pre.2223"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kenyaemr/esm-care-panel-app",
-  "version": "5.4.2-pre.2203",
+  "version": "5.4.2-pre.2223",
   "description": "Patient care panels microfrontend for the OpenMRS SPA",
   "browser": "dist/kenyaemr-esm-care-panel-app.js",
   "main": "src/index.ts",
@@ -48,5 +48,8 @@
     "react-router-dom": "6.x",
     "swr": "2.x"
   },
+  "devDependencies": {
+    "webpack": "^5.99.9"
+  },
   "stableVersion": "5.4.1"
 }

package/src/care-panel/care-panel.component.test.tsx

@@ -29,7 +29,7 @@ describe('CarePanel Component', () => {
       isLoading: false,
       isError: false,
     });
-    render(<CarePanel patientUuid={mockPatientUuid} formEntrySub={jest.fn()} launchPatientWorkspace={jest.fn()} />);
+    render(<CarePanel patientUuid={mockPatientUuid} formEntrySub={jest.fn()} />);
     expect(screen.getByText('Care Panel')).toBeInTheDocument();
   });
 
@@ -40,7 +40,7 @@ describe('CarePanel Component', () => {
       isError: false,
     });
 
-    render(<CarePanel patientUuid={mockPatientUuid} formEntrySub={jest.fn()} launchPatientWorkspace={jest.fn()} />);
+    render(<CarePanel patientUuid={mockPatientUuid} formEntrySub={jest.fn()} />);
 
     expect(screen.getByTestId('mocked-structured-list-skeleton')).toBeInTheDocument();
     expect(screen.queryByTestId('mocked-program-summary')).not.toBeInTheDocument();
@@ -54,7 +54,7 @@ describe('CarePanel Component', () => {
       isError: true,
     });
 
-    render(<CarePanel patientUuid={mockPatientUuid} formEntrySub={jest.fn()} launchPatientWorkspace={jest.fn()} />);
+    render(<CarePanel patientUuid={mockPatientUuid} formEntrySub={jest.fn()} />);
 
     expect(screen.getByText('Error loading program enrollments')).toBeInTheDocument();
     expect(screen.queryByTestId('mocked-structured-list-skeleton')).not.toBeInTheDocument();

package/src/care-panel/care-panel.component.tsx

@@ -1,6 +1,6 @@
 import React, { useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { StructuredListSkeleton, ContentSwitcher, Switch } from '@carbon/react';
+import { StructuredListSkeleton, ContentSwitcher, Switch, type SwitchEventHandlersParams } from '@carbon/react';
 import styles from './care-panel.scss';
 import { useEnrollmentHistory } from '../hooks/useEnrollmentHistory';
 import ProgramSummary from '../program-summary/program-summary.component';
@@ -11,23 +11,16 @@ import first from 'lodash/first';
 import sortBy from 'lodash/sortBy';
 import { ErrorState } from '@openmrs/esm-framework';
 
-interface CarePanelProps {
+type CarePanelProps = {
   patientUuid: string;
   formEntrySub: any;
-  launchPatientWorkspace: Function;
-}
-
-type SwitcherItem = {
-  index: number;
-  name?: string;
-  text?: string;
 };
 
-const CarePanel: React.FC<CarePanelProps> = ({ patientUuid, formEntrySub, launchPatientWorkspace }) => {
+const CarePanel: React.FC<CarePanelProps> = ({ patientUuid, formEntrySub }) => {
   const { t } = useTranslation();
   const { isLoading, error, enrollments, isValidating } = useEnrollmentHistory(patientUuid);
   const switcherHeaders = sortBy(Object.keys(enrollments || {}));
-  const [switchItem, setSwitcherItem] = useState<SwitcherItem>({ index: 0 });
+  const [switchItem, setSwitcherItem] = useState<SwitchEventHandlersParams>({ index: 0 });
   const patientEnrollments = useMemo(
     () => (isLoading ? [] : enrollments[switchItem?.name || first(switcherHeaders)]),
     [enrollments, isLoading, switchItem?.name, switcherHeaders],
@@ -36,7 +29,7 @@ const CarePanel: React.FC<CarePanelProps> = ({ patientUuid, formEntrySub, launch
   if (isLoading) {
     return (
       <div className={styles.widgetCard}>
-        <StructuredListSkeleton role="progressbar" />
+        <StructuredListSkeleton />
       </div>
     );
   }
@@ -54,29 +47,27 @@ const CarePanel: React.FC<CarePanelProps> = ({ patientUuid, formEntrySub, launch
   }
 
   return (
-    <>
-      <div className={styles.widgetCard}>
-        <CardHeader title={t('carePanel', 'Care Panel')}>
-          <div className={styles.contextSwitcherContainer}>
-            <ContentSwitcher selectedIndex={switchItem?.index} onChange={setSwitcherItem}>
-              {switcherHeaders?.map((enrollment) => (
-                <Switch key={enrollment} name={enrollment} text={enrollment} />
-              ))}
-            </ContentSwitcher>
-          </div>
-        </CardHeader>
-        <div style={{ width: '100%', minHeight: '20rem' }}>
-          <ProgramSummary patientUuid={patientUuid} programName={switcherHeaders[switchItem?.index]} />
-          <RegimenHistory patientUuid={patientUuid} category={switcherHeaders[switchItem?.index]} />
-          <ProgramEnrollment
-            patientUuid={patientUuid}
-            programName={switcherHeaders[switchItem?.index]}
-            enrollments={patientEnrollments}
-            formEntrySub={formEntrySub}
-          />
+    <div className={styles.widgetCard}>
+      <CardHeader title={t('carePanel', 'Care Panel')}>
+        <div className={styles.contextSwitcherContainer}>
+          <ContentSwitcher size="md" selectedIndex={switchItem?.index} onChange={(params) => setSwitcherItem(params)}>
+            {switcherHeaders?.map((enrollment) => (
+              <Switch key={enrollment} name={enrollment} text={enrollment} />
+            ))}
+          </ContentSwitcher>
         </div>
+      </CardHeader>
+      <div style={{ width: '100%', minHeight: '20rem' }}>
+        <ProgramSummary patientUuid={patientUuid} programName={switcherHeaders[switchItem?.index]} />
+        <RegimenHistory patientUuid={patientUuid} category={switcherHeaders[switchItem?.index]} />
+        <ProgramEnrollment
+          patientUuid={patientUuid}
+          programName={switcherHeaders[switchItem?.index]}
+          enrollments={patientEnrollments}
+          formEntrySub={formEntrySub}
+        />
       </div>
-    </>
+    </div>
   );
 };
 

package/src/care-panel/care-panel.scss

@@ -1,13 +1,14 @@
 @use '@carbon/styles/scss/type';
 @use '@carbon/styles/scss/spacing';
-@import '~@openmrs/esm-styleguide/src/vars';
+@use '@carbon/colors';
+@use '~@openmrs/esm-styleguide/src/vars' as *;
 
 .bodyShort01 {
   @include type.type-style('body-compact-01');
 }
 
 .widgetCard {
-  background-color: $ui-background;
+  background-color: colors.$white;
   border: 1px solid $ui-03;
   position: relative;
 }

package/src/care-panel-dashboard/care-panel-dashboard.component.tsx

@@ -7,14 +7,11 @@ import CarePrograms from '../care-programs/care-programs.component';
 
 import CarePanelMachineLearning from '../machine-learning/machine-learning.component';
 import styles from './care-panel-dashboard.scss';
+import { DefaultWorkspaceProps, launchWorkspace } from '@openmrs/esm-framework/src';
 
-type CarePanelDashboardProps = { patientUuid: string; formEntrySub: any; launchPatientWorkspace: Function };
+type CarePanelDashboardProps = { patientUuid: string; formEntrySub: any } & DefaultWorkspaceProps;
 
-const CarePanelDashboard: React.FC<CarePanelDashboardProps> = ({
-  formEntrySub,
-  patientUuid,
-  launchPatientWorkspace,
-}) => {
+const CarePanelDashboard: React.FC<CarePanelDashboardProps> = ({ formEntrySub, patientUuid }) => {
   const { t } = useTranslation();
   return (
     <Layer className={styles.container}>
@@ -32,11 +29,7 @@ const CarePanelDashboard: React.FC<CarePanelDashboardProps> = ({
           </TabList>
           <TabPanels>
             <TabPanel>
-              <CarePanel
-                patientUuid={patientUuid}
-                formEntrySub={formEntrySub}
-                launchPatientWorkspace={launchPatientWorkspace}
-              />
+              <CarePanel patientUuid={patientUuid} formEntrySub={formEntrySub} />
             </TabPanel>
             <TabPanel>
               <CarePrograms patientUuid={patientUuid} />

package/src/care-panel-dashboard/care-panel-dashboard.scss

@@ -1,7 +1,7 @@
 @use '@carbon/layout';
 @use '@carbon/type';
 @use '@carbon/colors';
-@import '~@openmrs/esm-styleguide/src/vars';
+@use '~@openmrs/esm-styleguide/src/vars' as *;
 
 .container {
   background-color: colors.$white;

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

@@ -14,16 +14,10 @@ import {
   DataTableSkeleton,
 } from '@carbon/react';
 import { Close, DocumentAdd } from '@carbon/react/icons';
-import {
-  CardHeader,
-  EmptyState,
-  launchStartVisitPrompt,
-  ErrorState,
-  launchPatientWorkspace,
-} from '@openmrs/esm-patient-common-lib';
+import { CardHeader, EmptyState, launchStartVisitPrompt, ErrorState } from '@openmrs/esm-patient-common-lib';
 import { useTranslation } from 'react-i18next';
 import { PatientCarePrograms, useCarePrograms } from '../hooks/useCarePrograms';
-import { formatDate, restBaseUrl, useLayoutType, useVisit } from '@openmrs/esm-framework';
+import { formatDate, launchWorkspace, restBaseUrl, useLayoutType, useVisit } from '@openmrs/esm-framework';
 import capitalize from 'lodash/capitalize';
 import { mutate } from 'swr';
 
@@ -64,7 +58,7 @@ const CarePrograms: React.FC<CareProgramsProps> = ({ patientUuid }) => {
         : `${careProgram.display} Enrollment form`;
 
       currentVisit
-        ? launchPatientWorkspace('patient-form-entry-workspace', {
+        ? launchWorkspace('patient-form-entry-workspace', {
             workspaceTitle: workspaceTitle,
             mutateForm: () => {
               handleMutations();

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

@@ -2,8 +2,8 @@ import React from 'react';
 import { screen, render } from '@testing-library/react';
 import CarePrograms from './care-programs.component';
 import * as careProgramsHook from '../hooks/useCarePrograms';
-import { launchPatientWorkspace, launchStartVisitPrompt } from '@openmrs/esm-patient-common-lib';
-import { useVisit, launchWorkspace } from '@openmrs/esm-framework';
+import { launchStartVisitPrompt } from '@openmrs/esm-patient-common-lib';
+import { launchWorkspace, useVisit } from '@openmrs/esm-framework';
 import { PatientCarePrograms } from '../hooks/useCarePrograms';
 import userEvent from '@testing-library/user-event';
 
@@ -17,6 +17,7 @@ const testProps = {
   error: null,
   carePrograms: [],
   mutate: jest.fn(),
+  mutateEligiblePrograms: jest.fn(),
 };
 
 const mockAPIResponse: Array<PatientCarePrograms> = [
@@ -45,7 +46,6 @@ const mockAPIResponse: Array<PatientCarePrograms> = [
 jest.mock('@openmrs/esm-patient-common-lib', () => ({
   ...jest.requireActual('@openmrs/esm-patient-common-lib'),
   launchStartVisitPrompt: jest.fn(),
-  launchPatientWorkspace: jest.fn(),
 }));
 
 describe('CarePrograms', () => {
@@ -95,7 +95,7 @@ describe('CarePrograms', () => {
     const enrollButton = screen.getByRole('button', { name: /Enroll/ });
     const discontinueButton = screen.getByRole('button', { name: /Discontinue/ });
     await user.click(enrollButton);
-    expect(launchPatientWorkspace).toHaveBeenCalledWith('patient-form-entry-workspace', {
+    expect(launchWorkspace).toHaveBeenCalledWith('patient-form-entry-workspace', {
       formInfo: {
         additionalProps: { enrollmenrDetails: expect.anything() },
         encounterUuid: '',
@@ -106,7 +106,7 @@ describe('CarePrograms', () => {
     });
 
     await user.click(discontinueButton);
-    expect(launchPatientWorkspace).toHaveBeenCalledWith('patient-form-entry-workspace', {
+    expect(launchWorkspace).toHaveBeenCalledWith('patient-form-entry-workspace', {
       formInfo: {
         additionalProps: {
           enrollmenrDetails: {

package/src/declarations.d.ts

@@ -1,15 +1,2 @@
 declare module '*.css';
 declare module '*.scss';
-declare module '@carbon/react';
-declare module 'react-aria' {
-  export const I18nProvider: (...args: any) => JSX.Element;
-  export { DateValue } from '@react-types/datepicker';
-  export const mergeProps: any;
-  export const useLocale: any;
-  export const useDateField: any;
-  export const useDatePicker: any;
-  export const useDateSegment: any;
-  export const useFocusRing: any;
-  export const useHover: any;
-  export const useObjectRef: any;
-}

package/src/index.ts

@@ -1,4 +1,4 @@
-import { defineConfigSchema, getSyncLifecycle, registerBreadcrumbs } from '@openmrs/esm-framework';
+import { defineConfigSchema, getAsyncLifecycle, getSyncLifecycle, registerBreadcrumbs } from '@openmrs/esm-framework';
 import { configSchema } from './config-schema';
 import { dashboardMeta, hivPatientSummaryDashboardMeta } from './dashboard.meta';
 import { createDashboardLink } from '@openmrs/esm-patient-common-lib';
@@ -9,6 +9,8 @@ import regimenFormComponent from './regimen-editor/regimen-form.component';
 import CarePanelDashboard from './care-panel-dashboard/care-panel-dashboard.component';
 import PatientSummary from './patient-summary/patient-summary.component';
 import DispensingPatientVitals from './dispensing-patient-details/patient-vitals.component';
+import PatientDischargeSideRailIcon from './patient-discharge/discharge-workspace-siderail.component';
+import PatientDischargeWorkspace from './patient-discharge/patient-discharge.workspace';
 
 const moduleName = '@kenyaemr/esm-care-panel-app';
 
@@ -48,3 +50,9 @@ export const hivPatientSummary = getSyncLifecycle(PatientSummary, options);
 export const regimenFormWorkspace = getSyncLifecycle(regimenFormComponent, options);
 
 export const dispensingPaentientVitals = getSyncLifecycle(DispensingPatientVitals, options);
+
+export const patientDischargeSideRailIcon = getSyncLifecycle(PatientDischargeSideRailIcon, options);
+export const patientDischargeWorkspace = getAsyncLifecycle(
+  () => import('./patient-discharge/patient-discharge.workspace'),
+  options,
+);

package/src/patient-discharge/discharge-workspace-siderail.component.tsx

@@ -0,0 +1,23 @@
+import { ActionMenuButton, launchWorkspace } from '@openmrs/esm-framework';
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { Exit } from '@carbon/react/icons';
+
+const DischargeIcon = (props) => <Exit {...props} />;
+
+export default function PatientDischargeSideRailIcon() {
+  const { t } = useTranslation();
+  const handler = () => {
+    launchWorkspace('patient-care-discharge-workspace');
+  };
+
+  return (
+    <ActionMenuButton
+      getIcon={DischargeIcon}
+      label={t('discharge', 'Discharge')}
+      iconDescription={t('discharge', 'Discharge')}
+      handler={handler}
+      type="ward-patient-discharge"
+    />
+  );
+}

package/src/patient-discharge/patient-discharge.resource.tsx

@@ -0,0 +1,123 @@
+import {
+  Encounter,
+  openmrsFetch,
+  OpenmrsResource,
+  restBaseUrl,
+  showSnackbar,
+  useAppContext,
+  useSession,
+  Visit,
+} from '@openmrs/esm-framework';
+import { WardPatient } from '../types';
+import { useTranslation } from 'react-i18next';
+
+export function removePatientFromBed(bedId: number, patientUuid: string) {
+  return openmrsFetch(`${restBaseUrl}/beds/${bedId}?patientUuid=${patientUuid}`, {
+    method: 'DELETE',
+  });
+}
+
+const createDischargeEncounterPayload = (
+  patientUuid: string,
+  encounterType: OpenmrsResource,
+  location: OpenmrsResource,
+  currentProvider: OpenmrsResource,
+  visitUuid: string,
+  clinicianEncounterRole: OpenmrsResource,
+) => {
+  const encounterPayload = {
+    patient: patientUuid,
+    encounterType,
+    location: location?.uuid,
+    encounterProviders: [
+      {
+        provider: currentProvider?.uuid,
+        encounterRole: clinicianEncounterRole?.uuid,
+      },
+    ],
+    obs: [],
+    visit: visitUuid,
+  };
+  return encounterPayload;
+};
+
+const createDischargeEncounter = (encounterPayload: any) => {
+  return openmrsFetch(`${restBaseUrl}/encounter`, {
+    method: 'POST',
+    body: encounterPayload,
+    headers: { 'Content-Type': 'application/json' },
+  });
+};
+
+/**
+ * Custom hook for handling patient discharge operations
+ *
+ * This hook provides functionality to discharge a patient by:
+ * 1. Creating a discharge encounter
+ * 2. Removing the patient from their bed (if applicable)
+ * 3. Updating the ward patient group details
+ *
+ * @returns {Object} An object containing the handleDischarge function
+ * @property {Function} handleDischarge - Function to handle the patient discharge process
+ */
+export const usePatientDischarge = () => {
+  const { t } = useTranslation();
+  const { wardPatientGroupDetails } =
+    useAppContext<{ wardPatientGroupDetails: { mutate: () => void } }>('ward-view-context') ?? {};
+  const session = useSession();
+
+  /**
+   * Handles the patient discharge process
+   *
+   * @param {Encounter} encounter - The current encounter
+   * @param {WardPatient} wardPatient - The ward patient information
+   * @param {Record<string, unknown>} emrConfiguration - EMR configuration containing encounter types and roles
+   * @param {Visit} visit - The current visit
+   * @returns {Promise<void>} A promise that resolves when the discharge process is complete
+   */
+  const handleDischarge = async (
+    encounter: Encounter,
+    wardPatient: WardPatient,
+    emrConfiguration: Record<string, unknown>,
+    visit: Visit,
+  ) => {
+    try {
+      const encounterPayload = createDischargeEncounterPayload(
+        wardPatient.patient.uuid,
+        emrConfiguration.exitFromInpatientEncounterType as OpenmrsResource,
+        session?.sessionLocation as OpenmrsResource,
+        session?.currentProvider as OpenmrsResource,
+        visit.uuid,
+        emrConfiguration.clinicianEncounterRole as OpenmrsResource,
+      );
+
+      const dischargeResponse = await createDischargeEncounter(encounterPayload);
+
+      if (!dischargeResponse?.ok) {
+        throw new Error('Failed to create discharge encounter');
+      }
+
+      if (wardPatient?.bed?.id) {
+        const bedRemovalResponse = await removePatientFromBed(wardPatient.bed.id, wardPatient?.patient?.uuid);
+        if (!bedRemovalResponse?.ok) {
+          throw new Error('Failed to remove patient from bed');
+        }
+      }
+
+      showSnackbar({
+        title: t('patientWasDischarged', 'Patient was discharged'),
+        kind: 'success',
+      });
+    } catch (err) {
+      showSnackbar({
+        title: t('errorDischargingPatient', 'Error discharging patient'),
+        subtitle: err instanceof Error ? err.message : 'Unknown error occurred',
+        kind: 'error',
+      });
+    } finally {
+      wardPatientGroupDetails?.mutate();
+    }
+  };
+
+  return { handleDischarge };
+};

package/src/patient-discharge/patient-discharge.workspace.test.tsx

@@ -0,0 +1,160 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import { PatientDischargeWorkspace } from './patient-discharge.workspace';
+import { useVisitOrOfflineVisit } from '@openmrs/esm-patient-common-lib';
+import { usePatient, useEmrConfiguration } from '@openmrs/esm-framework';
+import { usePatientDischarge } from './patient-discharge.resource';
+
+jest.mock('@openmrs/esm-patient-common-lib', () => ({
+  useVisitOrOfflineVisit: jest.fn(),
+}));
+
+jest.mock('@openmrs/esm-framework', () => ({
+  usePatient: jest.fn(),
+  useEmrConfiguration: jest.fn(),
+  ExtensionSlot: jest.fn().mockImplementation(({ name }) => <div data-testid={name} />),
+}));
+
+jest.mock('./patient-discharge.resource', () => ({
+  usePatientDischarge: jest.fn(),
+}));
+
+jest.mock('react-i18next', () => ({
+  useTranslation: () => ({
+    t: (key: string) => key,
+  }),
+}));
+
+describe('PatientDischargeWorkspace', () => {
+  const mockProps = {
+    patientUuid: 'test-patient-uuid',
+    wardPatient: {
+      patient: {
+        uuid: 'test-patient-uuid',
+        display: 'Test Patient',
+        identifiers: [],
+        person: {
+          uuid: 'test-person-uuid',
+          display: 'Test Person',
+          gender: 'M',
+          birthdate: '1990-01-01',
+          dead: false,
+          age: 33,
+          deathDate: null,
+          causeOfDeath: null,
+          preferredAddress: null,
+          attributes: [],
+        },
+      },
+      visit: {
+        uuid: 'test-visit-uuid',
+        display: 'Test Visit',
+        encounters: [],
+        visitType: { uuid: 'test-visit-type-uuid', display: 'Test Visit Type' },
+        startDatetime: '2024-01-01',
+        stopDatetime: null,
+      },
+      bed: {
+        uuid: 'test-bed-uuid',
+        id: 1,
+        bedNumber: 'BED-001',
+        bedType: { uuid: 'test-bed-type-uuid', display: 'Standard' },
+        status: { uuid: 'test-status-uuid', display: 'OCCUPIED' },
+        location: { uuid: 'test-location-uuid', display: 'Test Location' },
+        row: 1,
+        column: 1,
+      },
+    },
+    closeWorkspace: jest.fn(),
+    closeWorkspaceWithSavedChanges: jest.fn(),
+    promptBeforeClosing: jest.fn(),
+    setTitle: jest.fn(),
+  };
+
+  const mockPatient = {
+    uuid: 'test-patient-uuid',
+    display: 'Test Patient',
+  };
+
+  const mockVisit = {
+    uuid: 'test-visit-uuid',
+    visitType: { uuid: 'test-visit-type-uuid' },
+    encounters: [{ uuid: 'test-encounter-uuid' }],
+  };
+
+  const mockEmrConfiguration = {
+    visitTypes: [],
+    visitTypeConfig: {},
+  };
+
+  beforeEach(() => {
+    jest.clearAllMocks();
+    (useVisitOrOfflineVisit as jest.Mock).mockReturnValue({
+      isLoading: false,
+      currentVisit: mockVisit,
+      error: null,
+    });
+    (usePatient as jest.Mock).mockReturnValue({
+      patient: mockPatient,
+      isLoading: false,
+      error: null,
+    });
+    (useEmrConfiguration as jest.Mock).mockReturnValue({
+      emrConfiguration: mockEmrConfiguration,
+      isLoadingEmrConfiguration: false,
+      errorFetchingEmrConfiguration: null,
+    });
+    (usePatientDischarge as jest.Mock).mockReturnValue({
+      handleDischarge: jest.fn(),
+    });
+  });
+
+  test('renders loading state when data is being fetched', () => {
+    (useVisitOrOfflineVisit as jest.Mock).mockReturnValue({
+      isLoading: true,
+      currentVisit: null,
+      error: null,
+    });
+
+    render(<PatientDischargeWorkspace {...mockProps} />);
+    const loadingSpinner = screen.getAllByText(/loading/i);
+    expect(loadingSpinner).toHaveLength(2);
+  });
+
+  test('renders error state when there is an error', () => {
+    (useVisitOrOfflineVisit as jest.Mock).mockReturnValue({
+      isLoading: false,
+      currentVisit: null,
+      error: new Error('Test error'),
+    });
+
+    render(<PatientDischargeWorkspace {...mockProps} />);
+    expect(screen.getByText('error')).toBeInTheDocument();
+    expect(screen.getByText(/errorLoadingPatientWorkspace/)).toBeInTheDocument();
+  });
+
+  test('renders the component with all required slots when data is loaded', () => {
+    render(<PatientDischargeWorkspace {...mockProps} />);
+
+    expect(screen.getByTestId('visit-context-header-slot')).toBeInTheDocument();
+    expect(screen.getByTestId('form-widget-slot')).toBeInTheDocument();
+  });
+
+  test('passes correct state to form-widget-slot', () => {
+    render(<PatientDischargeWorkspace {...mockProps} />);
+
+    const formWidgetSlot = screen.getByTestId('form-widget-slot');
+    expect(formWidgetSlot).toBeInTheDocument();
+  });
+
+  test('handles missing visit data gracefully', () => {
+    (useVisitOrOfflineVisit as jest.Mock).mockReturnValue({
+      isLoading: false,
+      currentVisit: null,
+      error: null,
+    });
+
+    render(<PatientDischargeWorkspace {...mockProps} />);
+    expect(screen.getByTestId('visit-context-header-slot')).toBeInTheDocument();
+  });
+});