@bahmni/registration-app 0.0.1-dev.210 → 0.0.1-dev.214

package/dist/Observations-MHo-cJ_h-cGM57xH7.js

@@ -0,0 +1,213 @@
+import { jsxs as S, jsx as u } from "react/jsx-runtime";
+import { c as w, e as V, u as N, p as x, q as K, w as Q, s as j, v as G, r as H, y as M, x as z, t as P, I as q, z as Y, o as Z, A as J, i as W, j as X, m as ee } from "./index-D8JUClPX.js";
+import { useQueries as te, useQuery as ae } from "@tanstack/react-query";
+import { useRef as se, useEffect as $, useMemo as R } from "react";
+const A = (t, n, d, l, b, r) => {
+  const a = Y(t, n, b), s = a.value, i = Z(s);
+  let o = s;
+  i === "Image" && (o = /* @__PURE__ */ u(
+    W,
+    {
+      imageSrc: s,
+      alt: s,
+      id: `${s}-img`,
+      hideThumbnail: r
+    }
+  )), i === "Video" && (o = /* @__PURE__ */ u(
+    X,
+    {
+      id: `${s}-video`,
+      videoSrc: s,
+      hideThumbnail: r
+    }
+  )), i === "PDF" && (o = /* @__PURE__ */ u(ee, { id: `${s}-pdf`, src: s }));
+  const p = b("OBSERVATIONS_RECORDED_BY", {
+    provider: a.provider
+  }), m = t.display, v = t.observationValue?.isAbnormal ? "abnormal-obs" : "obs", c = l ? `${l}-${v}-${m}-${d}-${n}` : `${v}-${m}-${d}-${n}`;
+  return /* @__PURE__ */ u(
+    J,
+    {
+      header: a.header,
+      value: o,
+      info: p,
+      id: c,
+      testId: c,
+      ariaLabel: c
+    },
+    `obs-${t.id}`
+  );
+}, re = (t, n, d, l, b, r, a) => /* @__PURE__ */ u(
+  q,
+  {
+    title: t.display,
+    id: `grouped-obs-${t.display}-${l}`,
+    open: d,
+    children: t.members?.map(
+      (s, i) => A(
+        s,
+        i,
+        b,
+        r,
+        n,
+        a
+      )
+    )
+  },
+  `grouped-obs-${t.id}`
+), ie = ({
+  groupedData: t,
+  title: n = "",
+  hideThumbnail: d
+}) => {
+  const { t: l } = N(), b = (r, a, s) => {
+    const i = P(r.encounterDetails, l);
+    return /* @__PURE__ */ S(
+      q,
+      {
+        title: i,
+        id: `encounter-${r.encounterId}`,
+        open: a,
+        children: [
+          r.observations.map(
+            (o, p) => A(
+              o,
+              p,
+              s,
+              n,
+              l,
+              d
+            )
+          ),
+          r.groupedObservations.map(
+            (o, p) => re(
+              o,
+              l,
+              a,
+              p,
+              s,
+              n,
+              d
+            )
+          )
+        ]
+      },
+      `encounter-${r.encounterId}`
+    );
+  };
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      id: "obs-by-encounter",
+      "data-testid": "obs-by-encounter-test-id",
+      "aria-label": "obs-by-encounter-aria-label",
+      children: t.map(
+        (r, a) => b(r, a === 0, a)
+      )
+    }
+  );
+}, oe = "_observations_kfbhq_1", ne = "_title_kfbhq_12", I = {
+  observations: oe,
+  title: ne
+}, de = (t) => ["conceptUuid", t], le = (t, n) => ["observations", t, ...n], me = ({ config: t }) => {
+  const n = t, {
+    conceptNames: d = [],
+    conceptUuid: l = [],
+    hideThumbnail: b = !1
+  } = n, r = se(/* @__PURE__ */ new Set()), a = w(), { addNotification: s } = V(), { t: i } = N(), o = te({
+    queries: d.map((e) => ({
+      queryKey: de(e),
+      queryFn: () => x(e),
+      enabled: !!e
+    }))
+  });
+  $(() => {
+    o.forEach((e, h) => {
+      if (e.isError && !r.current.has(h)) {
+        const k = d[h];
+        s({
+          title: i("ERROR_DEFAULT_TITLE"),
+          message: i("ERROR_FETCHING_CONCEPT", { conceptName: k }),
+          type: "error"
+        }), r.current.add(h);
+      } else e.isError || r.current.delete(h);
+    });
+  }, [o, d]);
+  const p = R(() => o.map((e) => e.data?.uuid).filter((e) => !!e), [o]), m = R(() => [.../* @__PURE__ */ new Set([...p, ...l])], [p, l]), v = R(() => d.length === 0 ? !0 : o.every((e) => !e.isLoading), [o, d.length]), {
+    data: c,
+    isLoading: D,
+    isError: T,
+    refetch: f
+  } = ae({
+    queryKey: le(a, m),
+    queryFn: () => K(a, m),
+    enabled: !!a && m.length > 0 && v
+  });
+  Q(
+    (e) => {
+      e.patientUUID === a && e.updatedConcepts.size > 0 && [...e.updatedConcepts.keys()].some(
+        (h) => m.includes(h)
+      ) && f();
+    },
+    [a, f]
+  ), $(() => {
+    T && s({
+      title: i("ERROR_DEFAULT_TITLE"),
+      message: i("ERROR_FETCHING_OBSERVATIONS"),
+      type: "error"
+    });
+  }, [T]);
+  const g = R(() => {
+    if (!c) return [];
+    const e = j(c), h = G(e);
+    return H(h);
+  }, [c]), F = [
+    { key: "name", header: "name" },
+    { key: "value", header: "value" },
+    { key: "form", header: "form" }
+  ], O = D || !v, _ = T && v, L = (!c || c.entry?.length === 0 || m.length === 0) && v, B = _ ? i("ERROR_FETCHING_OBSERVATIONS") : null, C = L ? i("NO_OBSERVATIONS_FOUND") : void 0, U = g.length > 0 && !O && !_, E = n.titleTranslationKey, y = E ? i(E) : "";
+  return /* @__PURE__ */ S(
+    "div",
+    {
+      id: "observations",
+      "data-testid": E ? `observations-${y}` : "observations",
+      "aria-label": "observations-aria-label",
+      className: I.observations,
+      children: [
+        /* @__PURE__ */ u(
+          M,
+          {
+            id: "observations-title",
+            testId: E ? `observations-title-${y}` : "observations-title",
+            title: y,
+            className: I.title,
+            children: /* @__PURE__ */ u("p", { children: y })
+          }
+        ),
+        U ? /* @__PURE__ */ u(
+          ie,
+          {
+            groupedData: g,
+            title: y,
+            hideThumbnail: b
+          }
+        ) : /* @__PURE__ */ u(
+          z,
+          {
+            headers: F,
+            rows: [],
+            ariaLabel: i("OBSERVATIONS"),
+            loading: O,
+            errorStateMessage: B,
+            emptyStateMessage: C,
+            dataTestId: "observations-table"
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  de as conceptUuidQueryKeys,
+  me as default,
+  le as observationsQueryKeys
+};