@ampath/esm-dha-workflow-app 4.0.0-next.13 → 4.0.0-next.130

package/src/hooks/useActions.ts

@@ -0,0 +1,165 @@
+import { restBaseUrl, showModal, useConfig } from '@openmrs/esm-framework';
+import { type ConfigObject, type QueueEntryAction } from '../config-schema';
+import { useMemo } from 'react';
+import { useSWRConfig } from 'swr';
+import { type QueueEntry } from '../types/types';
+import { mapVisitQueueEntryProperties, serveQueueEntry } from '../service-queues/service-queues.resource';
+
+type ActionProps = {
+  label: string;
+  text: string;
+  onClick: (queueEntry: QueueEntry) => void;
+  showIf?: (queueEntry: QueueEntry) => boolean;
+  isDelete?: boolean;
+};
+
+export function useMutateQueueEntries() {
+    const { mutate } = useSWRConfig();
+
+    return {
+        mutateQueueEntries: () => {
+            return mutate((key) => {
+                return (
+                    typeof key === 'string' &&
+                    (key.includes(`${restBaseUrl}/queue-entry`) || key.includes(`${restBaseUrl}/visit-queue-entry`))
+                );
+            }).then(() => {
+                window.dispatchEvent(new CustomEvent('queue-entry-updated'));
+            });
+        },
+    };
+}
+
+export function useActionPropsByKey() {
+  const {
+    concepts: { defaultStatusConceptUuid },
+    visitQueueNumberAttributeUuid,
+  } = useConfig<ConfigObject>();
+  const { mutateQueueEntries } = useMutateQueueEntries();
+
+  // Map action strings to component props
+  const actionPropsByKey: Record<QueueEntryAction, ActionProps> = useMemo(() => {
+    return {
+      call: {
+        // t('call', 'Call'),
+        label: 'call',
+        text: 'Call',
+        onClick: async (queueEntry: QueueEntry) => {
+          const mappedQueueEntry = mapVisitQueueEntryProperties(queueEntry, visitQueueNumberAttributeUuid);
+          const callingQueueResponse = await serveQueueEntry(
+            mappedQueueEntry.queue.name,
+            mappedQueueEntry.visitQueueNumber,
+            'calling',
+          );
+          if (callingQueueResponse.ok) {
+            await mutateQueueEntries();
+            const dispose = showModal('call-queue-entry-modal', {
+              closeModal: () => dispose(),
+              queueEntry,
+              size: 'sm',
+            });
+          }
+        },
+        showIf: (queueEntry: QueueEntry) => {
+          return queueEntry.status.uuid === defaultStatusConceptUuid;
+        },
+      },
+      move: {
+        // t('move', 'Move'),
+        label: 'move',
+        text: 'Move',
+        onClick: (queueEntry: QueueEntry) => {
+          const dispose = showModal('move-queue-entry-modal', {
+            closeModal: () => dispose(),
+            queueEntry,
+            size: 'sm',
+          });
+        },
+      },
+      transition: {
+        // t('transition', 'Transition'),
+        label: 'transition',
+        text: 'Transition',
+        onClick: (queueEntry: QueueEntry) => {
+          const dispose = showModal('transition-queue-entry-modal', {
+            closeModal: () => dispose(),
+            queueEntry,
+            size: 'sm',
+          });
+        },
+      },
+      edit: {
+        // t('edit', 'Edit'),
+        label: 'edit',
+        text: 'Edit',
+        onClick: (queueEntry: QueueEntry) => {
+          const dispose = showModal('edit-queue-entry-modal', {
+            closeModal: () => dispose(),
+            queueEntry,
+            size: 'sm',
+          });
+        },
+      },
+      remove: {
+        // t('removePatient', 'Remove patient'),
+        label: 'removePatient',
+        text: 'Remove patient',
+        onClick: (queueEntry: QueueEntry) => {
+          const dispose = showModal('remove-queue-entry-modal', {
+            closeModal: () => dispose(),
+            queueEntry,
+            size: 'sm',
+          });
+        },
+      },
+      delete: {
+        // t('deleteEntry', 'Delete entry'),
+        label: 'deleteEntry',
+        text: 'Delete entry',
+        onClick: (queueEntry: QueueEntry) => {
+          const dispose = showModal('delete-queue-entry-modal', {
+            closeModal: () => dispose(),
+            queueEntry,
+            size: 'sm',
+          });
+        },
+        isDelete: true,
+        showIf: (queueEntry: QueueEntry) => {
+          return queueEntry.previousQueueEntry === null;
+        },
+      },
+      undo: {
+        // t('undoTransition', 'Undo transition'),
+        label: 'undoTransition',
+        text: 'Undo transition',
+        onClick: (queueEntry: QueueEntry) => {
+          const dispose = showModal('undo-transition-queue-entry-modal', {
+            closeModal: () => dispose(),
+            queueEntry,
+            size: 'sm',
+          });
+        },
+        isDelete: true,
+        showIf: (queueEntry: QueueEntry) => {
+          return queueEntry.previousQueueEntry !== null;
+        },
+      },
+      signOff: {
+        // t('signOff', 'Sign off'),
+        label: 'signOff',
+        text: 'Sign off',
+        onClick: (queueEntry: QueueEntry) => {
+          const dispose = showModal('sign-off-queue-entry-modal', {
+            closeModal: () => dispose(),
+            queueEntry,
+            size: 'sm',
+          });
+        },
+        showIf: (queueEntry: QueueEntry) => {
+          return queueEntry.previousQueueEntry !== null;
+        },
+      },
+    };
+  }, [defaultStatusConceptUuid, visitQueueNumberAttributeUuid, mutateQueueEntries]);
+  return actionPropsByKey;
+}

