@ampath/esm-patient-registration-app 9.2.0-next.14 → 9.2.0-next.15

package/src/patient-registration/client-registry/map-client-registry-to-form-utils.ts

@@ -0,0 +1,190 @@
+interface PatientData {
+  [key: string]: any;
+}
+
+interface Dependant {
+  relationship: string;
+  result: Array<{
+    first_name: string;
+    middle_name: string;
+    last_name: string;
+    gender: string;
+    date_of_birth: string;
+    identification_number: string;
+    identification_type: string;
+  }>;
+}
+
+interface AlternativeContact {
+  contact_type: string;
+  contact_id: string;
+  contact_name: string;
+  relationship: string;
+  remarks: string;
+}
+
+const fieldMapping: Record<string, string | { path: string; transform?: (value: any) => any }> = {
+  givenName: 'first_name',
+  familyName: 'last_name',
+  middleName: 'middle_name',
+  birthdate: 'date_of_birth',
+  phone: 'phone',
+  email: 'email',
+  identificationNumber: 'identification_number',
+  identificationType: 'identification_type',
+  county: 'county',
+  subCounty: 'sub_county',
+  ward: 'ward',
+  village: 'village_estate',
+  postalAddress: 'postal_address',
+  address: 'address',
+  gender: {
+    path: 'gender',
+    transform: (value) => {
+      if (!value) return '';
+      const genderMap: Record<string, string> = {
+        male: 'male',
+        m: 'male',
+        female: 'female',
+        f: 'female',
+        other: 'other',
+        unknown: 'unknown',
+      };
+      return genderMap[value.toLowerCase()] || value.toLowerCase();
+    },
+  },
+  'academicOccupation.highestLevelEducation': {
+    path: 'employment_type',
+    transform: (value) => value || '',
+  },
+
+  // Occupation field - also using employment_type (you might want to separate these)
+  'academicOccupation.occupation': {
+    path: 'employment_type',
+    transform: (value) => value || '',
+  },
+
+  // Civil status/marital status
+  civilStatus: {
+    path: 'civil_status',
+    transform: (value) => value || '',
+  },
+};
+
+function mapNextOfKin(patient: PatientData, setFieldValue: (field: string, value: any) => void) {
+  const alternativeContacts: AlternativeContact[] = patient.alternative_contacts || [];
+
+  // Find spouse as next of kin (highest priority)
+  const spouseContact = alternativeContacts.find((contact) => contact.relationship.toLowerCase() === 'spouse');
+
+  // If no spouse, find any next of kin
+  const nextOfKinContact =
+    spouseContact ||
+    alternativeContacts.find(
+      (contact) =>
+        contact.remarks.toLowerCase().includes('next of kin') ||
+        contact.relationship.toLowerCase().includes('next of kin'),
+    );
+
+  if (nextOfKinContact) {
+    setFieldValue('nextOfKin.nextOfKinName', nextOfKinContact.contact_name);
+    setFieldValue('nextOfKin.nextOfKinRelationship', nextOfKinContact.relationship);
+    setFieldValue('nextOfKin.nextOfKinPhoneNumber', nextOfKinContact.contact_id);
+    setFieldValue('nextOfKin.nextOfKinResidence', patient.village_estate || patient.county || '');
+  } else {
+    setFieldValue('nextOfKin.nextOfKinName', '');
+    setFieldValue('nextOfKin.nextOfKinRelationship', '');
+    setFieldValue('nextOfKin.nextOfKinPhoneNumber', '');
+    setFieldValue('nextOfKin.nextOfKinResidence', '');
+  }
+}
+
+function mapRelationships(patient: PatientData, setFieldValue: (field: string, value: any) => void) {
+  const dependants: Dependant[] = patient.dependants || [];
+  const relationships: any[] = [];
+
+  dependants.forEach((dependant, index) => {
+    if (dependant.result && dependant.result.length > 0) {
+      const person = dependant.result[0];
+      relationships.push({
+        relationshipType: dependant.relationship, // "Child"
+        relatedPersonName: `${person.first_name} ${person.middle_name || ''} ${person.last_name}`.trim(),
+        relatedPersonUuid: '', // Not available in CR
+        relationshipTypeUuid: '', // Will need to map to OpenMRS relationship type UUID
+        // Additional fields that might be needed
+        relativeName: `${person.first_name} ${person.middle_name || ''} ${person.last_name}`.trim(),
+        relativePhone: '', // Not available in dependants
+        relationship: dependant.relationship,
+        birthdate: person.date_of_birth,
+        gender: person.gender,
+        identifier: person.identification_number,
+      });
+    }
+  });
+  setFieldValue('relationships', relationships);
+}
+
+function mapAddresses(patient: PatientData, setFieldValue: (field: string, value: any) => void) {
+  // county
+  if (patient['county']) {
+    setFieldValue('address.countyDistrict', patient['county']);
+  }
+  //subcounty
+  if (patient['sub_county']) {
+    setFieldValue('address.stateProvince', patient['sub_county']);
+  }
+  if (patient['ward']) {
+    //ward
+    setFieldValue('address.address4', patient['ward']);
+  }
+}
+
+function mapContactDetails(patient: PatientData, setFieldValue: (field: string, value: any) => void) {
+  if (patient['email']) {
+    setFieldValue('attributes.2f65dbcb-3e58-45a3-8be7-fd1dc9aa0faa', patient['email']);
+  }
+  if (patient['phone']) {
+    setFieldValue('attributes.72a759a8-1359-11df-a1f1-0026b9348838', patient['phone']);
+  }
+}
+
+function mapIdentifiers(patient: PatientData, setFieldValue: (field: string, value: any) => void) {
+  if (patient['id']) {
+    const crIdentifier = {
+      identifierTypeUuid: 'e88dc246-3614-4ee3-8141-1f2a83054e72',
+      initialValue: patient['id'],
+      identifierValue: patient['id'],
+      identifierName: 'CR',
+      selectedSource: null,
+      autoGeneration: false,
+      preferred: false,
+      required: true,
+    };
+    setFieldValue('identifiers.cr', crIdentifier);
+  }
+}
+
+export function applyClientRegistryMapping(patient: PatientData, setFieldValue: (field: string, value: any) => void) {
+  Object.entries(fieldMapping).forEach(([formField, mapping]) => {
+    let crField: string;
+    let transformFn: (value: any) => any = (v) => v;
+
+    if (typeof mapping === 'string') {
+      crField = mapping;
+    } else {
+      crField = mapping.path;
+      transformFn = mapping.transform || transformFn;
+    }
+
+    if (crField && patient[crField] !== undefined && patient[crField] !== null && patient[crField] !== '') {
+      const value = transformFn(patient[crField]);
+      setFieldValue(formField, value);
+    }
+  });
+
+  mapNextOfKin(patient, setFieldValue);
+  mapRelationships(patient, setFieldValue);
+  mapAddresses(patient, setFieldValue);
+  mapContactDetails(patient, setFieldValue);
+  mapIdentifiers(patient, setFieldValue);
+}

