@mbehenri/openmrs-esm-opentms-meet-app 1.0.0

package/src/components/MeetIframe/index.tsx

@@ -0,0 +1,117 @@
+import React, { useCallback, useEffect, useRef, useState } from "react";
+import styles from "./index.scss";
+import logo from "../../assets/img/Logo.png";
+
+interface MeetIframeProps {
+  username: string;
+  token: string;
+  url: string;
+}
+
+export const MeetIframe: React.FC<MeetIframeProps> = ({
+  url,
+  token,
+  username,
+}) => {
+  const iframeRef = useRef<HTMLIFrameElement>(null);
+
+  const [showPreloader, setShowPreloader] = useState(false);
+  const [needContinue, setNeedContinue] = useState(true);
+
+  const handleLogin = useCallback(
+    async (iframe: HTMLIFrameElement) => {
+      try {
+        const iframeWindow = iframe.contentWindow;
+        if (!iframeWindow) {
+          console.error("Impossible d'accéder à la fenêtre de l'iframe.");
+          setShowPreloader(false);
+          return;
+        }
+
+        const iframeDocument = iframeWindow.document;
+
+        const isLoggedIn = iframeDocument.querySelector(".user-menu");
+        if (isLoggedIn) {
+          //console.log("Utilisateur déjà connecté.");
+          //setShowPreloader(false);
+          return; // Pas besoin de soumettre le formulaire
+        }
+
+        const userInput = iframeDocument.querySelector(
+          'input[name="user"]'
+        ) as HTMLInputElement | null;
+        const passwordInput = iframeDocument.querySelector(
+          'input[name="password"]'
+        ) as HTMLInputElement | null;
+        const loginForm = iframeDocument.querySelector(
+          "form"
+        ) as HTMLFormElement | null;
+
+        if (userInput && passwordInput && loginForm) {
+          userInput.value = username;
+          passwordInput.value = token;
+
+          // Attendre 3 secondes avant de soumettre le formulaire
+          setTimeout(() => {
+            loginForm.submit();
+            // eslint-disable-next-line no-console
+            console.log("Formulaire de connexion soumis.");
+          }, 3000); // Délai de 3 secondes
+          //console.log('username', userInput.value, 'password', passwordInput.value);
+          return;
+        }
+      } catch (error) {
+        console.error("Erreur lors de l'accès au contenu de l'iframe :", error);
+      }
+      //setShowPreloader(false);
+    },
+    [token, username]
+  );
+
+  const handleLoad = useCallback(
+    async (iframe: HTMLIFrameElement) => {
+      if (needContinue) {
+        await handleLogin(iframe).finally(() => setNeedContinue(false));
+      }
+      setShowPreloader(false);
+    },
+    [handleLogin, needContinue]
+  );
+
+  useEffect(() => {
+    const iframe = iframeRef.current;
+    if (iframe) {
+      setShowPreloader(true);
+      const load = () => handleLoad(iframe);
+
+      // Associer l'événement de chargement
+      iframe.addEventListener("load", load);
+
+      // Nettoyage de l'événement lors du démontage du composant
+      return () => {
+        iframe.removeEventListener("load", load);
+      };
+    }
+  }, [handleLoad]);
+
+  return (
+    <div className={styles.contentViewWrapper}>
+      <div
+        className={styles.preloader}
+        style={{ display: showPreloader ? "flex" : "none" }}
+      >
+        <span className={styles.spinner}></span>
+        <img src={logo} alt="opencare logo" className="logo" />
+      </div>
+      <iframe
+        ref={iframeRef}
+        className={styles.viewer}
+        title="Web Meeting"
+        src={url}
+        allow="camera;microphone"
+      />
+    </div>
+  );
+};
+
+export default MeetIframe;

package/src/config-schema.ts

