-
-
-
- {printIdentifierStickerFields.includes('name') &&
- );
-};
-
-export default PrintIdentifierSticker;
diff --git a/packages/esm-patient-banner-app/src/config-schema.ts b/packages/esm-patient-banner-app/src/config-schema.ts
index 93c5d5e005..c2c2824518 100644
--- a/packages/esm-patient-banner-app/src/config-schema.ts
+++ b/packages/esm-patient-banner-app/src/config-schema.ts
@@ -12,42 +12,76 @@ export const configSchema = {
_type: Type.UUID,
},
},
- excludePatientIdentifierCodeTypes: {
- uuids: {
+ printPatientSticker: {
+ enabled: {
+ _type: Type.Boolean,
+ _description: 'Whether to enable the print patient sticker feature',
+ _default: true,
+ },
+ header: {
+ _type: Type.Object,
+ _description:
+ 'Configuration properties for the patient sticker headerConfiguration properties for the patient sticker header',
+ showBarcode: {
+ _type: Type.Boolean,
+ _description: 'Whether to display a barcode on the patient sticker',
+ },
+ showLogo: {
+ _type: Type.Boolean,
+ _description: 'Whether to display a logo on the patient sticker',
+ },
+ logo: {
+ _type: Type.String,
+ _description: 'The URL of the logo to display in the patient sticker',
+ },
+ _default: {
+ showBarcode: true,
+ showLogo: true,
+ logo: '',
+ },
+ },
+ fields: {
+ _type: Type.Array,
+ _description: 'Patient demographics to include in the patient sticker printout',
+ _default: ['name', 'dob', 'gender', 'identifier', 'age', 'contact', 'address'],
+ },
+ pageSize: {
+ _type: Type.String,
+ _description:
+ 'Specifies the paper size for printing the sticker. You can define the size using units (e.g., mm, in) or named sizes (e.g., "148mm 210mm", "A1", "A2", "A4", "A5").',
+ _default: 'A4',
+ },
+ identifiersToDisplay: {
_type: Type.Array,
- _description: 'List of UUIDs of patient identifier types to exclude from rendering in the patient banner',
+ _description:
+ 'List of UUIDs of patient identifier types to exclude from rendering in the patient banner. If empty, all identifiers will be displayed.',
_default: [],
_elements: {
_type: Type.UUID,
},
},
},
- printIdentifierStickerFields: {
- _type: Type.Array,
- _description: 'Patient demographics to include in the identifier sticker printout',
- _default: ['age', 'dateOfBirth', 'gender', 'identifier', 'name'],
- _elements: {
- _type: Type.String,
- },
- },
- printIdentifierStickerSize: {
- _type: Type.String,
- _description:
- 'Specifies the paper size for printing the sticker. You can define the size using units (e.g., mm, in) or named sizes (e.g., "148mm 210mm", "A1", "A2", "A4", "A5").',
- _default: '4in 6in',
- },
useRelationshipNameLink: {
_type: Type.Boolean,
_description: "Whether to use the relationship name as a link to the associated person's patient chart.",
_default: false,
},
};
+
+export type AllowedPatientFields = 'name' | 'dob' | 'gender' | 'identifier' | 'age' | 'contact' | 'address';
+
export interface ConfigObject {
contactAttributeTypes: Array{patientDetails.name}
}
-
- {patientDetails.identifiers.map((identifier) => {
- return (
-
- - {identifier?.type?.text}: {identifier?.value} -
- ); - })} -- {getCoreTranslation('sex', 'Sex')}: {patientDetails.gender} -
-- {t('dob', 'DOB')}: {patientDetails.dateOfBirth} -
-- {getCoreTranslation('age', 'Age')}: {patientDetails.age} -
-
+
+ {t('patientNameWithSeparator', 'Patient name:')}
+
+ {getPatientName(patient)}
+
+ );
+};
+
+export const PatientAge: React.FC
+
+ {t('patientAge', 'Age:')}
+
+ {age(patient.birthDate)}
+
+ );
+};
+
+export const PatientDob: React.FC
+
+ {t('patientDateOfBirthWithSeparator', 'Date of birth:')}
+
+ {dayjs(patient.birthDate).format('DD-MM-YYYY')}
+
+ );
+};
+
+export const PatientGender: React.FC
+
+ {t('patientGenderWithSeparator', 'Gender:')}
+
+ {getGender(patient.gender)}
+
+ );
+};
+
+export const PatientIdentifier: React.FC
+ {patientIdentifiers?.map((identifier) => (
+
+ );
+};
+
+export const PatientContact: React.FC
+
+ {identifier.type.text}:
+
+ {identifier.value}
+
+ ))}
+
+
+ {t('telephoneNumberWithSeparator', 'Telephone number:')}
+
+ {patient.telecom?.[0]?.value}
+
+ );
+};
+
+export const PatientAddress: React.FC
+
+ {getCoreTranslation(
+ getAddressKey(add.url) as CoreTranslationKey,
+ getAddressKey(add.url) as CoreTranslationKey,
+ )}
+ :
+
+ {add.valueString}
+
+ ))
+ ) : (
+
+ {getCoreTranslation(key as CoreTranslationKey, key)}:
+ {value}
+
+ ),
+ )
+ ) : (
+
+
+
+
+
+ );
+};
+
+const ImplementationLogo: React.FC = () => {
+ const { t } = useTranslation();
+ const { printPatientSticker } = useConfig
+ {printPatientSticker?.header?.showBarcode && (
+
+ {printPatientSticker.fields.map((field) => {
+ const Component = getPatientField(field);
+ return
+
+ )}
+