@kenyaemr/esm-ward-app 8.1.1-pre.114 → 8.1.1-pre.116

package/src/ward-workspace/patient-clinical-forms-workspace/patient-clinical-forms.workspace.tsx

@@ -0,0 +1,23 @@
+import React, { useMemo } from 'react';
+import { ExtensionSlot } from '@openmrs/esm-framework';
+import type { WardPatientWorkspaceProps } from '../../types';
+
+const WardPatientClinicalFormsWorkspace: React.FC<WardPatientWorkspaceProps> = (props) => {
+  const { wardPatient, ...restWorkspaceProps } = props;
+  const patientUuid = wardPatient?.patient?.uuid;
+
+  const clinicalFormsExtensionState = useMemo(
+    () => ({
+      patientUuid,
+      clinicalFormsWorkspaceName: 'ward-patient-clinical-forms-workspace',
+      formEntryWorkspaceName: 'ward-patient-form-entry-workspace',
+      htmlFormEntryWorkspaceName: 'ward-patient-html-form-entry-workspace',
+      ...restWorkspaceProps,
+    }),
+    [patientUuid, restWorkspaceProps],
+  );
+
+  return <ExtensionSlot name="ward-patient-clinical-forms-workspace-slot" state={clinicalFormsExtensionState} />;
+};
+
+export default WardPatientClinicalFormsWorkspace;

package/src/{ward-patient-workspace → ward-workspace/patient-details}/ward-patient-action-button.extension.tsx

@@ -2,6 +2,7 @@ import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { UserAvatarIcon } from '@openmrs/esm-framework';
 import { ActionMenuButton, launchWorkspace } from '@openmrs/esm-framework';
