@palladium-ethiopia/esm-clinical-workflow-app 5.4.2-pre.4 → 5.4.2-pre.6

package/src/mru/mru.component.tsx

@@ -0,0 +1,106 @@
+import React from 'react';
+import { Button, InlineLoading, Layer } from '@carbon/react';
+import {
+  ExtensionSlot,
+  PageHeader,
+  RegistrationPictogram,
+  fetchCurrentPatient,
+  launchWorkspace,
+  navigate,
+  useConfig,
+  useVisit,
+} from '@openmrs/esm-framework';
+import { useTranslation } from 'react-i18next';
+import { Close, Edit, Money } from '@carbon/react/icons';
+import useSWR from 'swr';
+import { useParams } from 'react-router-dom';
+
+import styles from './mru.scss';
+import { type ClinicalWorkflowConfig } from '../config-schema';
+const MRU: React.FC = () => {
+  const { t } = useTranslation();
+
+  return (
+    <div>
+      <PageHeader
+        title={t('medicalRecordUpdate', 'Medical Record Update(MRU)')}
+        illustration={<RegistrationPictogram />}
+        className={styles.pageHeader}
+      />
+      <PatientSearch />
+    </div>
+  );
+};
+
+export default MRU;
+
+const PatientSearch: React.FC = () => {
+  const params = useParams<{ patientUuid: string }>();
+  const { t } = useTranslation();
+  const { billingVisitAttributeTypes } = useConfig<ClinicalWorkflowConfig>();
+  const [patientUuid, setPatientUuid] = React.useState<string>(params.patientUuid || undefined);
+  const { data: patient, isLoading } = useSWR(patientUuid ? ['patient', patientUuid] : null, () =>
+    fetchCurrentPatient(patientUuid!),
+  );
+  const { activeVisit } = useVisit(patientUuid);
+
+  // TODO: Add ability for user to edit billing information
+  const hasAtLeastOneBillingInformation = activeVisit?.attributes?.some(
+    (attribute) => attribute.attributeType.uuid === billingVisitAttributeTypes.paymentMethod,
+  );
+
+  const handleLaunchBillingInformationWorkspace = () => {
+    launchWorkspace('billing-information-workspace', {
+      patientUuid: patientUuid,
+    });
+  };
+
+  const handlePatientInformationEdit = () => {
+    navigate({ to: `${window.spaBase}/patient/${patientUuid}/edit` });
+  };
+
+  return (
+    <div className={styles.patientSearchContainer}>
+      <Layer>
+        <ExtensionSlot
+          name="patient-search-bar-slot"
+          state={{
+            selectPatientAction: (patientUuid: string) => setPatientUuid(patientUuid),
+            buttonProps: {
+              kind: 'secondary',
+            },
+          }}
+        />
+      </Layer>
+      {isLoading && <InlineLoading description={t('loading', 'Loading...')} />}
+      {patient && (
+        <div className={styles.patientHeaderContainer}>
+          <div className={styles.patientHeaderActions}>
+            <Button kind="ghost" size="md" renderIcon={Edit} onClick={handlePatientInformationEdit}>
+              {t('editPatientInformation', 'Edit Patient Information')}
+            </Button>
+            <Button
+              disabled={hasAtLeastOneBillingInformation}
+              kind="ghost"
+              size="md"
+              renderIcon={Money}
+              onClick={handleLaunchBillingInformationWorkspace}>
+              {t('addBillingInformation', 'Add Billing Information')}
+            </Button>
+            <Button kind="ghost" size="md" renderIcon={Close} onClick={() => setPatientUuid(undefined)}>
+              {t('close', 'Close')}
+            </Button>
+          </div>
+          <ExtensionSlot
+            name="patient-header-slot"
+            state={{
+              patient,
+              patientUuid: patientUuid,
+              hideActionsOverflow: true,
+            }}
+          />
+        </div>
+      )}
+    </div>
+  );
+};

package/src/mru/mru.scss

@@ -0,0 +1,28 @@
+@use '@carbon/layout';
+@use '@carbon/type';
+@use '@carbon/colors';
+
+.pageHeader {
+  border-bottom: 1px solid colors.$gray-20;
+}
+
+.patientSearchContainer {
+  padding: layout.$spacing-05;
+  background-color: colors.$gray-10;
+
+  & form {
+    border: none;
+  }
+}
+
+.patientHeaderContainer {
+  margin-top: layout.$spacing-05;
+  border: 1px solid colors.$gray-20;
+  background-color: colors.$white;
+}
+
+.patientHeaderActions {
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+}

package/src/routes.json

@@ -23,7 +23,25 @@
     "name": "triage-dashboard",
     "component": "triageDashboard",
     "slot":"triage-dashboard-slot"
