@ampath/esm-dha-workflow-app 4.0.0-next.34 → 4.0.0-next.340

package/src/admissions/modal/add-bill-items/add-bill-items.modal.tsx

@@ -0,0 +1,233 @@
+import React, { useEffect, useState } from "react";
+import { Button, ComboBox, Modal, ModalBody } from "@carbon/react";
+import styles from './add-bill-items.modal.scss';
+import { showSnackbar, useSession, useVisit } from "@openmrs/esm-framework";
+import { createBill, fetchBillableServices, fetchCashPoints, fetchCurrentDayPendingPatientBills, updateBill } from "../../../shared/services/billing.resource";
+import { type CreateBillDto, type LineItem, type ServicePrice, type BillableService } from "../../../shared/types";
+import { generateUpdateBillLineItems } from "../../../billing/utils";
+
+interface addBillItemsModalProps {
+    crId: string;
+    patientUuid: string;
+    onModalClose: ()=>void;
+    onAddBillItems: ()=>void;
+    open: boolean;
+}
+
+type DraftBillItem = {
+    id: string;
+    billableService: BillableService | null;
+    servicePrice: ServicePrice | null;
+};
+
+const createDraftItem = (): DraftBillItem => ({
+    id: `${Date.now()}-${Math.random().toString(36).slice(2)}`,
+    billableService: null,
+    servicePrice: null,
+});
+
+const AddBillItemsModal: React.FC<addBillItemsModalProps> = ({ crId, patientUuid, onModalClose, onAddBillItems, open }) => {
+    const [billableServices, setBillableServices] = useState<BillableService[]>([]);
+    const [draftBillItems, setDraftBillItems] = useState<DraftBillItem[]>([createDraftItem()]);
+    const [isSubmitting, setIsSubmitting] = useState(false);
+    const { activeVisit } = useVisit(patientUuid);
+    const { sessionLocation } = useSession();
+
+    useEffect(() => {
+        void getBillableServices();
+    }, []);
+
+    async function getBillableServices() {
+        const services = await fetchBillableServices();
+        setBillableServices(services);
+    }
+
+    function addBillItem() {
+        setDraftBillItems((current) => [...current, createDraftItem()]);
+    }
+
+    function handleSelectBillableService(rowId: string, selectedBillService: BillableService | null) {
+        setDraftBillItems((current) =>
+            current.map((row) =>
+                row.id === rowId
+                    ? {
+                          ...row,
+                          billableService: selectedBillService,
+                          servicePrice: null,
+                      }
+                    : row,
+            ),
+        );
+    }
+
+    function handleSelectBillableServicePrice(rowId: string, servicePrice: ServicePrice | null) {
+        setDraftBillItems((current) =>
+            current.map((row) =>
+                row.id === rowId
+                    ? {
+                          ...row,
+                          servicePrice,
+                      }
+                    : row,
+            ),
+        );
+    }
+
+    function removeDraftBillItem(rowId: string) {
+        setDraftBillItems((current) => (current.length > 1 ? current.filter((row) => row.id !== rowId) : current));
+    }
+
+    function buildLineItems(startOrder = 0): LineItem[] {
+        return draftBillItems
+            .filter((item) => item.billableService && item.servicePrice)
+            .map((item, index) => {
+                const servicePrice = item.servicePrice as ServicePrice;
+                const price = Number(servicePrice?.price ?? 0);
+                const status: LineItem['status'] = price === 0 ? 'PAID' : 'PENDING';
+
+                return {
+                    billableService: servicePrice?.billableService?.uuid ?? '',
+                    quantity: 1,
+                    price,
+                    priceName: servicePrice?.name ?? 'Default',
+                    priceUuid: servicePrice?.uuid ?? '',
+                    lineItemOrder: startOrder + index,
+                    status,
+                };
+            })
+            .filter((lineItem) => Boolean(lineItem.billableService && lineItem.priceUuid));
+    }
+
+    async function handleRequestSubmit() {
+        const validDraftBillItems = draftBillItems.filter((item) => item.billableService && item.servicePrice);
+
+        if (!validDraftBillItems.length) {
+            showSnackbar({
+                title: 'No bill items selected',
+                subtitle: 'Select at least one bill item before submitting',
+                kind: 'warning',
+            });
+            return;
+        }
+
+        setIsSubmitting(true);
+        try {
+            const currentDayPendingBills = await fetchCurrentDayPendingPatientBills(patientUuid);
+
+            if (currentDayPendingBills?.length) {
+                const currentBill = currentDayPendingBills[0];
+                const initialLineItems = generateUpdateBillLineItems(currentBill, billableServices as any);
+                const maxLineItemOrder = initialLineItems.reduce((max, lineItem) => {
+                    return Math.max(max, Number(lineItem?.lineItemOrder ?? -1));
+                }, -1);
+
+                const newLineItems = buildLineItems(maxLineItemOrder + 1);
+                await updateBill(currentBill.uuid, {
+                    lineItems: [...initialLineItems, ...newLineItems],
+                });
+            } else {
+                const cashPoints = await fetchCashPoints();
+                const locationCashPoint = cashPoints.find((cp) => cp?.location?.uuid === sessionLocation?.uuid) ?? cashPoints?.[0];
+
+                if (!locationCashPoint?.uuid) {
+                    throw new Error('No cashpoint configured for this location');
+                }
+
+                const payload: CreateBillDto = {
+                    lineItems: buildLineItems(0),
+                    cashPoint: locationCashPoint.uuid,
+                    patient: patientUuid,
+                    visit: activeVisit?.uuid ?? '',
+                    status: 'PENDING',
+                    payments: [],
+                };
+
+                await createBill(payload);
+            }
+
+            showSnackbar({
+                title: 'Bill updated',
+                subtitle: 'Bill items were added successfully',
+                kind: 'success',
+            });
+            onAddBillItems();
+        } catch (error) {
+            showSnackbar({
+                title: 'Error',
+                subtitle: error?.message ?? 'Failed to add bill items',
+                kind: 'error',
+            });
+        } finally {
+            setIsSubmitting(false);
+        }
+    }
+
+    return (
+        <>
+            <Modal
+                modalHeading="Admit Patient"
+                open={open}
+                size="lg"
+                onSecondarySubmit={() => onModalClose()}
+                onRequestClose={() => onModalClose()}
+                onRequestSubmit={handleRequestSubmit}
+                primaryButtonText="Add Charge Items"
+                primaryButtonDisabled={isSubmitting || !draftBillItems.some((item) => item.billableService && item.servicePrice)}
+                secondaryButtonText="Cancel"
+            >
+                <ModalBody>
+                    <div className={styles.addBillItemsModalLayout}>
+                        <div className={styles.addBillItemsModalContentSection}>
+                            {draftBillItems.map((draftItem, index) => {
+                                const availableServicePrices = draftItem.billableService?.servicePrices ?? [];
+
+                                return (
+                                    <div className={styles.formRow} key={draftItem.id}>
+                                        <div className={styles.inputWidth}>
+                                            <ComboBox
+                                                id={`billable-service-${draftItem.id}`}
+                                                titleText={`Billable Service ${index + 1}`}
+                                                placeholder="Search Billable service"
+                                                items={billableServices ?? []}
+                                                itemToString={(item) => item?.name ?? ''}
+                                                selectedItem={draftItem.billableService}
+                                                onChange={({ selectedItem }) => handleSelectBillableService(draftItem.id, selectedItem)}
+                                            />
+                                        </div>
+                                        <div className={styles.inputWidth}>
+                                            <ComboBox
+                                                id={`billable-service-price-${draftItem.id}`}
+                                                titleText={`Price ${index + 1}`}
+                                                placeholder={draftItem.billableService ? 'Search billable service price' : 'Select a billable service first'}
+                                                items={availableServicePrices}
+                                                itemToString={(item: ServicePrice) => `${item?.name} - KES ${item?.price}`}
+                                                selectedItem={draftItem.servicePrice}
+                                                disabled={!draftItem.billableService}
+                                                onChange={({ selectedItem }) => handleSelectBillableServicePrice(draftItem.id, selectedItem)}
+                                            />
+                                        </div>
+                                        <div className={styles.inputWidth}>
+                                            <Button
+                                                kind="danger--tertiary"
+                                                onClick={() => removeDraftBillItem(draftItem.id)}
+                                                disabled={draftBillItems.length === 1}
+                                            >
+                                                Remove
+                                            </Button>
+                                        </div>
+                                    </div>
+                                );
+                            })}
+                            <div className={styles.formRow}>
+                                <div className={styles.inputWidth}>
+                                    <Button onClick={addBillItem}>Add another line item</Button>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </ModalBody>
+            </Modal>
+        </>
+    );
+}
+export default AddBillItemsModal;

