@bahmni/registration-app 0.0.1-dev.205 → 0.0.1-dev.206

package/dist/DocumentsTable-Xq284Jaw-izjsnxsA.js

@@ -0,0 +1,227 @@
+import { jsx as r, jsxs as p, Fragment as W } from "react/jsx-runtime";
+import { c as Y, u as K, e as Q, m as X, V as J, C as Z, x as ee, L as te } from "./index-uOTKH4lb.js";
+import { useQuery as ae } from "@tanstack/react-query";
+import { useState as m, 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", me = "_documentImage_1voj8_50", d = {
+  documentsTableBody: ne,
+  viewAttachmentsLink: oe,
+  documentViewerContainer: re,
+  attachmentItem: de,
+  attachmentCounter: se,
+  attachmentError: ce,
+  documentIframe: ie,
+  documentImage: me
+}, le = {
+  documentIdentifier: "DOCUMENTS_DOCUMENT_IDENTIFIER",
+  documentType: "DOCUMENTS_TYPE",
+  uploadedOn: "DOCUMENTS_UPLOADED_ON",
+  uploadedBy: "DOCUMENTS_UPLOADED_BY",
+  action: "DOCUMENTS_ACTION"
+};
+function j(a) {
+  return !a || a.includes(":") ? "#" : `/openmrs/auth?requested_document=/document_images/${a}`;
+}
+function ue(a, g) {
+  return a.map((s) => ({
+    key: s,
+    header: g(le[s])
+  }));
+}
+const _e = [
+  "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 }] : [], Ne = ({ config: a, encounterUuids: g }) => {
+  const [s, L] = m(!1), [o, w] = m(
+    null
+  ), [R, C] = m(
+    /* @__PURE__ */ new Set()
+  ), E = Y(), { t: n } = K(), { addNotification: U } = Q(), $ = Number(a?.pageSize) || 10, [I, A] = m(1), [l, V] = m($), [k, y] = m(void 0), M = h((e) => {
+    w(e), L(!0);
+  }, []), F = h(() => {
+    L(!1), w(null), C(/* @__PURE__ */ new Set());
+  }, []), b = h((e) => {
+    C((t) => new Set(t).add(e));
+  }, []), { data: u, isLoading: H, isError: D, error: v } = ae({
+    queryKey: [
+      "documents",
+      E,
+      g,
+      I,
+      l
+    ],
+    enabled: !!E,
+    queryFn: () => X(
+      E,
+      g,
+      l,
+      I
+    )
+  });
+  f(() => {
+    u && y(u.total);
+  }, [u]), f(() => {
+    A(1), y(void 0);
+  }, [E]), f(() => {
+    D && U({
+      title: n("ERROR_DEFAULT_TITLE"),
+      message: v?.message ?? "",
+      type: "error"
+    });
+  }, [D, v, U, n]), f(() => {
+    const e = new AbortController();
+    return (async () => {
+      if (!s || !o) return;
+      const t = /* @__PURE__ */ new Set(), c = B(o);
+      for (let i = 0; i < c.length; i++) {
+        const S = j(c[i].url);
+        try {
+          (await fetch(S, {
+            method: "HEAD",
+            signal: e.signal
+          })).ok || t.add(i);
+        } catch (O) {
+          O instanceof Error && O.name !== "AbortError" && t.add(i);
+        }
+      }
+      e.signal.aborted || C(t);
+    })(), () => e.abort();
+  }, [s, o]);
+  const q = h(
+    (e, t) => {
+      t !== l ? (V(t), A(1), y(void 0)) : A(e);
+    },
+    [l]
+  ), N = T(
+    () => a?.fields ?? _e,
+    [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) => ({
+      key: e,
+      sortable: e !== "action"
+    })),
+    [N]
+  ), _ = T(
+    () => o ? B(o) : [],
+    [o]
+  ), G = h(
+    (e, t) => {
+      switch (t) {
+        case "documentIdentifier":
+          return /* @__PURE__ */ r("span", { children: e.documentIdentifier });
+        case "documentType":
+          return e.documentType ?? n("DOCUMENTS_NOT_AVAILABLE");
+        case "uploadedOn":
+          return Z(
+            e.uploadedOn,
+            n,
+            !0
+          ).formattedResult || n("DOCUMENTS_NOT_AVAILABLE");
+        case "uploadedBy":
+          return e.uploadedBy ?? n("DOCUMENTS_NOT_AVAILABLE");
+        case "action":
+          return e.attachments.length > 0 || e.documentUrl ? /* @__PURE__ */ r(
+            J,
+            {
+              onClick: () => M(e),
+              className: d.viewAttachmentsLink,
+              "data-testid": `view-attachments-${e.id}`,
+              children: n("DOCUMENTS_VIEW_ATTACHMENTS")
+            }
+          ) : "--";
+        default:
+          return null;
+      }
+    },
+    [M, n]
+  );
+  return /* @__PURE__ */ p(W, { children: [
+    /* @__PURE__ */ r("div", { "data-testid": "documents-table", children: /* @__PURE__ */ r(
+      ee,
+      {
+        headers: P,
+        ariaLabel: n("DOCUMENTS_TABLE_HEADING"),
+        rows: x,
+        loading: H,
+        errorStateMessage: D ? v?.message : null,
+        sortable: z,
+        emptyStateMessage: n("DOCUMENTS_NO_RECORDS"),
+        renderCell: G,
+        className: d.documentsTableBody,
+        dataTestId: "documents-table",
+        pageSize: l,
+        totalItems: k,
+        page: I,
+        onPageChange: q
+      }
+    ) }),
+    s && o && /* @__PURE__ */ r(
+      te,
+      {
+        id: "modalIdForActionAreaLayout",
+        portalId: "main-display-area",
+        open: s,
+        onRequestClose: F,
+        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(
+            "div",
+            {
+              className: d.attachmentError,
+              "data-testid": `attachment-error-${t}`,
+              children: [
+                _.length > 1 && /* @__PURE__ */ p("p", { className: d.attachmentCounter, children: [
+                  t + 1,
+                  "/",
+                  _.length
+                ] }),
+                /* @__PURE__ */ r("p", { children: n("DOCUMENTS_ERROR_LOADING_ATTACHMENT") })
+              ]
+            },
+            `${o.id}-${e.url}`
+          ) : /* @__PURE__ */ p(
+            "div",
+            {
+              className: d.attachmentItem,
+              "data-testid": `attachment-item-${t}`,
+              children: [
+                _.length > 1 && /* @__PURE__ */ p("p", { className: d.attachmentCounter, children: [
+                  t + 1,
+                  "/",
+                  _.length
+                ] }),
+                S ? /* @__PURE__ */ r(
+                  "img",
+                  {
+                    src: c,
+                    alt: o.documentIdentifier,
+                    className: d.documentImage,
+                    onError: () => b(t)
+                  }
+                ) : /* @__PURE__ */ r(
+                  "iframe",
+                  {
+                    src: i ? `${c}#toolbar=0` : c,
+                    className: d.documentIframe,
+                    title: o.documentIdentifier,
+                    onError: () => b(t)
+                  }
+                )
+              ]
+            },
+            `${o.id}-${e.url}`
+          );
+        }) })
+      }
+    )
+  ] });
+};
+export {
+  Ne as default
+};