-   }
+   },
+   {
+    "name": "ewf-mru-dashboard-link",
+    "component": "mruLeftPanelLink",
+    "slot": "homepage-dashboard-slot",
+    "meta": {
+      "name": "mru",
+      "title": "MRU",
+      "path": "mru",
+      "slot": "mru-dashboard-slot"
+    }
+  },
+  {
+    "name": "ewf-mru-dashboard",
+    "component": "mruDashboard",
+    "slot": "mru-dashboard-slot",
+    "online": true,
+    "offline": false
+  }
   ],
 
   "workspaces": [
@@ -40,6 +58,12 @@
       "title": "Patient Registration",
       "canMaximize": true,
       "type": "registration-form"
+    },
+    {
+      "name": "billing-information-workspace",
+      "component": "billingInformationWorkspace",
+      "title": "Billing Information Workspace",
+      "type": "clinical-form"
     }
   ],
   "modals": [

package/translations/am.json

@@ -1,19 +1,54 @@
 {
+  "24Hours": "24 Hours",
+  "addBillingInformation": "Add Billing Information",
+  "cash": "Cash",
   "centralTriage": "Central triage",
+  "chbi": "CHBI",
+  "close": "Close",
+  "code": "Code",
+  "credit": "Credit",
+  "creditCompanies": "Credit Companies",
+  "creditDetails": "Credit Details",
+  "creditTypeDetails": "Credit Type Details",
+  "discard": "Discard",
+  "editPatientInformation": "Edit Patient Information",
   "emergencyTriage": "Emergency triage",
+  "enterCode": "Enter code",
   "enterFirstName": "Enter First Name",
+  "enterId": "Enter ID",
   "enterLastName": "Enter Last Name",
   "enterMiddleName": "Enter Middle Name",
+  "enterName": "Enter name",
+  "enterZone": "Enter zone",
+  "error": "Error",
+  "errorUpdatingBillingInformation": "Error updating billing information, {{error}}",
+  "exempted": "Exempted",
+  "expiryDate": "Expiry Date",
   "firstName": "First Name",
+  "free": "Free",
+  "freeDetails": "Free Details",
   "gender": "Gender",
+  "id": "ID",
+  "insurance": "Insurance",
   "lastName": "Last Name",
+  "loading": "Loading...",
+  "medicalRecordUpdate": "Medical Record Update(MRU)",
   "middleName": "Middle Name",
+  "name": "Name",
+  "paymentMethods": "Payment Methods",
   "pediatricsTriage": "Pediatrics triage",
   "registerNewPatient": "Register New Patient",
+  "saveAndClose": "Save & Close",
   "selectDOB": "Select Date of Birth",
   "selectGender": "Select gender",
+  "selectOption": "Select a free type",
+  "shi": "SHI",
+  "staff": "Staff",
   "submitRegistration": "Submit Registration",
   "triageDashboard": "Triage Dashboard",
   "triageDashboardErrorStartingVisit": "Error starting visit for patient",
-  "triageDashboardPleaseTryAgain": "Please try again."
+  "triageDashboardPleaseTryAgain": "Please try again.",
+  "updateVisitWithBillingInfo": "Update Visit With Billing Information",
+  "updateVisitWithBillingInfoSuccess": "Update Visit With Billing Information Success",
+  "zone": "Zone"
 }

package/translations/en.json

@@ -1,19 +1,54 @@
 {
+  "24Hours": "24 Hours",
+  "addBillingInformation": "Add Billing Information",
+  "cash": "Cash",
   "centralTriage": "Central triage",
+  "chbi": "CHBI",
+  "close": "Close",
+  "code": "Code",
+  "credit": "Credit",
+  "creditCompanies": "Credit Companies",
+  "creditDetails": "Credit Details",
+  "creditTypeDetails": "Credit Type Details",
+  "discard": "Discard",
+  "editPatientInformation": "Edit Patient Information",
   "emergencyTriage": "Emergency triage",
+  "enterCode": "Enter code",
   "enterFirstName": "Enter First Name",
+  "enterId": "Enter ID",
   "enterLastName": "Enter Last Name",
   "enterMiddleName": "Enter Middle Name",
+  "enterName": "Enter name",
+  "enterZone": "Enter zone",
+  "error": "Error",
+  "errorUpdatingBillingInformation": "Error updating billing information, {{error}}",
+  "exempted": "Exempted",
+  "expiryDate": "Expiry Date",
   "firstName": "First Name",
+  "free": "Free",
+  "freeDetails": "Free Details",
   "gender": "Gender",
+  "id": "ID",
+  "insurance": "Insurance",
   "lastName": "Last Name",
+  "loading": "Loading...",
+  "medicalRecordUpdate": "Medical Record Update(MRU)",
   "middleName": "Middle Name",
+  "name": "Name",
+  "paymentMethods": "Payment Methods",
   "pediatricsTriage": "Pediatrics triage",
   "registerNewPatient": "Register New Patient",
+  "saveAndClose": "Save & Close",
   "selectDOB": "Select Date of Birth",
   "selectGender": "Select gender",
+  "selectOption": "Select a free type",
+  "shi": "SHI",
+  "staff": "Staff",
   "submitRegistration": "Submit Registration",
   "triageDashboard": "Triage Dashboard",
   "triageDashboardErrorStartingVisit": "Error starting visit for patient",
-  "triageDashboardPleaseTryAgain": "Please try again."
+  "triageDashboardPleaseTryAgain": "Please try again.",
+  "updateVisitWithBillingInfo": "Update Visit With Billing Information",
+  "updateVisitWithBillingInfoSuccess": "Update Visit With Billing Information Success",
+  "zone": "Zone"
 }

package/dist/40.js

@@ -1 +0,0 @@
-"use strict";(globalThis.webpackChunk_palladium_ethiopia_esm_clinical_workflow_app=globalThis.webpackChunk_palladium_ethiopia_esm_clinical_workflow_app||[]).push([["40"],{3987:function(e){e.exports=JSON.parse('{"centralTriage":"Central triage","emergencyTriage":"Emergency triage","enterFirstName":"Enter First Name","enterLastName":"Enter Last Name","enterMiddleName":"Enter Middle Name","firstName":"First Name","gender":"Gender","lastName":"Last Name","middleName":"Middle Name","pediatricsTriage":"Pediatrics triage","registerNewPatient":"Register New Patient","selectDOB":"Select Date of Birth","selectGender":"Select gender","submitRegistration":"Submit Registration","triageDashboard":"Triage Dashboard","triageDashboardErrorStartingVisit":"Error starting visit for patient","triageDashboardPleaseTryAgain":"Please try again."}')}}]);