BN-71 | Add. DiagnosesForm To Consultation Pad

public/locales/locale_en.json

@@ -7,6 +7,8 @@
   "ALLERGY_LIST_RECORDED_DATE": "Recorded Date",
   "ALLERGY_LIST_STATUS": "Status",
   "ALLERGY_TABLE_NOT_AVAILABLE": "Not available",
+  "CERTAINITY_CONFIRMED": "Confirmed",
+  "CERTAINITY_PROVISIONAL": "Provisional",
   "CLINICAL_DAYS_TRANSLATION_KEY": "days",
   "CLINICAL_MONTHS_TRANSLATION_KEY": "months",
   "CLINICAL_YEARS_TRANSLATION_KEY": "years",
@@ -36,6 +38,13 @@
   "DATE_ERROR_INVALID_FORMAT": "Invalid date format",
   "DATE_ERROR_NULL_OR_UNDEFINED": "Date is null or undefined",
   "DATE_ERROR_PARSE": "Date Parse Error",
+  "DIAGNOSES_ADDED_DIAGNOSES": "Added Diagnoses",
+  "DIAGNOSES_CERTAINTY_ARIA_LABEL": "Diagnoses Certainty",
+  "DIAGNOSES_DUPLICATE_ERROR": "This diagnosis has already been added. Please select a different diagnosis.",
+  "DIAGNOSES_FORM_TITLE": "Diagnoses",
+  "DIAGNOSES_SEARCH_ARIA_LABEL": "Search for diagnoses",
+  "DIAGNOSES_SEARCH_PLACEHOLDER": "Search to add new diagnosis",
+  "DIAGNOSES_SELECT_CERTAINTY": "Select Certainty",
   "ENCOUNTER_DATE": "Encounter Date",
   "ENCOUNTER_TYPE": "Encounter Type",
   "ERROR_BAD_REQUEST_MESSAGE": "Invalid input parameters. Please check your request and try again.",
@@ -66,6 +75,7 @@
   "LOCATION": "Location",
   "NETWORK_ERROR": "A network error occurred",
   "NO_ALLERGIES": "No Allergies recorded for this patient.",
+  "NO_MATCHING_CONCEPTS_FOUND": "No matching concepts found.",
   "PARTICIPANT": "Participant(s)",
   "PATIENT_HEADER_ACTION_AREA_IN_PROGRESS": "Consultation in progress",
   "PATIENT_HEADER_LABEL": "Patient Header",
@@ -75,6 +85,8 @@
   "SELECT_LOCATION": "Select location",
   "SELECT_PRACTITIONER": "Select practitioner",
   "SELECT_VISIT_TYPE": "Select visit type",
+  "SELECTED_ITEM_CLOSE": "Close",
+  "SELECTED_ITEM_CLOSE_ARIA_LABEL": "Close Selected Item",
   "SEVERITY": "Severity",
   "SIDE_NAVIGATION": "Side navigation",
   "UNEXPECTED_ERROR": "An unexpected error occurred",

public/locales/locale_es.json

@@ -7,6 +7,8 @@
   "ALLERGY_LIST_RECORDED_DATE": "Fecha de grabación",
   "ALLERGY_LIST_STATUS": "Estado",
   "ALLERGY_TABLE_NOT_AVAILABLE": "No disponible",
+  "CERTAINITY_CONFIRMED": "Confirmado",
+  "CERTAINITY_PROVISIONAL": "Provisorio",
   "CLINICAL_DAYS_TRANSLATION_KEY": "días",
   "CLINICAL_MONTHS_TRANSLATION_KEY": "meses",
   "CLINICAL_YEARS_TRANSLATION_KEY": "años",
@@ -36,6 +38,13 @@
   "DATE_ERROR_INVALID_FORMAT": "Formato de fecha no válido",
   "DATE_ERROR_NULL_OR_UNDEFINED": "La fecha es nula o no está definida",
   "DATE_ERROR_PARSE": "Error al analizar la fecha",
