@bahmni/widgets 0.0.1-dev.180 → 0.0.1-dev.182

package/dist/{DocumentsTable-BzmQHWFJ.js → DocumentsTable-LWSWpNu-.js}

@@ -1,5 +1,5 @@
 import { jsxs as A, jsx as v, Fragment as $5 } from "react/jsx-runtime";
-import { P as h, u as S5, a as W5, J as P5, k as k5, t as F5, m as U5, i as j5 } from "./index-CQhvLeWL.js";
+import { P as h, u as S5, a as W5, J as P5, k as k5, E as F5, _ as U5, i as j5 } from "./index-ByTTSt4p.js";
 import { useQuery as q5 } from "@tanstack/react-query";
 import e, { useState as N, useCallback as _, useEffect as K5, useMemo as x } from "react";
 import { useTranslation as Q5 } from "react-i18next";

package/dist/{FormsTable-CnE2r-gc.js → FormsTable-yGF0uRTn.js}

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