@ampath/esm-dha-workflow-app 4.0.0-next.44 → 4.0.0-next.448

package/src/billing/workspaces/create-order-bill-form-workspace/create-order-bill-form.resource.ts

@@ -0,0 +1,223 @@
+import { openmrsFetch, OpenmrsResource, restBaseUrl, useConfig, useSession } from "@openmrs/esm-framework";
+import { useState } from "react";
+import useSWR from 'swr';
+import {
+    BILLABLE_SERVICE_PICKER_REPRESENTATION,
+    buildBillableServiceUrl,
+    useBillableServiceLocationUuid,
+} from "../../../shared/services/billable-service.resource";
+import { getHieBaseUrl } from "../../../shared/utils/get-base-url";
+import { postJson } from "../../../registry/registry.resource";
+import dayjs from "dayjs";
+import { DrugBatch, DrugFormulation } from "./types";
+
+/**
+ * Billable items for the session facility. Pass `locationUuid: null` in
+ * `options` only when the server-wide catalog is genuinely wanted.
+ */
+export const useBillableItems = (
+    serviceTypeUuid: string = "",
+    options: { enabled?: boolean; locationUuid?: string | null } = { enabled: true },
+) => {
+    const sessionLocationUuid = useBillableServiceLocationUuid();
+    const locationUuid = options.locationUuid === undefined ? sessionLocationUuid : options.locationUuid;
+    const url = options.enabled === false ? null : buildBillableServiceUrl({ v: BILLABLE_SERVICE_PICKER_REPRESENTATION, locationUuid });
+    const { data, isLoading, error } = useSWR<{ data: { results: Array<OpenmrsResource> } }>(url, openmrsFetch);
+    const [searchTerm, setSearchTerm] = useState('');
+    let filteredItems =
+        data?.data?.results?.filter((item) => item.name.toLowerCase().includes(searchTerm.toLowerCase())) ?? [];
+
+    if (serviceTypeUuid) {
+        filteredItems = filteredItems?.filter(item => item?.serviceType?.uuid === serviceTypeUuid);
+    }
+
+    return {
+        lineItems: filteredItems,
+        isLoading,
+        error,
+        searchTerm,
+        setSearchTerm,
+    };
+};
+
+export const useDrugBillableItems = (locationUuid: string, drugUuid?: string) => {
+    const url = drugUuid ? `${restBaseUrl}/billing/billableDrug?v=full&locationUuid=${locationUuid}` : null;
+
+    const { data, isLoading, error } = useSWR<{ data: { results: Array<OpenmrsResource> } }>(url, openmrsFetch);
+
+    return {
+        drugBillableItems: data?.data?.results,
+        isLoading,
+        error
+    };
+}
+
+export const useOrderBillableItems = (locationUuid: string, drugUuid?: string) => {
+    const { lineItems: l1, isLoading: i1, error: e1 } = useBillableItems('', { enabled: !drugUuid });
+    const { drugBillableItems: l2, isLoading: i2, error: e2 } = useDrugBillableItems(locationUuid, drugUuid);
+
+    return {
+        lineItems: drugUuid ? l2 ?? [] : l1,
+        isLoading: i1 || i2,
+        error: e1 || e2
+    }
+}
+
+export const usePatientBills = (patientUuid: string, billStatus: string = 'PENDING') => {
+    const url = `${restBaseUrl}/billing/bill?patientUuid=${patientUuid}&status=${billStatus}&v=custom:(uuid,lineItems,cashPoint,dateCreated)`;
+
+    const {
+        data,
+        error,
+        isLoading,
+        isValidating,
+        mutate: mutated,
+    } = useSWR<{ data: { results: Array<OpenmrsResource> } }>(url, openmrsFetch, {
+        errorRetryCount: 2,
+    });
+
+    const results = data?.data?.results ?? [];
+
+    const today = dayjs().startOf('day');
+
+    const currentDayBills = results.filter((bill) => {
+        const billDate = dayjs(bill?.dateCreated).startOf('day');
+        return billDate.isSame(today);
+    });
+
+    return {
+        currentDayBills,
+        error,
+        isLoading,
+        isValidating,
+        mutated,
+    };
+};
+
+export const useActiveVisitBills = (visitUuid: string | null | undefined) => {
+    const representation =
+        'custom:(uuid,status,patient:(uuid),lineItems)';
+    const url = visitUuid ? `${restBaseUrl}/billing/bill?visitUuid=${visitUuid}&v=${representation}` : null;
+
+    const { data, error, isLoading, isValidating } = useSWR<{
+        data: {
+            results: Array<OpenmrsResource>;
+        };
+    }>(url, openmrsFetch, {
+        keepPreviousData: true,
+    });
+
+    return {
+        currentDayBills: data?.data?.results,
+        error,
+        isLoading,
+        isValidating
+    };
+};
+
+export const useCashPoint = () => {
+    const sessionLocation = useSession();
+    const customRepresentation = "custom:(uuid,name,description,location:(uuid,display))";
+    const url = `/ws/rest/v1/billing/cashPoint?v=${customRepresentation}`;
+    const { data, isLoading, error } = useSWR<{ data: { results: Array<OpenmrsResource> } }>(url, openmrsFetch);
+
+    let cashPoints = data?.data?.results;
+
+    if (cashPoints) {
+        cashPoints = cashPoints?.filter(cp => cp?.location?.uuid === sessionLocation?.sessionLocation?.uuid);
+    }
+
+    return { isLoading, error, cashPoints: cashPoints ?? [] };
+};
+
+export const createPatientBill = (payload) => {
+    const postUrl = `${restBaseUrl}/billing/bill`;
+    return openmrsFetch<{ uuid: string, lineItems: Array<{ lineItemOrder: number; uuid: string }> }>(postUrl, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: payload });
+};
+
+export const createBillLineItem = (billUuid: string, payload: { quantity: Number, priceUuid: string }) => {
+    const postUrl = `${restBaseUrl}/billing/bill/${billUuid}/lineItem`;
+    return openmrsFetch<{ uuid: string, lineItems: Array<{ lineItemOrder: number; uuid: string }> }>(postUrl, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: payload });
+};
+
+export const updatePatientBill = (billUuid: string, payload) => {
+    const postUrl = `${restBaseUrl}/billing/bill/${billUuid}`;
+    return openmrsFetch<{ uuid: string, lineItems: Array<{ lineItemOrder: number; uuid: string }> }>(postUrl, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: payload });
+};
+
+export const removePatientBill = (uuid) => {
+    const purgeUrl = `${restBaseUrl}/billing/bill/${uuid}?purge=true`;
+    return openmrsFetch<{ uuid: string }>(purgeUrl, { method: 'DELETE' });
+};
+
+export const createOrderBillInHie = async (payload) => {
+    const hieBaseUrl = await getHieBaseUrl();
+    const url = `${hieBaseUrl}/bill-order`;
+    return postJson<{ bill_uuid: string }>(url, payload);
+}
+
+export const usePatientIdentifiers = (patientUuid: string) => {
+    const customRepresentation = `custom:(identifiers:(identifier,identifierType:(uuid,display)))`;
+    const url = `/ws/rest/v1/patient/${patientUuid}?v=${customRepresentation}`;
+    const { data, isLoading, error } = useSWR<{
+        data: {
+            identifiers: Array<{
+                identifier: string,
+                identifierType: {
+                    uuid: string,
+                    display: string
+                }
+            }>
+        }
+    }>(url, openmrsFetch);
+
+    return { isLoading, error, identifiers: data?.data?.identifiers };
+};
+
+export const useLocationAttributes = () => {
+    const { sessionLocation } = useSession();
+    const locationUuid = sessionLocation?.uuid;
+    const customRepresentation = `custom:(attributes)`;
+    const url = `/ws/rest/v1/location/${locationUuid}?v=${customRepresentation}`;
+    const { data, isLoading, error } = useSWR<{
+        data: {
+            attributes: Array<{
+                attributeType: {
+                    uuid: string
+                },
+                value: string
+            }>
+        }
+    }>(url, openmrsFetch);
+
+    return { isLoadingLocationAttributes: isLoading, error, locationAttributes: data?.data?.attributes };
+};
+
+export const useInventoryBatches = (drugUuid: string, locationUuid: string) => {
+    const { etlBaseUrl } = useConfig({
+        externalModuleName: '@ampath/esm-dha-workflow-app',
+    });
+
+    const url = drugUuid ? `${etlBaseUrl}/odoo/inventory/batches?openmrs_drug_uuid=${drugUuid}&company_external_id=${locationUuid}` : null;
+
+    const { data, isLoading, error } = useSWR<{
+        data: DrugBatch
+    }>(url, openmrsFetch);
+
+    return { isLoadingBatches: isLoading, error, drugBatches: data?.data };
+};
+
+export const useDrugFormulations = (drugName: any, isDrug: boolean) => {
+    const splitDrugName = drugName ? drugName?.split(" ") : [];
+    const query = splitDrugName?.length ? splitDrugName[0] : null;
+    const customRepresentation = "custom:(uuid,display,dosageForm:(uuid,display),concept:(uuid,display))";
+    const url = isDrug && query ? `${restBaseUrl}/drug?s=ampathOrderableDrugs&q=${query}&v=${customRepresentation}` : null;
+
+    const { data, isLoading, error } = useSWR<{
+        data: {
+            results: Array<DrugFormulation>
+        }
+    }>(url, openmrsFetch);
+
+    return { isLoadingDrugFormulations: isLoading, error, drugFormulations: data?.data?.results };
+};

package/src/billing/workspaces/create-order-bill-form-workspace/create-order-bill-form.scss

@@ -0,0 +1,58 @@
+@use '@carbon/colors';
+@use '@carbon/layout';
+@use '@carbon/type';
+@use '@openmrs/esm-styleguide/src/vars' as *;
+
+.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;
+}
+
+.service {
+    padding: layout.$spacing-05 layout.$spacing-04;
+}
+
+.conceptsList {
+    background-color: $ui-02;
+    max-height: 14rem;
+    overflow-y: auto;
+    border: 1px solid $ui-03;
+
+    li:hover {
+        background-color: $ui-03;
+    }
+}
+
+.errorMessage {
+    @include type.type-style('label-02');
+    color: $danger;
+    margin-bottom: layout.$spacing-05;
+}