@bahmni/appointments-app 0.0.1-dev.262 → 0.0.1-dev.264

package/dist/{DocumentsTable-BlVU4V60-hfyoPQ6c.js → DocumentsTable-BReXAZIp-CzVbtfG8.js}

@@ -1,7 +1,7 @@
 import { jsx as r, jsxs as p, Fragment as Y } from "react/jsx-runtime";
-import { d as K, u as Q, a as W, b as J, c as X, m as Z, l as ee, r as te, A as ae } from "./index-CiBTO22M.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 = {
+import { d as K, u as Q, a as W, b as J, c as X, m as Z, e as ee, r as te, F as ae } from "./index-C4PZwwNE.js";
+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,
@@ -9,8 +9,8 @@ const ne = "_documentsTableBody_1voj8_1", oe = "_viewAttachmentsLink_1voj8_11",
   attachmentCounter: se,
   attachmentError: ce,
   documentIframe: ie,
-  documentImage: le
-}, me = {
+  documentImage: me
+}, le = {
   documentIdentifier: "DOCUMENTS_DOCUMENT_IDENTIFIER",
   documentType: "DOCUMENTS_TYPE",
   uploadedOn: "DOCUMENTS_UPLOADED_ON",
@@ -23,7 +23,7 @@ function j(a) {
 function ue(a, g) {
   return a.map((s) => ({
     key: s,
-    header: g(me[s])
+    header: g(le[s])
   }));
 }
 const _e = [
@@ -33,13 +33,13 @@ const _e = [
   "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, w] = l(!1), [o, L] = l(
+  const [s, w] = m(!1), [o, L] = m(
     null
-  ), [R, I] = l(
+  ), [R, I] = m(
     /* @__PURE__ */ new Set()
-  ), E = K(), { t: n } = Q(), { addNotification: U } = W(), $ = Number(a?.pageSize) || 5, [C, A] = l(1), [m, k] = l($), [V, y] = l(void 0), b = h((e) => {
+  ), E = K(), { t: n } = Q(), { addNotification: U } = W(), $ = Number(a?.pageSize) || 5, [C, A] = m(1), [l, k] = m($), [F, y] = m(void 0), b = h((e) => {
     L(e), w(!0);
-  }, []), F = h(() => {
+  }, []), V = h(() => {
     w(!1), L(null), I(/* @__PURE__ */ new Set());
   }, []), M = h((e) => {
     I((t) => new Set(t).add(e));
@@ -49,13 +49,13 @@ const _e = [
       E,
       g,
       C,
-      m
+      l
     ],
     enabled: !!E,
     queryFn: () => ae(
       E,
       g,
-      m,
+      l,
       C
     )
   });
@@ -90,9 +90,9 @@ const _e = [
   }, [s, o]);
   const q = h(
     (e, t) => {
-      t !== m ? (k(t), A(1), y(void 0)) : A(e);
+      t !== l ? (k(t), A(1), y(void 0)) : A(e);
     },
-    [m]
+    [l]
   ), N = T(
     () => a?.fields ?? _e,
     [a?.fields]
@@ -150,8 +150,8 @@ const _e = [
         renderCell: G,
         className: d.documentsTableBody,
         dataTestId: "documents-table",
-        pageSize: m,
-        totalItems: V,
+        pageSize: l,
+        totalItems: F,
         page: C,
         onPageChange: q
       }
@@ -162,7 +162,7 @@ const _e = [
         id: "modalIdForActionAreaLayout",
         portalId: "main-display-area",
         open: s,
-        onRequestClose: F,
+        onRequestClose: V,
         modalHeading: o.documentIdentifier,
         passiveModal: !0,
         size: "lg",

package/dist/{FormsTable-CkewSseV-BW_SlwbS.js → FormsTable-C2TMKYSS-B_m3QC2T.js}

@@ -1,53 +1,53 @@
 import { jsx as s, jsxs as J, Fragment as W } from "react/jsx-runtime";
-import { u as Z, d as ee, h as re, e as ae, b as c, X as te, D as U, m as oe, c as se, l as S, f as ne, _ as de, r as ie, j as ue, H as me, z as le, x as ce, N as fe, M as ye } from "./index-CiBTO22M.js";
+import { u as Z, d as ee, f as re, g as ae, b as c, X as te, R as U, m as oe, c as se, e as S, A as ne, _ as de, r as ie, Y as ue, I as me, j as le, B as ce, P as fe, k as ye } from "./index-C4PZwwNE.js";
 import { useState as q, useMemo as d, useCallback as f } from "react";
 const pe = "_formsTableBody_81hra_1", be = "_customAccordianItem_81hra_6", A = {
   formsTableBody: pe,
   customAccordianItem: be
-}, Ne = (u) => u ? u.extension?.find(
+}, ge = (u) => u ? u.extension?.find(
   (n) => n.url === me
-)?.valueString : void 0, Oe = ({
+)?.valueString : void 0, Ie = ({
   episodeOfCareUuids: u,
   encounterUuids: n,
   config: C
 }) => {
-  const { t: o } = Z(), m = ee(), [l, O] = q(!1), [t, I] = q(null), { numberOfVisits: x, hideThumbnail: H = !1 } = C ?? {}, _ = re(
+  const { t: o } = Z(), m = ee(), [l, I] = q(!1), [t, O] = q(null), { numberOfVisits: k, hideThumbnail: j = !1 } = C ?? {}, B = re(
     u,
     n
-  ), j = ae(), {
+  ), x = ae(), {
     data: y = [],
-    isLoading: M,
+    isLoading: _,
     isError: T,
-    error: k,
+    error: H,
     refetch: K
   } = c({
     queryKey: ["forms", m, u],
-    queryFn: () => le(m, void 0, x),
-    enabled: !!m && !_
-  }), B = d(() => !n || n.length === 0 ? y : y.filter(
+    queryFn: () => le(m, void 0, k),
+    enabled: !!m && !B
+  }), E = d(() => !n || n.length === 0 ? y : y.filter(
     (e) => n.includes(e.encounterUuid)
-  ), [y, n]), { data: D = [] } = c({
+  ), [y, n]), { data: R = [] } = c({
     queryKey: ["observationForms"],
     queryFn: () => ce()
-  }), E = f(
-    (e) => D.find((r) => r.name === e)?.uuid,
-    [D]
+  }), F = f(
+    (e) => R.find((r) => r.name === e)?.uuid,
+    [R]
   ), p = d(() => {
     if (t)
-      return E(t.formName);
-  }, [t, E]), {
-    isLoading: z,
-    isError: V,
+      return F(t.formName);
+  }, [t, F]), {
+    isLoading: V,
+    isError: $,
     error: b
   } = c({
     queryKey: ["formMetadata", p],
     queryFn: () => fe(p),
     enabled: !!p && l
   }), {
-    data: N,
-    isLoading: $,
-    isError: w,
-    error: h
+    data: g,
+    isLoading: w,
+    isError: P,
+    error: N
   } = c({
     queryKey: ["formsEncounterFHIR", t?.encounterUuid],
     queryFn: () => ye(t.encounterUuid),
@@ -55,41 +55,41 @@ const pe = "_formsTableBody_81hra_1", be = "_customAccordianItem_81hra_6", A = {
   });
   te(
     (e) => {
-      e.patientUUID === m && e.updatedConcepts.size > 0 && (K(), j.invalidateQueries({ queryKey: ["formsEncounterFHIR"] }));
+      e.patientUUID === m && e.updatedConcepts.size > 0 && (K(), x.invalidateQueries({ queryKey: ["formsEncounterFHIR"] }));
     },
     [m]
   );
-  const Q = d(() => !N?.entry || !t?.formName ? [] : N.entry.filter((e) => e.resource?.resourceType === "Observation").map((e) => e.resource).filter((e) => {
-    const r = Ne(e);
+  const Q = d(() => !g?.entry || !t?.formName ? [] : g.entry.filter((e) => e.resource?.resourceType === "Observation").map((e) => e.resource).filter((e) => {
+    const r = ge(e);
     return !r || r.includes(t.formName);
-  }), [N, t?.formName]), G = d(() => {
+  }), [g, t?.formName]), Y = d(() => {
     if (b)
       return U(b).message;
-    if (h)
-      return U(h).message;
-  }, [b, h]), F = d(
+    if (N)
+      return U(N).message;
+  }, [b, N]), L = d(
     () => [
       { key: "recordedOn", header: o("RECORDED_ON") },
       { key: "recordedBy", header: o("RECORDED_BY") }
     ],
     [o]
-  ), P = d(
+  ), z = d(
     () => [
       { key: "recordedOn", sortable: !0 },
       { key: "recordedBy", sortable: !0 }
     ],
     []
-  ), L = d(() => {
-    const e = B.reduce(
+  ), M = d(() => {
+    const e = E.reduce(
       (r, a) => {
         const i = a.formName;
         r[i] ??= [];
-        const g = a.providers.map((Y) => Y.providerName).filter(Boolean).join(", ");
+        const h = a.providers.map((X) => X.providerName).filter(Boolean).join(", ");
         return r[i].push({
           id: a.encounterUuid,
           formName: a.formName,
           recordedOn: oe(a.encounterDateTime, o, !0).formattedResult,
-          recordedBy: g ?? "--",
+          recordedBy: h ?? "--",
           encounterDateTime: a.encounterDateTime,
           encounterUuid: a.encounterUuid
         }), r;
@@ -100,15 +100,15 @@ const pe = "_formsTableBody_81hra_1", be = "_customAccordianItem_81hra_6", A = {
       ([r, a]) => ({
         formName: r,
         records: a.sort(
-          (i, g) => g.encounterDateTime - i.encounterDateTime
+          (i, h) => h.encounterDateTime - i.encounterDateTime
         )
       })
     ).sort((r, a) => r.formName.localeCompare(a.formName));
-  }, [B, o]), v = f((e) => {
-    I(e), O(!0);
-  }, []), X = f(() => {
-    O(!1), I(null);
-  }, []), R = f(
+  }, [E, o]), v = f((e) => {
+    O(e), I(!0);
+  }, []), G = f(() => {
+    I(!1), O(null);
+  }, []), D = f(
     (e, r) => {
       switch (r) {
         case "recordedOn":
@@ -122,20 +122,20 @@ const pe = "_formsTableBody_81hra_1", be = "_customAccordianItem_81hra_6", A = {
     [v]
   );
   return /* @__PURE__ */ J(W, { children: [
-    /* @__PURE__ */ s("div", { "data-testid": "forms-table", children: M || T || L.length === 0 || _ ? /* @__PURE__ */ s(
+    /* @__PURE__ */ s("div", { "data-testid": "forms-table", children: _ || T || M.length === 0 || B ? /* @__PURE__ */ s(
       S,
       {
-        headers: F,
+        headers: L,
         ariaLabel: o("FORMS_HEADING"),
         rows: [],
-        loading: M,
-        errorStateMessage: T ? k?.message : void 0,
+        loading: _,
+        errorStateMessage: T ? H?.message : void 0,
         emptyStateMessage: o("FORMS_UNAVAILABLE"),
-        renderCell: R,
+        renderCell: D,
         className: A.formsTableBody,
         dataTestId: "forms-table"
       }
-    ) : /* @__PURE__ */ s(ne, { align: "start", children: L.map((e, r) => {
+    ) : /* @__PURE__ */ s(ne, { align: "start", children: M.map((e, r) => {
       const { formName: a, records: i } = e;
       return /* @__PURE__ */ s(
         de,
@@ -147,14 +147,14 @@ const pe = "_formsTableBody_81hra_1", be = "_customAccordianItem_81hra_6", A = {
           children: /* @__PURE__ */ s(
             S,
             {
-              headers: F,
+              headers: L,
               ariaLabel: o("FORMS_HEADING"),
               rows: i,
               loading: !1,
               errorStateMessage: "",
-              sortable: P,
+              sortable: z,
               emptyStateMessage: o("FORMS_UNAVAILABLE"),
-              renderCell: R,
+              renderCell: D,
               className: A.formsTableBody,
               dataTestId: `forms-table-${a}`
             }
@@ -169,7 +169,7 @@ const pe = "_formsTableBody_81hra_1", be = "_customAccordianItem_81hra_6", A = {
         id: "modalIdForActionAreaLayout",
         portalId: "main-display-area",
         open: l,
-        onRequestClose: X,
+        onRequestClose: G,
         modalHeading: t.formName,
         modalLabel: `${t.recordedOn} | ${t.recordedBy}`,
         passiveModal: !0,
@@ -179,12 +179,12 @@ const pe = "_formsTableBody_81hra_1", be = "_customAccordianItem_81hra_6", A = {
           ue,
           {
             observations: Q,
-            isLoading: z || $,
-            isError: V || w,
-            errorMessage: G,
+            isLoading: V || w,
+            isError: $ || P,
+            errorMessage: Y,
             emptyStateMessage: o("NO_FORM_DATA_AVAILABLE"),
             testIdPrefix: t.formName,
-            hideThumbnail: H
+            hideThumbnail: j
           }
         )
       }
@@ -192,5 +192,5 @@ const pe = "_formsTableBody_81hra_1", be = "_customAccordianItem_81hra_6", A = {
   ] });
 };
 export {
-  Oe as default
+  Ie as default
 };

package/dist/{LNWAZHJI-CNB5Hj3d.js → LNWAZHJI-DRgcOAER.js}

@@ -1,5 +1,5 @@
-import { c, T as l, P as m, a as u, D as v, Q as i } from "./YPM2AS64-DMealI3u.js";
-import { U as d, Y as f, Z as e } from "./index-CiBTO22M.js";
+import { c, T as l, P as m, a as u, D as v, Q as i } from "./YPM2AS64-C5iXprY9.js";
+import { S as d, T as f, U as e } from "./index-C4PZwwNE.js";
 var p = (a) => {
   const [r, t] = c({
     prefix: "TanstackQueryDevtools"

package/dist/{MWZ6AO7Z-D0foRscq.js → MWZ6AO7Z-Cicl0m02.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-DMealI3u.js";
-import { U as v, Y as C, Z as e } from "./index-CiBTO22M.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-C5iXprY9.js";
+import { S as v, T as C, U as e } from "./index-C4PZwwNE.js";
 var h = (t) => {
   const [r, o] = s({
     prefix: "TanstackQueryDevtools"

package/dist/{Observations-D0J6XB64-RqMOKEEw.js → Observations-CicWM0Ea-CAZMXS9N.js}

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