@ampath/esm-patient-registration-app 9.2.0-next.19 → 9.2.0-next.21

package/src/patient-registration/client-registry/new-client/new-client-registration/new-client-registration.tsx

@@ -0,0 +1,276 @@
+import { navigate, showSnackbar, useLocations, useSession } from '@openmrs/esm-framework';
+import React, { useRef, useState } from 'react';
+import { t } from 'i18next';
+import { Select, SelectItem, Button, InlineLoading } from '@carbon/react';
+import { EducationOptions, MaritalOptions, OccupationOptions, ReligionOptions } from '../registration-form-data';
+import {
+  createPatientDependantRelationsips,
+  generateAmrsCreatePatientIdentifiersPayload,
+  generateAmrsPersonPayload,
+} from '../../hie-client-adapter';
+import { type AmrsErrorResponse, IdentifierTypesUuids, PersonAttributeTypeUuids, type HieClient } from '../../types';
+import { generateAmrsUniversalIdentifier } from '../../../patient-registration.resource';
+import { createPatient } from '../../../client-registry-search/client-registry.resource';
+import styles from './new-client-registration.scss';
+
+interface NewClientRegistrationProps {
+  client: HieClient;
+}
+
+const NewClientRegistration: React.FC<NewClientRegistrationProps> = ({ client }) => {
+  const [loading, setLoading] = useState<boolean>(false);
+  const { sessionLocation } = useSession();
+  const occupationRef = useRef<{ value: string }>();
+  const educationRef = useRef<{ value: string }>();
+  const religionRef = useRef<{ value: string }>();
+  const maritalStatusRef = useRef<{ value: string }>();
+  const locationRef = useRef<{ value: string }>();
+  const locations = useLocations();
+
+  const registerPatient = async () => {
+    setLoading(true);
+    const attributes = generatePatientAttributes();
+    if (!isValidateAttributesPayload(attributes)) {
+      setLoading(false);
+      return false;
+    }
+    const createPersonPayload = generateAmrsPersonPayload(client);
+    createPersonPayload['attributes'] = [...createPersonPayload['attributes'], ...attributes];
+    const identifiers = await generatePatientIdentifiers();
+
+    try {
+      const resp = await createPatient({
+        person: createPersonPayload,
+        identifiers: identifiers,
+      });
+
+      const res = await resp.json();
+      const patientUuid = res.uuid;
+
+      if (patientUuid) {
+        showAlertMessage('success', 'Patient Successfully registered', 'Patient created');
+      }
+
+      // add relationship/dependant data
+      if (client.dependants.length > 0) {
+        createPatientDependantRelationsips(patientUuid, client.dependants);
+
+        if (patientUuid) {
+          showAlertMessage('success', 'Patient Depandants crreated', 'Patient Depandants and relationships created');
+        }
+      }
+      navigateToPatientSummary(patientUuid);
+    } catch (e) {
+      const errorResp = e['responseBody'] ?? e.message;
+      showAlertMessage('error', 'Error Creating Patient', '');
+      const errors = getErrorMessages(errorResp);
+      if (errors && errors.length > 0) {
+        for (let error of errors) {
+          showAlertMessage('error', error, '');
+        }
+      }
+    } finally {
+      setLoading(false);
+    }
+  };
+  const navigateToPatientSummary = (patientUuid: string) => {
+    navigate({ to: `${window.spaBase}/patient/${patientUuid}/chart/PatientSummary` });
+  };
+  const generatePatientIdentifiers = async () => {
+    const amrsUniverSalId = await generateAmrsUniversalIdentifier();
+    if (amrsUniverSalId) {
+      showAlertMessage('success', 'AMRS Universal ID Successfully generated', `${amrsUniverSalId}`);
+    }
+    const identifierLocation = locationRef.current?.value ?? sessionLocation.uuid;
+    if (!identifierLocation) {
+      showAlertMessage('error', 'Please select the identifier Location', '');
+      return;
+    }
+    const identifiers = generateAmrsCreatePatientIdentifiersPayload(client, identifierLocation);
+    identifiers.push({
+      identifierType: IdentifierTypesUuids.AMRS_UNIVERSAL_ID_UUID,
+      identifier: amrsUniverSalId,
+      location: identifierLocation,
+      preferred: true,
+    });
+    return identifiers;
+  };
+  const generatePatientAttributes = () => {
+    const maritalStatus = maritalStatusRef.current?.value;
+    const highestLevelOfEducation = educationRef.current?.value;
+    const religion = religionRef.current?.value;
+    const occupation = occupationRef.current?.value;
+    const attributes = [];
+    if (maritalStatus) {
+      attributes.push({
+        value: maritalStatus,
+        attributeType: PersonAttributeTypeUuids.CIVIL_STATUS_UUID,
+      });
+    }
+    if (highestLevelOfEducation) {
+      attributes.push({
+        value: highestLevelOfEducation,
+        attributeType: PersonAttributeTypeUuids.HIGHEST_LEVEL_OF_EDUCATION_UUID,
+      });
+    }
+    if (religion) {
+      attributes.push({
+        value: religion,
+        attributeType: PersonAttributeTypeUuids.RELIGION_UUID,
+      });
+    }
+    if (occupation) {
+      attributes.push({
+        value: occupation,
+        attributeType: PersonAttributeTypeUuids.OCCUPATION_UUID,
+      });
+    }
+    return attributes;
+  };
+  const isValidateAttributesPayload = (attributes: { value: string; attributeType: string }[]): boolean => {
+    if (attributes.length === 0) {
+      showAlertMessage('error', 'Please select the patient attributes', '');
+      return false;
+    }
+    if (!hasAttribute(attributes, PersonAttributeTypeUuids.HIGHEST_LEVEL_OF_EDUCATION_UUID)) {
+      showAlertMessage('error', 'Missing Education Level', '');
+      return false;
+    }
+    if (!hasAttribute(attributes, PersonAttributeTypeUuids.OCCUPATION_UUID)) {
+      showAlertMessage('error', 'Missing Occupation Data', '');
+      return false;
+    }
+
+    if (!hasAttribute(attributes, PersonAttributeTypeUuids.RELIGION_UUID)) {
+      showAlertMessage('error', 'Missing religion Data', '');
+      return false;
+    }
+    if (!hasAttribute(attributes, PersonAttributeTypeUuids.CIVIL_STATUS_UUID)) {
+      showAlertMessage('error', 'Missing Marital Status Data', '');
+      return false;
+    }
+
+    return true;
+  };
+  const hasAttribute = (attributes: { value: string; attributeType: string }[], attributeTypeUuid): boolean => {
+    return attributes.some((attr) => {
+      return attr.attributeType === attributeTypeUuid;
+    });
+  };
+  const showAlertMessage = (alertType: 'success' | 'error', title: string, message: string) => {
+    showSnackbar({
+      kind: alertType,
+      title: title,
+      subtitle: message,
+    });
+  };
+  const getErrorMessages = (error: AmrsErrorResponse) => {
+    const errors = [];
+    if (error && error.error) {
+      if (error.error.error) {
+        const globalErrors = error.error.error.globalErrors || null;
+        if (globalErrors) {
+          for (const err of globalErrors) {
+            errors.push(err.message);
+          }
+        }
+      } else if (error.error) {
+        if (error.error['globalErrors']) {
+          const globalErrors = error.error['globalErrors'] || null;
+          if (globalErrors) {
+            for (const err of globalErrors) {
+              errors.push(err.message);
+            }
+          }
+        } else if (error.error['message']) {
+          errors.push(error.error['message']);
+        }
+      } else {
+        errors.push(
+          error.error.error.message ||
+            'An error occurred while creating the patient. Please try again or contact support',
+        );
+      }
+    }
+    return errors;
+  };
+  if (!client) {
+    return <>No client selected</>;
+  }
+  return (
+    <>
+      <div className={styles.registrationHeader}>
+        <h4>Registration Details</h4>
+      </div>
+      <div className={styles.extraRegQuestions}>
+        <div className={styles.formRow}>
+          <div className={styles.formGroup}>
+            <Select id="occupation" labelText="Occupation" ref={occupationRef}>
+              <SelectItem text="Choose occupation" value="" />
+              {OccupationOptions?.length > 0 &&
+                OccupationOptions.map((o) => (
+                  <SelectItem key={o.uuid} text={o.label} value={o.uuid}>
+                    {o.label}
+                  </SelectItem>
+                ))}
+            </Select>
+          </div>
+          <div className={styles.formGroup}>
+            <Select id="education" labelText="Highest Level of Education" ref={educationRef}>
+              <SelectItem text="Choose education level" value="" />
+              {EducationOptions?.length > 0 &&
+                EducationOptions.map((e) => (
+                  <SelectItem key={e.uuid} text={e.label} value={e.uuid}>
+                    {e.label}
+                  </SelectItem>
+                ))}
+            </Select>
+          </div>
+        </div>
+        <div className={styles.formRow}>
+          <div className={styles.formGroup}>
+            <Select id="religion" labelText="Religion" ref={religionRef}>
+              <SelectItem text="Choose religion" value="" />
+              {ReligionOptions?.length > 0 &&
+                ReligionOptions.map((r) => (
+                  <SelectItem key={r.uuid} text={r.label} value={r.uuid}>
+                    {r.label}
+                  </SelectItem>
+                ))}
+            </Select>
+          </div>
+          <div className={styles.formGroup}>
+            <Select id="maritalStatus" labelText="Marital Status" ref={maritalStatusRef}>
+              <SelectItem text="Choose status" value="" />
+              {MaritalOptions?.length > 0 &&
+                MaritalOptions.map((r) => (
+                  <SelectItem key={r.uuid} text={r.label} value={r.uuid}>
+                    {r.label}
+                  </SelectItem>
+                ))}
+            </Select>
+          </div>
+        </div>
+        <div className={styles.formRow}>
+          <div className={styles.formGroup}>
+            <Select id="location" labelText="Identifier Location" ref={locationRef}>
+              <SelectItem text={t('chooseLocation', 'Choose a location')} value="" />
+              {locations?.length > 0 &&
+                locations.map((location) => (
+                  <SelectItem key={location.uuid} text={location.display} value={location.uuid}>
+                    {location.display}
+                  </SelectItem>
+                ))}
+            </Select>
+          </div>
+        </div>
+        <div className={styles.formRow}>
+          <Button kind="primary" onClick={registerPatient} disabled={loading}>
+            {loading ? <InlineLoading description="Registering patient..." /> : 'Register Patient'}
+          </Button>
+        </div>
+      </div>
+    </>
+  );
+};
+export default NewClientRegistration;

