@bahmni/widgets 0.0.1-dev.457 → 0.0.1-dev.459

package/dist/DocumentsTable-Dr2qndXr.js

@@ -0,0 +1,388 @@
+import { jsx as a, jsxs as T, Fragment as _e } from "react/jsx-runtime";
+import { u as pe, a as Ae, b as Ee, d as ge, r as fe, c as Ce, e as S, p as Ne, $ as Ie, f as De, E as Le, g as be, z as Q, A as Oe, h as Se, L as ve, W as ye, i as we, j as J, k as ee } from "./index-BgKZQd55.js";
+import { useQuery as Ue } from "@tanstack/react-query";
+import { useState as _, useRef as Me, useEffect as A, useMemo as E, useCallback as p } from "react";
+import { useTranslation as Re } from "react-i18next";
+const ke = "DocumentsTable-module_documentsTableBody__6iR3w", Pe = "DocumentsTable-module_viewAttachmentsLink__aQ1on", Be = "DocumentsTable-module_documentViewerContainer__F5m8D", He = "DocumentsTable-module_printContainer__rtarJ", $e = "DocumentsTable-module_attachmentItem__17KA7", ze = "DocumentsTable-module_attachmentCounter__WFiI3", Fe = "DocumentsTable-module_attachmentError__RI4U2", Ve = "DocumentsTable-module_documentIframe__ptq5I", We = "DocumentsTable-module_attachmentContent__IaCEe", Ge = "DocumentsTable-module_attachmentLoading__FAR6p", qe = "DocumentsTable-module_hiddenWhileLoading__IxocW", Ke = "DocumentsTable-module_documentImage__KQVgS", je = "DocumentsTable-module_header__345GY", Ye = "DocumentsTable-module_documentTypeCell__uWGM8", Qe = "DocumentsTable-module_printAllButton__IVYUW", Je = "DocumentsTable-module_attachmentHeader__yI2xn", s = {
+  documentsTableBody: ke,
+  viewAttachmentsLink: Pe,
+  documentViewerContainer: Be,
+  printContainer: He,
+  attachmentItem: $e,
+  attachmentCounter: ze,
+  attachmentError: Fe,
+  documentIframe: Ve,
+  attachmentContent: We,
+  attachmentLoading: Ge,
+  hiddenWhileLoading: qe,
+  documentImage: Ke,
+  header: je,
+  documentTypeCell: Ye,
+  printAllButton: Qe,
+  attachmentHeader: Je
+}, Xe = "startConsultation", Ze = "add", xe = "documents", X = "document-print-container", Z = () => /* @__PURE__ */ a(ee, {}), et = /* @__PURE__ */ new Set([
+  "ArrowUp",
+  "ArrowDown",
+  "PageUp",
+  "PageDown",
+  "Home",
+  "End",
+  " "
+]), tt = 15e3, nt = [
+  "documentType",
+  "documentIdentifier",
+  "attachments",
+  "uploadedOn",
+  "uploadedBy"
+], at = /\.(jpg|jpeg|png|gif|webp|bmp|svg)$/i, x = (l) => l.attachments.length > 0 ? l.attachments : l.documentUrl ? [{ url: l.documentUrl, contentType: l.contentType }] : [], dt = ({ config: l, encounterUuids: B }) => {
+  const [u, H] = _(!1), [r, $] = _(
+    null
+  ), [D, v] = _(
+    /* @__PURE__ */ new Set()
+  ), [L, y] = _(
+    /* @__PURE__ */ new Set()
+  ), C = Me(null), [w, z] = _(
+    null
+  ), F = w !== null;
+  A(() => () => C.current?.abort(), []);
+  const g = pe(), { t: o } = Re(), { addNotification: b } = Ae(), m = E(
+    () => l?.actions?.find(
+      (e) => e.type === Ze
+    ),
+    [l?.actions]
+  ), te = Ee(m?.requiredPrivilege), ne = !!m && te, ae = Number(l?.pageSize) || 5, [U, M] = _(1), [N, oe] = _(ae), [se, R] = _(void 0), V = p((e) => {
+    $(e), H(!0);
+  }, []), re = p(() => {
+    C.current?.abort(), y(/* @__PURE__ */ new Set()), H(!1), $(null), v(/* @__PURE__ */ new Set());
+  }, []), W = p((e) => {
+    y((t) => new Set(t).add(e));
+  }, []), G = p((e) => {
+    v((t) => new Set(t).add(e));
+  }, []), ce = p(() => {
+    m && globalThis.dispatchEvent(
+      new CustomEvent(Xe, {
+        detail: {
+          encounterType: m.encounterType,
+          editOnly: m.editOnly ?? xe,
+          ...m.editTitle ? { editTitle: m.editTitle } : {}
+        }
+      })
+    );
+  }, [m]), { data: I, isLoading: le, isError: k, error: P, refetch: q } = Ue({
+    queryKey: [
+      "documents",
+      g,
+      B,
+      U,
+      N
+    ],
+    enabled: !!g,
+    queryFn: () => ge(
+      g,
+      B,
+      N,
+      U
+    )
+  });
+  fe(
+    (e) => {
+      e.patientUUID === g && e.updatedResources.documents && q();
+    },
+    [g, q]
+  ), A(() => {
+    I && R(I.total);
+  }, [I]), A(() => {
+    M(1), R(void 0);
+  }, [g]), A(() => {
+    k && b({
+      title: o("ERROR_DEFAULT_TITLE"),
+      message: P?.message ?? "",
+      type: "error"
+    });
+  }, [k, P, b, o]), A(() => {
+    const e = new AbortController();
+    return (async () => {
+      if (!u || !r) return;
+      const n = /* @__PURE__ */ new Set(), i = x(r);
+      for (let c = 0; c < i.length; c++) {
+        const f = S(i[c].url);
+        try {
+          (await fetch(f, {
+            method: "HEAD",
+            signal: e.signal
+          })).ok || n.add(c);
+        } catch (h) {
+          h instanceof Error && h.name !== "AbortError" && n.add(c);
+        }
+      }
+      e.signal.aborted || v(n);
+    })(), () => e.abort();
+  }, [u, r]), A(() => {
+    if (!u || !r) return;
+    const e = document.querySelector(
+      '[data-testid="document-view-modal"] .cds--modal-content'
+    );
+    if (!e) return;
+    let t = !1;
+    const n = () => {
+      t = !0;
+    }, i = (h) => {
+      h.target === e && n();
+    }, c = (h) => {
+      const Te = h.target;
+      et.has(h.key) && !Te?.closest("button, input, textarea, select, a") && n();
+    }, f = () => {
+      !t && e.scrollTop !== 0 && (e.scrollTop = 0);
+    };
+    return e.addEventListener("wheel", n, { passive: !0 }), e.addEventListener("touchmove", n, { passive: !0 }), e.addEventListener("mousedown", i), e.addEventListener("keydown", c), e.addEventListener("scroll", f), () => {
+      e.removeEventListener("wheel", n), e.removeEventListener("touchmove", n), e.removeEventListener("mousedown", i), e.removeEventListener("keydown", c), e.removeEventListener("scroll", f);
+    };
+  }, [u, r]);
+  const de = p(
+    (e, t) => {
+      t !== N ? (oe(t), M(1), R(void 0)) : M(e);
+    },
+    [N]
+  ), O = E(
+    () => l?.fields ?? nt,
+    [l?.fields]
+  ), ie = E(() => [...I?.documents ?? []].sort((t, n) => !t.uploadedOn && !n.uploadedOn ? 0 : t.uploadedOn ? n.uploadedOn ? new Date(n.uploadedOn).getTime() - new Date(t.uploadedOn).getTime() : -1 : 1), [I]), me = E(() => Ce(O, o), [O, o]), ue = E(
+    () => O.map((e) => ({
+      key: e,
+      sortable: e !== "attachments"
+    })),
+    [O]
+  ), d = E(
+    () => r ? x(r) : [],
+    [r]
+  ), K = d.every(
+    (e, t) => L.has(t) || D.has(t) || S(e.url) === "#"
+  );
+  A(() => {
+    if (!u || d.length === 0) return;
+    const e = setTimeout(
+      () => y(new Set(d.keys())),
+      tt
+    );
+    return () => clearTimeout(e);
+  }, [u, d]);
+  const j = p(
+    async (e, t) => {
+      if (!r || C.current) return;
+      const n = new AbortController(), { signal: i } = n;
+      C.current = n, z(t);
+      const c = document.getElementById(X);
+      try {
+        await Ne(
+          e,
+          r.documentIdentifier,
+          { container: c, signal: i }
+        );
+      } catch {
+        i.aborted || b({
+          title: o("ERROR_DEFAULT_TITLE"),
+          message: o("DOCUMENTS_ERROR_LOADING_ATTACHMENT"),
+          type: "error"
+        });
+      } finally {
+        C.current = null, z(null);
+      }
+    },
+    [r, b, o]
+  ), Y = E(
+    () => d.filter(
+      (e, t) => S(e.url) !== "#" && !D.has(t)
+    ),
+    [d, D]
+  ), he = p(
+    (e, t) => {
+      switch (t) {
+        case "documentIdentifier":
+          return /* @__PURE__ */ a("span", { children: e.documentIdentifier?.trim() || "-" });
+        case "documentType":
+          return /* @__PURE__ */ T("div", { className: s.documentTypeCell, children: [
+            /* @__PURE__ */ a("span", { children: e.documentType ?? o("DOCUMENTS_NOT_AVAILABLE") }),
+            e.description && /* @__PURE__ */ a(
+              Le,
+              {
+                iconName: "fa-file-lines",
+                content: e.description,
+                ariaLabel: e.description,
+                testId: `document-notes-${e.id}`
+              }
+            )
+          ] });
+        case "uploadedOn":
+          return De(
+            e.uploadedOn,
+            o,
+            !0
+          ).formattedResult || o("DOCUMENTS_NOT_AVAILABLE");
+        case "uploadedBy":
+          return e.uploadedBy ?? o("DOCUMENTS_NOT_AVAILABLE");
+        case "attachments":
+          return e.attachments.length > 0 || !!e.documentUrl ? /* @__PURE__ */ a(
+            Ie,
+            {
+              onClick: () => V(e),
+              className: s.viewAttachmentsLink,
+              "data-testid": `view-attachments-${e.id}`,
+              children: o("DOCUMENTS_VIEW_ATTACHMENTS")
+            }
+          ) : "--";
+        default:
+          return null;
+      }
+    },
+    [V, o]
+  );
+  return /* @__PURE__ */ T(_e, { children: [
+    ne && /* @__PURE__ */ T(be, { className: s.header, testId: "documents-header", children: [
+      /* @__PURE__ */ a("p", { children: o("DOCUMENTS_TABLE_HEADING") }),
+      /* @__PURE__ */ a(
+        Q,
+        {
+          autoAlign: !0,
+          size: "lg",
+          kind: "ghost",
+          label: o(m.label),
+          testId: "documents-add-button",
+          onClick: ce,
+          children: /* @__PURE__ */ a(Oe, { id: "documents-add-icon", name: "fa-plus", size: Se.LG })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ a("div", { "data-testid": "documents-table", children: /* @__PURE__ */ a(
+      ve,
+      {
+        headers: me,
+        ariaLabel: o("DOCUMENTS_TABLE_HEADING"),
+        rows: ie,
+        loading: le,
+        errorStateMessage: k ? P?.message : null,
+        sortable: ue,
+        emptyStateMessage: o("DOCUMENTS_NO_RECORDS"),
+        renderCell: he,
+        className: s.documentsTableBody,
+        dataTestId: "documents-table",
+        pageSize: N,
+        totalItems: se,
+        page: U,
+        onPageChange: de
+      }
+    ) }),
+    u && r && /* @__PURE__ */ a(
+      ye,
+      {
+        id: "modalIdForActionAreaLayout",
+        portalId: "main-display-area",
+        open: u,
+        onRequestClose: re,
+        modalHeading: r.documentIdentifier,
+        passiveModal: !0,
+        size: "lg",
+        testId: "document-view-modal",
+        children: /* @__PURE__ */ T("div", { className: s.documentViewerContainer, children: [
+          Y.length > 1 && /* @__PURE__ */ a(
+            we,
+            {
+              kind: "tertiary",
+              size: "sm",
+              className: s.printAllButton,
+              renderIcon: w === "all" ? Z : J,
+              disabled: F || !K,
+              testId: "print-all-attachments",
+              onClick: () => j(Y, "all"),
+              children: o("DOCUMENTS_PRINT_ALL")
+            }
+          ),
+          d.map((e, t) => {
+            const n = S(e.url), i = e.contentType?.toLowerCase().includes("pdf"), c = (e.contentType?.toLowerCase().includes("image") ?? !1) || at.test(e.url ?? ""), f = D.has(t);
+            return n === "#" || f ? /* @__PURE__ */ T(
+              "div",
+              {
+                className: s.attachmentError,
+                "data-testid": `attachment-error-${t}`,
+                children: [
+                  d.length > 1 && /* @__PURE__ */ a("p", { className: s.attachmentCounter, children: o("DOCUMENTS_ATTACHMENT_COUNTER", {
+                    current: t + 1,
+                    total: d.length
+                  }) }),
+                  /* @__PURE__ */ a("p", { children: o("DOCUMENTS_ERROR_LOADING_ATTACHMENT") })
+                ]
+              },
+              `${r.id}-${e.url}`
+            ) : /* @__PURE__ */ T(
+              "div",
+              {
+                className: s.attachmentItem,
+                "data-testid": `attachment-item-${t}`,
+                children: [
+                  /* @__PURE__ */ T("div", { className: s.attachmentHeader, children: [
+                    d.length > 1 ? /* @__PURE__ */ a("p", { className: s.attachmentCounter, children: o("DOCUMENTS_ATTACHMENT_COUNTER", {
+                      current: t + 1,
+                      total: d.length
+                    }) }) : /* @__PURE__ */ a("span", {}),
+                    /* @__PURE__ */ a(
+                      Q,
+                      {
+                        kind: "ghost",
+                        size: "sm",
+                        label: o("DOCUMENTS_PRINT_ATTACHMENT", {
+                          index: t + 1
+                        }),
+                        disabled: F || !K,
+                        testId: `print-attachment-${t}`,
+                        onClick: () => j([e], t),
+                        children: w === t ? /* @__PURE__ */ a(Z, {}) : /* @__PURE__ */ a(J, {})
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ T("div", { className: s.attachmentContent, children: [
+                    !L.has(t) && /* @__PURE__ */ a(
+                      "div",
+                      {
+                        className: s.attachmentLoading,
+                        "data-testid": `attachment-loading-${t}`,
+                        children: /* @__PURE__ */ a(
+                          ee,
+                          {
+                            description: o("DOCUMENTS_LOADING_ATTACHMENT")
+                          }
+                        )
+                      }
+                    ),
+                    c ? /* @__PURE__ */ a(
+                      "img",
+                      {
+                        src: n,
+                        alt: r.documentIdentifier,
+                        className: `${s.documentImage} ${L.has(t) ? "" : s.hiddenWhileLoading}`,
+                        onLoad: () => W(t),
+                        onError: () => G(t)
+                      }
+                    ) : /* @__PURE__ */ a(
+                      "iframe",
+                      {
+                        src: i ? `${n}#toolbar=0` : n,
+                        className: `${s.documentIframe} ${L.has(t) ? "" : s.hiddenWhileLoading}`,
+                        title: r.documentIdentifier,
+                        onLoad: () => W(t),
+                        onError: () => G(t)
+                      }
+                    )
+                  ] })
+                ]
+              },
+              `${r.id}-${e.url}`
+            );
+          }),
+          /* @__PURE__ */ a("div", { id: X, className: s.printContainer })
+        ] })
+      }
+    )
+  ] });
+};
+export {
+  dt as default
+};

package/dist/{FormsTable-BYLXAiAg.js → FormsTable-D-XpgsDg.js}

@@ -1,46 +1,46 @@
-import { jsx as n, jsxs as q, Fragment as ie } from "react/jsx-runtime";
-import { u as de, c as le, j as me, L as ce, U as ue, k as fe, l as be, Z as he, m as Ne, n as ye, J as Oe, e as ge, _ as x, P as V, A as Te, x as $, o as pe, q as Ee, W as Ie, O as Ae, C as Fe } from "./index-B4qp8zC7.js";
-import { useQueryClient as _e, useQuery as A } from "@tanstack/react-query";
-import { useState as j, useMemo as i, useCallback as d } from "react";
-import { useTranslation as ve } from "react-i18next";
-const Re = "FormsTable-module_formsTableBody__SvGha", Le = "FormsTable-module_modalHeading__wnTmA", De = "FormsTable-module_customAccordianItem__isszs", y = {
+import { jsx as n, jsxs as P, Fragment as ie } from "react/jsx-runtime";
+import { u as de, b as le, l as me, m as ce, q as ue, n as fe, y as be, r as ye, o as he, s as Ne, Q as Oe, f as ge, z as V, F as x, $ as Te, L as $, t as pe, v as Ee, W as Ie, O as Fe, C as Ae } from "./index-BgKZQd55.js";
+import { useQueryClient as ve, useQuery as F } from "@tanstack/react-query";
+import { useState as z, useMemo as i, useCallback as d } from "react";
+import { useTranslation as _e } from "react-i18next";
+const Re = "FormsTable-module_formsTableBody__SvGha", De = "FormsTable-module_modalHeading__wnTmA", Le = "FormsTable-module_customAccordianItem__isszs", N = {
   formsTableBody: Re,
-  modalHeading: Le,
-  customAccordianItem: De
-}, Ce = "startConsultation", ke = ({
-  episodeOfCareUuids: F,
+  modalHeading: De,
+  customAccordianItem: Le
+}, Ce = "startConsultation", Ue = ({
+  episodeOfCareUuids: A,
   encounterUuids: m,
   config: G,
-  disableActions: z = !1,
+  disableActions: Q = !1,
   activeEncounterUuid: b = null
 }) => {
-  const { t: o } = ve(), c = de(), [O, _] = j(!1), [a, v] = j(null), {
-    numberOfVisits: K,
-    hideThumbnail: Q = !1,
-    forms: h
+  const { t: o } = _e(), c = de(), [O, v] = z(!1), [a, _] = z(null), {
+    numberOfVisits: j,
+    hideThumbnail: K = !1,
+    forms: y
   } = G ?? {}, W = le(
-    Fe.EDIT_OBSERVATIONS
-  ), { userPrivileges: N } = me(), g = W && !z && !!b, R = ce(
-    F,
+    Ae.EDIT_OBSERVATIONS
+  ), { userPrivileges: h } = me(), g = W && !Q && !!b, R = ce(
+    A,
     m
-  ), J = _e(), {
-    data: L = [],
-    isLoading: D,
+  ), Y = ve(), {
+    data: D = [],
+    isLoading: L,
     isError: C,
-    error: Z,
-    refetch: Y
-  } = A({
-    queryKey: ["forms", c, F],
-    queryFn: () => ue(c, void 0, K),
+    error: J,
+    refetch: X
+  } = F({
+    queryKey: ["forms", c, A],
+    queryFn: () => ue(c, void 0, j),
     enabled: !!c && !R
   }), S = i(() => {
-    let e = L;
+    let e = D;
     return m && m.length > 0 && (e = e.filter(
       (t) => m.includes(t.encounterUuid)
-    )), Array.isArray(h) && h.length > 0 && (e = e.filter(
-      (t) => h.some((s) => s.toLowerCase() === t.formName.toLowerCase())
+    )), Array.isArray(y) && y.length > 0 && (e = e.filter(
+      (t) => y.some((s) => s.toLowerCase() === t.formName.toLowerCase())
     )), e;
-  }, [L, m, h]), { data: B = [] } = A({
+  }, [D, m, y]), { data: B = [] } = F({
     queryKey: ["observationForms"],
     queryFn: () => fe()
   }), M = d(
@@ -49,33 +49,33 @@ const Re = "FormsTable-module_formsTableBody__SvGha", Le = "FormsTable-module_mo
         (r) => r.name.toLowerCase() === e.toLowerCase()
       );
       if (!t?.privileges || t.privileges.length === 0) return !0;
-      if (!N || N.length === 0) return !1;
-      const s = new Set(N.map((r) => r.name));
+      if (!h || h.length === 0) return !1;
+      const s = new Set(h.map((r) => r.name));
       return t.privileges.some(
         (r) => s.has(r.privilegeName) && r.editable
       );
     },
-    [B, N]
+    [B, h]
   ), u = d(
     (e) => !b || e.encounterUuid !== b ? !1 : M(e.formName),
     [b, M]
   ), {
     data: T,
-    isLoading: X,
+    isLoading: Z,
     isError: ee,
     error: p
-  } = A({
+  } = F({
     queryKey: ["formsEncounterFHIR", a?.encounterUuid],
     queryFn: () => be(a.encounterUuid),
     enabled: !!a?.encounterUuid && O
   });
-  he(
+  ye(
     (e) => {
-      e.patientUUID === c && (Y(), J.invalidateQueries({ queryKey: ["formsEncounterFHIR"] }));
+      e.patientUUID === c && (X(), Y.invalidateQueries({ queryKey: ["formsEncounterFHIR"] }));
     },
     [c]
   );
-  const re = i(() => !T?.entry || !a?.formName ? [] : T.entry.filter((t) => t.resource?.resourceType === "Observation").map((t) => t.resource).filter((t) => Ne(t) ? ye(t)?.toLowerCase() === a.formName.toLowerCase() : !0), [T, a?.formName]), te = i(() => {
+  const re = i(() => !T?.entry || !a?.formName ? [] : T.entry.filter((t) => t.resource?.resourceType === "Observation").map((t) => t.resource).filter((t) => he(t) ? Ne(t)?.toLowerCase() === a.formName.toLowerCase() : !0), [T, a?.formName]), te = i(() => {
     if (p)
       return Oe(p).message;
   }, [p]), f = i(
@@ -96,7 +96,7 @@ const Re = "FormsTable-module_formsTableBody__SvGha", Le = "FormsTable-module_mo
       { key: "recordedBy", sortable: !0 }
     ],
     []
-  ), U = i(() => {
+  ), k = i(() => {
     const e = S.reduce(
       (s, r) => {
         const l = r.formName;
@@ -121,10 +121,10 @@ const Re = "FormsTable-module_formsTableBody__SvGha", Le = "FormsTable-module_mo
         )
       })
     ).sort((s, r) => s.formName.localeCompare(r.formName));
-  }, [S, o]), k = d((e) => {
-    v(e), _(!0);
+  }, [S, o]), U = d((e) => {
+    _(e), v(!0);
   }, []), H = d(() => {
-    _(!1), v(null);
+    v(!1), _(null);
   }, []), E = d((e) => {
     globalThis.dispatchEvent(
       new CustomEvent(Ce, {
@@ -137,52 +137,52 @@ const Re = "FormsTable-module_formsTableBody__SvGha", Le = "FormsTable-module_mo
         }
       })
     );
-  }, []), P = d(
+  }, []), q = d(
     (e, t) => {
       switch (t) {
         case "recordedOn":
-          return /* @__PURE__ */ n(Te, { onClick: () => k(e), children: e.recordedOn });
+          return /* @__PURE__ */ n(Te, { onClick: () => U(e), children: e.recordedOn });
         case "recordedBy":
           return e.recordedBy;
         case "actions":
           return u(e) ? /* @__PURE__ */ n(
-            x,
+            V,
             {
               label: o("EDIT_OBSERVATION_FORM"),
               kind: "ghost",
               size: "sm",
               testId: `edit-form-${e.encounterUuid}`,
               onClick: () => E(e),
-              children: /* @__PURE__ */ n(V, {})
+              children: /* @__PURE__ */ n(x, {})
             }
           ) : null;
         default:
           return null;
       }
     },
-    [k, E, u, o]
+    [U, E, u, o]
   );
-  return /* @__PURE__ */ q(ie, { children: [
-    /* @__PURE__ */ n("div", { id: "forms-table", "data-testid": "forms-table", children: D || C || U.length === 0 || R ? /* @__PURE__ */ n(
+  return /* @__PURE__ */ P(ie, { children: [
+    /* @__PURE__ */ n("div", { id: "forms-table", "data-testid": "forms-table", children: L || C || k.length === 0 || R ? /* @__PURE__ */ n(
       $,
       {
         headers: oe,
         ariaLabel: o("FORMS_HEADING"),
         rows: [],
-        loading: D,
-        errorStateMessage: C ? Z?.message : void 0,
+        loading: L,
+        errorStateMessage: C ? J?.message : void 0,
         emptyStateMessage: o("FORMS_UNAVAILABLE"),
-        renderCell: P,
-        className: y.formsTableBody,
+        renderCell: q,
+        className: N.formsTableBody,
         dataTestId: "forms-table"
       }
-    ) : /* @__PURE__ */ n(pe, { align: "start", children: U.map((e, t) => {
+    ) : /* @__PURE__ */ n(pe, { align: "start", children: k.map((e, t) => {
       const { formName: s, records: r } = e, l = se(r);
       return /* @__PURE__ */ n(
         Ee,
         {
           title: s,
-          className: y.customAccordianItem,
+          className: N.customAccordianItem,
           testId: `accordian-title-${s}`,
           open: t === 0,
           children: /* @__PURE__ */ n(
@@ -195,8 +195,8 @@ const Re = "FormsTable-module_formsTableBody__SvGha", Le = "FormsTable-module_mo
               errorStateMessage: "",
               sortable: ae,
               emptyStateMessage: o("FORMS_UNAVAILABLE"),
-              renderCell: P,
-              className: y.formsTableBody,
+              renderCell: q,
+              className: N.formsTableBody,
               dataTestId: `forms-table-${s}`
             }
           )
@@ -211,10 +211,10 @@ const Re = "FormsTable-module_formsTableBody__SvGha", Le = "FormsTable-module_mo
         portalId: "main-display-area",
         open: O,
         onRequestClose: H,
-        modalHeading: /* @__PURE__ */ q("div", { className: y.modalHeading, children: [
+        modalHeading: /* @__PURE__ */ P("div", { className: N.modalHeading, children: [
           /* @__PURE__ */ n("span", { children: a.formName }),
           g && u(a) && /* @__PURE__ */ n(
-            x,
+            V,
             {
               label: o("EDIT_OBSERVATION_FORM"),
               kind: "ghost",
@@ -223,7 +223,7 @@ const Re = "FormsTable-module_formsTableBody__SvGha", Le = "FormsTable-module_mo
               onClick: () => {
                 H(), E(a);
               },
-              children: /* @__PURE__ */ n(V, {})
+              children: /* @__PURE__ */ n(x, {})
             }
           )
         ] }),
@@ -232,15 +232,15 @@ const Re = "FormsTable-module_formsTableBody__SvGha", Le = "FormsTable-module_mo
         size: "md",
         testId: "form-details-modal",
         children: /* @__PURE__ */ n(
-          Ae,
+          Fe,
           {
             observations: re,
-            isLoading: X,
+            isLoading: Z,
             isError: ee,
             errorMessage: te,
             emptyStateMessage: o("NO_FORM_DATA_AVAILABLE"),
             testIdPrefix: a.formName,
-            hideThumbnail: Q,
+            hideThumbnail: K,
             formName: a.formName
           }
         )
@@ -249,5 +249,5 @@ const Re = "FormsTable-module_formsTableBody__SvGha", Le = "FormsTable-module_mo
   ] });
 };
 export {
-  ke as default
+  Ue as default
 };