@kenyaemr/esm-morgue-app 5.4.2-pre.2283 → 5.4.2-pre.2288

package/src/{hook/useAdmitPatient.ts → forms/admit-deceased-person-workspace/admit-deceased-person.resource.ts}

@@ -1,31 +1,81 @@
 import {
-  closeWorkspace,
   FetchResponse,
   openmrsFetch,
+  type OpenmrsResource,
   restBaseUrl,
-  showSnackbar,
+  toDateObjectStrict,
+  toOmrsIsoString,
   updateVisit,
   useConfig,
   useSession,
   type Visit,
 } from '@openmrs/esm-framework';
-import dayjs from 'dayjs';
-import { useCallback, useMemo } from 'react';
 import useSWR from 'swr';
-import useSWRImmutable from 'swr/immutable';
-import { z } from 'zod';
-import { ConfigObject } from '../config-schema';
 import {
-  CurrentLocationEncounterResponse,
-  customRepProps,
   EmrApiConfigurationResponse,
   Encounter,
   MappedVisitQueueEntry,
-  VisitQueueEntry,
-} from '../types';
-import { dischargeSchema, patientInfoSchema } from '../utils/utils';
-import { useMortuaryLocation } from './useMortuaryAdmissionLocation';
-import { removeQueuedPatient } from './useMorgue.resource';
+  type PaymentMethod,
+  type VisitTypeResponse,
+} from '../../types';
+import { useCallback, useMemo, useState } from 'react';
+import { deceasedPatientAdmitSchema, dischargeSchema, disposeSchema } from '../../schemas';
+import useSWRImmutable from 'swr/immutable';
+
+import { z } from 'zod';
+import dayjs from 'dayjs';
+import { customRepProps } from '../../constants';
+import { BillingConfig, ConfigObject } from '../../config-schema';
+
+export const useVisitType = () => {
+  const customRepresentation = 'custom:(uuid,display,name)';
+  const url = `${restBaseUrl}/visittype?v=${customRepresentation}`;
+  const { data, error, isLoading } = useSWR<FetchResponse<{ results: VisitTypeResponse[] }>>(url, openmrsFetch);
+  const visitType = data?.data?.results || null;
+
+  return { data: visitType, error, isLoading };
+};
+
+export const useBillableItems = () => {
+  const url = `${restBaseUrl}/cashier/billableService?v=custom:(uuid,name,shortName,serviceStatus,serviceType:(uuid,display),servicePrices:(uuid,name,price,paymentMode))`;
+  const { data, isLoading, error } = useSWR<{ data: { results: Array<OpenmrsResource> } }>(url, openmrsFetch);
+  const [searchTerm, setSearchTerm] = useState('');
+  const filteredItems =
+    data?.data?.results?.filter((item) => item.name.toLowerCase().includes(searchTerm.toLowerCase())) ?? [];
+  return {
+    lineItems: filteredItems,
+    isLoading,
+    error,
+    searchTerm,
+    setSearchTerm,
+  };
+};
+
+export const useCashPoint = () => {
+  const url = `/ws/rest/v1/cashier/cashPoint`;
+  const { data, isLoading, error } = useSWR<{ data: { results: Array<OpenmrsResource> } }>(url, openmrsFetch);
+
+  return { isLoading, error, cashPoints: data?.data?.results ?? [] };
+};
+
+export const usePaymentModes = (excludeWaiver: boolean = true) => {
+  const { excludedPaymentMode } = useConfig<BillingConfig>();
+  const url = `${restBaseUrl}/cashier/paymentMode?v=full`;
+  const { data, isLoading, error, mutate } = useSWR<{ data: { results: Array<PaymentMethod> } }>(url, openmrsFetch, {
+    errorRetryCount: 2,
+  });
+  const allowedPaymentModes =
+    excludedPaymentMode?.length > 0
+      ? data?.data?.results.filter((mode) => !excludedPaymentMode.some((excluded) => excluded.uuid === mode.uuid)) ?? []
+      : data?.data?.results ?? [];
+  return {
+    paymentModes: excludeWaiver ? allowedPaymentModes : data?.data?.results,
+    isLoading,
+    mutate,
+    error,
+  };
+};
+
 const customRep = `custom:${customRepProps.map((prop) => prop.join(':')).join(',')}`;
 
 export default function useEmrConfiguration() {
@@ -46,8 +96,25 @@ export default function useEmrConfiguration() {
   return results;
 }
 
-export const useMortuaryOperation = () => {
-  const { location } = useMortuaryLocation();
+export function removeQueuedPatient(
+  queueUuid: string,
+  queueEntryUuid: string,
+  abortController: AbortController,
+  endedAt?: Date,
+) {
+  return openmrsFetch(`${restBaseUrl}/queue/${queueUuid}/entry/${queueEntryUuid}`, {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json',
+    },
+    body: {
+      endedAt: toDateObjectStrict(toOmrsIsoString(endedAt) ?? toOmrsIsoString(new Date())),
+    },
+    signal: abortController.signal,
+  });
+}
+
+export const useMortuaryOperation = (location?: string) => {
   const { currentProvider } = useSession();
   const { emrConfiguration, isLoadingEmrConfiguration, errorFetchingEmrConfiguration } = useEmrConfiguration();
   const {
@@ -58,6 +125,11 @@ export const useMortuaryOperation = () => {
     policeNameUuid,
     policeIDNumber,
     dischargeAreaUuid,
+    serialNumberUuid,
+    nextOfKinNameUuid,
+    courtOrderCaseNumberUuid,
+    morgueDischargeEncounterTypeUuid,
+    morgueAdmissionEncounterTypeUuid,
   } = useConfig<ConfigObject>();
 
   const createMortuaryAdmissionEncounter = useCallback(
@@ -75,7 +147,7 @@ export const useMortuaryOperation = () => {
         policeName,
         tagNumber,
         visitType,
-      }: z.infer<typeof patientInfoSchema>,
+      }: z.infer<typeof deceasedPatientAdmitSchema>,
     ) => {
       const obs = [];
       if (tagNumber) {
@@ -93,30 +165,28 @@ export const useMortuaryOperation = () => {
       if (dischargeArea) {
         obs.push({ concept: dischargeAreaUuid, value: dischargeArea });
       }
+
+      const visitAttributes = [];
       const encounterPayload = {
         visit: {
           patient: patientUuid,
           startDatetime: dayjs(dateOfAdmission).toISOString(),
           visitType: visitType,
-          location: location?.uuid,
-          attributes: [
-            {
-              attributeType: visitPaymentMethodAttributeUuid,
-              value: paymentMethod,
-            },
-          ],
+          location: location,
+          ...(visitAttributes.length > 0 && { attributes: visitAttributes }),
         },
         patient: patientUuid,
-        encounterType: emrConfiguration?.admissionEncounterType?.uuid,
-        location: location?.uuid,
+        encounterType: morgueAdmissionEncounterTypeUuid,
+        location,
         encounterProviders: [
           {
             provider: currentProvider?.uuid,
             encounterRole: emrConfiguration?.clinicianEncounterRole?.uuid,
           },
         ],
-        obs: obs.length > 0 ? obs : undefined,
+        ...(obs.length > 0 && { obs }),
       };
+
       return openmrsFetch<Encounter>(`${restBaseUrl}/encounter`, {
         method: 'POST',
         headers: {
@@ -130,15 +200,59 @@ export const useMortuaryOperation = () => {
       dischargeAreaUuid,
       emrConfiguration?.admissionEncounterType?.uuid,
       emrConfiguration?.clinicianEncounterRole?.uuid,
-      location?.uuid,
+      location,
       obNumberUuid,
       policeIDNumber,
       policeNameUuid,
       tagNumberUuid,
+      morgueAdmissionEncounterTypeUuid,
+      nextOfKinNameUuid,
+      courtOrderCaseNumberUuid,
+      serialNumberUuid,
+      morgueDischargeEncounterTypeUuid,
       visitPaymentMethodAttributeUuid,
+      burialPermitNumberUuid,
     ],
   );
 
+  const createDisposalMortuaryEncounter = useCallback(
+    async (visit: Visit, data: z.infer<typeof disposeSchema>) => {
+      const obs = [];
+      if (data.nextOfKinNames) {
+        obs.push({ concept: nextOfKinNameUuid, value: data.nextOfKinNames });
+      }
+      if (data.courtOrderCaseNumber) {
+        obs.push({ concept: courtOrderCaseNumberUuid, value: data.courtOrderCaseNumber });
+      }
+      if (data.serialNumber) {
+        obs.push({ concept: serialNumberUuid, value: data.serialNumber });
+      }
+
+      const encounterPayload = {
+        encounterDatetime: data?.dateOfDischarge,
+        patient: visit?.patient?.uuid,
+        encounterType: morgueDischargeEncounterTypeUuid,
+        location: visit?.location?.uuid,
+        encounterProviders: [
+          {
+            provider: currentProvider?.uuid,
+            encounterRole: emrConfiguration?.clinicianEncounterRole?.uuid,
+          },
+        ],
+        visit: visit?.uuid,
+        obs: obs.length > 0 ? obs : undefined,
+      };
+      return openmrsFetch<Encounter>(`${restBaseUrl}/encounter`, {
+        method: 'POST',
+        headers: {
+          'content-type': 'application/json',
+        },
+        body: encounterPayload,
+      });
+    },
+    [burialPermitNumberUuid, currentProvider?.uuid, emrConfiguration?.clinicianEncounterRole?.uuid],
+  );
+
   const assignDeceasedToCompartment = useCallback(
     async (patientUuid: string, bedId: number, encounterUuid: string) =>
       openmrsFetch(`${restBaseUrl}/beds/${bedId}`, {
@@ -155,14 +269,17 @@ export const useMortuaryOperation = () => {
   );
 
   const admitBody = useCallback(
-    async (patientUuid: string, data: z.infer<typeof patientInfoSchema>) => {
-      const admissionEncounter = await createMortuaryAdmissionEncounter(patientUuid, data);
-      const compartment = await assignDeceasedToCompartment(
-        patientUuid,
-        data.availableCompartment,
-        admissionEncounter.data.uuid,
-      );
-      return { admissionEncounter, compartment };
+    async (patientUuid: string, data: z.infer<typeof deceasedPatientAdmitSchema>) => {
+      try {
+        const admissionEncounter = await createMortuaryAdmissionEncounter(patientUuid, data);
+
+        const encounterUuid = admissionEncounter?.data?.uuid || admissionEncounter?.data?.uuid;
+        const compartment = await assignDeceasedToCompartment(patientUuid, data.availableCompartment, encounterUuid);
+
+        return { admissionEncounter, compartment };
+      } catch (error) {
+        throw error;
+      }
     },
     [assignDeceasedToCompartment, createMortuaryAdmissionEncounter],
   );
@@ -177,8 +294,8 @@ export const useMortuaryOperation = () => {
       const encounterPayload = {
         encounterDatetime: data?.dateOfDischarge,
         patient: visit?.patient?.uuid,
-        encounterType: emrConfiguration?.exitFromInpatientEncounterType,
-        location: visit?.location?.uuid,
+        encounterType: morgueDischargeEncounterTypeUuid,
+        location: visit?.location,
         encounterProviders: [
           {
             provider: currentProvider?.uuid,
@@ -196,13 +313,9 @@ export const useMortuaryOperation = () => {
         body: encounterPayload,
       });
     },
-    [
-      burialPermitNumberUuid,
-      currentProvider?.uuid,
-      emrConfiguration?.clinicianEncounterRole?.uuid,
-      emrConfiguration?.exitFromInpatientEncounterType,
-    ],
+    [burialPermitNumberUuid, currentProvider?.uuid, emrConfiguration?.clinicianEncounterRole?.uuid],
   );
+
   const removeDeceasedFromCompartment = useCallback(
     async (patientUuid: string, bedId: number) =>
       openmrsFetch(`${restBaseUrl}/beds/${bedId}?patientUuid=${patientUuid}`, {
@@ -243,6 +356,17 @@ export const useMortuaryOperation = () => {
     },
     [createDischargeMortuaryEncounter, endCurrentVisit, removeDeceasedFromCompartment],
   );
+
+  const disposeBody = useCallback(
+    async (visit: Visit, queueEntry: MappedVisitQueueEntry, bedId: number, data: z.infer<typeof disposeSchema>) => {
+      const disposeEncounter = await createDischargeMortuaryEncounter(visit, data);
+      const compartment = await removeDeceasedFromCompartment(visit?.patient?.uuid, bedId);
+      await endCurrentVisit(visit, queueEntry, data);
+      return { disposeEncounter, compartment };
+    },
+    [createDisposalMortuaryEncounter, endCurrentVisit, removeDeceasedFromCompartment],
+  );
+
   const createEncounterForCompartmentSwap = useCallback(
     async (patientUuid: string, visitUuid: string) =>
       openmrsFetch<Encounter>(`${restBaseUrl}/encounter`, {
@@ -254,7 +378,7 @@ export const useMortuaryOperation = () => {
           encounterDatetime: new Date(),
           patient: patientUuid,
           encounterType: emrConfiguration?.bedAssignmentEncounterType,
-          location: location?.uuid,
+          location,
           encounterProviders: [
             {
               provider: currentProvider?.uuid,
@@ -269,12 +393,14 @@ export const useMortuaryOperation = () => {
       currentProvider?.uuid,
       emrConfiguration?.bedAssignmentEncounterType,
       emrConfiguration?.clinicianEncounterRole?.uuid,
-      location?.uuid,
+      location,
     ],
   );
 
   return {
     admitBody,
+    disposeBody,
+    createDisposalMortuaryEncounter,
     createEncounterForCompartmentSwap,
     assignDeceasedToCompartment,
     removeDeceasedFromCompartment,
@@ -283,3 +409,8 @@ export const useMortuaryOperation = () => {
     errorFetchingEmrConfiguration,
   };
 };
+
+export const createPatientBill = (payload) => {
+  const postUrl = `${restBaseUrl}/cashier/bill`;
+  return openmrsFetch(postUrl, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: payload });
+};

package/src/forms/admit-deceased-person-workspace/admit-deceased-person.scss

@@ -0,0 +1,143 @@
+@use '@carbon/colors';
+@use '@carbon/layout';
+@use '@carbon/type';
+
+.form {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  height: 100%;
+}
+
+.formContainer {
+  margin: layout.$spacing-05;
+  display: flex;
+  flex-direction: column;
+  gap: layout.$spacing-05;
+}
+
+.tablet {
+  padding: layout.$spacing-06 layout.$spacing-05;
+  background-color: colors.$white;
+}
+
+.desktop {
+  padding: layout.$spacing-01 layout.$spacing-05;
+}
+.buttonContainer {
+  max-width: 50%;
+}
+.inlineLoading {
+  display: flex;
+  align-items: center;
+  gap: layout.$spacing-03;
+}
+.formDeathTimepickerSelector {
+  min-width: layout.$spacing-05;
+  margin-top: layout.$spacing-06;
+}
+.formAdmissionTimepicker input {
+  min-width: 11rem;
+}
+.formAdmissionDatepicker input {
+  min-width: 24rem;
+}
+.dateTimeSection {
+  display: flex;
+  flex-direction: row;
+  gap: layout.$spacing-02;
+  align-items: center;
+}
+
+.radioButtonGroup {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  margin-top: layout.$spacing-03;
+  min-height: layout.$spacing-10;
+  width: 100%;
+  @include type.type-style('body-compact-01');
+}
+
+.radioButton {
+  padding: layout.$spacing-02 layout.$spacing-05;
+  margin: layout.$spacing-03 0;
+}
+
+.visitTypeOverviewWrapper {
+  margin: layout.$spacing-05 0;
+  border: 0.0625rem solid colors.$gray-30;
+}
+
+.visitTypeOverviewWrapper div:nth-child(3) > div:nth-child(2) {
+  position: relative;
+}
+
+.visitTypeOverviewWrapper div:nth-child(3) span * {
+  display: none;
+}
+
+.compartmentListContainer {
+  max-height: 15rem;
+  overflow-y: auto;
+  margin-top: layout.$spacing-03;
+  padding-right: layout.$spacing-03;
+}
+
+.radioButtonGroup {
+  display: flex;
+  flex-direction: column;
+  gap: layout.$spacing-03;
+  width: 100%;
+  padding-left: layout.$spacing-05;
+}
+
+.compartmentOption {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 140%;
+  padding: layout.$spacing-03 0;
+  border-bottom: 1px solid colors.$gray-20;
+
+  &:last-child {
+    border-bottom: none;
+  }
+}
+
+.radioButtonWrapper {
+  display: flex;
+  align-items: center;
+  gap: layout.$spacing-03;
+  flex: 1;
+}
+
+.compartmentTags {
+  display: flex;
+  gap: layout.$spacing-03;
+  align-items: center;
+  margin-left: auto;
+}
+.radioButton {
+  margin: 0;
+  padding: 0;
+}
+.emptyStateTile {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: layout.$spacing-06;
+  text-align: center;
+  margin: layout.$spacing-05 0;
+}
+
+.emptyStateContent {
+  @include type.type-style('body-01');
+  color: colors.$gray-70;
+  margin-top: layout.$spacing-05;
+  max-width: 20rem;
+}
+.sectionField {
+  padding-top: layout.$spacing-03;
+}