@bahmni/registration-app 0.0.1-dev.191 → 0.0.1-dev.193

package/dist/Observations-21c_55Fg-Dt82889t.js

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