+  "DIAGNOSES_ADDED_DIAGNOSES": "Diagnósticos Agregados",
+  "DIAGNOSES_CERTAINTY_ARIA_LABEL": "Certeza del Diagnóstico",
+  "DIAGNOSES_DUPLICATE_ERROR": "Este diagnóstico ya ha sido agregado. Por favor seleccione un diagnóstico diferente.",
+  "DIAGNOSES_FORM_TITLE": "Diagnósticos",
+  "DIAGNOSES_SEARCH_ARIA_LABEL": "Buscar diagnósticos",
+  "DIAGNOSES_SEARCH_PLACEHOLDER": "Buscar para agregar un diagnóstico",
+  "DIAGNOSES_SELECT_CERTAINTY": "Seleccionar Certeza",
   "ENCOUNTER_DATE": "Fecha de Encuentro",
   "ENCOUNTER_TYPE": "Tipo de encuentro",
   "ERROR_BAD_REQUEST_MESSAGE": "Parámetros de entrada no válidos. Por favor, verifique su solicitud e intente nuevamente.",
@@ -66,6 +75,7 @@
   "LOCATION": "Ubicación",
   "NETWORK_ERROR": "Se produjo un error de red",
   "NO_ALLERGIES": "No hay alergias registradas para este paciente",
+  "NO_MATCHING_CONCEPTS_FOUND": "No se encontraron conceptos coincidentes",
   "PARTICIPANT": "Partícipe(es)",
   "PATIENT_HEADER_ACTION_AREA_IN_PROGRESS": "Consulta en progreso",
   "PATIENT_HEADER_LABEL": "Cabecera del Paciente",
@@ -75,6 +85,8 @@
   "SELECT_LOCATION": "Seleccionar ubicación",
   "SELECT_PRACTITIONER": "Seleccionar profesional médico",
   "SELECT_VISIT_TYPE": "Seleccionar tipo de visita",
+  "SELECTED_ITEM_CLOSE": "Cerrar",
+  "SELECTED_ITEM_CLOSE_ARIA_LABEL": "Cerrar elemento seleccionado",
   "SEVERITY": "Gravedad",
   "SIDE_NAVIGATION": "Navegación lateral",
   "UNEXPECTED_ERROR": "Se produjo un error inesperado",

src/components/clinical/consultationPad/ConsultationPad.tsx

@@ -5,10 +5,14 @@ import { useCurrentEncounter } from '@hooks/useCurrentEncounter';
 import { useActivePractitioner } from '@hooks/useActivePractitioner';
 import { useEncounterConcepts } from '@hooks/useEncounterConcepts';
 import { useLocations } from '@hooks/useLocations';
+import { useConceptSearch } from '@hooks/useConceptSearch';
 import { Column, Grid, Loading } from '@carbon/react';
 import * as styles from './styles/ConsultationPad.module.scss';
 import BasicForm from '@components/clinical/basicForm/BasicForm';
+import DiagnosesForm from '@components/clinical/diagnosesForm/DiagnosesForm';
+import { SelectedDiagnosisItemProps } from '@components/clinical/diagnosesForm/SelectedDiagnosisItem';
 import { Concept } from '@types/encounterConcepts';
+import { ConceptSearch } from '@types/concepts';
 import { ConsultationBundle } from '@types/consultationBundle';
 import { postConsultationBundle } from '@services/consultationBundleService';
 import useNotification from '@hooks/useNotification';
@@ -18,6 +22,8 @@ import {
   createBundleEntry,
   createConsultationBundle,
 } from '@utils/fhir/consultationBundleCreator';