package/src/index.ts

@@ -6,8 +6,24 @@
  */
 import { getAsyncLifecycle, defineConfigSchema, getSyncLifecycle } from '@openmrs/esm-framework';
 import { configSchema } from './config-schema';
+import { registryDashboardMeta } from './dashboard-meta/registry-dashboard.meta';
+import { createDashboardLink } from './createDashboardLink';
+import { createDashboardLink as openMrsCreateDashboardLink } from '@openmrs/esm-patient-common-lib';
+import { queueDashboardMeta } from './dashboard-meta/queue-dashboard.meta';
+import { pharmacyDashboardMeta } from './dashboard-meta/pharmacy-dashboard.meta';
+import { triageDashboardMeta } from './dashboard-meta/triage-dashboard.meta';
+import { consultationDashboardMeta } from './dashboard-meta/consultation-dashboard.meta';
+import { dhaWorkflowDashboardMeta } from './dashboard-meta/dha-workflow-dashboard.meta';
+import { accountingDashboardMeta } from './dashboard-meta/accounting-dashboard.meta';
+import { registersDashboardMeta } from './dashboard-meta/registers-dashboard.meta';
+import { bookingsDashboardMeta } from './dashboard-meta/bookings-dashboard.meta';
+import { mchQueueDashboardMeta } from './dashboard-meta/mch-dashboard.meta';
+import { serviceQueueAdminDashboardMeta } from './dashboard-meta/service-queue-admin.meta';
+import { admissionsDashboardMeta } from './dashboard-meta/admissions-dashboard.meta';
+import { patientChartAdmissionsMetaData } from './dashboard-meta/inpatient-admissions.meta';
+import { billingDashboardMeta } from './dashboard-meta/billing-dashboard.meta';
 
