diff --git a/packages/framework/esm-framework/docs/API.md b/packages/framework/esm-framework/docs/API.md
index 0fa17bc32..1bbba7d87 100644
--- a/packages/framework/esm-framework/docs/API.md
+++ b/packages/framework/esm-framework/docs/API.md
@@ -214,6 +214,8 @@
- [CustomOverflowMenu](API.md#customoverflowmenu)
- [PatientBannerActionsMenu](API.md#patientbanneractionsmenu)
- [PatientBannerContactDetails](API.md#patientbannercontactdetails)
+- [PatientBannerPatientIdentifiers](API.md#patientbannerpatientidentifiers)
+- [PatientBannerPatientInfo](API.md#patientbannerpatientinfo)
- [PatientBannerToggleContactDetailsButton](API.md#patientbannertogglecontactdetailsbutton)
- [PatientPhoto](API.md#patientphoto)
- [getFhirServerPaginationHandlers](API.md#getfhirserverpaginationhandlers)
@@ -6885,6 +6887,46 @@ ___
___
+### PatientBannerPatientIdentifiers
+
+▸ **PatientBannerPatientIdentifiers**(`__namedParameters`): `Element`
+
+#### Parameters
+
+| Name | Type |
+| :------ | :------ |
+| `__namedParameters` | `PatientBannerPatientIdentifiersProps` |
+
+#### Returns
+
+`Element`
+
+#### Defined in
+
+[packages/framework/esm-styleguide/src/patient-banner/patient-info/patient-banner-patient-identifiers.component.tsx:39](https://github.com/openmrs/openmrs-esm-core/blob/main/packages/framework/esm-styleguide/src/patient-banner/patient-info/patient-banner-patient-identifiers.component.tsx#L39)
+
+___
+
+### PatientBannerPatientInfo
+
+▸ **PatientBannerPatientInfo**(`__namedParameters`): `Element`
+
+#### Parameters
+
+| Name | Type |
+| :------ | :------ |
+| `__namedParameters` | `PatientBannerPatientInfoProps` |
+
+#### Returns
+
+`Element`
+
+#### Defined in
+
+[packages/framework/esm-styleguide/src/patient-banner/patient-info/patient-banner-patient-info.component.tsx:43](https://github.com/openmrs/openmrs-esm-core/blob/main/packages/framework/esm-styleguide/src/patient-banner/patient-info/patient-banner-patient-info.component.tsx#L43)
+
+___
+
### PatientBannerToggleContactDetailsButton
▸ **PatientBannerToggleContactDetailsButton**(`__namedParameters`): `Element`
diff --git a/packages/framework/esm-framework/mock.tsx b/packages/framework/esm-framework/mock.tsx
index f939ab534..b9f783a07 100644
--- a/packages/framework/esm-framework/mock.tsx
+++ b/packages/framework/esm-framework/mock.tsx
@@ -75,7 +75,7 @@ export const CustomOverflowMenu = jest.fn(({ menuTitle, children }) => (
export const PatientBannerActionsMenu = jest.fn(() =>
Patient Banner Actions Menu
);
export const PatientBannerContactDetails = jest.fn(() => Patient Banner Contact Details
);
export const PatientBannerPatientInfo = jest.fn(() => Patient Banner Patient Info
);
-export const PatientBannerPatientIdentifier = jest.fn(() => Patient Banner Patient Identifier
);
+export const PatientBannerPatientIdentifiers = jest.fn(() => Patient Banner Patient Identifier
);
export const PatientBannerToggleContactDetailsButton = jest.fn(() => (
Patient Banner Toggle Contact Details Button
));
diff --git a/packages/framework/esm-styleguide/src/patient-banner/patient-info/patient-banner-patient-identifiers.component.tsx b/packages/framework/esm-styleguide/src/patient-banner/patient-info/patient-banner-patient-identifiers.component.tsx
index ca73266dc..86b4c3c79 100644
--- a/packages/framework/esm-styleguide/src/patient-banner/patient-info/patient-banner-patient-identifiers.component.tsx
+++ b/packages/framework/esm-styleguide/src/patient-banner/patient-info/patient-banner-patient-identifiers.component.tsx
@@ -36,7 +36,10 @@ function SecondaryIdentifier({ showIdentifierLabel, type, value }: IdentifiersPr
);
}
-function PatientBannerPatientIdentifiers({ identifiers, showIdentifierLabel }: PatientBannerPatientIdentifiersProps) {
+export function PatientBannerPatientIdentifiers({
+ identifiers,
+ showIdentifierLabel,
+}: PatientBannerPatientIdentifiersProps) {
const { excludePatientIdentifierCodeTypes } = useConfig();
const { primaryIdentifierCode } = usePrimaryIdentifierCode();
diff --git a/packages/framework/esm-styleguide/src/patient-banner/patient-info/patient-banner-patient-info.component.tsx b/packages/framework/esm-styleguide/src/patient-banner/patient-info/patient-banner-patient-info.component.tsx
index 398a6fae4..78ec68eea 100644
--- a/packages/framework/esm-styleguide/src/patient-banner/patient-info/patient-banner-patient-info.component.tsx
+++ b/packages/framework/esm-styleguide/src/patient-banner/patient-info/patient-banner-patient-info.component.tsx
@@ -40,7 +40,7 @@ const getGender = (gender: string): string => {
return getCoreTranslation(key, gender);
};
-function PatientBannerPatientInfo({ patient }: PatientBannerPatientInfoProps) {
+export function PatientBannerPatientInfo({ patient }: PatientBannerPatientInfoProps) {
const name = `${patient?.name?.[0]?.given?.join(' ')} ${patient?.name?.[0]?.family}`;
const gender = patient?.gender && getGender(patient.gender);
@@ -76,5 +76,3 @@ function PatientBannerPatientInfo({ patient }: PatientBannerPatientInfoProps) {
);
}
-
-export default PatientBannerPatientInfo;
diff --git a/packages/framework/esm-styleguide/src/patient-banner/patient-info/patient-banner-patient-info.test.tsx b/packages/framework/esm-styleguide/src/patient-banner/patient-info/patient-banner-patient-info.test.tsx
index 5aa518e1d..933b6fa59 100644
--- a/packages/framework/esm-styleguide/src/patient-banner/patient-info/patient-banner-patient-info.test.tsx
+++ b/packages/framework/esm-styleguide/src/patient-banner/patient-info/patient-banner-patient-info.test.tsx
@@ -2,7 +2,7 @@ import React from 'react';
import { type i18n } from 'i18next';
import { screen, render } from '@testing-library/react';
import { usePrimaryIdentifierCode } from '@openmrs/esm-react-utils';
-import PatientBannerPatientInfo from './patient-banner-patient-info.component';
+import { PatientBannerPatientInfo } from './patient-banner-patient-info.component';
window.i18next = { language: 'en' } as i18n;
const mockUsePrimaryIdentifierCode = jest.mocked(usePrimaryIdentifierCode);