@bahmni/appointments-app 0.0.1-dev.194 → 0.0.1-dev.197

package/dist/Observations-BYTVkUwc-D4aoevDr.js

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