package/src/admissions/modal/admit-elsewhere/admit-elsewhere.modal.scss

@@ -0,0 +1,23 @@
+.admitModalLayout{
+    display: flex;
+    flex-direction: column;
+    row-gap: 15px;
+    width: 100%;
+}
+.admitModalContentSection{
+    display: flex;
+    flex-direction: column;
+    row-gap: 15px;
+    width: 100%;
+}
+
+.locationSelect{
+    width: 100%;
+}
+
+.formRow{
+   display: flex;
+   flex-direction: row;
+   width: 100%;
+   column-gap: 5px;
+}

package/src/admissions/modal/admit-elsewhere/admit-elsewhere.modal.tsx

@@ -0,0 +1,156 @@
+import { ComboBox, Modal, ModalBody, Select, SelectItem, TextArea } from "@carbon/react";
+import React, { useMemo, useRef, useState } from "react";
+import styles from './admit-elsewhere.modal.scss'
+import { Location, Patient, showSnackbar, useLocations, useSession, Visit } from "@openmrs/esm-framework";
+import { AdmitPatientDto } from "../../types";
+import { AdmissionConcepts, AdmissionEncounterTypeUuids } from "../../constants";
+import { admitPatientElseWhere } from "../../admissions.resource";
+interface AdmitElsewhereModalProps {
+    open: boolean;
+    patient: Patient;
+    visit: Visit;
+    onModalClose: () => void;
+    onSuccessfullTransfer: () => void;
+}
+const AdmitElsewhereModal: React.FC<AdmitElsewhereModalProps> = ({ open, onModalClose, onSuccessfullTransfer, patient, visit }) => {
+    const [transferLocation, setTransferLocation] = useState<string>();
+    const locations = useLocations();
+    const session = useSession();
+    const userLocation = session.sessionLocation;
+    const reasonRef = useRef<string>();
+    const locationsOptions = useMemo(() => generateLocationOption(), [locations]);
+    function generateLocationOption() {
+        return locations.filter((l)=>{
+            if(!userLocation){
+             return true;
+            }else{
+                return l.uuid !== userLocation.uuid;
+            }
+        }).map((l: Location) => {
+            return {
+                id: l.uuid,
+                text: l.display,
+            };
+        });
+    }
+    const handleTransfer = async () => {
+        if(!validateTransferPayload()){
+            return;
+        }
+        try {
+            const transferPatientDto = generateAdmitPatientPayload();
+            await admitPatientElseWhere(transferPatientDto);
+            showSnackbar({
+                kind: 'success',
+                title: 'Transfer Request Successful',
+                subtitle: 'Patient Transfer Request was Successful',
+            });
+            onSuccessfullTransfer();
+        } catch (error) {
+            console.log({ error });
+            showSnackbar({
+                kind: 'error',
+                title: 'Transfer Request failed',
+                subtitle: error.message ?? 'Patient Transfer Request failed'
+            });
+        }
+
+    };
+    const validateTransferPayload = ():boolean=>{
+     if(!transferLocation){
+        showSnackbar({
+            kind: 'error',
+            title: 'Transfer Location missing',
+            subtitle: 'Please select the location to transfer patient'
+        });
+        return false;
+     }
+     if(!reasonRef.current){
+        showSnackbar({
+            kind: 'error',
+            title: 'Missing Transfer reason',
+            subtitle: 'Please enter the transfer reason'
+        });
+        return false;
+     }
+     return true;
+    };
+    const generateAdmitPatientPayload = (): AdmitPatientDto => {
+        return {
+            patient: patient.uuid,
+            encounterType: {
+                uuid: AdmissionEncounterTypeUuids.TRANSFER_REQUEST_ENCOUNTER_TYPE_UUID
+            },
+            location: userLocation.uuid,
+            obs: [
+                {
+                    "concept": AdmissionConcepts.INPATIENT_DISPOSITION_CONSTRUCT_UUID,
+                    "groupMembers": [
+                        {
+                            "concept": AdmissionConcepts.INTERNAL_TRANSFER_LOCATION_UUID,
+                            "value": transferLocation
+                        },
+                        {
+                            "concept": AdmissionConcepts.INPATIENT_PATIENT_DISPOSITION_UUID,
+                            "value": AdmissionConcepts.TRANSFER_OUT_UUID
+                        },
+                        {
+                            "concept": AdmissionConcepts.CLINICAL_NOTES_UUID,
+                            "value": reasonRef.current
+                        }
+                    ]
+                }
+            ],
+            visit: visit.uuid
+        }
+    }
+    const handleReasonText = (reason: string) => {
+        reasonRef.current = reason;
+    };
+    const locationChangeHandler = (location: { selectedItem: { id: string; text: string } }) => {
+        const l = location.selectedItem.id;
+        setTransferLocation(l);
+    };
+    return <>
+        <Modal
+            modalHeading="Transfer Elsewhere"
+            open={open}
+            size="md"
+            onSecondarySubmit={() => onModalClose()}
+            onRequestClose={() => onModalClose()}
+            onRequestSubmit={handleTransfer}
+            primaryButtonText="Send Admission Request"
+            secondaryButtonText="Cancel"
+        >
+            <ModalBody>
+                <div className={styles.admitModalLayout}>
+                    <div className={styles.admitModalContentSection}>
+                        <div className={styles.formRow}>
+                            <ComboBox
+                                onChange={locationChangeHandler}
+                                id="visit-type-combobox"
+                                items={locationsOptions}
+                                itemToString={(item) => (item ? item.text : '')}
+                                titleText="Select Transfer Location"
+                                className={styles.locationSelect}
+                            />
+                        </div>
+                        <div className={styles.formRow}>
+                            <TextArea
+                                enableCounter
+                                helperText=""
+                                id="transfer-reason"
+                                labelText="Transfer Reason"
+                                maxCount={500}
+                                placeholder=""
+                                rows={4}
+                                onChange={(e) => handleReasonText(e.target.value)}
+                            />
+                        </div>
+                    </div>
+                </div>
+            </ModalBody>
+        </Modal>
+    </>
+}
+export default AdmitElsewhereModal;