package/src/patient-registration/client-registry/new-client/new-client-tab.component.tsx

@@ -1,15 +1,15 @@
 import React from 'react';
-import { Tabs, TabList, Tab, TabPanels, TabPanel, Button } from '@carbon/react';
+import { Tabs, TabList, Tab, TabPanels, TabPanel } from '@carbon/react';
 import { type HieClient } from '../types';
 import ClientDependantList from './client-dependants/list/client-depandants.component';
 import ClientDetails from './client-details/client-details';
+import NewClientRegistration from './new-client-registration/new-client-registration';
 
 interface NewClientTabProps {
   client: HieClient;
-  useHieData: () => void;
 }
 
-const NewClientTab: React.FC<NewClientTabProps> = ({ client, useHieData }) => {
+const NewClientTab: React.FC<NewClientTabProps> = ({ client }) => {
   return (
     <>
       <Tabs>
@@ -22,7 +22,9 @@ const NewClientTab: React.FC<NewClientTabProps> = ({ client, useHieData }) => {
           <TabPanel>{client.dependants ? <ClientDependantList hieDependants={client.dependants} /> : <></>}</TabPanel>
         </TabPanels>
       </Tabs>
-      <Button onClick={useHieData}>Use Data</Button>
+      <div>
+        <NewClientRegistration client={client} />
+      </div>
     </>
   );
 };

package/src/patient-registration/client-registry/new-client/registration-form-data.ts

@@ -0,0 +1,251 @@
+export const OccupationOptions = [
+  {
+    label: 'TEACHER',
+    uuid: 'a8a09d0c-1350-11df-a1f1-0026b9348838',
+  },
+  {
+    label: 'CASUAL WORKER',
+    uuid: 'a8a09b90-1350-11df-a1f1-0026b9348838',
+  },
+  {
+    label: 'HOUSEWIFE',
+    uuid: 'a8a09dca-1350-11df-a1f1-0026b9348838',
+  },
+  {
+    label: 'POLICE OFFICER',
+    uuid: 'a8a09e92-1350-11df-a1f1-0026b9348838',
+  },
+  {
+    label: 'OTHER NON-CODED',
+    uuid: 'a8aaf3e2-1350-11df-a1f1-0026b9348838',
+  },
+  {
+    label: 'FARMER',
+    uuid: 'a8a09c4e-1350-11df-a1f1-0026b9348838',
+  },
+  {
+    label: 'UNEMPLOYED',
+    uuid: 'a8a09f50-1350-11df-a1f1-0026b9348838',
+  },
+  {
+    label: 'NOT APPLICABLE',
+    uuid: 'a89ad3a4-1350-11df-a1f1-0026b9348838',
+  },
+  {
+    label: 'SEX WORKER',
+    uuid: 'a89ff438-1350-11df-a1f1-0026b9348838',
+  },
+  {
+    label: 'HEALTH CARE PROVIDER',
+    uuid: 'a8aaf158-1350-11df-a1f1-0026b9348838',
+  },
+  {
+    label: 'SELF EMPLOYMENT',
+    uuid: 'a8b03294-1350-11df-a1f1-0026b9348838',
+  },
+  {
+    label: 'TRUCK DRIVER',
+    uuid: '5ebb18d6-8fab-43bc-898f-6428dcc24c1e',
+  },
+  {
+    label: 'FISHING',
+    uuid: '0ac89086-4751-4db8-96c5-cd62152d66ad',
+  },
+  {
+    label: 'FORMAL EMPLOYMENT',
+    uuid: '49c8583d-baa0-4b80-a719-8c5609129c15',
+  },
+  {
+    label: 'CIVIL SERVANT',
+    uuid: '529a8c73-617d-4aee-ac0c-5c22f38f4265',
+  },
+  {
+    label: 'CONSULTANT',
+    uuid: 'a8a8c96e-1350-11df-a1f1-0026b9348838',
+  },
+  {
+    label: 'CLINICIAN',
+    uuid: 'a89d1c68-1350-11df-a1f1-0026b9348838',
+  },
+  {
+    label: 'NURSE',
+    uuid: 'a8b02f92-1350-11df-a1f1-0026b9348838',
+  },
+  {
+    label: 'STUDENT',
+    uuid: '05b4c838-a185-4bb0-8c33-71f80ea7c4cf',
+  },
+  {
+    label: 'LABORATORY TECHNOLOGIST',
+    uuid: 'e77a5de0-22d7-424e-978d-d3464d4170aa',
+  },
+  {
+    label: 'CLEANER',
+    uuid: '3164799f-637a-45e7-82cf-19954710d0e8',
+  },
+  {
+    label: 'VOLUNTARY TESTING AND COUNSELING CENTER COUNSELOR',
+    uuid: '45de16c7-9f55-42c0-86ce-36ed6192842b',
+  },
+  {
+    label: 'OTHER HEALTH WORKER',
+    uuid: '7764a54b-3e5d-4c8a-b64b-4ed21ba217b0',
+  },
+  {
+    label: 'EMPLOYED',
+    uuid: 'a89ec338-1350-11df-a1f1-0026b9348838',
+  },
+  {
+    label: 'MINER',
+    uuid: '27aec389-175b-4c56-b992-8c48d4257467',
+  },
+  {
+    label: 'INDUSTRIAL WORKER',
+    uuid: 'd3610d6c-eb9c-43a0-8828-2d875c4ccc5c',
+  },
+  {
+    label: 'MECHANIC',
+    uuid: '42ba6ccd-81d5-436b-b244-b49fde95277e',
+  },
+  {
+    label: 'BODA-BODA',
+    uuid: '16281ca7-8cb2-4d80-851c-0485f3d55aaa',
+  },
+  {
+    label: 'HAWKER',
+    uuid: 'e37dcb06-07f5-49d4-8383-c8dea87e05c5',
+  },
+  {
+    label: 'BUS CONDUCTOR',
+    uuid: '202bc5f1-f337-4246-bed5-4030f114e7a0',
+  },
+  {
+    label: 'HERDSMAN',
+    uuid: '76cc0ab6-81e3-4040-b57f-fcf118b6173d',
+  },
+  {
+    label: 'HOUSEKEEPER',
+    uuid: '193211aa-9dbb-4602-a567-1b1b67f5827b',
+  },
+];
+
+export const EducationOptions = [
+  {
+    uuid: 'a899e0ac-1350-11df-a1f1-0026b9348838',
+    label: 'NONE',
+  },
+  {
+    uuid: 'a8afe910-1350-11df-a1f1-0026b9348838',
+    label: 'PRIMARY SCHOOL',
+  },
+  {
+    uuid: 'a8afe9d8-1350-11df-a1f1-0026b9348838',
+    label: 'SECONDARY SCHOOL',
+  },
+  {
+    uuid: 'a8afea96-1350-11df-a1f1-0026b9348838',
+    label: 'COLLEGE',
+  },
+  {
+    uuid: 'a89e4728-1350-11df-a1f1-0026b9348838',
+    label: 'UNIVERSITY',
+  },
+  {
+    uuid: 'a8aaf3e2-1350-11df-a1f1-0026b9348838',
+    label: 'OTHER',
+  },
+];
+
+export const ReligionOptions = [
+  {
+    label: 'CATHOLIC',
+    uuid: '0f8569b7-800c-4f6a-be1f-b8e052fc96cf',
+  },
+  {
+    label: 'PROTESTANT',
+    uuid: '4aec262f-08a5-4ed9-9c0d-39fa1a9bd81b',
+  },
+  {
+    label: 'MUSLIM',
+    uuid: 'a0c91995-926e-421d-a5fe-44fdab3dfb27',
+  },
+  {
+    label: 'TRADITIONALIST',
+    uuid: '975f809d-fa55-4b8a-9086-9d63e68728b1',
+  },
+  {
+    label: 'HINDU',
+    uuid: 'd6601939-e81e-412e-ae36-373efd7f32fe',
+  },
+  {
+    label: 'BUDDHIST',
+    uuid: 'f3ee48c2-3792-40ed-a400-aa5016784e9c',
+  },
+  {
+    label: 'NONE',
+    uuid: 'a899e0ac-1350-11df-a1f1-0026b9348838',
+  },
+  {
+    label: 'OTHER NON-CODED',
+    uuid: 'a8aaf3e2-1350-11df-a1f1-0026b9348838',
+  },
+  {
+    label: 'JUDAISM',
+    uuid: '7fdd98ca-68d4-450e-a28e-a9298e6c54e9',
+  },
+  {
+    label: 'ATHEISM',
+    uuid: '563b356e-b156-4426-9e65-448a5c8d4440',
+  },
+];
+
+export const MaritalOptions = [
+  {
+    uuid: 'a899aba0-1350-11df-a1f1-0026b9348838',
+    label: 'SEPARATED',
+  },
+  {
+    uuid: 'a899ac7c-1350-11df-a1f1-0026b9348838',
+    label: 'SINGLE',
+  },
+  {
+    uuid: 'a899ad58-1350-11df-a1f1-0026b9348838',
+    label: 'DIVORCED',
+  },
+  {
+    uuid: 'a899ae34-1350-11df-a1f1-0026b9348838',
+    label: 'WIDOWED',
+  },
+  {
+    uuid: 'a899af10-1350-11df-a1f1-0026b9348838',
+    label: 'LIVING WITH PARTNER',
+  },
+  {
+    uuid: 'a8aa76b0-1350-11df-a1f1-0026b9348838',
+    label: 'MARRIED',
+  },
+  {
+    uuid: 'a8aaf07c-1350-11df-a1f1-0026b9348838',
+    label: 'FRIEND',
+  },
+  {
+    uuid: 'a89ad3a4-1350-11df-a1f1-0026b9348838',
+    label: 'NOT APPLICABLE',
+  },
+  {
+    uuid: 'a8b03712-1350-11df-a1f1-0026b9348838',
+    label: 'POLYGAMOUS',
+  },
+  {
+    uuid: 'a89ebd3e-1350-11df-a1f1-0026b9348838',
+    label: 'PARTNER',
+  },
+  {
+    uuid: '7831f002-331d-4f07-bf91-6bb65cd31050',
+    label: 'CASUAL SEXUAL PARTNER',
+  },
+  {
+    uuid: 'a8aaf3e2-1350-11df-a1f1-0026b9348838',
+    label: 'OTHER NON-CODED',
+  },
+];