@@ -0,0 +1,45 @@
+import { Type, validator } from "@openmrs/esm-framework";
+
+/**
+ * This is the config schema. It expects a configuration object which
+ * looks like this:
+ *
+ * ```json
+ * { "casualGreeting": true, "whoToGreet": ["Mom"] }
+ * ```
+ *
+ * In OpenMRS Microfrontends, all config parameters are optional. Thus,
+ * all elements must have a reasonable default. A good default is one
+ * that works well with the reference application.
+ *
+ * To understand the schema below, please read the configuration system
+ * documentation:
+ *   https://openmrs.github.io/openmrs-esm-core/#/main/config
+ * Note especially the section "How do I make my module configurable?"
+ *   https://openmrs.github.io/openmrs-esm-core/#/main/config?id=im-developing-an-esm-module-how-do-i-make-it-configurable
+ * and the Schema Reference
+ *   https://openmrs.github.io/openmrs-esm-core/#/main/config?id=schema-reference
+ */
+export const configSchema = {
+    API_USER: {
+        _type: Type.String,
+        _default: "admin",
+        _description: 'API user used',
+    },
+    API_PASSWORD: {
+        _type: Type.String,
+        _default: "Admin123",
+        _description: 'API password used',
+    },
+    API_BASE_URL: {
+        _type: Type.String,
+        _default: "http://localhost:8000",
+        _description: 'API base url',
+    }
+};
+
+export type Config = {
+    API_USER: string,
+    API_PASSWORD: string,
+    API_BASE_URL: string,
+};

package/src/dashboard.meta.ts

@@ -0,0 +1,12 @@
+
+export const meetingDashboardMeta = {
+  name: 'meeting',
+  slot: 'opencare-dashboard-slot',
+  title: 'Meeting',
+};
+
+export const PaymentDashboardMeta = {
+  name: 'payment',
+  slot: 'opencare-dashboard-slot',
+  title: 'Payment',
+};

package/src/declarations.d.ts

@@ -0,0 +1,6 @@
+declare module "@carbon/react";
+declare module "*.css";
+declare module "*.scss";
+declare module "*.png";
+
+declare type SideNavProps = object;

package/src/index.ts

@@ -0,0 +1,75 @@
+/**
+ * This is the entrypoint file of the application. It communicates the
+ * important features of this microfrontend to the app shell. It
+ * connects the app shell to the React application(s) that make up this
+ * microfrontend.
+ */
+import { getAsyncLifecycle, defineConfigSchema, getSyncLifecycle } from "@openmrs/esm-framework";
+import { configSchema } from "./config-schema";
+import Root from "./root.component";
+import DemandTabExt from "./Extensions/DemandTabExt";
+import AppointmentTabExt from "./Extensions/AppointmentTabExt";
+import MeetIframeExt from "./Extensions/MeetIframeExt";
+import { ValidateDemandFormExt } from "./Extensions/ValidateDemandFormExt";
+
+const moduleName = "@openmrs/esm-opencare-app";
+
+const options = {
+  featureName: "opencare",
+  moduleName,
+};
+
+/**
+ * This tells the app shell how to obtain translation files: that they
+ * are JSON files in the directory `../translations` (which you should
+ * see in the directory structure).
+ */
+export const importTranslation = require.context(
+  "../translations",
+  false,
+  /.json$/,
+  "lazy"
+);
+
+/**
+ * This function performs any setup that should happen at microfrontend
+ * load-time (such as defining the config schema) and then returns an
+ * object which describes how the React application(s) should be
+ * rendered.
+ */
+export function startupApp() {
+  defineConfigSchema(moduleName, configSchema);
+}
+
+/**
+ * This named export tells the app shell that the default export of `root.component.tsx`
+ * should be rendered when the route matches `root`. The full route
+ * will be `openmrsSpaBase() + 'root'`, which is usually
+ * `/openmrs/spa/opencare`.
+ */
+/* export const root = getSyncLifecycle(
+  Root,
+  options
+); */
+
+export const root = getSyncLifecycle(Root, options);
+
+export const demandtab = getSyncLifecycle(
+  DemandTabExt,
+  options
+);
+
+export const appointmenttab = getSyncLifecycle(
+  AppointmentTabExt,
+  options
+);
+
+export const meetiframe = getSyncLifecycle(
+  MeetIframeExt,
+  options
+);
+
+export const validatedemandform = getSyncLifecycle(
+  ValidateDemandFormExt,
+  options
+);

package/src/pages/home/home.component.tsx

@@ -0,0 +1,8 @@
+import React from "react";
+ 
+ 
+export function Home() {
+  return (
+    <h3> Welcome to opencare app </h3>
+  );
+}

