@bahmni/appointments-app 0.0.1-dev.212 → 0.0.1-dev.215

package/dist/{DocumentsTable-wbD1XXxL-BEtEXrdx.js → DocumentsTable-fzVaPEDf-DOOqOOKE.js}

@@ -1,6 +1,6 @@
-import { jsx as r, jsxs as p, Fragment as Y } from "react/jsx-runtime";
-import { c as K, u as Q, e as W, a as X, V as J, C as Z, x as ee, L as te, b as ae } from "./index-DIv6b2ab.js";
-import { useState as l, useCallback as h, useEffect as C, useMemo as T } from "react";
+import { jsx as r, jsxs as _, Fragment as Y } from "react/jsx-runtime";
+import { c as K, u as Q, e as W, a as J, H as X, T as Z, x as ee, R as te, p as ae } from "./index-CU8j8cbs.js";
+import { useState as l, useCallback as h, useEffect as f, useMemo as T } from "react";
 const ne = "_documentsTableBody_1voj8_1", oe = "_viewAttachmentsLink_1voj8_11", re = "_documentViewerContainer_1voj8_15", de = "_attachmentItem_1voj8_23", se = "_attachmentCounter_1voj8_27", ce = "_attachmentError_1voj8_36", ie = "_documentIframe_1voj8_44", le = "_documentImage_1voj8_50", d = {
   documentsTableBody: ne,
   viewAttachmentsLink: oe,
@@ -17,7 +17,7 @@ const ne = "_documentsTableBody_1voj8_1", oe = "_viewAttachmentsLink_1voj8_11",
   uploadedBy: "DOCUMENTS_UPLOADED_BY",
   action: "DOCUMENTS_ACTION"
 };
-function j(a) {
+function R(a) {
   return !a || a.includes(":") ? "#" : `/openmrs/auth?requested_document=/document_images/${a}`;
 }
 function ue(a, g) {
@@ -26,29 +26,29 @@ function ue(a, g) {
     header: g(me[s])
   }));
 }