package/dist/{FormsTable-Cdd71yFV-QeUzZaB1.js → FormsTable-DLOTuk1I-DEL0INz5.js}

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

package/dist/{LNWAZHJI-Bg-PeUwH.js → LNWAZHJI-N-9i6vba.js}

@@ -1,5 +1,5 @@
-import { c, T as l, P as m, a as v, D as u, Q as i } from "./YPM2AS64-DcHRGQIN.js";
-import { m as d, q as f, v as e } from "./index-Gjf6R2kN.js";
+import { c, T as l, P as m, a as u, D as v, Q as i } from "./YPM2AS64-CLOeuMtf.js";
+import { w as d, z as f, A as e } from "./index-uOTKH4lb.js";
 var p = (a) => {
   const [r, t] = c({
     prefix: "TanstackQueryDevtools"
@@ -14,10 +14,10 @@ var p = (a) => {
         localStore: r,
         setLocalStore: t,
         get children() {
-          return e(v.Provider, {
+          return e(u.Provider, {
             value: s,
             get children() {
-              return e(u, {
+              return e(v, {
                 localStore: r,
                 setLocalStore: t
               });

package/dist/{MWZ6AO7Z-DoYhwvwc.js → MWZ6AO7Z-RizJQ3wc.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-DcHRGQIN.js";
-import { m as v, q as C, v as e } from "./index-Gjf6R2kN.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-CLOeuMtf.js";
+import { w as v, z as C, A as e } from "./index-uOTKH4lb.js";
 var h = (t) => {
   const [r, o] = s({
     prefix: "TanstackQueryDevtools"