@kenyaemr/esm-care-panel-app 5.4.4-pre.98 → 5.4.5-pre.16

package/currentProphylaxisUsed/fr.json

@@ -0,0 +1 @@
+{}

package/hivStatus/fr.json

@@ -0,0 +1 @@
+{}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kenyaemr/esm-care-panel-app",
-  "version": "5.4.4-pre.98",
+  "version": "5.4.5-pre.16",
   "description": "Patient care panels microfrontend for the OpenMRS SPA",
   "keywords": [
     "openmrs"
@@ -22,7 +22,7 @@
     "build": "rspack --mode=production",
     "coverage": "echo \"Jest has been removed; no unit test runner is configured\" && exit 0",
     "debug": "npm run serve",
-    "extract-translations": "i18next 'src/**/*.component.tsx' 'src/index.ts' --config ../../tools/i18next-parser.config.js",
+    "extract-translations": "i18next 'src/**/*.{ts,tsx}' --config ../../tools/i18next-parser.config.js",
     "lint": "eslint src --ext ts,tsx",
     "serve": "rspack serve --mode=development",
     "start": "openmrs develop",
@@ -46,5 +46,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "stableVersion": "5.4.3"
+  "stableVersion": "5.4.4"
 }

package/src/care-panel/care-panel.component.tsx