package/src/privileges/doctor.ts

@@ -0,0 +1,213 @@
+
+export const actions = [
+    "Edit Patient Identifiers",
+    "Remove Problems",
+    "View Order Types",
+    "View Global Properties",
+    "Edit Problems",
+    "View Concept Proposals",
+    "Add Relationships",
+    "View Locations",
+    "Manage OWA",
+    "Preview Forms",
+    "Manage HL7 Messages",
+    "View Patient Programs",
+    "Manage Concept Reference Terms",
+    "Manage Order Set Attribute Types",
+    "Delete HL7 Inbound Archive",
+    "Manage Concept Map Types",
+    "Add Encounters",
+    "View Patients",
+    "Generate Batch of Identifiers",
+    "Manage Person Attribute Types",
+    "Manage Auto Generation Options",
+    "Edit Encounters",
+    "Manage Field Types",
+    "Add Orders",
+    "View Programs",
+    "Manage Visit Attribute Types",
+    "Manage Forms",
+    "View Concept Datatypes",
+    "Add Concept Proposals",
+    "Manage Identifier Types",
+    "Update HL7 Inbound Exception",
+    "Get Order Frequencies",
+    "Manage Implementation Id",
+    "Manage Relationships",
+    "Manage Programs",
+    "Upload Batch of Identifiers",
+    "Remove Allergies",
+    "Manage Order Sets",
+    "Add Problems",
+    "View Observations",
+    "Add Visits",
+    "View Forms",
+    "Add Patients",
+    "View Problems",
+    "Add People",
+    "Add HL7 Source",
+    "Get Concept Attribute Types",
+    "Add Observations",
+    "Manage Visit Types",
+    "View Roles",
+    "Add Patient Programs",
+    "Edit Visits",
+    "Delete Patient Programs",
+    "View Encounters",
+    "View Privileges",
+    "Manage Providers",
+    "View Field Types",
+    "Delete People",
+    "Delete Users",
+    "Manage Encounter Roles",
+    "Delete Patients",
+    "Patient Dashboard - View Forms Section",
+    "View People",
+    "Get Diagnoses Attribute Types",
+    "Manage Address Hierarchy",
+    "Add Patient Identifiers",
+    "Edit Cohorts",
+    "Get Notes",
+    "Delete HL7 Inbound Exception",
+    "Get Visit Types",
+    "Get HL7 Inbound Exception",
+    "Manage Concepts",
+    "Get Visit Attribute Types",
+    "Get Visits",
+    "Get Providers",
+    "Get Location Attribute Types",
+    "Get Encounter Roles",
+    "Add HL7 Inbound Archive",
+    "Get HL7 Source",
+    "View Orders",
+    "Get HL7 Inbound Archive",
+    "Get HL7 Inbound Queue",
+    "Delete Patient Identifiers",
+    "View Relationship Types",
+    "Manage Global Properties",
+    "Manage Modules",
+    "Update HL7 Source",
+    "View Patient Cohorts",
+    "Manage Metadata Mapping",
+    "Edit Conditions",
+    "Delete Cohorts",
+    "Assign System Developer Role",
+    "Edit Users",
+    "Delete Concept Proposals",
+    "Get Concept Datatypes",
+    "Get Concept Classes",
+    "Edit Notes",
+    "Get Roles",
+    "Get Care Settings",
+    "Get Privileges",
+    "Get Order Types",
+    "Get Field Types",
+    "Get Concept Sources",
+    "Get Relationship Types",
+    "Manage Encounter Types",
+    "Get Identifier Types",
+    "Manage Scheduler",
+    "Get Forms",
+    "Get Orders",
+    "Get Global Properties",
+    "Manage Locations",
+    "Get Patient Programs",
+    "Get People",
+    "Patient Dashboard - View Overview Section",
+    "Delete Diagnoses",
+    "Get Person Attribute Types",
+    "Get Database Changes",
+    "Form Entry",
+    "Get Relationships",
+    "Get Allergies",
+    "Get Problems",
+    "Edit Diagnoses",
+    "Delete Orders",
+    "Get Programs",
+    "Get Concept Reference Terms",
+    "Purge Field Types",
+    "View Data Entry Statistics",
+    "Manage Address Templates",
+    "Upload XSN",
+    "Get Concept Map Types",
+    "Add HL7 Inbound Exception",
+    "Manage Identifier Sources",
+    "Get Conditions",
+    "Update HL7 Inbound Archive",
+    "Add Allergies",
+    "Manage Search Index",
+    "Manage Concept Classes",
+    "View Patient Identifiers",
+    "Manage Order Frequencies",
+    "Patient Overview - View Relationships",
+    "Patient Dashboard - View Demographics Section",
+    "Patient Overview - View Programs",
+    "Patient Overview - View Problem List",
+    "Patient Overview - View Allergies",
+    "View Administration Functions",
+    "Get Encounters",
+    "Get Users",
+    "Get Locations",
+    "View Encounter Types",
+    "Get Encounter Types",
+    "Get Patients",
+    "Get Observations",
+    "Get Patient Cohorts",
+    "Manage Location Attribute Types",
+    "View Identifier Types",
+    "Get Patient Identifiers",
+    "View Metadata Via Mapping",
+    "Add Users",
+    "Edit User Passwords",
+    "View Navigation Menu",
+    "Get Concepts",
+    "Delete Encounters",
+    "Get Concept Proposals",
+    "Edit People",
+    "Manage RESTWS",
+    "Edit Concept Proposals",
+    "Manage Concept Stop Words",
+    "Manage Location Tags",
+    "Manage Concept Sources",
+    "Manage Order Types",
+    "Edit Allergies",
+    "Patient Dashboard - View Encounters Section",
+    "Add Cohorts",
+    "Delete Notes",
+    "Manage Concept Datatypes",
+    "Delete Conditions",
+    "Manage Relationship Types",
+    "Edit Orders",
+    "Get Order Set Attribute Types",
+    "Get Diagnoses",
+    "View Relationships",
+    "Manage Alerts",
+    "Manage FormEntry XSN",
+    "View Unpublished Forms",
+    "Configure Visits",
+    "Patient Overview - View Patient Actions",
+    "Get Order Sets",
+    "Delete Visits",
+    "Patient Dashboard - View Patient Summary",
+    "Delete HL7 Inbound Queue",
+    "Delete Relationships",
+    "Edit Observations",
+    "View Concepts",
+    "Edit Patient Programs",
+    "View Person Attribute Types",
+    "View RESTWS",
+    "Patient Dashboard - View Graphs Section",
+    "Delete Observations",
+    "Patient Dashboard - View Regimen Section",
+    "Manage Concept Attribute Types",
+    "Manage Concept Name tags",
+    "View Users",
+    "View Allergies",
+    "View Concept Sources",
+    "Add HL7 Inbound Queue",
+    "Manage Roles",
+    "Update HL7 Inbound Queue",
+    "Edit Relationships",
+    "Edit Patients",
+    "View Concept Classes"
+]

