@kenyaemr/esm-patient-registration-app 8.0.1-pre.101 → 8.0.1-pre.103

package/dist/routes.json

@@ -1 +1 @@
-{"$schema":"https://json.openmrs.org/routes.schema.json","backendDependencies":{"webservices.rest":"^2.24.0"},"pages":[{"component":"root","route":"patient-registration","online":true,"offline":true},{"component":"editPatient","routeRegex":"patient\\/([a-zA-Z0-9\\-]+)\\/edit","online":true,"offline":true}],"extensions":[{"component":"addPatientLink","name":"add-patient-action","slot":"top-nav-actions-slot","online":true,"offline":true},{"component":"cancelPatientEditModal","name":"cancel-patient-edit-modal","online":true,"offline":true},{"component":"patientPhotoExtension","name":"patient-photo-widget","slot":"patient-photo-slot","online":true,"offline":true},{"component":"editPatientDetailsButton","name":"edit-patient-details-button","slot":"patient-actions-slot","online":true,"offline":true},{"component":"editPatientDetailsButton","name":"edit-patient-details-button","slot":"patient-search-actions-slot","online":true,"offline":true},{"component":"deleteIdentifierConfirmationModal","name":"delete-identifier-confirmation-modal","online":true,"offline":true},{"component":"emptyClientRegistryModal","name":"empty-client-registry-modal","online":true,"offline":true},{"component":"confirmClientRegistryModal","name":"confirm-client-registry-modal","online":true,"offline":true}],"version":"8.0.1-pre.101"}
+{"$schema":"https://json.openmrs.org/routes.schema.json","backendDependencies":{"webservices.rest":"^2.24.0"},"pages":[{"component":"root","route":"patient-registration","online":true,"offline":true},{"component":"editPatient","routeRegex":"patient\\/([a-zA-Z0-9\\-]+)\\/edit","online":true,"offline":true}],"extensions":[{"component":"addPatientLink","name":"add-patient-action","slot":"top-nav-actions-slot","online":true,"offline":true},{"component":"cancelPatientEditModal","name":"cancel-patient-edit-modal","online":true,"offline":true},{"component":"patientPhotoExtension","name":"patient-photo-widget","slot":"patient-photo-slot","online":true,"offline":true},{"component":"editPatientDetailsButton","name":"edit-patient-details-button","slot":"patient-actions-slot","online":true,"offline":true},{"component":"editPatientDetailsButton","name":"edit-patient-details-button","slot":"patient-search-actions-slot","online":true,"offline":true},{"component":"deleteIdentifierConfirmationModal","name":"delete-identifier-confirmation-modal","online":true,"offline":true},{"component":"emptyClientRegistryModal","name":"empty-client-registry-modal","online":true,"offline":true},{"component":"confirmClientRegistryModal","name":"confirm-client-registry-modal","online":true,"offline":true}],"modals":[{"component":"hieConfirmationModal","name":"hie-confirmation-modal"}],"version":"8.0.1-pre.103"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kenyaemr/esm-patient-registration-app",
-  "version": "8.0.1-pre.101",
+  "version": "8.0.1-pre.103",
   "description": "Patient registration microfrontend for the OpenMRS SPA",
   "browser": "dist/kenyaemr-esm-patient-registration-app.js",
   "main": "src/index.ts",

package/src/client-registry/hie-client-registry/hie-client-registry.component.tsx

@@ -3,23 +3,76 @@ import styles from './hie-client-registry.scss';
 import { type FormikProps } from 'formik';
 import { type FormValues } from '../../patient-registration/patient-registration.types';
 import { useTranslation } from 'react-i18next';
-import { Tile, ComboBox, Button, TextInput } from '@carbon/react';
+import { Tile, ComboBox, Button, TextInput, InlineLoading } from '@carbon/react';
 import { Search } from '@carbon/react/icons';
-import { useConfig } from '@openmrs/esm-framework';
+import { showModal, showSnackbar, useConfig } from '@openmrs/esm-framework';
+import { z } from 'zod';
 import { type RegistrationConfig } from '../../config-schema';
+import { useForm, Controller, type SubmitHandler } from 'react-hook-form';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { fetchPatientFromHIE, mapHIEPatientToFormValues } from './hie-resource';
+import { type HIEPatient } from './hie-types';
 
 type HIEClientRegistryProps = {
   props: FormikProps<FormValues>;
   setInitialFormValues: Dispatch<FormValues>;
 };
 
-const HIEClientRegistry: React.FC<HIEClientRegistryProps> = () => {
+type HIEFormValues = {
+  identifierType: string;
+  identifierValue: string;
+};
+
+const HIEFormSchema = z.object({
+  identifierType: z.string().min(1, { message: 'Identifier type is required' }),
+  identifierValue: z.string().min(1, { message: 'Identifier value is required' }),
+});
+
+const HIEClientRegistry: React.FC<HIEClientRegistryProps> = ({ setInitialFormValues, props }) => {
   const { t } = useTranslation();
+  const { control, handleSubmit, watch, formState } = useForm<HIEFormValues>({
+    mode: 'all',
+    defaultValues: { identifierType: '', identifierValue: '' },
+    resolver: zodResolver(HIEFormSchema),
+  });
   const {
     hieClientRegistry: { identifierTypes },
   } = useConfig<RegistrationConfig>();
+
+  const onSubmit: SubmitHandler<HIEFormValues> = async (data: HIEFormValues, event: React.BaseSyntheticEvent) => {
+    try {
+      const hieClientRegistry = await fetchPatientFromHIE(data.identifierType, data.identifierValue);
+
+      if (hieClientRegistry && hieClientRegistry.resourceType === 'Patient') {
+        const dispose = showModal('hie-confirmation-modal', {
+          patient: hieClientRegistry,
+          closeModal: () => dispose(),
+          onUseValues: () =>
+            setInitialFormValues(mapHIEPatientToFormValues(hieClientRegistry as HIEPatient, props.values)),
+        });
+      }
+
+      if (hieClientRegistry && hieClientRegistry.resourceType === 'OperationOutcome') {
+        const issueMessage = hieClientRegistry?.['issue']?.map((issue) => issue.diagnostics).join(', ');
+        const dispose = showModal('empty-client-registry-modal', {
+          onConfirm: () => dispose(),
+          close: () => dispose(),
+          title: t('clientRegistryEmpty', 'Create & Post Patient'),
+          message: issueMessage,
+        });
+      }
+    } catch (error) {
+      showSnackbar({
+        title: t('errorFetchingPatient', 'Error fetching patient'),
+        subtitle: error.message,
+        kind: 'error',
+        isLowContrast: true,
+      });
+    }
+  };
+
   return (
-    <div className={styles.hieContainer}>
+    <form onSubmit={handleSubmit(onSubmit)} className={styles.hieContainer}>
       <h3 className={styles.productiveHeading02} style={{ color: '#161616' }}>
         {t('patientVerificationFromHIE', 'Patient verification from HIE')}
       </h3>
@@ -27,31 +80,54 @@ const HIEClientRegistry: React.FC<HIEClientRegistryProps> = () => {
         {t('allFieldsRequiredText', 'All fields are required unless marked optional')}
       </span>
       <Tile className={styles.grid}>
-        <ComboBox
-          light
-          onChange={() => {}}
-          id="identifier-combobox"
-          items={identifierTypes}
-          placeholder={t('selectIdentifierType', 'Select identifier type')}
-          itemToString={(item) => (item ? item.identifierType : '')}
-          titleText={t('identifierType', 'Identifier type')}
+        <Controller
+          control={control}
+          name="identifierType"
+          render={({ field: { onChange, value, onBlur, ref }, fieldState }) => (
+            <ComboBox
+              light
+              style={{ borderBottom: 'none' }}
+              onChange={({ selectedItem }) => onChange(selectedItem?.identifierValue)}
+              id="identifier-combobox"
+              items={identifierTypes}
+              placeholder={t('selectIdentifierType', 'Select identifier type')}
+              itemToString={(item) => (item ? item.identifierType : '')}
+              titleText={t('identifierType', 'Identifier type')}
+              invalid={!!fieldState?.error?.message}
+              invalidText={fieldState?.error?.message}
+            />
+          )}
         />
-        <TextInput
-          light
-          id="identifier-search"
-          placeholder={t('enterIdentifierSearchValue', 'Enter identifier search value')}
-          type="text"
-          labelText={t('identifierSearch', 'Identifier search')}
+        <Controller
+          control={control}
+          name="identifierValue"
+          render={({ field, fieldState }) => (
+            <TextInput
+              disabled={watch('identifierType') === ''}
+              light
+              id="identifier-search"
+              placeholder={t('enterIdentifierSearchValue', 'Enter identifier search value')}
+              type="text"
+              labelText={t('identifierSearch', 'Identifier search')}
+              invalid={!!fieldState?.error?.message}
+              invalidText={fieldState?.error?.message}
+              {...field}
+            />
+          )}
         />
         <Button
+          onClick={handleSubmit(onSubmit)}
           renderIcon={(props) => <Search size={24} {...props} />}
           iconDescription={t('searchRegistry', 'Search registry')}
           size="md"
-          kind="secondary">
-          {t('search', 'Search')}
+          disabled={!watch('identifierType') || !watch('identifierValue') || formState.isSubmitting}
+          kind="tertiary">
+          {formState.isSubmitting
+            ? t('searchingRegistry', 'Searching registry...')
+            : t('searchRegistry', 'Search registry')}
         </Button>
       </Tile>
-    </div>
+    </form>
   );
 };
 

package/src/client-registry/hie-client-registry/hie-client-registry.scss

@@ -41,6 +41,13 @@
     display: grid;
     grid-template-columns: 1fr 1fr 0.5fr;
     column-gap: layout.$spacing-05;
-    align-items: flex-end;
+    align-items: flex-start;
+
+    & > button {
+      align-self: flex-start;
+      margin-top: 1.4rem;
+      max-width: 14rem;
+      min-width: 14rem;
+    }
   }
 }

package/src/client-registry/hie-client-registry/hie-resource.ts

@@ -0,0 +1,143 @@
+import { add, capitalize } from 'lodash-es';
+import { type PatientIdentifierValue, type FormValues } from '../../patient-registration/patient-registration.types';
+import { APIClientConfig, type MapperConfig, type HIEPatient, type ErrorResponse } from './hie-types';
+import { getConfig } from '@openmrs/esm-framework';
+import { type RegistrationConfig } from '../../config-schema';
+/**
+ * Represents a client for interacting with a Health Information Exchange (HIE) resource.
+ * @template T - The type of the resource being fetched.
+ */
+class HealthInformationExchangeClient<T> {
+  async fetchResource(resourceType: string, params: Record<string, string>): Promise<T> {
+    const {
+      hieClientRegistry: { baseUrl, encodedCredentials },
+    } = await getConfig<RegistrationConfig>('@kenyaemr/esm-patient-registration-app');
+    const urlParams = new URLSearchParams(params);
+    const response = await fetch(`${baseUrl}${resourceType}?${urlParams}`, {
+      headers: new Headers({
+        Authorization: `Basic ${encodedCredentials}`,
+      }),
+    });
+
+    return response.json();
+  }
+}
+
+/**
+ * Represents a generic Mapper class.
+ * @template T - The source type.
+ * @template U - The target type.
+ */
+class Mapper<T, U> {
+  protected config: MapperConfig;
+
+  constructor(config: MapperConfig) {
+    this.config = config;
+  }
+}
+
+/**
+ * Maps HIEPatient objects to FormValues objects.
+ */
+class PatientMapper extends Mapper<HIEPatient, FormValues> {
+  mapHIEPatientToFormValues(hiePatient: HIEPatient, currentFormValues: FormValues): FormValues {
+    const name = hiePatient.name?.[0] || {};
+    const telecom = hiePatient.telecom || [];
+
+    const telecomAttributes = this.mapTelecomToAttributes(telecom);
+    const updatedIdentifiers = this.mapIdentifiers(hiePatient, currentFormValues);
+    const extensionAddressEntries = this.mapExtensionsToAddress(hiePatient.extension);
+
+    return {
+      isDead: hiePatient.deceasedBoolean || false,
+      gender: hiePatient.gender || '',
+      birthdate: hiePatient.birthDate || '',
+      givenName: name.given?.[0] || '',
+      familyName: name.family || '',
+      telephoneNumber: telecom.find((t) => t.system === 'phone')?.value || '',
+      middleName: name.given?.[1],
+      address: extensionAddressEntries,
+      identifiers: updatedIdentifiers,
+      attributes: telecomAttributes,
+    } as FormValues;
+  }
+
+  private mapTelecomToAttributes(telecom: Array<fhir.ContactPoint>): Record<string, string> {
+    return telecom.reduce<Record<string, string>>((acc, { system, value }) => {
+      if (system && value && this.config.teleComMap[system]) {
+        acc[this.config.teleComMap[system]] = value.replace(/^254/, '0');
+      }
+      return acc;
+    }, {});
+  }
+
+  private mapIdentifiers(
+    hiePatient: HIEPatient,
+    currentFormValues: FormValues,
+  ): Record<string, PatientIdentifierValue> {
+    const updatedIdentifiers: Record<string, PatientIdentifierValue> = { ...currentFormValues.identifiers };
+
+    // Map healthId to hiePatient.id
+    updatedIdentifiers.healthId = {
+      ...currentFormValues.identifiers['healthId'],
+      identifierValue: hiePatient.id,
+    };
+
+    // Map fhir.Patient.Identifier to identifiers
+    hiePatient.identifier?.forEach((identifier) => {
+      const system = identifier.system?.split('/').pop();
+      if (system && this.config.identifierMap[system]) {
+        const key = this.config.identifierMap[system];
+        updatedIdentifiers[key] = {
+          ...currentFormValues.identifiers[key],
+          identifierValue: identifier.value || '',
+        };
+      }
+    });
+
+    return updatedIdentifiers;
+  }
+
+  private mapExtensionsToAddress(extensions: HIEPatient['extension']): Record<string, string> {
+    return extensions
+      .map((ext) => {
+        const identifierType = ext.url.split('/').pop();
+        const identifierValue = ext.valueString;
+        return { [this.config.addressHierarchyMap[identifierType]]: capitalize(identifierValue) };
+      })
+      .reduce<Record<string, string>>((acc, curr) => ({ ...acc, ...curr }), {});
+  }
+}
+
+// Update MapperConfig interface in hie-types.ts
+
+const mapperConfig: MapperConfig = {
+  teleComMap: {
+    email: 'b8d0b331-1d2d-4a9a-b741-1816f498bdb6',
+    phone: 'b2c38640-2603-4629-aebd-3b54f33f1e3a',
+  },
+  addressHierarchyMap: {
+    county: 'countyDistrict',
+    'sub-county': 'stateProvince',
+    ward: 'address4',
+  },
+  addressMap: {},
+  // Map FHIR Patient identifiers to identifiers, at the moment HIE teams returns null for all identifiers type codings
+  identifierMap: {},
+};
+
+// Create instances
+const hieApiClient = new HealthInformationExchangeClient<HIEPatient | ErrorResponse>();
+const patientMapper = new PatientMapper(mapperConfig);
+
+// Exported functions
+export const fetchPatientFromHIE = async (
+  identifierType: string,
+  identifierValue: string,
+): Promise<HIEPatient | ErrorResponse> => {
+  return hieApiClient.fetchResource('Patient', { [identifierType]: identifierValue });
+};
+
+export const mapHIEPatientToFormValues = (hiePatient: HIEPatient, currentFormValues: FormValues): FormValues => {
+  return patientMapper.mapHIEPatientToFormValues(hiePatient, currentFormValues);
+};

package/src/client-registry/hie-client-registry/hie-types.ts

@@ -0,0 +1,29 @@
+export type HIEPatient = fhir.Patient & {
+  extension: Array<{
+    url: string;
+    valueString: string;
+  }>;
+};
+
+export type APIClientConfig = {
+  baseUrl: string;
+  credentials: string;
+};
+
+export interface MapperConfig {
+  teleComMap: Record<string, string>;
+  addressHierarchyMap: Record<string, string>;
+  identifierMap: Record<string, string>;
+  addressMap: Record<string, string>;
+}
+
+export type ErrorResponse = {
+  resourceType: string;
+  issue: Array<Issue>;
+};
+
+export type Issue = {
+  severity: string;
+  code: string;
+  diagnostics: string;
+};

package/src/client-registry/hie-client-registry/modal/confirm-hie.modal.tsx

@@ -0,0 +1,82 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { Button, ModalBody, ModalHeader, ModalFooter, Accordion, AccordionItem, CodeSnippet } from '@carbon/react';
+import styles from './confirm-hie.scss';
+import { age, ExtensionSlot, formatDate } from '@openmrs/esm-framework';
+import { type HIEPatient } from '../hie-types';
+import capitalize from 'lodash-es/capitalize';
+
+const PatientInfo: React.FC<{ label: string; value: string }> = ({ label, value }) => {
+  return (
+    <div style={{ display: 'grid', gridTemplateColumns: '0.25fr 0.75fr', margin: '0.25rem' }}>
+      <span style={{ minWidth: '5rem', fontWeight: 'bold' }}>{label}</span>
+      <span>{value}</span>
+    </div>
+  );
+};
+
+interface HIEConfirmationModalProps {
+  closeModal: () => void;
+  patient: HIEPatient;
+  onUseValues: () => void;
+}
+
+const HIEConfirmationModal: React.FC<HIEConfirmationModalProps> = ({ closeModal, patient, onUseValues }) => {
+  const { t } = useTranslation();
+  const firstName = patient?.name[0]['given']?.[0];
+  const lastName = patient?.name[0]['family'];
+
+  const handleUseValues = () => {
+    onUseValues();
+    closeModal();
+  };
+
+  return (
+    <div>
+      <ModalHeader closeModal={closeModal}>
+        <span className={styles.header}>{t('hieModal', 'HIE Patient Record Found')}</span>
+      </ModalHeader>
+      <ModalBody>
+        <div style={{ display: 'flex', margin: '1rem' }}>
+          <ExtensionSlot
+            style={{ display: 'flex', alignItems: 'center' }}
+            name="patient-photo-slot"
+            state={{ patientName: `${firstName} ${lastName}` }}
+          />
+          <div style={{ width: '100%', marginLeft: '0.625rem' }}>
+            <PatientInfo label={t('healthID', 'HealthID')} value={patient.id} />
+            <PatientInfo label={t('patientName', 'Patient name')} value={`${firstName} ${lastName}`} />
+            <PatientInfo label={t('age', 'Age')} value={age(patient?.birthDate)} />
+            <PatientInfo label={t('dateOfBirth', 'Date of birth')} value={formatDate(new Date(patient?.birthDate))} />
+            <PatientInfo label={t('gender', 'Gender')} value={capitalize(patient?.gender)} />
+            <PatientInfo
+              label={t('maritalStatus', 'Marital status')}
+              value={patient.maritalStatus.coding.map((m) => m.code).join('')}
+            />
+            <PatientInfo label={t('relationships', 'Relationships')} value="--" />
+          </div>
+        </div>
+        <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>
+      </ModalBody>
+      <ModalFooter>
+        <Button kind="secondary" onClick={closeModal}>
+          {t('cancel', 'Cancel')}
+        </Button>
+
+        <Button onClick={handleUseValues} kind="primary">
+          {t('useValues', 'Use values')}
+        </Button>
+      </ModalFooter>
+    </div>
+  );
+};
+
+export default HIEConfirmationModal;

package/src/client-registry/hie-client-registry/modal/confirm-hie.scss

@@ -0,0 +1,10 @@
+@use '@carbon/type';
+@use '@openmrs/esm-styleguide/src/vars' as *;
+
+.header {
+  @include type.type-style('heading-03');
+}
+
+.body {
+  @include type.type-style('body-01');
+}

package/src/client-registry/patient-verification/verification-modal/empty-prompt.component.tsx

@@ -5,21 +5,24 @@ import { Button } from '@carbon/react';
 interface EmptyPromptProps {
   onConfirm: void;
   close: void;
+  title?: string;
+  message?: string;
 }
 
-const EmptyPrompt: React.FC<EmptyPromptProps> = ({ close, onConfirm }) => {
+const EmptyPrompt: React.FC<EmptyPromptProps> = ({ close, onConfirm, title, message }) => {
   const { t } = useTranslation();
   return (
     <>
       <div className="cds--modal-header">
-        <h3 className="cds--modal-header__heading">{t('clientRegistryEmpty', 'Create & Post Patient')}</h3>
+        <h3 className="cds--modal-header__heading">{title ?? t('clientRegistryEmpty', 'Create & Post Patient')}</h3>
       </div>
       <div className="cds--modal-content">
         <p>
-          {t(
-            'patientNotFound',
-            'The patient records could not be found in Client registry, do you want to continue to create and post patient to registry',
-          )}
+          {message ??
+            t(
+              'patientNotFound',
+              'The patient records could not be found in Client registry, do you want to continue to create and post patient to registry',
+            )}
         </p>
       </div>
       <div className="cds--modal-footer">

package/src/config-schema.ts

@@ -85,6 +85,8 @@ export interface RegistrationConfig {
   };
   hieClientRegistry: {
     identifierTypes: Array<{ identifierType: string; identifierValue: string }>;
+    baseUrl: string;
+    encodedCredentials: string;
   };
 }
 
@@ -382,12 +384,22 @@ export const esmPatientRegistrationSchema = {
       },
       _default: [
         { identifierType: 'National ID', identifierValue: 'national-id' },
-        { identifierType: 'Passport Number', identifierValue: 'passport  number' },
+        { identifierType: 'Passport Number', identifierValue: 'passport-number' },
         { identifierType: 'Birth Certificate Number', identifierValue: 'birth-certificate-number' },
         { identifierType: 'Alien ID Number', identifierValue: 'alien-id-number' },
         { identifierType: 'Refugee ID Number', identifierValue: 'refugee-number' },
       ],
     },
+    baseUrl: {
+      _type: Type.String,
+      _default: 'https://hie.paperless.co.ke/v4/custom/',
+      _description: 'The base URL for the HIE API',
+    },
+    encodedCredentials: {
+      _type: Type.String,
+      _default: 'a2VueWFfZW1yOkFsZG5iJmtmayZKc2whMjM0',
+      _description: 'The base64 encoded credentials for the HIE API',
+    },
   },
   _validators: [
     validator(

package/src/index.ts

@@ -6,6 +6,7 @@ import rootComponent from './root.component';
 import addPatientLinkComponent from './add-patient-link';
 import editPatientDetailsButtonComponent from './widgets/edit-patient-details-button.component';
 import { PatientPhotoExtension } from './patient-photo.extension';
+import HIEConfirmationModal from './client-registry/hie-client-registry/modal/confirm-hie.modal';
 
 export const importTranslation = require.context('../translations', false, /.json$/, 'lazy');
 
@@ -76,3 +77,5 @@ export const emptyClientRegistryModal = getAsyncLifecycle(
   () => import('./client-registry/patient-verification/verification-modal/empty-prompt.component'),
   options,
 );
+
+export const hieConfirmationModal = getSyncLifecycle(HIEConfirmationModal, options);

package/src/routes.json

@@ -70,6 +70,11 @@
       "online": true,
       "offline": true
     }
+  ],
+  "modals": [
+    {
+      "component": "hieConfirmationModal",
+      "name": "hie-confirmation-modal"
+    }
   ]
-}
-    
+}

