@kenyaemr/esm-patient-registration-app 8.0.3-pre.138 → 8.0.3-pre.143

package/src/client-registry/hie-client-registry/modal/hie-patient-detail-preview.component.tsx

@@ -0,0 +1,77 @@
+import { Accordion, AccordionItem, CodeSnippet } from '@carbon/react';
+import { age, ExtensionSlot, formatDate } from '@openmrs/esm-framework';
+import capitalize from 'lodash-es/capitalize';
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import DependentInfo from '../dependants/dependants.component';
+import { getPatientName, maskData } from '../hie-resource';
+import PatientInfo from '../patient-info/patient-info.component';
+import styles from './confirm-hie.scss';
+import { type HIEPatientResponse } from '../hie-types';
+
+type HIEPatientDetailPreviewProps = {
+  patient: HIEPatientResponse;
+};
+
+const HIEPatientDetailPreview: React.FC<HIEPatientDetailPreviewProps> = ({ patient }) => {
+  const { familyName, givenName, middleName } = getPatientName(patient);
+  const { t } = useTranslation();
+  const getidentifier = (code: string) =>
+    patient?.entry[0]?.resource.identifier?.find(
+      (identifier) => identifier?.type?.coding?.some((coding) => coding?.code === code),
+    );
+
+  return (
+    <>
+      <div className={styles.patientDetails}>
+        <ExtensionSlot
+          className={styles.patientPhotoContainer}
+          name="patient-photo-slot"
+          state={{ patientName: `${maskData(givenName)} . ${maskData(middleName)} . ${maskData(familyName)}` }}
+        />
+        <div className={styles.patientInfoContainer}>
+          <PatientInfo label={t('healthID', 'HealthID')} value={getidentifier('SHA-number')?.value} />
+          <PatientInfo
+            label={t('patientName', 'Patient name')}
+            customValue={
+              <span className={styles.patientNameValue}>
+                <p>{maskData(givenName)}</p>
+                <span>&bull;</span>
+                <p>{maskData(middleName)}</p>
+                <span>&bull;</span>
+                <p>{maskData(familyName)}</p>
+              </span>
+            }
+          />
+
+          <PatientInfo label={t('age', 'Age')} value={age(patient?.entry[0]?.resource.birthDate)} />
+          <PatientInfo
+            label={t('dateOfBirth', 'Date of birth')}
+            value={formatDate(new Date(patient?.entry[0]?.resource?.birthDate))}
+          />
+          <PatientInfo label={t('gender', 'Gender')} value={capitalize(patient?.entry[0]?.resource.gender)} />
+          <PatientInfo
+            label={t('maritalStatus', 'Marital status')}
+            value={patient?.entry[0]?.resource.maritalStatus?.coding?.map((m) => m.code).join('')}
+          />
+
+          {!patient?.entry[0]?.resource.contact && <PatientInfo label={t('dependents', 'Dependents')} value="--" />}
+        </div>
+      </div>
+
+      <DependentInfo dependents={patient?.entry[0]?.resource.contact} />
+
+      <div>
+        <Accordion>
+          <AccordionItem title={t('viewFullResponse', 'View full response')}>
+            <CodeSnippet type="multi" feedback="Copied to clipboard">
+              {JSON.stringify(patient, null, 2)}
+            </CodeSnippet>
+          </AccordionItem>
+        </Accordion>
+      </div>
+    </>
+  );
+};
+
+export default HIEPatientDetailPreview;

package/src/config-schema.ts

@@ -416,7 +416,7 @@ export const esmPatientRegistrationSchema = {
         },
       },
       _default: [
-        { identifierType: 'National ID', identifierValue: 'national-id' },
+        { identifierType: 'National ID', identifierValue: 'National ID' },
         { identifierType: 'Passport Number', identifierValue: 'passport-number' },
         { identifierType: 'Birth Certificate Number', identifierValue: 'birth-certificate-number' },
         { identifierType: 'Alien ID Number', identifierValue: 'alien-id-number' },

package/translations/en.json

@@ -74,6 +74,7 @@
   "givenNameRequired": "Given name is required",
   "healthID": "HealthID",
   "hieModal": "HIE Patient Record Found",
+  "hiePatientVerification": "HIE Patient Verification",
   "identifierSearch": "Identifier search",
   "identifierType": "Identifier type",
   "identifierValueRequired": "Identifier value is required",
@@ -101,12 +102,15 @@
   "optional": "optional",
   "optionalIdentifierLabel": "{{identifierName}} (optional)",
   "other": "Other",
+  "otpCode": "OTP Authorization code",
   "patientDetailsFound": "Patient information found in the registry, do you want to use the information to continue with registration?",
   "patientName": "Patient name",
   "patientNameKnown": "Patient's Name is Known?",
   "patientNotFound": "The patient records could not be found in Client registry, do you want to continue to create and post patient to registry",
+  "patientPhoneNUmber": "Patient Phone number",
   "patientRegistrationBreadcrumb": "Patient Registration",
   "patientVerificationFromHIE": "Patient verification from HIE",
+  "phoneNumberHelper": "Patient will receive OTP on this number",
   "postToRegistry": "Post to registry",
   "refreshOrContactAdmin": "Try refreshing the page or contact your system administrator",
   "registerPatient": "Register patient",
@@ -124,6 +128,7 @@
   "removeIdentifierButton": "Remove identifier",
   "resetIdentifierTooltip": "Reset",
   "restoreRelationshipActionButton": "Undo",
+  "retry": "Retry",
   "searchAddress": "Search address",
   "searchClientRegistry": "Search client registry",
   "searchIdentifierPlaceholder": "Search identifier",
@@ -149,6 +154,8 @@
   "updatePatientSuccessSnackbarTitle": "Patient Details Updated",
   "useValues": "Use values",
   "validate": "Validate",
+  "verifyAndUseValues": "Verify & Use values",
+  "verifyOTP": "Verify with OTP",
   "viewFullResponse": "View full response",
   "yearsEstimateRequired": "Estimated years required",
   "yes": "Yes"