@bahmni/home-app 0.0.1-dev.266

package/dist/Observations-C7p_jHRY-CqvdCO-Y.js

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