-const _e = [
+const pe = [
   "documentIdentifier",
   "documentType",
   "uploadedOn",
   "uploadedBy",
   "action"
-], pe = /\.(jpg|jpeg|png|gif|webp|bmp|svg)$/i, B = (a) => a.attachments.length > 0 ? a.attachments : a.documentUrl ? [{ url: a.documentUrl, contentType: a.contentType }] : [], Ee = ({ config: a, encounterUuids: g }) => {
-  const [s, L] = l(!1), [o, w] = l(
+], _e = /\.(jpg|jpeg|png|gif|webp|bmp|svg)$/i, j = (a) => a.attachments.length > 0 ? a.attachments : a.documentUrl ? [{ url: a.documentUrl, contentType: a.contentType }] : [], Ee = ({ config: a, encounterUuids: g }) => {
+  const [s, w] = l(!1), [o, L] = l(
     null
-  ), [R, f] = l(
+  ), [B, I] = l(
     /* @__PURE__ */ new Set()
-  ), E = K(), { t: n } = Q(), { addNotification: U } = W(), $ = Number(a?.pageSize) || 5, [I, A] = l(1), [m, V] = l($), [k, y] = l(void 0), b = h((e) => {
-    w(e), L(!0);
-  }, []), F = h(() => {
-    L(!1), w(null), f(/* @__PURE__ */ new Set());
-  }, []), M = h((e) => {
-    f((t) => new Set(t).add(e));
-  }, []), { data: u, isLoading: H, isError: D, error: v } = X({
+  ), E = K(), { t: n } = Q(), { addNotification: U } = W(), $ = Number(a?.pageSize) || 5, [C, A] = l(1), [m, k] = l($), [H, y] = l(void 0), M = h((e) => {
+    L(e), w(!0);
+  }, []), V = h(() => {
+    w(!1), L(null), I(/* @__PURE__ */ new Set());
+  }, []), b = h((e) => {
+    I((t) => new Set(t).add(e));
+  }, []), { data: u, isLoading: F, isError: D, error: v } = J({
     queryKey: [
       "documents",
       E,
       g,
-      I,
+      C,
       m
     ],
     enabled: !!E,
@@ -56,26 +56,26 @@ const _e = [
       E,
       g,
       m,
-      I
+      C
     )
   });
-  C(() => {
+  f(() => {
     u && y(u.total);
-  }, [u]), C(() => {
+  }, [u]), f(() => {
     A(1), y(void 0);
-  }, [E]), C(() => {
+  }, [E]), f(() => {
     D && U({
       title: n("ERROR_DEFAULT_TITLE"),
       message: v?.message ?? "",
       type: "error"
     });
-  }, [D, v, U, n]), C(() => {
+  }, [D, v, U, n]), f(() => {
     const e = new AbortController();
     return (async () => {
       if (!s || !o) return;
-      const t = /* @__PURE__ */ new Set(), c = B(o);
+      const t = /* @__PURE__ */ new Set(), c = j(o);
       for (let i = 0; i < c.length; i++) {
-        const S = j(c[i].url);
+        const S = R(c[i].url);
         try {
           (await fetch(S, {
             method: "HEAD",
@@ -85,16 +85,16 @@ const _e = [
           O instanceof Error && O.name !== "AbortError" && t.add(i);
         }
       }
-      e.signal.aborted || f(t);
+      e.signal.aborted || I(t);
     })(), () => e.abort();
   }, [s, o]);
   const q = h(
     (e, t) => {
-      t !== m ? (V(t), A(1), y(void 0)) : A(e);
+      t !== m ? (k(t), A(1), y(void 0)) : A(e);
     },
     [m]
   ), N = T(
-    () => a?.fields ?? _e,
+    () => a?.fields ?? pe,
     [a?.fields]
   ), x = T(() => [...u?.documents ?? []].sort((e, t) => !e.uploadedOn && !t.uploadedOn ? 0 : e.uploadedOn ? t.uploadedOn ? new Date(t.uploadedOn).getTime() - new Date(e.uploadedOn).getTime() : -1 : 1), [u]), P = T(() => ue(N, n), [N, n]), z = T(
     () => N.map((e) => ({
@@ -102,8 +102,8 @@ const _e = [
       sortable: e !== "action"
     })),
     [N]
-  ), _ = T(
-    () => o ? B(o) : [],
+  ), p = T(
+    () => o ? j(o) : [],
     [o]
   ), G = h(
     (e, t) => {
@@ -122,9 +122,9 @@ const _e = [
           return e.uploadedBy ?? n("DOCUMENTS_NOT_AVAILABLE");
         case "action":
           return e.attachments.length > 0 || e.documentUrl ? /* @__PURE__ */ r(
-            J,
+            X,
             {
-              onClick: () => b(e),
+              onClick: () => M(e),
               className: d.viewAttachmentsLink,
               "data-testid": `view-attachments-${e.id}`,
               children: n("DOCUMENTS_VIEW_ATTACHMENTS")
@@ -134,16 +134,16 @@ const _e = [
           return null;
       }
     },
-    [b, n]
+    [M, n]
   );
-  return /* @__PURE__ */ p(Y, { children: [
+  return /* @__PURE__ */ _(Y, { children: [
     /* @__PURE__ */ r("div", { "data-testid": "documents-table", children: /* @__PURE__ */ r(
       ee,
       {
         headers: P,
         ariaLabel: n("DOCUMENTS_TABLE_HEADING"),
         rows: x,
-        loading: H,
+        loading: F,
         errorStateMessage: D ? v?.message : null,
         sortable: z,
         emptyStateMessage: n("DOCUMENTS_NO_RECORDS"),
@@ -151,8 +151,8 @@ const _e = [
         className: d.documentsTableBody,
         dataTestId: "documents-table",
         pageSize: m,
-        totalItems: k,
-        page: I,
+        totalItems: H,
+        page: C,
         onPageChange: q
       }
     ) }),
@@ -162,38 +162,38 @@ const _e = [
         id: "modalIdForActionAreaLayout",
         portalId: "main-display-area",
         open: s,
-        onRequestClose: F,
+        onRequestClose: V,
         modalHeading: o.documentIdentifier,
         passiveModal: !0,
         size: "lg",
         testId: "document-view-modal",
-        children: /* @__PURE__ */ r("div", { className: d.documentViewerContainer, children: _.map((e, t) => {
-          const c = j(e.url), i = e.contentType?.toLowerCase().includes("pdf"), S = (e.contentType?.toLowerCase().includes("image") ?? !1) || pe.test(e.url ?? ""), O = R.has(t);
-          return c === "#" || O ? /* @__PURE__ */ p(
+        children: /* @__PURE__ */ r("div", { className: d.documentViewerContainer, children: p.map((e, t) => {
+          const c = R(e.url), i = e.contentType?.toLowerCase().includes("pdf"), S = (e.contentType?.toLowerCase().includes("image") ?? !1) || _e.test(e.url ?? ""), O = B.has(t);
+          return c === "#" || O ? /* @__PURE__ */ _(
             "div",
             {
               className: d.attachmentError,
               "data-testid": `attachment-error-${t}`,
               children: [
-                _.length > 1 && /* @__PURE__ */ p("p", { className: d.attachmentCounter, children: [
+                p.length > 1 && /* @__PURE__ */ _("p", { className: d.attachmentCounter, children: [
                   t + 1,
                   "/",
-                  _.length
+                  p.length
                 ] }),
                 /* @__PURE__ */ r("p", { children: n("DOCUMENTS_ERROR_LOADING_ATTACHMENT") })
               ]
             },
             `${o.id}-${e.url}`
-          ) : /* @__PURE__ */ p(
+          ) : /* @__PURE__ */ _(
             "div",
             {
               className: d.attachmentItem,
               "data-testid": `attachment-item-${t}`,
               children: [
-                _.length > 1 && /* @__PURE__ */ p("p", { className: d.attachmentCounter, children: [
+                p.length > 1 && /* @__PURE__ */ _("p", { className: d.attachmentCounter, children: [
                   t + 1,
                   "/",
-                  _.length
+                  p.length
                 ] }),
                 S ? /* @__PURE__ */ r(
                   "img",
@@ -201,7 +201,7 @@ const _e = [
                     src: c,
                     alt: o.documentIdentifier,
                     className: d.documentImage,
-                    onError: () => M(t)
+                    onError: () => b(t)
                   }
                 ) : /* @__PURE__ */ r(
                   "iframe",
@@ -209,7 +209,7 @@ const _e = [
                     src: i ? `${c}#toolbar=0` : c,
                     className: d.documentIframe,
                     title: o.documentIdentifier,
-                    onError: () => M(t)
+                    onError: () => b(t)
                   }
                 )
               ]

package/dist/FormsTable-jpNE9pzC-TG5gdiOo.js

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

package/dist/{LNWAZHJI-DCO7Q_AU.js → LNWAZHJI-CLYlIjsZ.js}

@@ -1,5 +1,5 @@
-import { c, T as l, P as m, a as u, D as v, Q as i } from "./YPM2AS64-tg45YSAK.js";
-import { Y as d, _ as f, a0 as e } from "./index-DIv6b2ab.js";
+import { c, T as l, P as m, a as u, D as v, Q as i } from "./YPM2AS64-Bpoe3cvd.js";
+import { _ as d, $ as f, a0 as e } from "./index-CU8j8cbs.js";
 var p = (a) => {
   const [r, t] = c({
     prefix: "TanstackQueryDevtools"

package/dist/{MWZ6AO7Z-DZafwuzR.js → MWZ6AO7Z-CL71PInM.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-tg45YSAK.js";
-import { Y as v, _ as C, a0 as e } from "./index-DIv6b2ab.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-Bpoe3cvd.js";
+import { _ as v, $ as C, a0 as e } from "./index-CU8j8cbs.js";
 var h = (t) => {
   const [r, o] = s({
     prefix: "TanstackQueryDevtools"