-const moduleName = '@ampath/esm-dha-workflow-app';
+export const moduleName = '@ampath/esm-dha-workflow-app';
 
 const options = {
   featureName: 'Consulation Workflow',
@@ -44,8 +60,109 @@ export const navLinks = getAsyncLifecycle(() => import('./side-nav-menu/nav-link
  */
 export const root = getAsyncLifecycle(() => import('./root.component'), options);
 export const registry = getAsyncLifecycle(() => import('./registry/registry.component'), options);
+export const waitingPatientsExtension = getAsyncLifecycle(
+  () => import('./service-queues/metrics/metrics-cards/waiting-patients.extension'),
+  options,
+);
+export const attendedToPatientsExtension = getAsyncLifecycle(
+  () => import('./service-queues/metrics/metrics-cards/attended-patients.extension'),
+  options,
+);
+export const triageWaitingPatientsExtension = getAsyncLifecycle(
+  () => import('./triage/metrics/waiting-patients.extension'),
+  options,
+);
+export const triageAttendedToPatientsExtension = getAsyncLifecycle(
+  () => import('./triage/metrics/attended-patients.extension'),
+  options,
+);
 
 export const workflowRegistryLink = getAsyncLifecycle(() => import('./widgets/workflow-registry-link.extension'), {
   featureName: 'workflow-registry-link',
   moduleName,
 });
+
+export const registryDashboardLink = getSyncLifecycle(createDashboardLink(registryDashboardMeta), options);
+
+export const registryExtension = getAsyncLifecycle(() => import('./registry/registry.component'), options);
+
+export const queueDashboardLink = getSyncLifecycle(createDashboardLink(queueDashboardMeta), options);
+
+export const queueDashboardExtension = getAsyncLifecycle(() => import('./dashboard/dashboard.component'), options);
+
+export const pharmacyDashboardLink = getSyncLifecycle(createDashboardLink(pharmacyDashboardMeta), options);
+
+export const triageDashboardLink = getSyncLifecycle(createDashboardLink(triageDashboardMeta), options);
+
+export const triageQueueExtension = getAsyncLifecycle(() => import('./triage/triage.component'), options);
+
+export const consultationDashboardLink = getSyncLifecycle(createDashboardLink(consultationDashboardMeta), options);
+
+export const consultationQueue = getAsyncLifecycle(
+  () => import('./service-queues/consultation/consultation.component'),
+  options,
+);
+
+export const dhaWorkflowDashboardLink = getSyncLifecycle(createDashboardLink(dhaWorkflowDashboardMeta), options);
+
+export const dhaWorkflowDashboard = getAsyncLifecycle(() => import('./dashboard/dashboard.component'), options);
+
+export const accountingDashboardLink = getSyncLifecycle(createDashboardLink(accountingDashboardMeta), options);
+
+export const accountingDashboard = getAsyncLifecycle(() => import('./accounting/accounting.component'), options);
+
+export const registersDashboardLink = getSyncLifecycle(createDashboardLink(registersDashboardMeta), options);
+
+export const registersDashboard = getAsyncLifecycle(() => import('./registers/registers.component'), options);
+
+export const bookingsDashboardLink = getSyncLifecycle(createDashboardLink(bookingsDashboardMeta), options);
+
+export const bookings = getAsyncLifecycle(() => import('./bookings/bookings.component'), options);
+
+export const mnchQueueDashboardLink = getSyncLifecycle(createDashboardLink(mchQueueDashboardMeta), options);
+
+export const mnchQueueDashboard = getAsyncLifecycle(() => import('./mch/mch-queues.component'), options);
+
+export const serviceQueueAdmin = getAsyncLifecycle(
+  () => import('./service-queues/admin/service-queue-admin-dashboard.component'),
+  options,
+);
+
+export const serviceQueuesAdminLink = getSyncLifecycle(createDashboardLink(serviceQueueAdminDashboardMeta), options);
+export const admissionsDashboardLink = getSyncLifecycle(createDashboardLink(admissionsDashboardMeta), options);
+
+export const admissionsDashboard = getAsyncLifecycle(
+  () => import('./admissions/admissions-dashboard.component'),
+  options,
+);
+
+export const serviceQueueBannerComponent = getAsyncLifecycle(
+  () => import('./service-queues/extensions/service-queue-patient-banner/service-queue-patient-banner'),
+  options,
+);
+export const patientChartAdmissionsLink = getSyncLifecycle(
+  openMrsCreateDashboardLink(patientChartAdmissionsMetaData as any),
+  options,
+);
+export const patientAdmissionSummary = getAsyncLifecycle(
+  () => import('./admissions/inpatient/inpatient-admissions.component'),
+  options,
+);
+export const billingDashboardLink = getSyncLifecycle(createDashboardLink(billingDashboardMeta), options);
+
+export const billingDashboard = getAsyncLifecycle(
+  () => import('./billing/dashboard/billingDashboard.component'),
+  options,
+);
+
+export const billingRoot = getAsyncLifecycle(() => import('./billing/billing-root'), options);
+
+export const createOrderBillFormWorkspace = getAsyncLifecycle(
+  () => import('./billing/workspaces/create-order-bill-form-workspace/create-order-bill-form.workspace'),
+  options,
+);
+
+export const visitBillingForm = getAsyncLifecycle(
+  () => import('./billing/extensions/visit-billing/visit-billing.extension'),
+  options,
+);

package/src/laboratory/laboratory.component.tsx

@@ -0,0 +1,13 @@
+import React, { useEffect, useState } from 'react';
+import { ExtensionSlot, WorkspaceContainer } from '@openmrs/esm-framework';
+
+const LaboratoryComponent: React.FC = () => {
+  
+  return (
+    <div>
+      <ExtensionSlot name="laboratory-dashboard-slot" />
+    </div>
+  );
+};
+
+export default LaboratoryComponent;

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

@@ -4,8 +4,6 @@ import { SideNav } from '@carbon/react';
 import { attach, ExtensionSlot, isDesktop, useLayoutType } from '@openmrs/esm-framework';
 import styles from './left-panel.scss';
 
-attach('nav-menu-slot', 'bed-management-left-panel');
-
 const LeftPanel: React.FC = () => {
   const { t } = useTranslation();
   const layout = useLayoutType();

package/src/mch/mch-queues.component.scss

@@ -0,0 +1,7 @@
+.mnchLayout{
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    row-gap: 10px;
+    padding: 2% 2%;
+}

package/src/mch/mch-queues.component.tsx

@@ -0,0 +1,32 @@
+import React from 'react';
+import styles from './mch-queues.component.scss';
+import { Tab, TabList, TabPanel, TabPanels, Tabs } from '@carbon/react';
+import MchTriage from './queues/triage/mch-triage';
+import MchConsultation from './queues/consultation/mch-consultation';
+interface MchQueuesProps {}
+const MchQueues: React.FC<MchQueuesProps> = () => {
+  return (
+    <div className={styles.mnchLayout}>
+      <div className={styles.mnchHeader}>
+        <h4>MNCH</h4>
+      </div>
+      <div className={styles.mnchContent}>
+        <Tabs>
+          <TabList contained>
+            <Tab>Triage</Tab>
+            <Tab>Consultation</Tab>
+          </TabList>
+          <TabPanels>
+            <TabPanel>
+              <MchTriage />
+            </TabPanel>
+            <TabPanel>
+              <MchConsultation />
+            </TabPanel>
+          </TabPanels>
+        </Tabs>
+      </div>
+    </div>
+  );
+};
+export default MchQueues;

package/src/mch/queues/consultation/mch-consultation.tsx

@@ -0,0 +1,18 @@
+import React from 'react';
+import ServiceQueueComponent from '../../../service-queues/service-queue/service-queue.component';
+import { QUEUE_SERVICE_UUIDS } from '../../../shared/constants/concepts';
+
+interface MchConsultationProps {}
+const MchConsultation: React.FC<MchConsultationProps> = () => {
+  return (
+    <>
+      <div>
+        <ServiceQueueComponent
+          serviceTypeUuid={QUEUE_SERVICE_UUIDS.MCH_CLINICAL_CONSULTATION_SERVICE_UUID}
+          title="MCH Consultation"
+        />
+      </div>
+    </>
+  );
+};
+export default MchConsultation;

package/src/mch/queues/triage/mch-triage.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import ServiceQueueComponent from '../../../service-queues/service-queue/service-queue.component';
+import { QUEUE_SERVICE_UUIDS } from '../../../shared/constants/concepts';
+
+interface TriageProps {}
+const MchTriage: React.FC<TriageProps> = () => {
+  return (
+    <>
+      <div>
+        <ServiceQueueComponent serviceTypeUuid={QUEUE_SERVICE_UUIDS.MCH_TRIAGE_SERVICE_UUID} title="MCH Triage" />
+      </div>
+    </>
+  );
+};
+export default MchTriage;

package/src/modals/sign-off-modal.scss

@@ -0,0 +1,7 @@
+@use '@carbon/type';
+@use '@openmrs/esm-styleguide/src/vars' as *;
+
+.subHeading {
+  @include type.type-style('heading-compact-01');
+  color: $ui-05;
+}

package/src/modals/sign-off-modal.tsx

@@ -0,0 +1,52 @@
+import React, { useCallback, useState } from 'react';
+import { Button, ButtonSkeleton, ModalBody, ModalFooter, ModalHeader } from '@carbon/react';
+import { useTranslation } from 'react-i18next';
+import styles from './sign-off-modal.scss';
+import { type QueueEntry } from '../types/types';
+
+interface SignOffModalProps {
+  queueEntries: Array<QueueEntry>;
+  closeModal: () => void;
+}
+
+const SignOffModal: React.FC<SignOffModalProps> = ({ queueEntries, closeModal }) => {
+  const { t } = useTranslation();
+  const [isSubmitting, setIsSubmitting] = useState(false);
+
+  const handleSignOffRequest = useCallback(() => {
+    setIsSubmitting(true);
+  }, []);
+
+  return (
+    <div>
+      <ModalHeader
+        closeModal={closeModal}
+        label={t('signOffMessage', 'Sign off message')}
+        title={t('signOffMessage', 'Sign off message')}
+      />
+      <ModalBody>
+        <p className={styles.subHeading} id="subHeading">
+          {t(
+            'signOffMessage',
+            'Sign off message',
+          )}
+          .
+        </p>
+      </ModalBody>
+      <ModalFooter>
+        <Button kind="secondary" onClick={closeModal}>
+          {t('cancel', 'Cancel')}
+        </Button>
+        {isSubmitting === true ? (
+          <ButtonSkeleton />
+        ) : (
+          <Button kind="danger" onClick={handleSignOffRequest}>
+            {t('signOff', 'SignOff')}
+          </Button>
+        )}
+      </ModalFooter>
+    </div>
+  );
+};
+
+export default SignOffModal;

package/src/mortuary/mortuary.component.tsx

@@ -0,0 +1,13 @@
+import React, { useEffect, useState } from 'react';
+import { ExtensionSlot, WorkspaceContainer } from '@openmrs/esm-framework';
+
+const Mortuary: React.FC = () => {
+  
+  return (
+    <div>
+      <ExtensionSlot name="mortuary-dashboard-slot" />
+    </div>
+  );
+};
+
+export default Mortuary;

package/src/pharmacy/pharmacy.component.tsx

@@ -0,0 +1,13 @@
+import React, { useEffect, useState } from 'react';
+import { ExtensionSlot, WorkspaceContainer } from '@openmrs/esm-framework';
+
+const PharmacyComponent: React.FC = () => {
+  
+  return (
+    <div>
+      <ExtensionSlot name="dispensing-dashboard-slot" />
+    </div>
+  );
+};
+
+export default PharmacyComponent;

package/src/registers/registers.component.tsx

@@ -0,0 +1,8 @@
+import React from 'react';
+
+interface RegistersProps {}
+const Registers: React.FC<RegistersProps> = () => {
+  return <>Registers</>;
+};
+
+export default Registers;

package/src/registry/eligibility/eliigibility-tags/eligibility-tags.scss

@@ -0,0 +1,6 @@
+.eligibilityTagsLayout{
+    display: flex;
+    flex-direction: row;
+    width: 100%;
+    column-gap: 5px;
+}

package/src/registry/eligibility/eliigibility-tags/eligibility-tags.tsx

@@ -0,0 +1,137 @@
+import React, { useEffect, useState } from 'react';
+import { type EligibilityFilterDto, type HieClientEligibility } from '../../types';
+import { getTagType } from '../../../shared/utils/get-tag-type';
+import { Button, InlineLoading, Tag } from '@carbon/react';
+import { getClientEligibityStatus } from '../../../shared/services/eligibility.resource';
+import styles from './eligibility-tags.scss';
+import ClientEligibilityDetailsModal from '../modal/eligibility-details.modal';
+import { showSnackbar } from '@openmrs/esm-framework';
+interface EligibilityTags {
+  crId: string;
+  locationUuid: string;
+}
+const EligibilityTags: React.FC<EligibilityTags> = ({ crId, locationUuid }) => {
+  const [clientEligibility, setClientEligibility] = useState<HieClientEligibility>();
+  const [isLoading, setIsLoading] = useState<boolean>(false);
+  const [displayEligibilityDetailsModal, setDisplayEligibilityDetailsModal] = useState<boolean>(false);
+  useEffect(() => {
+    getPatientEligibilityStatus();
+  }, [crId]);
+
+  if (!crId) {
+    return <></>;
+  }
+
+  function generatePatientEligibilityPayload(): EligibilityFilterDto {
+    const payload: EligibilityFilterDto = {
+      requestIdNumber: '',
+      requestIdType: '',
+      locationUuid: locationUuid,
+    };
+
+    if (crId) {
+      payload.requestIdNumber = crId;
+      payload.requestIdType = '3';
+    }
+
+    return payload;
+  }
+
+  async function getPatientEligibilityStatus() {
+    setIsLoading(true);
+    const payload = generatePatientEligibilityPayload();
+    if (!isValidEligibilityPayload(payload)) {
+      setIsLoading(false);
+      return;
+    }
+    try {
+      const resp = await getClientEligibityStatus(payload);
+      setClientEligibility(resp);
+    } catch (error) {
+      showSnackbar({
+        kind: 'error',
+        title: 'Failed getting eligibility status',
+        subtitle: 'An error occurred while fetching eligibility status. Please try again or contact support',
+      });
+    } finally {
+      setIsLoading(false);
+    }
+  }
+
+  function isValidEligibilityPayload(eligibilityFilterDto: EligibilityFilterDto): boolean {
+    if (!eligibilityFilterDto.locationUuid) {
+      return false;
+    }
+    if (!eligibilityFilterDto.requestIdNumber) {
+      return false;
+    }
+    if (!eligibilityFilterDto.requestIdType) {
+      return false;
+    }
+
+    return true;
+  }
+  function handleModalClose() {
+    setDisplayEligibilityDetailsModal(false);
+  }
+  function showEligibilityDetailsModal() {
+    setDisplayEligibilityDetailsModal(true);
+  }
+  return (
+    <>
+      <div className={styles.eligibilityTagsLayout}>
+        {isLoading ? (
+          <>
+            <InlineLoading description="Fetching Eligibility data..." />
+          </>
+        ) : (
+          <>
+            {clientEligibility ? (
+              <>
+                {clientEligibility.schemes && clientEligibility.schemes.length > 0 ? (
+                  <>
+                    {clientEligibility.schemes.map((s) => {
+                      return (
+                        <div>
+                          <Tag className="some-class" size="md" title="Status" type={getTagType(s.coverage.status)}>
+                            {s.schemeName} : {s.coverage.status === '1' ? 'Active' : 'Not Active'}
+                          </Tag>
+                        </div>
+                      );
+                    })}
+                    <div>
+                      <Button kind="ghost" size="sm" onClick={showEligibilityDetailsModal}>
+                        View
+                      </Button>
+                    </div>
+                  </>
+                ) : (
+                  <div>
+                    <Tag className="some-class" size="md" title="Status" type="gray">
+                      No Insurance schemes found
+                    </Tag>
+                  </div>
+                )}
+              </>
+            ) : (
+              <></>
+            )}
+          </>
+        )}
+        {displayEligibilityDetailsModal ? (
+          <>
+            <ClientEligibilityDetailsModal
+              onModalClose={handleModalClose}
+              onSubmit={handleModalClose}
+              open={displayEligibilityDetailsModal}
+              hieClientEligibility={clientEligibility}
+            />
+          </>
+        ) : (
+          <></>
+        )}
+      </div>
+    </>
+  );
+};
+export default EligibilityTags;