+import { CERTAINITY_CONCEPTS } from '@constants/concepts';
+import { Coding } from 'fhir/r4';
 
 interface ConsultationPadProps {
   patientUUID: string;
@@ -29,8 +35,91 @@ const ConsultationPad: React.FC<ConsultationPadProps> = ({
   onClose,
 }) => {
   const [isSubmitting, setIsSubmitting] = React.useState(false);
+
+  // DiagnosesForm state management
+  const [searchDiagnosesTerm, setSearchDiagnosesTerm] = React.useState('');
+  const [selectedDiagnoses, setSelectedDiagnoses] = React.useState<
+    SelectedDiagnosisItemProps[]
+  >([]);
+  const [diagnosisErrors, setDiagnosisErrors] = React.useState<Error[]>([]);
+
   const { t } = useTranslation();
   const { addNotification } = useNotification();
+
+  // Use concept search hook for diagnoses
+  const {
+    searchResults,
+    loading: isSearchLoading,
+    error: searchError,
+  } = useConceptSearch(searchDiagnosesTerm);
+
+  // Handle search errors
+  React.useEffect(() => {
+    if (searchError) {
+      setDiagnosisErrors([searchError]);
+    }
+  }, [searchError]);
+
+  // DiagnosesForm handler functions
+  const handleSearch = (searchTerm: string) => {
+    setSearchDiagnosesTerm(searchTerm);
+    // Clear previous errors when new search starts
+    setDiagnosisErrors([]);
+  };
+
+  const handleResultSelection = (
+    selectedItem: ConceptSearch | null | undefined,
+  ) => {
+    if (!selectedItem) {
+      return;
+    }
+
+    // Check for duplicate diagnosis
+    const isDuplicate = selectedDiagnoses.some(
+      (diagnosis) => diagnosis.id === selectedItem.conceptUuid,
+    );
+
+    if (isDuplicate) {
+      setDiagnosisErrors([new Error(t('DIAGNOSES_DUPLICATE_ERROR'))]);
+      return;
+    }
+
+    // Create new diagnosis with certainty handler
+    const newDiagnosis: SelectedDiagnosisItemProps = {
+      id: selectedItem.conceptUuid,
+      title: selectedItem.conceptName,
+      certaintyConcepts: CERTAINITY_CONCEPTS,
+      selectedCertainty: null,
+      handleCertaintyChange: (data) => {
+        handleCertaintyChange(selectedItem.conceptUuid, data.selectedItem);
+      },
+    };
+
+    setSelectedDiagnoses([...selectedDiagnoses, newDiagnosis]);
+    setSearchDiagnosesTerm(''); // Clear search
+    setDiagnosisErrors([]); // Clear errors
+  };
+
+  const handleRemoveDiagnosis = (index: number) => {
+    setSelectedDiagnoses((prevDiagnoses) =>
+      prevDiagnoses.filter((_, i) => i !== index),
+    );
+    setDiagnosisErrors([]); // Clear any existing errors
+  };
+
+  const handleCertaintyChange = (
+    diagnosisId: string,
+    selectedCertainty: Coding | null | undefined,
+  ) => {
+    setSelectedDiagnoses((prevDiagnoses) =>
+      prevDiagnoses.map((diagnosis) =>
+        diagnosis.id === diagnosisId
+          ? { ...diagnosis, selectedCertainty: selectedCertainty || null }
+          : diagnosis,
+      ),
+    );
+  };
+
   const {
     locations,
     loading: loadingLocations,
@@ -79,11 +168,11 @@ const ConsultationPad: React.FC<ConsultationPadProps> = ({
   const submitConsultation = () => {
     const enconterResourceURL = `urn:uuid:${crypto.randomUUID()}`;
     const encounterResource = createEncounterResource(
-      encounterTypeSelected?.uuid,
-      encounterTypeSelected?.name,
+      encounterTypeSelected!.uuid,
+      encounterTypeSelected!.name,
       patientUUID,
-      [practitioner?.uuid],
-      currentEncounter?.id,
+      [practitioner!.uuid],
+      currentEncounter!.id,
       locations[0].uuid,
       new Date(),
     );
@@ -192,16 +281,31 @@ const ConsultationPad: React.FC<ConsultationPadProps> = ({
       secondaryButtonText={t('CONSULTATION_PAD_CANCEL_BUTTON')}
       onSecondaryButtonClick={handleOnSecondaryButtonClick}
       content={
-        <BasicForm
-          practitioner={practitioner}
-          encounterTypes={encounterConcepts.encounterTypes}
-          encounterTypeSelected={encounterTypeSelected}
-          visitTypes={encounterConcepts.visitTypes}
-          visitTypeSelected={visitTypeSelected}
-          location={locations[0]}
-          locationSelected={locations[0]}
-          defaultDate={formattedDate.formattedResult}
-        />
+        <>
+          <BasicForm
+            practitioner={practitioner}
+            encounterTypes={encounterConcepts.encounterTypes}
+            encounterTypeSelected={encounterTypeSelected}
+            visitTypes={encounterConcepts.visitTypes}
+            visitTypeSelected={visitTypeSelected}
+            location={locations[0]}
+            locationSelected={locations[0]}
+            defaultDate={formattedDate.formattedResult}
+          />
+          <DiagnosesForm
+            handleResultSelection={handleResultSelection}
+            handleSearch={handleSearch}
+            searchResults={searchResults}
+            isSearchEmpty={
+              searchResults.length === 0 &&
+              !isSearchLoading &&
+              searchDiagnosesTerm.length > 2
+            }
+            errors={diagnosisErrors}
+            selectedDiagnoses={selectedDiagnoses}
+            handleRemoveDiagnosis={handleRemoveDiagnosis}
+          />
+        </>
       }
     />
   );