package/translations/en.json

@@ -43,6 +43,7 @@
   "enterIdentifierSearchValue": "Enter identifier search value",
   "error": "Error",
   "errorFetchingOrderedFields": "Error occured fetching ordered fields for address hierarchy",
+  "errorFetchingPatient": "Error fetching patient",
   "estimatedAgeInMonthsLabelText": "Estimated age in months",
   "estimatedAgeInYearsLabelText": "Estimated age in years",
   "familyNameLabelText": "Family Name",
@@ -55,6 +56,8 @@
   "genderUnspecified": "Gender is not specified",
   "givenNameLabelText": "First Name",
   "givenNameRequired": "Given name is required",
+  "healthID": "HealthID",
+  "hieModal": "HIE Patient Record Found",
   "identifierSearch": "Identifier search",
   "identifierType": "Identifier type",
   "identifierValueRequired": "Identifier value is required",
@@ -66,6 +69,7 @@
   "isDeadInputLabel": "Is Dead",
   "jumpTo": "Jump to",
   "male": "Male",
+  "maritalStatus": "Marital status",
   "middleNameLabelText": "Middle Name",
   "nationalId": "National ID",
   "negativeMonths": "Negative months",
@@ -91,6 +95,7 @@
   "relationshipPersonMustExist": "Related person must be an existing person",
   "relationshipPlaceholder": "Relationship",
   "relationshipRemovedText": "Relationship removed",
+  "relationships": "Relationships",
   "relationshipsSection": "Relationships",
   "relationshipToPatient": "Relationship to patient",
   "relativeFullNameLabelText": "Related person",
@@ -98,10 +103,10 @@
   "removeIdentifierButton": "Remove Identifier",
   "resetIdentifierTooltip": "Reset",
   "restoreRelationshipActionButton": "Undo",
-  "search": "Search",
   "searchAddress": "Search address",
   "searchClientRegistry": "Search client registry",
   "searchIdentifierPlaceholder": "Search identifier",
+  "searchingRegistry": "Searching registry...",
   "searchRegistry": "Search registry",
   "selectAnOption": "Select an option",
   "selectCountry": "Select country",
@@ -120,6 +125,7 @@
   "updatePatientSuccessSnackbarTitle": "Patient Details Updated",
   "useValues": "Use values",
   "validate": "Validate",
+  "viewFullResponse": "View full response",
   "yearsEstimateRequired": "Years estimate required",
   "yes": "Yes"
 }