package/src/admissions/modal/admit-patient/admit-patient.modal.tsx

@@ -0,0 +1,111 @@
+import React, { useState } from "react";
+import { type FacilityAdmissionRequest, type AdmitPatientDto, type AssignBedToPatientDto, type BedLayout, type Disposition } from "../../types";
+import { Modal, ModalBody, Select, SelectItem } from "@carbon/react";
+import { type Encounter, Patient, showSnackbar, useSession } from "@openmrs/esm-framework";
+import styles from './admit-patient.modal.scss';
+import { AdmissionEncounterTypeUuids } from "../../constants";
+import { admitPatientToWard, assignBedToPatient } from "../../admissions.resource";
+interface AdmitPatientModalProps {
+    open: boolean;
+    facilityAdmissionRequest: FacilityAdmissionRequest;
+    onModalClose: () => void;
+    bedLayouts: BedLayout[];
+    onSuccessfullAdmission: () => void;
+}
+const AdmitPatientModal: React.FC<AdmitPatientModalProps> = ({ onModalClose, open, facilityAdmissionRequest, bedLayouts, onSuccessfullAdmission }) => {
+    const [selectedBedId, setSelectedBedId] = useState<number>();
+    const session = useSession();
+    const location = session.sessionLocation;
+
+    const admitPatient = async () => {
+        try{
+            const admitPatientDto = generateAdmitPatientPayload();
+            const resp = await admitPatientToWard(admitPatientDto);
+
+            showSnackbar({
+                kind: 'success',
+                title: 'Admission Successfull',
+                subtitle: 'Patient Successfully Admitted',
+            });
+    
+            //assign bed to patient
+            const assignBedDto = generateAssignBedPayload(resp);
+            if(selectedBedId){
+               await assignBedToPatient(selectedBedId,assignBedDto);
+            }
+            
+
+            showSnackbar({
+                kind: 'success',
+                title: 'Bed Assignment Successfull',
+                subtitle: `Patient Successfully assigned bed ${selectedBedId}`,
+            });
+
+            onSuccessfullAdmission();
+            
+        }catch(error: any){
+            showSnackbar({
+                kind: 'error',
+                title: 'Bed Assignment failed',
+                subtitle: error.message ?? 'Bed Assignment failed'
+            });
+
+        }
+       
+    };
+    const bedSelectedHandler = (bedId: number) => {
+        setSelectedBedId(bedId);
+    };
+    const generateAdmitPatientPayload = (): AdmitPatientDto=>{
+      return {
+        patient: facilityAdmissionRequest.patient_uuid,
+        encounterType: {
+            uuid: AdmissionEncounterTypeUuids.ADMIT_ENCOUNTER_TYPE_UUID
+        },
+        location: location?.uuid ?? '',
+        obs: [],
+        visit: facilityAdmissionRequest.visit_uuid
+      }
+    }
+    const generateAssignBedPayload = (admissionEncounter: Encounter): AssignBedToPatientDto=>{
+        return {
+            patientUuid: facilityAdmissionRequest.patient_uuid,
+            encounterUuid: admissionEncounter.uuid
+        }
+    }
+    return <>
+        <Modal
+            modalHeading="Admit Patient"
+            open={open}
+            size="md"
+            onSecondarySubmit={() => onModalClose()}
+            onRequestClose={() => onModalClose()}
+            onRequestSubmit={admitPatient}
+            primaryButtonText="Admit"
+            secondaryButtonText="Cancel"
+        >
+            <ModalBody>
+                <div className={styles.serveModalLayout}>
+                    <div className={styles.serveModalContentSection}>
+                        <div className={styles.formRow}>
+                            <Select
+                                id="ward-beds"
+                                labelText="Beds"
+                                onChange={($event) => bedSelectedHandler(parseInt($event.target.value))}
+                            >
+                                <SelectItem value="" text="Select" />;
+                                {bedLayouts &&
+                                    bedLayouts.filter((bl)=>{
+                                        return bl.status === 'AVAILABLE'
+                                    }).map((bl) => {
+                                        return <SelectItem value={bl.bedId} text={`${bl.bedNumber} (${bl.status})`} />;
+                                    })}
+                            </Select>
+                        </div>
+                    </div>
+                </div>
+            </ModalBody>
+        </Modal>
+    </>
+}
+export default AdmitPatientModal;