package/src/repositories/Opencare/index.ts

@@ -0,0 +1,12 @@
+import { type TypeRepository } from "../TypeRepository";
+import ProdOpencareRepository from "./prodRepository";
+import OpencareRepository from "./repository";
+
+export function getOpencareRepository(
+  t: TypeRepository = "fake"
+): OpencareRepository {
+  if (t === "fake") {
+    return new OpencareRepository();
+  }
+  return new ProdOpencareRepository();
+}

package/src/repositories/Opencare/prodRepository.ts

@@ -0,0 +1,176 @@
+import { BadResponse } from "../errors";
+import env from "../env";
+import OpencareRepository from "./repository";
+
+class ProdOpencareRepository extends OpencareRepository {
+  async getDemands(): Promise<Array<any>> {
+    let myHeaders = new Headers();
+    myHeaders.append("Accept", "application/json,");
+    myHeaders.append("Content-Type", "application/json");
+    //myHeaders.append("Authorization", `Basic ${TALK_BASE64}`);
+
+    let requestOptions = {
+      method: "GET",
+      headers: myHeaders,
+    };
+    const demandProgressStatus = "2";
+    return await fetch(
+      `${env.API_BASE_URL}/demand?status=${demandProgressStatus}`,
+      requestOptions
+    )
+      .then((response) => {
+        if (response.ok) {
+          return response.json();
+        }
+        throw new BadResponse(
+          `Impossible de recupérer les démandes (${response.status})`,
+          "Opencare"
+        );
+      })
+      .then(({ results }) => {
+        const res: Array<any> = results;
+        return res;
+      });
+  }
+
+  async getAppointments(
+    patientUuid: string,
+    doctor?: string
+  ): Promise<Array<any>> {
+    let myHeaders = new Headers();
+    myHeaders.append("Accept", "application/json,");
+    myHeaders.append("Content-Type", "application/json");
+    //myHeaders.append("Authorization", `Basic ${TALK_BASE64}`);
+
+    let requestOptions = {
+      method: "GET",
+      headers: myHeaders,
+    };
+
+    return await fetch(
+      `${env.API_BASE_URL}/patient/${patientUuid}/appointment${
+        doctor ? `?doctor=${doctor}` : ""
+      }`,
+      requestOptions
+    )
+      .then((response) => {
+        if (response.ok) {
+          return response.json();
+        }
+        throw new BadResponse(
+          `Impossible de recupérer les rencontres (${response.status})`,
+          "Opencare"
+        );
+      })
+      .then(({ results }) => {
+        const res: Array<any> = results;
+        return res.map((appointment) => {
+          return {
+            uuid: appointment.uuid,
+            startDateTime: appointment.startDateTime,
+            location: "",
+            service: appointment.service,
+            status: appointment.statusProgress,
+            appointmentKind: "Scheduled",
+            comments: "",
+            linkRoom: appointment.linkRoom,
+            patientUuid,
+          };
+        });
+      });
+  }
+
+  async rejectDemand(demand_id: string): Promise<void> {
+    let myHeaders = new Headers();
+    myHeaders.append("Accept", "application/json,");
+    myHeaders.append("Content-Type", "application/json");
+    //myHeaders.append("Authorization", `Basic ${TALK_BASE64}`);
+
+    let requestOptions = {
+      method: "PUT",
+      headers: myHeaders,
+    };
+    await fetch(
+      `${env.API_BASE_URL}/demand/${demand_id}/reject`,
+      requestOptions
+    ).then((response) => {
+      if (response.ok) {
+        return response.json();
+      }
+      throw new BadResponse(
+        `Impossible de rejeter la demande (${response.status})`,
+        "Opencare"
+      );
+    });
+  }
+
+  async vaidateDemand(
+    demand_id: string,
+    doctor_id: string,
+    startDate: Date = new Date(),
+    duration = 30
+  ): Promise<void> {
+    const myHeaders = new Headers();
+    myHeaders.append("Accept", "application/json,");
+    myHeaders.append("Content-Type", "application/json");
+
+    const raw = JSON.stringify({
+      doctor_id: doctor_id,
+      duration: duration,
+      date_meeting: startDate.toISOString(),
+    });
+
+    const requestOptions = {
+      method: "POST",
+      headers: myHeaders,
+      body: raw,
+    };
+
+    await fetch(
+      `${env.API_BASE_URL}/demand/${demand_id}/validate`,
+      requestOptions
+    ).then((response) => {
+      if (response.ok) {
+        return response.json();
+      }
+      throw new BadResponse(
+        `Impossible de valider la demande (${response.status})`,
+        "Opencare"
+      );
+    });
+  }
+
+  async getProviders(): Promise<Array<any>> {
+    let myHeaders = new Headers();
+    myHeaders.append("Accept", "application/json,");
+    myHeaders.append("Content-Type", "application/json");
+    //myHeaders.append("Authorization", `Basic ${TALK_BASE64}`);
+
+    let requestOptions = {
+      method: "GET",
+      headers: myHeaders,
+    };
+
+    return await fetch(`${env.API_BASE_URL}/doctor`, requestOptions)
+      .then((response) => {
+        if (response.ok) {
+          return response.json();
+        }
+        throw new BadResponse(
+          `Impossible de recupérer les rencontres (${response.status})`,
+          "Opencare"
+        );
+      })
+      .then(({ results }) => {
+        const res: Array<any> = results;
+        return res.map((doctor) => {
+          return {
+            id: doctor.uuid,
+            name: doctor.person.display,
+          };
+        });
+      });
+  }
+}
+
+export default ProdOpencareRepository;