package/src/patient-registration/patient-registration.component.tsx

@@ -1,6 +1,6 @@
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import classNames from 'classnames';
-import { Button, InlineLoading, Link } from '@carbon/react';
+import { Button, InlineLoading, Link, InlineNotification } from '@carbon/react';
 import { XAxis } from '@carbon/react/icons';
 import { useLocation, useParams } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
@@ -25,6 +25,7 @@ import { type SavePatientForm, SavePatientTransactionManager } from './form-mana
 import { useInitialAddressFieldValues, useInitialFormValues, usePatientUuidMap } from './patient-registration-hooks';
 import BeforeSavePrompt from './before-save-prompt';
 import styles from './patient-registration.scss';
+import ClientRegistryLookupSection from './client-registry/client-registry-search.component';
 
 let exportedInitialFormValuesForTesting = {} as FormValues;
 
@@ -56,6 +57,7 @@ export const PatientRegistration: React.FC<PatientRegistrationProps> = ({ savePa
   const [patientUuidMap] = usePatientUuidMap({}, isLoadingPatientToEdit, patientToEdit, uuidOfPatientToEdit);
 
   const [target, setTarget] = useState<undefined | string>();
+  const [isClientVerified, setIsClientVerified] = useState(false);
   const [capturePhotoProps, setCapturePhotoProps] = useState<CapturePhotoProps | null>(null);
 
   const location = currentSession?.sessionLocation?.uuid;
@@ -243,13 +245,28 @@ export const PatientRegistration: React.FC<PatientRegistrationProps> = ({ savePa
             </div>
             <div className={styles.infoGrid}>
               <PatientRegistrationContextProvider value={createContextValue(props)}>
-                {sections.map((section, index) => (
-                  <SectionWrapper
-                    key={`registration-section-${section.id}`}
-                    sectionDefinition={section}
-                    index={index}
-                  />
-                ))}
+                <div>
+                  {!isClientVerified && !inEditMode && (
+                    <div className={styles.notificationSpacing} style={{ marginTop: '1rem' }}>
+                      <InlineNotification
+                        title="Verification required"
+                        subtitle="Please complete Client Registry OTP verification before proceeding with registration."
+                        kind="info"
+                        lowContrast
+                      />
+                    </div>
+                  )}
+
+                  <ClientRegistryLookupSection onClientVerified={() => setIsClientVerified(true)} />
+
+                  {sections.map((section, index) => (
+                    <SectionWrapper
+                      key={`registration-section-${section.id}`}
+                      sectionDefinition={section}
+                      index={index}
+                    />
+                  ))}
+                </div>
               </PatientRegistrationContextProvider>
             </div>
           </div>