@@ -53,7 +53,7 @@ const CarePanel: React.FC<CarePanelProps> = ({ patientUuid, formEntrySub }) => {
         <div className={styles.contextSwitcherContainer}>
           <ContentSwitcher size="md" selectedIndex={switchItem?.index} onChange={(params) => setSwitcherItem(params)}>
             {switcherHeaders?.map((enrollment) => (
-              <Switch key={enrollment} name={enrollment} text={enrollment} />
+              <Switch key={enrollment} name={enrollment} text={t(enrollment)} />
             ))}
           </ContentSwitcher>
         </div>

package/src/care-panel-dashboard/care-panel-dashboard.component.tsx

@@ -7,7 +7,7 @@ import CarePrograms from '../care-programs/care-programs.component';
 
 import CarePanelMachineLearning from '../machine-learning/machine-learning.component';
 import styles from './care-panel-dashboard.scss';
-import { DefaultWorkspaceProps } from '@openmrs/esm-framework/src';
+import { DefaultWorkspaceProps } from '@openmrs/esm-framework';
 
 type CarePanelDashboardProps = {
   patientUuid: string;

package/src/care-programs/care-program-form-translation-keys.ts

@@ -0,0 +1,121 @@
+/**
+ * This file exists solely to register care program form translation keys for i18next-parser extraction.
+ * The keys are used dynamically via `formTranslationKey` in the careProgramForms config — the parser
+ * cannot detect dynamic keys, so they are listed here as static t() calls.
+ *
+ * Do not remove or call this function at runtime.
+ */
+export function registerCareProgramFormTranslationKeys(t: (key: string, defaultValue: string) => string) {
+  // VMMC
+  t('vmmcEnrollment', 'VMMC Enrollment');
+  t('vmmcInitial', 'VMMC Initial');
+  t('vmmcClientFollowUp', 'VMMC Client Follow-Up');
+  t('vmmcCircumcisionProcedure', 'VMMC Circumcision Procedure');
+  t('vmmcImmediatePostOperationAssessment', 'VMMC Immediate Post-Operation Assessment');
+  t('vmmcMedicalExamination', 'VMMC Medical Examination');
+  t('vmmcDiscontinuation', 'VMMC Discontinuation');
+
+  // CPM
+  t('cpmEnrollment', 'CPM Enrollment');
+  t('cpmInitial', 'CPM Initial');
+  t('cpmReferral', 'CPM Referral');
+  t('cpmScreening', 'CPM Screening');
+  t('cpmDiscontinuation', 'CPM Discontinuation');
+
+  // PNC
+  t('pncEnrollment', 'PNC Enrollment');
+  t('mchPncVisit', 'MCH PNC Visit');
+  t('pncDiscontinuation', 'PNC Discontinuation');
+
+  // ANC
+  t('ancEnrollment', 'ANC Enrollment');
+  t('mchAntenatalVisit', 'MCH Antenatal Visit');
+  t('ancFollowUpForm', 'ANC Follow Up form');
+  t('ancDiscontinuation', 'ANC Discontinuation');
+
+  // MCH - Child Services (CWC)
+  t('cwcEnrolment', 'CWC Enrolment');
+  t('cwcInitial', 'Initial CWC');
+  t('cwcFollowup', 'CWC Followup');
+  t('cwcDiscontinuation', 'CWC Discontinuation');
+
+  // Nutrition
+  t('nutritionEnrollment', 'Nutrition Enrollment');
+  t('nutritionForm', 'Nutrition form');
+  t('nutritionDiscontinuation', 'Nutrition Discontinuation');
+
+  // Family Planning
+  t('familyPlanningEnrollment', 'Family Planning Enrollment');
+  t('familyPlanningForm', 'Family Planning Form');
+  t('familyPlanningDiscontinuation', 'Family Planning Discontinuation');
+
+  // TB
+  t('tbEnrollment', 'TB Enrollment');
+  t('tbInitial', 'TB Initial');
+  t('tbFollowUp', 'TB FollowUp');
+  t('tbDiscontinuation', 'TB Discontinuation');
+
+  // Violence screening
+  t('violenceEnrollment', 'Violence enrollment');
+  t('violenceScreening', 'Violence Screening');
+  t('violenceInitialForm', 'Violence Initial Form');
+  t('violenceConsentForm', 'Violence Consent Form');
+  t('sexualViolencePostRapeCare363A', 'Sexual Violence post rape care 363A');
+  t('sexualViolencePrcPsychologicalAssessment363B', 'Sexual Violence PRC Psychological Assessment 363B');
+  t('physicalAndEmotionalViolenceForm', 'Physical and Emotional Violence Form');
+  t('violenceTraumaCounselling', 'Violence Trauma Counselling');
+  t('violenceReportingForm', 'Violence Reporting Form');
+  t('violenceCommunityLinkageForm', 'Violence Community Linkage Form');
+  t('violenceLegalForm', 'Violence Legal Form');
+  t('violencePerpetratorDetails', 'Violence Perpetrator Details');
+  t('pepFollowupForm', 'PEP FOLLOWUP Form');
+  t('violenceDiscontinuationForm', 'Violence Discontinuation Form');
+
+  // TPT
+  t('tptInitiation', 'TPT Initiation');
+  t('tptInitial', 'TPT Initial');
+  t('tptFollowUp', 'TPT FollowUp');
+  t('tptOutcomeDiscontinuation', 'TPT Outcome/Discontinuation');
+
+  // PrEP
+  t('prepEnrollment', 'PrEP Enrollment');
+  t('prepInitiation', 'PrEP Initiation');
+  t('prepClinicalForm', 'PrEP Clinical Form');
+  t('prepDiscontinuation', 'PrEP Discontinuation');
+
+  // NCD
+  t('ncdEnrollment', 'NCD Enrollment');
+  t('ncdInitial', 'NCD Initial');
+  t('ncdFollowUp', 'NCD Follow Up');
+  t('ncdDiscontinuation', 'NCD Discontinuation');
+
+  // KVP
+  t('kvpEnrollmentForm', 'KVP Enrollment Form');
+  t('kvpContactForm', 'KVP Contact Form');
+  t('kvpClinicalEnrollment', 'KVP Clinical Enrollment');
+  t('kvpPeerEducatorOutreachCalendar', 'KVP Peer Educator Outreach Calendar');
+  t('kvpClinicalEncounterForm', 'KVP Clinical Encounter form');
+  t('kvpClientDiscontinuation', 'KVP Client Discontinuation');
+
+  // HIV Program
+  t('hivEnrollment', 'HIV Enrollment');
+  t('hivInitialForm', 'HIV Initial form');
+  t('artReadiness', 'ART Readyness');
+  t('hivGreenCard', 'HIV Green Card');
+  t('hivDiscontinuation', 'HIV Discontinuation');
+
+  // Pre-Conception care program
+  t('preConceptionCareEnrollmentForm', 'Pre-Conception Care Enrollment Form');
+  t('preConceptionCare', 'Pre-Conception Care');
+  t('preConceptionDiscontinuation', 'Pre-Conception Discontinuation');
+
+  // MAT
+  t('matClinicalEligibilityAssessmentAndReferralForm', 'MAT Clinical Eligibility Assessment & Referral Form');
+  t('matInitialRegistrationForm', 'MAT Initial Registration Form');
+  t('matPsychoSocialIntakeAndFollowUpForm', 'MAT Psycho-social Intake & Follow-up Form');
+  t('matClinicalEncounterForm', 'MAT Clinical Encounter Form');
+  t('matPsychiatricIntakeAndFollowUpForm', 'MAT Psychiatric Intake and Follow up Form');
+  t('matTransitReferralForm', 'MAT Transit/Referral Form');
+  t('matCessationForm', 'MAT Cessation Form');
+  t('matDiscontinuationForm', 'MAT Discontinuation Form');
+}

package/src/care-programs/care-programs.component.tsx

@@ -90,7 +90,7 @@ const CarePrograms: React.FC<CareProgramsProps> = ({ patientUuid, patient }) =>
 
         return {
           id: enrollment.program.uuid,
-          programName: enrollment.program.name,
+          programName: t(enrollment.program.name),
           status: (
             <div className={styles.careProgramButtonContainer}>
               <Tag type="green">{t('enrolled', 'Enrolled')}</Tag>
@@ -123,15 +123,35 @@ const CarePrograms: React.FC<CareProgramsProps> = ({ patientUuid, patient }) =>
       }),
       ...eligibleCarePrograms.map((careProgram) => {
         const enrollmentForm = getProgramEnrollmentForm(careProgram.uuid);
-
         return {
           id: `${careProgram.uuid}`,
-          programName: careProgram.display,
+          //  t('HIV', 'HIV')
+          //  t('Child Welfare Clinic', 'Child Welfare Clinic')
+          //  t('SMNI - Services maternels', 'SMNI - Services maternels')
+          //  t('TB', 'TB')
+          //  t('TPT', 'TPT')
+          //  t('PrEP', 'PrEP')
+          //  t('OVC', 'OVC')
+          //  t('OTZ', 'OTZ')
+          //  t('KVP', 'KVP')
+          //  t('NimeCONFIRM', 'NimeCONFIRM')
+          //  t('VMMC', 'VMMC')
+          //  t('MAT', 'MAT')
+          //  t('NCD', 'NCD')
+          //  t('Violence screening', 'Violence screening')
+          //  t('CPM', 'CPM')
+          //  t('Nutrition', 'Nutrition')
+          //  t('Antenatal Care', 'Antenatal Care')
+          //  t('Postnatal Care', 'Postnatal Care')
+          //  t('Family Planning', 'Family Planning')
+          //  t('Pre-Conception Care', 'Pre-Conception Care')
+          programName: t(careProgram.display),
           status: (
             <div className={styles.careProgramButtonContainer}>
               <span>
                 {capitalize(
-                  `${careProgram.enrollmentStatus} ${
+                  // t('eligible', 'Eligible')
+                  `${t(careProgram.enrollmentStatus)} ${
                     careProgram.enrollmentDetails?.dateEnrolled && careProgram.enrollmentStatus === 'active'
                       ? `Since (${formatDate(new Date(careProgram.enrollmentDetails.dateEnrolled))})`
                       : ''
@@ -161,7 +181,7 @@ const CarePrograms: React.FC<CareProgramsProps> = ({ patientUuid, patient }) =>
                   );
                 }}
                 renderIcon={careProgram.enrollmentStatus == 'active' ? Close : DocumentAdd}>
-                {careProgram.enrollmentStatus == 'active' ? 'Discontinue' : 'Enroll'}
+                {careProgram.enrollmentStatus == 'active' ? t('discontinue', 'Discontinue') : t('enroll', 'Enroll')}
               </Button>
             </div>
           ),
@@ -186,11 +206,11 @@ const CarePrograms: React.FC<CareProgramsProps> = ({ patientUuid, patient }) =>
   const headers = [
     {
       key: 'programName',
-      header: 'Program name',
+      header: t('programName', 'Program Name'),
     },
     {
       key: 'status',
-      header: 'Status',
+      header: t('status', 'Status'),
     },
   ];
 

package/src/care-programs/program-form-overflow-menu-item.component.tsx

@@ -1,10 +1,6 @@
 import { InlineLoading, OverflowMenuItem } from '@carbon/react';
-import { launchWorkspace, showSnackbar, useConfig, Visit } from '@openmrs/esm-framework';
-import {
-  launchStartVisitPrompt,
-  useLaunchWorkspaceRequiringVisit,
-  usePatientChartStore,
-} from '@openmrs/esm-patient-common-lib';
+import { showSnackbar, useConfig } from '@openmrs/esm-framework';
+import { useLaunchWorkspaceRequiringVisit, usePatientChartStore } from '@openmrs/esm-patient-common-lib';
 import React, { FC, useEffect, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { CarePanelConfig } from '../config-schema';
@@ -105,14 +101,16 @@ const ProgramFormOverflowMenuItem: FC<ProgramFormOverflowMenuItemProps> = ({
     );
   }
 
+  const formLabel = t(form.formTranslationKey ?? form.formName, { defaultValue: form.formName });
+
   return (
     <OverflowMenuItem
       key={form.formUuId}
-      itemText={form.formName}
+      itemText={formLabel}
       onClick={() => {
         /**
           launchWorkspace('patient-form-entry-workspace', {
-            workspaceTitle: form.formName,
+            workspaceTitle: formLabel,
             mutateForm: () => {
               mutate?.();
               mutateDependancyStatus();
@@ -129,7 +127,7 @@ const ProgramFormOverflowMenuItem: FC<ProgramFormOverflowMenuItemProps> = ({
          */
         return launchFormEntryWorkspace(
           {
-            workspaceTitle: form.formName,
+            workspaceTitle: formLabel,
             form: {
               uuid: form.formUuId,
             },