+import { launchPatientWorkspace } from '../../ward-patient-card/ward-patient-resource';
 
 export default function WardPatientActionButton() {
   const { t } = useTranslation();
@@ -11,7 +12,7 @@ export default function WardPatientActionButton() {
       getIcon={(props) => <UserAvatarIcon {...props} />}
       label={t('Patient', 'patient')}
       iconDescription={t('Patient', 'patient')}
-      handler={() => launchWorkspace('ward-patient-workspace')}
+      handler={() => launchPatientWorkspace()}
       type={'ward'}
     />
   );

package/src/{ward-patient-workspace → ward-workspace/patient-details}/ward-patient.workspace.tsx

@@ -1,16 +1,16 @@
 import { age, attach, ExtensionSlot, type Patient } from '@openmrs/esm-framework';
 import React, { useEffect } from 'react';
-import { type WardPatientWorkspaceProps } from '../types';
 import styles from './ward-patient.style.scss';
 import { useTranslation } from 'react-i18next';
-import { getGender } from '../ward-patient-card/row-elements/ward-patient-gender.component';
+import { type WardPatientWorkspaceProps } from '../../types';
+import { getGender } from '../../ward-patient-card/row-elements/ward-patient-gender.component';
 
 attach('ward-patient-workspace-header-slot', 'patient-vitals-info');
 
 export default function WardPatientWorkspace({ setTitle, wardPatient: { patient } }: WardPatientWorkspaceProps) {
   useEffect(() => {
-    setTitle(patient.person.display, <PatientWorkspaceTitle patient={patient} />);
-  }, []);
+    setTitle(patient.person.display, <PatientWorkspaceTitle key={patient.uuid} patient={patient} />);
+  }, [patient.uuid]);
 
   return (
     <div className={styles.workspaceContainer}>
@@ -45,7 +45,9 @@ const PatientWorkspaceTitle: React.FC<WardPatientWorkspaceViewProps> = ({ patien
     <>
       <div>{patient.person.display} &nbsp;</div>
       <div className={styles.headerPatientDetail}>&middot; &nbsp; {getGender(t, patient.person?.gender)}</div>
-      <div className={styles.headerPatientDetail}>&middot; &nbsp; {age(patient.person?.birthdate)}</div>
+      {patient.person?.birthdate && (
+        <div className={styles.headerPatientDetail}>&middot; &nbsp; {age(patient.person?.birthdate)}</div>
+      )}
     </>
   );
 };

package/src/ward-workspace/patient-discharge/patient-discharge.scss

@@ -0,0 +1,41 @@
+@use '@carbon/type';
+@use '@carbon/layout';
+@use '@openmrs/esm-styleguide/src/vars' as *;
+
+.workspaceContent {
+  padding: layout.$spacing-05;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  color: #393939;
+}
+
+.patientWorkspaceBanner {
+  margin: (-(layout.$spacing-05)) (-(layout.$spacing-05)) layout.$spacing-05 (-(layout.$spacing-05));
+}
+
+.contentSwitcher {
+  margin-top: layout.$spacing-03;
+}
+
+.workspaceForm {
+  margin-top: layout.$spacing-05;
+  flex: 1;
+}
+
+.productiveHeading02 {
+  @include type.type-style('heading-compact-02');
+}
+
+.buttonSet {
+  margin: 0 (-(layout.$spacing-05)) (-(layout.$spacing-05)) (-(layout.$spacing-05));
+
+  button {
+    max-width: unset !important;
+    width: auto !important;
+
+    > svg {
+      fill: currentColor !important;
+    }
+  }
+}

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

@@ -0,0 +1,120 @@
+import { Button, ButtonSet, InlineNotification } from '@carbon/react';
+import { Exit } from '@carbon/react/icons';
+import { ExtensionSlot, showSnackbar, useAppContext, useSession } from '@openmrs/esm-framework';
+import React, { useCallback, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import useEmrConfiguration from '../../hooks/useEmrConfiguration';
+import useWardLocation from '../../hooks/useWardLocation';
+import { type WardPatientGroupDetails, type WardPatientWorkspaceProps } from '../../types';
+import { createEncounter, removePatientFromBed } from '../../ward.resource';
+import WardPatientWorkspaceBanner from '../patient-banner/patient-banner.component';
+import styles from './patient-discharge.scss';
+
+export default function PatientDischargeWorkspace(props: WardPatientWorkspaceProps) {
+  const { wardPatient, closeWorkspaceWithSavedChanges } = props;
+  const { t } = useTranslation();
+  const [isSubmitting, setIsSubmitting] = useState<boolean>(false);
+  const { currentProvider } = useSession();
+  const { location } = useWardLocation();
+  const { emrConfiguration, isLoadingEmrConfiguration, errorFetchingEmrConfiguration } = useEmrConfiguration();
+  const wardGroupingDetails = useAppContext<WardPatientGroupDetails>('ward-patients-group');
+  const { mutate: mutateAdmissionLocation } = wardGroupingDetails?.admissionLocationResponse ?? {};
+  const { mutate: mutateInpatientRequest } = wardGroupingDetails?.inpatientRequestResponse ?? {};
+  const { mutate: mutateInpatientAdmission } = wardGroupingDetails?.inpatientAdmissionResponse ?? {};
+
+  const submitDischarge = useCallback(() => {
+    setIsSubmitting(true);
+
+    createEncounter({
+      patient: wardPatient?.patient?.uuid,
+      encounterType: emrConfiguration.exitFromInpatientEncounterType.uuid,
+      location: location.uuid,
+      encounterProviders: [
+        {
+          encounterRole: emrConfiguration.clinicianEncounterRole.uuid,
+          provider: currentProvider?.uuid,
+        },
+      ],
+      obs: [],
+    })
+      .then((response) => {
+        if (response?.ok) {
+          if (wardPatient?.bed?.id) {
+            return removePatientFromBed(wardPatient.bed.id, wardPatient?.patient?.uuid);
+          }
+          return response;
+        }
+      })
+      .then((response) => {
+        if (response?.ok) {
+          showSnackbar({
+            title: t('patientWasDischarged', 'Patient was discharged'),
+            kind: 'success',
+          });
+        }
+      })
+      .catch((err: Error) => {
+        showSnackbar({
+          title: t('errorDischargingPatient', 'Error discharging patient'),
+          subtitle: err.message,
+          kind: 'error',
+        });
+      })
+      .finally(() => {
+        setIsSubmitting(false);
+        closeWorkspaceWithSavedChanges();
+        mutateAdmissionLocation();
+        mutateInpatientRequest();
+        mutateInpatientAdmission();
+      });
+  }, [
+    currentProvider,
+    location,
+    emrConfiguration,
+    wardPatient?.patient?.uuid,
+    wardPatient?.bed?.uuid,
+    mutateAdmissionLocation,
+    mutateInpatientRequest,
+    mutateInpatientAdmission,
+  ]);
+
+  if (!wardGroupingDetails) return <></>;
+  return (
+    <div className={styles.workspaceContent}>
+      <div className={styles.patientWorkspaceBanner}>
+        <WardPatientWorkspaceBanner {...props?.wardPatient} />
+      </div>
+      <div className={styles.workspaceForm}>
+        <div>
+          {errorFetchingEmrConfiguration && (
+            <div className={styles.formError}>
+              <InlineNotification
+                kind="error"
+                title={t('somePartsOfTheFormDidntLoad', "Some parts of the form didn't load")}
+                subtitle={t(
+                  'fetchingEmrConfigurationFailed',
+                  'Fetching EMR configuration failed. Try refreshing the page or contact your system administrator.',
+                )}
+                lowContrast
+                hideCloseButton
+              />
+            </div>
+          )}
+        </div>
+        <ExtensionSlot name="ward-patient-discharge-slot" />
+        <ButtonSet className={styles.buttonSet}>
+          <Button
+            size="sm"
+            kind="ghost"
+            renderIcon={(props) => <Exit size={16} {...props} />}
+            disabled={
+              isLoadingEmrConfiguration || isSubmitting || errorFetchingEmrConfiguration || !wardPatient?.patient
+            }
+            onClick={submitDischarge}>
+            {t('proceedWithPatientDischarge', 'Proceed with patient discharge')}
+          </Button>
+        </ButtonSet>
+      </div>
+    </div>
+  );
+}

package/src/ward-workspace/patient-transfer-bed-swap/patient-bed-swap-form.component.tsx

@@ -1,26 +1,24 @@
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import styles from './patient-transfer-swap.scss';
-import { useAdmissionLocation } from '../../hooks/useAdmissionLocation';
-import { z } from 'zod';
-import { useTranslation } from 'react-i18next';
-import { Controller, useForm } from 'react-hook-form';
-import { zodResolver } from '@hookform/resolvers/zod';
-import { filterBeds } from '../../ward-view/ward-view.resource';
-import type { BedLayout, WardPatientWorkspaceProps } from '../../types';
-import { assignPatientToBed, createEncounter } from '../../ward.resource';
-import useEmrConfiguration from '../../hooks/useEmrConfiguration';
-import { showSnackbar, useSession } from '@openmrs/esm-framework';
-import useWardLocation from '../../hooks/useWardLocation';
-import { useInpatientRequest } from '../../hooks/useInpatientRequest';
 import {
-  Form,
-  ButtonSet,
   Button,
-  RadioButtonGroup,
+  ButtonSet,
+  Form,
+  InlineNotification,
   RadioButton,
+  RadioButtonGroup,
   RadioButtonSkeleton,
-  InlineNotification,
 } from '@carbon/react';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { showSnackbar, useAppContext, useSession } from '@openmrs/esm-framework';
+import classNames from 'classnames';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import { Controller, useForm } from 'react-hook-form';
+import { useTranslation } from 'react-i18next';
+import { z } from 'zod';
+import useEmrConfiguration from '../../hooks/useEmrConfiguration';
+import useWardLocation from '../../hooks/useWardLocation';
+import type { BedLayout, WardPatientGroupDetails, WardPatientWorkspaceProps } from '../../types';
+import { assignPatientToBed, createEncounter } from '../../ward.resource';
+import styles from './patient-transfer-swap.scss';
 
 export default function PatientBedSwapForm({
   promptBeforeClosing,
@@ -30,13 +28,14 @@ export default function PatientBedSwapForm({
   const { patient } = wardPatient;
   const { t } = useTranslation();
   const [showErrorNotifications, setShowErrorNotifications] = useState(false);
-  const { isLoading, admissionLocation } = useAdmissionLocation();
   const { emrConfiguration, isLoadingEmrConfiguration, errorFetchingEmrConfiguration } = useEmrConfiguration();
   const [isSubmitting, setIsSubmitting] = useState(false);
   const { currentProvider } = useSession();
   const { location } = useWardLocation();
-  const { mutate: mutateAdmissionLocation } = useAdmissionLocation();
-  const { mutate: mutateInpatientRequest } = useInpatientRequest();
+  const wardGroupingDetails = useAppContext<WardPatientGroupDetails>('ward-patients-group');
+  const { isLoading, mutate: mutateAdmissionLocation } = wardGroupingDetails?.admissionLocationResponse ?? {};
+  const { mutate: mutateInpatientRequest } = wardGroupingDetails?.inpatientRequestResponse ?? {};
+  const { mutate: mutateInpatientAdmission } = wardGroupingDetails?.inpatientAdmissionResponse ?? {};
 
   const zodSchema = useMemo(
     () =>
@@ -71,7 +70,7 @@ export default function PatientBedSwapForm({
     [t],
   );
 
-  const beds = useMemo(() => (admissionLocation ? filterBeds(admissionLocation) : []), [admissionLocation]);
+  const beds = wardGroupingDetails?.bedLayouts ?? [];
   const bedDetails = useMemo(
     () =>
       beds.map((bed) => {
@@ -112,9 +111,6 @@ export default function PatientBedSwapForm({
                 bedNumber: bedSelected.bedNumber,
               }),
             });
-            mutateAdmissionLocation();
-            mutateInpatientRequest();
-            closeWorkspaceWithSavedChanges();
           }
         })
         .catch((error: Error) => {
@@ -123,23 +119,37 @@ export default function PatientBedSwapForm({
             title: t('errorAssigningBedToPatient', 'Error assigning bed to patient'),
             subtitle: error?.message,
           });
-          mutateAdmissionLocation();
-          mutateInpatientRequest();
-          closeWorkspaceWithSavedChanges();
         })
         .finally(() => {
           setIsSubmitting(false);
+          mutateAdmissionLocation();
+          mutateInpatientRequest();
+          mutateInpatientAdmission();
+          closeWorkspaceWithSavedChanges();
         });
     },
-    [setShowErrorNotifications, patient, emrConfiguration, currentProvider, location, beds],
+    [
+      setShowErrorNotifications,
+      patient,
+      emrConfiguration,
+      currentProvider,
+      location,
+      beds,
+      mutateAdmissionLocation,
+      mutateInpatientRequest,
+      mutateInpatientAdmission,
+    ],
   );
 
   const onError = useCallback(() => {
     setShowErrorNotifications(true);
   }, []);
 
+  if (!wardGroupingDetails) return <></>;
   return (
-    <Form onSubmit={handleSubmit(onSubmit, onError)} className={styles.formContainer}>
+    <Form
+      onSubmit={handleSubmit(onSubmit, onError)}
+      className={classNames(styles.formContainer, styles.workspaceContent)}>
       <div>
         {errorFetchingEmrConfiguration && (
           <div className={styles.formError}>

package/src/ward-workspace/patient-transfer-bed-swap/patient-transfer-request-form.component.tsx

@@ -1,18 +1,17 @@
+import { Button, ButtonSet, Form, InlineNotification, RadioButton, RadioButtonGroup, TextArea } from '@carbon/react';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { ResponsiveWrapper, showSnackbar, useAppContext, useSession } from '@openmrs/esm-framework';
+import classNames from 'classnames';
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import { ResponsiveWrapper, showSnackbar, useSession } from '@openmrs/esm-framework';
-import styles from './patient-transfer-swap.scss';
+import { Controller, useForm } from 'react-hook-form';
 import { useTranslation } from 'react-i18next';
-import { useAdmissionLocation } from '../../hooks/useAdmissionLocation';
 import { z } from 'zod';
-import { Controller, useForm } from 'react-hook-form';
-import { zodResolver } from '@hookform/resolvers/zod';
-import LocationSelector from '../../location-selector/location-selector.component';
 import useEmrConfiguration from '../../hooks/useEmrConfiguration';
-import { createEncounter } from '../../ward.resource';
 import useWardLocation from '../../hooks/useWardLocation';
-import type { ObsPayload, WardPatientWorkspaceProps } from '../../types';
-import { useInpatientRequest } from '../../hooks/useInpatientRequest';
-import { Form, ButtonSet, Button, TextArea, InlineNotification, RadioButtonGroup, RadioButton } from '@carbon/react';
+import LocationSelector from '../../location-selector/location-selector.component';
+import type { ObsPayload, WardPatientGroupDetails, WardPatientWorkspaceProps } from '../../types';
+import { createEncounter } from '../../ward.resource';
+import styles from './patient-transfer-swap.scss';
 
 export default function PatientTransferForm({
   closeWorkspaceWithSavedChanges,
@@ -30,8 +29,10 @@ export default function PatientTransferForm({
     () => emrConfiguration?.dispositions.filter(({ type }) => type === 'TRANSFER'),
     [emrConfiguration],
   );
-  const { mutate: mutateAdmissionLocation } = useAdmissionLocation();
-  const { mutate: mutateInpatientRequest } = useInpatientRequest();
+  const wardGroupingDetails = useAppContext<WardPatientGroupDetails>('ward-patients-group');
+  const { mutate: mutateAdmissionLocation } = wardGroupingDetails?.admissionLocationResponse ?? {};
+  const { mutate: mutateInpatientAdmission } = wardGroupingDetails?.inpatientAdmissionResponse ?? {};
+  const { mutate: mutateInpatientRequest } = wardGroupingDetails?.inpatientRequestResponse ?? {};
 
   const zodSchema = useMemo(
     () =>
@@ -64,7 +65,6 @@ export default function PatientTransferForm({
     formState: { errors, isDirty },
     control,
     handleSubmit,
-    getValues,
     setValue,
   } = useForm<FormValues>({ resolver: zodResolver(zodSchema), defaultValues: formDefaultValues });
 
@@ -102,8 +102,8 @@ export default function PatientTransferForm({
       }
 
       createEncounter({
-        patient: patient.uuid,
-        encounterType: emrConfiguration.visitNoteEncounterType.uuid,
+        patient: patient?.uuid,
+        encounterType: emrConfiguration.transferRequestEncounterType.uuid,
         location: location.uuid,
         encounterProviders: [
           {
@@ -123,9 +123,6 @@ export default function PatientTransferForm({
             title: t('patientTransferRequestCreated', 'Patient transfer request created'),
             kind: 'success',
           });
-          closeWorkspaceWithSavedChanges();
-          mutateAdmissionLocation();
-          mutateInpatientRequest();
         })
         .catch((err: Error) => {
           showSnackbar({
@@ -134,16 +131,23 @@ export default function PatientTransferForm({
             kind: 'error',
           });
         })
-        .finally(() => setIsSubmitting(false));
+        .finally(() => {
+          setIsSubmitting(false);
+          closeWorkspaceWithSavedChanges();
+          mutateAdmissionLocation();
+          mutateInpatientAdmission();
+          mutateInpatientRequest();
+        });
     },
     [
       setShowErrorNotifications,
       currentProvider,
       location,
       emrConfiguration,
-      patient.uuid,
+      patient?.uuid,
       dispositionsWithTypeTransfer,
       mutateAdmissionLocation,
+      mutateInpatientAdmission,
       mutateInpatientRequest,
     ],
   );
@@ -153,8 +157,11 @@ export default function PatientTransferForm({
     setShowErrorNotifications(true);
   }, []);
 
+  if (!wardGroupingDetails) return <></>;
   return (
-    <Form onSubmit={handleSubmit(onSubmit, onError)} className={styles.formContainer}>
+    <Form
+      onSubmit={handleSubmit(onSubmit, onError)}
+      className={classNames(styles.formContainer, styles.workspaceContent)}>
       <div>
         {errorFetchingEmrConfiguration && (
           <div className={styles.formError}>
@@ -229,7 +236,7 @@ export default function PatientTransferForm({
         <Button
           type="submit"
           size="xl"
-          disabled={isLoadingEmrConfiguration || isSubmitting || errorFetchingEmrConfiguration}>
+          disabled={isLoadingEmrConfiguration || isSubmitting || errorFetchingEmrConfiguration || !patient}>
           {t('save', 'Save')}
         </Button>
       </ButtonSet>

package/src/ward-workspace/patient-transfer-bed-swap/patient-transfer-swap.scss

@@ -2,6 +2,13 @@
 @use '@carbon/layout';
 @use '@openmrs/esm-styleguide/src/vars' as *;
 
+.flexWrapper {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  color: #393939;
+}
+
 .workspaceContent {
   padding: layout.$spacing-05;
   height: 100%;
@@ -10,8 +17,12 @@
   color: #393939;
 }
 
+.contentSwitcherWrapper {
+  padding: 0 layout.$spacing-05;
+}
+
 .patientWorkspaceBanner {
-  margin: (-(layout.$spacing-05)) (-(layout.$spacing-05)) layout.$spacing-05 (-(layout.$spacing-05));
+  margin-bottom: layout.$spacing-05;
 }
 
 .field {
@@ -26,7 +37,6 @@
 }
 
 .workspaceForm {
-  margin-top: layout.$spacing-05;
   flex: 1;
 }
 

package/src/ward-workspace/patient-transfer-bed-swap/patient-transfer-swap.workspace.tsx

@@ -21,12 +21,12 @@ export default function PatientTransferAndSwapWorkspace(props: WardPatientWorksp
   const isBedManagementModuleInstalled = useFeatureFlag('bedmanagement-module');
 
   return (
-    <div className={styles.workspaceContent}>
+    <div className={styles.flexWrapper}>
       <div className={styles.patientWorkspaceBanner}>
         <WardPatientWorkspaceBanner {...props?.wardPatient} />
       </div>
       {isBedManagementModuleInstalled && (
-        <div>
+        <div className={styles.contentSwitcherWrapper}>
           <h2 className={styles.productiveHeading02}>{t('typeOfTransfer', 'Type of transfer')}</h2>
           <div className={styles.contentSwitcher}>
             <ContentSwitcher onChange={({ name }) => setSelectedSection(name)}>

package/src/ward-workspace/patient-transfer-request-workspace/patient-transfer-request.workspace.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+import PatientTransferForm from '../patient-transfer-bed-swap/patient-transfer-request-form.component';
+import { type WardPatientWorkspaceProps } from '../../types';
+
+interface PatientTransferRequestFormProps extends WardPatientWorkspaceProps {}
+
+const PatientTransferRequestForm: React.FC<PatientTransferRequestFormProps> = (props) => {
+  return <PatientTransferForm {...props} />;
+};
+
+export default PatientTransferRequestForm;

package/src/ward-workspace/ward-patient-notes/form/notes-form.component.tsx

@@ -69,7 +69,7 @@ const PatientNotesForm: React.FC<PatientNotesFormProps> = ({
       const notePayload = {
         patient: patientUuid,
         location: locationUuid,
-        encounterType: emrConfiguration?.visitNoteEncounterType.uuid,
+        encounterType: emrConfiguration?.inpatientNoteEncounterType.uuid,
         encounterProviders: [
           {
             encounterRole: emrConfiguration?.clinicianEncounterRole.uuid,

package/src/ward-workspace/ward-patient-notes/form/notes-form.test.tsx

@@ -54,7 +54,7 @@ test('renders a success snackbar upon successfully recording a visit note', asyn
         provider: undefined,
       },
     ]),
-    encounterType: emrConfigurationMock.visitNoteEncounterType.uuid,
+    encounterType: emrConfigurationMock.inpatientNoteEncounterType.uuid,
     location: undefined,
     obs: expect.arrayContaining([
       {

package/src/ward-workspace/ward-patient-notes/history/notes-container.component.tsx

@@ -14,12 +14,12 @@ interface PatientNotesHistoryProps {
 
 const PatientNotesHistory: React.FC<PatientNotesHistoryProps> = ({ patientUuid, visitUuid }) => {
   const { t } = useTranslation();
-  const { emrConfiguration, isLoadingEmrConfiguration, errorFetchingEmrConfiguration } = useEmrConfiguration();
+  const { emrConfiguration, isLoadingEmrConfiguration } = useEmrConfiguration();
 
   const { patientNotes, isLoadingPatientNotes, errorFetchingPatientNotes } = usePatientNotes(
     patientUuid,
     visitUuid,
-    emrConfiguration?.visitNoteEncounterType?.uuid,
+    emrConfiguration?.inpatientNoteEncounterType?.uuid,
     emrConfiguration?.consultFreeTextCommentsConcept.uuid,
   );
 

package/src/ward-workspace/ward-patient-notes/notes.resource.ts

@@ -1,8 +1,7 @@
-import { type FetchResponse, openmrsFetch, restBaseUrl } from '@openmrs/esm-framework';
-import useSWR from 'swr';
-import { type PatientNote, type UsePatientNotes, type VisitEncountersFetchResponse } from './types';
-import { type EncounterPayload } from '../../types';
+import { openmrsFetch, restBaseUrl, useOpenmrsFetchAll } from '@openmrs/esm-framework';
 import { useMemo } from 'react';
+import { type EncounterPayload } from '../../types';
+import { type PatientNote, type RESTPatientNote, type UsePatientNotes } from './types';
 
 export function savePatientNote(payload: EncounterPayload, abortController: AbortController = new AbortController()) {
   return openmrsFetch(`${restBaseUrl}/encounter`, {
@@ -29,15 +28,14 @@ export function usePatientNotes(
     'diagnoses';
   const encountersApiUrl = `${restBaseUrl}/encounter?patient=${patientUuid}&encounterType=${encounterType}&visit=${visitUuid}&v=${customRepresentation}`;
 
-  const { data, error, isLoading, isValidating, mutate } = useSWR<FetchResponse<VisitEncountersFetchResponse>, Error>(
+  const { data, error, isLoading, isValidating, mutate } = useOpenmrsFetchAll<RESTPatientNote>(
     patientUuid && encounterType ? encountersApiUrl : null,
-    openmrsFetch,
   );
 
   const patientNotes: Array<PatientNote> | null = useMemo(
     () =>
       data
-        ? data.data.results
+        ? data
             .map((encounter) => {
               const noteObs = encounter.obs.find((obs) => obs.concept.uuid === conceptUuid);
 

package/src/ward-workspace/ward-patient-notes/notes.workspace.tsx

@@ -17,7 +17,7 @@ const WardPatientNotesWorkspace: React.FC<WardPatientWorkspaceProps> = (props) =
     <div>
       <WardPatientWorkspaceBanner {...wardPatient} />
       <PatientNotesForm {...notesFormState} />
-      <PatientNotesHistory patientUuid={patientUuid} visitUuid={wardPatient?.visit.uuid} />
+      <PatientNotesHistory patientUuid={patientUuid} visitUuid={wardPatient?.visit?.uuid} />
     </div>
   );
 };

package/src/ward-workspace/ward-patient-notes/types.ts

@@ -1,9 +1,5 @@
 import { type Concept, type OpenmrsResource } from '@openmrs/esm-framework';
 
-export interface VisitEncountersFetchResponse {
-  results: Array<RESTPatientNote>;
-}
-
 export interface RESTPatientNote extends OpenmrsResource {
   uuid: string;
   display: string;

package/src/ward.resource.ts

@@ -23,3 +23,9 @@ export function assignPatientToBed(bedUuid: number, patientUuid: string, encount
     },
   });
 }
+
+export function removePatientFromBed(bedId: number, patientUuid: string) {
+  return openmrsFetch(`${restBaseUrl}/beds/${bedId}?patientUuid=${patientUuid}`, {
+    method: 'DELETE',
+  });
+}