(feat) O3-3552: Add feature flag for printing patient identifier stickers

packages/esm-patient-banner-app/src/config-schema.ts

@@ -33,11 +33,6 @@ export const configSchema = {
       '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',
   },
-  showPrintIdentifierStickerButton: {
-    _type: Type.Boolean,
-    _description: "Whether to display the 'Print identifier sticker' button in the patient banner",
-    _default: false,
-  },
   useRelationshipNameLink: {
     _type: Type.Boolean,
     _description: "Whether to use the relationship name as a link to the associated person's patient chart.",
@@ -51,6 +46,5 @@ export interface ConfigObject {
   };
   printIdentifierStickerFields: Array<string>;
   printIdentifierStickerSize: string;
-  showPrintIdentifierStickerButton: boolean;
   useRelationshipNameLink: boolean;
 }

packages/esm-patient-chart-app/src/actions-buttons/print-identifier-sticker.component.tsx

@@ -1,7 +1,7 @@
 import React, { useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 import { OverflowMenuItem } from '@carbon/react';
-import { showModal, useConfig, usePatient } from '@openmrs/esm-framework';
+import { showModal, useFeatureFlag, usePatient } from '@openmrs/esm-framework';
 import styles from './action-button.scss';
 
 interface PrintIdentifierStickerOverflowMenuItemProps {
@@ -13,9 +13,7 @@ const PrintIdentifierStickerOverflowMenuItem: React.FC<PrintIdentifierStickerOve
 }) => {
   const { t } = useTranslation();
   const { patient } = usePatient(patientUuid);
-  const { showPrintIdentifierStickerButton } = useConfig<{ showPrintIdentifierStickerButton: boolean }>({
-    externalModuleName: '@openmrs/esm-patient-banner-app',
-  });
+  const canPrintPatientIdentifierSticker = useFeatureFlag('print-patient-identifier-sticker');
 
   const handleLaunchModal = useCallback(() => {
     const dispose = showModal('print-identifier-sticker-modal', {
@@ -24,15 +22,16 @@ const PrintIdentifierStickerOverflowMenuItem: React.FC<PrintIdentifierStickerOve
     });
   }, [patient]);
 
+  if (!patient || !canPrintPatientIdentifierSticker) {
+    return null;
+  }
+
   return (
-    patient &&
-    Boolean(showPrintIdentifierStickerButton) && (
-      <OverflowMenuItem
-        className={styles.menuitem}
-        itemText={t('printIdentifierSticker', 'Print identifier sticker')}
-        onClick={handleLaunchModal}
-      />
-    )
+    <OverflowMenuItem
+      className={styles.menuitem}
+      itemText={t('printIdentifierSticker', 'Print identifier sticker')}
+      onClick={handleLaunchModal}
+    />
   );
 };
 

packages/esm-patient-chart-app/src/index.ts

@@ -50,6 +50,11 @@ export function startupApp() {
     'Retrospective Data Entry',
     "Features to enter data for past visits. Includes the 'Edit Past Visit' button in the start visit dialog, and the 'Add Past Visit' button in the patient header.",
   );
+  registerFeatureFlag(
+    'print-patient-identifier-sticker',
+    'Print patient identifier sticker',
+    'Features to support printing a patient identifier sticker',
+  );
 }
 
 export const root = getSyncLifecycle(patientChartPageComponent, { featureName: 'patient-chart', moduleName });