package/src/admissions/modal/bed-swap/bed-swap.modal.tsx

@@ -0,0 +1,102 @@
+import { Modal, ModalBody, Select, SelectItem } from "@carbon/react";
+import React, { useState } from "react";
+import { AssignBedToPatientDto, BedLayout, BedSwapDto, Disposition } from "../../types";
+import styles from './bed-swap.modal.scss';
+import { AdmissionEncounterTypeUuids } from "../../constants";
+import { Encounter,Person, showSnackbar, useSession } from "@openmrs/esm-framework";
+import { assignBedToPatient, bedSwapRequest } from "../../admissions.resource";
+interface BedSwapModalProps {
+    open: boolean;
+    disposition: Disposition;
+    person: Person;
+    onModalClose: () => void;
+    bedLayouts: BedLayout[];
+    onSuccessfullBedSwap: () => void;
+}
+const BedSwapModal: React.FC<BedSwapModalProps> = ({open,onModalClose,onSuccessfullBedSwap,bedLayouts,disposition,person})=>{
+    const [selectedBedId, setSelectedBedId] = useState<number>();
+    const session = useSession();
+    const location = session.sessionLocation;
+    
+    const swapBed = async ()=>{
+
+        try{
+            const bedSwapPayload = generateBedSwapRequestDto();
+            const resp = await bedSwapRequest(bedSwapPayload);
+
+              //assign bed to patient
+            const assignBedDto = generateAssignBedPayload(resp);
+            await assignBedToPatient(selectedBedId,assignBedDto);
+            showSnackbar({
+                kind: 'success',
+                title: 'Bed swap Successfull',
+                subtitle: `Patient Successfully assigned bed ${selectedBedId}`,
+            });
+            onSuccessfullBedSwap();
+        }catch(error){
+            console.log({error});
+            showSnackbar({
+                kind: 'error',
+                title: 'Bed Assignment failed',
+                subtitle: error.message ?? 'Bed Assignment failed'
+            });
+        }
+      
+
+    }
+    const generateAssignBedPayload = (assignEncounter: Encounter): AssignBedToPatientDto=>{
+        return {
+            patientUuid: person.uuid,
+            encounterUuid: assignEncounter.uuid
+        }
+    }
+    const handleBedChange = (bedId: number)=>{
+        setSelectedBedId(bedId);
+    }
+    const generateBedSwapRequestDto = (): BedSwapDto => {
+        return {
+            "patient": person.uuid,
+            "encounterType": {
+                "uuid": AdmissionEncounterTypeUuids.BED_ASSIGNMENT_ENCOUNTER_TYPE_UUID,
+            },
+            "location": location.uuid,
+            "obs": [],
+        }
+    }
+
+    return <>
+     <Modal
+            modalHeading="Swap Beds"
+            open={open}
+            size="md"
+            onSecondarySubmit={() => onModalClose()}
+            onRequestClose={() => onModalClose()}
+            onRequestSubmit={swapBed}
+            primaryButtonText="Swap Beds"
+            secondaryButtonText="Cancel"
+        >
+            <ModalBody>
+                <div className={styles.serveModalLayout}>
+                    <div className={styles.serveModalContentSection}>
+                        <div className={styles.formRow}>
+                            <Select
+                                id="ward-beds"
+                                labelText="Beds"
+                                onChange={($event) => handleBedChange(parseInt($event.target.value))}
+                            >
+                                <SelectItem value="" text="Select" />;
+                                {bedLayouts &&
+                                    bedLayouts.filter((bl)=>{
+                                        return bl.status === 'AVAILABLE'
+                                    }).map((bl) => {
+                                        return <SelectItem value={bl.bedId} text={`${bl.bedNumber} (${bl.status})`} />;
+                                    })}
+                            </Select>
+                        </div>
+                    </div>
+                </div>
+            </ModalBody>
+        </Modal>
+    </>
+}
+export default BedSwapModal;

package/src/admissions/modal/cancel-admission-request/cancel-admission-request.scss

@@ -0,0 +1,11 @@
+.cancelAdmissionLayout{
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    row-gap: 15px;
+}
+.headerSection{
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+}