@bahmni/registration-app 0.0.1-dev.152 → 0.0.1-dev.155

package/dist/FormsTable-DdRTZqZA-5ePfxrH5.js

@@ -0,0 +1,424 @@
+import { jsx as s, jsxs as p, Fragment as P } from "react/jsx-runtime";
+import { u as ee, h as re, w as ae, Y as te, W as oe, K as ne, U as se, e as de, i as me, C as ie, z as U, a as le, G as ce, b as ue, c as be, V as q, d as pe, g as _e, f as L, P as fe, M as $e, x as he, F as ve } from "./index-Bnufarzo.js";
+import { useQueryClient as ge, useQuery as C } from "@tanstack/react-query";
+import { useState as K, useMemo as g, useCallback as A } from "react";
+const Ne = "_formsTableBody_1pd36_1", ye = "_customAccordianItem_1pd36_6", Ce = "_formContent_1pd36_18", Ae = "_formDetailsContainer_1pd36_25", Le = "_observation_1pd36_30", Re = "_groupContainer_1pd36_39", Fe = "_rowContainer_1pd36_43", Me = "_groupLabel_1pd36_48", Oe = "_rowLabel_1pd36_58", Ve = "_rowValue_1pd36_67", Ie = "_groupMembers_1pd36_75", Te = "_memberRow_1pd36_81", Se = "_memberLabel_1pd36_86", we = "_memberValue_1pd36_94", xe = "_abnormalValue_1pd36_102", De = "_commentSection_1pd36_110", Ee = "_commentText_1pd36_116", Ge = "_nestedGroup_1pd36_125", Be = "_nestedGroupLabel_1pd36_132", Ue = "_nestedGroupMembers_1pd36_141", o = {
+  formsTableBody: Ne,
+  customAccordianItem: ye,
+  formContent: Ce,
+  formDetailsContainer: Ae,
+  observation: Le,
+  groupContainer: Re,
+  rowContainer: Fe,
+  groupLabel: Me,
+  rowLabel: Oe,
+  rowValue: Ve,
+  groupMembers: Ie,
+  memberRow: Te,
+  memberLabel: Se,
+  memberValue: we,
+  abnormalValue: xe,
+  commentSection: De,
+  commentText: Ee,
+  nestedGroup: Ge,
+  nestedGroupLabel: Be,
+  nestedGroupMembers: Ue
+}, k = (e) => {
+  const r = fe(e);
+  return r === "Image" ? /* @__PURE__ */ s(
+    $e,
+    {
+      imageSrc: e,
+      alt: e,
+      id: `${e}-img`
+    }
+  ) : r === "Video" ? /* @__PURE__ */ s(he, { id: `${e}-video`, videoSrc: e }) : e;
+}, H = (e) => {
+  const r = e.observationValue?.unit, n = e.observationValue?.referenceRange?.low?.value, a = e.observationValue?.referenceRange?.high?.value, d = n != null, c = a != null, m = d && c ? ` (${n} - ${a})` : d ? ` (>${n})` : c ? ` (<${a})` : "", t = e.observationValue?.isAbnormal === !0;
+  return { units: r, rangeString: m, isAbnormal: t };
+}, j = ({
+  member: e,
+  depth: r = 0,
+  memberIndex: n = 0,
+  formName: a = "",
+  comment: d
+}) => {
+  const c = e.members && e.members.length > 0, m = e.display, t = a ? `${a}-` : "";
+  if (c)
+    return /* @__PURE__ */ p(
+      "div",
+      {
+        className: o.nestedGroup,
+        "data-testid": `${t}obs-nested-group-${m}-${n}`,
+        children: [
+          /* @__PURE__ */ s(
+            "div",
+            {
+              className: o.nestedGroupLabel,
+              "data-testid": `${t}obs-nested-group-label-${m}-${n}`,
+              style: { paddingLeft: `${r * 16}px` },
+              children: m
+            }
+          ),
+          /* @__PURE__ */ s(
+            "div",
+            {
+              className: o.nestedGroupMembers,
+              "data-testid": `${t}obs-nested-group-members-${m}-${n}`,
+              children: e.members?.map((N, y) => /* @__PURE__ */ s(
+                j,
+                {
+                  member: N,
+                  depth: r + 1,
+                  memberIndex: y,
+                  formName: a
+                },
+                `${N.id}`
+              ))
+            }
+          )
+        ]
+      }
+    );
+  const { units: b, rangeString: h, isAbnormal: _ } = H(e), f = e.observationValue?.value?.toString(), $ = f ? k(f) : null;
+  return /* @__PURE__ */ p(P, { children: [
+    /* @__PURE__ */ p(
+      "div",
+      {
+        className: o.memberRow,
+        "data-testid": `${t}obs-member-row-${m}-${n}`,
+        style: { paddingLeft: `${r * 16}px` },
+        children: [
+          /* @__PURE__ */ p(
+            "p",
+            {
+              className: L(
+                o.memberLabel,
+                _ ? o.abnormalValue : ""
+              ),
+              "data-testid": `${t}obs-member-label-${m}-${n}`,
+              children: [
+                m,
+                h
+              ]
+            }
+          ),
+          /* @__PURE__ */ p(
+            "div",
+            {
+              className: L(
+                o.memberValue,
+                _ ? o.abnormalValue : ""
+              ),
+              "data-testid": `${t}obs-member-value-${m}-${n}`,
+              children: [
+                $,
+                b && ` ${b}`
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    d && /* @__PURE__ */ s(
+      "div",
+      {
+        className: o.commentSection,
+        "data-testid": `${t}obs-member-comment-${m}-${n}`,
+        style: { paddingLeft: `${r * 16}px` },
+        children: /* @__PURE__ */ p("span", { className: o.commentText, children: [
+          d,
+          e.encounter?.provider && ` - by ${e.encounter.provider}`
+        ] })
+      }
+    )
+  ] });
+}, qe = ({
+  observation: e,
+  index: r,
+  formName: n = "",
+  comment: a
+}) => {
+  const d = e.members && e.members.length > 0, { units: c, rangeString: m, isAbnormal: t } = H(e), b = n ? `${n}-` : "", h = e.observationValue?.value?.toString(), _ = h ? k(h) : null;
+  return /* @__PURE__ */ p(
+    "div",
+    {
+      className: o.observation,
+      "data-testid": `${b}observation-item-${e.display}-${r}`,
+      children: [
+        /* @__PURE__ */ p(
+          "div",
+          {
+            className: d ? o.groupContainer : o.rowContainer,
+            "data-testid": `${b}observation-container-${e.display}-${r}`,
+            children: [
+              /* @__PURE__ */ p(
+                "p",
+                {
+                  className: L(
+                    d ? o.groupLabel : o.rowLabel,
+                    !d && t ? o.abnormalValue : ""
+                  ),
+                  "data-testid": `${b}observation-label-${e.display}-${r}`,
+                  children: [
+                    e.display,
+                    !d && m && /* @__PURE__ */ s("span", { className: o.rangeInfo, children: m })
+                  ]
+                }
+              ),
+              d ? /* @__PURE__ */ s(
+                "div",
+                {
+                  className: o.groupMembers,
+                  "data-testid": `${b}observation-group-members-${e.display}-${r}`,
+                  children: e.members?.map((f, $) => /* @__PURE__ */ s(
+                    j,
+                    {
+                      member: f,
+                      depth: 0,
+                      memberIndex: $,
+                      formName: n
+                    },
+                    `${f.id}`
+                  ))
+                }
+              ) : /* @__PURE__ */ p(
+                "div",
+                {
+                  className: L(
+                    o.rowValue,
+                    t ? o.abnormalValue : ""
+                  ),
+                  "data-testid": `${b}observation-value-${e.display}-${r}`,
+                  children: [
+                    _,
+                    c && ` ${c}`
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        a && /* @__PURE__ */ s(
+          "div",
+          {
+            className: o.commentSection,
+            "data-testid": `${b}observation-comment-${e.display}-${r}`,
+            children: /* @__PURE__ */ p("span", { className: o.commentText, children: [
+              a,
+              e.encounter?.provider && ` - by ${e.encounter.provider}`
+            ] })
+          }
+        )
+      ]
+    },
+    `${e.id}-${r}`
+  );
+}, Ke = (e) => e ? e.extension?.find(
+  (r) => r.url === ve
+)?.valueString : void 0, Pe = (e) => {
+  if (e)
+    return e.note?.[0]?.text;
+}, ke = (e, r) => e.entry?.find((n) => n.resource?.id === r)?.resource, O = (e, r) => {
+  const n = ke(e, r);
+  return n ? {
+    formFieldPath: Ke(n),
+    comment: Pe(n)
+  } : {};
+}, He = (e, r) => {
+  if (!e?.entry || !r)
+    return [];
+  const n = pe(e);
+  return [
+    ...n.observations.map((a) => {
+      const { formFieldPath: d, comment: c } = O(
+        e,
+        a.id
+      );
+      return { obs: a, formFieldPath: d, comment: c };
+    }),
+    ...n.groupedObservations.flatMap((a) => {
+      const { formFieldPath: d } = O(e, a.id);
+      return (a.members ?? []).map((c) => {
+        const { comment: m } = O(e, c.id);
+        return { obs: c, formFieldPath: d, comment: m };
+      });
+    })
+  ].filter(
+    ({ formFieldPath: a }) => !a || a.includes(r)
+  );
+}, We = ({
+  episodeOfCareUuids: e,
+  encounterUuids: r,
+  config: n
+}) => {
+  const { t: a } = ee(), d = re(), [c, m] = K(!1), [t, b] = K(null), h = n?.numberOfVisits, _ = ae(
+    e,
+    r
+  ), f = ge(), {
+    data: $ = [],
+    isLoading: N,
+    isError: y,
+    error: Y,
+    refetch: z
+  } = C({
+    queryKey: ["forms", d, e],
+    queryFn: () => te(d, void 0, h),
+    enabled: !!d && !_
+  }), V = g(() => !r || r.length === 0 ? $ : $.filter(
+    (i) => r.includes(i.encounterUuid)
+  ), [$, r]), { data: I = [] } = C({
+    queryKey: ["observationForms"],
+    queryFn: () => oe()
+  }), T = A(
+    (i) => I.find((u) => u.name === i)?.uuid,
+    [I]
+  ), R = g(() => {
+    if (t)
+      return T(t.formName);
+  }, [t, T]), { isLoading: Q, error: S } = C({
+    queryKey: ["formMetadata", R],
+    queryFn: () => ne(R),
+    enabled: !!R && c
+  }), {
+    data: F,
+    isLoading: W,
+    error: w
+  } = C({
+    queryKey: ["formsEncounterFHIR", t?.encounterUuid],
+    queryFn: () => se(t.encounterUuid),
+    enabled: !!t?.encounterUuid && c
+  });
+  de(
+    (i) => {
+      i.patientUUID === d && i.updatedConcepts.size > 0 && (z(), f.invalidateQueries({ queryKey: ["formsEncounter"] }));
+    },
+    [d]
+  );
+  const x = g(() => !F || !t?.formName ? [] : He(
+    F,
+    t.formName
+  ), [F, t?.formName]), D = g(
+    () => [
+      { key: "recordedOn", header: a("FORM_RECORDED_ON") },
+      { key: "recordedBy", header: a("FORM_RECORDED_BY") }
+    ],
+    [a]
+  ), X = g(
+    () => [
+      { key: "recordedOn", sortable: !0 },
+      { key: "recordedBy", sortable: !0 }
+    ],
+    []
+  ), E = g(() => {
+    const i = V.reduce(
+      (u, l) => {
+        const v = l.formName;
+        u[v] ??= [];
+        const M = l.providers.map((Z) => Z.providerName).filter(Boolean).join(", ");
+        return u[v].push({
+          id: l.encounterUuid,
+          formName: l.formName,
+          recordedOn: me(l.encounterDateTime, a, _e).formattedResult,
+          recordedBy: M ?? "--",
+          encounterDateTime: l.encounterDateTime,
+          encounterUuid: l.encounterUuid
+        }), u;
+      },
+      {}
+    );
+    return Object.entries(i).map(
+      ([u, l]) => ({
+        formName: u,
+        records: l.sort(
+          (v, M) => M.encounterDateTime - v.encounterDateTime
+        )
+      })
+    ).sort((u, l) => u.formName.localeCompare(l.formName));
+  }, [V, a]), G = A((i) => {
+    b(i), m(!0);
+  }, []), J = A(() => {
+    m(!1), b(null);
+  }, []), B = A(
+    (i, u) => {
+      switch (u) {
+        case "recordedOn":
+          return /* @__PURE__ */ s(ie, { onClick: () => G(i), children: i.recordedOn });
+        case "recordedBy":
+          return i.recordedBy;
+        default:
+          return null;
+      }
+    },
+    [G]
+  );
+  return /* @__PURE__ */ p(P, { children: [
+    /* @__PURE__ */ s("div", { "data-testid": "forms-table", children: N || y || E.length === 0 || _ ? /* @__PURE__ */ s(
+      U,
+      {
+        headers: D,
+        ariaLabel: a("FORMS_HEADING"),
+        rows: [],
+        loading: N,
+        errorStateMessage: y ? Y?.message : void 0,
+        emptyStateMessage: a("FORMS_UNAVAILABLE"),
+        renderCell: B,
+        className: o.formsTableBody,
+        dataTestId: "forms-table"
+      }
+    ) : /* @__PURE__ */ s(le, { align: "start", children: E.map((i, u) => {
+      const { formName: l, records: v } = i;
+      return /* @__PURE__ */ s(
+        ce,
+        {
+          title: l,
+          className: o.customAccordianItem,
+          testId: `accordian-title-${l}`,
+          open: u === 0,
+          children: /* @__PURE__ */ s(
+            U,
+            {
+              headers: D,
+              ariaLabel: a("FORMS_HEADING"),
+              rows: v,
+              loading: !1,
+              errorStateMessage: "",
+              sortable: X,
+              emptyStateMessage: a("FORMS_UNAVAILABLE"),
+              renderCell: B,
+              className: o.formsTableBody,
+              dataTestId: `forms-table-${l}`
+            }
+          )
+        },
+        l
+      );
+    }) }) }),
+    c && t && /* @__PURE__ */ s(
+      ue,
+      {
+        id: "modalIdForActionAreaLayout",
+        open: c,
+        onRequestClose: J,
+        modalHeading: t.formName,
+        modalLabel: `${t.recordedOn} | ${t.recordedBy}`,
+        passiveModal: !0,
+        size: "md",
+        testId: "form-details-modal",
+        children: /* @__PURE__ */ s("div", { className: o.formContent, children: Q || W ? /* @__PURE__ */ s(be, { width: "100%", lineCount: 3 }) : S ? /* @__PURE__ */ s("div", { children: q(S).message ?? a("ERROR_FETCHING_FORM_METADATA") }) : w ? /* @__PURE__ */ s("div", { children: q(w).message ?? a("ERROR_FETCHING_FORM_DATA") }) : x.length > 0 ? /* @__PURE__ */ s("div", { className: o.formDetailsContainer, children: x.map(({ obs: i, comment: u }, l) => /* @__PURE__ */ s(
+          qe,
+          {
+            observation: i,
+            index: l,
+            formName: t.formName,
+            comment: u
+          },
+          `${i.id}`
+        )) }) : /* @__PURE__ */ s("div", { children: a("NO_FORM_DATA_AVAILABLE") }) })
+      }
+    )
+  ] });
+};
+export {
+  We as default
+};

package/dist/{LNWAZHJI-BNFXxxyy.js → LNWAZHJI-DYm5s3vH.js}

@@ -1,5 +1,5 @@
-import { c, T as l, P as m, a as u, D as v, Q as i } from "./YPM2AS64-BBeTDdWD.js";
-import { l as d, m as f, n as e } from "./index-B6DRKpTQ.js";
+import { c, T as l, P as m, a as u, D as v, Q as i } from "./YPM2AS64-BbefJEgY.js";
+import { l as d, m as f, n as e } from "./index-Bnufarzo.js";
 var p = (a) => {
   const [r, t] = c({
     prefix: "TanstackQueryDevtools"

package/dist/{MWZ6AO7Z-ut1vKCaN.js → MWZ6AO7Z-Bqja_bmz.js}

@@ -1,5 +1,5 @@
-import { c as s, T as c, P as u, a as i, b as m, C as P, Q as d } from "./YPM2AS64-BBeTDdWD.js";
-import { l as v, m as C, n as e } from "./index-B6DRKpTQ.js";
+import { c as s, T as c, P as u, a as i, b as m, C as P, Q as d } from "./YPM2AS64-BbefJEgY.js";
+import { l as v, m as C, n as e } from "./index-Bnufarzo.js";
 var h = (t) => {
   const [r, o] = s({
     prefix: "TanstackQueryDevtools"

package/dist/{Observations-DmBegyWd-kEFHRZV1.js → Observations-BGV229VX-BvklnIy_.js}

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

package/dist/{YPM2AS64-BBeTDdWD.js → YPM2AS64-BbefJEgY.js}

@@ -1,4 +1,4 @@
-import { o as we, r as z, s as xt, t as B, m as q, n as y, v as Ro, y as ye, S as R, z as _, B as k, D as N, E as A, I as bs, N as ir, O as $e, R as U, T as Hn, Z as Vn, _ as dt, $ as D, a0 as xs, a1 as cn, a2 as Be, a3 as ws, a4 as qt, a5 as zt, a6 as $s, a7 as Cs, a8 as $n, a9 as Ss, aa as Nr, ab as Bt, ac as zo, ad as ks, ae as Es, af as j, ag as Ur, ah as Ms, ai as Ds, aj as sr, ak as As, al as Ts, am as zn, an as Fs, ao as Is, ap as Z, aq as Ps, ar as Os } from "./index-B6DRKpTQ.js";
+import { o as we, r as z, s as xt, v as B, m as q, n as y, y as Ro, B as ye, S as R, D as _, E as k, I as N, J as A, N as bs, O as ir, R as $e, T as U, Z as Hn, _ as Vn, $ as dt, a0 as D, a1 as xs, a2 as cn, a3 as Be, a4 as ws, a5 as qt, a6 as zt, a7 as $s, a8 as Cs, a9 as $n, aa as Ss, ab as Nr, ac as Bt, ad as zo, ae as ks, af as Es, ag as j, ah as Ur, ai as Ms, aj as Ds, ak as sr, al as As, am as Ts, an as zn, ao as Fs, ap as Is, aq as Z, ar as Ps, as as Os } from "./index-Bnufarzo.js";
 var Ls = (e) => e != null, qs = (e) => e.filter(Ls);
 function _s(e) {
   return (...t) => {