@bahmni/widgets 0.0.1-dev.131 → 0.0.1-dev.133

package/dist/{FormsTable-27SfK3Hl.js → FormsTable-C2KLZRTw.js}

@@ -1,34 +1,33 @@
-import { jsxs as b, jsx as a, Fragment as Y } from "react/jsx-runtime";
-import { c as L, u as J, x as W, z as Z, H as ee, B as te, M as re, X as oe, l as ae, K as U, g as se, a as ne, p as de, b as ce, d as q, e as le } from "./index-BSN2bEIC.js";
-import { useQuery as h } from "@tanstack/react-query";
+import { jsxs as b, jsx as o, Fragment as Y } from "react/jsx-runtime";
+import { c as L, u as J, x as W, z as Z, H as ee, B as te, M as re, X as ae, l as oe, K as U, g as se, a as ne, p as de, b as ce, d as q, e as le } from "./index-xqzBm5Np.js";
+import { useQuery as y } from "@tanstack/react-query";
 import { useState as H, useMemo as g, useCallback as M } from "react";
-import { createPortal as me } from "react-dom";
-import { useTranslation as ie } from "react-i18next";
-const ue = "_formsTableBody_1pd36_1", pe = "_customAccordianItem_1pd36_6", be = "_formContent_1pd36_18", _e = "_formDetailsContainer_1pd36_25", fe = "_observation_1pd36_30", ge = "_groupContainer_1pd36_39", Ne = "_rowContainer_1pd36_43", $e = "_groupLabel_1pd36_48", ye = "_rowLabel_1pd36_58", he = "_rowValue_1pd36_67", Me = "_groupMembers_1pd36_75", Le = "_memberRow_1pd36_81", Ae = "_memberLabel_1pd36_86", De = "_memberValue_1pd36_94", Te = "_abnormalValue_1pd36_102", Oe = "_commentSection_1pd36_110", Re = "_commentText_1pd36_116", Ce = "_nestedGroup_1pd36_125", Fe = "_nestedGroupLabel_1pd36_132", ve = "_nestedGroupMembers_1pd36_141", o = {
-  formsTableBody: ue,
-  customAccordianItem: pe,
-  formContent: be,
-  formDetailsContainer: _e,
-  observation: fe,
-  groupContainer: ge,
-  rowContainer: Ne,
-  groupLabel: $e,
-  rowLabel: ye,
+import { useTranslation as me } from "react-i18next";
+const ie = "_formsTableBody_1pd36_1", ue = "_customAccordianItem_1pd36_6", pe = "_formContent_1pd36_18", be = "_formDetailsContainer_1pd36_25", _e = "_observation_1pd36_30", fe = "_groupContainer_1pd36_39", ge = "_rowContainer_1pd36_43", Ne = "_groupLabel_1pd36_48", $e = "_rowLabel_1pd36_58", he = "_rowValue_1pd36_67", ye = "_groupMembers_1pd36_75", Me = "_memberRow_1pd36_81", Le = "_memberLabel_1pd36_86", De = "_memberValue_1pd36_94", Te = "_abnormalValue_1pd36_102", Ae = "_commentSection_1pd36_110", Oe = "_commentText_1pd36_116", Re = "_nestedGroup_1pd36_125", Ce = "_nestedGroupLabel_1pd36_132", Fe = "_nestedGroupMembers_1pd36_141", a = {
+  formsTableBody: ie,
+  customAccordianItem: ue,
+  formContent: pe,
+  formDetailsContainer: be,
+  observation: _e,
+  groupContainer: fe,
+  rowContainer: ge,
+  groupLabel: Ne,
+  rowLabel: $e,
   rowValue: he,
-  groupMembers: Me,
-  memberRow: Le,
-  memberLabel: Ae,
+  groupMembers: ye,
+  memberRow: Me,
+  memberLabel: Le,
   memberValue: De,
   abnormalValue: Te,
-  commentSection: Oe,
-  commentText: Re,
-  nestedGroup: Ce,
-  nestedGroupLabel: Fe,
-  nestedGroupMembers: ve
-}, we = "ABNORMAL", P = (e) => {
-  const s = e.concept?.units, c = e.concept?.lowNormal, t = e.concept?.hiNormal, u = c != null, n = t != null, l = u && n ? ` (${c} - ${t})` : u ? ` (>${c})` : n ? ` (<${t})` : "", r = e.interpretation && e.interpretation.toUpperCase() === we;
+  commentSection: Ae,
+  commentText: Oe,
+  nestedGroup: Re,
+  nestedGroupLabel: Ce,
+  nestedGroupMembers: Fe
+}, ve = "ABNORMAL", k = (e) => {
+  const s = e.concept?.units, c = e.concept?.lowNormal, t = e.concept?.hiNormal, u = c != null, n = t != null, l = u && n ? ` (${c} - ${t})` : u ? ` (>${c})` : n ? ` (<${t})` : "", r = e.interpretation && e.interpretation.toUpperCase() === ve;
   return { units: s, rangeString: l, isAbnormal: r };
-}, k = ({
+}, P = ({
   member: e,
   depth: s = 0,
   memberIndex: c = 0,
@@ -39,25 +38,25 @@ const ue = "_formsTableBody_1pd36_1", pe = "_customAccordianItem_1pd36_6", be =
     return /* @__PURE__ */ b(
       "div",
       {
-        className: o.nestedGroup,
+        className: a.nestedGroup,
         "data-testid": `${l}obs-nested-group-${n}-${c}`,
         children: [
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ o(
             "div",
             {
-              className: o.nestedGroupLabel,
+              className: a.nestedGroupLabel,
               "data-testid": `${l}obs-nested-group-label-${n}-${c}`,
               style: { paddingLeft: `${s * 16}px` },
               children: n
             }
           ),
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ o(
             "div",
             {
-              className: o.nestedGroupMembers,
+              className: a.nestedGroupMembers,
               "data-testid": `${l}obs-nested-group-members-${n}-${c}`,
-              children: e.groupMembers?.map((N, $) => /* @__PURE__ */ a(
-                k,
+              children: e.groupMembers?.map((N, $) => /* @__PURE__ */ o(
+                P,
                 {
                   member: N,
                   depth: s + 1,
@@ -71,11 +70,11 @@ const ue = "_formsTableBody_1pd36_1", pe = "_customAccordianItem_1pd36_6", be =
         ]
       }
     );
-  const { units: r, rangeString: _, isAbnormal: f } = P(e);
+  const { units: r, rangeString: _, isAbnormal: f } = k(e);
   return /* @__PURE__ */ b(
     "div",
     {
-      className: o.memberRow,
+      className: a.memberRow,
       "data-testid": `${l}obs-member-row-${n}-${c}`,
       style: { paddingLeft: `${s * 16}px` },
       children: [
@@ -83,8 +82,8 @@ const ue = "_formsTableBody_1pd36_1", pe = "_customAccordianItem_1pd36_6", be =
           "p",
           {
             className: L(
-              o.memberLabel,
-              f ? o.abnormalValue : ""
+              a.memberLabel,
+              f ? a.abnormalValue : ""
             ),
             "data-testid": `${l}obs-member-label-${n}-${c}`,
             children: [
@@ -97,8 +96,8 @@ const ue = "_formsTableBody_1pd36_1", pe = "_customAccordianItem_1pd36_6", be =
           "p",
           {
             className: L(
-              o.memberValue,
-              f ? o.abnormalValue : ""
+              a.memberValue,
+              f ? a.abnormalValue : ""
             ),
             "data-testid": `${l}obs-member-value-${n}-${c}`,
             children: [
@@ -110,45 +109,45 @@ const ue = "_formsTableBody_1pd36_1", pe = "_customAccordianItem_1pd36_6", be =
       ]
     }
   );
-}, Ee = ({
+}, we = ({
   observation: e,
   index: s,
   formName: c = ""
 }) => {
-  const t = e.groupMembers && e.groupMembers.length > 0, { units: u, rangeString: n, isAbnormal: l } = P(e), r = c ? `${c}-` : "";
+  const t = e.groupMembers && e.groupMembers.length > 0, { units: u, rangeString: n, isAbnormal: l } = k(e), r = c ? `${c}-` : "";
   return /* @__PURE__ */ b(
     "div",
     {
-      className: o.observation,
+      className: a.observation,
       "data-testid": `${r}observation-item-${e.conceptNameToDisplay}-${s}`,
       children: [
         /* @__PURE__ */ b(
           "div",
           {
-            className: t ? o.groupContainer : o.rowContainer,
+            className: t ? a.groupContainer : a.rowContainer,
             "data-testid": `${r}observation-container-${e.conceptNameToDisplay}-${s}`,
             children: [
               /* @__PURE__ */ b(
                 "p",
                 {
                   className: L(
-                    t ? o.groupLabel : o.rowLabel,
-                    !t && l ? o.abnormalValue : ""
+                    t ? a.groupLabel : a.rowLabel,
+                    !t && l ? a.abnormalValue : ""
                   ),
                   "data-testid": `${r}observation-label-${e.conceptNameToDisplay}-${s}`,
                   children: [
                     e.conceptNameToDisplay,
-                    !t && n && /* @__PURE__ */ a("span", { className: o.rangeInfo, children: n })
+                    !t && n && /* @__PURE__ */ o("span", { className: a.rangeInfo, children: n })
                   ]
                 }
               ),
-              t ? /* @__PURE__ */ a(
+              t ? /* @__PURE__ */ o(
                 "div",
                 {
-                  className: o.groupMembers,
+                  className: a.groupMembers,
                   "data-testid": `${r}observation-group-members-${e.conceptNameToDisplay}-${s}`,
-                  children: e.groupMembers?.map((_, f) => /* @__PURE__ */ a(
-                    k,
+                  children: e.groupMembers?.map((_, f) => /* @__PURE__ */ o(
+                    P,
                     {
                       member: _,
                       depth: 0,
@@ -162,8 +161,8 @@ const ue = "_formsTableBody_1pd36_1", pe = "_customAccordianItem_1pd36_6", be =
                 "p",
                 {
                   className: L(
-                    o.rowValue,
-                    l ? o.abnormalValue : ""
+                    a.rowValue,
+                    l ? a.abnormalValue : ""
                   ),
                   "data-testid": `${r}observation-value-${e.conceptNameToDisplay}-${s}`,
                   children: [
@@ -175,12 +174,12 @@ const ue = "_formsTableBody_1pd36_1", pe = "_customAccordianItem_1pd36_6", be =
             ]
           }
         ),
-        e.comment && /* @__PURE__ */ a(
+        e.comment && /* @__PURE__ */ o(
           "div",
           {
-            className: o.commentSection,
+            className: a.commentSection,
             "data-testid": `${r}observation-comment-${e.conceptNameToDisplay}-${s}`,
-            children: /* @__PURE__ */ b("span", { className: o.commentText, children: [
+            children: /* @__PURE__ */ b("span", { className: a.commentText, children: [
               e.comment,
               e.providers?.[0]?.name && ` - by ${e.providers[0].name}`
             ] })
@@ -190,12 +189,12 @@ const ue = "_formsTableBody_1pd36_1", pe = "_customAccordianItem_1pd36_6", be =
     },
     `${e.concept.uuid}-${s}`
   );
-}, He = ({
+}, Ue = ({
   episodeOfCareUuids: e,
   encounterUuids: s,
   config: c
 }) => {
-  const { t } = ie(), u = J(), [n, l] = H(!1), [r, _] = H(null), f = c?.numberOfVisits, N = W(
+  const { t } = me(), u = J(), [n, l] = H(!1), [r, _] = H(null), f = c?.numberOfVisits, N = W(
     e,
     s
   ), {
@@ -203,40 +202,40 @@ const ue = "_formsTableBody_1pd36_1", pe = "_customAccordianItem_1pd36_6", be =
     isLoading: O,
     isError: R,
     error: K
-  } = h({
+  } = y({
     queryKey: ["forms", u, e],
     queryFn: () => Z(u, void 0, f),
     enabled: !!u && !N
   }), C = g(() => !s || s.length === 0 ? $ : $.filter(
     (d) => s.includes(d.encounterUuid)
-  ), [$, s]), { data: F = [] } = h({
+  ), [$, s]), { data: F = [] } = y({
     queryKey: ["observationForms"],
     queryFn: () => ee()
   }), v = M(
     (d) => F.find((m) => m.name === d)?.uuid,
     [F]
-  ), A = g(() => {
+  ), D = g(() => {
     if (r)
       return v(r.formName);
   }, [r, v]), {
-    data: Be,
+    data: Ee,
     isLoading: j,
     error: w
-  } = h({
-    queryKey: ["formMetadata", A],
-    queryFn: () => te(A),
-    enabled: !!A && n
+  } = y({
+    queryKey: ["formMetadata", D],
+    queryFn: () => te(D),
+    enabled: !!D && n
   }), {
-    data: D,
+    data: T,
     isLoading: x,
     error: E
-  } = h({
+  } = y({
     queryKey: ["formsEncounter", r?.encounterUuid],
     queryFn: () => re(r.encounterUuid, !0),
     enabled: !!r?.encounterUuid && n
-  }), B = g(() => !D?.observations || !r?.formName ? [] : D.observations.filter(
+  }), B = g(() => !T?.observations || !r?.formName ? [] : T.observations.filter(
     (p) => "formFieldPath" in p && typeof p.formFieldPath == "string" && p.formFieldPath.includes(r.formName)
-  ), [D?.observations, r?.formName]), I = g(
+  ), [T?.observations, r?.formName]), I = g(
     () => [
       { key: "recordedOn", header: t("FORM_RECORDED_ON") },
       { key: "recordedBy", header: t("FORM_RECORDED_BY") }
@@ -251,14 +250,14 @@ const ue = "_formsTableBody_1pd36_1", pe = "_customAccordianItem_1pd36_6", be =
   ), V = g(() => {
     const d = C.reduce(
       (m, i) => {
-        const y = i.formName;
-        m[y] ??= [];
-        const T = i.providers.map((Q) => Q.providerName).filter(Boolean).join(", ");
-        return m[y].push({
+        const h = i.formName;
+        m[h] ??= [];
+        const A = i.providers.map((Q) => Q.providerName).filter(Boolean).join(", ");
+        return m[h].push({
           id: i.encounterUuid,
           formName: i.formName,
-          recordedOn: oe(i.encounterDateTime, t, le).formattedResult,
-          recordedBy: T ?? "--",
+          recordedOn: ae(i.encounterDateTime, t, le).formattedResult,
+          recordedBy: A ?? "--",
           encounterDateTime: i.encounterDateTime,
           encounterUuid: i.encounterUuid
         }), m;
@@ -269,7 +268,7 @@ const ue = "_formsTableBody_1pd36_1", pe = "_customAccordianItem_1pd36_6", be =
       ([m, i]) => ({
         formName: m,
         records: i.sort(
-          (y, T) => T.encounterDateTime - y.encounterDateTime
+          (h, A) => A.encounterDateTime - h.encounterDateTime
         )
       })
     ).sort((m, i) => m.formName.localeCompare(i.formName));
@@ -281,7 +280,7 @@ const ue = "_formsTableBody_1pd36_1", pe = "_customAccordianItem_1pd36_6", be =
     (d, p) => {
       switch (p) {
         case "recordedOn":
-          return /* @__PURE__ */ a(ae, { onClick: () => S(d), children: d.recordedOn });
+          return /* @__PURE__ */ o(oe, { onClick: () => S(d), children: d.recordedOn });
         case "recordedBy":
           return d.recordedBy;
         default:
@@ -291,7 +290,7 @@ const ue = "_formsTableBody_1pd36_1", pe = "_customAccordianItem_1pd36_6", be =
     [S]
   );
   return /* @__PURE__ */ b(Y, { children: [
-    /* @__PURE__ */ a("div", { "data-testid": "forms-table", children: O || R || V.length === 0 || N ? /* @__PURE__ */ a(
+    /* @__PURE__ */ o("div", { "data-testid": "forms-table", children: O || R || V.length === 0 || N ? /* @__PURE__ */ o(
       U,
       {
         headers: I,
@@ -301,19 +300,19 @@ const ue = "_formsTableBody_1pd36_1", pe = "_customAccordianItem_1pd36_6", be =
         errorStateMessage: R ? K?.message : void 0,
         emptyStateMessage: t("FORMS_UNAVAILABLE"),
         renderCell: G,
-        className: o.formsTableBody,
+        className: a.formsTableBody,
         dataTestId: "forms-table"
       }
-    ) : /* @__PURE__ */ a(se, { align: "start", children: V.map((d, p) => {
+    ) : /* @__PURE__ */ o(se, { align: "start", children: V.map((d, p) => {
       const { formName: m, records: i } = d;
-      return /* @__PURE__ */ a(
+      return /* @__PURE__ */ o(
         ne,
         {
           title: m,
-          className: o.customAccordianItem,
+          className: a.customAccordianItem,
           testId: `accordian-title-${m}`,
           open: p === 0,
-          children: /* @__PURE__ */ a(
+          children: /* @__PURE__ */ o(
             U,
             {
               headers: I,
@@ -324,7 +323,7 @@ const ue = "_formsTableBody_1pd36_1", pe = "_customAccordianItem_1pd36_6", be =
               sortable: z,
               emptyStateMessage: t("FORMS_UNAVAILABLE"),
               renderCell: G,
-              className: o.formsTableBody,
+              className: a.formsTableBody,
               dataTestId: `forms-table-${m}`
             }
           )
@@ -332,33 +331,30 @@ const ue = "_formsTableBody_1pd36_1", pe = "_customAccordianItem_1pd36_6", be =
         m
       );
     }) }) }),
-    n && r && me(
-      /* @__PURE__ */ a(
-        de,
-        {
-          id: "modalIdForActionAreaLayout",
-          open: n,
-          onRequestClose: X,
-          modalHeading: r.formName,
-          modalLabel: `${r.recordedOn} | ${r.recordedBy}`,
-          passiveModal: !0,
-          size: "md",
-          testId: "form-details-modal",
-          children: /* @__PURE__ */ a("div", { className: o.formContent, children: j || x ? /* @__PURE__ */ a(ce, { width: "100%", lineCount: 3 }) : w ? /* @__PURE__ */ a("div", { children: q(w).message ?? t("ERROR_FETCHING_FORM_METADATA") }) : E ? /* @__PURE__ */ a("div", { children: q(E).message ?? t("ERROR_FETCHING_FORM_DATA") }) : B.length > 0 ? /* @__PURE__ */ a("div", { className: o.formDetailsContainer, children: B.map((d, p) => /* @__PURE__ */ a(
-            Ee,
-            {
-              observation: d,
-              index: p,
-              formName: r.formName
-            },
-            `${d.concept.uuid}`
-          )) }) : /* @__PURE__ */ a("div", { children: t("NO_FORM_DATA_AVAILABLE") }) })
-        }
-      ),
-      document.getElementById("actionAreaLayout") ?? document.body
+    n && r && /* @__PURE__ */ o(
+      de,
+      {
+        id: "modalIdForActionAreaLayout",
+        open: n,
+        onRequestClose: X,
+        modalHeading: r.formName,
+        modalLabel: `${r.recordedOn} | ${r.recordedBy}`,
+        passiveModal: !0,
+        size: "md",
+        testId: "form-details-modal",
+        children: /* @__PURE__ */ o("div", { className: a.formContent, children: j || x ? /* @__PURE__ */ o(ce, { width: "100%", lineCount: 3 }) : w ? /* @__PURE__ */ o("div", { children: q(w).message ?? t("ERROR_FETCHING_FORM_METADATA") }) : E ? /* @__PURE__ */ o("div", { children: q(E).message ?? t("ERROR_FETCHING_FORM_DATA") }) : B.length > 0 ? /* @__PURE__ */ o("div", { className: a.formDetailsContainer, children: B.map((d, p) => /* @__PURE__ */ o(
+          we,
+          {
+            observation: d,
+            index: p,
+            formName: r.formName
+          },
+          `${d.concept.uuid}`
+        )) }) : /* @__PURE__ */ o("div", { children: t("NO_FORM_DATA_AVAILABLE") }) })
+      }
     )
   ] });
 };
 export {
-  He as default
+  Ue as default
 };

package/dist/{Observations-DWsuk40D.js → Observations-DtvFoA_1.js}

@@ -1,5 +1,5 @@
 import { jsx as v, jsxs as _ } from "react/jsx-runtime";
-import { J as F, L as N, f as K, h as k, i as q, V as Q, u as G, j as P, k as x, C as H, T as j, K as Y } from "./index-BSN2bEIC.js";
+import { J as F, L as N, f as K, h as k, i as q, V as Q, u as G, j as P, k as x, C as H, T as j, K as Y } from "./index-xqzBm5Np.js";
 import { useQueries as z, useQuery as J } from "@tanstack/react-query";
 import { useRef as W, useEffect as S, useMemo as y } from "react";
 import { useTranslation as A } from "react-i18next";

package/dist/forms/FormsTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormsTable.d.ts","sourceRoot":"","sources":["../../src/forms/FormsTable.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAG9D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAShD;;;GAGG;AACH,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAuRrC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"FormsTable.d.ts","sourceRoot":"","sources":["../../src/forms/FormsTable.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAShD;;;GAGG;AACH,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAoRrC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/{index-BSN2bEIC.js → index-xqzBm5Np.js}

@@ -59397,7 +59397,18 @@ const ike = "_container_1ml42_1", ske = "_accordion_1ml42_5", lke = "_rows_1ml42
       }
     ) })
   }
-), $n = ({ testId: t, children: e, ...r }) => /* @__PURE__ */ ne(Mse, { ...r, "data-testid": t, children: e });
+), $n = ({ testId: t, children: e, ...r }) => foe(
+  /* @__PURE__ */ ne(
+    "div",
+    {
+      id: "modal-root",
+      "data-testid": "modal-root-test-id",
+      "aria-label": "modal-root-aria-label",
+      children: /* @__PURE__ */ ne(Mse, { ...r, "data-testid": t, children: e })
+    }
+  ),
+  document.getElementById("main-display-area") ?? document.body
+);
 $n.Header = D3;
 $n.Body = jie;
 $n.Footer = Da;
@@ -59444,7 +59455,7 @@ const cke = "_thumbnailButton_u66io_1", dke = "_thumbnailImage_u66io_28", uke =
         )
       }
     ),
-    /* @__PURE__ */ ne(
+    l && /* @__PURE__ */ ne(
       $n,
       {
         open: l,
@@ -59452,7 +59463,7 @@ const cke = "_thumbnailButton_u66io_1", dke = "_thumbnailImage_u66io_28", uke =
         modalHeading: a,
         passiveModal: !0,
         size: "lg",
-        id: `${r}-modal`,
+        id: "modalIdForActionAreaLayout",
         testId: `${r}-modal-test-id`,
         children: /* @__PURE__ */ ne("div", { className: so.modalImageContainer, children: /* @__PURE__ */ ne(
           "img",
@@ -59524,7 +59535,7 @@ const cke = "_thumbnailButton_u66io_1", dke = "_thumbnailImage_u66io_28", uke =
         ]
       }
     ),
-    /* @__PURE__ */ ne(
+    s && /* @__PURE__ */ ne(
       $n,
       {
         open: s,
@@ -59532,7 +59543,7 @@ const cke = "_thumbnailButton_u66io_1", dke = "_thumbnailImage_u66io_28", uke =
         modalHeading: n,
         passiveModal: !0,
         size: "lg",
-        id: `${e}-modal`,
+        id: "modalIdForActionAreaLayout",
         testId: `${e}-modal-test-id`,
         children: /* @__PURE__ */ ne("div", { className: Pn.modalVideoContainer, children: /* @__PURE__ */ ne(
           "video",
@@ -74686,29 +74697,26 @@ const GJe = ({
       ] })
     ] }),
     v(),
-    g && i && foe(
-      /* @__PURE__ */ ne(
-        $n,
-        {
-          open: i,
-          onRequestClose: () => s(!1),
-          passiveModal: !0,
-          modalHeading: H,
-          testId: "attachments-modal",
-          size: "lg",
-          id: "modalIdForActionAreaLayout",
-          children: /* @__PURE__ */ ne($n.Body, { children: /* @__PURE__ */ ne("div", { className: Ut.attachmentsContainer, children: t.attachments.map((m, V) => /* @__PURE__ */ ne(
-            kJe,
-            {
-              attachment: m,
-              index: V + 1,
-              totalCount: t.attachments.length
-            },
-            m.id || V
-          )) }) })
-        }
-      ),
-      document.getElementById("actionAreaLayout") ?? document.body
+    g && i && /* @__PURE__ */ ne(
+      $n,
+      {
+        open: i,
+        onRequestClose: () => s(!1),
+        passiveModal: !0,
+        modalHeading: H,
+        testId: "attachments-modal",
+        size: "lg",
+        id: "modalIdForActionAreaLayout",
+        children: /* @__PURE__ */ ne($n.Body, { children: /* @__PURE__ */ ne("div", { className: Ut.attachmentsContainer, children: t.attachments.map((m, V) => /* @__PURE__ */ ne(
+          kJe,
+          {
+            attachment: m,
+            index: V + 1,
+            totalCount: t.attachments.length
+          },
+          m.id || V
+        )) }) })
+      }
     )
   ] });
 }, XJe = async (t, e, r, n, a) => {
@@ -76084,7 +76092,7 @@ const QGe = (t) => ["programs", t], eXe = async (t, e) => {
           {
             id: `program-details-${h}`,
             label: l[h],
-            value: d3e.includes(h) ? d(h) : h in a.attributes ? a.attributes[h] : "-"
+            value: d3e.includes(h) ? d(h) : a?.attributes?.[h] ?? "-"
           }
         ) }, h)) })
       ]
@@ -76198,7 +76206,7 @@ const FXe = () => {
   },
   {
     type: "forms",
-    component: a1(() => import("./FormsTable-27SfK3Hl.js"))
+    component: a1(() => import("./FormsTable-C2KLZRTw.js"))
   },
   {
     type: "labOrders",
@@ -76206,7 +76214,7 @@ const FXe = () => {
   },
   {
     type: "observations",
-    component: a1(() => import("./Observations-DWsuk40D.js"))
+    component: a1(() => import("./Observations-DtvFoA_1.js"))
   },
   {
     type: "ordersControl",